?

Log in

Welcome to my crash course on text in photoshop. This is a rather… - Photoshop 7 Tutorials [entries|archive|friends|userinfo]
Tutorials for Photo Shop 7

[ website | Adobe Photoshop ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

[Nov. 4th, 2004|04:39 pm]
Tutorials for Photo Shop 7

ps7_tutorials

[blumchen]
[Tags|, , ]



Welcome to my crash course on text in photoshop. This is a rather wide catagory, so I can't cover everything.

Part one: Aliasing and Anti-Aliasing.

This is a very important thing you should know about text. One type of text is meant for bitmap pixel fonts and text with transparent backgrounds for gifs, and the other is softer and meant for higher quality images.

Aliased text is jagged and has no blending whatsoever. It should only be used with a bitmap pixel font otherwise it looks incredibly ugly. Never ever mix a script font and the alias style. It will look ugly.

Anti Aliased text is smoother and has a better feel to it. The majority of the time, you should be using Anti Aliased text.



To switch back and forth between Anti Aliased text and Aliased text, select your text tool, and some settings will appear in the tool bar. For Aliased text, chose 'None' and for Aliased Text, chose any of the others. Any of the others will make the text smoother, but they all have slightly different effects.



Part two: Character spacing and text types

This part is for people who want to alter the spacing between letters in their text, or maybe make something italic, bold, or underlined.

All of these settings can be found in the character window, which you can get from the main toolbar by going to Window>>Character. Once you can see the window, it's pretty self-explanitory how you use it. You can also control your font properties, including font family, color, alias, and size from this window.

Part three: Blending options and text customizing

Now here comes the fun stuff. There is so much you can do with your text using the blending tools that coming with layer properties.



All of the above effects can be altered and customized to fit your needs. For example, you can set the dropshadow's distance to 0 and then fiddle with the spread and size to give it a burnt in look.

In order to use any of these effects, you will have to familiarize yourself with the 'Blending Options' window, where all the layer properties are kept. This effects can be used on almost every type of layer, but I use them mostly for text.



All the settings I put dots into are the ones I like to use the most. In order to view and change their properties, click on the text next to the check box and you'll be able to see all the settings you can tinker with. You can even combine effects.

Part four: Sideways text and curvy text

It took me forever to figure out how sideways and slanted text was done, but once I knew, it's actually really simple.

1) Go grab your text tool, click downwards and drag it until you have the area of text you want. Then, move your cursor to one of the corners on the selected text box, and you should see something that looks sort of like a fish hook or a bellybutton peircing. This is what lets you rotate your text. Click down, and drag it a bit until you have it where you want it. Adjust as necessary.



2) your text may not be in the place you want it to be, inwhich case you can move it with the Move tool, which is located next to the select tool on your toolbox



Part five: Warped and Curved text

I'm not too fond of this tool, but it can be useful sometimes. On your toolbar, you see a little T that looks like it's climbing a hill or something. Click on it, and it'll open up a new window, where you can adjust your text to make it twist and contort however you wish.



When you're done messing around the your text, remember to flatten the layers down.



Part six: Pixel/Bitmap text

1) Before attempting this, you should make sure you have a pixel font. If you don't have one and you download one while running PS, you will need to restart the program.

2) Once you have a font, go to your image and type some text in. Then Alias your text, and change the font size to something small. Almost all fonts look best with a text size of 8pt to 10pt. A few of them look best in uppercase. You should always rememeber to make sure that your image resolution is exactly 72, because even though miniscule like 72.009 can mess with your text.



3) After typing in your pixel text, stroke it using the Blending options. a stroke of 1 set to black usually works. Play around with it though, other colours work too.

LinkReply

Comments:
[User Picture]From: pixielore
2004-11-05 01:01 am (UTC)
V. helpful ^^
(Reply) (Thread)
[User Picture]From: leira
2004-11-05 03:59 am (UTC)
Wow...your text rotations confuse me XDD I just type it then Edit->Transform->Rotate
XDDD
But that way is very interesting. Shall attempt it XD

YES! You put the anti-aliasing in there!!! ^_____^

Oh...one of the blending options I like to use is "inner shadow" XD that one is fun. Sometimes it looks just like the bevel/emboss style ^^;
(Reply) (Thread)
[User Picture]From: blumchen
2004-11-05 04:12 am (UTC)
well what'd'ya know. I didn't know that. Not that I use it much anyways, but atleast I know there's an easier way :D
(Reply) (Parent) (Thread)
[User Picture]From: leira
2004-11-05 04:15 am (UTC)
Lol...I just picked it up when I was still stuck with Macromedia Fireworks MX XDDD That thing was so organized...lol

But yeah, I use it a lot for images in layouts but not as much for text. I find in some cases it makes it harder to read.
(Reply) (Parent) (Thread)
[User Picture]From: ovendoor
2004-11-05 05:07 pm (UTC)
Your icon is just so....*drools*
(Reply) (Parent) (Thread)
[User Picture]From: skybythelight
2004-11-05 05:14 am (UTC)
ok i'm having some trouble grasping certain things, because i an starting off with virtually no knowlege of ps7. When I have the text tool selected, i dont understand how create it as a vector as you have above? is there any way to clarify that?
(Reply) (Thread)
[User Picture]From: skybythelight
2004-11-05 05:26 am (UTC)
ok somehow i got that part. im so confused though!
(Reply) (Thread)
From: tasheila
2004-11-05 12:24 pm (UTC)
Thanks! :D

BTW, how do you do transparent text,like the one on the banner?
(Reply) (Thread)
[User Picture]From: metatron_lvr
2004-11-24 01:04 am (UTC)
I have a question; I use CS, but in either version my text tool is extremely pixilated no matter what font I use, can I fix this in any way?
(Reply) (Thread)
[User Picture]From: blumchen
2004-11-24 01:53 am (UTC)
See the part about Aliasing.
(Reply) (Parent) (Thread)
[User Picture]From: metatron_lvr
2004-11-24 03:35 am (UTC)
oh! Sorry I'm like a tard, lol. thank you so much! :D Your icons are beautiful btw.
(Reply) (Parent) (Thread)
[User Picture]From: xxkanakoxx
2004-12-03 06:06 am (UTC)
I have a reeeeally weird problem. Everytime I try the text on an icon, it never works for some reason. It comes up really small and I have to enlarge like, 100x just to read it. @__@ Any ideas why?
(Reply) (Thread)
[User Picture]From: blumchen
2004-12-03 06:08 am (UTC)
Go to Image size and make sure it's set to 72 resolution
(Reply) (Parent) (Thread)
[User Picture]From: xxkanakoxx
2004-12-03 03:04 pm (UTC)
It still isn't working ._.
(Reply) (Parent) (Thread)
[User Picture]From: malice_of_mija
2004-12-13 05:40 am (UTC)
thanks~
(Reply) (Thread)
From: ms_freak112
2004-12-19 04:18 am (UTC)
what text do you use for the text on the banner that says text lol
(Reply) (Thread)
From: ms_freak112
2004-12-19 04:34 am (UTC)
so sorry T_T and thank you!
(Reply) (Thread)
[User Picture]From: nattybear
2004-12-21 08:28 pm (UTC)
Thanks alot! It was very helpful, especially for beginners like me. ^^
(Reply) (Thread)
[User Picture]From: meliachu
2004-12-31 08:27 pm (UTC)
This is an awesome tutorial. It works perfectly even with Photoshop 8!
(Reply) (Thread)
[User Picture]From: pychobeauty
2007-04-07 03:38 am (UTC)
how did you fill in the text, the really tiny words. I wanted to make the text look like this http://img.photobucket.com/albums/v622/Pyc1/favourites.jpg and also in solid colors. Thanx!
(Reply) (Thread)
[User Picture]From: blumchen
2007-04-07 03:42 am (UTC)
It looks like what you're trying to do is just fill the text with a gradient, which you can do with the "Blending Options" (explained in this post) However I do not do tutorial requests so I cannot help you with anything other than the tutorials already written.

The tiny text is a font called "Ernest" which is available for free online.
(Reply) (Parent) (Thread)
[User Picture]From: feliciagomez
2008-09-13 05:50 am (UTC)
This helped a TON! Thank you!
(Reply) (Thread)
From: nobupazaya
2013-02-16 07:51 pm (UTC)
Local women looking for one night stands Go Here dld.bz/chwZP
(Reply) (Thread)