![]() ![]() If it’s shorter, just make some copies of your animations until you reach the desired length. To share your GIF on Instagram, make sure it is at least five seconds long. If you plan to use the animation in WordPress, remember to make it the exact size you want it to be or you may end up just seeing the first frame. Ĭhoose one of the larger GIF settings as the preset and make sure the resulting image won’t be too heavy checking the size on the bottom left side of the window. If you have an older version of Photoshop, this option may be found under Save as. Once you are happy with your animation, go to File > Export > Save for web (legacy). If you need, make changes and test again. ![]() Once you are happy with your frames, click play to test the animation. If you want (and don’t plan to edit your folder content any further) you can flatten them and then, instead of manually creating the frame tiles, click on the small menu on the right side of the Timeline panel and choose Make frames from layers. Remember to change the visibility of the correct folder for each tile. Repeat this with the rest of the frame folder. Then, drag the tile to the small square with a + sign to duplicate it and make the frame 2 folder visible this time. Change the delay value to 0.2 seconds or more (small arrow on the bottom right of the tile). You will have a small tile in the timeline panel, make sure that just the frame 1 folder is visible (small eye icon). Select your frames and click the create frame animation button. Reorder the frame folders if needed (frame 1 on top and frame 8 at the bottom). When the Timeline panel is open, make sure that the create frame animation is selected in the center button. In frame 7, we left all the elements out.Īnd finally, in frame 8 we hid the clip-art. Next, with the second word (Bundles), we first made background text appear in frame 5. Now, in each frame folder hide/delete, change, move and/or recolor the elements you want to change during your animation.įor example, we made the first word (Fonts) appear letter by letter in the first 4 frames. Ĭreate as many duplicates of the frame 1 folder as you may need for the animation (we made 7 copies). Select all the elements you want to include in your frames and group them together by dragging their thumbnails onto the folder icon at the bottom of the Layers panel. Use whatever tool you prefer (paint bucket, paintbrush, etc.) to recolor the selected element. Go to Select > Modify > Feather and choose a 1 pixel feather radius. Ĭhoose the correct layer in the pop-up window, and click OK. To change the color of the clip art element, right-click on top of its thumbnail and choose rasterize layer. We also repositioned the layer so the words and font types are in order. You can use the Free transform tool (T) for that and, click enter (or the small checkmark on the top menu) to commit the changes. ![]() Step 6: Add the final details and changes to your designĬheck if you need to change the placement and/or size of your text. Next we changed the font (Last Dream Extruded) and font color. Since our font is layered, we duplicated our text layers (command/control + J). We chose to keep our text in separate layers. If you have one, add the second line of text. With the Type tool (T) selected, click on the canvas, choose the font, size, and alignment you prefer (we used Last Dream with an 80 pt size and center alignment). To add a clip art element to your design, just drag the file onto your canvas, resize it if needed and, click enter (or the small checkmark on the top menu) to commit the changes. Step 4: Add a decorative clip art element Select one of the colors as foreground and with the Paint bucket tool (G).Ĭlick on top of the background layer to color it. To unlock the background layer, double-click on top of its thumbnail and click OK on the pop-up window. Now, it should appear as a folder inside the Swatches panel. Navigate to the location where the color palette file is stored and select it. To bring it into Photoshop, click on the small menu on the top right side of the Swatches panel and choose import swatches. Size it to fit your needs, but keep in mind that if you are going to use it on Instagram, it is better to make it square. By using the timeline window, you can quickly create animations.įor this tutorial, we are using Last Dream which is a layered font, as well as fireworks clipart and a sunset color palette. In this tutorial we will walk you through the steps on creating a GIF in Photoshop. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |