Reply to thread

Message: <blockquote data-quote="foxuzlab" data-source="post: 6510691" data-attributes="member: 160630">In this tutorial, I will show you the steps I took to create this really great-looking, abstract style text effect by using custom brushset (which we will be making one of our own) with dynamics, plus adding artistic effect with Photoshop filters. Have a try! This is an intermediate level tutorial so some steps can be a bit tricky <img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /> Here is a preview of the final effect:  <a href="http://www.psdvault.com/wp-content/uploads/2009/12/custom-brush-cloud-text-effect-flatten-final.jpg" target="_blank"><img src="http://www.psdvault.com/wp-content/uploads/2009/12/custom-brush-cloud-text-effect-flatten-final-500x232.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>Ok let’s get started! Step 1 Create a new document sized  1400px * 650px, fill the background layer with the following gradients: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/1-grad-500x227.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 2 Create a new layer on top of the background called “light top”, grab a big soft round brush with a white color, do a single click on the top centre region of the canvas: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/2-top-500x230.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Create another create called “light bottom” and use a similar brush as mentioned above, do a single click on the centre of the canvas, resize and perspective it with free transform tool (Ctrl + T) to produce more depth for it: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/2-persp-500x241.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Here is the effect so far: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/2-effect1-500x229.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 3 Type some texts on top of all previous layers we created. You can use any font you like but I preferred a big, bold font (download it <a href="http://www.theleagueofmoveabletype.com/fonts/4-chunk" target="_blank">here</a>): <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-type-500x221.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> On the text layer, apply the following layer blending options: Drop Shadow <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-drop-sha-500x350.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Bevel and Emboss <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-bevel-500x350.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Gradient Overlay <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-grad-500x350.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Stroke <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-stroke-500x350.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Here is the effect so far: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-effect2-500x218.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Optional: to add a bit more depth to the text, make a duplicate this text layer, drop the opacity of the duplicated layer to around 20% and move it to the left of the original text layer a bit: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/3-effect-2-499x221.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 4 Now let’s start make a simple brushset. Create a new document with a size of 200px * 200px, leave the background layer as white, and grab the polygon tool and draw a shape as shown below (use the distort option from the free-transform tool to adjust the shape): The Polygon Tool: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/4-poly.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Polygon Tool Settings: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/4-poly-set-500x21.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Draw the shape: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/4-draw.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Tip: use the trim tool to get rid of the extra height and width of the canvas. Important: after drawing the shape, make sure you rastersize this shape layer. and make the background layer tranparent. <img src="http://www.psdvault.com/wp-content/uploads/2009/12/4-turn-off-500x436.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Once you finish the aboves, go to Edit > DefineBrush Preset: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/4-define-500x696.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> In the box popped up, type a name for this brushset and hit “OK”, you will see the newly created brush appearing in the brush list: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/4-brushset-500x350.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 5 Select this newly created brush, apply the following brush dynamics to it: Shape dynamics <img src="http://www.psdvault.com/wp-content/uploads/2009/12/5-shape-dyn.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Scattering <img src="http://www.psdvault.com/wp-content/uploads/2009/12/5-sca.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> And tick the “Airbrushing” and “Smoothing” options. Create a new layer underneath the orginal text layer, draw some random patterns as shown below with this dynamic brush, as shown below: (try adjusting the brush size) <img src="http://www.psdvault.com/wp-content/uploads/2009/12/5-paint-500x218.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 6 Now let’s spice up the effect a bit by adding some cloud over the text. So create a new layer called  “cloud”, render some cloud inside it with the cloud filter (set foreground color to a dark grey, and black background colour).Before you render the cloud, you have to make a selection with the Lasso Tool around the text (with around 20px feather settting), then render the cloud inside the seletion. You will have the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/6-cloud-500x205.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Change the blending mode of this cloud layer to “Screen”, you will have the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/6-screen-cloud-500x207.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> You can also duplicate, resize this cloud layer and move those duplicated layer around for more effects, as show below: Resize <img src="http://www.psdvault.com/wp-content/uploads/2009/12/6-resize-cloud-500x225.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Duplicate <img src="http://www.psdvault.com/wp-content/uploads/2009/12/6-duplicate-cloud-500x213.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 7 To produce even more depth for the text, here is a quick way to do it: create a new layer just above the original text layer, set the blending mode of this layer to “Vivid Light”, grab a soft brush to paint some color onto it: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/7-paint-500x223.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Add a black and white adjustment layer on top of all layers, adjust the settings accordingly, until you see there is a shadow appearing on the bottom of the text: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/7-bw.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Here is the effect you’re aiming to achieve: (you can see now because we have a shadow under the text, the overall effect looks deeper and more attractive) <img src="http://www.psdvault.com/wp-content/uploads/2009/12/7-effect1-500x170.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Add another color layer on top of the black and white adjustment layer, set the blending mode to “color” and paint some color on it, you will have the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/7-effect-21-500x226.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 8 Now we’re on the best part of this tut – apply the filter effects! Firstly we flatten the image, then duplicate the background layer once and apply the following Reduce Noise filter to the duplicated layer: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-reduce-noise.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> and you will see the text look much clearer and the overall image looks sharper: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-after-redu-500x231.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Duplicate this sharpened layer once, and apply the following motion blur settings to it: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-mo-blur-setting.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> You will have the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-mo-blur-500x225.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Change the blending mode of this motion blur layer to “Hard Light” and erase the portion shown blow with a big soft brush (we don’t want the whole text to be blurred) <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-erase-499x221.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 9 Go back to the sharpened text layer and make another duplication of it, drag it to the top and apply the reticulation filter to it (Filter > Sketch > Reticulation): <img src="http://www.psdvault.com/wp-content/uploads/2009/12/reticulation-500x403.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> You will see the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-ret-500x229.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Change the blending mode to “color dodge” and erase the edge of the layer off, you will have the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/8-ret-change-blending-mode-500x231.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Optional: go to site5 such as <a href="http://qbrushes.net/" target="_blank">qbrushes.net</a> and find some grungy brushsets, and create a new layer with the blending mode set to “overlay”, paint on it with your choice of grungy brush. Here is my effect so far: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/9-effect-500x223.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Step 10 We’re almost done! To add some final touches, we can create a new layer on top of all other layers, render some cloud inside it and set the blending mode to “soft light”, you will have the following effect: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/10-cloud-soft-light-500x224.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> I also added a colour balance adjustment layer on top of all layer to finish the effect off: <img src="http://www.psdvault.com/wp-content/uploads/2009/12/10-col-mid.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="http://www.psdvault.com/wp-content/uploads/2009/12/10-col-mid1.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="http://www.psdvault.com/wp-content/uploads/2009/12/10-col-high.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> and here is my final effect for this tutorial:  <a href="http://www.psdvault.com/wp-content/uploads/2009/12/custom-brush-cloud-text-effect-flatten-final.jpg" target="_blank"><img src="http://www.psdvault.com/wp-content/uploads/2009/12/custom-brush-cloud-text-effect-flatten-final-500x232.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> Ok that’s it for this tutorial! Just one last word: always try out different layer blending modes and see what effect that bring you! Sometimes you will be surprised to see some real cool effects <img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /> I hope you enjoy it and find it useful and inspirational! Until next time, have a nice day!</blockquote>

Verification: Dahaya deken beduwama keeyada?

Top Bottom