|
|
|
|
Tips Photoshop |
|
go to : Index |
|
|
|
|
Tip 56 - deel 1 |
|
|
Deze Tip werd geschreven door mezelf
|
|
Geanimeerde banner - deel 1 |
In deze tip toon ik je hoe je een geanimeerde banner maakt in Photoshop |
Wens je de afbeelding uit deze tip te ontvangen, klik hier. |
|
Ik begin met het maken van een nieuw bestand met een grootte van 464 X 90 pixels en een witte achtergrond. Als resolutie kies ik 75, zodat het bestand niet te zwaar word, in kb bedoel ik dan.
Vervolgens voeg ik hieraan alle objecten toe die ik wil gebruiken in de banner.
Alles wat afzonderlijk moet worden geannimeerd, plaats je in een eigen laag.
Zo heb ik in mijn bestand
negen lagen, achtergrondlaag inbegrepen. |
|
|
Wanneer alles is ingevoegd in het bestand geef ik de lagen die het nodig hebben nog een toepasselijke naam, dit maakt het handig om verder te werken.
Laag 1 en Laag 2 worden foto links en foto rechts. De rest is tekst en hoeft niet te worden aangepast.
Vervolgens openen we het venster "Animatie".
Klik hiervoor "Venster" in de menubalk, en klik "Animatie" in het drop-downmenu.
In het animatievenster klik je de knop "Omzetten in frameanimatie" (1). |
|
|
Dit geeft het animatievenster weer met frames.
Om een animatie te maken moeten we werken met verschillende frames.
In elk frame dat wordt toegevoegd bepalen we wat er moet worden gezien door de oogicoontjes in de verschillende lagen aan of uit te vinken. |
|
|
Een voorbeeld maakt dit duidelijk.
Het eerste frame is standaard ingevoegd.
Hiervoor bepalen we de tijd dat dit moet worden getoond door het naar benedenwijzend pijltje te klikken in de rechter benedenhoek van het frame (1), en een tijd te kiezen in het pop-upmenu (2).
Staat de gewenste tijdsduur er niet tussen, klik je de optie "Anders...", en typ je een tijdsduur in het dialoogvenster dat verschijnt.
Een halve seconde is in dit voorbeeld voor het eerste frame voldoende, dus kies ik 0,5 in het lijstje (2).
Vervolgens kies ik welke lagen ik wil zien in dit eerste frame.
Dit doe ik door de oogicoontjes van de lagen die ik niet wil zien, uit te vinken (3).
|
|
|
Vervolgens voegen we een tweede frame toe.
Klik hiervoor de knop "Dupliceert geselecteerde frames" (1) onderaan het animatievenster.
Dit doet wat het zegt, het dupliceert het geselecteerde frame.
Selecteer in het lagenvenster de lagen die je wil weergeven in dit frame (2), en bepaal de tijdsduur van dit frame (3). |
|
|
We dupliceren nogmaals het frame door de respectievelijke knop te klikken (1), bepalen opieuw wat we wensen te zien in dit frame (2), en bepalen hoe lang we dit frame wensen te zien (3). |
|
|
We dupliceren nogmaals het frame (1), bepalen nogmaals de lagen die we wensen te zien (2), en bepalen nogmaals de tijdsduur van dit frame (3).
En eigenlijk is dit altijd hetzelfde.
1 - frame dupliceren
5 - bepalen wat je wil zien in het frame
3 - tijdsweergave bepalen van het frame.
|
|
|
We dupliceren nog maar eens het frame.
We selecteren het oogicoontje van de laag met de professor (2), maar in dit frame wens ik de lagen met de dames en de lagen met de tekst niet meer weer te geven, dus vink ik deze uit (3).
Ik bepaal ook voor dit frame de tijdsduur (4). |
|
|
We gaan verder in deel 2 |
>
|
Index - Deel 2 |