Exercise 7 [Modern Designed Text Effect in Adobe Photoshop] by Chorn Samol
I am going to share with you about how to make modern designed text effect by using some layer styles. Is it interesting for you? If yes, let's start to read and make!m
First of all, make a new document in Photoshop. I created a new document sized 1000×500 pixels with all the default settings, RGB, 72 dpi and fill it with gradient by using colors of #8f9290, #303231 and #8f9290.
![Modern Designed Text Effect 01 Modern Designed Text Effect 01](https://cdn.photoshopstar.com/media/2010/01/modern_designed_01.jpg)
Then press D to set up standard colors for foreground and background (as black and white). After that apply Filter > Sketch > Halftone > Pattern with similar settings to these:
![Modern Designed Text Effect 02 Modern Designed Text Effect 02](https://cdn.photoshopstar.com/media/2010/01/modern_designed_02.jpg)
Now you should have some pattern like this:
![Modern Designed Text Effect 03 Modern Designed Text Effect 03](https://cdn.photoshopstar.com/media/2010/01/modern_designed_03.jpg)
Create one more layer above and fill it with black color. Then change opacity to 85% for this layer.
![Modern Designed Text Effect 04 Modern Designed Text Effect 04](https://cdn.photoshopstar.com/media/2010/01/modern_designed_04.jpg)
Now, start with creating text effect directly. Get out the Horizontal Type Tool and write out your text, for example ‘DREAMD’ in whatever color you want.
![Modern Designed Text Effect 05 Modern Designed Text Effect 05](https://cdn.photoshopstar.com/media/2010/01/modern_designed_05.jpg)
In the above image I’ve used a font called Incised901, which is one of standard Windows fonts. After that you should find some appropriate picture whish u can add to the text. It would be better if this is a picture with small elements. You can use some pics on Google Images or also feel free to use mine picture. Open up the file and copy it to the main canvas above the text layer. Change opacity to 70% for current layer and apply Edit > Free Transform to reduce the picture a little bit. Hold Shift button to reduce it pro rata.
Go to the text layer and use Select > Load Selection to select text area. Remove this layer, we don't need it more.
![Modern Designed Text Effect 07 Modern Designed Text Effect 07](https://cdn.photoshopstar.com/media/2010/01/modern_designed_07.jpg)
Go to the layer with picture and press Ctrl+Shift+J to cut selected area to the new layer. Set up opacity to 100% for current layer again and remove the layer under also.
![Modern Designed Text Effect 08 Modern Designed Text Effect 08](https://cdn.photoshopstar.com/media/2010/01/modern_designed_08.jpg)
Use the Sharpen Tool to sharpen the text.
Duplicate current layer with Ctrl+J. Then go to previous layer and apply Filter > Blur > Motion Blur with similar settings to these:![Modern Designed Text Effect 09 Modern Designed Text Effect 09](https://cdn.photoshopstar.com/media/2010/01/modern_designed_09.jpg)
![Modern Designed Text Effect 09 Modern Designed Text Effect 09](https://cdn.photoshopstar.com/media/2010/01/modern_designed_09.jpg)
![Modern Designed Text Effect 10 Modern Designed Text Effect 10](https://cdn.photoshopstar.com/media/2010/01/modern_designed_10.jpg)
Now we have interesting effect.
Go to the upper layer again and apply the following layer styles to the text layer:
![Modern Designed Text Effect 12 Modern Designed Text Effect 12](https://cdn.photoshopstar.com/media/2010/01/modern_designed_12.jpg)
![Modern Designed Text Effect 13 Modern Designed Text Effect 13](https://cdn.photoshopstar.com/media/2010/01/modern_designed_13.jpg)
![Modern Designed Text Effect 14 Modern Designed Text Effect 14](https://cdn.photoshopstar.com/media/2010/01/modern_designed_14.jpg)
![Modern Designed Text Effect 15 Modern Designed Text Effect 15](https://cdn.photoshopstar.com/media/2010/01/modern_designed_15.jpg)
![Modern Designed Text Effect 16 Modern Designed Text Effect 16](https://cdn.photoshopstar.com/media/2010/01/modern_designed_16.jpg)
![Modern Designed Text Effect 17 Modern Designed Text Effect 17](https://cdn.photoshopstar.com/media/2010/01/modern_designed_17.jpg)
![Modern Designed Text Effect 18 Modern Designed Text Effect 18](https://cdn.photoshopstar.com/media/2010/01/modern_designed_18.jpg)
![Modern Designed Text Effect 19 Modern Designed Text Effect 19](https://cdn.photoshopstar.com/media/2010/01/modern_designed_19.jpg)
Now your image should look like the image shown below:
Well, thank you for reading this tutorial everyone! We got modern designed text effect.
Exercise 7 [Modern Designed Text Effect in Adobe Photoshop] by Chorn Samol
Reviewed by John
on
October 04, 2017
Rating:
No comments