Reply to thread

Message: <blockquote data-quote="sharki333" data-source="post: 2790965" data-attributes="member: 78721">Hand drawn Designing <img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" /><img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" /><img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" />menna meka karana hati<img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" /><img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" /><img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" /> In case you haven’t noticed yet, the hand drawn style is one of the <a href="http://www.smashingmagazine.com/2008/06/18/hand-drawing-style-in-modern-web-design-volume-2/" target="_blank">hottest</a> <a href="http://www.webdesignerwall.com/trends/2008-design-trends/" target="_blank">design trends</a>. There are several ways to create hand drawn images — you can create it from scratch in Photoshop or you can scan an actual hand drawn sketch. Personally, I like to use a scanned drawing because you get a realistic drawing texture. Here is a quick tutorial to show you how to create a hand drawn design in Photoshop using the blending mode and alpha channel. 1 Create From Scratch in Photoshop If you have a tablet, you can simply draw the sketch by using the brush tool. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/tablet.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Don’t Have a Tablet? If you don’t have a tablet, you can create the artwork in Adobe Illustrator and then imitate a hand drawing effect in Photoshop. First draw a vector illustration. Then import it in Photoshop. Use a grungy brush and gently erase select parts of the image. Use the Blur tool to create the smug effect. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/digg-it-final.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 2 Scan It The easiest way — scan the drawing and set the layer blending mode to Multiply. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/scan-multiply.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Invert Color If you want to have a white color stroke instead of black — go to menu Image > Adjustments > Invert (or press shortcut Cmd+i) and then select Screen blending mode. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/invert-screen.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/white-screen.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step It Up: Create Color Gradients What if you want more than just a black or white stroke (ie. colors gradients)? Then you will have to extract the drawing from the white background. A simple way to do this is by using alpha channel. <ul style="text-align: center"> <li data-xf-list-type="ul">Copy (Cmd+C) the drawing.</li> <li data-xf-list-type="ul">In the Channels palette, create a new channel. Then paste the drawing in the new channel.</li> <li data-xf-list-type="ul">Invert (Cmd+i) the channel layer.</li> </ul> <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/alpha-channel.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Go back to the Layers palette, create a new layer. Go to menu Select > Load Selection. In the Load Selection prompt box, select Channel: "Alpha 1"  (which is the name of the alpha channel I created earlier). <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/alpha-1.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Shortcut Tip: the shortcut for loading a channel selection is Cmd + Opt + any number key (ie. 1, 2, 3). Learn more <a href="http://www.webdesignerwall.com/tutorials/photoshop-secret-shortcuts/" target="_blank">Photoshop shortcuts</a>. Fill Selection With the channel selection loaded, you can fill it with any color. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/drawing-color.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Using It In The Design For the purpose of this tutorial, I’m going to show you how to incorporate your hand drawing on a female model (the photo was purchased from <a href="http://www.istockphoto.com/index.php?refnum=ndesign-studio" target="_blank">iStock</a>). <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/drawing-on-model.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 1. First, cut out the model. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/model-cutout.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 2. Fill the background with some sort of light glowing gradients. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/glowing-bg.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 3. Paste the drawing on top of the model. Lock the layer transparency. Play around with the color gradients. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/color-gradient.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 4. Duplicate the drawing in the background to add more details to the image. <img src="http://www.webdesignerwall.com/wp-content/uploads/2008/06/final-model.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </blockquote>

Verification: Payakata winadi keeyak tibeda?

Top Bottom