Hoe om te maak gif-animasie in photoshop

Anonim

Hoe om 'n gif-animasie in Adobe Photoshop te skep

Metode 1: Handleiding animasie van voorwerpe

Die eerste metode is geskik vir die gebruikers wat wil Adobe Photoshop aansoek doen vir handleiding animasie bygevoeg doek lae. Dit kan 'n arbitrêre geometriese figuur, gereed of teks wees. Alhoewel hierdie grafiese redakteur nie heeltemal geskik is vir die uitvoering van so 'n taak nie, met die skepping van 'n eenvoudige GIF sal dit hanteer, en jy kan hierdie proses vir verskeie stappe skei.

Stap 1: Draai op die "Skaal van Tyd"

Animasie in Adobe Photoshop vind plaas deur die ligging en redigering van voorwerpe op die "tydskaal" te gebruik. By verstek, is hierdie venster weggesteek in die program want dit is nie gebruik word in 'n standaard werksomgewing. Om dit te aktiveer, maak die menu "Venster" en klik op die "tyd skaal".

Draai op die tydskaal om 'n animasie in Adobe Photoshop te skep

Hieronder sal 'n nuwe paneel verskyn waarop ons verder sal verwys. Na die werk met die GIF, kan jy dit wegsteek weer met behulp van dieselfde knoppie in die genoemde spyskaart.

Suksesvolle tydskaal insluiting vir die skep van animasie in Adobe Photoshop

Stap 2: Voorbereiding van elemente vir GIF

Soos vroeër genoem, Photoshop kan jy enige lae, insluitend teks, foto's en geskep geometriese vorms te beheer. Om mee te begin, moet elemente toe te voeg tot die doek, die skep van 'n nuwe projek. Plaas elkeen van hulle in 'n aparte laag sodat dit nie probleme ondervind met verdere aksie. Sodra die voorbereidende werk voltooi is, gaan na die volgende stap.

Voorbereiding van voorwerpe voor die skep van animasie in Adobe Photoshop

Stap 3: die voorkoms effek Kader

Daar is verskeie basiese animasie aksies wat in 'n grafiese redakteur geïmplementeer kan word, en die effek van enige element verskyn hier. Daar word beoog om dit eerste te oorweeg op dieselfde tyd om te gaan met hoe om met die "skaal van tyd" en hoe die belangrikste punte is wat verband hou met dit.

  1. Gaan met 'n meesterlike paneel en klik daar op die "Skep tydskaal vir die video" -knoppie.
  2. Skep nuwe geanimeerde liedjies in Adobe Photoshop Grafiese Editor

  3. Elke laag sal pas op 'n aparte baan, wat beteken dat jy kan enige van hulle te kies en gaan na wysig.
  4. Plek van elke laag op die animasie baan in Adobe Photoshop

  5. In ons geval, oorweeg 'n klein logo. Uit te brei sy laag om alle beskikbare animasie aksies te besigtig.
  6. Keuse van 'n laag vir die skep van animasie in Adobe Photoshop

  7. In die voorbeeld het ons 'die effek van die voorkoms geïmplementeer met behulp van die funksie "ondeursigtigheid". Klik op hierdie lyn om die eerste sleutelpunt te skep, en dit sal onthou watter staat tans die voorwerp is.
  8. Die skep van 'n eerste belangrike punt by die werk met animasie in Adobe Photoshop

  9. Om by hierdie kontrolepunt te wees, verander sy deursigtigheid tot 0% om heeltemal van die werkplek weg te steek.
  10. Verander die deursigtigheid van die voorwerp wanneer jy met animasie in Adobe Photoshop werk

  11. Skuif die skuifbalk vir 'n paar sekondes en skep 'n ander punt, en skroef dan die deursigtigheid terug met 100%.
  12. Skep 'n tweede sleutelpunt en 'n verandering in die deursigtigheid van die voorwerp in Adobe Photoshop

  13. Speel animasie en kyk na die voorskou venster om jouself te vergewis van die resultaat. Twee sleutelpunte het ons die uitwerking van die voorkoms behaal deur die funksie van die deursigtigheid van die voorwerp in elk van hulle te verander.
  14. Speel animasie vir besigtiging tydens redigering in Adobe Photoshop

Op dieselfde manier kan u enige voorwerpparameter verander, insluitende kleur, posisie, oorleggingseffekte en alles wat in Adobe Photoshop is. Dit is die moeite werd om die eienaardigheid van die werk van die sleutels te oorweeg. Kies enige van die spore, of dit nou is "posisie", "dekking" of "styl", en maak 'n paar verandering daar. Dit sal steeds toegepas word, ongeag die tipe aksie, waarmee ons in die volgende stap seker sal maak.

Stap 4: Object Move Animation

Die basis van animasie is beweging, dus ons stel voor om die opstel van hierdie aksie te demonstreer op die voorbeeld van verskeie sleutels en die basiese tipe beweging.

  1. As 'n bewegende voorwerp gebruik ons ​​die teks terselfdertyd die inligting wat vroeër beskryf is, nagegaan. Brei die blok uit met sy laag vir die verskyning van hulppore.
  2. Kies die tweede laag om animasie in Adobe Photoshop te skep

  3. Dit kan gesien word dat die program nie die "posisie" -funksie gedefinieer het nie, so jy moet 'n ander opsie kies.
  4. Kies 'n nuwe baan vir animasiebeweging in Adobe Photoshop

  5. As u presies seker is dat die "perspektief" in hierdie animasie nie gebruik sal word nie, beteken dit dat u hierdie string kan gebruik om die posisie van die teks te verander. Skep die eerste sleutel en plaas die opskrif in die aanvanklike posisie deur die "beweging" -instrument.
  6. Skep 'n eerste sleutelpunt vir beweging animasie in Adobe Photoshop

  7. Skep opeenvolgende sleutelpunte, min deur teks na die finale posisie te beweeg om die gladheid van die beweging te verseker.
  8. Skep ander sleutelpunte wanneer die verkeer in Adobe Photoshop animasie

  9. Reproduseer die animasie periodiek en pas die sleutels aan om die gladheid te verbeter.
  10. Reproduksie van animasie wanneer u met bewegings in Adobe Photoshop werk

  11. As die sleutels ongemaklik is om in die huidige tydlynbeskouing te werk, verander die skaal of verhoog die siklus om nuwe punte by te voeg.
  12. Redigeer animasie area in Adobe Photoshop

  13. As jy 'n voorwerp moet vervang of byvoeg, druk die knoppie in die vorm van 'n pluspunt.
  14. Byvoeging van elemente vir animasie op tydskaal in Adobe Photoshop

Stap 5: Besparing van GIF-op rekenaar

Sodra die animasie voltooi is, moet jy voortgaan om die projek in die vorm van 'n GIF-lêer stoor op die netwerk te plaas of speel op die plaaslike rekenaar. Om dit te doen, Adobe Photoshop het twee verskillende funksies.

  1. Open die menu lêer Skuif die wyser na "Uitvoer" en kies die "Save vir Web" opsie. As jy nie meer animasie instellings, gebruik "Save As" nodig het en gee die korrekte formaat in die aftrek-kieslys.
  2. Oorgang na die behoud van die finale animasie in Adobe Photoshop

  3. Wanneer die uitvoer, vind die GIF-formaat.
  4. Die keuse van 'n animasie-formaat voor die handhawing van dit in Adobe Photoshop

  5. Verander die kleur van die substraat as dit nie vroeër gedoen is.
  6. Kies die kleur van die animasie substraat voor sy besparing in Adobe Photoshop

  7. Wysig die grootte beeld en die aantal herhalings.
  8. Kies die grootte van die animasie voor die behoud van dit in Adobe Photoshop

  9. Voordat u weer op die knoppie "Save", let op die korrektheid van die gekose parameters.
  10. Bevestiging van die bewaring van animasie in Adobe Photoshop

  11. Stel die lêernaam, spesifiseer die Save pad vir dit en bevestig hierdie optrede.
  12. Die keuse van 'n plek om animasie te red in Adobe Photoshop

Maak die GIF via 'n leser of enige ander geskikte instrument om die korrektheid van die speel, waarna die skepping proses oorweeg kan word voltooi te gaan.

Metode 2: Die skep van 'n GIF van 'n foto

Adobe Photoshop kan jy 'n GIF van bestaande foto's te skep. Dit kan wees soos knip rame van video en spesiaal geskep opeenvolgende beelde. Die proses van die vorming van 'n animasie in hierdie geval is baie makliker as die vorige een, aangesien dit nie handleiding skepping van belangrike punte vereis.

  1. Op die "tydskaal" hierdie tyd verandering die mode om "Skep 'n raam animasie" deur hierdie opsie in die spyskaart drop-down kies.
  2. Kies die tweede animasie skepping af in Adobe Photoshop

  3. Maak die "File", skuif die wyser oor die "skrifte" en klik op die "Download Files te stapel" item.
  4. Oorgang na die toevoeging van beelde om animasie te skep in Adobe Photoshop

  5. In die venster wat verskyn, klik "Oorsig".
  6. Die gebruik van die vinnige beeld byvoeging instrument om 'n animasie in Adobe Photoshop te skep

  7. Onmiddellik al die foto's wat ingesluit moet word in die animasie te laai.
  8. Toevoeging van verskeie beelde te animasie in Adobe Photoshop te skep

  9. As jy wil hê hulle moet in lyn te bring, aktiveer hierdie funksie voor te voeg.
  10. Die gebruik van die opsie beeld aanpassing wanneer die skep van animasie in Adobe Photoshop

  11. Gebruik die "Skep raam animasie" knoppie onder om 'n animasie te vorm.
  12. Begin met die skep animasie van foto's in Adobe Photoshop

  13. Brei die aksie-menu en vind die "Skep rame van die lae" item is daar om ander beelde by te voeg.
  14. Die toevoeging van al die foto's as rame vir animasie in Adobe Photoshop

  15. Wysig hul volgorde deur die verandering van die beeldmateriaal van plekke, indien die behoefte ontstaan.
  16. Suksesvolle toevoeging van foto's as rame vir animasie in Adobe Photoshop

  17. Aan elke vertoning raam uit te brei, gebruik die vertraging of stel dit as die afspeel spoed is tevrede met jou.
  18. Wysiging van die voortplanting spoed van animasie in Adobe Photoshop

  19. Voordat jy dit stoor, gaan die vertoning en die skep van 'n GIF as dit is getoon in die finale stadium van die vorige metode.
  20. Suksesvolle skepping animasie in Adobe Photoshop uit individuele rame

As, na die lees van die instruksies, jy besluit dat Adobe Photoshop is nie geskik vir die implementering van die beoogde animasie, raai ons jou aan jouself vertroud te maak met ander programme wat ontwerp is om te werk met GIF. 'N Gedetailleerde oorsig oor gewilde verteenwoordigers van sulke sagteware is in 'n aparte artikel op ons webwerf.

Lees meer: ​​Die beste sagteware vir die skep van animasie

Lees meer