Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Figure 1
Figure 2
You can also press T on your keyboard to quickly select it. Then, with the Type tool selected, go to the Options Bar at the top of your screen and click on the text color swatch in Figure 3:
Figure 3
With the Type tool selected, click on the text color swatch in the Options Bar.
This will bring up Photoshop's Color Picker. Choose a color for the text. I'm going to choose a light blue for mine, just as in Figure 4 below.
Figure 4 Choose a color for your text from the Color Picker
Click OK once you've chosen a color to exit out of the Color Picker.
Figure 5
Figure 7 Text selected; click on Layer Styles icon at the bottom of the Layers palette
This brings up Photoshop's Layer Style dialog box already set to the Drop Shadow. The various options show in the middle column as in Figure 9:
Figure 10 Click the Drop Shadows color swatch to choose a color it should be a shade darker than original
This will bring up the Color Picker. Instead of choosing a color in the Color Picker just hover your mouse over the text, which will turn your mouse cursor into the Eyedropper, now click on the text to get a color sample as in Figure 11:
Figure 11
Then go to the Color Picker (Fig 12) and select a darker shade of that color to use for the drop shadow:
Figure 12
Select a different/darker shade of the sampled color in the Color Picker to use for the drop shadow. Click OK from the Color Picker, and your drop shadow will be the color you selected as in Fig. 13:
Figure 13
The drop shadow applied to the text using the color chosen in the Color Picker.
Don't click OK in the Layer Style dialog box yet. We've only just begun.
Figure 14 Click directly on the words Inner Shadow in order to select that option.
The first thing we're going to do here, shown in Fig 15, is select a color to use for the Inner Shadow, just as we did for the Drop Shadow. Click on the Inner Shadow color swatch:
Figure 15
Click on the Inner Style color swatch to choose a color. This will bring up Photoshop's Color Picker. Just as we did with the Drop Shadow, rather than selecting a color directly in the Color Picker, move your mouse over the text and click on it to sample the text color:
As in Fig 17, select a darker shade of the color in the Color Picker to use for the Inner Shadow:
Figure 17
Click OK once again. The inner shadow will appear in the color you selected. An example of what it should look like at this point is shown in Fig 18 below.
Figure 18
As shown in Fig 19, increase the size of the Inner Shadow effect by clicking on the Size slider and dragging it to the right. Mine was increased mine to about 16 pixels:
Fig. 20 shows the result after increasing the Inner Shadow size:
Figure 20
Figure 21 Click directly on the words, Outer Glow in order to select this option
Once again, the first thing we're going to do is select a color for our Outer Glow, the same way we've done it for the Drop Shadow and Inner Glow. First, click on the Outer Glow color swatch Fig 22:
This brings up the Color Picker. Click directly on the text once again to sample the color. Then go back to the Color Picker, but this time, rather than choosing a darker shade of the color, choose a lighter shade as in Fig 23 then click OK to continue.
Figure 23 Choose a lighter shade of the text color for the Outer Glow effect
Change a few of the other Outer Glow options. Feel free to experiment here on your own, but if you want to follow along, my settings are; first, lower the Opacity value at the top to around 60%; second, in the "Elements" section in the middle, increase the Spread to around 15% and lastly, change the Size to about 10 pixels. In Fig. 24, these values are shown, circled in red.
Fig 25 shows about what it should look like after making the changes:
Figure 25
Figure 26 Click directly on the words, Inner Glow in order to select this option
What are we going to do first? Yep, we're going to pick a color to use for the Inner Glow. Go ahead and click on the Inner Glow color swatch:
This brings up the Color Picker. Rather than clicking on the text color itself and then selecting a darker shade in the Color Picker, click on one of the darker areas in the text (Fig 28) for the Inner Glow then click OK once you have sample your color.
Figure 28 Click on a darker portion of the text to sample for your Inner Glow effect
The darker color is selected but the blend mode for the Inner Shadow is set to "Screen." So we wont see our darker color. Therefore, we need to change the effect from an inner "glow" to an inner "shadow", and for that, all we need to do is change the blend mode from "Screen" to Multiply as shown in Fig. 29:
Figure 29 Click on the down-pointing arrow (drop down) and change from Screen to Multiply.
A few other options need to be changed for the Inner Glow. First, lower the Opacity value to around 50%. Second, in the "Elements" section in the middle, raise the Choke value to about 10% and lastly, change the Size value to 13 pixels the aforementioned changes are shown in Fig 30
Figure 30 Make the option changed as circled in red for the Inner Glow effect
Figure 31
This time there are no colors to choose. Instead, there are a few options that need to be changed. You dont need to use these specific settings for your effect. In fact, you probably need to play around with them a little if you're using a different font type or size. However, here in Fig 33, are the settings I have used in the Bevel and Emboss options:
First, increase the Size to about 16 pixels. Then, in the "Shading" section, uncheck Use Global Light. For the Angle, set it to 90 and the Altitude to 75. Then, at the very bottom, drag the slider bar for the Shadow Mode option all the way to 0% as we already have more than enough shadows in the effect.
Now you will be adding the "Contour" effect, as in Fig 34. Click directly on the word Contour in the menu on the left. It is directly below "Bevel and Emboss":
In the Contour options, shown in Fig 35, click on the down-pointing arrow to the right of the Contour preview thumbnail, then click on the Half Round option (it's the first one on the left, bottom row):
Figure 35 Click the down-pointing arrow (drop down) to select the Half Round contour
After applying the Bevel and Emboss filter, your image should look similar to that in Fig 36.
Back to choosing a color once again, this time for the Satin effect, so click on the Satin color swatch:
Figure 38 Click on the color swatch to choose a color for the Satin layer
As you did before, click in the text to sample a darker shade of the text color. If the colors in your text turned strange when you clicked on the word "Satin," don't worry, just click once anywhere on the text and the colors will revert back to the way they should be. Then click on any darker area (Fig 39):
Figure 39 Click in a darker area of the text to sample for the Satin layer style
As soon as you click your mouse to sample a color, you'll see the Satin effect apply itself using that color. If you want, you can keep clicking around inside the text to choose a different color, and the Satin effect will be updated each time you click, so you can keep clicking until you find a dark shade you're happy with. It's basically a live preview of the effect.
Once you have your color selected, click OK in the Color Picker to exit out of it. Afterwards, make the changes shown in Fig 40. I have circled the specific changes in the image below:
In the case of the Satin effect, again, you may want to experiment with the settings yourself. However, if you are following this tutorial; first change the Angle to 75. Second increase the Distance to 43 pixels and the Size to 54 pixels. Lastly, click on the down-pointing arrow to the right of the Contour preview thumbnail and choose the Ring contour, which is the second one from the left, bottom row. If following along, the text, after applying the Satin filter, should look similar to Fig 41:
We're going to save this gel effect style so that we can re-use it whenever we want. When you click the button, Photoshop pops up the New Style dialog box shown in Fig 43. Name the new style "Gel effect":
Figure 43 Photoshops New Style dialog box name the style Gel effect
Click OK and this new style is saved in Photoshop. Next we will see how it can be used. Since you already have the word "photo" entered into your document, click the T for your Type tool once again from the Tools palette. This time enter the word "shop" below it. Then use the Free Transform command to resize it so it's the same size as the word "photo", and rotate it as in Fig 44. Fig 44 shows what it looks like at the moment:
Figure 44
Right now, the word "shop" is using nothing more than the original text color, but we want it to have the same "gel effect" that was created with the word "photo". Of course, you could go through all the steps again and re-create the layer style, but thankfully, we don't have to because we were smart enough to save the effect as a new style. So, where can you find the style? In Fig 45, you can see that it is in Photoshop's Styles palette, located at the very bottom:
Figure 45 Photoshops Styles palette with saved Gel effect located at bottom of list in preset styles
To apply it to my text, make sure "shop" text layer is selected in the Layers palette, and then click on the "Gel effect" style in the Styles palette. As you can see in Fig 46, the effect is instantly added to the text:
Figure 47
The word has turned pink, but the layer styles are still blue. The Hue/Saturation adjustment had no effect on them. If we want to change both the text color and the layer styles color, we need to use a bit of a trick. With the "shop" layer selected in the Layers palette, use Ctrl+G (Win) / Command+G (Mac) to place the "shop" layer into a Layer Group, which Photoshop names "Group 1":
Figure 48 Ctrl+G (windows) / Cmd+G (mac) to place the shop layer into a Layer Group
We can see in the Layers palette above that the "shop" layer is now inside the Layer Group. Next, we need to change the blend mode for the Layer Group from its default of "Pass Through" to Normal:
Figure 49 With Layer Group select, change blend mode from Pass Through to Normal.
Now click on the "shop" layer to select it and then click on the New Adjustment Layer icon at the bottom of the Layers palette:
Figure 50 - With the shop layer selected, click New Adjustment Layer at bottom of Layers
When the Hue/Saturation dialog box appears, drag the Hue slider to change the color of the text:
Figure 52 Change the color of the text by dragging the Hue slider
Keep an eye on your text in the Document Window as you're dragging the slider. When you're happy with the new color, click OK to exit out of the Hue/Saturation dialog box, and this time, because the "shop" layer was placed inside a Layer Group, the layer styles are now colored along with the text itself:
Figure 53