Stap 3: met behulp van Photoshop
Ik zal u door een voorbeeld van een zeer eenvoudige geanimeerde GIF lopen. Ik maakte deze ik ♥ spek animatie in ongeveer 20 minuten. Mijn klaar Photoshop-bestand (iHEARTbacon.psd) kunt u downloaden onderaan deze stap voor uw referentie. De afbeelding van deze stap is een geanimeerde GIF die ik heb gemaakt over het maken van een geanimeerde GIF. (wow!)
Ik gebruikte Photoshop CS5, maar dit zal ook werken met eerdere versies. Ik begon door het doen van een beeldonderzoek naar enkele zeer eenvoudige beelden van een hart en spek. Elk beeld werd geopend naar zijn eigen browser tab. Toen vond ik de beelden die ik wilde mij toegankelijk opwaarts Photoshop en zorgde ervoor dat het lagen -venster was geopend (F7)
- opent een nieuw tekenpapier (ctrl + n) en stelt u tot 500 x500 pixels
- gebruik van gereedschap vullen en maak een witte basislaag
- invoegen van referentiemateriaal op nieuwe lagen boven de basislaag
- re-spanwijdte / referentie afbeeldingen zo nodig schoon
- tekstgereedschap invoer captil "I", re-size als dit nodig is
- van boven naar de onderste laag moet de volgorde: tekstlaag "Ik" > hart beeld > spek afbeelding > witte achtergrondlaag
- Open Venster > animatie
- 6 nieuwe lagen in het venster animatie maken
- animatieframes
- frame 1: Toon tekstlaag "I" en witte basislaag (uitzetten hart en bacon afbeeldingen)
- frame 2: zwenking vandoor tekstlaag "I", laat witte basislaag op
- frame van 3: Toon hart beeld en witte basislaag
- kader 4: hart beeld uitschakelen, verlaten witte basislaag op
- kader 5: Toon spek beeld en witte basislaag
- kader 6: zwenking vandoor spek afbeelding, witte basislaag laat op
- CTRL + klik op de tekst, hart en spek lagen, stel de vertraging tot 0,5 seconden
- CTRL + klik de plaatsvervanger wit animatie lagen en vertraging tot 0,2 seconden instellen
- bestand > opslaan voor web
- de animatie ingesteld op continu herhalen en sla uw geanimeerde GIF
- het hele project na opslaat als een Photoship-bestand (.psd)
ik ♥ spek gemaakt met Photoshop
↓ de I ♥ spek Photoshop-bestand downloaden