Sparkly New Year Text In Photoshop

A beautiful tutorial and a heartwarming congrats to the world, for the Happy New Year to come. Stay fine, everyone.

1. Open a new document with height 340 and width 600.

2. Fill this layer with black color.

3. Now create your text using white color. The font is ‘MAGNETO.’

4. Load any image and place it on top of the text layer.

5. Right click on the image layer and choose Create Clipping Mask.

6. Double click on the text layer to open Layer Style.

Make the following changes:

7.  Press CTRL and click on the text thumbnail. A selection will appear around the text.

8. Go to Select > Modify > Expand.

9. Expand by: 5 pixels.

10. Create a new layer.

11. For this layer, set the Foreground and Background colors as red and yellowrespectively.

12. Choose a soft round brush and modify its settings in the Brush Panel as shown below:

Your brush is now ready to use. Paint in the selected area to create the sparkle effect as shown below.

(Now deselect the selection.)

Follow the same procedure for ‘NEW’ and ‘YEAR’.

13. Create a new layer.

14. Set the Foreground and Background colors as black and white respectively.

15. Select the Brush Tool and open Assorted Brushes.

16. Select Starburst-Small Brush. Use the brush on your image, however you like.

Final Picture:

Read More

UP - 3D text photoshop

Like a lot of other text tutorials in photoshop this one will show you how to create a cool 3D Text that you can use for your projects and designs.Creating cool text effects in photoshop is not easy,especially if we talk about creating 3D text. Text effects in photoshop CS5 are easy to create because you have a lot of tools that can help you create the goals you like, specially if you want to create 3D text.But for this photoshop typography tutorial we will use hand drawn shape and apply simple methods to get a high end believable 3D text.

This is something that should we get in the final result.

For this photoshop cs5 text effects tutorial you can use the image with the shapes that you can find right below.All you have to do is right click and save the image to your computer. Scale it to the size you like and start the tutorial from STEP 1.

STEP 1 - Blocking the shapes of the letters for the 3D Text Photoshop tutorial

STEP 1A - Create a new layer and name it text_dark_color. Now make sure that you switch from layers to the paths menu. This is show in image 1A. Click on the button create new path. Rename the path to text_dark_color. After that click the P key on your keyboard to activate the Pen tool and draw a shape similar to image Step 1A.

NOTE : Most of this tutorial is going be creating shapes load them as selections and fill them with color or gradient so plz pay a lot of attention to STEP 1 and STEP 2.

STEP 1B - Now what you have to do is to repeat the STEP 1A. You are going to repeat the step another 2 times. Create 2 new layers named text_mid_color and layer text_light_color.For those 2 layers you create another 2 paths and name them accordingly to the layer names. All of this should like on image 1D. The shapes that are going to be drawn should look like in image 1E.

STEP 2 - Blocking the letters with color

STEP 2A - Make sure that your text_dark_color layer is selected.After that select the text_dark_color path.With that done you have to be on the Paths tab and then click the button Load path as a selection. Its shown in image 2a.

STEP 2B - Now with the active selection made press the G key or just mouse click over the Gradient Tool. Make a gradient with this values (R:40,G:128,B:189) on the left side and (R:94,G:180,B:247). This is shown in image 2b.

STEP 2C - With the active selection still on make a gradient from the bottom of the letters to the top. The result of this action can be seen in image 2c.

STEP 2D - Now what you have to do is go to Paths and select text_dark_color path. Click the A key on your keyboard to activate the Direct Selection Tool. Now select the path in the inside of the P letter that we have created and load it as a selection. After that go to layers and make sure that text_dark_color layer is selected and press the Delete key on your keyboard. This will delete the inside of the P letter. The result is shown in image 2d.

STEP 3 - Finishing the blocking of the letters with color

STEP 3A - Now what you have to do is repeat STEP 2 for the other 2 layers.For the text_mid_color layer use this gradient (R:57,G:143,B:202 on the bottom ) and (R:123,G:193,B:248, as a value that is going to be on the top),you can see the shape for the text_mid_layer is colored with red color.And for the text_light_color use this gradient (R:87,G:167,B:223, at the bottom of the gradient) and (R:159,G:208,B:246, at the top of the gradient),you can see that the shape for the text_light_color is with green color.This is how the result should look like - image 3a.

STEP 4 - Start adding highlights to the letters

First thing you have to do is to create a new layer and name it highlights.By selecting the paths that we already have created select them and use them to add some highlights to the the letters.

STEP 4A - Make sure that the layer highlights is selected. Go to Paths Tab and select text_light_color path. Press the A key on your keyboard and select one of the shapes on top of the U letter. Load that path as a selection. Now pick the Gradient Tool and pick the white to transparent gradient.

Now repeat STEP 4 to more areas of your choice. You can see where i have picked the places for highlights in image 4c.

STEP 5 - Adding shadows to the letters

STEP 5A - First of all create a new layer and name it shadows.Set the layer to be on top of text_dark_color.You have to know that adding shadows to the letters is the same process of adding the highlights. So STEP 5 is repeating STEP 4, but this time instead of a white to transparent gradient, we will use black to transparent gradient. The result is shown in image 5a.

STEP 6 - Adding dark shadow at the bottom of the letters where they meet the ground

Create a new layer and name it Bottom_Dark_Shadow.The layer should be place right beneath the text_mid_color. That means that it will be placed at the bottom of the layers with the color and just above the 3D scheme layer. Now press the P key on your keyboard to activate the pen tool and draw lines as shown in image 6a. You can place them in a new path if you like it doesn't matter.I have named my path Letter_ground_dark_shadow.Now load those paths as active selections and fill them with black color.The result is show in image 6a.

STEP 7 - Adding highlights casted from the ground to the letters

STEP 7A - The ground always reflects part of the casted light.This light hits some bottom areas of the letters and makes them just a little bit brighter then other areas. Create a new layer and name it Bottom_reflected_light. Set the layer to be just on top of the shadows layer.Now press the P key on your keyboard to activate the Pen Tool and draw a shape similar to the one shown in image 7a.In the Paths tab name the path as Bottom_reflected_light.Load it as an active selection and with the Bottom_reflected_light layer selected, fill the selected layer with white color.

STEP 7B - This step is a personal choise.You can leave it like that but its to strong for me. So what i did is lowered the the opacity of the Bottom_reflected_light from 100% to 30%. This is the result that i got (image 7b).

STEP 8 - Adding ground shadow to the letters

STEP 8A - Create a new layer and name it ground_shadow.Now switch from Layers tab to Paths tab.In the Paths tab create a new path and name it ground_shadow. With the new path ground_shadow layer selected press the P key on your keyboard to activate the and start drawing some shapes.Then after the shape is created, activate the Gradient tool and and apply a black to transparent gradient to the 2 ground shadow shapes.The path shape is shown in the top of image 8a and the gradient applied is shown in the same image at the bottom.

STEP 8B - Now with the same ground_shadow layer selected pick the Dodge Tool by clicking O on your keyboard. With the Range set to Shadows and Exposure set to 15 dodge a little bit the shadow shown as in image 8b at the top.The effect can be seen in image 8b at the bottom.

STEP 8C - Pick the P key on your keyboard to activate the Pen Tool. Draw a shape similar to the one shown in image 8c at the top. Now go to the Paths tab and load the shapes as active selection.This will allow to us to make the shadow lighter at certain areas.WIth that done pick the O key on your keyboard to activate the Dodge Tool and Dodge the shadow with more intensity.Set the Range to Highlights and Exposure to 15 %.Now Dodge a little bit.The result of the Dodging can be see at the bottom of image 8c.

STEP 9 - Adding brightness on the letters

STEP 9A - Create a new layer and name it Brightness.As before pick the P key and draw some shapes and fill them with white. You can see how it looks like on the image 9a.

STEP 9B - Now with the Brightness layer selected go to Filter -> Blur -> Gaussian Blur. Set the Radius to 47 px and click OK.Instructions are shown on image 9b.

This is what you should get.From this point you can make some tweaks that you like or enhance this 3D text with more design ideas you have.

I have tweaked it just a bit just to show you that if you have any idea you can make it by trying to improve the design.

Read More

Bright Retro Text Effect

This tutorial will explain how to use layer styles to create a nice bright retro text effect. Then, it will explain how to use a couple of brushes to add the stroke, some sparkles, and retro line decorations to the Background.

The Final Result:

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* Retro Clouds : V. by ~ArtOfDecay-Stock.
* Sparklies Photoshop Brushes by *redheadstock.
* decorative light effects by *lindelokse.
* Retro Diagonals.

Step 1:

- Set the Foreground color to #424100, and the Background color to #161400, then, create a Diamond Gradient from the center of the document to one of the corners.

- Open the Retro Clouds : V. image and place it on top of the Gradient Background. Resize the image to fit the document, and change its Blend Mode to Soft Light.

Step 2:

- Create the text using the color #47460e. The font used is Marbold and the size is 250 px. You need to set the Tracking value to something around 75 to avoid overlapping.

- Duplicate the text layer and set the copy’s Fill value to 0%.

Double click the original text layer to apply the following styles:

- Outer Glow: Change the Blend Mode to Vivid Light, the color to #fcfcfb, and theSize to 16.

- Inner Glow: Change the Blend Mode to Vivid Light, the color to #fcfcfb, the Sourceto Center, and the Size to 30.

- Satin: Change the Blend Mode to Overlay and the color to #6f9ad0

- Gradient Overlay: Change the Blend Mode to Overlay, the Opacity to 45%, the Styleto Reflected, and the Scale to 85%

This will add nice glow to the original text layer.

Step 3:

- Double click the copy text layer to add Bevel and Emboss. Change the Technique toChisel Hard, the Size to 20, the Gloss Contour to Cone – Inverted and check theAnti-aliased box. Also, change the Highlight Mode to Overlay, its color to #e2e2e2, and the Shadow Mode color to #7d7d7d.

Check this image to see how to load the contours if you don’t have them.

- Contour: Choose Guassian – Inverse and check the Anti-aliased box.

This will add the retro-like effect to the glow.

Step 4:

- Create a new 20 x 64 px document with a Transparent Background. Use a smooth round brush to create 3 Black dots with different sizes. Go to Image -> Image Size and resize the document to 5 x 16 px.

- Go to Edit -> Define Brush Preset and type in Stroke as the Name of the brush.

- Back to the original document, open the Brush panel (Window -> Brush). Under Shape Dynamics, choose Direction from the Control drop down menu under Angle Jitter. Also, make sure all the other values are set to 0.

Step 5:

- Create a new layer between the two text layers and call it “Stroke”. Set the Foreground color to #a7a400.

- Right click on one of the text layers, and choose Create Work Path.

- Pick the Direct Selection Tool, make sure that the “Stroke” layer is selected (active), then right click on the path and choose Stroke Path.

- Choose Brush with the Simulate Pressure box un-checked.

This will create a simple stroke.

Step 6:

- Click the Create new fill or adjustment layer icon down the Layers panel, and choosePhoto Filter.

- Choose the Red filter.

- Create a new layer on top of the copy text layer and call it “Sparkles”, then change itsBlend Mode to Vivid Light. Set the Foreground color to #f4edd3, and use the Sparklies Photoshop Brushes to add some sparkles. One or two are enough, but you can go ahead and add more if you want to.

- Create another new layer right below the Original text layer and call it “BG Light”, then change its Blend Mode to Vivid Light and its Opacity to 70%.

- Use the decorative light effects brushes to add some nice glowing lights.

- Finally, create a new layer below the Background image (Layer 1) and call it “Retro Lines”. Set the Foreground color to #424100, and use a brush from the Retro Diagonalsset to add some lines to the Background. Keep in mind that you can resize the brushes to whatever size you like.

This is the final effect. But you can check the next step to see how to add some nice colors to this effect to make it look even more “Retro”.

Step 7:

- Create a new layer on top of the “Sparkles” layer and call it “Colors”. Change its Blend Mode to Hue.

- Using a big soft round brush, add some color spots to the text. This technique adds a nice retro or vintage feel to the effect. The colors used here are #00709e and 960014, but you can go ahead and try other different colors as well.

- If the colors look so bright, you can lower the “Colors” layer’s Opacity value. Here, it’s set to 70%.

And that’s pretty much it!
Hope you enjoyed this tutorial.

Read More