Advertisment
This tutorial will lead teach you how to create really interesting and unique typographic wallpaper in few easy steps. Really even beginner will be able to recreate this effect, add their own style and thought in it, I am sure you will enjoy and learn a lot from this tutorial! You will learn how to create good looking background, add lightning effects and work with fonts, sizes, colors to make just necessary places stand out! Let’s get started!
Step 1 – Creating background
First open blank document with size 1920×1200 pixels. Fill the background with color #242424. Duplicate the background layer and name it Film grain. Then go to Filter – Artistic – Film Grain. Apply settings shown below.
Set layers opacity to 50%. So far your wallpaper should look like this.
Step 2 – Lightning
Create a new layer and name it Lightning. Then select Radial Gradient Tool with black and white color.
Draw the gradient as shown below.
Set layer to Overlay and opacity to 55%. You should have something like this.
Step 3 – Adding Brushes
Download Adys grunge brushes, create new layer and brush around little bit. Set layers opacity to 15%. Download Concrete texture, place it in your document and set it to Overlay and opacity to 10%.
Step 4 – Creating Main Text
Download BEBAS font, create a new layer and type your text. I chose 350 pt size with smooth mode. Color really doesn’t matter. Name layer PEACE.
Step 5 – Add Background Text – Important Step
Lower your text opacity to around 15%. Create a new group (Layer – New – Group) and name it Words. Create new type layers in this group and start typing. Try to use different fonts and sizes. Try to avoid large spaces between words. Fonts I used:
- Arial
- Cambria
- Candara
- Impact
- Tahoma
- Times New Roman
- Verdana
- And little bit more default fonts
- Some free fonts from dafont, Colaborate, Extravaganzza
Step 6 – Creating effect
When you’re done duplicate your words group (Layer – Duplicate Group) and merge it (Ctrl+E). Make invisible your unmerged words group. Find your large text layer (in my case it’s PEACE), hold CTRL (Command on mac) and click on layers thumbnail. That should load it’s selection.
Then click on your merged words layer and press Ctrl+J. If you make invisible your merged words layer (and unmerged words group is still invisible) you should get something like this.
Step 7 – Create Background Text Effect
Make merged words layer visible again and apply following layer style.
Set layers opacity to 30%.
Then duplicate merged words layer and place it under merged words layer. Then go to Filter – Blur – Motion Blur and apply following settings.
Set layers opacity to 15%.
Add text under your title if you want.
Step 8 – Final touches
Locate your PEACE text layer and lower its opacity to 4%.
Create new layer, go to Image – Apply Image, then go to Filter – Render – Lightning Effects and apply following settings.
Set layers opacity to 30% and we’re done. I also added gradient map to one of the letter layers. Here’s final result. Click to enlarge.
Download wallpaper (various sizes):
Check out my try-out with this tutorial! http://angelitonegro.deviantart.com/art/TODAY-173603323
[...] Peace [...]
[...] Peace [...]
[...] How To Create Great Typographic Wallpaper In Photoshop [...]
Like Tea, I’m stuck at the step: Then click on your merged words layer and press Ctrl+J. If you make invisible your merged words layer (and unmerged words group is still invisible) you should get something like this.
If I click Ctrl+J I get a new layer… but the next step doesn’t look like the picture.
PS: I have a MAc so instead of Ctrl I use CMD.
So you have your big text layer -A
You have group with all small text layers in it – B
You have merged duplicate of this group – C
CMD+ Click on A
Click on C
Press CTRL+J
Make invisible B and C
You should have something like in picture.
Very modern and futuristic! The overlapping of the miniature texts is done perfectly. I’ve been trying to design a textual logo somewhat like this for myself for a project I’m working on and it did not come out as what I hope it would! I didn’t manage to get it looking right like yours did. In the end, I decided to use the professional services of an online logo design site instead (http://www.logodesignstation.com) and got the logo I wanted at an affordable price and fast too, within 24 hours. I did provide this link for reference and inspiration to my designer as I liked how yours look. I’m not going to design a logo without any professional help anytime soon although it’s fun and stress-relieving. Haha. Thanks for posting this, by the way.
[...] Peace [...]
[...] Peace [...]
amazing! thanks for sharing :D
[...] Peace [...]
I want to write thank you in Russian :
SPASIBO
[...] Peace [...]
[...] Peace [...]
[...] Peace [...]
This is just great! I love the effects applied on the text. I want it for my logo. Wow!
.-= Felix´s last blog ..Newest “A Nightmare on Elm Street” TV Spot Released (Video) =-.
[...] Peace [...]
[...] Peace [...]
Well done, Love the tutorial and the wallpaper. One of the Best!!!!
I tried it, worked just fine. But I tried to change font-size to 300 and use more letters, that didn’t work well, as the letters are too small to be really filled be small words, only bits and pieces flying around. Font-sizes are key to the design of this background concept.
Very nice tutorial! Easy&Cool
.-= Ernest´s last blog ..Что Белорусы делают в интернете? =-.
wicked!
awesome
I simply love this design. Awesomeness! I will make more patterns like this and share it with my friends.
.-= Webthesurfi´s last blog ..Webthesurfi Rugs Webdesign =-.
I always wondered how those beautiful new year tect wallpapers are made.
.-= Technology Design´s last blog ..Creative Home Office, A Reason to Work More =-.
this is awesome! <3
changing only one or two things, i made:
http://fc06.deviantart.net/fs71/f/2010/056/0/0/Heechul_wall_7_by_xchangminniex.jpg
amazing techniques you sharing for create an amazing typography effect using Photoshop.
.-= Tutorial Lounge´s last blog ..Valentine’s Day Themed Pattern Tutorial Using Adobe Illustrator =-.
matur suwun,apik tenan kie..,kereeen bro..
Amazing result! The tutorial was written very well and also very helpful ! thanks
.-= PsdDude´s last blog ..A Beautiful Way to Set Your Text on Fire =-.
Great tutorial . Thanks
[...] is my most recent work in PS, this took about 2 and a half hours following this tutorial. Which by the way if you are like me and are teaching yourself these programs then I have a great [...]
You cunt
[...] How To Create Great Typographic Wallpaper In Photoshop This tutorial will lead teach you how to create really interesting and unique typographic wallpaper in few easy steps. Really even beginner will be able to recreate this effect, add their own style and thought in it. [...]
Niiiice.. =)
Great help. Have to try this today!!
i just did this tutorial on Friday and i LOVED it! i changed it up a bit and did the word LOVE… you can see the final product on my Flickr page. http://www.flickr.com/photos/lauradoglesby
[...] How To Create Great Typographic Wallpaper In Photoshop This tutorial will lead teach you how to create really interesting and unique typographic wallpaper in few easy steps. Really even beginner will be able to recreate this effect, add their own style and thought in it. [...]
Awesome guide for the wallpaper creation Daniels..Looking forward for more such tips from you!
Thanks
cool..this is really awesome..
Amazing tutorial! I love it, probably the best I have ever done! and the first point, I have already posted a tutorial! So I feel pretty special if I was you
great idea!!
[...] Как создать типографические обои в Фотошопе [...]
Then click on your merged words layer and press Ctrl+J. If you make invisible your merged words layer (and unmerged words group is still invisible) you should get something like this.
i don’t know how to do this step . can somebody help me please ?
Then click on your merged words layer and press Ctrl+J. If you make invisible your merged words layer (and unmerged words group is still invisible) you should get something like this.
i don’t know how to to this step :(
Amazing Tutorial! I bookmarked this site after about a second of seeing it. Bloody brilliant!
You, mate, are awesome! Thankyou!
Oh, this looks so great!
I like such great Typography-Tutorials!
thanks
.-= Sergej´s last blog ..Pünktlich zu Weihnachten: Geschenkideen für Kampfsportler =-.
Great! I like tutorial like this.
Thanks!
.-= Ostapdesign´s last blog ..Jesh de Rox =-.
DUDE. Amazing tutorial!!! i love it, probably the best one i have EVER done! and this is the first comment i have ever posted on a tutorial! so i’d feel pretty special if i were you haha! TY
[...] How To Create Great Typographic Wallpaper In Photoshop [...]
Wow! I love that. This is a very cool effect. Thank you very much for sharing.
[...] How to a Create Great Typographic Wallpaper in Photoshop [...]
[...] How To Create Great Typographic Wallpaper In Photoshop [...]