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!

Sparkles in Photoshop

Step 1.

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

Sparkle Effect in Adobe Photoshop

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

How to create a sparkle effect in Photoshop?

Step 2.

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

Sparkle Effect in Adobe Photoshop
How to create a sparkle effect in Photoshop?

Step 3.

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

Sparkle Effect in Adobe Photoshop

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.

Sparkle Effect in Adobe Photoshop
Sparkle Effect in Adobe Photoshop

Your sparkle is ready to use!

Sparkle Effect in Adobe Photoshop

Watch also 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. The 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 watch the video tutorial.

Bokeh Effect Photoshop

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.

Photoshop Bokeh Effect

Step 2:


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

Bokeh Wallpaper
Bokeh Wallpaper Photoshop

Step 3:


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

Bokeh Effect Photoshop

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

Bokeh Photoshop

Step 5:


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

Bokeh Wallpaper
Bokeh Wallpaper Photoshop

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

The control: FadeAngle

Jitter: 0%

Angle control: off

Bokeh Effect Photoshop

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

Bokeh Effect Photoshop

Step 6:


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

Bokeh Effect Adobe Photoshop

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.

Bokeh Wallpaper Adobe Photoshop

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.

Bokeh Text Effect

Step 2:


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

Bokeh Text Effect Adobe Photoshop

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

Bokeh Text Adobe Photoshop

Step 3:


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

Bokeh Text Effect Photoshop
Bokeh Text Photoshop

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%.

Bokeh Text Effect Adobe Photoshop

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

Bokeh Text

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

Bokeh Text Adobe Photoshop

Transfer:

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

Bokeh Text Effect Photoshop

Step 5:


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

Bokeh Photoshop

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

Bokeh Adobe Photoshop

Step 6:


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

Bokeh adobe Photoshop

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!

Bokeh Effect Photoshop

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. 

animated gif

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. 

How to make an animated GIF in Photoshop?
How to make an animated GIF in Photoshop?

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. 

How to make an animated GIF?
Animated GIF

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!