register Paswoord vergeten?

[TUT] Hoe maak ik een geanimeerde Gif afbeelding met PS CS2?

Tutorials omtrent eender welke vorm van design..

[TUT] Hoe maak ik een geanimeerde Gif afbeelding met PS CS2?

Berichtdoor The man with the plan op zo 13 mei 2007 5:41 pm

ik gebruik voor deze TUT photoshop CS2 en imageready (is standaard meegelevert met PS).


1. je opent een nieuw document in Photoshop. ik heb gekozen voor 200x200px met een transparante achtergrond. je kan ook een afbeelding importeren, maar dan moet je er op letten dat de afbeelding klein genoeg (als je hem wil gebruiken als avatar). als je enkel tekst neemt, kan je best nu de achtergrondkleur/afbeelding bepalen.
Afbeelding



2. een gif afbeelding is eigelijk een soort filmpje, dat constant herhaald wordt.
we gaan van iedere toestand (frame) in het filmpje een laag maken. ik heb gekozen voor mijn nickname. de bedoeling is dat om te beurt de woorden "the man" en "with the plan" zullen verschijnen. maak een nieuwe laag aan, met daarop hetgeen dat moet bewegen/veranderen/verdwijnen. ik heb (buiten de achtergrondlaag, die heel de tijd ongewijzigd zal blijven) 2 lagen, de een met "the man", en de ander met "with the plan".
Afbeelding

Afbeelding


3. Nu gaan we de afbeelding animeren. dit doe je door het animatiemenu te openen. dat doe je door zo: venster < animatie:
Afbeelding



4. nu zie je onderaan een venstertje, met je afbeelding in het klein. deze afbeelding stelt nu het beginframe voor. om mijn animatie te laten werken, moet ik 1 of meer frames toevoegen, die verschillen van het eerste frame. als je de afbeelding dan opslaat als gif, zal de afbeelding constant het rijtje van frames aflopen. een frame kan je toevoegen door op de knop "dupliceer geselecteerde frames" te drukken (dit staat onderaan in het venstertje animatie). dit frame wijzig je een klein beetje ten opzichte van het vorig frame. het makkelijkste is om voor iedere frame een laag te voorzien, die je aan en af kan zetten. ik heb dus als 1e frame enkel de achtergrondlaag en de laag met "the man" aangezet, en bij het tweede frame enkel de achtergrondlaag en de laag met "with the plan".
Afbeelding



5. zoals je ziet kan je ook ingeven hoe lang ieder frame getoond moet worden. dit kan je doen door op de tekst met "0 sec" te klikken, waardoor je een tabblad krijgt met de mogelijke vertragingstijden.
Afbeelding



hier een voorlopig tussenresultaat:
Afbeelding



6. dit is natuurlijk geen mooie overgang, en dit kunnen we verbeteren met de functie "voegt animatieframes tussen". die functie staat naast het icoontje voor een nieuw frame toe te voegen. de instellingen staan meestal correct, maar ik voeg altijd 10 frames toe ipv 5. BELANGRIJK: als je in de vorige stap de tijd dat ieder frame wordt weergegeven hebt verhoogd, kan je dat nu best terugzetten voor je deze stap uitvoert. anders zal ieder nieuw frame ook zolang weergeveven worden.
met een beetje proberen kan je mooie effecten maken met de overgang ;)
Afbeelding



7. het opslaan: als je tevreden bent over je resultaat, moet je het exporteren naar imageready. dat doe je door op bestand < bewerken in imageready te klikken.
Afbeelding



nu zit je in imageready, dat heel hard lijkt op PS. nu druk je op bestand < optimaal opslaan als.... kies een naam voor je afbeelding, druk op opslaan en klaar is je gif :D.
Afbeelding



het eindresultaat:
Afbeelding

later volgt een uitbreiding voor filmpjes als gif op te slaan

hopelijk hebben jullie er wat aan gehad ;)
The man with the plan
Onwetende
Onwetende
 
Berichten: 7291
Karma: 0
Geregistreerd op: di 21 maart 2006 8:43 pm

Re: [TUT] Hoe maak ik een geanimeerde Gif afbeelding met PS

Berichtdoor KITO op vr 18 mei 2007 12:01 pm

direkt eens uitproberen
Afbeelding
Avatar gebruiker
KITO
Onwetende
Onwetende
 
Berichten: 10993
Karma: 0
Geregistreerd op: di 18 jul 2006 5:25 pm
Woonplaats: Kortrijk

Berichtdoor Chiconer op vr 18 mei 2007 12:06 pm

zal ook dan eens tryen wil je me dan waarschuwen als u 2de deel volgt :mrgreen:
thx
edit: ik wil deze afbeelding (mijn ava nu bewerken) maar alsk da doe beweegt ie neit meer met zijn ogen
Avatar gebruiker
Chiconer (oude nickname: chiconer)
Pastoor
Pastoor
 
Berichten: 11455
Karma: 32
Geregistreerd op: di 02 jan 2007 9:53 pm

Berichtdoor Ichi da killah op za 19 mei 2007 11:42 pm

chiconer schreef:zal ook dan eens tryen wil je me dan waarschuwen als u 2de deel volgt :mrgreen:
thx
edit: ik wil deze afbeelding (mijn ava nu bewerken) maar alsk da doe beweegt ie neit meer met zijn ogen


Gewoon uw avatar openen met imageready, bewerken naar believen (dat kan je nu gewoon doen door uw afbeelding naar PS te importeren) en dan zien dat ge hem in .gif formaat opslaat in imageready onder 'save optimized as'

Probleem dat ge gaat hebben is dat uw frames al bepaald zijn (het knipperen staat ingesteld op vaste tijdstippen), dus wordt het moeilijk om er nog een vloeiende animatie bij te krijgen, tenzij ge die apart maakt en importeerd.

Maar gewoon tekst toevoegen is een fluitje van een cent op deze manier ;)

bijvoorbeeld:

Afbeelding
Afbeelding


La tolérance n'est pas l'égalité!
Avatar gebruiker
Ichi da killah
Onwetende
Onwetende
 
Berichten: 763
Karma: 0
Geregistreerd op: zo 05 feb 2006 10:59 pm
Woonplaats: rommelig kamertje

Berichtdoor naga op zo 20 mei 2007 12:13 am

Damn, nu wou ik dat ik Photoshop had. Heel mooie TUT (y).
Avatar gebruiker
naga (oude nickname: nagasy)
Fundalize Moderator
Fundalize Moderator
 
Berichten: 8074
Karma: 28
Geregistreerd op: di 14 jun 2005 6:59 pm
Woonplaats: Kortrijk, West-Vlaanderen

Berichtdoor Mathi op zo 20 mei 2007 12:16 am

nagasy schreef:Damn, nu wou ik dat ik Photoshop had. Heel mooie TUT (y).


idem :p

achja later eens downloade :mrgreen:
Afbeelding
Avatar gebruiker
Mathi (oude nickname: mathi)
Onwetende
Onwetende
 
Berichten: 11191
Karma: 2
Geregistreerd op: do 02 dec 2004 6:24 pm
Woonplaats: Neigem

Berichtdoor Apoe op zo 20 mei 2007 8:33 am

Wablief mathi?
DOWNLOADEN :shock:

GIJ DURFT!! :mrgreen:
Avatar gebruiker
Apoe (oude nickname: Apoepoe)
Onwetende
Onwetende
 
Berichten: 13417
Karma: 6
Geregistreerd op: wo 19 jan 2005 7:24 pm
Woonplaats: Bissegem

Berichtdoor Thatn op zo 20 mei 2007 11:54 am

Apoepoe schreef:Wablief mathi?
DOWNLOADEN :shock:

GIJ DURFT!! :mrgreen:

Wat is er mis met een trial downloaden ? :mrgreen:

Handige tut ,maar ik kan echt niet werken met imageready :s nuja ^^
Afbeelding
Avatar gebruiker
Thatn (oude nickname: thatrealblackmusic)
Onwetende
Onwetende
 
Berichten: 5158
Karma: 4
Geregistreerd op: wo 28 jun 2006 7:28 pm
Woonplaats: Utopia

Berichtdoor The man with the plan op zo 20 mei 2007 12:12 pm

thatrealblackmusic schreef:
Apoepoe schreef:Wablief mathi?
DOWNLOADEN :shock:

GIJ DURFT!! :mrgreen:

Wat is er mis met een trial downloaden ? :mrgreen:

Handige tut ,maar ik kan echt niet werken met imageready :s nuja ^^


das toch praktisch etzelfde als PS? qua bediening toch...
en ge moet nie veel doen in imageready ze
The man with the plan
Onwetende
Onwetende
 
Berichten: 7291
Karma: 0
Geregistreerd op: di 21 maart 2006 8:43 pm

Berichtdoor Thatn op zo 20 mei 2007 12:14 pm

The man with the plan schreef:
thatrealblackmusic schreef:
Apoepoe schreef:Wablief mathi?
DOWNLOADEN :shock:

GIJ DURFT!! :mrgreen:

Wat is er mis met een trial downloaden ? :mrgreen:

Handige tut ,maar ik kan echt niet werken met imageready :s nuja ^^


das toch praktisch etzelfde als PS? qua bediening toch...
en ge moet nie veel doen in imageready ze

Nja,kan da gwn nie :p
Maar kheb het ook nog nie echt intensief geprobeert ^^
Kzal da mss eens doen, :)
Afbeelding
Avatar gebruiker
Thatn (oude nickname: thatrealblackmusic)
Onwetende
Onwetende
 
Berichten: 5158
Karma: 4
Geregistreerd op: wo 28 jun 2006 7:28 pm
Woonplaats: Utopia

Berichtdoor Ichi da killah op zo 20 mei 2007 12:27 pm

Ik doe gewoon alles in photoshop, imageready is gewoon handig om geanimeerde gifs in frames te openen en ze achteraf op te slaan als geanimeerde .gif afbeeldingen

Alles wat daar tussen zit, doet ge met PS ;)
Afbeelding


La tolérance n'est pas l'égalité!
Avatar gebruiker
Ichi da killah
Onwetende
Onwetende
 
Berichten: 763
Karma: 0
Geregistreerd op: zo 05 feb 2006 10:59 pm
Woonplaats: rommelig kamertje

Berichtdoor Chrizz op za 16 jun 2007 6:36 pm

khem iets gemaakt en in mijn ava gezet maar het werkt niet :
Afbeelding
Afbeelding

Afbeelding
Avatar gebruiker
Chrizz
Onwetende
Onwetende
 
Berichten: 1493
Karma: 0
Geregistreerd op: do 15 maart 2007 7:43 pm
Woonplaats: Meer

Berichtdoor The man with the plan op za 16 jun 2007 6:59 pm

Chrizz schreef:khem iets gemaakt en in mijn ava gezet maar het werkt niet :
Afbeelding


zou normaal moeten werken. tis een gif, kleiner dan 60KB, en 100x100 mag nog juist. mss is het omda ge nen transparante achtergrond hebt. probeer eens me een witte of zo
The man with the plan
Onwetende
Onwetende
 
Berichten: 7291
Karma: 0
Geregistreerd op: di 21 maart 2006 8:43 pm

Berichtdoor Apoe op zo 17 jun 2007 9:24 am

Nee TMWTP, mijn avatar is ook transparante achtergrond..
Probeer het eens opnieuw Chrizz..
Normaal zou het moeten lukken hoor..
Je Av. is maar 0.96kb groot dus daar zal het zeker niet aan liggen he :mrgreen:
Avatar gebruiker
Apoe (oude nickname: Apoepoe)
Onwetende
Onwetende
 
Berichten: 13417
Karma: 6
Geregistreerd op: wo 19 jan 2005 7:24 pm
Woonplaats: Bissegem

Berichtdoor soulraiden op zo 01 jul 2007 2:25 pm

EDIT:

hEt lukt, alleen kan ik het nie opslaan in imageready als gif...


daardoor gaat ie ook niemeer ... :(

EDIT: gevonden ! :mrgreen:

Afbeelding
Afbeelding
Avatar gebruiker
soulraiden
Onwetende
Onwetende
 
Berichten: 3597
Karma: 0
Geregistreerd op: vr 17 maart 2006 3:40 pm
Woonplaats: Roeselare-Rumbeke

Berichtdoor metal clown op wo 18 jul 2007 10:19 am

waaah fantastische tut! :o
Afbeelding
Avatar gebruiker
metal clown
Onwetende
Onwetende
 
Berichten: 2249
Karma: 0
Geregistreerd op: di 27 jun 2006 7:41 am
Woonplaats: de krant van gistere

Berichtdoor Eagleclaw op do 09 aug 2007 9:25 pm

Bij mijn Ps zit geen venster : "animatie" ..?! Is ook in't engels... kan iemand me helpen? merci !
Avatar gebruiker
Eagleclaw
Onwetende
Onwetende
 
Berichten: 1318
Karma: 0
Geregistreerd op: ma 19 sep 2005 4:42 pm

Berichtdoor Apoe op vr 10 aug 2007 6:21 am

Je moet naar imageready gaan é ;)
Window > Animation
Avatar gebruiker
Apoe (oude nickname: Apoepoe)
Onwetende
Onwetende
 
Berichten: 13417
Karma: 6
Geregistreerd op: wo 19 jan 2005 7:24 pm
Woonplaats: Bissegem

Berichtdoor Angiedebest op ma 01 okt 2007 6:05 pm

Héél mooie tutorial man :) Echt handig :)

Juist mijn ImageReady blijft haperen bij het opstarten maar alles lukte op de andere computer.

Super bedankt; heb eindelijk leren een animation gebruiken in CS2!
Angiedebest
Onwetende
Onwetende
 
Berichten: 11
Karma: 0
Geregistreerd op: ma 01 okt 2007 5:29 pm

Berichtdoor SirDrum op vr 05 okt 2007 2:16 am

Goeie tutorial! Heb wel iets fout gedaan peis'k, ma 'twerkt toch +-:

Afbeelding
SirDrum
Onwetende
Onwetende
 
Berichten: 671
Karma: 1
Geregistreerd op: do 04 okt 2007 12:29 am

Berichtdoor Calles op za 06 okt 2007 6:23 pm

Mooien tut, een vn de dage is probere! :mrgreen:
Afbeelding
Avatar gebruiker
Calles
Onwetende
Onwetende
 
Berichten: 1773
Karma: 0
Geregistreerd op: wo 26 jul 2006 4:32 pm
Woonplaats: Aarde

Berichtdoor electroshocked op di 01 jan 2008 8:03 pm

soulraiden schreef:EDIT:

hEt lukt, alleen kan ik het nie opslaan in imageready als gif...


daardoor gaat ie ook niemeer ... :(

EDIT: gevonden ! :mrgreen:

Afbeelding

hoe is het gelukt ? bmij lukt het niet om op te slaan als gif =/
Afbeelding

Afbeelding
Avatar gebruiker
electroshocked
Onwetende
Onwetende
 
Berichten: 1400
Karma: 1
Geregistreerd op: ma 02 apr 2007 1:38 pm
Woonplaats: Gent

Berichtdoor soulraiden op wo 02 jan 2008 10:47 am

's goed de tut lezen, tstaat erin, en tis in imageready hé.
Afbeelding
Avatar gebruiker
soulraiden
Onwetende
Onwetende
 
Berichten: 3597
Karma: 0
Geregistreerd op: vr 17 maart 2006 3:40 pm
Woonplaats: Roeselare-Rumbeke

Berichtdoor electroshocked op wo 02 jan 2008 11:49 am

Save optimized As sorry had ni geleze :d
dacht dt gwn moest zijn opslaan als
Afbeelding

Afbeelding
Avatar gebruiker
electroshocked
Onwetende
Onwetende
 
Berichten: 1400
Karma: 1
Geregistreerd op: ma 02 apr 2007 1:38 pm
Woonplaats: Gent

Berichtdoor Dave_afk op wo 02 apr 2008 4:00 pm

kanik photo shop gratis ergens downloaden ?
:?:
Avatar gebruiker
Dave_afk
Vuilnisman
Vuilnisman
 
Berichten: 2120
Karma: -4
Geregistreerd op: za 29 maart 2008 4:49 pm
Woonplaats: ...

Berichtdoor Apoe op wo 02 apr 2008 4:08 pm

Nee, enkel de trial op www.adobe.com
Avatar gebruiker
Apoe (oude nickname: Apoepoe)
Onwetende
Onwetende
 
Berichten: 13417
Karma: 6
Geregistreerd op: wo 19 jan 2005 7:24 pm
Woonplaats: Bissegem

Berichtdoor Dave_afk op wo 02 apr 2008 4:13 pm

das klote dan :(
ik haat trails
Avatar gebruiker
Dave_afk
Vuilnisman
Vuilnisman
 
Berichten: 2120
Karma: -4
Geregistreerd op: za 29 maart 2008 4:49 pm
Woonplaats: ...

Berichtdoor Li1quid op zo 13 apr 2008 10:05 am

*hoest* illigaal *hoest*
Afbeelding
Avatar gebruiker
Li1quid (oude nickname: darkkiller)
Onwetende
Onwetende
 
Berichten: 1823
Karma: 0
Geregistreerd op: do 07 dec 2006 5:07 pm

Berichtdoor reinosotje op zo 13 apr 2008 10:35 am

*hoest* krak op trial plaatsen *hoest*
Afbeelding
Avatar gebruiker
reinosotje
Onwetende
Onwetende
 
Berichten: 4140
Karma: 11
Geregistreerd op: vr 19 aug 2005 1:26 pm
Woonplaats: west vlaanderen

Berichtdoor Qoss op vr 06 jun 2008 2:18 pm

euhm in CS3 blijkbaar geen mogelijkheid om door te sturen naar imageready.. nog iemand met CS3 die kan helpen? :(
Ik ben op een missie: 1.000.000 FDLZ euro - klik hier om geld te doneren!!!
Avatar gebruiker
Qoss (oude nickname: MC Weed)
Onwetende
Onwetende
 
Berichten: 9949
Karma: 5
Geregistreerd op: ma 20 maart 2006 10:59 pm

Volgende

Keer terug naar Tutorials

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 1 gast

cron