Learn how to Insert and Modify a Text in Adobe Photoshop CS3.
Tags:adobe,adobe cs3 web design,inserting text,modifying text,total training,tutorial,web design
Grab video code:
So the next thing what we are going to have to do is bring in the descriptor text for these featured articles. So we are going to do Alt+Tab over to our site_copy text file and what I am going to do is just select the appropriate text and paste it in. So for this skate image this is our text we will do a copy come back to Photoshop we will select the Text Tool by pressing T clicking on our image and then simply pressing Ctrl+V to paste it.
Now just to make this look a little bit more interesting, I am going to change the font to Arial Black, make it a little bit larger. We will make it a little larger, about 30 or so and because this is going to end up being an image we are going to apply some anti-aliasing to this. Select the text again and we will apply our Sharp anti-alias.
So next I want to change the line height a little. I will go ahead and toggle the Character and Paragraph palette and in my leading dropdown, I am actually just going to enter our value of 24 and let's see how that looks. Hey, that's a little too much. So we will go and replace it with 18 and that looks about right. So we will press Ctrl+Enter to accept and we will just move this around a little bit and that looks about right. And actually I am going to change the Font Size for our second line here and change that up to about 18.
So that looks pretty good. The last thing I am going to do to this text layer is just add a quick Drop Shadow. So we will go up to our Layer>Layer Style>Drop Shadow and I am just going to set the Distance to be a lot lower. So maybe 1 pixel. Turn the Opacity all away to 100% and change the Size to 3, and we will click OK and that looks about right.
So now we are going to do this for the next picture. So we will go ahead and toggle the visibility for both of these layers and we will bring up the next layer which is our climbing picture. We will tab over to our Notepad and we will go ahead and we will copy this. We will tab back to Photoshop, T for our Text Tool and we will just press Ctrl+V or Command+V on the Mac and that enters in our text.
Now obviously the text layer needs to be moved up. So we will just do that and we will apply the same change that we did before with the title of the feature. So I have selected it. I am going to make it a Arial Black and we will increase the Font Size to 30 Pixels. What we are going to do now is apply the same Drop Shadow layer effect that we had in the previous text to the newly created text. So we are going to select the Text layer with Layer Styles applied to it. Hold down our Alt key or Command Key on the Mac and click on the fx icon and drag that up to our new layer and the same Drop Shadow effect is applied to the new text layer.
So we will click on this layer to select it, then press the V key to access the Move tool, just move this around some place where it looks about right. Now we are going to just toggle the visibility for both of these layers and we are going to toggle the visibility for our next layer which is our snowboarder and we will Alt+Tab over to our Notepad and copy the text that relates to this image. So Ctrl+C to copy, Alt+Tab or Command+Tab to switch over to Photoshop, T to select our Text Tool. We will click on the image and that creates a new text layer for us. We will do a Paste and that enters in our text and of course it took the formatting that we applied the last time around. So this time I will select my tag line text and we will apply Arial font and I believe the size that we want is about 18 pixels. So that looks pretty good.
So the last thing I want to do is apply the layer effect. So we will go down to our previous layer that has the affect selected, Alt or Option drag the affect on to our new text layer. We will select the text layer again press V to get our Move tool and move this around and that looks pretty good. I will go through the same process for the rest of the images in my features area. So we will toggle the visibility again for these layers and we will get our bike onto our stage and we are going to Alt+Tab to get the text and we will select this text here again Ctrl+C or Command+C on the Mac to copy Alt+Tab or Command+Tab to switch over to Photoshop and we will press for T for our Text Tool, click and that creates a new Text layer for us and we will just paste it with Ctrl+V or Command+V on the Mac. We need to reposition this layer. So we will do that and we are going to select Arial Black and we are going to select 30 pixels for the leading and also 30 pixels for the Font Size.
And that looks pretty good. We are just going to bring our fx over. So select the fx layer, Alt and drag and there we go. We will select this layer again, V for the Move Tool and move this around. Well, that looks pretty good. Actually, I'll move this up here. Alright, so we are almost done. We are going to work on the last image that we have which is our surfer. So we are going to tab over to our surfer text and let's just select it Ctrl+C to copy and we will switch over to Photoshop and we will press T for our Text Tool. Click on the Image and press Ctrl+V again and again I have to just make the formatting changes. We will go over to select Arial for our text Font and we will select 18 pixels for the Size and the last thing that we have to do is apply that effect.
So we will Alt+Drag the effect on to the new text layer and there we go. I'll press V for the Move Tool, just move this around some place around where it looks right. So there we go that basically has created the text descriptors and the images for our features area. What I am going to do is just make sure that all of these layers are now in my Features folder and they appear to be. I am going to twirl that up and I can toggle the visibility to make sure that; that's the case, and actually while I am here I may also create a group for all of my navigation layers.
So I will just select the div_lines, the text my nav background and that shadow that I had from the Layers menu I am going to say New Group from Layers and this is our Navigation, click OK and I am just going to rename this layer, just so I don't get forget about it to nav_shadow. We are just going to twirl the Navigation folder up and we are going to place the entire Navigation folder right underneath the Header folder and that looks about right.