<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-461561092826332865</id><updated>2024-08-29T22:54:18.346+03:00</updated><category term="Drowing"/><category term="3D Effects"/><category term="Creating Logo"/><category term="Photos Effects"/><category term="Web Design"/><title type='text'>Photoshop Star</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-7081726174482615087</id><published>2008-04-27T04:06:00.000+03:00</published><updated>2008-04-27T04:09:38.755+03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drowing"/><title type='text'>Explosion Effect</title><content type='html'>&lt;div class=&quot;article_content_2&quot;&gt; &lt;p&gt;    &lt;strong&gt;Step 1.&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt; Create a new picture with the size of 800X600 pixels and with black background. Press D button for setting colours, and then press X button for replacing them. Cover drawing by &lt;strong&gt;Radial Gradient Tool&lt;/strong&gt; at will.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14779/explosion_1.jpg&quot; alt=&quot;image 1&quot; height=&quot;225&quot; width=&quot;250&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Step 2.&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    Create a new layer (Ctrl+Shift+N). Apply the filter &lt;strong&gt;Clouds (Filter &gt; Render &gt; Clouds)&lt;/strong&gt; one time and &lt;strong&gt;Difference Clouds (Filter &gt; Render &gt; Difference Clouds)&lt;/strong&gt; two times. Set Blending Mode layer with clouds on Color Dodge. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14779/explosion_2.jpg&quot; alt=&quot;image 2&quot; height=&quot;225&quot; width=&quot;250&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Step 3.&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    Apply function &lt;strong&gt;Hue/Saturation (Image &gt; Adjust &gt; Hue/Saturation)&lt;/strong&gt; with the meanings: Hue:30, Saturation:50, Lightness:40 to your layer.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14779/explosion_final.jpg&quot; alt=&quot;image 3&quot; height=&quot;225&quot; width=&quot;250&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Step 4.&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt; Besides you can get the impressive tongues of flame using this effect. Apply such meanings in action 3 in Hue/Saturation: Hue:30, Saturation:50, Lightness:0. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14779/explosion_final2.jpg&quot; alt=&quot;Explosion Effect Tutorial: Final Result&quot; height=&quot;225&quot; width=&quot;250&quot; /&gt;  &lt;/p&gt;  &lt;/div&gt;&lt;br /&gt;&lt;!-- google_ad_section_end --&gt;  &lt;!-- ARTICLE CONTENT STOP --&gt;   &lt;div class=&quot;clear&quot;&gt;&lt;a href=&quot;http://www.webdesign.org/web/photoshop/special-effects/explosion-effect.14779.html&quot;&gt;Source&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/7081726174482615087/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/7081726174482615087' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/7081726174482615087'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/7081726174482615087'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/explosion-effect.html' title='Explosion Effect'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-7805463746599570402</id><published>2008-04-27T03:57:00.003+03:00</published><updated>2008-04-27T04:05:13.138+03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Creating Logo"/><title type='text'>Company Logo Design</title><content type='html'>&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://www.webdesign.org/img_articles/14702/58.jpg&quot;&gt;&lt;img style=&quot;cursor: pointer; width: 320px;&quot; src=&quot;http://www.webdesign.org/img_articles/14702/58.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;p&gt;    Begin your work by creating a new file (&lt;strong&gt;File&gt;New&lt;/strong&gt;) with &lt;strong&gt;1600x1200 px&lt;/strong&gt; and &lt;strong&gt;72 dpi&lt;/strong&gt;. Using the &lt;strong&gt;Paint Bucket Tool (G)&lt;/strong&gt;, fill the new file with the color &lt;strong&gt;#A666B2&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/1.jpg&quot; alt=&quot;image 1&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Find in Internet a pattern like this one and open it in Adobe Photoshop program. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/2.jpg&quot; alt=&quot;image 2&quot; height=&quot;35&quot; width=&quot;36&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Edit&gt;Define Pattern&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    Next select the &lt;strong&gt;Rectangle Tool (U)&lt;/strong&gt; to continue representing the background of our picture. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/3.jpg&quot; alt=&quot;image 3&quot; height=&quot;303&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Select next parameters for the last layer by making a mouse click on the layer we work with on the layers&#39; panel: &lt;strong&gt;Blending Options&gt;Pattern Overlay &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/4.jpg&quot; alt=&quot;image 4&quot; height=&quot;177&quot; width=&quot;275&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/5.jpg&quot; alt=&quot;image 5&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Select again the&lt;strong&gt; Rectangle Tool (U)&lt;/strong&gt; to dark out the edges of our picture. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/6.jpg&quot; alt=&quot;image 6&quot; height=&quot;317&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    The layer&#39;s parameters: &lt;strong&gt;Fill 0% &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Gradient Overlay&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/7.jpg&quot; alt=&quot;image 7&quot; height=&quot;184&quot; width=&quot;256&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Gradient&#39;s parameters:&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/8.jpg&quot; alt=&quot;image 8&quot; height=&quot;459&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/9.jpg&quot; alt=&quot;image 9&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Using the &lt;strong&gt;Rectangle Tool (U)&lt;/strong&gt;, it&#39;s possible to draw on this stage a kind of flatness. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/10.jpg&quot; alt=&quot;image 10&quot; height=&quot;293&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    The layer&#39;s parameters: &lt;strong&gt;Fill 0%&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Outer Glow &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/11.jpg&quot; alt=&quot;image 11&quot; height=&quot;327&quot; width=&quot;237&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Gradient Overlay &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/12.jpg&quot; alt=&quot;image 12&quot; height=&quot;187&quot; width=&quot;254&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Gradient&#39;s parameters:&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/13.jpg&quot; alt=&quot;image 13&quot; height=&quot;457&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Stroke&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/14.jpg&quot; alt=&quot;image 14&quot; height=&quot;192&quot; width=&quot;234&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/15.jpg&quot; alt=&quot;image 15&quot; height=&quot;507&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Now we should create a new file (&lt;strong&gt;File&gt;New&lt;/strong&gt;) with &lt;strong&gt;1600x1200 px&lt;/strong&gt; and &lt;strong&gt;72 dpi&lt;/strong&gt;. &lt;/p&gt; &lt;p&gt;    Then fill it with the white color, applying the &lt;strong&gt;Paint Bucket Tool (G)&lt;/strong&gt;, choosing also this filter&#39;s option: &lt;strong&gt;Filter&gt;Noise&gt;Add Noise&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/16.jpg&quot; alt=&quot;image 16&quot; height=&quot;417&quot; width=&quot;317&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/17.jpg&quot; alt=&quot;image 17&quot; height=&quot;314&quot; width=&quot;382&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Set for this layer also the next selection: &lt;strong&gt;Filter&gt;Blur&gt;Motion Blur&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/18.jpg&quot; alt=&quot;image 18&quot; height=&quot;377&quot; width=&quot;312&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/19.jpg&quot; alt=&quot;image 19&quot; height=&quot;299&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Edit&gt;Define Pattern&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    Take again the &lt;strong&gt;Rectangle Tool (U)&lt;/strong&gt; to represent the basic element of the logotype to be. Firstly we&#39;ll create the primary common layer and then press &lt;strong&gt;Alt &lt;/strong&gt;button when applying the mentioned tool to cut out the inside part. Choose after that the&lt;strong&gt; Convert Point Tool&lt;/strong&gt; to make the appropriate corrections of the made opening, like it is demonstrated on the next image: &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/20.jpg&quot; alt=&quot;image 20&quot; height=&quot;115&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/21.jpg&quot; alt=&quot;image 21&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    The layer&#39;s parameters: &lt;strong&gt;Blending mode-Darken&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Inner Glow&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/22.jpg&quot; alt=&quot;image 22&quot; height=&quot;345&quot; width=&quot;241&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Bevel and Emboss &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/23.jpg&quot; alt=&quot;image 23&quot; height=&quot;378&quot; width=&quot;253&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Bevel and Emboss (Texture)&lt;/strong&gt; it&#39;s time to apply the pattern we have chosen for it the filters, like &lt;strong&gt;Add Noise&lt;/strong&gt; and &lt;strong&gt;Motion Blur&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/24.jpg&quot; alt=&quot;image 24&quot; height=&quot;200&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Satin&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/25.jpg&quot; alt=&quot;image 25&quot; height=&quot;194&quot; width=&quot;246&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Gradient Overlay &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/26.jpg&quot; alt=&quot;image 26&quot; height=&quot;190&quot; width=&quot;265&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Gradient&#39;s parameters:&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/27.jpg&quot; alt=&quot;image 27&quot; height=&quot;458&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/28.jpg&quot; alt=&quot;image 28&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Now we should write the logotype&#39;s title: &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/29.jpg&quot; alt=&quot;image 29&quot; height=&quot;214&quot; width=&quot;210&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/30.jpg&quot; alt=&quot;image 30&quot; height=&quot;139&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Select the same parameters for the text that we had applied for the basic layer of the logotype. It&#39;s necessary in this case to press the right mouse&#39;s button on the layer containing the basic elements of the logotype and select this option - &lt;strong&gt;Copy layer style&lt;/strong&gt;. On the text&#39;s layer press the right mouse&#39;s button and choose this option - &lt;strong&gt;Paste layer style &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/31.jpg&quot; alt=&quot;image 31&quot; height=&quot;98&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Try to represent now the text in a more evident form. In this case we should hold &lt;strong&gt;Ctrl&lt;/strong&gt; button when making a mouse click on the text&#39;s layer on the layers&#39; panel: &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/32.jpg&quot; alt=&quot;image 32&quot; height=&quot;139&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next mark out the layer containing the logotype&#39;s basis, make a mouse click on the bottom part of the layers&#39; panel on &lt;strong&gt;Add a Mask&lt;/strong&gt; option and press this combination of buttons – &lt;strong&gt;Ctrl+I&lt;/strong&gt;. We&#39;ll see the Adobe inscription cut on the logotype&#39;s basis. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/33.jpg&quot; alt=&quot;image 33&quot; height=&quot;111&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next try to mark out the text&#39;s layer. Make a mouse click on the same layer on the layer&#39;s panel, choosing &lt;strong&gt;Add a Mask&lt;/strong&gt; selection. After that we should apply the&lt;strong&gt; Brush Tool (B)&lt;/strong&gt; of black color to clean out the Adobe word. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/34.jpg&quot; alt=&quot;image 34&quot; height=&quot;270&quot; width=&quot;281&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/35.jpg&quot; alt=&quot;image 35&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Write the word&lt;strong&gt; JOIN&lt;/strong&gt; above the logotype, keeping the demands inserted in the next table: &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/36.jpg&quot; alt=&quot;image 36&quot; height=&quot;214&quot; width=&quot;210&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/37.jpg&quot; alt=&quot;image 37&quot; height=&quot;264&quot; width=&quot;384&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    The layer&#39;s parameters: &lt;strong&gt;Blending Options&gt;Bevel and Emboss&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/39.jpg&quot; alt=&quot;image 38&quot; height=&quot;375&quot; width=&quot;257&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Blending Options&gt;Gradient Overlay &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/40.jpg&quot; alt=&quot;image 39&quot; height=&quot;185&quot; width=&quot;253&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Gradient&#39;s parameters:&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/41.jpg&quot; alt=&quot;image 40&quot; height=&quot;460&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/42.jpg&quot; alt=&quot;image 41&quot; height=&quot;242&quot; width=&quot;310&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;strong&gt;Create a new layer&lt;/strong&gt;. &lt;/p&gt; &lt;p&gt;    This time select the &lt;strong&gt;Elliptical Marquee Tool (M)&lt;/strong&gt; to mark out the zone under the logotype and choose the &lt;strong&gt;Paint Bucket Tool (G)&lt;/strong&gt; to paint this zone in white color. This layer must be placed lower than logotype&#39;s layers (on the layers&#39; panel). &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/43.jpg&quot; alt=&quot;image 42&quot; height=&quot;79&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Select for this layer this solution:&lt;strong&gt; Filter&gt;Blur&gt;Gaussian Blur &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/44.jpg&quot; alt=&quot;image 43&quot; height=&quot;329&quot; width=&quot;317&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/45.jpg&quot; alt=&quot;image 44&quot; height=&quot;112&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Using the &lt;strong&gt;Eraser Tool (E)&lt;/strong&gt;, it&#39;s possible to delete that part of the layer the logotype is kept in. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/46.jpg&quot; alt=&quot;image 45&quot; height=&quot;114&quot; width=&quot;363&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Set the next parameters for the same layer: &lt;strong&gt;Blending mode-Overlay&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/47.jpg&quot; alt=&quot;image 46&quot; height=&quot;121&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Create a new layer and use on it the &lt;strong&gt;Rectangular Marquee Tool (M)&lt;/strong&gt; to mark out the zone under the logotype and after that choose the &lt;strong&gt;Paint Bucket Tool (G)&lt;/strong&gt; to fill this zone with white color: &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/48.jpg&quot; alt=&quot;image 47&quot; height=&quot;134&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Select &lt;strong&gt;Free Transform&lt;/strong&gt; solution to stretch out the lowest edge and compress a little the laying, the same way shown below: &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/49.jpg&quot; alt=&quot;image 48&quot; height=&quot;108&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Set on the same layer the next option: &lt;strong&gt;Filter&gt;Blur&gt;Radial Blur &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/50.jpg&quot; alt=&quot;image 49&quot; height=&quot;261&quot; width=&quot;313&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/51.jpg&quot; alt=&quot;image 50&quot; height=&quot;131&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;  …and &lt;strong&gt;Filter&gt;Blur&gt;Gaussian Blur&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/52.jpg&quot; alt=&quot;image 51&quot; height=&quot;329&quot; width=&quot;317&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/53.jpg&quot; alt=&quot;image 52&quot; height=&quot;111&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Choose once again the &lt;strong&gt;Eraser Tool (E)&lt;/strong&gt; on this layer to clean out the shown below logotype&#39;s zone, setting the next layer&#39;s parameters: &lt;strong&gt;Blending mode-Overlay &lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/54.jpg&quot; alt=&quot;image 53&quot; height=&quot;102&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Create a new layer and use on it the &lt;strong&gt;Brush Tool (B)&lt;/strong&gt; of white color for drawing the shadow under the logotype. This layer must be situated lower than all other logotype&#39;s layers (on the layers&#39; panel). &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/55.jpg&quot; alt=&quot;image 54&quot; height=&quot;102&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Set the next parameters for the layer: &lt;strong&gt;Blending mode-Soft Light&lt;/strong&gt;  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/56.jpg&quot; alt=&quot;image 55&quot; height=&quot;96&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Select again the already known&lt;strong&gt; Brush Tool (B)&lt;/strong&gt; of black color (&lt;strong&gt;Opacity 30%&lt;/strong&gt;) to dark out the zone under the word TUTORIALZ. Place the layer with the shadow lower than all other logotype&#39;s layers (on the layers&#39; panel): &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/57.jpg&quot; alt=&quot;image 56&quot; height=&quot;89&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Set the next parameters for the layer: &lt;strong&gt;Blending mode-Soft Light&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;file:///C:/Users/asn/AppData/Local/Temp/moz-screenshot-5.jpg&quot; alt=&quot;&quot; /&gt;&lt;strong&gt;&lt;/strong&gt;   &lt;/p&gt;&lt;div style=&quot;width: 400px;&quot;&gt; &lt;a style=&quot;cursor: pointer;&quot; onclick=&quot;picture(&#39;/get.php?type=imgart&amp;id=14702&amp;name=company-logo-design.jpg&amp;no-download&#39;, 750, 550)&quot;&gt;   &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14702/58.jpg&quot; alt=&quot;Company Logo Design Tutorial: Final Result (Click to enlarge)&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt; &lt;/a&gt; &lt;div class=&quot;f10&quot; align=&quot;center&quot;&gt;Click to enlarge&lt;/div&gt;&lt;/div&gt; &lt;p&gt;    Finished! &lt;/p&gt;  &lt;!-- google_ad_section_end --&gt;  &lt;!-- ARTICLE CONTENT STOP --&gt;&lt;a href=&quot;http://www.webdesign.org/web/photoshop/drawing-techniques/company-logo-design.14702.html&quot;&gt;Source&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/7805463746599570402/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/7805463746599570402' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/7805463746599570402'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/7805463746599570402'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/company-logo-design.html' title='Company Logo Design'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-3595653194314300330</id><published>2008-04-08T02:48:00.002+02:00</published><updated>2008-04-08T02:50:05.851+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="3D Effects"/><title type='text'>3D Photo</title><content type='html'>&lt;p&gt; &lt;/p&gt;  &lt;p&gt;Open up a photo in photoshop, make a new layer, then select the &quot;rectangular marquee tool&quot; and draw a rectangle over your photo fill it with the color white, with the rectangle still selected goto &quot;select &amp;gt; modify &amp;gt; contract&quot; and contract by 15-20 pixels, then hit the delete key. Goto &quot;edit &amp;gt; transform &amp;gt; perspective&quot; transform the photo frame like the image below. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 1&quot; src=&quot;http://www.webdesign.org/img_articles/13817/step1.gif&quot; height=&quot;263&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Select the &quot;magic wand tool&quot; and select the inner part of the photo frame. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 2&quot; src=&quot;http://www.webdesign.org/img_articles/13817/step2.gif&quot; height=&quot;262&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Select your background layer while it is selected then press &quot;ctrl + c&quot; then &quot;ctrl + v&quot;. Hide your background layer ensuring your photo frame layer is on top of the of the bit you just copied and pasted. You should have something like this. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 3&quot; src=&quot;http://www.webdesign.org/img_articles/13817/step2b.gif&quot; height=&quot;263&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Set your opacity on your photo frame layer to 50% to make it easier to do the next step. Unhide your background layer and cut out the other half of the image that will be jumping out of the picture. I&#39;ve also cut out the shadow to save me making my own. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 4&quot; src=&quot;http://www.webdesign.org/img_articles/13817/step3.gif&quot; height=&quot;259&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Once selected goto &quot;select &amp;gt; inverse&quot; and hit the delete key. Now move this layer on top of your photo frame. layer you should have something like this. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 5&quot; src=&quot;http://www.webdesign.org/img_articles/13817/step3b.gif&quot; height=&quot;263&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Now its just a case of creating a new background to finish the image. Here&#39;s mine &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;3D Photo Tutorial: Final Result&quot; src=&quot;http://www.webdesign.org/img_articles/13817/finished.gif&quot; height=&quot;263&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Source : &lt;a href=&quot;http://www.webdesign.org/web/photoshop/3d-effects/3d-photo.13817.html&quot;&gt;Click here&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Sponsored By &lt;a href=&quot;http://www.wblogw.com/&quot;&gt;www.wBLOGw.com&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/3595653194314300330/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/3595653194314300330' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/3595653194314300330'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/3595653194314300330'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/3d-photo.html' title='3D Photo'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-2171692720077641592</id><published>2008-04-08T02:42:00.002+02:00</published><updated>2008-04-08T02:45:35.908+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="3D Effects"/><title type='text'>Creating Realistic 3D Flag</title><content type='html'>&lt;p&gt; &lt;/p&gt;  &lt;p&gt;This tutorial will show you how you can use displacement maps for placing many kinds of design onto many different surfaces. I&#39;m going to map a 2d flag image using a photograph of some crumpled silk to create a realistic 3D flag; &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;Creating Realistic 3D Flag Tutorial: Final Result&quot; src=&quot;http://www.webdesign.org/img_articles/13909/sample.jpg&quot; height=&quot;149&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Open your fabric and your flag image in photoshop. Apply gaussian blur to your fabric photograph (Filter &amp;gt; Blur &amp;gt; Gaussian Blur) and experiment with the radius to hide the detail of the fabric and keeping only the folds. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 2&quot; src=&quot;http://www.webdesign.org/img_articles/13909/flag1.jpg&quot; height=&quot;333&quot; width=&quot;313&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Save your fabric to a PSD file (File &amp;gt; Save as). I saved mine as silk.psd &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 3&quot; src=&quot;http://www.webdesign.org/img_articles/13909/flag2.gif&quot; height=&quot;53&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Starts working on your flag photo. Apply the displacement map filter to your flag with your blurred fabric photo, so mine is the silk.psd file. (Filter &amp;gt; Distort &amp;gt; Displace) &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 4&quot; src=&quot;http://www.webdesign.org/img_articles/13909/flag3.gif&quot; height=&quot;288&quot; width=&quot;319&quot; /&gt;&lt;/p&gt;  &lt;p&gt;and I get this.. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 5&quot; src=&quot;http://www.webdesign.org/img_articles/13909/flag4.gif&quot; height=&quot;300&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Step 4:&lt;/strong&gt; Go back to your fabric photograph and select all area in your fabric photo with your marquee tool or simply by using ctrl+a, copy (ctrl+c), paste it (ctrl+v) on your flag image and change the layer mode to &quot;Hard Light&quot;. &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 6&quot; src=&quot;http://www.webdesign.org/img_articles/13909/flag5.gif&quot; height=&quot;213&quot; width=&quot;343&quot; /&gt;&lt;/p&gt;  &lt;p&gt;That&#39;s it..and, here&#39;s my final image; &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;Creating Realistic 3D Flag Tutorial: Final Result&quot; src=&quot;http://www.webdesign.org/img_articles/13909/sample.jpg&quot; height=&quot;149&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt;Source : &lt;a href=&quot;http://www.webdesign.org/web/photoshop/3d-effects/creating-realistic-3d-flag.13909.html&quot;&gt;Click here&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Sponsored by &lt;a href=&quot;http://www.wblogw.com/&quot;&gt;www.wBLOGw.com&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/2171692720077641592/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/2171692720077641592' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/2171692720077641592'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/2171692720077641592'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/creating-realistic-3d-flag.html' title='Creating Realistic 3D Flag'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-4202367737204682851</id><published>2008-04-08T01:47:00.002+02:00</published><updated>2008-04-08T01:50:58.008+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Massive Game Header</title><content type='html'>&lt;p&gt; &lt;/p&gt;  &lt;p&gt;Open a new document   &lt;br /&gt;Size: 760 x 450 pixels    &lt;br /&gt;Background color: #333333 &lt;/p&gt;  &lt;p&gt;Then Create a shape like in the following image with the Rounded Rectangle Tool ( set the radius to 5 pixels ) &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_1.jpg&quot; height=&quot;126&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Then go to Layer &amp;gt; Rasterize &amp;gt; Shape &lt;/p&gt;  &lt;p&gt;Select Rectangular marquee tool ( set the radius to 0 pixels ) and make the following selection &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_2.jpg&quot; height=&quot;138&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Then Hit Delete on your keyboard   &lt;br /&gt;Then press CTRL+D to deselect &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 3&quot; src=&quot;http://www.webdesign.org/img_articles/14630/3.jpg&quot; height=&quot;229&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Select pen Tool and use the following settings &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 4&quot; src=&quot;http://www.webdesign.org/img_articles/14630/4.jpg&quot; height=&quot;51&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Then with Pen tool make the following path &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 5&quot; src=&quot;http://www.webdesign.org/img_articles/14630/5.jpg&quot; height=&quot;211&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Then press on The Load Path as a selection &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 6&quot; src=&quot;http://www.webdesign.org/img_articles/14630/6.jpg&quot; height=&quot;171&quot; width=&quot;238&quot; /&gt;&lt;/p&gt;  &lt;p&gt;The result will be in the following image &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 7&quot; src=&quot;http://www.webdesign.org/img_articles/14630/7.jpg&quot; height=&quot;217&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Then hit one more time the delete key from your keyboard   &lt;br /&gt;Press CTRL+D to deselect and you should have something like this &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 8&quot; src=&quot;http://www.webdesign.org/img_articles/14630/8.jpg&quot; height=&quot;230&quot; width=&quot;399&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Duplicate this layer , then go to Edit &amp;gt; transform &amp;gt; Flip Horizontal   &lt;br /&gt;Then with the right arrow key move this new layer to the right &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_9.jpg&quot; height=&quot;117&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Then Select both layers , and press CTRL+E ( this will merge this 2 layer into a single one ) &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 10&quot; src=&quot;http://www.webdesign.org/img_articles/14630/10.jpg&quot; height=&quot;239&quot; width=&quot;230&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Now add the following layer styles &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 11&quot; src=&quot;http://www.webdesign.org/img_articles/14630/11.jpg&quot; height=&quot;356&quot; width=&quot;338&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 12&quot; src=&quot;http://www.webdesign.org/img_articles/14630/12.jpg&quot; height=&quot;398&quot; width=&quot;325&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 13&quot; src=&quot;http://www.webdesign.org/img_articles/14630/13.jpg&quot; height=&quot;210&quot; width=&quot;340&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 14&quot; src=&quot;http://www.webdesign.org/img_articles/14630/14.jpg&quot; height=&quot;156&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 15&quot; src=&quot;http://www.webdesign.org/img_articles/14630/15.jpg&quot; height=&quot;207&quot; width=&quot;336&quot; /&gt;&lt;/p&gt;  &lt;p&gt;This is the result &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_16.jpg&quot; height=&quot;119&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Select Elliptical marquee tool and make a selection like in the following image &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_17.jpg&quot; height=&quot;147&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Create a new layer ( press CTRL+SHIFT+ALT+N )   &lt;br /&gt;Then go to Edit &amp;gt; Stroke and use the following settings &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 18&quot; src=&quot;http://www.webdesign.org/img_articles/14630/18.jpg&quot; height=&quot;330&quot; width=&quot;332&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Press CTRL+D to deselect   &lt;br /&gt;Then with the erase tool , delete all the line , and be sure you will leave only some small lines like in the following image &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 19&quot; src=&quot;http://www.webdesign.org/img_articles/14630/19.jpg&quot; height=&quot;256&quot; width=&quot;141&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Then for this small lines add the following layer style &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 20&quot; src=&quot;http://www.webdesign.org/img_articles/14630/20.jpg&quot; height=&quot;303&quot; width=&quot;327&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 21&quot; src=&quot;http://www.webdesign.org/img_articles/14630/21.jpg&quot; height=&quot;225&quot; width=&quot;340&quot; /&gt;&lt;/p&gt;  &lt;p&gt;This is the result &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 22&quot; src=&quot;http://www.webdesign.org/img_articles/14630/22.jpg&quot; height=&quot;217&quot; width=&quot;108&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Now Create some small shapes. &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_23.jpg&quot; height=&quot;141&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Now rasterize all this red shapes   &lt;br /&gt;Then apply the following layer styles for all red shapes &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 24&quot; src=&quot;http://www.webdesign.org/img_articles/14630/24.jpg&quot; height=&quot;358&quot; width=&quot;338&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 25&quot; src=&quot;http://www.webdesign.org/img_articles/14630/25.jpg&quot; height=&quot;211&quot; width=&quot;329&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 26&quot; src=&quot;http://www.webdesign.org/img_articles/14630/26.jpg&quot; height=&quot;210&quot; width=&quot;337&quot; /&gt;&lt;/p&gt;  &lt;p&gt;This is the result &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_27.jpg&quot; height=&quot;124&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Now take the Eraser Tool and delete half of the shapes. Be sure you have this result &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_28.jpg&quot; height=&quot;116&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Now select Rounded Rectangle Tool and make some small shapes like in the following image &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 29&quot; src=&quot;http://www.webdesign.org/img_articles/14630/29.jpg&quot; height=&quot;417&quot; width=&quot;341&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Duplicate this small shapes as many times you want and place it like me   &lt;br /&gt;You can use different colors if you want &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_30.jpg&quot; height=&quot;118&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Grab the rectangle Tool, and make a simple shape &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_31.jpg&quot; height=&quot;78&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Then add this layer styles &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 32&quot; src=&quot;http://www.webdesign.org/img_articles/14630/32.jpg&quot; height=&quot;294&quot; width=&quot;331&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 33&quot; src=&quot;http://www.webdesign.org/img_articles/14630/33.jpg&quot; height=&quot;406&quot; width=&quot;337&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 34&quot; src=&quot;http://www.webdesign.org/img_articles/14630/34.jpg&quot; height=&quot;125&quot; width=&quot;340&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 35&quot; src=&quot;http://www.webdesign.org/img_articles/14630/35.jpg&quot; height=&quot;231&quot; width=&quot;338&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 36&quot; src=&quot;http://www.webdesign.org/img_articles/14630/36.jpg&quot; height=&quot;107&quot; width=&quot;334&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 37&quot; src=&quot;http://www.webdesign.org/img_articles/14630/37.jpg&quot; height=&quot;221&quot; width=&quot;334&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 38&quot; src=&quot;http://www.webdesign.org/img_articles/14630/38.jpg&quot; height=&quot;153&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Then drag the layer above the background layer &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_39.jpg&quot; height=&quot;132&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Then duplicate the following layers &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 40&quot; src=&quot;http://www.webdesign.org/img_articles/14630/40.jpg&quot; height=&quot;64&quot; width=&quot;140&quot; /&gt;&lt;/p&gt;  &lt;p&gt;And place it like me. You can also add some text on the blue navigation bar &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_41.jpg&quot; height=&quot;123&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Select Line Tool, Set the line weight to 1 pixel and make 3 lines. one gray, one black and one gray ( gray|black|gray ) and place it between your text buttons &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_42.jpg&quot; height=&quot;58&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Select Rounded rectangle Tool and create a white shape &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_43.jpg&quot; height=&quot;130&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Drag the layer above the background layer ( in layer palette )   &lt;br /&gt;Then add the following layer styles &lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 44&quot; src=&quot;http://www.webdesign.org/img_articles/14630/44.jpg&quot; height=&quot;372&quot; width=&quot;337&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 45&quot; src=&quot;http://www.webdesign.org/img_articles/14630/45.jpg&quot; height=&quot;401&quot; width=&quot;334&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 46&quot; src=&quot;http://www.webdesign.org/img_articles/14630/46.jpg&quot; height=&quot;379&quot; width=&quot;377&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 47&quot; src=&quot;http://www.webdesign.org/img_articles/14630/47.jpg&quot; height=&quot;222&quot; width=&quot;337&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 48&quot; src=&quot;http://www.webdesign.org/img_articles/14630/48.jpg&quot; height=&quot;105&quot; width=&quot;333&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 49&quot; src=&quot;http://www.webdesign.org/img_articles/14630/49.jpg&quot; height=&quot;219&quot; width=&quot;338&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&lt;img alt=&quot;image 50&quot; src=&quot;http://www.webdesign.org/img_articles/14630/50.jpg&quot; height=&quot;156&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;This is the result &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_51.jpg&quot; height=&quot;120&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;After that you can add some tech brushes. You can find some one deviantart.   &lt;br /&gt;Or you can add your own details, or your own images &lt;/p&gt;  &lt;p&gt;This is my final result &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img alt=&quot;Massive Game Header Tutorial: Final Result (Click to enlarge)&quot; src=&quot;http://www.webdesign.org/img_articles/14630/_52.jpg&quot; height=&quot;124&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt;Source : &lt;a href=&quot;http://www.webdesign.org/web/photoshop/web-layout/massive-game-header.14630.html&quot;&gt;Clock here&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/4202367737204682851/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/4202367737204682851' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/4202367737204682851'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/4202367737204682851'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/massive-game-header.html' title='Massive Game Header'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-1841672289782956663</id><published>2008-04-08T01:18:00.001+02:00</published><updated>2008-04-08T01:18:42.773+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drowing"/><title type='text'>Full Moon in The Midnight Forest</title><content type='html'>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Here we go! Create new document, fill background layer with dark blue. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;316&quot; alt=&quot;image 1&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-1.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Open Layer Style -&amp;gt; Blending Options, select Gradient, change gradient blend mode to Overlay, and style to Radial. also scale up to 150%. (I also added black Inner Glow). &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;365&quot; alt=&quot;image 2&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-2.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Create new layer, use selection tool or shape tool to create grey ellipse (this will be our earth). If you used shape, rasterize it. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;306&quot; alt=&quot;image 3&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-3.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Add some noise (menu Filter - Noise - Add Noise). &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;51&quot; alt=&quot;image 4&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-4.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Tricky part now - we are going to simulate macro photo where only part of a photo is focused, and the rest is blurred. - switch to quick mask mode (Q) - select gradient tool. make sure that foreground color is black, and background is white - on top of window, switch gradient type to Reflected - create gradient similar to show here. Since we are in quick mask mode, you should see gradient in red. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;451&quot; alt=&quot;image 5&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-5.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;return to normal mode from quick mask mode (hit Q again). Your gradient should become the selection. Apply Gaussian Blur to selected area (Filter - Blur - Gaussian blur), with radius about 4-6 pixels. Now, only part of our &amp;quot;earth&amp;quot; is focused, and the rest is blurred. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;407&quot; alt=&quot;image 6&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-6.jpg&quot; width=&quot;347&quot; /&gt;&lt;/p&gt;  &lt;p&gt;change the layer&#39;s blend mode to Overlay. Now the earth is almost ready, but how about some grass growing on it? &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img height=&quot;236&quot; alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14626/_18-7.jpg&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Create new layer, select Brush tool, open brush properties, and find the grass brush (scale it down as needed). make foreground black and background blue. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;490&quot; alt=&quot;image 8&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-8.jpg&quot; width=&quot;364&quot; /&gt;&lt;/p&gt;  &lt;p&gt;fill all the earth with grass. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;293&quot; alt=&quot;image 9&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-9.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Use the same technique as above to blur top and bottom of grass area. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;210&quot; alt=&quot;image 10&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-10.jpg&quot; width=&quot;342&quot; /&gt;&lt;/p&gt;  &lt;p&gt;and lastly, change layer blend mode to overlay. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;346&quot; alt=&quot;image 11&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-11.jpg&quot; width=&quot;366&quot; /&gt;&lt;/p&gt;  &lt;p&gt;now let&#39;s make some trees! Open ContextFree - this is cool fractal freeware available from http://www.contextfreeart.org/wiki/ - and choose Demo1 in Examples menu. &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img height=&quot;239&quot; alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14626/_18-12.jpg&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Manipulate the code on left column unless you are satisfied with the tree you get. I really did not want to learn the code, so I removed couple of lines, changed couple of digits, etc. &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img height=&quot;209&quot; alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14626/_18-13.jpg&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;When the tree is rendered, save it as PNG and open this PNG in Photoshop. Now we need to remove white, that is, make it transparent and keep only black tree. Here&#39;s how: - select all (Ctrl-A) - copy (Ctrl-C) - go to quick mask mode (Q) - paste (Ctrl-V) - turn off quick mask (Q) - clear (Del) - Deselect all (Ctrl-D) - Turn all to black (Ctrl-U, Lightness = -100%) &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;186&quot; alt=&quot;image 14&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-14.jpg&quot; width=&quot;350&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Copy the result and paste into the wallpaper. Use shape tool to draw white eyes. Now that looks good already! &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;314&quot; alt=&quot;image 15&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-15.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Go back to ContextFree, create new tree, repeat the steps above to put it into the wallpaper. To make it look far away, scale the tree down, and then apply Gaussian Blur. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;182&quot; alt=&quot;image 16&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-16.jpg&quot; width=&quot;265&quot; /&gt;&lt;/p&gt;  &lt;p&gt;..and again, and again, and again.... :-) &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;192&quot; alt=&quot;image 17&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-17.jpg&quot; width=&quot;363&quot; /&gt;&lt;/p&gt;  &lt;p&gt;Now, the moon. Select the background layer, create new layer above it, and use shape tool, or white brush, to draw a white circle. Then, use layer effects to add outer glow with settings similar to shown here. &lt;/p&gt;  &lt;p&gt;&lt;a&gt;&lt;img height=&quot;236&quot; alt=&quot;Click to enlarge&quot; src=&quot;http://www.webdesign.org/img_articles/14626/_18-18.jpg&quot; width=&quot;400&quot; /&gt; &lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Click to enlarge&lt;/p&gt;  &lt;p&gt;Since there is the light source (moon), all trees should have reflection. They are easy to do. Select a tree layer, duplicate it, (menu layer - duplicate), flip vertically (edit - transform - flip vertical). &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;516&quot; alt=&quot;image 19&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-19.jpg&quot; width=&quot;298&quot; /&gt;&lt;/p&gt;  &lt;p&gt;turn all to black (Ctrl-U, Lightness = -100%), and then use Distort tool (edit - transform - distort) to make the shadow fall correctly from the moon. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;516&quot; alt=&quot;image 20&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-20.jpg&quot; width=&quot;298&quot; /&gt;&lt;/p&gt;  &lt;p&gt;repeat for all trees :-) &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;314&quot; alt=&quot;image 21&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-21.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;The shadows are they are now are too much, of course. For each shadow layer (you did make them in separate layers, right?) change its opacity to 30%-40%. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;314&quot; alt=&quot;image 22&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-22.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;The part where a shadow touches a tree did not look good to me, so I added more black using big black brush. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;167&quot; alt=&quot;image 23&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-23.jpg&quot; width=&quot;333&quot; /&gt;&lt;/p&gt;  &lt;p&gt;The last thing to add are the clouds. They look like generated by Photoshop, but they are not! I found this photo at http://www.sxc.hu/photo/559389 , desaturated it (Ctrl-Shift-U), removed unnecessary parts.... &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;207&quot; alt=&quot;image 24&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-25.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;...and added into the wallpaper with layer blend mode set to Overlay, as always. That&#39;s it! Hope it will be useful. &lt;/p&gt;  &lt;p&gt;&lt;img height=&quot;300&quot; alt=&quot;Full Moon in The Midnight Forest Tutorial: Final Result&quot; src=&quot;http://www.webdesign.org/img_articles/14626/18-26.jpg&quot; width=&quot;400&quot; /&gt;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Source : &lt;a href=&quot;http://www.webdesign.org/web/photoshop/drawing-techniques/full-moon-in-the-midnight-forest.14626.html&quot;&gt;Click here&lt;/a&gt;&lt;/p&gt;  </content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/1841672289782956663/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/1841672289782956663' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/1841672289782956663'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/1841672289782956663'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/full-moon-in-midnight-forest.html' title='Full Moon in The Midnight Forest'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-434118152446421810</id><published>2008-04-05T03:02:00.002+02:00</published><updated>2008-04-05T08:16:39.523+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drowing"/><title type='text'>Creating an Urban-Style Piece of Artwork</title><content type='html'>&lt;h3&gt;What We&#39;re Making&lt;/h3&gt; &lt;p&gt;This is the final image which we will create:&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/final.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;   &lt;h3&gt;Preparation&lt;/h3&gt; &lt;p&gt;This tutorial is very stock heavy. Since the basic theme of the image will be &quot;music&quot;, I gathered a few stock images from &lt;a href=&quot;http://www.istockphoto.com/&quot;&gt;iStockPhoto&lt;/a&gt;. I suggest that you also choose a theme and gather a bunch of stock images which you think will be useful before you start creating the image. Here are links to the ones I used: &lt;a href=&quot;http://www.istockphoto.com/file_closeup/gender/female/women/2758240_asia_rocks.php?id=2758240&quot;&gt;Girl&lt;/a&gt;, &lt;a href=&quot;http://www.istockphoto.com/file_closeup/what/specific_objects/loudspeakers/2071964_stereo_loudspeakers_clipping_path_included.php?id=2071964&quot;&gt;Speakers&lt;/a&gt;, &lt;a href=&quot;http://www.istockphoto.com/file_closeup/object/3636798_80_s_vintage_radio_3_4_view.php?id=3636798&quot;&gt;Boombox&lt;/a&gt;&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/prep.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 1&lt;/h3&gt; &lt;p&gt;Before we start with the stock, we will quickly create a texture for later use. &lt;/p&gt; &lt;p&gt;So create a new document, I used 800 x 600px for my canvas size. Make sure your foreground color is black and your background color is white. You can simply press &lt;em&gt;&lt;strong&gt;&quot;D&quot;&lt;/strong&gt;&lt;/em&gt; to do that.  &lt;/p&gt; &lt;p&gt;Add a new layer and go to &lt;em&gt;&lt;strong&gt;Filter &gt; Render &gt; Clouds&lt;/strong&gt;&lt;/em&gt;. Then go to &lt;em&gt;&lt;strong&gt;Filter &gt; Noise &gt; Add Noise&lt;/strong&gt;&lt;/em&gt;. Choose the following settings: &lt;em&gt;&lt;strong&gt;Amount 50%; Distribution = Uniform; Monochromatic = On&lt;/strong&gt;&lt;/em&gt;. After that, use &lt;em&gt;&lt;strong&gt;Filter &gt; Artistic &gt; Dry Brush&lt;/strong&gt;&lt;/em&gt; with settings: &lt;em&gt;&lt;strong&gt;Brush Size = 2; Brush Detail = 8; Texture = 1&lt;/strong&gt;&lt;/em&gt;. &lt;/p&gt; &lt;p&gt;Now again, add some noise by going to &lt;em&gt;&lt;strong&gt;Filter &gt; Noise &gt; Add Noise&lt;/strong&gt;&lt;/em&gt; and use the previous settings. Then, use &lt;em&gt;&lt;strong&gt;Filter &gt; Artistic &gt; Paint Daubs&lt;/strong&gt;&lt;/em&gt; with the  settings shown in the screenshot:&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/01.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 2&lt;/h3&gt; &lt;p&gt;Now use &lt;em&gt;&lt;strong&gt;Filter &gt; Brush Strokes &gt; Splatter&lt;/strong&gt;&lt;/em&gt; with &lt;em&gt;&lt;strong&gt;Spray Radius = 20&lt;/strong&gt;&lt;/em&gt; and &lt;em&gt;&lt;strong&gt;Smoothness = 5&lt;/strong&gt;&lt;/em&gt;. Your image should look like this:&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/02.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 3&lt;/h3&gt; &lt;p&gt;Go to &lt;em&gt;&lt;strong&gt;Select &gt; Color Range&lt;/strong&gt;&lt;/em&gt;, choose &lt;em&gt;&lt;strong&gt;Highlights&lt;/strong&gt;&lt;/em&gt;, hit the &quot;OK&quot; button and you will see that random areas in your texture are now selected. We will delete them by pressing &lt;em&gt;&lt;strong&gt;DEL&lt;/strong&gt;&lt;/em&gt;. Also, delete the background layer and you&#39;re done with your texture! Save it, we&#39;ll use it later.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/03.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 4&lt;/h3&gt; &lt;p&gt;Now we will just cut out all the images which we will use for our further work and save them. &lt;/p&gt; &lt;p&gt;You can do that by using the pen tool. If you have a complex shape which you want to select accurately (i.e. hairstrands), then fear not because I will show you a very useful technique in the following steps.&lt;/p&gt; &lt;p&gt; The model in the stock photo which I&#39;m using has very fine hair strands. We want to select her body shape while also accurately selecting the fine hair strands. In order to do this, go to the &lt;em&gt;&lt;strong&gt;Channels&lt;/strong&gt;&lt;/em&gt; palette and identify the channel with the highest contrast between model and background. In this case, I chose the green channel and duplicated it. Make sure the channel is selected and not hidden.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/04.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 5&lt;/h3&gt; &lt;p&gt; Our goal is to make a selection of the model. The model should be solid black and the background as white as possible. With that in mind, we need to paint the headphones and the model&#39;s top solid black, as they are too bright. So trace around the parts and fill the selection with solid black.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/05.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 6&lt;/h3&gt; &lt;p&gt;Press &lt;em&gt;&lt;strong&gt;CTRL+M&lt;/strong&gt;&lt;/em&gt; to open up the curves window and drag the two controllers further together to raise the contrast between model and background. You might need to repeat this a few times. In the end there may still be some bright parts. Quickly trace around them and fill them with black.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/06.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 7&lt;/h3&gt; &lt;p&gt;If you&#39;re satisfied with the result, &lt;em&gt;&lt;strong&gt;CTRL+click &lt;/strong&gt;&lt;/em&gt;the channel to make a selection. Press &lt;em&gt;&lt;strong&gt;SHIFT+CTRL+I&lt;/strong&gt;&lt;/em&gt; to invert the selection or go to &lt;em&gt;&lt;strong&gt;Select &gt; Invert&lt;/strong&gt;&lt;/em&gt;. Now click on the RGB channel and copy+paste the selection into a new 800x600px file. Voila! You have selected the model with all the fine hairstrands.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/07.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 8&lt;/h3&gt; &lt;p&gt;We want to give the model a distressed look. Desaturate the model (&lt;em&gt;&lt;strong&gt;SHIFT+CTRL+U&lt;/strong&gt;&lt;/em&gt;) and duplicate the layer. Set the duplicated layer to &lt;em&gt;&lt;strong&gt;Multiply&lt;/strong&gt;&lt;/em&gt; and make sure it&#39;s on top. Select this layer, open up the curves window again (&lt;em&gt;&lt;strong&gt;CTRL+M&lt;/strong&gt;&lt;/em&gt;) and raise the contrast until you like the result.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/08.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 9&lt;/h3&gt; &lt;p&gt;Desaturate the other images, add them to the model and make a nice composition.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/09.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 10&lt;/h3&gt; &lt;p&gt;For the next step we will use some damaged paper as a texture. Just scan some crinkled paper or try to make a picture with your camera. You can download my paper texture &lt;a href=&quot;http://www.eon9.net/paper_texture.jpg&quot;&gt;here&lt;/a&gt;.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/10.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 11&lt;/h3&gt; &lt;p&gt;Paste the texture above our image and set the layer style to Multiply. If necessary you should also desaturate it and raise the contrast a bit. Flatten the image and make a rough selection of the objects, like below: &lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/11.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 12&lt;/h3&gt; &lt;p&gt;Paste the selection into a new file and add the texture wich we made in the beginning. Set the opacity of the texture to 15% so it&#39;s more of a background effect. &lt;/p&gt; &lt;p&gt;Fill the background layer of the new file with a color of your choice to give the image more life - by making the paper cut outs really contrast out from the background. I also added some notes which I quickly scribbled by using a small, round brush and then followed the same paper texture technique. &lt;/p&gt; &lt;p&gt;Don&#39;t forget to add drop shadows to your objects. This way they will look like they were cut out of paper and pasted on top.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/12.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 13&lt;/h3&gt; &lt;p&gt;Next I&#39;ve added some halftone effects and swirl brushes as well as some splatter brushes. If you don&#39;t know how to make halftone effects, check out &lt;a href=&quot;http://psdtuts.com/tutorials-effects/create-a-cool-halftone-effect/&quot;&gt;Sean&#39;s Halftone Tutorial&lt;/a&gt;. For swirl/splatter brushes go to &lt;a href=&quot;http://www.deviantart.com/&quot;&gt;DeviantART&lt;/a&gt; or &lt;a href=&quot;http://www.brusheezy.com/&quot;&gt;Brusheezy.com&lt;/a&gt;. Besides that, I added an image of an cityscape. You can find some great scapes for free at &lt;a href=&quot;http://www.sxc.hu/&quot;&gt;Sxc.hu&lt;/a&gt;. When you find an appropriate image, desaturate the cityscape, boost up the contrast and set it to multiply to get the effect in the final image below.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/101_Urban/final.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Conclusion&lt;/h3&gt; &lt;p&gt;I am sure that the textures you created and used during this tutorial will be very useful for some of your following projects. I also believe that the new technique I showed you to extract complex shapes will also help you in your further work. You might have realized that we didn&#39;t necessarily need to cut out the hair so exactly, since we pasted the model to a plain white canvas. However, I thought this would be a great opportunity for me to show you this technique :-)&lt;/p&gt;&lt;br /&gt;Source : &lt;a href=&quot;http://psdtuts.com/designing-tutorials/creating-an-urban-style-piece-of-artwork/&quot;&gt;Click Here&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Sponsored By : &lt;a href=&quot;http://www.wblogw.com/&quot;&gt;http://www.wblogw.com&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/434118152446421810/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/434118152446421810' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/434118152446421810'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/434118152446421810'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/creating-urban-style-piece-of-artwork.html' title='Creating an Urban-Style Piece of Artwork'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-6738922528263749222</id><published>2008-04-05T01:42:00.003+02:00</published><updated>2008-04-05T08:15:50.933+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drowing"/><title type='text'>Adding Flames and Effects to Make an Image with Impact</title><content type='html'>&lt;h3&gt;The Photo&lt;/h3&gt; &lt;p&gt;First we need an image to work with. I chose an image of a snowboarder jumping from &lt;a href=&quot;http://www.sxc.hu/photo/887677&quot;&gt;Stock.xchang&lt;/a&gt;, it&#39;s great because he&#39;s quite isolated against a straight blue background which will make cutting him out much easier.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/snow.jpg&quot; border=&quot;0&quot; height=&quot;450&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 1&lt;/h3&gt; &lt;p&gt;Let&#39;s start off with a subtle gradient. Create a radial gradient (&lt;strong&gt;Layer &gt; New Fill Layer &gt; Gradient...&lt;/strong&gt;) with a black outside and a dark grey inside.&lt;/p&gt; &lt;p&gt;Next import the image you wish to edit on a new layer. Scale it, place it and cut it out. If you choose a snowboarder against a blue sky like me, it&#39;s easy to cut using color range (&lt;strong&gt;Select &gt; Color Range...&lt;/strong&gt;) or the Magic Wand tool. I desatured (&lt;strong&gt;Image &gt; Adjustments &gt; Desaturate&lt;/strong&gt;) the image because I only want the flames to be colored - this will give a punchier effect.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/01.jpg&quot; border=&quot;0&quot; height=&quot;450&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 2&lt;/h3&gt; &lt;p&gt;Now we&#39;ll create the background and the smoke. Create a new layer under the snowboarder and use the clouds filter on it (&lt;strong&gt;Filter &gt; Render &gt; Render Clouds&lt;/strong&gt;, make sure you have white and black as front and back color). Erase over the outside and over the place where snowboarder sits and then set the opacity to 18%.&lt;/p&gt; &lt;p&gt;On a new layer use the &lt;strong&gt;Elliptical Marquee Tool (M)&lt;/strong&gt; to create 3 circles and fill them with different shades of grey (start with the biggest one). You can also duplicate the layer, resize the circle (with &lt;strong&gt;SHIFT+ALT&lt;/strong&gt; selected) and fill it with another shade. Change the opacity to make the circles less visible.&lt;/p&gt; &lt;p&gt;I also used a halftone effect behind the snowboarder. It doesn&#39;t add much but if you like this detail check out &lt;a href=&quot;http://psdtuts.com/tutorials-effects/create-a-cool-halftone-effect/&quot;&gt;Sean&#39;s Halftone Tutorial&lt;/a&gt; on how to achieve it.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/02.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 3&lt;/h3&gt; &lt;p&gt;To create more smoke, I copied the snowboarder to a new layer and used the &lt;strong&gt;Smudge Tool (R)&lt;/strong&gt; on it. Change the settings to what you see below and just move your mouse around to create a smoke-like effect. I set this layer&#39;s opacity to 40%, it&#39;s located beneath the boarder but above the other background layers.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Smudge settings:&lt;/strong&gt;&lt;br /&gt;Spacing: 10%&lt;br /&gt;(In Shape Dynamics:)&lt;br /&gt;Size Jitter: 46%&lt;br /&gt;Minimum Diameter: 64%&lt;br /&gt;Angle Jitter: 30%&lt;br /&gt;Roundness Jitter: 0%&lt;br /&gt;(In Scattering:)&lt;br /&gt;Scatter: 43%&lt;br /&gt;Count: 1&lt;br /&gt;Count Jitter: 86%&lt;br /&gt;(In Other Dynamics:)&lt;br /&gt;Strength Jitter: 100%&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/03.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 4&lt;/h3&gt; &lt;p&gt;This has been discussed in other tutorials, but in case you haven&#39;t seen it explained yet don&#39;t skip this step. &lt;/p&gt; &lt;p&gt;Take out the &lt;strong&gt;Pen Tool (P)&lt;/strong&gt; and create a path around the snowboard and the right arm. When you&#39;re finished right click the path and choose &lt;strong&gt;Stroke Path&lt;/strong&gt; (set your brush to the right size first, in my case a 1px hard brush), you can use&lt;strong&gt; Simulate Pressure&lt;/strong&gt; if you like. &lt;/p&gt; &lt;p&gt;Delete the vector path (Right click &gt; Delete Path) and erase the parts you don&#39;t need (behind the board/arm) on the newly created line. In the &lt;strong&gt;Blending Options&lt;/strong&gt; for this layer, I chose an orange &lt;strong&gt;Color Overlay&lt;/strong&gt; and red &lt;strong&gt;Outer Glow&lt;/strong&gt; which I set to &lt;strong&gt;Linear Dodge&lt;/strong&gt;.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/04.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 5&lt;/h3&gt; &lt;p&gt;Now we&#39;ll create the hardest part: the flames. Create a new layer and choose a 5px hard brush (I chose a shade of grey because I wanted to add real color to it later, you can start with that already by choosing an orange color for this step, if you like). I used my wacom to create some random flame like strokes. If you&#39;re using a mouse you can right click anywhere on the canvas to change your brush size easily. Try varying them and make them go in one direction, I&#39;m making most go from bottom left to upper right.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/05.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 6&lt;/h3&gt; &lt;p&gt;Next I used three filters on those flames to make them appear more realistic. I started with the ripple filter (&lt;strong&gt;Filter &gt; Distort &gt; Ripple...&lt;/strong&gt;) at 100%. Next I used ocean ripple (&lt;strong&gt;Filter &gt; Distort &gt; Ocean Ripple...&lt;/strong&gt;) with default settings, this will not change the shapes but it will create some darker and lighter tones in the flames. I faded that filter (&lt;strong&gt;Edit &gt; Fade Ocean Ripple...&lt;/strong&gt;) to 40%. The last filter is a motion blur (&lt;strong&gt;Filter &gt; Blur &gt; Motion Blur...&lt;/strong&gt;), set the angle right (45° here) and choose a low value. I changed the opacity of the layer to 66%.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/06.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 7&lt;/h3&gt; &lt;p&gt;To create even more flames, I duplicated that layer and used wave (&lt;strong&gt;Filter &gt; Distort &gt; Wave...&lt;/strong&gt;) on it with the default values. I set the layer to orange in the preview so it would be clear what kind of outcome you can expect. I also lowered the opacity to 66% and erased some parts that didn&#39;t look good.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/07.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Step 8&lt;/h3&gt; &lt;p&gt;To bring out the flames more, I applied the image on a new layer (&lt;strong&gt;Image &gt; Apply Image...&lt;/strong&gt;) and gave that layer an unsharp mask (&lt;strong&gt;Filter &gt; Sharpen &gt; Unsharp Mask...&lt;/strong&gt;). Then I created a grey to orange gradient map (&lt;strong&gt;Layer &gt; New Adjustment Layer &gt;  Gradient Map...&lt;/strong&gt;) to give the boarder an orange tint.&lt;/p&gt; &lt;p&gt;The flames are still in need of color.&lt;strong&gt; CTRL+SHIFT+Click&lt;/strong&gt; on all the thumbnails next to the flame layers so you have a selection of the flames. Fill this selection, in a new layer, with orange and set it to Color with an opacity of 80%.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/08.jpg&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;  &lt;h3&gt;Conclusion&lt;/h3&gt; &lt;p&gt;As finishing touch we need some more light and color. Add a new layer and use apply image (&lt;strong&gt;Image &gt; Apply Image&lt;/strong&gt;). In the lighting effects (&lt;strong&gt;Filter &gt; Render &gt; Lighting Effects...&lt;/strong&gt;) options add more lights to the scene (drag the light bulb icon onto the small preview). Erase the part of the snowboarder because it might get overlighted. You can set this layer to &lt;strong&gt;Lighten&lt;/strong&gt;. The smoke might not be visible enough now, so if needed you can copy one of the layers and set it on top with a low opacity and erase over the main parts.&lt;/p&gt; &lt;p&gt;Creating realistic fire isn&#39;t easy and might not work out for the first time. But after some tries you might even end up with something better than me. If you wish to make it even more realistic you can try to focus on the colors of the flames and give them a yellow inside and a red outside.&lt;/p&gt; &lt;p&gt;In any case, hope you enjoyed the tutorial. Along with the flames, the main point here is to see how a little photoshop adornment when combined with a photo can make a really punchy graphic, especially when you contrast the black and white areas with some strong color.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/114_Snowboarder/09.jpg&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Source : &lt;a href=&quot;http://psdtuts.com/designing-tutorials/adding-flames-and-effects-to-make-an-image-with-impact/&quot;&gt;Click here&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/6738922528263749222/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/6738922528263749222' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/6738922528263749222'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/6738922528263749222'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/adding-flames-and-effects-to-make-image.html' title='Adding Flames and Effects to Make an Image with Impact'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-8755643139724719307</id><published>2008-04-04T22:50:00.002+02:00</published><updated>2008-04-05T08:14:42.119+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Photos Effects"/><title type='text'>Making Composites with Octoberfest Glassware</title><content type='html'>&lt;h3&gt;Step 1&lt;/h3&gt; &lt;p&gt;We start with a picture of myself holding a beer mug and a photograph of the Octoberfest scene. The picture was a snapshot I shot while I was visiting Munich during Octoberfest. Download the images to get started: &lt;a href=&quot;http://www.flickr.com/photos/ctitze/2318642637/sizes/l/in/photostream/&quot;&gt;Octoberfest image&lt;/a&gt; and &lt;a href=&quot;http://www.flickr.com/photos/ctitze/2319453844/sizes/l/in/photostream/&quot;&gt;Beer image&lt;/a&gt;. The crowd image has been blurred. This does two things: it  &lt;strong&gt;fakes a depth of field&lt;/strong&gt; and it &lt;strong&gt;protects the identity of the passerby&#39;s&lt;/strong&gt;.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/1.jpg&quot; border=&quot;0&quot; height=&quot;844&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;   &lt;h3&gt;Step 2 &lt;/h3&gt; &lt;p&gt;Every good photomontage starts with a good mask. Use the &lt;strong&gt;Path Tool&lt;/strong&gt; and mask out the person, the beer, and anything that is behind the glass that isn&#39;t transparent. You should end up with three different paths: one for the guy, one for the glass, and one for behind the glass.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/2.jpg&quot; border=&quot;0&quot; height=&quot;790&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;   &lt;h3&gt;Step 3 &lt;/h3&gt; &lt;p&gt;&lt;strong&gt;Right click&lt;/strong&gt; on the path and select &lt;strong&gt;Make Selection&lt;/strong&gt;. You will get prompted by a dialog box; make sure it&#39;s set to &lt;strong&gt;1 pixel, Anti-Aliased checked, and Operation New Selection is checked&lt;/strong&gt;. Once you press &lt;strong&gt;OK&lt;/strong&gt;, it will make a nice crisp selection. &lt;strong&gt;Right click&lt;/strong&gt; the original background and press &lt;strong&gt;(Command + J)&lt;/strong&gt; to make a new layer out of the selection. Do that with the person, the beer, and the behind the beer path.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/3.jpg&quot; border=&quot;0&quot; height=&quot;1164&quot; width=&quot;549&quot; /&gt;&lt;/div&gt;   &lt;h3&gt;Step 4 &lt;/h3&gt; &lt;p&gt;You should have 4 layers in your document: the beer layer should be on top, the inside beer should be next, the person should be afterwards, and then the original picture in the background. You can delete the background layer if you want to, or hide it.&lt;/p&gt;  &lt;p&gt;Now it&#39;s time to place the Octoberfest picture behind the person. One thing that becomes obvious is that the beer mug isn&#39;t transparent. It still has the old background on it.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/4.jpg&quot; border=&quot;0&quot; height=&quot;777&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;   &lt;h3&gt;Step 5 &lt;/h3&gt; &lt;p&gt;The trick of making it look realistic is to make 2 beer mug layers. One is for the shadows only and the other is for the highlights only. Set the &lt;strong&gt;Blend Mode&lt;/strong&gt; on the top beer to &lt;strong&gt;Multiply&lt;/strong&gt; and the bottom beer to &lt;strong&gt;Screen&lt;/strong&gt;. At the moment the composite image still looks too dense, but the secret is in the next step.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/5.jpg&quot; border=&quot;0&quot; height=&quot;385&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;   &lt;h3&gt;Step 6 &lt;/h3&gt;   &lt;p&gt;With the beer multiply layer selected, click the &lt;strong&gt;Blending Options&lt;/strong&gt; dialog box. You should have the &lt;strong&gt;Layer Style&lt;/strong&gt; menu box open. On the bottom you should see the &lt;strong&gt;Blend if Gray&lt;/strong&gt; box. Move the white triangle to the left. &lt;strong&gt;Option Click&lt;/strong&gt; on the triangle, it will split into two halves. This gives you more control to create smoother transitions. There is no cookie cutter solution for this step. Use your own intuition until it looks good. Every glass behaves a little different.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/6.jpg&quot; border=&quot;0&quot; height=&quot;1037&quot; width=&quot;573&quot; /&gt;&lt;/div&gt;     &lt;h3&gt;Step 7 &lt;/h3&gt; &lt;p&gt;Do the same thing with the screen layer except move the black triangle to the left. Once your done you will have convincing transparent glass. &lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/7.jpg&quot; border=&quot;0&quot; height=&quot;407&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;           &lt;h3&gt;Step 8 &lt;/h3&gt; &lt;p&gt;The problem now is that the multiply layer is too intense. You can see this on the layer behind the hand. Make a selection of the &lt;strong&gt;inside beer path in the Paths Palette&lt;/strong&gt;. Go back to the Layers Palette. Then invert the selection by going to &lt;strong&gt;Select &gt; Inverse&lt;/strong&gt;. Create a new &lt;strong&gt;Layer Mask&lt;/strong&gt; on the multiply beer layer. This solves the intensity issue.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/8.jpg&quot; border=&quot;0&quot; height=&quot;454&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;           &lt;h3&gt;Step 9 &lt;/h3&gt; &lt;p&gt;You may need to go back to the multiply layer and screen layer and tweak in the &lt;strong&gt;Blend If&lt;/strong&gt; box. In some cases, there is too much transparency in the beer mug. In those cases, make tweaks through the &lt;strong&gt;Blend if&lt;/strong&gt; dialog box. Since every glass is different, there is no exact value that applies to all glassware. Just try playing with the arrows until you get something satisfactory.&lt;/p&gt;  &lt;p&gt;Sometimes, you need to make minor touch-ups. If so, then make a selection of the beer and lightly brush in some areas through the &lt;strong&gt;Layer Mask&lt;/strong&gt;.&lt;/p&gt;  &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/9.jpg&quot; border=&quot;0&quot; height=&quot;321&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;     &lt;h3&gt;Final Image&lt;/h3&gt; &lt;p&gt;The last step is a simple technique used to make the image look good. Create a &lt;strong&gt;new layer&lt;/strong&gt; named Vignette. Use a big soft dark colored brush. Paint the edges to create a vignette. Set the &lt;strong&gt;Blending Mode to Linear Burn&lt;/strong&gt;. Play with the &lt;strong&gt;Layer Opacity&lt;/strong&gt; until it looks good. I set it to &lt;strong&gt;80 percent&lt;/strong&gt;. And there we have it, a composite image of me holding a beer mug at Octoberfest.&lt;/p&gt; &lt;div class=&quot;tutorial_image&quot;&gt;&lt;img src=&quot;http://psdtuts.s3.amazonaws.com/122_OctoberfestGlassware/10.jpg&quot; border=&quot;0&quot; height=&quot;401&quot; width=&quot;600&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;!-- google_ad_section_end --&gt;  &lt;!-- ARTICLE CONTENT STOP --&gt;   &lt;div class=&quot;clear&quot;&gt;Source :&lt;a href=&quot;http://psdtuts.com/photo-effects-tutorials/making-composites-with-octoberfest-glassware/&quot;&gt; &lt;/a&gt;&lt;a href=&quot;http://psdtuts.com/photo-effects-tutorials/making-composites-with-octoberfest-glassware/&quot;&gt;Click here to view the Original Article&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/8755643139724719307/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/8755643139724719307' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/8755643139724719307'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/8755643139724719307'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/making-composites-with-octoberfest.html' title='Making Composites with Octoberfest Glassware'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-969920807362381297</id><published>2008-04-04T22:16:00.001+02:00</published><updated>2008-04-05T08:13:20.478+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drowing"/><title type='text'>Underwater 2</title><content type='html'>&lt;p&gt;    Start with blank document. Fill background layer with gradient going from light blue to dark blue.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-1.jpg&quot; alt=&quot;image 1&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    In Layer effects, use very large (250px) black Inner Glow, with blend mode = overlay.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-2.jpg&quot; alt=&quot;image 2&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    In new layer, select very large brush, set color to white and put a single dot.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-3.jpg&quot; alt=&quot;image 3&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Transform layer (Ctrl-T) to make dot width less and height more.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-4.jpg&quot; alt=&quot;image 4&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Move white dot to top of image (so that only bottom half of it is visible) and set its layer blend mode to Overlay.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-5.jpg&quot; alt=&quot;image 5&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Duplicate this layer and make it about 50% smaller.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-6.jpg&quot; alt=&quot;image 6&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Next step is to create nice light rays. Create new document, with square size (width = height), and width is about 200% of your original image width. (if you design wallpaper at 1024x768, create 2000x2000 image). Fill it with any color, and in Layer effects, check Gradient Overlay. Open dropdown list of gradient selection, select Noise family of gradients, and select any noise gradient. Then, set Style to Angle. &lt;/p&gt; &lt;div style=&quot;width: 400px;&quot;&gt; &lt;a style=&quot;cursor: pointer;&quot; onclick=&quot;picture(&#39;/get.php?type=imgart&amp;id=14618&amp;name=26-7.jpg&amp;no-download&#39;, 750, 423)&quot;&gt;   &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/_26-7.jpg&quot; alt=&quot;Click to enlarge&quot; height=&quot;217&quot; width=&quot;400&quot; /&gt; &lt;/a&gt; &lt;div class=&quot;f10&quot; align=&quot;center&quot;&gt;Click to enlarge&lt;/div&gt;&lt;/div&gt; &lt;p&gt;    To convert Layer effect to editable image, flatten image (from Layer menu). Desaturate (Ctrl-Shift-U).  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-8.jpg&quot; alt=&quot;image 8&quot; height=&quot;225&quot; width=&quot;203&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Crop image as shown here. Example: if entire image with gradient is 2000x2000, crop to 1024x768.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-9.jpg&quot; alt=&quot;image 9&quot; height=&quot;225&quot; width=&quot;203&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Copy all (Ctrl-A, Ctrl-C) and paste into our original image.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-10.jpg&quot; alt=&quot;image 10&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Then, simply set the blend mode of this layer to Overlay. Voila!  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-11.jpg&quot; alt=&quot;image 11&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next step is some bubbles. Select 19px hard brush, and set its spacing to very large value (500-700%).  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-12.jpg&quot; alt=&quot;image 12&quot; height=&quot;423&quot; width=&quot;352&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Also, check Shape Dynamics, and set size jitter and minimum diameter as shown here.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-13.jpg&quot; alt=&quot;image 13&quot; height=&quot;423&quot; width=&quot;352&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Make some chaotic brush strokes. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-14.jpg&quot; alt=&quot;image 14&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Set layer blend mode to screen (this will make black dots invisible). Then, use layer effects (such as inner glow, drop shadow, bevel and emboss) to make dots look like bubbles. Registered users can download PSD file from Downloads page of my site, and see what exactly effects are used. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-15.jpg&quot; alt=&quot;image 15&quot; height=&quot;325&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Repeat bubble-making steps 3-4 times.  &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/26-16.jpg&quot; alt=&quot;image 16&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    ...and here is the result!  &lt;/p&gt; &lt;div style=&quot;width: 400px;&quot;&gt; &lt;a style=&quot;cursor: pointer;&quot; onclick=&quot;picture(&#39;/get.php?type=imgart&amp;id=14618&amp;name=underwater.jpg&amp;no-download&#39;, 750, 550)&quot;&gt;   &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14618/_underwater.jpg&quot; alt=&quot;Underwater 2 Tutorial: Final Result (Click to enlarge)&quot; height=&quot;320&quot; width=&quot;400&quot; /&gt; &lt;/a&gt; &lt;div class=&quot;f10&quot; align=&quot;center&quot;&gt;Click to enlarge&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;!-- google_ad_section_end --&gt;  &lt;!-- ARTICLE CONTENT STOP --&gt;   &lt;div class=&quot;clear&quot;&gt;Source : WebDesign.org &lt;a href=&quot;http://www.webdesign.org/web/photoshop/drawing-techniques/underwater-2.14618.html&quot;&gt;Click here to view the Original Article&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/969920807362381297/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/969920807362381297' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/969920807362381297'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/969920807362381297'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/underwater-2.html' title='Underwater 2'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-461561092826332865.post-2175506784120924269</id><published>2008-04-04T21:36:00.001+02:00</published><updated>2008-04-05T08:12:28.011+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drowing"/><title type='text'>Fire Dragon</title><content type='html'>&lt;!-- ARTICLE CONTENT START --&gt; &lt;div class=&quot;article_content_2&quot;&gt; &lt;script type=&quot;text/javascript&quot; language=&quot;JavaScript&quot;&gt; &lt;!-- function picture(imagename,image_width,image_height) {  window.open(imagename,&quot;_blank&quot;,&quot;config=&#39;&#39;,width=&quot; + image_width + &quot;,height=&quot; + image_height + &quot;,toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=0&quot;); } //--&gt; &lt;/script&gt; &lt;p&gt; Well the process of designing Fire Dragon wallpaper is not full of interesting tips and tricks. It was actually 24 hours of drawing with brushes of different sizes and colors. As always, to start, we need background. Set foreground to dark red, background to black. Select Gradient tool, choose Radial type, fill the document dragging the mouse from bottom to top of image. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-1.jpg&quot; alt=&quot;image 1&quot; height=&quot;237&quot; width=&quot;335&quot; /&gt;  &lt;/p&gt; &lt;p&gt; The mountains in the background are very easy to do - they are simply black shapes made with Pen tool. So, take a Pen tool and make a shape :-) &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-2.jpg&quot; alt=&quot;image 2&quot; height=&quot;210&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Create new layer, take soft brush tool, set color to lighter red, and make strokes as shown here, touching the edge of mountain. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-3.jpg&quot; alt=&quot;image 3&quot; height=&quot;210&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Create clipping mask (from Layers menu). The mountain is ready. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-4.jpg&quot; alt=&quot;image 4&quot; height=&quot;210&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    The same way, create as many mountains as you&#39;d like. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-5.jpg&quot; alt=&quot;image 5&quot; height=&quot;210&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; The dragon itself consists of 2 parts: soft brushes and hard brushes (outlines). Without many comments, let me show you soft brushes, layer by layer. Start with dark red very large soft brush (you can apply Gaussian Blur as well), and with each new layer, make brush smaller, make color lighter and move it from red to yellow. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-6.jpg&quot; alt=&quot;image 6&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next layer... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-7.jpg&quot; alt=&quot;image 7&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next layer... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-8.jpg&quot; alt=&quot;image 8&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next layer... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-9.jpg&quot; alt=&quot;image 9&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next layer... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-10.jpg&quot; alt=&quot;image 10&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next layer... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-11.jpg&quot; alt=&quot;image 11&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Finally, here goes real Photoshop trick! The soft brushes are good for background colors, and hard brushes are good for outlines, but neither are good enough to draw fire. I tried using my tablet pressing hard brush gently, but I ended up with dragon made of fur, not fire :-) So I started playing with changing settings of default Photoshop brushes. Finally, I achieved something that satisfied me (I realize it is not perfect but drawing fire takes a lot of skills, I am only starting my way to it). You can download tool preset and try this brush yourself. Download tool preset &lt;a class=&quot;f12&quot; href=&quot;http://www.webdesign.org/img_articles/14588/firedragon.zip&quot;&gt;here&lt;/a&gt;. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-12.jpg&quot; alt=&quot;image 12&quot; height=&quot;212&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Using this brush, make some strokes around the edges of dragon... (on this image, I show only this layer on black background, so you can better see how this brush looks) &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-13.jpg&quot; alt=&quot;image 13&quot; height=&quot;187&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    And then set layer mode to Overlay, and duplicate layer. This is the result, shown with all layers visible. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-14.jpg&quot; alt=&quot;image 14&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Next trick is usually used in tutorials like Make your own Aqua OSX wallpaper! But I found I wanted this effect here too. Set color to grey (HEX 808080). With pen tool, create a shape of dragon. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-15.jpg&quot; alt=&quot;image 15&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Set layer mode to Overlay. Because layer is grey, it will become invisible - do not worry! :-) Create new layer, and with black and white large soft brushes, put some dots here and there. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-16.jpg&quot; alt=&quot;image 16&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Then, Create clipping mask (from layer menu). Magically, the brush is masked by vector layer, and inherited overlay! &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-17.jpg&quot; alt=&quot;image 17&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    You can repeat the same steps to create additional curve inside wings. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-18.jpg&quot; alt=&quot;image 18&quot; height=&quot;213&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    And, use the same technique to make dragon head (or, unlike me, you could do it on previous step! That would be wiser :-) &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-19.jpg&quot; alt=&quot;image 19&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; This is how the head looks when I set shape layer mode to Overlay, then add black and white brush dots, and create clipping mask. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-20.jpg&quot; alt=&quot;image 20&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Use Pen tool to add white eye, then set its layer mode to Overlay too. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-21.jpg&quot; alt=&quot;image 21&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Here goes most fun and time-consuming part: outlines. For next steps below, I made outlines with small hard white brush, then set layer mode to Overlay. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-22.jpg&quot; alt=&quot;image 22&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    This is how it looks with layer mode = overlay... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-23.jpg&quot; alt=&quot;image 23&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    next layer... hitting my tablet with pen a lot :-) &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-24.jpg&quot; alt=&quot;image 24&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    setting layer mode to overlay... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-25.jpg&quot; alt=&quot;image 25&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    next layer... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-26.jpg&quot; alt=&quot;image 26&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    setting layer mode to overlay... &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-27.jpg&quot; alt=&quot;image 27&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Next step - volcano. As with previous mountains, set color to black, and use Pen tool to make a shape of a mountain. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-28.jpg&quot; alt=&quot;image 28&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; In new layer, use large soft brushes (from dark red to gold) to fill mountain with color. Create clipping mask (from layer menu). Apply gaussian blur if needed. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-29.jpg&quot; alt=&quot;image 29&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Add lava in the same way as with dragon wings - with small white hard brush. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-30.jpg&quot; alt=&quot;image 30&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    You guessed it right! set layer mode to overlay :-) &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-31.jpg&quot; alt=&quot;image 31&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; The final touch is clouds above the volcano (to tell the truth, I added clouds to hide transition between volcano and dragon :-) I was not happy with it). Create new document, with width twice more than height. set foreground to white and background to black. Then apply Clouds filter (Filters menu - Render). &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-32.jpg&quot; alt=&quot;image 32&quot; height=&quot;260&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; select central part of image, as shown here. Transform (Ctrl-T), holding Alt key, and stretch selection to fill entire document. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-33.jpg&quot; alt=&quot;image 33&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    (like this) &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-34.jpg&quot; alt=&quot;image 34&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Enable Quick Mask (Q key), apply Clouds filter again, disable Quick Mask (Q key again). You should get selection similar to this. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-35.jpg&quot; alt=&quot;image 35&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Fill selection with black color (simply hit Ctrl-Backspace for that). Then, set Auto Levels (Ctrl-Shift-L). &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-36.jpg&quot; alt=&quot;image 36&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Do that again - enable quick mask, apply Clouds filter, disable quick mask, fill selection with black, set auto levels (or, in shortcuts - Q, Ctrl-F, Q, Ctrl-Backspace, Ctrl-Shift-F). &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-37.jpg&quot; alt=&quot;image 37&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Now we need to remove black from this image. To do so, select all (Ctrl-A), copy (Ctrl-C), enable quick mask (Q), paste (Ctrl-V), disabled quick mask (Q). Note how white parts are selected. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-38.jpg&quot; alt=&quot;image 38&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Invert selection (Ctrl-Shift-I) and delete (Del). Then open Hue/Saturation window (Ctrl-U), and set lightness to 100. You should get white clouds on transparent background. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-39.jpg&quot; alt=&quot;image 39&quot; height=&quot;238&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Copy and paste clouds into our artwork. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-40.jpg&quot; alt=&quot;image 40&quot; height=&quot;177&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; switch to Eraser tool (E). select very large soft brush, and erase edges of clouds layer, so that clouds start to actually look like clouds. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-41.jpg&quot; alt=&quot;image 41&quot; height=&quot;177&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt; Open Hue/Saturation window again (Ctrl-U). set lightness to -40 .. -50, saturation to 80..90. Then play with Hue to get vivid red clouds. &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-42.jpg&quot; alt=&quot;image 42&quot; height=&quot;174&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Repeat all steps to create another layer with clouds (only, do not make them red this time). &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-43.jpg&quot; alt=&quot;image 43&quot; height=&quot;174&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;    Then add another layer with clouds, and another one :-) That&#39;s all! Thanks for reading! &lt;/p&gt; &lt;p&gt;    &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/38-44.jpg&quot; alt=&quot;image 44&quot; height=&quot;174&quot; width=&quot;400&quot; /&gt;  &lt;/p&gt; &lt;p&gt;   Final Result &lt;/p&gt; &lt;div style=&quot;width: 400px;&quot;&gt; &lt;a style=&quot;cursor: pointer;&quot; onclick=&quot;picture(&#39;/get.php?type=imgart&amp;id=14588&amp;name=vladstudio_firedragon.jpg&amp;no-download&#39;, 750, 550)&quot;&gt;   &lt;img class=&quot;f12&quot; src=&quot;http://www.webdesign.org/img_articles/14588/_vladstudio_firedragon.jpg&quot; alt=&quot;Fire Dragon Tutorial: Final Result (Click to enlarge)&quot; height=&quot;320&quot; width=&quot;400&quot; /&gt; &lt;/a&gt; &lt;div class=&quot;f10&quot; align=&quot;center&quot;&gt;Click to enlarge&lt;/div&gt;&lt;/div&gt;  &lt;/div&gt;&lt;br /&gt;Source : WebDesign.org &lt;a href=&quot;http://www.webdesign.org/web/photoshop/drawing-techniques/fire-dragon.14588.html&quot;&gt;Click here to view the Original Article&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://photoshop-star.blogspot.com/feeds/2175506784120924269/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/461561092826332865/2175506784120924269' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/2175506784120924269'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/461561092826332865/posts/default/2175506784120924269'/><link rel='alternate' type='text/html' href='http://photoshop-star.blogspot.com/2008/04/fire-dragon.html' title='Fire Dragon'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>