16 best examples of website homepage design (part 1)
1) The design of the home page clearly answers the question “Who am I?”, “What am I offering?” And / or “What can the user do here?” If you represent…

Continue reading →

Learn how to add snow to photos in Photoshop
Step 1 Open the "Cottage" image. Step 2 Create a new layer (Ctrl + Shift + Alt + N) and fill it with white using the Fill tool. Step 3…

Continue reading →

How to create a surreal scene in Adobe Photoshop
Manual details Program: Photoshop CS3 +. Lead time: 120 minutes. Difficulty: Intermediate. Sources Field. Sky. Crashed plane. Tree. Model. Fish. Step 1 Create a new 1800 x 1000 px document…

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.

Corel Painter vs Photoshop: Digital Painting Comparison (part 1)
You can draw digital painting in both Corel Painter and Photoshop, depending on how you want to work, how much time you are willing to spend on additional study of…

...

The 9 best Photoshop filters and plugins of 2017 that you can use for free
Free filters The filters below are formally “Photoshop actions” (.ATN files). Actions (actions) is a pre-recorded series of steps that allows you to apply effects (in this case, filters) automatically.…

...

Complete Web Animation Guide (part 1)
Let's start with the preparation of the main image, create a multi-level complex shape and add several layer styles to give it a beautiful appearance. I used Photoshop CS6 version,…

...

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…

...