![]() The GIMP file I created is available at the bottom of this step. GIMP is a free direct competitor to Photoshop and does many of the same functions. I ♥ bacon made with Photoshop ↓ download the I ♥ bacon Photoshop file Save the entire project after as a Photoship file (.psd) Set the animation to loop forever and save your animated GIF type tool input captil "I", re-size as necessaryįrom top to bottom layer order should be: type layer "I" > heart image > bacon image > white background layerįrame 1: show type layer "I" and white base layer (turn off heart and bacon images)įrame 2: turn off type layer "I", leave white base layer onįrame 3: show heart image and white base layerįrame 4: turn off heart image, leave white base layer onįrame 5: show bacon image and white base layerįrame 6: turn off bacon image, leave white base layer onĬrtl+click the text, heart, and bacon layers, then set the delay to 0.5 secondsĬtrl+click the alternate white animation layers and set delay to 0.2 seconds.Re-size / clean reference images as necessary Insert reference material on new layers above base layer Use fill tool and make a white base layer Open a new canvas (ctrl+n) and set to 500 x500 pixels Each image was opened to it's own browser tab. When I found the images I wanted I opened up Photoshop and made sure the layers window was open (F7) I started by doing an image search for some very simple images of a heart and bacon. I used Photoshop CS5, but this will also work with earlier versions. The picture of this step is an animated GIF I made about making an animated GIF. You can download my finished Photoshop file (iHEARTbacon.psd) at the bottom of this step for your reference. I made this I ♥ bacon animation in about 20 minutes. I'll walk you through an example of a very simple animated GIF. Luckily, Adobe offer a student version and Photoshop elements, both of which are significatnly less expensive and follow the same process as described below. Photoshop is a very powerful tool that does loads of photo editing magic it is also very expensive. The techniques I show are just the basics, with a little trial and error you can create some interesting results. When using programs like Photoshop and GIMP there are huge areas where you can push the boundaries of making an animated GIF. Animated GIF's will not play correctly if reduced through inline HTML (using Some examples on how animated GIFs can be used are: Using Photoshop or GIMP - images only into GIF Using a free online method - video and images into GIF The simple I ♥ bacon image above is an example of an animated GIF.Īnimated GIFs, like its JIF peanut butter namesake, are amazing when prepared right and disastrous when handled wrong. This Instructable will cover 4 different methods: GIF format makes it possible to watch motion in a frame without having to use a video hosting service like Youtube or Vimeo. For those who arrived late to class, an animated GIF is a digital picture format that has the ability to display animation. Nothing sums up things like an animated GIF, and if you've spent any time on the Internet you've undoubtedly seen a few. NOTE: This page might take a moment to load
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |