Categories
Photoshop

Custom Shapes in Photoshop: Star, Triangle, Heart & more

Some time ago I posted a tutorial how to make in an easy way the Star shape and the triangle shape in Photoshop (to see the tutorial click here, or here to see the video tutorial), today I would like to show you the second way how to create fast shapes in Photoshop.

Follow the easy steps below, and watch the video tutorial.

Step.1

Open the Photoshop and create a new document. In the top left corner set the stroke and fill of your star (if you want your star stroked/ filled).

Choose the Custom Shape Tool (U).

Go to the center top of the program and click on the small settings icon.

On the drop-down menu click on Shapes.

Press Append.

You can see now more shapes added in the custom shapes panel.

Step2.

Draw your selected shape:

STAR:

TRIANGLE:

HEART and more:

Watch also the video tutorial:

Categories
Photoshop

How to create a rainbow effect in Photoshop?

How to create a rainbow effect in Photoshop? It’s easy! Follow the steps below and watch the video tutorial.

In the first part of this tutorial we’ll create the rainbow, and in the second part rainbow effect letters.

Step 1.

Create the new document, and by using Eclipse Tool draw seven circles in different colours.

Tip: Hold the shift key while drawing your circle and it will keep perfect proportions.

Step2.

On the layer panel, click on the eyeball to hide the background.

Hit the right mouse button on the first eclipse and select “Merge Visible“.

You can notice the all seven circles merged in one layer (rainbow layer):

Step 3.

Select the Magic Wand Tool and click on the eclipse in the middle on the circle.

and hit delete key.

Use Rectangular Marquee Tool and select around half of our circle and hit the delete key.

Step 4.

By clicking the right mouse button on the rainbow layer choose Blending Options…

Tick Bevel & Emboss, and Contour. Change the Highlight Mode to Color Dodge:

Your rainbow is ready. Add background and style the image as you like.

Let’s add some rainbow text to the our rainbow image.

Step1.

Create a new document, and draw colourful squares all over.

Step2.

Go to Edit->Define Pattern…

Step 3.

Use Horizontal Type Tool, choose the font and font size and type your text on your rainbow image:

Click by right mouse button on the text layer and select Blending Options…

Select Pattern Overlay, click on Pattern and choose your new rainbow pattern.

Set the Scale to 35%:

Select Bevel & Emboss, and Contour.

Ready!

Watch also the Video tutorial:

Categories
Photoshop

Dancing in the rain! How to add Rain Effect in Photoshop?

Do you like this gif? Check more gifs in the store.

In this tutorial, I’ll show you how to add the rain effect to your image in Adobe Photoshop CS6. Follow the steps below and watch my video tutorial to style your photos and images.

We’ll start this tutorial with my image below. You can choose a photo of umbrellas, dancers or just style own pictures.

This effect we’ll achieve after finishing this tutorial:

Step 1.

Open your image/photo.

Add a new layer to your image and fill it to black.

Step 2.

Go to the Filter=>Noise=>Add Noise…

In the Add Noise dialog box, set the Amount to 25%, tick the Gaussian option and the Monochromatic option.

Step 4.

Go to Edit=>Transform=>Scale…

In the options bar, set the width and height to 300px.

Step 5.

Change the Blend mode to Screen.

Step 6.

Click the right mouse button on your Rain layer and select Convert to Smart Object option.

Step 7.

Go to Filter=>Blur=>Motion Blur, and set the angle to 65 degrees and distance to 75px.

Step 8.

Add the Layer Adjustment. Choose Level adjustment layer from the list.

Create the clipping mask and set the values like on the picture below:

The rain effect has more contrast now. Your picture is ready!

Watch also the video tutorial:

Categories
Photoshop

How to make a Star shape and a Triangle shape in Photoshop?

Hello! In this tutorial, I’ll show you how to create a star shape and a triangle shape in Photoshop CS6. Follow the easy steps below, and watch the video tutorial.

Edit: See also the Custom Shapes in Photoshop: Star, Triangle, Heart & more here, and here.

Step 1. STAR

Create a new document and choose the Polygon Tool (U).

Set the stroke black and fill yellow (if you want your star stroked and filled).

On the right side of the Polygon Tool panel set sides to 5, and by pressing the screw shape button, choose an option star. You can draw now your star:

Step 2. TRIANGLE

Create a new document and choose the Polygon Tool (U).

Set the stroke black and fill red (choose colors which you like).

On the right side of the Polygon Tool panel set sides to 3, and by pressing the screw shape button, untick an option star. You can draw now your triangle:

Watch also the video tutorial:

Categories
Photoshop

How to make a sparkle brush in Photoshop?

Do you want to create your own sparkle brush? Follow this easy tutorial and watch the video tutorial, and start styling your pictures!

Do you like this image? Check more images in the store.

Let’s start!

Step 1.

Create a new document. Set the size 200px x 200px and make sure the background color is white.

Step 2.

Go to the Brush Tool, set foreground color to black. Select the “Star 70 px” brush and add a few sparkles.

Step 3.

Go to the Brush Tool. Select the “Soft Round Pressure Opacity” brush. Set the size 17px and add more sparkles.

Step 4.

Go to the Brush Tool. Click on the right top corner of the brush panel and select Assorted Brushes and press Append.

Step 5.

Go to the Brush Tool. Select the “Starburst-small” brush and set the size 50 px, and add again more sparkles.

Step 6.

Go to Edit->Define Brush Preset.. and give the name of your new brush (for example: sparkle brush).

Step 7.

Open your picture in which you want to style and create a new layer. Set the color of the foreground to white.

Step 8.

Go to the Brush Tool, and click on Toggle the Brush Panel.

Go to Shape Dynamics and set the Size Jitter control to Fade: 25.

Go to Brush Tip Shape and set spacing to 50%.

Step 9.

Use your brush on the new layer and style your picture.

Step 10.

Add some glow to your sparkles. Hit the right mouse button on your sparkle layer and select Blending Options…

Go to Outer Glow, set the Opacity to 50% and choose the glow color.

Ready!

Watch also the video tutorial:

Categories
Photoshop

How to create a sparkle effect in Photoshop?

In this tutorial, you will learn how to create a sparkle effect in Photoshop CS6. Follow the steps below and watch the video tutorial and start making your own sparkles!

Step 1.

Create a new document and make a background in a dark color.

Add a new layer and use an option Gradient Tool. In the middle of the layer draw a short line.

Step 2.

Duplicate layer and change the shape of your layer, like a picture below.

Step 3.

Duplicate a few times more a layer and make “star shape”.

Drag the first layer with the gradient to the back of “star shape”. Hide by pressing eyeball background and in the layer panel select the option Merge Visible.

Your sparkle is ready to use!

Watch also video tutorial:

Categories
Photoshop

How to make a circle text in Photoshop?

Type text in the circle in Photoshop CS6. That’s very easy! Follow the steps below and watch the video tutorial.

Step 1.

Create a new document. Select the Eclipse tool and choose Path on the option bar.

Step 2.

Draw the circle (holding shift key). Select the Type Tool and press over the path. You can write your text in the circle now!

Watch also short video tutorial:

Categories
Photoshop

How to make Water Effect inside a Light Bulb in Photoshop?

If you want to make a water effect, water splash inside a Light Bulb, this tutorial is for you. Follow the steps below and watch the video tutorial.

Do you like this image? Check more images in the store.

What do you need to create Water Effect inside Light Bulb?

  1. Water Image
  2. Object Image which you want “put to the water” for example : Plant, Fish, Ship…
  3. Light Bulb Image

You can find free images in Internet (for example on Free Digital Photo, Free Images, Unsplash and much more…)

Step 1.

Choose your images (you can use mine) and remove the background from each picture.

Note: This tutorial has been made in Photoshop CS6.

To remove the background you can use Background Eraser Tool option, or/and Magic Wand Tool, or/and Pen Tool by making selections.

Step 2.

Go to File->New and create a new document, choose size which you like (for example 640 x 480px).

Set the background colour of the document and drag the Light Bulb image. Hold shift key set the size of your Light Bulb.

Tip. Holding shift key not constraining proportions when resizing your image.

Step 3.

Create new layer. Go to Layer->New->Layer Via Copy, then select your new layer and go to Edit->Free Transform.

Click the right mouse button and select Flip Vertical. Move your new layer down like in the picture below.

In the layers panel set the opacity of your layer to 40%.

You can use Eraser Tool (select first one from the top) to blur a bit the edges.

Step 4.

Now, we are going to remove the inner parts of the Light Bulb. Go back to the light bulb layer and choose the Pen Tool.

Using the Pen Tool make a patch around the inner part but do not close it. Press right mouse button and select Fill Path.

Use Color… and choose in the Color Picker white colour and click Okay.

Right mouse button click and select Make Selection. Press Okay and click once on the screen to deselect the selection.

Go to the Stamp Tool and choose Clone Stamp Tool (first from the top).

Hold down Alt key and click to select a source point to clone from. Release the Alt key and move the cursor over to the point that you wish to clone to, and click or drag with the mouse until you’ll clean the inner area of light bulb.

Step 5.

Drag the water image on your light bulb layer. Use Shift key to set the size of the water.

Go to Eraser Tool (select first of the top) and start carefully erase the water from the light bulb edges. Try to clean your picture very precisely.

Go to Image->Adjustments->Color Balance… and by using this tool you can change the hue/ saturation of your water image.

Step 6.

Drag your object image on the light bulb layer to fit it inside (using the Shift key).

Now, go to the water layer and use right button of the mouse and press Duplicate Layer… move the new layer on the top of layer panel and change the opacity to 40%.

Ready!

Watch video tutorial:

Categories
Photoshop

How to create a Bokeh Effect Wallpaper with text in Photoshop?

In this tutorial, you will learn to create a Bokeh Effect Wallpaper with text in Photoshop CS6. Bokeh Effect is the way a camera lens treats out-of-focus points of light. The term “Bokeh” comes from the Japanese word and means “blur” or “blur quality”. Follow the steps below and create your own Boken Effect wallpaper. At the end of the post, you can find also the video tutorial. Good luck! 

Do you like this image? Check more images in the store.

Step 1:


Open a colorful image that you’d like to use to create your Bokeh effect. Set the resolution on your image 150px and the size of your picture.

Step 2:


Go to Filter->Blur->Gaussian Blur and set the Radius to 65px and press Okay.

Step 3:


We’ll darken the mid-tones by clicking on the adjustment layer and selecting Curves

Go to the center of the grid and pull it slightly down and to the right.

Step 5:


Create a new layer and open the Brush Tool. Open Brush Panel and set up:
Size: 125pxHardness: 100%Spacing: 80%

Click Shape Dynamics and make the:
Size Jitter: 50%

The control: FadeAngle

Jitter: 0%

Angle control: off

Go to Scattering. Make the Scatter 1000%. Count 1.

Step 6:


Now, randomly brush over your image. Change the Blend Mode to “Overlay” and reduce the opacity to 50%.

Go to Filter->Blur->Gaussian Blur. Blur it 16px and click Okay.

Step 7:


Click on the New Layer icon. Change the Blend Mode to “Overlay” and opacity to 50%, and randomly brush over the image.
Go to Filter->Blur->Gaussian Blur. Blur it 12px and click Okay.

Step 8:


Make a new layer, change Blend Mode to “Overlay” and opacity to 50%, and again randomly brush over the image.
Go to Filter->Blur->Gaussian Blur. Blur it 8px and click Okay.

Next, I’ll show you how to add Bokeh text.


Step 1:


Open your “Horizontal Type Tool” and choose the thin font. Set the size around 190px, and select the “sharp” option. Type out your text.

Step 2:


Click by the right button of the mouse on the text layer and choose an option Select Pixels

Click off the eyeball to the text layer to hide it. Create a new layer.

Step 3:


Open the Paths Panel and click on the icon of the upper right. Select Work Path and set 0.5px.

Step 4:


Open your Brush Tool and open the Brush Tool Panel. Click “Brush Tip Shape” and make the size 30px, spacing 80% and hardness 100%.

Select Shape Dynamics and set the size Jitter 50% and control Off. Minimum diameter 0%. Uncheck Scattering.

Click Color Dynamics->Foreground/Background Jitter set to 100%.

Transfer:

Opacity Jitter: 0%, control Off
Flow Jitter: 100%

Step 5:


Click on the icon at the upper right corner of the Paths panel and click Stroke Path.

Choose Brush and make sure that “Simulate Pressure” is not checked.

Step 6:


Open back the layers panel and change Blend Mode to Color Dodge. To hide the Work Path hit Cmd+H.

Create a copy of the layer. Choose Blending Options->Inner Glow and change the Blend Mode to Color Dodge, and opacity to 50%Source center and hit Okay. Go to Filter->Blur->Gaussian Blur. Blur it 4px and click Okay. Your Bokeh Effect Wallpaper is Ready!

You can see also the tutorial video below:

Enjoy!

Categories
Photoshop

How to make an animated GIF in Photoshop?

How to make an animated GIF in Photoshop? You won’t believe how simple it is! It takes just a few minutes! To learn how to use your images to create an animated GIF watch the video tutorial below, or follow the steps from this post. 

You can watch the tutorial video here, I hope you’ll find it helpful. 
Note: This tutorial has been made in Photoshop CS6.

Here is how you can make own animated GIF step by step. Let’s get it started! 
Note: Before you’ll start making an animated GIF you have to get your images imported and ready to animate. So, if you have a series of images ready to go we can go to step 1.


Step 1: Load images to Photoshop.


Load your images into stacks. From the top menu. Go to File->Scripts->Load Files Into Stack. This option allows you to load an entire range of your images, rather than needing to drag each one to your document individually. 

Step 2: Set up your timeline. 


Open the Timeline window (Window->Timeline). Once you have selected the Timeline option will appear at the bottom of your screen. 

Step 3: Make Frames From Layers.


Press the button on the right side of the Timeline window, and select Make Frames From Layers.

Step 4: Choose the frame duration.


Under each frame, select how long it should appear before switching to the next frame. Then, at the bottom of the toolbar, select how many times you’d like it to loop.

Step 5: Preview your GIF. 


Before saving your GIF, you can preview your GIF by pressing the play icon. 

Step 6: Save your GIF! 


Go to File->Save For Web…and press Save again. 

and Voila! Your GIF is ready.

Enjoy!