How to unlock an “index” layer in Photoshop
When you start learning Photoshop, you may encounter some problems that are just crazy. Especially when you open an image, but find in the palette of layers that it is…

Continue reading →

Create a shop theme for handmade products in Photoshop (part 2)
Step 6 It's time to create a catchy title for your website layout design. Use the large and bold font Source Sans Pro and write a short title. I used…

Continue reading →

How to create a simple web banner in Photoshop?
Let's start with the finished banner. We have a basic example, the colors used in it soothe the eyes. It can be posted on a website dedicated to fashion and…

Continue reading →

How to create an animated GIF using Photoshop

How to create and save GIFs in Photoshop
If you spend a lot of time on the Internet, you have seen animated GIFs (gifs). This is a cross between a still image and a video. They are well received by people, and can also have a strong emotional effect.

In this tutorial on creating animated GIFs, I use Photoshop versions of Creative Cloud 2015.

How to create and save GIF-animation in Photoshop (Photoshop)?
The following is an example of an animated GIF that you can create using this guide:
Step 1. Upload Images to Photoshop
If you already have images …

Save the desired images in a separate folder. To load them into Photoshop, click File> Scripts> Upload Files to Stack.
Then click the Browse button and select the files you want to use in the generated GIF image. Click OK.
After that, Photoshop will create a separate layer for each added image. Next, go to step 2.

If you don’t have a set of images yet …

Create each frame of the animated GIF as a separate layer. To add a new layer, select Layer> New> Layer.
To name the layer, go to the Layers panel, double-click the default layer name, and enter the name you want to specify. Press Enter to save it.
After you have created all the necessary layers and gave them understandable names, you can proceed to step 2.

Professional tip: If you want to combine the layers so that they appear in the GIF image in one frame, turn on visibility for the layers by clicking on the “eye” to the left of the name of each desired layer. Then press Shift + Command + Option + E (Mac) or Shift + Ctrl + Alt + E (Windows). Photoshop will create a new layer containing the merged content, it will also need to be renamed.

Step 2. Open the “Timeline” window
To open the Timeline window, go to the top menu and select Window> Timeline. It allows you to use different layers at different time periods, thereby turning a static image into a GIF animation.
The Timeline window appears at the bottom of the screen. Here’s what it looks like:
Step 3: In the “Timeline” window, click the “Create frame animation” button
If this item is not automatically selected, select it from the drop-down menu.
Now the “Timeline” window should look something like this:
Step 4. Create a new layer for each frame.
First select all layers by going to the main menu, and then select> All layers. Then click on the menu icon located to the right of the timeline.
From the drop-down menu, select “Create a new layer for each new frame.”


Step 5: Click on the same menu icon and select “Create frames from layers”
As a result, each layer will be used as a frame of the GIF image.
Step 6: Under each frame, specify how long it should be displayed before moving to the next
To do this, click on the time indicator located below the frame and set how long it should be displayed. In our case, we chose 0.5 seconds per frame.
Step 7: At the bottom of the toolbar, select how many times you want the animation to play
The default value is “Once.” Click on “Other” if you want to specify an arbitrary number of repetitions.
Step 8: View the created GIF image by clicking on the play icon

Step 9: Save and Export the GIF Image
It remains to understand how to save the animated GIF in Photoshop for later use. To do this, go to the top menu and select File> Save for Web in it.
Then select the type of GIF you want to save. The number next to the GIF designation determines how accurately the colors of the GIF image will match the original JPEG or PNG image. According to Adobe documentation, a higher percentage of smoothing gives more colors and more detail. But this increases the size of the resulting file.

Click “Save” to save the created GIF file to your computer. Now you can use this GIF image in marketing events.

Upload the GIF file to any place from which it can be played. Here is the final result:
How to use GIFs in marketing
In social networks
Pinterest was the first to allow the use of animated GIFs, followed by Twitter. And by the summer of 2015, Facebook joined them. Instagram then changed the format of working with Boomerang, which now allows users to shoot and share their GIFs. On any of these social resources, animated GIFs can be a great way to stand out from the crowd.

In emails
Animated GIFs are displayed in emails like regular images. This not only helps to attract the attention of recipients, but can also directly affect sales.

31 freeware graphics software (part 3)
22. - a web application for creating interactive infographics. Infographics is a new way of visual presentation of data, which is developing rapidly. is the best program for…


How to choose the right color scheme for the site? (part 1)
If I ask you to think about Coca-Cola, what will come to mind first? Most likely, a red Coca-Cola logo will pop up in your imagination: It is quite difficult…


Corel Painter vs Photoshop: Digital Painting Comparison (part 2)
Brushes When the background image is completed, the next step is to refine the shape of the main objects of the composition, add colors and increase contrast, as well as…


How to choose the right color scheme for the site? (part 5)
Type 2 - Corporate sites and services When creating a corporate resource, one goal is pursued - the promotion of goods or services. Depending on what the purpose of your…