Categories
Photoshop Premiere Pro

How to export high-quality GIF from Adobe Premiere Pro? (Photoshop solution)

Adobe Photoshop GIF

It’s easy to learn how to make a video into a GIF with Adobe Premiere Pro however sometimes the quality of a GIF can be lower than you expect.

Adobe Premiere Pro is a video editor and is not the best tool for creating a small size GIF.

If you tried exporting GIF from Adobe Premiere Pro using the “animated GIF” option, but the image output was still poor no matter what settings you chose, you can try to fix this issue with help of Adobe Photoshop.

Adobe Premiere Pro
*GIF exported from Adobe Premiere Pro
Photoshop GIF
*GIF exported from Adobe Photoshop

To export high-quality GIF using Adobe Premiere Pro and Adobe Photoshop follow the steps below:

Step1.

Adobe Premiere Pro

Open the Adobe Premiere Pro and create the new sequence (go to the File ->New->Sequence…)

importing a video to Adobe Premiere Pro

In the new sequence window, go to the settings and change the frame size to your preferred one. Make sure that the square pixels(Pixels Aspect Ratio) option has been selected. Press Okay.

GIF Adobe Premiere Pro

Go to File->Import, and select the video that you want to make into the GIF.

converting video to a GIF in Adobe Premiere Pro

Drag your video to the sequence panel:

Adobe Premiere Pro creating a GIF

If your video is in a different size then your sequence will pop the information with Clip Mismatch Warning. Press Keep Existing Settings to do not change the sequence frame size.

After dragging a video to the sequence panel your video may not match with the sequence. To fix this click on your video in the sequence panel and go to Effect Controls.

Adobe Premiere pro GIF

In the Effect Controls panel go to the Scale. Use the horizontal slider to fit the size of your video to the sequence.

If you want to move a video horizontally, or vertically go to the Position option (in the Effect Controls panel).

The first value in the Position option defines the horizontal position, the second value defines the vertical position. Change the values to set the wanted position of your video.

Adobe Premiere Pro creating a GIF

Go to File->Export->Media..

Animate GIF Adobe Premiere Pro

In the Export Settings, go to the format and select from the drop-down menu an option H.264 (to export a video in mp4 format).

At the bottom of the Export Settings, select the part of the movie that you want to export. On the right side of the Export Setting, you can change the name of your movie and the localization. Press Export.

adobe premium pro gif

Step2.

Adobe Photoshop

Open Photoshop and go to File->Import and select an option Video Frames to Layers…

Photoshop Video GIF

Choose a video exported from Adobe Premiere Pro, and make sure that the option – Make Frame Animation is ticked.

Photoshop Video GIF

Go to Window->Timeline to see the timeline (all frames):

Adobe Photoshop GIF
Adobe Photoshop Timeline

To export GIF in Photoshop go to File->Export->Save for Web(Legacy)…

Photoshop Exporting GIF

Make sure that exported file will be in a GIF format. Change the Looping options to Forever. Press Save…

Adobe Photoshop GIF

Your GIF is ready!

Read also:

How to create a GIF in Adobe Premiere Pro?

How to make slide text effect in Premiere Pro?

Push Slide Transition Effect in Adobe Premiere Pro

Categories
Photoshop

How to create an Easter Egg in Photoshop?

Easter Egg in Photoshop

Follow the steps below and watch the video tutorial:

Step1.

CREATE AN EGG SHAPE

Fill the background of any colour you like (colour used in the tutorial: #fffffc). Use the Ellipse Tool and draw a circle. Fill the circle of any colour you like.

Easter Egg in Photoshop

Go to Edit–>Transform–>Wrap.

egg shape in Photoshop

Click on the top of the circle and holding the button move the mouse up:

egg shape in Photoshop

Step2.

ADD EGG PATTERN

Create the new layer. Use Pen Tool and draw kind of broken shell/ zigzag shape.

egg in Photoshop

Right click on the path and select Make Selection…

easter egg in Photoshop

Press Shift+Delete (in Mac OS) to fill the path (used colour in the tutorial: #fefae0). Use the Pen Tool again and draw a similar path on the top of the egg. Fill the path.

easter egg image

Create a new layer. Draw a triangle shape by using the Pen Tool in the middle of the egg. Fill the triangle (used colour in the tutorial: #ef6f51):

easter eggs in photoshop

Create a new layer. Draw a second triangle shape by using the Pen Tool on the top of the first triangle. Fill the triangle (used colour in the tutorial: #f4a261).

Create a new layer. Use the Ellipse Tool and draw two flat circles:

easter eggs

Create a new layer. Use the Ellipse Tool and draw two circles (used colour in the tutorial: #ffb4a2):

easter egg photoshop

Create a new layer. Use Rectangle Tool and draw a square. Fill the square (used colour in the tutorial: #f2cc8f). Drag this layer at the bottom of the Shell/ Zigzag path.

easter egg in photoshop

Hide the background and the egg layer by unticking the eyeballs in the layer panel. Right-click on the Rectangle layer and select Merge Visible.

egg in Photoshop

Make an egg layer visible (click on the eyeball).

Create Clipping Mask: Hold down Alt (Option in Mac OS), position the pointer over the line dividing two layers(rectangle layer and the egg layer) in the Layers panel (the pointer changes to two overlapping circles), and then click.

easter egg

Merge the visible layers:

easter egg in photoshop

Step3.

SHADOWS

Change the colour of the background (used colour in the tutorial: #8ecae6). Use the Ellipse Tool and draw the flat circle in black:

In the Layers panel, reduce the opacity of the circle to 20%:

easter egg in photoshop

Right-click on the rectangle layer and select Blending Options…:

Tick Inner Shadow and set the opacity to 40% and the Blend Mode to Multiply:

Easter Egg

Easter Egg is ready!

Easter Egg in Photoshop

Watch also the video tutorial:

Categories
Photoshop

How to create the Gradient Text Effect in Photoshop?

To create the Gradient Text Effect in Photoshop follow the steps below and/or watch the video tutorial.

gradient text effect photoshop

Step1.

Create a new document. Set the colour of your background layer and type your text.

gradient text effect photoshop

Step2.

Right-click on the text layer and select the Blending Options.

gradient text effect

Go to Gradient Overlay:

gradient text effect

You can see your text with the gradient effect now:

gradient effect

In Gradient Overlay panel you can choose the already existing gradient or create a new one in the Gradient Editor.

gradient text
gradient text effect

Step3.

Select or choose new colours and create a new gradient.

text effect photoshop

To create the gradient below I used three colours: #72a862, #2af598 and #05747b:

Watch also the video tutorial:

Categories
Photoshop

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

Some time ago I posted a tutorial how to make in 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.

Shapes in Photoshop

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

Step.1

Open 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).

Photoshop Shapes

Choose the Custom Shape Tool (U).

Phoshop Traingle Shape and Star Shape

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

Triangle shape Photoshop

On the drop-down menu click on Shapes.

Star shape Photoshop

Press Append.

Shapes in Photoshop

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

Custom shapes Photosop

Step2.

Draw your selected shape:

STAR:

Star shape in Adobe Photoshop

TRIANGLE:

Custom Shapes Photoshop

HEART and more:

Heart Shape Photoshop

Watch also the video tutorial:

Read also:

Photoshop Tutorials

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

How to make a circle text in Photoshop?

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.

Rainbow Effect in Photoshop

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.

Rainbow effect Photoshop
rainbow Photoshop

Step2.

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

Rainbow in Adobe Photoshop

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

Rainbow Effect

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

Rainbow Photoshop

Step 3.

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

Rainbow Effect Photoshop

and hit delete key.

Rainbow Adobe Photoshop

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

Rainbow Adobe Phtoshop
Rainbow in Phtoshop

Step 4.

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

Rainbow in Adobe Photoshop

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

Rainbow Photoshop
Rainbow Adobe Photoshop

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

Rainbow Adobe Photoshop

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

Step1.

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

Rainbow text Adobe Photoshop

Step2.

Go to Edit->Define Pattern…

Rainbow Text Effect Adobe Photoshop
Rainbow Text Photoshop

Step 3.

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

Rainbow text effect Photoshop

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

Rainbow text

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

Rainbow Effect Photoshop

Set the Scale to 35%:

Rainbow Photoshop

Select Bevel & Emboss, and Contour.

Rainbow Text Photoshop

Ready!

Rainbow Text and Rainbow

Watch also the Video tutorial:

Read also:

Photoshop Tutorials

How to create Bubbles in Photoshop?

Categories
Photoshop

How to add a Rain Effect to the image in Photoshop?

Rain Effect in Photoshop

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 the 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 your own pictures.

Rain Effect

Step 1.

Open your image/photo.

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

Rain Effect

Step 2.

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

Rain in Photoshop

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

Rain Effect

Step 4.

Go to Edit=>Transform=>Scale…

Rain Effect in Adobe Photoshop

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

Rain Effect

Step 5.

Change the Blend mode to Screen.

Rain Effect in Photoshop
Rain Effect in Adobe Photoshop

Step 6.

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

Rain Effect in Adobe Photoshop

Step 7.

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

How to create a rain effect in Adobe Photoshop?
Rain Effect Adobe Photoshop

Step 8.

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

Rain Effect

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

Rain Effect in Photoshop

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

Rain Effect Photoshop

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.

Star Shape and Triangle Shape in Photoshop

Step 1. STAR

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

Star Shape and Triangle Shape in Photoshop

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

Star Shape and Triangle Shape in Photoshop

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:

Star Shape Photoshop

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:

Triangle Shape in Photoshop
Triange shape in Photoshop

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 the easy steps below and watch the video tutorial, and start styling your pictures!

Photoshop Sparkle Brush

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 the foreground color to black. Select the “Star 70px” brush and add a few sparkles.

Adobe Photoshop Sparkle Brush

Step 3.

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

Sparkles photoshop

Step 4.

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

Adobe Photoshop Sparkles

Step 5.

Go to the Brush Tool. Select the “Starburst-small” brush and set the size 50px, 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.

Photoshop Sparkle brush

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

Sparkle brush

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

Adobe Photoshop Sparkle Brush

Step 9.

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

Sparkles Photoshop

Step 10.

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

Adobe Photoshop Sparkles

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

Sparkling brush Photoshop

Ready!

Sparkles Adobe Photoshop

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!

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 make a circle text in Photoshop?

To learn how to make a circle text in Photoshop follow the steps below and watch the video tutorial.

Circle text in Photoshop

Step 1.

Create a new document. Select the Eclipse tool and choose Path in the options bar.

Photoshop type text in the circle

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!

circle text Photoshop
type in the circle

Watch also the video tutorial: