Se afișează postările cu eticheta Text Effects. Afișați toate postările
Se afișează postările cu eticheta Text Effects. Afișați toate postările
16:56 0 comentarii

Creating Very Cool Folded Typo

n this tutorial I will show how to create a very cool folding effect to apply on your typography using photoshop, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out.

So the first thing we are going to do is to open a new file in Photoshop, this one is 1200 x 400 pixels, write down abduzeedo using big fonts, I just used Verdana Bold you can use any font of your choice.

For a bigger view click on the images

Now that we have the typo we are going to start working on folding the letters one by one, so starting with the A we are going to select a box around the letter “A” using the Rectangular Marquee Tool (M), once we have it selected, hold Ctrl + C to copy the letter and then pressCtrl + V to paste it, name the layer you pasted “A”(change the color that you want on the abduzeedo text before you copy and paste it .

We already have the letter “A” on a new layer now we are going to select the part that we want to fold it, I like to use the Polygonal Lasso Tool (L) and select part of the letter that I want to fold it.

Now that we have a selection we are going to copy the selection by hitting Ctrl + C and then delete the selection on the layer “A”, paste it by hitting Ctrl + V, when you paste it note that it will be on a new layer so name that “A-fold” as you can see here.

First lets change the color of it, go to Image > Adjustment > Hue Saturation (Ctrl+U)bring the Saturation to -100 and Lightness to +60 to give a gray color so it looks like the back of the letter is folding and go to Edit > Transform > Flip Vertical (note that because we are folding from up to down, if it was side do side we would have to flip it horizontal) and then we have to Edit > Transform > Rotate and make sure we rotate the folded area exactly on the angle we want, make sure you place it right where it’s folding as you can see on the image.

Now that the folded part is on the right place we are going to make it look a little more real by adding some shadow, first hold Ctrl and click on the “A-fold” layer, that will select our folded part, now create a new layer and name it “A-fold-shadow”. Using the Gradient Tool – Linear Gradient with the color black apply it on the same angle as the top of the folding area as you can see on the image, if needed reduce the opacity of the layer so the shadow will be smooth.

Go back on the “A-fold” layer and go to Layer > Layer Style > Drop Shadow and reduce the Opacity from 75% to 25% and try to adjust the angle to be the same as the folding area, I set mine to 135, also reduce the Distance to 2px, and the rest can remain the same.

Our last step on the letter A will be to go back on the “A” layer, hold Ctrl and click on it to select the A we have, create a new layer (name it A-shade) and with the Gradient Tool – Linear Gradient with the color black apply it from the bottom up, change the layer mode to Overlay.

Our first letter is done, now we are going to repeat pretty much the same steps on each letter to get to the end with a good result. To get more organized put all the “A” layers into a folder called “A” and start working the same process on the letter B and so on.

At the end delete the text layer “abduzeedo” and you done! Hope you guys like it.

00:31 0 comentarii

Amazing Video-Game Text Style in Photoshop

Following my series of tutorials on Retro effects, I will show you how to create a text effect in Photoshop based on the DVNO clip by Justice and of course some 8 and 16 bits video game opening screens. We will play basically with some basic filters like Gaussian Blur, also with Blend Modes to the light effects.

Step 1

Create a new document in Photoshop, I used 1920x1200 pixels. Then fill the background layer with a very dark brown. I used #100c03 for the color.

Amazing Video-Game Text Style in Photoshop

Step 2

With the Horizontal Type Tool (T) add the text you want in 2 or more lines. It's good if the words end with E or F, later on you will understand.

Amazing Video-Game Text Style in Photoshop

Step 3

Duplicate the layer and go to Layer>Layer Styles>Stroke. Use 4 pixels and white. Then go to Layer>Layer Style>Create Layer. A new layer will be created, but it will be with the whole word, so holding Command (MAC)/Control (PC), click over the original text to create a marquee selection. After that just make sure that you have the stroke layer selected and delete the marquee selection.

Amazing Video-Game Text Style in Photoshop

Step 4

Group the stroke layer and the word layer. They will be inside a folder. Then change theBlend Mode of the folder to Color Dodge. Also move the stroke layer to the top and right so, they won't be aligned, that will create a nice depth. After that go toFillter>Blur>Gaussian Blurr. For the Stroke use 1.6 for the Radius.

Amazing Video-Game Text Style in Photoshop

Step 5

Now for the word without stroke, go to Filter>Blur>Gaussian Blur. Use 5.0 for the radius. Then go to Layer>Layer Style>Inner Shadow. Use Color Dodge for the Blend Mode, -40º for the Angle, 20 pixels for the Distance, 30% for the Choke and 75 pixels for the Radius. Also you you have to change the Fill of the layer to 0%, that way you will only see the the inner shadow.

Amazing Video-Game Text Style in Photoshop

Step 6

Now for each text layer, the stroke and the inner shadow one, go toEdit>Transform>Warp. For the Warp select Bulge, then just move the handle to reduce the size of the bulge effect.

Amazing Video-Game Text Style in Photoshop

Step 7

With the Rectangle Tool (U), inside of the folder with Color Dodge, create some lines starting on the edge of the letters Es and Ls. Make sure you use white for the color. After that go to Filter>Blur>Gaussian Blur. Use 0.8 for the radius. Then go to Layer>Layer Styles>Outer Glow, use 75% for the Opacity, a very light yellow for the color. Then for the Size use 10 pixels and for the Range 50%.

Amazing Video-Game Text Style in Photoshop

Step 8

Add another layer inside the Color Dodge folder and with the Brush Tool (B), pick a small and soft brush. Then just paint some dots of light like the light was moving through the lines.

Amazing Video-Game Text Style in Photoshop

Step 9

Add another layer, this time not inside the Color Dodge layer, then change the Blend Mode to Screen and go to Layer>Layer Style>Color Overlay. Use blur for the color andMultiply for the Blend Mode.

Amazing Video-Game Text Style in Photoshop

Step 10

Go to Layer>Layer Mask>Reveal All. Then with the Brush Tool (B) use a big soft brush. With white for the color start painting over the mask layer, so the blue clouds will start appearing. Make it visible only in the center. Also, reduce the size of the brush and invert the color to erase the parts that are over the lines and text, otherwise the blue will affect the light effect.

Amazing Video-Game Text Style in Photoshop

Step 11

Add some flares using Brushes or stock images.

Amazing Video-Game Text Style in Photoshop

Step 12

Now if you want to add a space scene, you can either create it from scratch, which I have done several times in past tutorials or we can use a stock photo. I used one from Shutterstock if you want you can get it here.

Just place it in front of the other layers and change the Blend Mode to Screen. Also with the Eraser Tool (E), delete the center light of the space scene. Use the image below for reference.

Amazing Video-Game Text Style in Photoshop

Step 13

To create the lines I created I pattern, it's really easy, start a new document with 100x4 pixels then create a black line with 2 pixels height and a white line bellow the black with other 2 pixels height. Then just go to Edit>Define Pattern. Done.

So back to the document, just create a new layer on top of the others and with the Paint Bucket Tool (G), select Pattern for the color and use the patter you have just created. After that just go to Filter>Blur>Gaussian Blur. Use 1 or 2 pixels for the Radius. The last thing will be to change the Blend Mode to Color Dodge.

Amazing Video-Game Text Style in Photoshop

Step 14

With the Horizontal Type Tool (T) type "Press Start" using a pixel font. The one I used was Bylinear. Then just add a shadow using layer styles.

After that, press Command+Option+Shift+E on a Mac or Control+Alt+Shit+E on a PC, that will create a new layer with all the layers merged. Go to Filter>Blur>Gaussian Blur and use 10 pixels for the Radius.

Amazing Video-Game Text Style in Photoshop

Step 15

Change the Blend Mode of the Blurry layer to Screen and go to Layer>Layer Mask>Hide all. Again with the Brush Tool (B) and a medium size soft brush and white, paint over the flares and the dots of light. Also a little bit over the word where there's more light, that will add a nice glow to the image.

Amazing Video-Game Text Style in Photoshop

Step 16

Let's add some texture. I used an old paper texture I got from Shutterstock, you can download it here or you can use another one you have.

Place the image in the document and then change the Opacity to 80% and the Blend Mode to Multiply.

Amazing Video-Game Text Style in Photoshop

Conclusion

The effect is pretty much done, again it was all about playing with basic filters and blend modes. Of course you can add more elements or try different colors and angles. The idea was just to understand what elements and effects give the 80's feel to an image, or even the video-game look, like Streets of Rage, my favorite of them all. Of course the space background doesn't fit with that.

Amazing Video-Game Text Style in Photoshop
Click on the image for full preview

Another Example

That's why I prefer the version without the space background, it's simpler and we can drive the user attention more to the light effects of the word instead of the space scene. Again it's up to you and it's all about trying. I hope you like this tutorial and that it can be useful to you.

Amazing Video-Game Text Style in Photoshop

18:06 0 comentarii

Water Drop Text Effect

Hey, are you hungry for new Photoshop effects? I have a new one special for you. Here I’ll show you how to design water drop text effect.

Water Drop Text Effect

Firstly we’re going to make a nice background. Start by creating a new document in Photoshop, sized1000×500 pixels, all the default settings, white background.

Water Drop Text Effect 01

After making your new document, you need to find some appropriate picture to put on the background. I would like to use this one picture. Also you can put your own picture or find more pictures on Google Images.

Water Drop Text Effect 02

Now we are starting straight to create a text effect. First of all we need to type some text, where the effect will be shown. Choose the Horizontal Type Tool and type text with any colour. Colour is not important in this case. It’s desirable to use bold style of text for this effect. For this tutorial I usedArial Black font.

Water Drop Text Effect 03

Further when we have already had an inscription we can start to create an effect on it. But in the beginning we need to choose the appropriate pattern we will use further in our text effect. Using Google Images you may find appropriate pattern or may use mine. Open it and save as pattern by going to Edit > Define Pattern. Go back to our main document and set fill opacity to 0% up, after that apply the following Blending Options to the text layer:
Drop Shadow
Inner Shadow
Outer Glow
Inner Glow
Bevel and Emboss
Contour
Satin
Pattern Overlay
Stroke

Water Drop Text Effect 04

Water Drop Text Effect 05

Water Drop Text Effect 06

Water Drop Text Effect 07

Water Drop Text Effect 08

Water Drop Text Effect 09

Water Drop Text Effect 10

Water Drop Text Effect 11

Water Drop Text Effect 12

After all we get this one screenshot:
Water Drop Text Effect 13

But this is not the final variant. Select text layer using Select > Load Selection, then apply Select > Modify > Expand to increase selection about 7 pixels. Create a new layer and fill the selected area with black colour. After that apply Filter > Noise > Add Noise with similar settings to these:

Water Drop Text Effect 14

You should get the same result as mine:

Water Drop Text Effect 15

Now, deselect chosen area with Ctrl+D and change layer mode to Screen.

Water Drop Text Effect 16

Then apply the following Blending Options to this layer:
Bevel and Emboss

Water Drop Text Effect 17

We should get the next one effect:
Water Drop Text Effect 18

That’s all! We have easy created nice fresh text effect, which you can use further in web-design and advertisement, polygraph and so on. I hope that this easy lesson was useful for you.
Water Drop Text Effect 19

17:55 0 comentarii

Ice Text

Step 1


Open Photoshop; then open any image to create ice text.

Step 2


Create the text you like using Type tool (Arial Black; 120 pt; white text color).

Step 3


Rasterize layer (Layer -> Rasterize -> Type).
Go to Edit -> Transfortm -> Roatate 90o CCW.

Step 4


To make icicles, go to Filter -> Stylize -> Wind and use these settings:

Repeat the filter by pressing Ctrl+F. Do this two times.

Step 5


Rotate the canvas back to normal with Edit -> Transfortm -> Roatate 90o CW.

Step 6


Fill with light blue colour like #4E84A0. Set fill to 4%.

Step 7


Add a layer style:Bevel and Emboss

And you're done with your Ice Text!