U bevindt zich hier: Forum » Tutorials » [Photoshop] Simpele animatie
   Actief Topic: [Photoshop] Simpele animatie

Vorige ( 1 ) Volgende

hatredkeys
member
avatar
# Gepost op 09-09-2009 23:07
Bewerkt door hatredkeys op 09-09-2009 23:08


Je start photoshop op en begint met de afmetingen : 400 breed x 100 hoog

dan ga je naar window en klik je animation aan en layers ( zie voorbeeld 1 )

image

als goed is krijg je dan dit :

image

nu tikken we : W4B op het witte vlak met rode lettertype en geef het dan een stroke met de kleur zwart( rechtermuisknop op het stukje tekst dan blending options en dan klik je stroke de rest wijst voor zichzelf hoop ik )

dan geef je de achtergrond een kleur of een plaatje. ik heb gekozen voor een plaatje.

ik heb nu dit staan

image

nu ga je naar de laag en kopïeer je W4d twee keer ( rechter muisknop en dan Duplicate layer )
je hebt nu dit :

image

OPGELET ! als je nu nog wat wilt toevoegen aan je banner doe het dan nu.
anders geeft het problemen in de toekomst.

nu komt het belangrijkste gedeelte.
klik op de bovenste tekst laag en verander de W in het wit zoals hier :

image

verander de 4 bij de middelste laag
en de B bij het laatste laag.

nu gaan we naar de animation.
klik zoals hieronder op het rood aangegeven icoontje zodat je een 2e plaatje krijgt.

image

druk nu op het oogje naast het bovenste tekst laag zie hieronder

image

maak nu een 3e plaatje aan bij animation en druk nu op het 2e oogje ( middelste tekst )
als je nu bij animatie druk krijg je steeds een iets andere plaatje.
bij het 1e plaatje is de W alleen wit
bij het 2e plaatje is de 4 alleen wit
en bij het 3e plaatje is de B alleen wit.

bij animation zie je onder elk plaatje 0 sec staan. klik erop en maak er 1 sec van
of zoals jij het zelf wilt en druk dan op play ( zie plaatje )

image
oranje : Moet altijd op forever staan
Groen : Play Knopje
Rood : secondes

Nu moet je hem opslaan
ga naar : File > Save For Web And Devices

zorg dat je alle instellingen zoals hieronder hebt en klik dan save

image

KLAAR ! :)

Resultaat :
image


Andere voorbeelden :
image
image

Vorige ( 1 ) Volgende

U moet aangemeld zijn om een reactie te kunnen plaatsen.

Indien u nog geen account heeft kunt u zich hier registreren.



© copyright 2009/2010 WebProjects 1.02 - Template van Sebastaan Franken