{"id":57,"date":"2008-05-18T21:50:06","date_gmt":"2008-05-18T14:50:06","guid":{"rendered":"http:\/\/ronaldkang.com\/diary\/beautiful-photoshop-editing-tutorial\/"},"modified":"2012-09-06T16:50:43","modified_gmt":"2012-09-06T09:50:43","slug":"beautiful-photoshop-editing-tutorial","status":"publish","type":"post","link":"https:\/\/ronaldkang.com\/diary\/beautiful-photoshop-editing-tutorial\/","title":{"rendered":"Beautiful Photoshop Editing Tutorial"},"content":{"rendered":"<p>I will teach you how to make a beautiful photo using lasso tool and layers like this<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/301.jpg\" height=\"240\" width=\"320\" \/><\/p>\n<p>Let\u2019s get started. First we have a picture with some of my friends in this photo.<\/p>\n<p><!--more--><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/11.jpg\" title=\"Original Photo\" alt=\"Original Photo\" \/><\/p>\n<p>Duplicate the background layer, so we don\u2019t lose the original image. To duplicate the layer, you could show the layer window by pressing F7. Then click on the layer that you want to duplicate, drag it onto the paper icon below the small window.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/5.jpg\" title=\"Drag onto the new layer icon\" alt=\"Drag onto the new layer icon\" height=\"224\" width=\"266\" \/><\/p>\n<p>If you do it right, there will be a new layer named background copy<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/6.jpg\" title=\"the duplicated layer\" alt=\"the duplicated layer\" height=\"150\" width=\"265\" \/><\/p>\n<p>After that, click on the eye image beside the background layer to set the visible to off, we don\u2019t need to see this layer anymore.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/7.jpg\" title=\"invisible\" alt=\"invisible\" height=\"107\" width=\"205\" \/><\/p>\n<p>There will be no change in the preview image, because what we see is the top layer which is [Background Copy] layer.<\/p>\n<p>After that, we need to select the object using the lasso tool. I like to use polygonal lasso tool, it easier to clicking on the edge, slowly and accurately. This one is the polygonal lasso tool<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/2.jpg\" title=\"Lasso Tool\" alt=\"Lasso Tool\" height=\"100\" width=\"109\" \/><\/p>\n<p>Keep clicking on each edge patiently, well this will need some minutes to do. If you have wrong clicking, simply press the [delete] button to undo the selected dots.<br \/>\nI give you an example. The red circle points to my cursor. See that I click it on each edge.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/3.jpg\" title=\"Select With Lasso Tool\" alt=\"Select With Lasso Tool\" height=\"240\" width=\"320\" \/><\/p>\n<p>After you finished, right clicking on the selected area, and choose select inverse<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/4.jpg\" title=\"Select Inverse\" alt=\"Select Inverse\" height=\"221\" width=\"388\" \/><\/p>\n<p>After that, it will look like this<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/8.jpg\" title=\"invert selected\" alt=\"invert selected\" height=\"242\" width=\"320\" \/><\/p>\n<p>Then press [delete button] to delete the object background. It will be shown like this one<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/9.jpg\" title=\"deleted background\" alt=\"deleted background\" height=\"249\" width=\"320\" \/><\/p>\n<p>Still with me? good, now copy the original background layer again and place it on the second place. Because the first layer we have empty spaces (the gray squares) , so we will see the second layer filled the empty space. Make it look like this<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/10.jpg\" title=\"duplicate original layer\" alt=\"duplicate original layer\" height=\"294\" width=\"494\" \/><\/p>\n<p>After that, deselect the selected area by right clicking on the image, and choose deselect<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/111.jpg\" title=\"deselect\" alt=\"deselect\" height=\"74\" width=\"182\" \/><\/p>\n<p>Now, click on the second layer<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/12.jpg\" title=\"second layer\" alt=\"second layer\" height=\"148\" width=\"266\" \/><\/p>\n<p>Then let\u2019s make it grayscale by clicking on the menu item, image -&gt; adjustment -&gt; desaturate.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/13.jpg\" title=\"desaturate\" alt=\"desaturate\" height=\"260\" width=\"494\" \/><\/p>\n<p>And it will show like this<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/14.jpg\" title=\"grayscale\" alt=\"grayscale\" height=\"241\" width=\"320\" \/><\/p>\n<p>Let\u2019s give it some color touch. Click on the menubar again and choose image -&gt; adjustment -&gt; color balance<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/15.jpg\" title=\"color balance\" alt=\"color balance\" height=\"188\" width=\"446\" \/><\/p>\n<p>Then give it the color you want, I will make the background color to dark blue so it will match with their uniform. Useyour creativity to make a matching colors.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/16.jpg\" title=\"combine the color into blue\" alt=\"combine the color into blue\" \/><\/p>\n<p>It looks pretty good now isn\u2019t it?<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/17.jpg\" title=\"blue background\" alt=\"blue background\" \/><\/p>\n<p>Wait, did you realize something doesn\u2019t look right here?<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/18.jpg\" title=\"doesn't look merged\" alt=\"doesn't look merged\" \/><\/p>\n<p>The crop before doesn\u2019t look merged with the layer below. So, choose the first layer again on the layer window and then click on the blur tool<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/21.jpg\" title=\"first layer\" alt=\"first layer\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/19.jpg\" \/><\/p>\n<p>Set the blur strength value to 50%<br \/>\n<img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/20.jpg\" \/><\/p>\n<p>Now move your pointer alongside the object so it will look more merged with the background image. The result looks better now<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/22.jpg\" \/><\/p>\n<p>Another trick is to blur all the background image to make it look focused to the object. To do this, choose the background layer, then click on the menu and choose Filter -&gt; Blur -&gt; Gaussian Blur<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/23.jpg\" \/><\/p>\n<p>Enter the value to 4.0, enter more if you want<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/24.jpg\" \/><\/p>\n<p>Already satisfied? Now, let\u2019s give some text on the picture. Click on the Type Tool on the toolbox to add text. Then below the menubar, choose your desired font. I like to use Impact as the headline.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/25.jpg\" \/><\/p>\n<p>Then, write some text on your picture, arrange the layer to make more variations. I will give you an example. I will write a text with white color. To change the text-size, simply press Ctrl+t to resize it. Don\u2019t forget to put your text layer in the upper position.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/26.jpg\" \/><\/p>\n<p>Looks like it\u2019s hard to read the text, let\u2019s give it shadows so it will be more readable. Right click on the text layer then choose blending option<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/27.jpg\" \/><\/p>\n<p>After that, check on the shadow, then click the shadow menu and configurate it as you want.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/28.jpg\" \/><\/p>\n<p>The result are better now<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/29.jpg\" \/><\/p>\n<p>Now I will show you how to make the transparent text. Click on the layer text and adjust the opacity. Voila, That\u2019s all. Use your creativity to make a beautiful edited photos.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/ronaldkang.com\/diary\/wp-content\/uploads\/2012\/09\/301.jpg\" \/><\/p>\n<p>You can download the 800 x 600 resolution picture, <a href=\"http:\/\/i3.photobucket.com\/albums\/y66\/seth00\/photoshop1\/31.jpg\" title=\"1024 x 768 edited photo\" target=\"_blank\" onclick=\"javascript:urchinTracker('\/outbound\/i3.photobucket.com\/albums\/y66\/seth00\/photoshop1\/31.jpg?ref=\/blog\/');\">click here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I will teach you how to make a beautiful photo using lasso tool and layers like this Let\u2019s get started. First we have a picture with some of my friends in this photo.<\/p>\n","protected":false},"author":1,"featured_media":361,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[215],"tags":[162,163,161],"class_list":["post-57","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-lasso-tool","tag-layer","tag-photoshop-editing"],"_links":{"self":[{"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":1,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":413,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/posts\/57\/revisions\/413"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/media\/361"}],"wp:attachment":[{"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ronaldkang.com\/diary\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}