💬
Logga in
Fuska.se

Animera Med Photoshop Och Imageready

51 svar · startad

Nivå 0 · Nykomling
Trådstartare #1

Tutorials för Photoshop kombinerad med ImageReady

(kräver imageready och photoshop)

 

Öppna photoshop sedan så skapar du din bild, sedan så texten måste vara utan layer style annars så fungerar det inte, och det ska vara svart text, om inte så lär ni märka det.

 

gör ett nytt layer, (det ska vara två layer, ett med text och en med gradient-tool)

ta gradient-tool (engelska vs.) och sätt den på Reflected Gradient

 

skapa någonting som denna:

http://upl.silentwhisper.net/uplfolders/upload0/exempel.gif

 

och tryck sedan på ctrl+i (invert)

 

tryck sedan på ctrl+U och ändra färgen till vilken du vill.

gradient-tool bilden skall vara ovanför text layern, tryck ctrl+G (ska se ut så här då)

http://upl.silentwhisper.net/uplfolders/upload0/exempel2.gif

 

 

tryck sedan på ctrl+shift+M för att öppna image ready (eller ikonen )

 

I IMAGE READY

 

trcyk på gradient-tool layern flytta den så långt åt vänster så du inte kan se den, flytta den med move tool (V)

 

sedan så trycker du på New frame i denna knapp

 

flytta sedan gradient-tool till höger, (den nya "framen" ska vara markerad altså blå ram runt den se nästa bild)

 

 

tryck sedan på tweens animations frame (länk och bild)

 

sedan skriv i 20 eller något annat som lämpar sig, sedan så är den klar du kan testa hur den ser ut i browsern (internet explorer genom att trycka på denna knapp http://upl.silentwhisper.net/uplfolders/upload0/exempel6.gif)

 

nu ska du spara den, spara den genom att trycka på Save Optimised as( ctrl+shift+alt+S) så blir den som denna: http://upl.silentwhisper.net/uplfolders/upload0/User.gif

 

(man kan lägg till flera grejer, snygga till den lite men deta var bara för att vissa er hur man gör)

 

 

Unirator©

 

flera stycken har frågat om hur man går tillväga när man animerar, här är grunden till hur man gör, du kan sedan mixtra och göra egna saker. fråga gärna om hur man gör andra saker så ska jag skriva tutorials till det med

Senast ändrad:

Nivå 0 · Nykomling
#2

mycket bra Apoca...

Nivå 0 · Nykomling
#3

Den borde klistras.

Nivå 0 · Nykomling
#4

Den borde klistras.

Tar ett citat från någon: Hämta klister!
Nivå 0 · Nykomling
#5

Den här måste man testa!

Kommer upp med min ungefär imorgon tror jag!

Grym tutorial.

 

Kan du göra en tut på hur man gör en klocka med en visare som snurrar runt?

Skulle vela lära mig hur man gör visare som snurrar upp eller en mätare som höjs och sänks.

 

Tack i förväg.

Nivå 0 · Nykomling
#6

Bra tutorial :cool: Den där Tween grejsen kan göra mycket :D

23 Aug 2004
Nivå 0 · Nykomling
Trådstartare #7

Den här måste man testa!

Kommer upp med min ungefär imorgon tror jag!

Grym tutorial.

 

Kan du göra en tut på hur man gör en klocka med en visare som snurrar runt?

Skulle vela lära mig hur man gör visare som snurrar upp eller en mätare som höjs och sänks.

 

Tack i förväg.

jag håller på att fixa det, men det kan inte va så svårt. men jag håller på som sagt. Tutorial kommer väl snart då.

 

det jobbiga är att beskriva en tutorial på ett enkelt sätt, det är däför det dröjer länge att skriva en, och alla ska ju förstå den också...

Nivå 0 · Nykomling
#8

Skriv dem på så bra sätt som möjligt.

Sen om nån inte förstår så kommer han ju säga till!

Då kan du ta och ändra den och tänka ut en förklaring på ett bättre sätt.

Nivå 0 · Nykomling
#9

ballt APOCA.

Mycke bra.

Synd att mitt Photoshop är på svenska.

26 Aug 2004
Nivå 0 · Nykomling
#10

Tutorials för Photoshop kombinerad med ImageReady

(kräver imageready och photoshop)

 

Öppna photoshop sedan så skapar du din bild, sedan så texten måste vara utan layer style annars så fungerar det inte, och det ska vara svart text, om inte så lär ni märka det.

 

gör ett nytt layer, (det ska vara två layer, ett med text och en med gradient-tool)

ta gradient-tool (engelska vs.) och sätt den på Reflected Gradient

 

skapa någonting som denna:

http://upl.silentwhisper.net/uplfolders/upload0/exempel.gif

 

och tryck sedan på ctrl+i (invert)

 

tryck sedan på ctrl+U och ändra färgen till vilken du vill.

gradient-tool bilden skall vara ovanför text layern, tryck ctrl+G (ska se ut så här då)

http://upl.silentwhisper.net/uplfolders/upload0/exempel2.gif

 

 

tryck sedan på ctrl+shift+M för att öppna image ready (eller ikonen )

 

I IMAGE READY

 

trcyk på gradient-tool layern flytta den så långt åt vänster så du inte kan se den, flytta den med move tool (V)

 

sedan så trycker du på New frame i denna knapp

 

flytta sedan gradient-tool till höger, (den nya "framen" ska vara markerad altså blå ram runt den se nästa bild)

 

 

tryck sedan på tweens animations frame (länk och bild)

 

sedan skriv i 20 eller något annat som lämpar sig, sedan så är den klar du kan testa hur den ser ut i browsern (internet explorer genom att trycka på denna knapp http://upl.silentwhisper.net/uplfolders/upload0/exempel6.gif)

 

nu ska du spara den, spara den genom att trycka på Save Optimised as( ctrl+shift+alt+S) så blir den som denna: http://upl.silentwhisper.net/uplfolders/upload0/User.gif

 

(man kan lägg till flera grejer, snygga till den lite men deta var bara för att vissa er hur man gör)

 

 

Unirator©

 

flera stycken har frågat om hur man går tillväga när man animerar, här är grunden till hur man gör, du kan sedan mixtra och göra egna saker. fråga gärna om hur man gör andra saker så ska jag skriva tutorials till det med

Jag försöker. :student:
#11

Du Apoca om du vill kan jag fixa in en Tutorial hur man får texten att försvinna och komma till baka..

 

Och blinkande färg runt nånting.

27 Aug 2004
Nivå 0 · Nykomling
#12

Du Apoca om du vill kan jag fixa in en Tutorial hur man får texten att försvinna och komma till baka..

 

Och blinkande färg runt nånting.

Gör det. :student:
Nivå 0 · Nykomling
Trådstartare #13
(Master_Link @ 27/08-2004 14:10:50)

Du Apoca om du vill kan jag fixa in en Tutorial hur man får texten att försvinna och komma till baka..

 

Och blinkande färg runt nånting.

Gör det. :student:

okej, för att skriva om hur man animerar en klocka/vissare visade sig vara lite mer kompliserat och jag kan inte andvända mig av ord när jag beskriver det så jag ska göra en nya, om just hur en text försvinner och kommer tillbaks
Nivå 0 · Nykomling
Trådstartare #14

Tutorials för Photoshop kombinerad med ImageReady

(kräver imageready och photoshop)

 

Öppna photoshop först och sedan så skapa ett nytt dokument

(det kan va vilken storlek som helst men desto störe desto mer kommer den senare "hacka" men den blir snyggare destostöre så kör med 500x500)

bakgrund och text och allt sånt. (tryck INTE på merge down!) gör i ordning objektet som ska bli "osynligt". exempel som på min, en text. http://upl.silentwhisper.net/uplfolders/upload0/apoca111.gif

(texten kan ha hur många layer som helst, fast det finns då risk för att den ska "hacka" när du sedan animerar den)

 

sedan tar du en bakgrund, exempel:

http://upl.silentwhisper.net/uplfolders/upload0/apoca112.gif

 

sedan så låter du dom vara, en bakgrund och sedan ett text layer. (du kan ha bilder och sådant också men läs klart före du gör något med det)

 

tryck sedan ctrl+shift+M för att öppna dokumentet i imageready.

 

I IMAGE READY

 

 

skapa där ett till layer genom att trycka på denna knapp ->BILD<-

och sedan på new frame

 

sedan så ändrar du Opacity till 0% (står på 100%)OBS! du måste ha valt text layern innan du ändrar Opacity. annars så kommer inte den bli "osynlig"->BILD<-

 

tryck sedan på tweens animations frame http://upl.silentwhisper.net/uplfolders/upload0/exempel5.gif ändra istället för 20 så ändra till 10 eller 5. ta vilket som passar bäst. sedan så har ni nu gjort att bilden försvinner och sedan kommer fram med ett hopp, exempel:->BILD<-

 

och det tycker inte alla är snyggt så gör så här, flytta ruta 1 bland animations rutorna (ska finnas ett x anntal rutor beroende på hur många ni tryckte i tweens animations frame) sedan så trycker ni på tweens animations frame och sedan trycker i hälften av vad ni hade förut, utom om ni hade 5 för då tar ni 5 igen.

 

då blir den såhär: ->BILD<-

 

och sedan kan ni trixa med bilden kombinera med övriga animationer som går att gör. mitt resultat: http://upl.silentwhisper.net/uplfolders/upload0/apoca116.gif

Nivå 0 · Nykomling
#15

Jag kunde redan dom 2 : P men bra ändå Apoca :)

#16

Kan jag visa min variant?

Den är lite annorlunda..

Men gör inget tills du har sagt att det är okej..

Nivå 0 · Nykomling
#17

Kan jag visa min variant?

Den är lite annorlunda..

Men gör inget tills du har sagt att det är okej..

Vad handlar det om?
#18

Det får ni se om jag får tillåtelse av Apoca.

28 Aug 2004
Nivå 0 · Nykomling
#19

skit bra guide apoca!!

#20

Ahopp.. då fick jag tillåtelse..

Men lägger inte ut bilder.. men samma knappar som Apoca använt kommer vara med ungefär..

OK, Here ew go!

 

Starta att öppna ett nytt document.

 

Skriv en rad eller två..

 

Tryck på Layern som du skrivit (högerklick) och välj Blending Options.

 

Tryck i Outer Glow. Sen välj Outer Glow och välj nån färg, och gör Opacityn till 0%.

 

Nu ska vi till IR..

 

Ctrl+Shift+M

 

eller tryck på ikonen längst nere i vänster hörn i paletten.

 

Öppna Animations window om den inte är öppen.

 

Gå till Window-Animations isåfall.

 

Tryck Duplicate Current Frame knappen.

 

På din text layer så står det Opacity i närheten i paletten..

 

Se till så att opacityn visar 10%.

 

Sen tryck på Duplicate Current Frame knappen igen.

 

Nu ska den blinka till..

 

Högerklicka på textlayern.

 

Välj Layer Style och tryck på Outer Glow.

 

Över paletten med layers så såtr det outer glow..

 

Gör opacityn till hundra..

 

Tryck på DCF igen.

 

Sen så gör du så text layern blir hundra procent igen. (Tryck på den för att detta ska gå.)

 

Sen tryck på tween. Välj 10 i rutan..

 

Sen välj Frame 2 i animations window och tryck Tween!

 

Ta 10 igen..

 

Så, done!

 

Alternativt:

Tryck på tween och välj 10 på den delen där den ska blinka..

Senast ändrad:

Vill du vara med i diskussionen?

Bli medlem Logga in