Creating a Typographic Wallpaper
After writing my previous tutorial here about Creating a Zune in Photoshop, several viewers asked if I’d share how I created the wallpaper graphic. In this tutorial, you’ll learn how to make something similar, and it’s quite easy!
What is Typography?
In order to create a typographic wallpaper, it would make sense to know a bit about Typography in the first place. Typography is the art and technique of arranging movable type. What does this mean? It means that text itself portrays a message all of its own. Its location, font-family, font-style, color and size all determine the message it portrays. Using a really blocky font for a wedding image wouldn’t make sense, because blocky text isn’t elegant or extravagant, like cursive and curly fonts can be. While this tutorial won’t focus on the essence of typography, understanding what makes type look good will help to create a great design.
This is by no means an in depth look at typography. Typography is a subject folks have written many, many books on, and there is a lot to be learned about it. I’d definitely suggest picking up a book like "Thinking With Type" if it’s something you find interest in.
Step 1 – Creating the Background
The background of our wallpaper is going to help set the mood. Using a dark background will allow us to make the typography we use later really stand out of our image.
Create a new document with the dimensions you desire. My desktop is 1280x1024px, so that will be my document size. Set your foreground color to a dark gray (#111111) and your background color to black (#000000). Then grab the Radial Gradient Tool and create a light to dark gradient near the center of your document.
Step 2 – Setting Our Text Boundary
Since I want my text to be in the shape of a 9 (in relation to 2009 and Tutorial9), the easiest way to achieve the shape is going to be to create a large 9 and then use it to place our other text. To accomplish this, grab your Type Tool. Then place a 750px 9 using the font Century Gothic set to bold so that it is located in front of the center of your gradient. I also set my to the color #6dcff6 since my font will look blue later. Then lower the opacity of the layer to around 20%, since it is only being used as a guide.
Step 3 – Placing the Type
Now that we have our boundary area, we are ready to start adding our type. Before jumping into the vast pool of words to fill the 9, think about what you want ahead of time. Since my wallpaper is related to Tutorial9, I will fill mine with words that define the site, such as Photoshop, Design, and Tutorials.
We also need to think of how different we want the type to appear. Do we limit ourselves to one font? I’m going to only use the font Century Gothic, because it has a strong yet clean look, and will allow me to easily fit the font into the 9. Feel free to use multiple fonts in your own work. Since I’m only using one font, I’m limited to ways I can make each phrase stand out. For this, I can use different font sizes and styles. I can increase the size of a font and make it bold so that it stands out, or I can make it smaller and use a crisp or smooth style to make it more subtle.
Step 4 – Coloring the Text
Now that we have a vast stream of words filling our 9, we need to make this image look amazing! Lets start by lowering the opacity of our 9 to around 2%. This way it will help give some border around our text, but not too noticeable.
Then place all of your text layers (except the 9) into a Group (Layer > New > Group). Duplicate the group by right clicking it and selecting Duplicate Group. Click OK when the dialog box appears. The reason we duplicated the group is so that we can merge all of our text layers into one. With the new group selected, right click it and select Merge Group. This will take all of the layers in our group and place them onto a single layer. Now you can hide the group that still has all of the text layers in it since we have this single layer with all of our text.
Select your merged layer in your layers palette and add a Gradient Overlay (Layer > Layer Style > Gradient Overlay). I used a nice green (#48a248) for the bottom and a blue (#3bb2f7) for the top.
Step 5 – Adding a Title
Let’s add a nice title to our wallpaper. I’m going to add the text Happy New Year (Centruy Gothic / 36px / Italic) and use the same gradient overlay as before, except from left to right instead. Then I’m going to add the text Tutorial9 Staff (Century Gothic / 24px / Italic) with the color #736357.
Step 6 – Adding Texture
Now let’s add a texture over our image. I grabbed an image off of sxc.hu. Place the texture on a new layer on top of your document. De-saturate the image (Ctrl+Shift+U) and set the layer to Overlay.
Step 7 – Re-Colorization
In the next steps, we are going to add some more random and vibrant color to our image.
Create a new layer and set your foreground to #6dcff6 and background to #000000. Then go to Filter > Render > Clouds. After your layer is filled with a mixture of blue and black “clouds”, set the layer to Overlay and lower the Opacity to 25%.
Create another new layer and change your background color to white. Once again go to Filter > Render > Clouds to fill your layer with blue and white “clouds”. Then set your layer to Overlay and lower the Opacity to around 70%.
Simple enough?
As you can see, the hardest part of this tutorial was filling the document was text. Adding effects was actually quite simple. After learning all of the tools in Photoshop you will find yourself creating complex works with minimal effort! Feel free to experiment and create your own unique works.
To get the effect above, I created a new layer and went to Image > Apply Image. Then I used a Filter > Blur > Motion Blur and set the layer to Lighten with 35% Opacity. After that, I created a Gradient Map (Layer > New Adjust Layer > Gradient Map) that went from #ec008c to #e77418. Finally, I set the gradient map layer to Vivid Light.
332 Comments
hey, i couldnt get the gradient map to work. i am using elements 7
Flag as inappropriateNice tutorial. Here is my version.
Flag as inappropriatehttp://img850.imageshack.us/img850/2660/dgdwallpaperartofquotes.jpg
here is my crack at this. I don’t think its to bad
wonderful tutorial
http://dl.dropbox.com/u/9219686/Life%20By%20Travis.jpg
Flag as inappropriateThis tutorial was really helpful. I was in pinch because i had to an Art Scholarship competition and i had no ideas. I stumbled on this site this morning and the ideas came pouring to my head. I used this typhography tutorial on a silhouette. It was very very tedious but it was worth the effort and time! One question though – on the last effect with the red glow on the back ground im having problems with it. I created a new layer but i dont know what to apply to the image. I tried everything but when i try to apply motion blur its telling me that its empty. Thanks for the awesome tutorial.
Flag as inappropriateBy the way i had over 300 layers. But it was worth it! It looks great!
Flag as inappropriateNever mind. I figured it out. Words cant express how this tutorial has helped me. YOU ARE AWESOME!
Flag as inappropriateThanks Dwyane
Flag as inappropriateOK for anyone who is still having issues with getting the text into the 9 it is actually quite simple, just a little time consuming. There is no nice way to have it auto-fill into the 9.
You have to manually create new text layers, type your word or phrase, and then move it to the position you want it to be. I ended up having like 80 text layers. I know its daunting but in the end it is worth it since you have control over everything you are doing!
Flag as inappropriateThis is awesome, except I can’t figure out how to make the gradient for my text fade from maroon to gray, rather than just the standard black to white. Help?
Flag as inappropriateNever mind, I figured it out. :)
Flag as inappropriateThat looks cool. I’d love to be able to do it. Unfortunately, the tutorial does not demonstrate how to put the type into the number 9…
Flag as inappropriateAwesome tutorial, will help newbies, thanks for your article
Flag as inappropriatenice tutorial :)
but i have a question:
i am not able to do the last step, to make the 9 shiny!
does it also work with photoshop CS3?
and how? i only have the german version of CS3 so it is a bit difficult to translate every step of it in german.
would be nice if i get an answer soon ( i need the thing for university pretty soon..)
Flag as inappropriate:)
Hi there, is there a simply way of filling up the 9 with words. It seems to be a daunting task of type in all the words with different font size and style.
Flag as inappropriateGreat Work !
Flag as inappropriateThanks to your creative inspiration. :D
amazing, but yet so simple.
Although im way to lazy to fill the letter/number up with words.. :o
nice job
Flag as inappropriateCoolllll… really great i love this type…
Flag as inappropriateThank you for sharing…
Step 3 is very very simple
Flag as inappropriateAll u need to do is to place words with different fonts, sizes and styles (crisp, sharp, bold, regular etc)
i got it all.. i’d already finished mine..:DD
Flag as inappropriateSTEP 3 wasnt clear at all… please help. i have the 9 but i dont know how to get the text inside.
Flag as inappropriateYes, step 3 was the main part and it was not clear.
Flag as inappropriateok , so i have a problem .. from the first step , how do i put all that text into photoshop , i have to write it all ?
Flag as inappropriateNice tutorial! :-)
Flag as inappropriateUse tagxedo.com to make the type inside
Flag as inappropriateNice !! it really helped !!
Flag as inappropriateThanks :)
Hey, I’ve been wondering how you got that red haze around the 9. Is that just part of the texture, because I actually used a different texture that I liked with an Opacity of 50%.
Here’s the free texture I used: http://farm4.static.flickr.com/3285/2832585353_afec393ec2_o.jpg
Flag as inappropriateشكرآ جزيلا على الدرس الرائع والجميل جدآ
تحياتى / محمد
Flag as inappropriateWow! This tutorial worked like a miracle! Thanks Tyler!
P.S. I use Photoshop Elements 8 and it works!
Flag as inappropriatethank you for this tutorial, was a great help!
Flag as inappropriateI love how it never shows you how to type in your picture. Just another useless tutorial that leaves me stuck. I have my number 4 im doing, but no explanation of how to type inside the 4….
Flag as inappropriateI suggest you to Type it in Corel Draw. its far easier than typing and arranging text in Photoshop
Flag as inappropriatethanks, it really helps a lot though^______________^
Flag as inappropriateOne of my first times using photoshop and I was able to use and understand the tutorial perfectly! Thank you! :)
Flag as inappropriateLooks good. I like it.
Flag as inappropriateAwesome tutorial! Really!! Very well layed out and incredibly easy to follow.
Flag as inappropriateThis is pretty awesome, cheers for posting and sharing this :)
@mgpwr
Flag as inappropriateAwesome work, Tyler. Thanks a bunch :)
Flag as inappropriateI am currently studying typography and this will make an excellent background for my final project which is a magazine layout. Thank you so much for the tutorial and fantastic work!
Flag as inappropriateGlad to see that people are still finding this useful!
Flag as inappropriateThanks for the tut, it’s really amazing!
Flag as inappropriatetnks for this tutorial
it’s so great!!!!!!!!!!!!!!!
Flag as inappropriateWow !!!!
Flag as inappropriatehaha
Flag as inappropriateMy english is poor –!Why don’t you write this in chinese?
Flag as inappropriateyour very good article
Many thanks.
Flag as inappropriateThis is great. I have just completed your tutorial and I am going to use it as a background for my mock Website!! (for university).
Many thanks.
Daz.
Flag as inappropriateHey, excellent tut! ..
thx for all.
here the result ;
http://img63.imageshack.us/img63/7639/armywallpaper.jpg
Flag as inappropriatetengo un problema y es que no puedo rellenar el gran numero debido a que hago click para escribir pero me aparece para modificar el numero
I have a problem and I can not fill the large number because I click to write but I get to change the number
Flag as inappropriateI am confused.. how do you the words into the big 9? Can someone email and tell me please! Thanks!!
Flag as inappropriatewhere’s the step 3? you don’t explain how to fill the number!
Flag as inappropriatewaw I love It :) thank you so much!
Flag as inappropriateits tooo funny gradient,………
Flag as inappropriatethanks! i did it!! i really really love this webpage and i’ll always refer here!!bravo! tutorial9.net rawk!!
Flag as inappropriateGreetings I from Russia very much were pleasant to me a lesson
Flag as inappropriatenice tut, will try one of my own
Flag as inappropriatelooks like fun. I’ma do this when I have teh time. :D
Flag as inappropriatecool tuts, thank you so much! :)
Flag as inappropriateso…. what site is it to do this?
Flag as inappropriatethanks for the tutorial. I’ll now try
Flag as inappropriateHahaha sorry…i do the part of the clouds and texture fine ^^, i was wrong because i didnt use the radial gradient tool…
^^
Flag as inappropriateWell…the part of the clouds and texture its hard for me…somebody speak spanish here? i want to do this tutorial at 100%, but, that part dont works for me ^^
Help^^
Flag as inappropriatethnks for the tutorial. I’ll now try
Flag as inappropriatei will try it’s….
Flag as inappropriatethank’s for the tutorl’s…
Just awesome tutorial so simple yet so ‘yummy’. Love the colors! Got many ideas after looking through it. Thanks so much :D
Flag as inappropriatesend
Flag as inappropriateThanks for this Tutorial! It’s great.
To everyone looking for shortcuts, don’t. You will only get the best results by manually moving the text. It took me three sittings but I did it! Start with the big words or words you want in a big font and fill in spaces with small words. I started at the top and worked my way to the bottom.
Heres what I did:
http://i1029.photobucket.com/albums/y351/Jinxtastic/JXWall2.png
Thanks again!
Flag as inappropriatehi
Flag as inappropriatei am murugan as graphic designer
i like different design
plz you sent me cloud design
murugansk777@gamil.com
I completely agree with you.
Flag as inappropriateIt took me the whole day to complete this but in the end it was worth all the hardwrk :)
I am 18 so I dedicated my work to the spirit of turning 18.
An age when we turn into an adult (atleast as per the Indian Constitution).
Here is my work
http://dhruvs.deviantart.com/gallery/#/d2ql231
N Thankq Tyler for such a wonderful tut
thank you so much men nice desing
Phone 2010
Flag as inappropriatePhone2010
There was a easy and alternative method to create typographic wall paper http://goo.gl/3cLF you can create typography arts with this web app in a easy way
Flag as inappropriatenice tutorial…thnkz for sharing ;)
Flag as inappropriatei tried but it took long time and i did not have the exact result as it in this tutorial can you deal with it in video to explan it clearly?
Flag as inappropriateThis is really good & useful Collection for all developers thanks !! post to webmaster “legitimate work at home jobs”
Flag as inappropriate@banota
you can write outside number 9, so when you’re over, you just fit them in :D that’s how i did it and it isn’t THAT difficult
Flag as inappropriatesorry i wanna ask about simple way to write over number 9 easly can you tell me how please
Flag as inappropriatei love this tut but i wanna ask if there is a siple way to right over number 9 i can not deal with it
Flag as inappropriateGreat for your share!
Flag as inappropriatethanks.. great tutorial
heres my link
http://img706.imageshack.us/img706/8291/typos.jpg
Flag as inappropriatewhat editor did they use here?? adobe photoshop? what kind?
Flag as inappropriatecan u give me ? and im goin to download it :) please
what editor did they use here?? adobe photoshop? what kind?
Flag as inappropriatecan u give me ? and im goin to download it :) pkease
its simple and very good effects thanks
Flag as inappropriatethanks cool and fine effect
Flag as inappropriatenice one . . .
Flag as inappropriatecool tutorial with some great tips for create typography design.
Flag as inappropriatenice tutorial.. thanks for sharing..
Flag as inappropriatethanks for sharing. So mush125
Flag as inappropriateYeah, in order for this to be original and outstanding, is if you take the time and manually position the text. Takes a while, but hey, YOU CAN’T RUSH ART!
Flag as inappropriatethanks for sharing. So mush118
Flag as inappropriatethanks for sharing. So mush113
Flag as inappropriatewow Cool tip thank for sharing.
Flag as inappropriateThank for share.
Flag as inappropriateDesign is really awesome, but I had a issue how to fulfill the shape with letters and I found another tutorial which explains that process: http://www.tutorialsroom.com/tutorials/graphics/text_in_shape.html
Flag as inappropriatebut after this tutorial I still have a question for you, how to fulfill the shape on the way you did in this tutorial, to have different sizes letters and to fulfill all empty space all around?
Thanks!
There is no special way to place the text. You have to manually create text using the text tool and use the move tool to put it where you want. It takes a longer time doing it this way but the end result is worth it.
Flag as inappropriateLovely.. :)
Flag as inappropriateBrilliant. Looks awesome. Nice work!
Flag as inappropriatelove this tutorial. the pic looks so cool if you take your time untill the end!
Flag as inappropriateheya how can i add text into my 9 you didn’t tell that in your tut :( i’m stuck can you please help me? :)
Flag as inappropriatethere is no hope just give up!
Flag as inappropriatesorry but the text you have to just sit and use the text tool :/…painstaking, but look how awesome it looks lol!
Flag as inappropriateas everybody is saying using the text tool but we have a simpler way of doing that..
create a new file of a any size(example 800px-600px
using the text tool write any word that you want to incorporate into your final project..
lets say you type the word “xyz” give it a style(arial black bold) when you finish right click on the layer and rasterize type. now using the marquee tool select the word “xyz” the go to edit and then define brush preset and give your brush a name. repeat with different word that you want to use…
get back to your project and use the brush and enjoy…simpler that using the text tool everytime and it reduce the file size as you got less layer.
Flag as inappropriatewelcom
Flag as inappropriatedesigner nice
thank you
Nice tutorial.
Flag as inappropriatenice. easy. thanks.
Flag as inappropriateIf you are looking for free fonts, check http://www.fonts2u.com. Discovered it just few days ago. Their
Flag as inappropriatecharacter map search is awesome! Saved some time when looking for specific character maps supported.
Not to be too harsh – but this was a pretty useless tutorial… I think everyone could work out how to create this manually and spending hours of your time; I imagine most came to this site (including me) to discover a clever time-saving approach!!
How about suggesting shortcuts for duplicating layers and modifying text?
Or at least explaining that there is no quick way to do this…
Flag as inappropriateI had about 80 text layers while I made this. They were all kept inside a group so that I could duplicate and then merge them. I manually went and typed each word/phrase inside the 9. This is the only way to ensure that they don’t get cut off.
Flag as inappropriateYou mean you typed above the 9 (on top of the 9 layer) and not “into the nine”? This is the confusing part. The beauty of this tutorial isn’t the effects, but the designer’s choice of type, typestyle, and placement.
Flag as inappropriateThanks for taking the time to write and share this tutorial. I wish you had told how you got the text into the number. That is why I clicked on this vid. To learn how to do that.
Flag as inappropriateThanks for the lesson, but I test around by my self. having hard time to put the text into the 9, and it always jump into a new layer. Would you mind show us how your layer looks like while u made this?
Flag as inappropriateI’ve seen this before. Wasn’t that PEACE tutorial? With the same effects
Flag as inappropriateAwesome tutorial! Pretty self explanatory My work turned out great!
Flag as inappropriateI can not figure out how to get the text inside the number either. Can someone please explain it? Thanks
Flag as inappropriateSeriously, how do you get the text to type within the “boundary” of the text? Just typing as suggested does not work.
Flag as inappropriateGreat! i love the result, thank you
Flag as inappropriateI too had a lot of frustration adding the text into the number….so I did’nt. The short cut I took was…
1) Writng the text in Word and then copying it into a text box (in Photoshop) that surrounded the image.
2) I rasterized the number and the text.
3) I used the Magic wand to select the shape of the number.
4) I used that selection to cut out the words in the shape of the number.
Your words will be cut off around the shape of the number but, if you can accept that. It can save you hours of time.
- Chris
Flag as inappropriateDude.. you are amazing! Spend a lot of hours to it but these are my results, hope you guys like it :D
http://i35.tinypic.com/2qdmt6g.jpg and
http://i33.tinypic.com/jqkjgn.jpg
The text is all based on me, so you get to know me a little bye watching a typographic design, how cool is that ;)
Flag as inappropriateGreat! this is really a creative collection from photoshop tips
Flag as inappropriate..weird that you have to put in the text by yourself…i mean…you only need the “9″ as a guidline ? weird.
Flag as inappropriatehey guys
i was a great job
but i cant understand how to type these words inside the number :)
thanks
Flag as inappropriateI’d just like to say that this tutorial has just created my new wallpaper :) I’ve also looked through the site’s other tutorials and this has to be one of the best sites ever. Thank you again!
Flag as inappropriateTHX for great tutorial ! :D
I’ve done this : http://xs743.xs.to/xs743/09384/typexstyle1212.jpg
and http://xs743.xs.to/xs743/09384/typexstyle2699.jpg !
And thank you one more time for sharing with us !
Flag as inappropriateanother truly inspiring tutorial!
Flag as inappropriatethank you for making life that much easier…
this is a great tutorial thanks :)
Flag as inappropriategreetings, that is creative work:)
Flag as inappropriatePretty awesome!
Flag as inappropriatewow – this really works and looks amazing. 10/10
Flag as inappropriatethank you
muy bueno
Flag as inappropriatefantastico sei un grande!! nice! very nice!!
Flag as inappropriateAmazing job, my friend. I too look for way to better myself with designing and ive got to say, this was an incredible job. Kudos man.
Flag as inappropriateMuy interesate el efecto de photoshop sobre numeros.
Flag as inappropriateI just created a folder then manually added the words in and position them to where I wanted. Didn’t take that long really.
Flag as inappropriateDo it manually.. i dont think you can automate this in PS
Flag as inappropriatethat’s such a great Tut but i wanna know how to put these text in no 9
Flag as inappropriateyeah thats what I need to know…the most important part has been left out which is how to get the writing in the 9…I dont understand how to do that.
Flag as inappropriateall you have to do is keep on adding text using the text tool, until the whole “9″ is filled.
Flag as inappropriateThat’s as simple as you may think it is…you just type in there different sizes and words.
Flag as inappropriatehow do you fill the number 9 with the lettering?
Flag as inappropriateJust trying to get my head around the basics, got as far as the 9 but you didn’t say how you got the text to fit!!!!!! I’ve tripped up mid way through a few times on different tutorials because stages have been left out. I know it must be annoying but could you please give as much info as possible. Thanks for all the help!!!!!
Flag as inappropriateHow do u write text inside 9???!!!!!
Flag as inappropriateOr we have to write before in different layers the text and after
erase them one by one???!!
when i go to layer-> new , i cant find group…
Flag as inappropriatenow i cant gradient my text..
how do i put al the layers(of words) in one group??
to set your (text)layers in a ground, just press at the “group” icon left from the “new layer” icon on the layerpad. The icon is a little folder. Give your group a name and drag all the layers into the folder :D
Flag as inappropriateLove your site! Thanks for a great tutorial. I’ve used it on the logo for my site. There’s no link on the site to tutorial nine but I’ll be sure to link to you when I’ve finished setting up my blog site. If you ever need any translation to or from Japanese give me a shout. Thanks for sharing!
Flag as inappropriateReally fantastic! :)
Flag as inappropriatenice work …
Flag as inappropriatei’ll do this later
how to make type tool to 750px ? mine only maximum 96px
Flag as inappropriateYeah, I want to know too…mine only goes up 72.
Flag as inappropriatejust type on the 72, you can type whatever number you like
Flag as inappropriatewonderful.. congratulations
Flag as inappropriateGreat stuff, will use that I’m sure.
Flag as inappropriatetutorial9 is best photoshop tutorials site ever :D
Flag as inappropriateI made this:
Flag as inappropriatehttp://img35.imageshack.us/img35/7506/85copyd.jpg
:D
Rly nice tutorial here is my out come,
http://inguan.deviantart.com/art/Typographic-Wallpaper-I-123830623
THx for shere :)
Flag as inappropriateThank you for this!
I followed your tutorial to the letter (no pun intended :P) and this is what I came up with.
I owe this to you! :P
http://www.facebook.com/photo.php?pid=1844612&l=f513f0f28b&id=534738126
Flag as inappropriatehttp://i44.tinypic.com/rrjjfc.png
:)?
Flag as inappropriateIncredible! I’ve been studying programming so I haven’t looked into web design as much, but I’ve just started and I found this tutorial to be very useful.
Thank you for the work.
Flag as inappropriateSnap! This is a really cool effect. Simple but elegant!
Flag as inappropriatewow this is just a great collection. thanks
Flag as inappropriateSo nice….It’s clearly, useful and trendy…
Flag as inappropriateoh , it’s so cute
i like typographic
thank you : )
Flag as inappropriateNice tut! Congratz!
Flag as inappropriatethis was very helpful, just what the client wanted.
Flag as inappropriatethis is awesome you rock dear !
Flag as inappropriateHi!Nice tutorial and nice result ;) I want to now if you can let me to post this tutorial on a website ( http://rophotoshop.com) and i will translate it ;) I will use your pictures with the copyright.Please answer ;) Thx
Flag as inappropriateyou can`t add a full psd?
Flag as inappropriateplsssss help me with a video tutorial for this tutorial.THX
Flag as inappropriateI still really like this kind of effect. Nice one
Flag as inappropriateGood, simple, clen, crisp, NUMBER 9. Hey. It works.
Flag as inappropriateThis is such a great tutorial. I used it to make my friends logo more interesting
Flag as inappropriatehttp://www.facebook.com/photo.php?pid=1819341&l=826ed8617b&id=506643696
great effect and design man! awesome! this really attracts something!
Flag as inappropriateNice and to creativity ….
Flag as inappropriatelooking gud
awesome tutorial! :D
Flag as inappropriateI just made one for myself :]
It is very amazing
Flag as inappropriateVery good!! Oww…this is a very nice wallpaper..
Flag as inappropriatethank’s for the tutorial…
Flag as inappropriatewhat a great design!
cool tutorial man..
Flag as inappropriatethank you!!!
Honestly guys I really do appreciate the effort to put tutorials out here to help out but it’s no use if the steps are not clearly explained. I’m very new to photoshop and has never used it before and find it difficult to complete any of your tutorials simply because you say to do something and don’t say or show how to get that done. For example how do you set Foreground and Background color????? How do you set the parameters for the gradient?????
Please be more detailed in the future. Thank you
Flag as inappropriateWow! Very good Design! :D
Thank you ~
Flag as inappropriatei am just learning to use adobe photoshop and you see i have a photoshop 7.0 edition and i don’t know if these tutorials are also applicable to my suite. i hear of CS, CS 2 and CS3, what is the major difference between these editions. please contact me on my mail ad and if possilbe some of the tutorials for Adobe photoshop 7.0. thank you and great site.
Flag as inappropriateWow!.Thanks so much for this tutorial.
Flag as inappropriateIts really amazing
Very Nice
Flag as inappropriateIn my opinion building “images” with type has nothing to do with typography, but nevertheless nice written and described tutorial.
Thanks!
Flag as inappropriatei jst dnt understand how to place the text in the number !?!
Flag as inappropriateI’m not sure what you are using as far as your version of photoshop but I have cs3 and in order to type within the boundaries of the shape here are some steps that you can try. First of all make sure your paths window is turned on by going to window->paths. Secondly create a Text number 9 on the canvas. Once that is done hover over the thumbnail of the number in your layers window and while holding command click it, it should outline the number. Create a new layer then go to the Paths window we opened earlier. at the bottom of the window there should be an icon that is titled “Make work path from selection” once you select it you can then choose your text tool with a smaller font-size than the original number and type inside the object on the canvas. Notice when you hover over the selection area the cursor will change. If you are in the center of the object it will have a cursor with a circle that means the text will fill the inside of the object. If you are on the edge it will have a slanted line through it that means it will type along the edge of the object.
Flag as inappropriateone word “terrific”.
Flag as inappropriateLooks good! I’ll see if I can transfer these techniques over to Gimp. I think it should work without many changes. Thank you so far!
Flag as inappropriateSweet as shit. Sweet as shit. Sweet as shit. Shit. Sweet.
Flag as inappropriateTo get all the leters in the shape of the number i just made a text layer and filled it with random things from some website,
Flag as inappropriatethen i changed the leading form out to 60 so the leters would stay toghetr regardless of the size. lastly i highlited the number nine and just copyd and pasted the text layer voila perfectly ing the number 9
Awesome Tutorial !
Keep Going .
Flag as inappropriateThanks u for sharing :)
Flag as inappropriatevery good.
Flag as inappropriateI WANT YOU SEND THIS TUTORIAL TO MY EMAIL.
THANKS
Flag as inappropriateYour post has been featured on March’s “Nerdiest of the Net!”
http://www.blog.designnerd.net/nerdiest-of-the-net-march-09
Flag as inappropriatec’est du très bon travail ! fantastique ! vu du Congo brazzaville ze good of ze very good !
Flag as inappropriateWonderful tutorial! Very well layed out and incredibly easy to follow.
Flag as inappropriateThe hardist thing is to think of what words to write!
Flag as inappropriateNice work! how do i place the texts at the number? thanks
Flag as inappropriateVery Nice & Simple, good Job!!
Flag as inappropriateFabuloso, great job bob!
Flag as inappropriateSo simple, yet so beautiful.
Flag as inappropriateawesome, simply awesome.
Flag as inappropriatei got a great result, thanks to you!
i really love this tutorial very much. thanks for sharing!
Flag as inappropriatethanks for the tutorial! i like it…
Flag as inappropriateNice and easy.Thanks!
Flag as inappropriateReally nice, thanks! :)
Flag as inappropriateHi.
Saw this flash up on Twitter and just had to leave a comment – what a cool graphic and quite simple but really effective.
When i get a mo between photo gift orders, I’ll be popping back to look at some of your other tips.
Thanks for a great read.
Jonathan – Fabulous Photo Gifts.co.uk
Flag as inappropriateI like the effect, simple and nice! But from step 6, I do not understand Overlay, how to?
Flag as inappropriateVery clear and nice tutorial!
I made my own design with the 7 and put my favorite artists inside:
http://fransruiter.nl/seven_music.jpg
http://fransruiter.nl/seven_music_2.jpg
Again, many thanks for the tutorial and inspiration! :)
Flag as inappropriateI really like the first one. Very nice use of colors!
Flag as inappropriateThis is a great tutorial. Very creative!
Flag as inappropriatenice effect!great job man!
Flag as inappropriateAmazing tutorial and awsome site!..Thanks man.
Flag as inappropriateAwesome stuff! :)
Flag as inappropriateHow it sposible to pu ina a 1280×1024 resolution a text with 750px?
Flag as inappropriategreat detail – simple and good looking wallpaper! :) Love typo;)
Flag as inappropriategood post
Flag as inappropriateThis is a great tutorial. All the hard work happens in step 3 :)
Flag as inappropriateperhaps i’m wrong but it seems that you got ripped…http://www.rss-ems.com/blog/
Flag as inappropriateThis is fantastic Tyler, great work!
Flag as inappropriateI didn’t do anything special to align the text with the 9. I simply created new text layers that I moved around and placed in areas I liked, making sure they stayed inside the outline.
Flag as inappropriateSuddenly after reading this, your tutorial is not as good as it reads on the title… It’s just an idea of how to do a poster, not on how to effectively use the tools to do what exactly is it that you’re trying to teach here…
Flag as inappropriatePerfect tutorial Tyler, love it. Especially the great use of the texture overlay, really adds a great deal of quality to the whole thing!
Flag as inappropriateHEY MAN, I LOVE THIS EFFECT. IM HAVING TROUBLE FILLING IN THE “9″ DID YOU DO ANYTHING SPEACIAL TO DO THAT? WAS IT ALL ONE TXT LAYER? OR MULTIPLE LAYERS? I NEED SOME HELP.
Flag as inappropriateShort and simple with big effect me likey! :P
Flag as inappropriateVery interesting tutorial. I like the final result!
Flag as inappropriateThank you! i asked about this one :DDD
Flag as inappropriateHey, I have the same question as loswl. How did you manage to align the text with the “9″? Please make it clear. Thank you!
Flag as inappropriateThis is sharp, Tyler! I will have to do this for a few of my websites. :)
Flag as inappropriateA very nice effect with a few simple steps, that’s the way I like it :p
Flag as inappropriateGreat tut, gonna try this soon. Thx!
Flag as inappropriateHey, how did u align the text in the shape of the ’9′.
Flag as inappropriateNice tutorial, love how you used Type, gotta try this out :o)
Flag as inappropriateAwesome outcome! It takes a really long time to put all the text in the 9 shape, but it is still worth it.
I especially like that last image – the red one. It has a nice glowing effect.
Flag as inappropriatei like this!
Flag as inappropriate