{"id":547,"date":"2017-02-20T23:56:21","date_gmt":"2017-02-21T06:56:21","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=547"},"modified":"2023-04-06T10:52:45","modified_gmt":"2023-04-06T17:52:45","slug":"photoshop-project-picture-into-lego-style-blocks","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/photoshop-project-picture-into-lego-style-blocks\/","title":{"rendered":"Photoshop Project: picture into LEGO-style blocks"},"content":{"rendered":"\n<p>GOAL: Create an image that looks like it is made from building blocks.<\/p>\n\n\n\n<p>Note: This project is based very heavily on<a href=\"https:\/\/design.tutsplus.com\/tutorials\/transform-a-photo-into-a-lego-block-piece-of-art-in-adobe-photoshop--cms-20568\" target=\"_blank\" rel=\"noopener\"> this tutorial by Kirk Nelson<\/a>. The project instructions here are simplified. If you want to try a more detailed effect, I highly recommend you check out the original tutorial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create the Block Pattern<\/h2>\n\n\n\n<p>Create a new 60 pixel by 60 pixel document. Name it LEGO-Top.Make sure you use pixels, not inches!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-22.png\"><img loading=\"lazy\" decoding=\"async\" width=\"565\" height=\"405\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-22.png\" alt=\"\" class=\"wp-image-568\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-22.png 565w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-22-300x215.png 300w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/a><\/figure>\n\n\n\n<p>Create a new layer. You can use the menu at the top of the screen (Layer &gt; New), the New Layer icon under the layer palette (it looks like a square with a bent corner), or press Command-Shift-N.<\/p>\n\n\n\n<p>On the menu, select Edit &gt; Fill.<\/p>\n\n\n\n<p>Choose 50% Gray.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-8.png\"><img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"202\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-8.png\" alt=\"\" class=\"wp-image-549\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-8.png 359w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-8-300x169.png 300w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/a><\/figure>\n\n\n\n<p>Select OK.<\/p>\n\n\n\n<p>Double-click the layer in the layer palette to open the Layer Style menu.<\/p>\n\n\n\n<p>Add a Bevel and Emboss layer style with these settings:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-9.png\"><img loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"492\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-9.png\" alt=\"\" class=\"wp-image-550\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-9.png 792w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-9-300x186.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-9-768x477.png 768w\" sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><\/a><\/figure>\n\n\n\n<p>Click the foreground color to bring up the color palette. Set your foreground color to the same gray color (#808080).&nbsp;<a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-551\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-10.png\" alt=\"\" width=\"640\" height=\"406\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-10.png 640w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-10-300x190.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n\n\n\n<p>Select the Ellipse tool. If you&#8217;ve been drawing other shapes, it might not be visible. If you see a different tool (like a line or rectangle) where you should see the ellipse, click and hold for a second on whatever shape is there. When you let go, you&#8217;ll see the ellipse tool (as well as some other hidden tools).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"267\" height=\"156\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2.png\" alt=\"\" class=\"wp-image-552\"\/><\/a><\/figure>\n\n\n\n<p>At the top of the screen, make sure the tool mode is set to Shape.<\/p>\n\n\n\n<p>Make sure the Fill is set to the foreground gray. If it isn&#8217;t, click the color and change it- the gray should be the first color in the drop down color palette that appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"351\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-1.png\" alt=\"\" class=\"wp-image-553\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-1.png 271w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-1-232x300.png 232w\" sizes=\"auto, (max-width: 271px) 100vw, 271px\" \/><\/a><\/figure>\n\n\n\n<p>Make sure Stroke (the line around the outside of the shape) &nbsp;is set to nothing (it should be white with a diagonal red line).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"372\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-2.png\" alt=\"\" class=\"wp-image-554\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-2.png 285w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-2-2-230x300.png 230w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/><\/a><\/figure>\n\n\n\n<p>Click anywhere inside the canvas to open the Create Ellipse menu. Create a circle 42 px by 42 px.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"161\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-11.png\" alt=\"\" class=\"wp-image-555\"\/><\/a><\/figure>\n\n\n\n<p>Switch to the Path Selection tool (the arrow right above the ellipse).<\/p>\n\n\n\n<p>Drag the circle to the center of the canvas(it should snap into place).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-12.png\"><img loading=\"lazy\" decoding=\"async\" width=\"142\" height=\"141\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-12.png\" alt=\"\" class=\"wp-image-556\"\/><\/a><\/figure>\n\n\n\n<p>Double click the Ellipse layer to open&nbsp;Layer Styles.<\/p>\n\n\n\n<p>Add a Bevel and Emboss style with these settings:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-13.png\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"432\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-13.png\" alt=\"\" class=\"wp-image-557\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-13.png 629w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-13-300x206.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/a><\/figure>\n\n\n\n<p>Add a Drop Shadow with these settings:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"410\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-14.png\" alt=\"\" class=\"wp-image-559\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-14.png 566w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-14-300x217.png 300w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/a><\/figure>\n\n\n\n<p>You should have a shape that looks a lot like a 1 x 1 LEGO block.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-15.png\"><img loading=\"lazy\" decoding=\"async\" width=\"176\" height=\"177\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-15.png\" alt=\"\" class=\"wp-image-560\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-15.png 176w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-15-150x150.png 150w\" sizes=\"auto, (max-width: 176px) 100vw, 176px\" \/><\/a><\/figure>\n\n\n\n<p>Switch to the Type tool (the T).<\/p>\n\n\n\n<p>Choose a thin font like Arial.<\/p>\n\n\n\n<p>Set the font size very small, around 6 pt.<\/p>\n\n\n\n<p>Set the text color to black (top of the window) so you can see where you are placing your text.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-16.png\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"54\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-16.png\" alt=\"\" class=\"wp-image-561\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-16.png 799w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-16-300x20.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-16-768x52.png 768w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/a><\/figure>\n\n\n\n<p>Click somewhere outside the circle and write your text. If you click inside the circle or on the edge, Photoshop will think you want your text to follow the curve of the circle.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-18.png\"><img loading=\"lazy\" decoding=\"async\" width=\"195\" height=\"188\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-18.png\" alt=\"\" class=\"wp-image-563\"\/><\/a><\/figure>\n\n\n\n<p>Click the text layer on the layer palette to set the text.<\/p>\n\n\n\n<p>Use transform (command-T, or in Windows Ctrl-T) to position and size the text. PressReturn (WIndows, press Enter) when the text is in the right place.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-19.png\"><img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"191\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-19.png\" alt=\"\" class=\"wp-image-564\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-19.png 191w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-19-150x150.png 150w\" sizes=\"auto, (max-width: 191px) 100vw, 191px\" \/><\/a><\/figure>\n\n\n\n<p>At the top of the screen, change the text color to gray (#808080).<\/p>\n\n\n\n<p>Double click the text layer to open the Layer Styles menu.<\/p>\n\n\n\n<p>Add a Bevel and Emboss style with these settings:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-20.png\"><img loading=\"lazy\" decoding=\"async\" width=\"587\" height=\"446\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-20.png\" alt=\"\" class=\"wp-image-566\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-20.png 587w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-20-300x228.png 300w\" sizes=\"auto, (max-width: 587px) 100vw, 587px\" \/><\/a><\/figure>\n\n\n\n<p>Add a Drop Shadow style with these settings:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-21.png\"><img loading=\"lazy\" decoding=\"async\" width=\"589\" height=\"436\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-21.png\" alt=\"\" class=\"wp-image-567\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-21.png 589w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-21-300x222.png 300w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><\/a><\/figure>\n\n\n\n<p>Congratulations! You&#8217;ve done the hard part! <strong>Save your file.&nbsp; <\/strong><\/p>\n\n\n\n<p><strong>Make a duplicate and close the original. <\/strong>To make a duplicate, choose &#8220;Image&#8221; on the main menu, then choose &#8220;Duplicate.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-06-at-10.50.06-AM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"872\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-06-at-10.50.06-AM.png\" alt=\"\" class=\"wp-image-1994\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-06-at-10.50.06-AM.png 508w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-06-at-10.50.06-AM-175x300.png 175w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/a><\/figure>\n\n\n\n<p>Flatten the image. On the menu, choose Layer &gt; Flatten image.<\/p>\n\n\n\n<p>On the menu go to Image &gt; Image Size.<\/p>\n\n\n\n<p>Resize the image to 30 pixels by 30 pixels. NOT INCHES!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-23.png\"><img loading=\"lazy\" decoding=\"async\" width=\"627\" height=\"334\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-23.png\" alt=\"\" class=\"wp-image-569\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-23.png 627w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-23-300x160.png 300w\" sizes=\"auto, (max-width: 627px) 100vw, 627px\" \/><\/a><\/figure>\n\n\n\n<p>On the menu, go to Edit &gt; Define Pattern.<\/p>\n\n\n\n<p>Give it a name like LEGO-Top and click OK.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-24.png\"><img loading=\"lazy\" decoding=\"async\" width=\"510\" height=\"128\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-24.png\" alt=\"\" class=\"wp-image-570\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-24.png 510w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-24-300x75.png 300w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/figure>\n\n\n\n<p>Close the duplicate image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preparing your image<\/h2>\n\n\n\n<p>Pick a large picture that&#8217;s got a lot of contrast, but doesn&#8217;t have a lot of detail. It could be a close up of a face, or an image of something familiar. &nbsp;I&#8217;m going to use the same subject as the original tutorial: The Statue of Liberty.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/sol.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/sol.jpg\" alt=\"\" class=\"wp-image-573\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/sol.jpg 800w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/sol-300x225.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/sol-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<p>Remember that we made our LEGO block pattern 30 pixels by 30 pixels. That means that our image dimensions have to be multiples of 30 so that the blocks will fit correctly. My original image happens to be 1200 x 900, which means the dimensions will work without adjustment. If you need to change yours, you can either change the canvas size (on the menu, Image &gt; Canvas Size), or you can use the crop tool. If you use crop, &nbsp;set the crop method to W x H x Resolution and set the width and height to sixes divisible by 30- and remember to switch the units to PIXELS, not INCHES!<\/p>\n\n\n\n<p>On the menu, go to Filter &gt; Pixelate &gt; Mosaic and set the cell size to 30.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-25.png\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"343\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-25.png\" alt=\"\" class=\"wp-image-574\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-25.png 323w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-25-283x300.png 283w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><\/a><\/figure>\n\n\n\n<p>Your picture will now be a set of big squares.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-26.png\"><img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"603\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-26.png\" alt=\"\" class=\"wp-image-575\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-26.png 801w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-26-300x226.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-26-768x578.png 768w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add the blocks<\/h2>\n\n\n\n<p>At the bottom of the layer palette click the icon to create a new fill or adjustment layer (it&#8217;s a circle that&#8217;s half white) and choose Pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"540\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1.png\" alt=\"\" class=\"wp-image-576\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1.png 354w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1-197x300.png 197w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-27.png\"><img loading=\"lazy\" decoding=\"async\" width=\"353\" height=\"154\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-27.png\" alt=\"\" class=\"wp-image-577\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-27.png 353w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-27-300x131.png 300w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/a><\/figure>\n\n\n\n<p>Your image will now look like a solid wall of gray blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-28.png\"><img loading=\"lazy\" decoding=\"async\" width=\"811\" height=\"607\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-28.png\" alt=\"\" class=\"wp-image-578\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-28.png 811w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-28-300x225.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Capture-28-768x575.png 768w\" sizes=\"auto, (max-width: 811px) 100vw, 811px\" \/><\/a><\/figure>\n\n\n\n<p>Go to the layer palette. Make sure the Pattern Fill Layer is selected, and change the blend mode to Overlay.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"287\" height=\"546\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1-1.png\" alt=\"\" class=\"wp-image-579\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1-1.png 287w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/Untitled-1-1-158x300.png 158w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/a><\/figure>\n\n\n\n<p>And you&#8217;re done!<\/p>\n\n\n\n<p>Here&#8217;s my finished version:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/what-do-the-spikes-in-her-crown-represent.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/what-do-the-spikes-in-her-crown-represent-1024x768.png\" alt=\"\" class=\"wp-image-580\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/what-do-the-spikes-in-her-crown-represent-1024x768.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/what-do-the-spikes-in-her-crown-represent-300x225.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/what-do-the-spikes-in-her-crown-represent-768x576.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/what-do-the-spikes-in-her-crown-represent.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Remember: If you&#8217;d like to try a more complex version of this, go to <a href=\"https:\/\/design.tutsplus.com\/tutorials\/transform-a-photo-into-a-lego-block-piece-of-art-in-adobe-photoshop--cms-20568\" target=\"_blank\" rel=\"noopener\">the original tutorial<\/a>. It features multiple layers and missing pieces. Here&#8217;s how Kirk Nelson&#8217;s Statue of Liberty looks:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/LegoBlockArt_FinalProduct-revised-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"903\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/LegoBlockArt_FinalProduct-revised-1.jpg\" alt=\"\" class=\"wp-image-582\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/LegoBlockArt_FinalProduct-revised-1.jpg 600w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/02\/LegoBlockArt_FinalProduct-revised-1-199x300.jpg 199w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>GOAL: Create an image that looks like it is made from building blocks. Note: This project is based very heavily on this tutorial by Kirk Nelson. The project instructions here are simplified. If you want to try a more detailed effect, I highly recommend you check out the original tutorial. Create the Block Pattern Create [&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-547","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/547","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=547"}],"version-history":[{"count":8,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/547\/revisions"}],"predecessor-version":[{"id":1995,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/547\/revisions\/1995"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}