{"id":1079,"date":"2014-03-25T17:37:32","date_gmt":"2014-03-25T17:37:32","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=1079"},"modified":"2022-07-18T18:19:14","modified_gmt":"2022-07-18T18:19:14","slug":"cola-id-processing-procedures","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2014\/03\/25\/cola-id-processing-procedures\/","title":{"rendered":"Basic Training: How to Edit and Process COLA Photo IDs"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"110\" height=\"25\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/Basic-Training-Tag-V3.png\" alt=\"\" class=\"wp-image-3515\" \/><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/kb_photoid_banner-01-1024x339.png\" alt=\"\" class=\"wp-image-8040\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/kb_photoid_banner-01-1024x339.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/kb_photoid_banner-01-300x99.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/kb_photoid_banner-01-768x254.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/kb_photoid_banner-01-1536x509.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/kb_photoid_banner-01-2048x678.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>\u00a0<\/p>\n<p><span style=\"color: #000000\"><b>Follow these steps to edit a photo so that it can be made into a College of Liberal Arts Photo ID suitable for display on a webpage. <\/b><\/span><\/p>\n<p><span style=\"font-weight: 400\">You will be making photo IDs for faculty, staff, and graduate student webpages. All photos will be edited for this uniform size: 240 x 300px.\u00a0 There will be exceptions to the 240 x 300px size, although this will be rare.<\/span><\/p>\n<p>Editing photo IDs is one of the recurring tasks that design STAs will be responsible for. See the below graphic for the general process and protocol for photo ID edits and communication:<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8606\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01-240x300.png\" alt=\"\" width=\"533\" height=\"666\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01-240x300.png 240w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01-820x1024.png 820w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01-768x959.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01-1231x1536.png 1231w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Photo-ID-Flowchart-With-title-01-1641x2048.png 1641w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/a><\/p>\n<p>\u00a0<\/p>\n<p><span style=\"font-weight: 400\">For faculty and graduate students, you will submit their photo ID as both their <\/span><b>profile image <\/b><span style=\"font-weight: 400\">and list view <\/span><b>image. <\/b><span style=\"font-weight: 400\">The list view <\/span><b>image <\/b><span style=\"font-weight: 400\">will show up in search results, and the <\/span><b>profile image <\/b><span style=\"font-weight: 400\">will show up in the body of their webpage. For staff, only a list view i<\/span><b>mage\u00a0<\/b>will show up on the website.\u00a0<\/p>\n<p><strong>&#8220;List view&#8221;<\/strong>\u00a0<em>a list of all faculty, staff, or grad students<\/em><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8564\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM-300x186.png\" alt=\"\" width=\"498\" height=\"309\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM-300x186.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM-1024x635.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM-768x476.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM-1536x953.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.23.55-AM-2048x1270.png 2048w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/a><\/p>\n<p><strong>&#8220;Profile image&#8221;<\/strong>\u00a0<em>one profile image on a profile page &#8211; only found in faculty or graduate students<\/em><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8565\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM-300x226.png\" alt=\"\" width=\"500\" height=\"377\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM-300x226.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM-1024x771.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM-768x578.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM-1536x1156.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-11.24.04-AM-2048x1541.png 2048w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Now that you know what you&#8217;re going to make, take these steps to edit and upload the photos you&#8217;ve been assigned.<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<h1>Before Any Editing&#8230;<\/h1>\n<p class=\"p1\">1. Check your <strong>Basecamp to-do&#8217;s<\/strong> for the Photo ID assignment.<\/p>\n<p class=\"p1\">Basecamp To-Do\u2019s\u00a0 contain information about the <strong><em>staff<\/em>, <em>faculty<\/em>\u00a0or <em>graduate students<\/em><\/strong> whose photo needs to be updated (including name, EID, and position) and also includes the <strong>\u201cSubmitted by&#8221; contact info.<\/strong><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.19.16-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1463\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.19.16-PM-248x300.png\" alt=\"\" width=\"464\" height=\"561\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.19.16-PM-248x300.png 248w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.19.16-PM-768x930.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.19.16-PM-846x1024.png 846w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.19.16-PM.png 932w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/a><\/p>\n<p class=\"p1\">2. Find the <strong>raw photo submission<\/strong><\/p>\n<p class=\"p1\">You&#8217;ll need to find the raw photo that you want to edit. The raw photo is going to be stored in our LAITS PHOTOGRAPHY <strong>BOX folder<\/strong>:<\/p>\n<p class=\"p1\"><a href=\"https:\/\/utexas.box.com\/s\/pfcsfrza3c4gpl216h2v4ucxkezag41v\">https:\/\/utexas.app.box.com\/folder\/4835146337<\/a>.<\/p>\n<p>Look at the sender email in the Basecamp assignment. Cross reference that email with the most recent additions to the LAITS Photography folder. Many times, the raw photo submissions are not named correctly, and will not appear in searches.\u00a0<\/p>\n<p><strong>For this training, you will download, edit, and write a mock email for 2 photos in each category of difficulty in this Box folder:<\/strong><\/p>\n<p>https:\/\/utexas.box.com\/s\/1310yclqeogyo8h00cggversw11xww5r<\/p>\n<p>3. Make sure the file is named properly<\/p>\n<p>When you&#8217;re looking up the name in the BOX folder, make sure that the file that you want to down load is named correctly according to our file naming conventions:\u00a0<a href=\"https:\/\/utexas.app.box.com\/file\/361742649853\">https:\/\/utexas.app.box.com\/file\/361742649853<\/a><\/p>\n<p><strong>Handy Naming Convention Chart<\/strong> &#8211; always refer to this:<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/ID-naming-convention.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1462\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/ID-naming-convention-300x252.png\" alt=\"\" width=\"584\" height=\"490\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/ID-naming-convention-300x252.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/ID-naming-convention-768x644.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/ID-naming-convention-1024x859.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/ID-naming-convention.png 1142w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>Correct convention: Lastname_Firstname_EID_Role(fac\/staff\/g-stdnt)_YYYY-MM-DD.jpg<\/p>\n<p>If the photo that the client submitted does not follow the naming convention, <em>please <strong>rename the file in the BOX folder<\/strong> to exactly follow the correct naming convention<\/em>.<\/p>\n<h2><strong>Downloading files<\/strong><\/h2>\n<p class=\"p1\">1. Download the photo from the <strong>BOX folder<\/strong> <a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.23.50-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1465\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.23.50-PM-300x261.png\" alt=\"\" width=\"451\" height=\"392\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.23.50-PM-300x261.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.23.50-PM.png 407w\" sizes=\"auto, (max-width: 451px) 100vw, 451px\" \/><\/a><\/p>\n<p class=\"p1\">2. Also, download your guided Photoshop templates from this BOX folder with all the resources needed for photo ID processing: <a href=\"https:\/\/utexas.box.com\/s\/szxnjdpz0jgp3r2el55knpla2069i8vj\">https:\/\/utexas.box.com\/s\/szxnjdpz0jgp3r2el55knpla2069i8vj<\/a><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8569\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy-300x197.png\" alt=\"\" width=\"464\" height=\"305\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy-300x197.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy-1024x671.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy-768x503.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy-1536x1007.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.32.52-PM-copy-2048x1342.png 2048w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/a><\/p>\n<h2><strong>Submission guidelines and special cases<\/strong><\/h2>\n<p>Generally, we allow most photo submissions, unless they:<\/p>\n<ul>\n<li>are significantly too small<\/li>\n<li>are cropped too close to the face<\/li>\n<li>are completely backlit\u00a0<\/li>\n<li>use a an obvious and unprofessional social media filter\u00a0<\/li>\n<li>are a group photo<\/li>\n<\/ul>\n<p>Beyond these, there are some special cases for photo ID editing.\u00a0<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/acceptable200x210.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2188\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/acceptable200x210.jpg\" alt=\"\" width=\"200\" height=\"218\" \/><\/a><\/p>\n<p>This image was created when the standard sizing was 200 x 300. While the image itself is good, its ratio does not allow it to fit into the standard sizing. As such, it has been cropped to 200 x 210. Ask your supervisor if you are unsure about cropping an image.<\/p>\n<h4>Naval Science photos should include medals\u00a0<\/h4>\n<h4><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.00.31-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7979\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.00.31-PM-199x300.png\" alt=\"\" width=\"199\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.00.31-PM-199x300.png 199w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.00.31-PM.png 360w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/><\/a><\/h4>\n<h4>Faculty photos with masks are okay<\/h4>\n<h4><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.01.55-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7980\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.01.55-PM-202x300.png\" alt=\"\" width=\"202\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.01.55-PM-202x300.png 202w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.01.55-PM.png 364w\" sizes=\"auto, (max-width: 202px) 100vw, 202px\" \/><\/a><\/h4>\n<h3>Photos for body of faculty profile pages<\/h3>\n<p>Some photos not meeting profile picture (240 x 300) guidelines are still okay to use in the body of a faculty member&#8217;s profile.\u00a0<\/p>\n<p>For example, the photo below does not meet profile picture guidelines, but because the faculty member wanted it on their page, we included it in the body of the profile page.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.04.15-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7981 size-large\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.04.15-PM-1024x581.png\" alt=\"\" width=\"640\" height=\"363\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.04.15-PM-1024x581.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.04.15-PM-300x170.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.04.15-PM-768x436.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2021-10-27-at-1.04.15-PM.png 1374w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h1>Editing photo IDs<\/h1>\n<p class=\"p1\">1. Open the guided templates and the photo up in <strong>Photoshop<\/strong>.<\/p>\n<p class=\"p1\">Before editing the photo, duplicate the original file by right clicking on the layer and click &#8220;duplicate layer.&#8221; This is just a safety precaution, in case you mess up your edits or you want to compare your edited photo with the original one.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/thing-copy.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8584\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/thing-copy-300x150.png\" alt=\"\" width=\"476\" height=\"238\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/thing-copy-300x150.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/thing-copy-1024x514.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/thing-copy-768x385.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/thing-copy.png 1208w\" sizes=\"auto, (max-width: 476px) 100vw, 476px\" \/><\/a><\/p>\n<p class=\"p1\">2. Edit the photo &#8211; make sure it looks as NATURAL as possible. <span style=\"font-weight: 400\">Essentially, you want it to look like it has natural lighting, natural coloring, and is cropped correctly.<\/span><\/p>\n<p><b>Important tools:<\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400\">The majority of photo editing tools can be found in image &gt; adjustments. Most important are <\/span><b>brightness\/contrast, vibrance, hue\/saturation, and color balance<\/b><\/li>\n<li><b>Brightness &#8211; <\/b><span style=\"font-weight: 400\">Adjusts how light\/dark the image is.<\/span><\/li>\n<li><b>Contrast<\/b><span style=\"font-weight: 400\"> &#8211; Adjusts how drastic the visual difference is between the darkest and lightest colors. Most professional portraits lean towards having a bit more contrast than you may find in real life.<\/span><\/li>\n<li><b>Vibrance &#8211; <\/b><span style=\"font-weight: 400\">Takes parts of the image that are less colorful and adds more color to them. This is very important as it can add color\/life to an image without it getting too intense.<\/span><\/li>\n<li><b>Saturation <\/b><span style=\"font-weight: 400\">&#8211; Similar to vibrance, but adjusts <\/span><i><span style=\"font-weight: 400\">every <\/span><\/i><span style=\"font-weight: 400\">color in the image. Only use this if the whole image needs more color.<\/span><\/li>\n<li><b>Hue <\/b><span style=\"font-weight: 400\">&#8211; Changes the colors in the image entirely (you probably will never need this.<\/span><\/li>\n<li><b>Color Balance &#8211; <\/b><span style=\"font-weight: 400\">Takes the lighting of the image and can recolor it to be cooler\/warmer\/neutral. This is <\/span><i><span style=\"font-weight: 400\">very <\/span><\/i><span style=\"font-weight: 400\"><span style=\"font-weight: 400\">important as many images are submitted with filters that cause them to appear too cool or warm.<\/span><\/span><\/li>\n<\/ul>\n<p><b style=\"font-size: inherit\">A few more advanced tools:<\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400\">You can also use the <\/span><b>auto color\/tone\/contrast tools<\/b><span style=\"font-weight: 400\">, but keep in mind these use an AI system that may not always do the best job. You\u2019ll need to tweak them!\u00a0<\/span><\/li>\n<li><b>Exposure &#8211; <\/b><span style=\"font-weight: 400\">Based on the exposure tool that cameras use, can adjust how much light is present in the image. This tool is similar to brightness, but tends to only affect the lighter parts of the image. Use this if the image is overexposed (light is too intense), or underexposed (image is too dark.)\u00a0<\/span><\/li>\n<li><b>Selective Color <\/b><span style=\"font-weight: 400\">&#8211; allows you to focus on a specific color in the image that you want to edit. For example, if you want the image to appear less red, select the red from the image and use the slider to lower the amount of red.<\/span><\/li>\n<\/ul>\n<p><b>A few tools you may need from the side bar:<\/b><\/p>\n<ul>\n<li><b>Blur &#8211; <\/b><span style=\"font-weight: 400\">a tool that can selectively blur parts of the image (for example &#8211; a distracting background)<\/span><\/li>\n<li><b>Dodge <\/b><span style=\"font-weight: 400\">&#8211; lightens specific areas of the image (good for shadows)<\/span><\/li>\n<li><b>Stamp &#8211; <\/b><span style=\"font-weight: 400\">use this to make one part of the image look similar to another. This is rarely needed, so don\u2019t worry about it for now.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-28-at-11.24.48-AM.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8577\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-28-at-11.24.48-AM-290x300.jpg\" alt=\"\" width=\"290\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-28-at-11.24.48-AM-290x300.jpg 290w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-28-at-11.24.48-AM-991x1024.jpg 991w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-28-at-11.24.48-AM-768x793.jpg 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-28-at-11.24.48-AM.jpg 1030w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/a> <a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8581\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix-183x300.png\" alt=\"\" width=\"183\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix-183x300.png 183w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix-624x1024.png 624w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix-768x1260.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix-936x1536.png 936w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/fix.png 946w\" sizes=\"auto, (max-width: 183px) 100vw, 183px\" \/><\/a><\/p>\n<p class=\"p1\">3. Make the cropped version<\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Once your edits are approved, open up the 240 x 300 photo reference .psd.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Copy and paste your edited image into this psd. Make sure the image is on a layer <\/span><b>above <\/b><span style=\"font-weight: 400\">the reference images but <\/span><b>below <\/b><span style=\"font-weight: 400\">the yellow reference box.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8571\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM-300x229.png\" alt=\"\" width=\"402\" height=\"307\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM-300x229.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM-1024x780.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM-768x585.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM-1536x1170.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.25-PM-2048x1560.png 2048w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><\/a><\/p>\n<p class=\"p1\">3. Command + T to select the image and press down SHIFT as you adjust the image size to fit onto the canvas. Holding down SHIFT while resizing preserves the aspect ratio. Some versions of Photoshop are the opposite, so don&#8217;t hold down SHIFT if it doesn&#8217;t preserve the W\/H ratio.\u00a0<\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Prioritize maintaining the 240 x 300 size over fitting the face in the square. If the image absolutely cannot fit into the 240 x 300 size, please consult your supervisor about making an exception.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If the image is too small, do not try and expand it to fit 240 x 300 (this will make it more pixelated.) Instead, work with the original image size and see if it can be cropped similar to 240 x 300. Alternatively, you may need to request a new photo or a higher quality version of the photo.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8570\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM-300x218.png\" alt=\"\" width=\"474\" height=\"344\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM-300x218.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM-1024x744.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM-768x558.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM-1536x1116.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.43.37-PM-2048x1488.png 2048w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/a><\/p>\n<p class=\"p1\">4. Once positioned correctly, remove the yellow reference box (click the eye on the left of the layer). Then, go to File &gt; Export &gt; Save for Web. Make sure you are saving it as .jpg (other settings should be set automatically). Personally, it&#8217;s easier when saving the file names as &#8220;their name_image size&#8221; (ex. &#8220;maria_240x300&#8221;).\u00a0<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8572\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM-300x230.png\" alt=\"\" width=\"376\" height=\"288\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM-300x230.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM-1024x785.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM-768x588.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM-1536x1177.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.27-PM.png 2044w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a> <a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.37-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-8573\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.37-PM-300x78.png\" alt=\"\" width=\"492\" height=\"128\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.37-PM-300x78.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2022-06-27-at-3.51.37-PM.png 698w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/a><\/p>\n<p class=\"p1\">5. \u00a0Upload the edited photos ALONG WITH the original photo (before any edits) &#8211; so a total of 2 images &#8211; to your ID to-do on <strong>basecamp<\/strong>.\u00a0Make sure your supervisor and STA mentor are added in the to-do comments section.<br \/>On that comment, ask for approval or suggestions before uploading your edited files to the\u00a0<strong>Cola Web Editor<\/strong>.\u00a0* Engage in the approval process for all of your ID to-do assignments, until your supervisor gives you the go-ahead to skip the approval step.<\/p>\n<p>(<em>ask for approval any time though, when you are unsure of your edit, or if you have any other ID related question<\/em>\u00a0(-:)<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.28.25-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1484\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.28.25-PM-300x207.png\" alt=\"\" width=\"497\" height=\"287\" \/><\/a><\/p>\n<p class=\"p1\">6. Once you get the approval, upload the photos onto the COLA Web Editor:\u00a0<a href=\"https:\/\/colaweb.la.utexas.edu\/\">https:\/\/colaweb.la.utexas.edu\/<\/a><\/p>\n<p class=\"p1\">7. \u00a0Go to the top right corner and click on your name, and click on &#8220;Offices.&#8221; Then go to the appropriate collage that the individual is in and click the appropriate title (Faculty\/ Staff\/ Grad Student) and search for their names.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.19-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1485\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.19-PM-157x300.png\" alt=\"\" width=\"157\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.19-PM-157x300.png 157w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.19-PM.png 158w\" sizes=\"auto, (max-width: 157px) 100vw, 157px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.32.56-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1488\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.32.56-PM-300x81.png\" alt=\"\" width=\"459\" height=\"124\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.32.56-PM-300x81.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.32.56-PM-768x208.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.32.56-PM-1024x278.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.32.56-PM.png 1118w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/a><\/p>\n<p><strong>OR<\/strong>, you can go to &#8220;People&#8221; and search for the client&#8217;s UT EID.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.58-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1486\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.58-PM-157x300.png\" alt=\"\" width=\"157\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.58-PM-157x300.png 157w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.30.58-PM.png 158w\" sizes=\"auto, (max-width: 157px) 100vw, 157px\" \/><\/a><\/p>\n<p class=\"p1\">8. Click &#8220;Edit&#8221; and upload the photos. Remember,<\/p>\n<ol>\n<li class=\"p1\">Image (for both faculty\/grad students and staff &#8211; the <strong>list view image<\/strong> that shows up in search results)<\/li>\n<li class=\"p1\">Profile Image (only for faculty\/grad students &#8211; the <strong>profile image <\/strong>shows up in the body of their page)<\/li>\n<\/ol>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.07.08-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1487\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-07-at-12.07.08-PM.png\" alt=\"\" width=\"223\" height=\"143\" \/><\/a><\/p>\n<p class=\"p1\">9. Check to make sure their photos have been updated by going to their official UT site (you&#8217;ll probably find this by Googling their name; helps when you type in UT Austin along with their name when searching).<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.42.26-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1477\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.42.26-PM-300x72.png\" alt=\"\" width=\"450\" height=\"108\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.42.26-PM-300x72.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2014\/03\/Screen-Shot-2019-02-04-at-1.42.26-PM.png 562w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p>10. Send email notification. Follow the email templates found in <strong>this KB<\/strong>:<\/p>\n<p><blockquote class=\"wp-embedded-content\" data-secret=\"6FkRETcXWn\"><a href=\"http:\/\/sites.la.utexas.edu\/kb\/2021\/10\/25\/photo-id-email-templates\/\">Photo ID Email Templates<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Photo ID Email Templates&#8221; &#8212; LAITS Knowledge Base\" src=\"http:\/\/sites.la.utexas.edu\/kb\/2021\/10\/25\/photo-id-email-templates\/embed\/#?secret=NiQ119e5Qb#?secret=6FkRETcXWn\" data-secret=\"6FkRETcXWn\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>You do not need to notify <strong>graduate students who have sent their own photo.<\/strong><\/p>\n<p>At times, you may need to send emails regarding photos that do not fit guidelines\/are missing, etc. These can also be found in the email templates KB.\u00a0<\/p>\n<h4>Remember :<\/h4>\n<ul>\n<li>When sending <strong>any\u00a0<\/strong>email regarding photo IDs, please <strong>cc Suloni and Valerie.\u00a0<\/strong><\/li>\n<li>When posting about photos in your blog, <strong>do not<\/strong> use the name of the individual in the photos .<\/li>\n<\/ul>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3530\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps.png\" alt=\"\" width=\"3000\" height=\"1000\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps.png 3000w, http:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps-300x100.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps-768x256.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps-1024x341.png 1024w\" sizes=\"auto, (max-width: 3000px) 100vw, 3000px\" \/><\/a><\/p>\n<figure class=\"attachment attachment--content attachment--horizontal-rule\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>\u00a0 Follow these steps to edit a photo so that it can be made into a College of Liberal Arts Photo ID suitable for display on a webpage. You will be making photo IDs for faculty, staff, and graduate student &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2014\/03\/25\/cola-id-processing-procedures\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":182,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200711,29721],"tags":[],"class_list":["post-1079","post","type-post","status-publish","format-standard","hentry","category-basic-trainings","category-photo-ids"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/1079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/182"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=1079"}],"version-history":[{"count":48,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/1079\/revisions"}],"predecessor-version":[{"id":8607,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/1079\/revisions\/8607"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=1079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=1079"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=1079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}