I have recently scattered through the portfolio of a designer named Nicolas Girard, and noticed this fascinating typography art:
I looked through the entire web and in every Photoshop and Illustrator tutorials site I know and tried to find an explanation to something somewhat similar to this text effect but I could not find anything…
Does anyone have any idea how I can achieve this Diagonal-Lines-Gradient-Effect on my text?
I am using Adobe Photoshop & Illustrator, both CS5, and I have a bit more than basic knowledge. Thanks.
Answer
I did a little extra, so as far as creating those gradient lines go.. this is a little over the top and under the bridge and beside the waterfall…
Link to img
Lol, noticed I made a typo in my name… Wweeell.. it’s still a morning and whatevs..
Link to .Psd file. ( By the way.. apparently chrome doesn’t allow downloading of psd files.. or something.. use FireFox.. )
In Photoshop
- Make the text
- Apply the proper
Layer styles
fromBlending options
( You can get there by right clicking the text layer and selecting it from the list. ) - Make a group ( Above text layer ) Then make a selection from the text by clicking text layer thumbnail while pressing (
Ctrl
). Once selected click Layer mask icon at the bottom of theLayers
panel. - The Diagonal lines – Inside the group make a new layer (
Ctrl+Shift+Alt+N
). WithPolygonal Lasso Tool
(L
) while holding (Shift
) button make a selection where the left side is at 45 degree angle, rest of the selection doesn’t matter.. just make it big enough so that you have something to era.. Try to make a selection that is about 45 degrees and because you are holding shift, the selection will be exactly 45 degrees. - Fill that with white color and
Deselect
(Ctrl+D
) - Use
Eraser Tool
(E
) With Soft round brush of different sizes to soften out the right side of that white area ( watch out for the left side.. but in some cases you might want to go over it a little bit to make the edge tad uneven.. ) - Apply
Blend mode: Overlay
to the layer and replicate everything starting from 4. a few times. - After you have done a few more that are slightly different
Duplicate
these layers one by one (Ctrl+J
) and move withMove Tool
(V
) while holding (Shift
) if necessary.. - After that I basically just copied the whole Group ( right click and Duplicate ) and moved the position of those white highlights and gave the group below a lower
opacity
- Some extra stuff I selected every layer minus background with (
Ctrl
orShift
) and merged them into a new layer (Ctrl+Alt+E
). Then gave itFilter > Sketch > Chrome
and after that gave itBlend mode: Screen
and lowered the opacity just a little. - Then I selected everything once again.. ( minus the same things ) and merged them into a new layer just like before. Then
Edit > Transform > Flip Vertical
and moved it below my original text in the document and usedEraser Tool
with soft round brush again to erase the bottom part of the text. - Theen I made a new layer and in it a white rectangle and used
Filter > Blur > Gaussian Blur..
in it and gave it theBlend mode: Overlay
and copied it once (Ctrl+J
) - Theeen I made the sparkles and swoosh swoosh…
Attribution
Source : Link , Question Author : Itamar , Answer Author : Joonas