MENU
 
Home
Nieuwsbrief
GC in de media
SiteMap
 
 
Tips en Tricks
Excel
Word
Photoshop
PowerPoint
Surf Tips
Gmail
Android
iPad
Excel ClipTips
 
cursus Office 2016
Access
Excel
Outlook
PowerPoint
Word
 
cursus Office 2013
Excel
PowerPoint
Word
Nieuw in Excel 2013
Nieuw in Word 2013
Nieuw in PowerPoint 2013
 
cursus Office 2010
Access
Nieuw in Excel 2010
Excel automatiseren
Excel
OneNote
Outlook
PowerPoint
Word
 
cursus Office 2007
Access
Excel
Outlook
PowerPoint
Publisher
Visio
Word
 
cursus Office
2000-2002-2003-XP
Access
Excel
PowerPoint
Outlook
Word
 
cursus Photoshop
CC -3D
Animatie
CS6
CS5
CS4
CS2 - CS3
Lightroom 3
Elements 6
Mask Pro
Nik Collection
 
cursus Dreamweaver
CS3
 
cursus Illustrator
CS4
 
cursus Flash
CS4
 
cursus Fireworks
CS4
 
cursus Paint Shop Pro
X en X2
 
cursus Premiere
Elements 7-8
 
cursus Joomla
Joomla 1.5
 
Sociale Netwerk sites
Facebook
LinkedIn
Twitter
 
iPad
Apps
 
Diversen
Celtx
CSS
DropBox
Firefox 3.6
GIMP
Internet Explorer 9
LIME
Linux
OpenSUZE
PREZI
ProShow Producer
YouTube
 
cursus Google
Agenda
Analytics
Gmail
Zoeken
Picasa 3
SketchUp
Chrome
Street View
 
cursus Windows
Live Movie Maker
Windows 10
Windows 8
Windows 7
XP
Vista
 
cursus Office '97
Word
Excel
 
 

 

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

All courses now available in English:
www.swotster.com

copyright © 2012 - Swotster Ltd - Hong Kong - China