{"id":1102,"date":"2018-09-17T22:51:35","date_gmt":"2018-09-18T05:51:35","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=1102"},"modified":"2023-02-26T21:08:04","modified_gmt":"2023-02-27T04:08:04","slug":"project-face-trace","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/project-face-trace\/","title":{"rendered":"Project: Face Trace"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/lbmslab.org\/lab\/face-trace-2023-update\/\" data-type=\"page\" data-id=\"1957\">There is a newer version of this tutorial here.<\/a><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>GOAL: Use Photoshop to turn a photograph into a drawing.<\/p>\n\n\n\n<p>NOTE: Try <a href=\"https:\/\/lbmslab.org\/lab\/project-image-trace\/\">Image Trace<\/a> first!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instructions<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"image trace 2 photo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/5KkALcGXgB0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Find an image. It doesn&#8217;t need to be as large as the project, but it should be large enough to show detail. I&#8217;m going to use this stock photo:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"5760\" height=\"3840\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/beautiful-beauty-casual-762020.jpg\" alt=\"\" class=\"wp-image-1103\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/beautiful-beauty-casual-762020.jpg 5760w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/beautiful-beauty-casual-762020-300x200.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/beautiful-beauty-casual-762020-768x512.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/beautiful-beauty-casual-762020-1024x683.jpg 1024w\" sizes=\"auto, (max-width: 5760px) 100vw, 5760px\" \/><\/figure>\n\n\n\n<p>Open a new document in Photoshop. Because this photo was taken in landscape format (wider than it is tall), I&#8217;m going to make my project file in landscape as well. Here are the settings I used:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"432\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.30-PM.png\" alt=\"\" class=\"wp-image-1104\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.30-PM.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.30-PM-208x300.png 208w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>Drag your photo onto your project. Photoshop will load it as a smart layer.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1047\" height=\"789\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.48-PM.png\" alt=\"\" class=\"wp-image-1105\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.48-PM.png 1047w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.48-PM-300x226.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.48-PM-768x579.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.19.48-PM-1024x772.png 1024w\" sizes=\"auto, (max-width: 1047px) 100vw, 1047px\" \/><\/figure>\n\n\n\n<p>Resize your image to fit your project. It might not fit exactly. Remember: if you hold down shift and drag from a corner, the proportions will stay the same.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"789\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.00-PM.png\" alt=\"\" class=\"wp-image-1106\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.00-PM.png 1170w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.00-PM-300x202.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.00-PM-768x518.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.00-PM-1024x691.png 1024w\" sizes=\"auto, (max-width: 1170px) 100vw, 1170px\" \/><\/figure>\n\n\n\n<p>Rename the picture layer original and lock it by selecting the lock icon at the top of the layer menu.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"345\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.33-PM.jpg\" alt=\"\" class=\"wp-image-1108\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.33-PM.jpg 294w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.20.33-PM-256x300.jpg 256w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/figure>\n\n\n\n<p>Create a new layer and name it &#8220;white.&#8221;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"378\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.19-PM.jpg\" alt=\"\" class=\"wp-image-1109\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.19-PM.jpg 291w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.19-PM-231x300.jpg 231w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/figure>\n\n\n\n<p>On the main menu, select edit&gt;fill, then select white as the fill color.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"352\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.25-PM.png\" alt=\"\" class=\"wp-image-1110\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.25-PM.png 370w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.25-PM-300x285.png 300w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><\/figure>\n\n\n\n<p>Lower the opacity of the white layer until you can clearly see a light version of your source image.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1641\" height=\"795\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.41-PM.jpg\" alt=\"\" class=\"wp-image-1112\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.41-PM.jpg 1641w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.41-PM-300x145.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.41-PM-768x372.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.21.41-PM-1024x496.jpg 1024w\" sizes=\"auto, (max-width: 1641px) 100vw, 1641px\" \/><\/figure>\n\n\n\n<p>Select the brush tool. Set the brush size fairly small. If you are using a mouse to draw, set the brush to 5 or 6 pixels. If you are using a drawing tablet, set it a little larger.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1107\" height=\"738\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.22.25-PM.jpg\" alt=\"\" class=\"wp-image-1114\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.22.25-PM.jpg 1107w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.22.25-PM-300x200.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.22.25-PM-768x512.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.22.25-PM-1024x683.jpg 1024w\" sizes=\"auto, (max-width: 1107px) 100vw, 1107px\" \/><\/figure>\n\n\n\n<p>Create a new layer above the white layer. Rename it &#8220;lines.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"282\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.23.09-PM.png\" alt=\"\" class=\"wp-image-1115\"\/><\/figure>\n\n\n\n<p>Trace over the very darkest parts of the image. DO NOT OUTLINE FACIAL FEATURES &#8211; just fill in the dark spots.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1185\" height=\"876\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.36.25-PM.png\" alt=\"\" class=\"wp-image-1116\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.36.25-PM.png 1185w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.36.25-PM-300x222.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.36.25-PM-768x568.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.36.25-PM-1024x757.png 1024w\" sizes=\"auto, (max-width: 1185px) 100vw, 1185px\" \/><figcaption class=\"wp-element-caption\">Look at the different parts of the face- especially the nose. Notice that most of the shapes are open.<\/figcaption><\/figure>\n\n\n\n<p>Make a new layer between the lines layer and the white layer, and name it &#8220;colors.&#8221; Hide the lines and white layers by selecting the eyes next to each layer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"348\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.38.10-PM.jpg\" alt=\"\" class=\"wp-image-1117\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.38.10-PM.jpg 297w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.38.10-PM-256x300.jpg 256w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<p>Use the brush tool to paint the colors on the layer. Try to stay close to the colors of the image underneath, but don&#8217;t worry about staying exactly on the shapes or inside the lines.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.54.57-PM.png\" alt=\"\" class=\"wp-image-1118\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.54.57-PM.png 1920w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.54.57-PM-300x169.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.54.57-PM-768x432.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-2.54.57-PM-1024x576.png 1024w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><figcaption class=\"wp-element-caption\">In progress. I added a lot of&nbsp; shading to the hair, but you could leave it a solid color. I also turned the colors and white layers off a lot to make sure everything was fairly close.<\/figcaption><\/figure>\n\n\n\n<p>After you&#8217;ve done the main colors for the face, you might find it&#8217;s easier to do the details on separate layers. If you do this, make sure the new layers are between the colors layer and the lines layer.<\/p>\n\n\n\n<p>Here&#8217;s the mostly finished piece. Notice the nose, mouth, and freckles have their own layers. Also notice that the shape of the nose is shown by the change in color around it, not by outlining the nose.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1701\" height=\"861\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-3.04.25-PM.png\" alt=\"\" class=\"wp-image-1119\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-3.04.25-PM.png 1701w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-3.04.25-PM-300x152.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-3.04.25-PM-768x389.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-17-at-3.04.25-PM-1024x518.png 1024w\" sizes=\"auto, (max-width: 1701px) 100vw, 1701px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>There is a newer version of this tutorial here. GOAL: Use Photoshop to turn a photograph into a drawing. NOTE: Try Image Trace first! Instructions Find an image. It doesn&#8217;t need to be as large as the project, but it should be large enough to show detail. I&#8217;m going to use this stock photo: Open [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/1102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/comments?post=1102"}],"version-history":[{"count":10,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/1102\/revisions"}],"predecessor-version":[{"id":1991,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/1102\/revisions\/1991"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=1102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}