Photoshop'ta animasyon nerede. Photoshop'a GIF animasyon görüntüleri ekleme. Photoshop'ta animasyon nasıl kaydedilir

İyi akşamlar, sevgili aboneler ve blogumun okuyucuları! Resminize nasıl hayat vereceğinizi öğrenmeye hazır mısınız? Ve sihir yardımıyla değil, en sevdiğimiz Photoshop'taki her şeyin yardımıyla! Nedenini bilmeden bu dersi ne kadar erteledim. Sonuçta, bunlar Photoshop'un temelleri! Ama şimdi geliştirmeye karar verdim.

Ve o kadar geliştirin ki, videonun sonunda sizinkinin de nasıl yapılacağına dair bir video dersiniz olacak. photoshopta animasyon yapma.

Uzun zamandır Photoshop dersleri yazmıyordum ve bunun için nedenlerim vardı. Sonuçta, “” hikayemi bitiriyordum. Okuyabilir ve görüşlerinizi doğrudan yorumlarda belirtebilirsiniz!

Ve şimdi doğrudan derse gidelim. Aşağıdaki videoda sizlere kademeli olarak eklenen metinlerin nasıl yapıldığını anlatacağım ancak metin dersinde görev biraz daha zor olacaktır.

Cipollino elimizde ve onun kalemini bize sallamasını sağlamamız gerekiyor.

Aşama 1.Öncelikle Photoshop'ta animasyonu "etkinleştirmeniz" gerekir. Bunun için gidiyoruz "Pencere" -> "Animasyon"... Hala yazılabilir "Zaman çizelgesi".

Adım 2. Elin hareket etmesi için kesip farklı pozisyonlara koymamız gerekiyor. El kesimi için bizzat kullanıyorum "Manyetik kement"... Ana kopyanın bir kopyasını alıyoruz ( Ctrl + J) ve bir kopya ile çalışın. Orijinaline dokunmuyoruz.

Elinizi dikkatlice seçin ve kesin!

Aşama 3. Ve şimdi kulağa ne kadar korkunç gelirse gelsin elimizi sokup farklı pozisyonlara koyuyoruz. El yeni katmanlara yerleştirilecek, hatta bize yakışıyor.

Adım 4. Bu adım isteğe bağlıdır, ancak daha doğal hale getirmek için ele hafifçe dokunmak için Silgi aracını kullanmak daha iyidir. Bunu kelimelerle anlatmak elbette zor. Silgiyi ne için kullandığımızı anlıyorsanız bu adımı izleyin, hala anlamadıysanız atlayabilirsiniz. Bu önemli değil, çünkü bizim için en önemli şey basit animasyonların nasıl oluşturulacağını öğrenmek!

Adım 5.Şimdi personelle çalışıyoruz. Her kareye yalnızca ihtiyacımız olan katmanları ekleyin. Örneğin, 1 çerçevede orijinalimize ihtiyacımız var ve bizim durumumuzda "Katman 0".

Şimdi yeni bir çerçeve oluşturuyoruz:

Ve yeni çerçevede diğer katmanları açın. yani, bizim "Katman 0 kopyası" ve "Katman 1", yani farklı bir el pozisyonu. Umarım algoritma sizin için açıktır, sevgili okuyucular.

Adım 6.Çerçeve gecikmesini ayarladık. Yani bir sonraki kare hangi zaman aralığından sonra gösterilecektir.

Adım 7. Biz bizimkini kurtarıyoruz. GIF animasyonunu kaydetmek sadece bir görüntüden biraz farklı bir şekilde gerçekleştiğinden, bu adımı eğitimime dahil etmem boşuna değil.

Bir biçim seçin (varsayılan GIF'tir) ve kaydedin.

Önemli Not. Hızlı bir şekilde oluşturmanız gerekiyorsa en basit Animasyon Photoshop'ta birkaç kareden derse gidin -.

Bu konuda pek bir şey öğrenmemiş olsam da, bir süredir hızlandırılmış animasyonla ilgileniyorum. Okumaya başladığım tüm kitaplar oldukça uzun, zor ve kuru.

Bu nedenle, animasyon oluşturma teknolojisini biraz anlamaya başladıktan sonra, onları Photoshop kullanarak hayata geçirmenin yollarını aramaya başladım.

Birçok kişi bana başka programlara geçmemi tavsiye etti (örneğin, TVP Animasyon Uzmanı), ancak diğer programların yeni arayüzlerine uyum sağlamak istemeyen ben, Photoshop'ta her şeyi yapmaya karar verdim.

Ve bu dersi özellikle Photoshop'ta kare kare animasyon oluşturma teknolojisini anlamayanlar için yazdım. Kim biraz kazmak ve neyin ne olduğunu anlamak istemedi.

İki konuyu ele alacağım: kısa animasyonlar ve uzun animasyonlar. İlgilenmediğiniz animasyon türü arasında gezinmeyin: İstediğiniz animasyon türü için işinize yarayacak bilgiler olabilir.

Kısa animasyonlar- bunlar animasyonlu avatarlar, ifadeler vb.

Uzun animasyonlar- bunlar çizgi filmler, videolar vb.

Önce teoriyi anlatacağım, sonra pratikte animasyonu oluşturacağız.

Önemli ekleme

Birçok kişi soruyor: "Canlandırmam neden bu kadar sarsıntılı, karakterim/nesnem hızlı/yavaş mı hareket ediyor?"
Cevabım: karakteriniz/nesneniz hareket ediyor hızlıcaçünkü sen çizdin bir kaççerçeveler.

Karakteriniz / nesneniz hareket ediyor yavaşçaçünkü sen çizdin birçokçerçeveler.

Karakteriniz/nesneniz seğiriyor çünkü bir önceki hareketi takip edip, bir öncekiyle tutarlı olmayan sonrakini çiziyorsunuz.

Unutma: bir saniyede 24 çerçeve!

Bu nedenle, animasyonunuzu oluşturacağınız zaman şunları unutmayın: 24 çerçeve = 1 ikinci, 24 çerçeve = 1 ikinci. Bu çok önemli detayı asla unutmayın.

Kısa animasyonlar

Avatarlarda, animasyonlu ifadeler içeren animasyonlarla sık sık karşılaştığınızı düşünüyorum.
Bazı ifadeler yapılır Flash'e, ama benimkini Photoshop'ta çiziyorum. Bu kadar kısa animasyonlar yapmanın kolay olduğunu düşünmemelisiniz. Bir yandan - evet, boyutları küçük, ama diğer yandan - bunları çizerken 15 -30 kareler, kaybolursunuz (ve hayal edin, üç dakikalık bir klip oluşturmak istiyorsanız, yapmanız gereken 4320 çerçeveler!).

Neyi hatırlamalı ve bilmelisiniz?

Diyelim ki profil resminize rüzgardan uçuşan saçları olan bir kız çizmek istediniz. Anlamına geliyor:

İlk olarak, saç sizin için karton değil - orta şiddette rüzgarın etkisi altında kesme dalgaları olacak.

Bunun gibi bir şey şemada gösterilmiştir:

Güçlü bir rüzgarın etkisi altında, saçlar neredeyse düz olacak, ancak karakterinizin gözlerini sıkıca kapatması ve uçup gitmemesi için bir şeye tutunması gerekecek, çünkü gerçekte çok az insan böyle bir rüzgara dayanabilir. bu tür bir animasyon, örneğin karakteriniz bisiklete binerken kullanılabilir.

Son olarak, hafif bir esinti saçı nazikçe kaldırır ve alçaltır.

Hafif rüzgar:

Ortalama rüzgar:

Güçlü rüzgar:

Aynı şey kumaş ve giysiler için de geçerlidir - saç gibi davranırlar.

Şimdi, örneğin, karakter nesnenizin hareketiyle bir animasyon çizmek istediniz. anlamına geliyor:

İkincisi, herhangi bir eylem bir yerden başlar. Örneğin, bir sandalyeden kalkarken önce biraz hareket ettirdiğinizi, biraz öne eğildiğinizi ve ancak o zaman kalktığınızı hiç fark ettiniz mi? Ya da raketle vurmak istediğinizde, önce onu geri çekip, vücudunuzu onunla döndürdüğünüzde, ancak o zaman vurduğunuzu?

Bu tür çok sayıda örnek verilebilir, ancak şuna bakmak daha iyidir:

Bunlara bulaşmamak için eylemlerden önceki hareketler(DPD), insanların veya hayvanların hareketlerini daha sık analiz edin ve gözlemleyin.

Küçük ekleme

Genel olarak, fiziği asla unutma. Nesnelerin ağırlığı, yapıldıkları malzemeler (esneklik, yumuşaklık, sertlik vb.), Tüm bunlara ihtiyaç vardır.

Bu olmadan animasyonunuzun ölü, korkunç ve çirkin olacağını anlayın!

Üzerinde çalış ve asla acele etme.

Uzun animasyonlar

Oooh, eğlence burada başlıyor!

Ne sıklıkla çizgi film veya anime izlerken animasyona hayran kaldınız ve onları yapmayı bilenleri kıskandınız? Tüm bu güzel sahneler, plastik hareketler ve daha fazlası. diğerleri? Dürüstçe itiraf ediyorum - evet. Ne zaman bir şey izlesem, animatörlerin onunla nasıl çalıştığını anlamaya çalışıyorum? Bütün bunları nasıl yarattılar?

Ancak hangi programlarda çalıştığını bilmediğim için Photoshop'un mekanizmalarını kullanarak tüm süreci anlamaya çalışıyorum.

Ve biliyorsun, tüm sorularıma cevap buluyorum!

Ama her şeyi sırayla alalım.

Uzun bir animasyon oluşturma süreci

1. Başlangıçta, bir FİKİR'e ihtiyacımız var

Örneğin, birkaç kızın dans edeceği küçük bir video yapmaya karar verdiğinizi varsayalım.

Tecrübeli bir animatör iseniz, videonuzda "dans ettirebilirsiniz". 3 ve daha fazla kız.

Ancak bir animatör olarak yolculuğunuzun başlangıcında, kendinizi bir veya iki ile sınırlamak daha iyidir.

2. Şimdi sahne sahne bir storyboard (STB) oluşturmanız gerekiyor

Nedir ve neyle yenir?

Bir film hayal edin. Şimdi sayıyı hayal et farklı şekiller itibaren farklı kameralar... Yakın çekim, manzara, karakteri takip eden kamera...

Tamam, çoğu olmadığında. Ama bütün bir klibi yaptığımızda onlardan daha fazlası olabilir. 30 bir şeyler!
Bu nedenle, zeki amcalar ve teyzeler animatörleri, çizgili bir kitaba benzer harika bir şey kullanırlar.

İçinde sahneleri tasvir ediyorlar.

Sadece bazı kişiler tablonun her bölümüne bir sahne çizer, sonra bir başkasını, üçüncüsünü vs., diğerleri ise tablonun her bölümünde birkaç saniye sonra resim çizer (açıkça anlamadıysam özür dilerim).

Açıklamanın yanında yapabileceklerinizi yapmak da çok uygundur, aksi takdirde olur, çizersiniz, sonra bir süre sonra bakarsınız ve anlamazsınız - burada neyi tasvir ettim?

Bu yüzden bu storyboard'u sahnelere göre not alıyoruz ve bu küçük kitapları kullanıyoruz.
Bir kitap yapmak zorunda bile değilsiniz, sadece yaratın büyük dosya Photoshop'ta ve oradaki tüm sahneleri çizin.

3. Şimdi arka planı, karakterlerin kavramını ve hareketi bulmanız gerekiyor.

RPS kitapçığındaki hareketleri çizin.

Bir klipte birden fazla sahneniz varsa, birkaç farklı arka plan çizmeniz gerekecektir. Bunları ayrı dosyalarda çizin.
Ve bir şeyi unutmayın - arka plan yoktan ortaya çıkmaz. Yani kameranın yana doğru kaymasını istiyorsanız arka planın da orada olması gerekir. onlar. arka planı uzunluk olarak (veya genişlik olarak ve belki her ikisinde de) daha fazla çizmeniz gerekecek.

sonra iyice düşünürsün dış görünüş karakterinizi ve animasyon oluşturmaya başlayın.

Teoriden pratiğe

Şimdi biraz IDEA hakkında ve genel olarak "Animasyon oluşturma süreci" maddesi üzerinde düşünelim. Ne yapıyorum ben? Şimdi, hareket etmeye zorlayacağınız bir kobay faresine ihtiyacınız olacak. İçinde bir klip yapmayacağız 4320 çerçeveler. Kare kare animasyonun nasıl oluşturulacağını bulmanın en iyi ve en kolay yolu 24 -72 -çerçeve animasyonu.

Pekala, başlayalım!

1. Biz yaratırız yeni belge... Animasyonum için küçük bir boyut aldım - 400 x 500 piksel.

2. Şimdi, sol altta bir pencereniz yoksa " Animasyon", Yukarı bak, sekmeyi aç" pencere» - « Animasyon».*

* - Örneklerde Rus versiyonu kullanılmıştır. Photoshop CS2.

Yukarıdaki ekran görüntüsünde, ilk karenin bulunduğu animasyon penceresini görüyoruz, altında düğmelerin bulunduğu küçük bir panel var:

Her zaman / Bir kez- "Daima"yı seçerek animasyonu döngüye sokarsınız. Bir Kez'i seçerseniz, animasyon yalnızca bir kez oynatılacaktır. (Dersimdeki her iki animasyon seçeneği de: döngülü - DPD ilkesinin gösterildiği, bir kez çoğaltılan - sahne değişikliğinin gösterildiği yer).

İlk kareyi seçin- bizi en başa döndürür.

Önceki kareyi seçer- Kaptan'ı aramayacağız. (=

Animasyonu oynatır / Animasyonu durdurur- Oynat / Durdur.

Sonraki kareleri seçer- sonraki kare. Senin Şapkan!

Animasyon karelerini aralar- bu buton ile yenilerini ekleyerek iki kare arasına yumuşak geçişler ekleyebiliriz.

Seçilen kareleri çoğaltır- tam olarak doğru isim değil ... "Yeni bir çerçeve eklemek" daha iyi olurdu.

Seçili kareleri siler- sepet.

3. Artık çizime başlayabiliriz. bunun için daha önce oluşturduğunuz arka planı üzerine koyun Arka plan(Arka Plan / Arka Plan).

4. Sonra oluştur yeni katman(Ctrl + Shift + Alt + N) ve üzerine karakterinizi çizin.

4. Şimdi en zor kısım başlıyor: Aynı karakteri arka arkaya farklı pozlarda defalarca çizmemiz gerekiyor.

Yeni bir çerçeve oluşturun ve ... İki seçenek var:

A) Ya her seferinde karakterini yeniden çizmeye başlarsın ya da ..

B)Önceki katmanı kopyalayın ve değiştirin (boyamayı bitirin, silin ve dönüştürme kullanmayın! Böyle bir araca nadiren ihtiyacınız olacak, o zaman ne zaman yazacağım).

Animasyon eğitimi almış olarak, her iki seçeneği de acısız bir şekilde kullanabilirsiniz. (Her birini ayrı bir belgede deneyebilirsiniz).

Seçenek A:

1. İlk çerçevemizi çizdik.

2. Bir sonrakini nasıl değiştireceğimizi görmek için katmanın opaklığını yaklaşık olarak azaltıyoruz. 30% ve ikinci kare için üzerine bir tavşan çizdiğimiz yeni bir katman oluşturun.

3. İkinci kareyi bitirin ve önceki, ilk katmanın görünürlüğünü kapatın.

Seçenek B:

1. Karakterle bir çerçeve oluşturun ve bu katmanı görünmez yapın.

2. Ardından, katmanı sepetin solundaki Yeni Katman Oluştur düğmesinin üzerine sürükleyerek çoğaltın (Ctrl + J).

3. Şimdi ikinci katmanı görünür hale getiriyoruz ve onu değiştirmeye başlıyoruz.

Böylece, bir önceki katmanı çoğaltarak, yeni çerçeveler oluşturur ve aynısını değil, değiştirirsiniz.

5. Oturuyoruz, çerçeve çiziyoruz 10 -15 ...

6. Ve ne olduğunu görelim.

Sonuç, koşan bir tavşandır.

Ve tek bir parçası bile kopyalanmıyor: her kare yeniden çiziliyor.

Kendin için gör:

Bir animasyon oluştururken, yüzlerce katman arasında geçiş yapmanın oldukça zor olduğunu ve bu nedenle boyamayı veya bir şeyi değiştirmeyi daha sonraya ertelememelisiniz. Hemen yap.

neredeyse sonuna

Yukarıda araç () hakkında bir rezervasyon yaptım.
Örneğin, kamerayı uzaklaştırmak, yakınlaştırmak, döndürmek vb. istediğinizde kullanılmalıdır. (Sadece arka planı hareket ettirmeniz gerekiyorsa, video düzenleyicileri kullanın, sizin için daha kolay olacaktır). Bozulma, eğme ve diğer dönüştürme araçlarını gereksiz yere kullanmayın.

Ve kurtardıktan sonra gif-video dosyası formatı olarak animasyon .aviörneğin, güvenle gidebilirsiniz Windows Live Film Stüdyosu.
Orada, videonuzla canınız ne istiyorsa onu yapın.

Ardından klibinizi youtube.com'a yükleyebilir ve yapılan işin keyfini çıkarabilirsiniz.

İlginiz için ÇOK TEŞEKKÜR EDERİZ, Lero-art sizlerleydi. Varsa dersteki dilsiz, sunum garipliği ve diğer kusurlar için kusura bakmayın. Bunların hepsi, düşüncelerin karıştırılmasından ve kelimelerin cümlelere katılmamasından kaynaklanmaktadır ...

Ama umarım kendin için yeni ve ilginç bir şey öğrenmişsindir!

GIF'ler her yerde. Bir zamanlar mütevazi, hareketli görüntüler artık internetin resmi olmayan dili. GIF animasyonu en çok hızlı yol Twitter'da duyguları ifade edin ve ayrıca VK, Facebook veya Odnoklassniki'deki haber akışında gezinerek onu izleyerek saatler geçirebiliriz.

Bu kadarı yeterli çok sayıda zaten bulabileceğiniz siteler hazır GIF'lerçeşitli konularda. Ancak hiçbir şey kendi yaptıkları GIF animasyonlarını yenemez. kendi ellerimle... Sizce bu zor bir süreç mi? yanılıyorsunuz, çok basit. Hızlı bir şekilde GIF animasyonu oluşturabilirsiniz. grafik düzenleyici Photoshop zaten dönüştürüyor mevcut video veya seriyi kullanarak statik görüntüler... Bunun nasıl yapıldığına daha yakından bakalım.

Not: Bu makaledeki tüm örnekler için Photoshop CC 2017 kullanıyorum.

Videodan GIF animasyonu nasıl oluşturulur

İlk önce Photoshop'u başlatmanız, Dosya> İçe Aktar> Video Karelerinden Katmanlara Git'e gitmeniz ve istediğiniz videoyu seçmeniz gerekir.

Açılan iletişim kutusunda videonun tamamını içe aktarabilir veya yalnızca onu seçebilirsiniz. belirli bir kısım... İkinci seçeneği seçerseniz pencerenin altındaki tutamaçları sürükleyin. Ön izleme Başlangıç ​​ve bitiş noktalarını ayarlamak için Videonun bu tutamaçlar arasındaki kısmı içe aktarılacaktır.

Not: Ne olduğunu unutmayın daha fazla video Hangisini içe aktarırsanız, GIF'iniz o kadar büyük olur. Ayrıca, çok uzun görüntüleri içe aktarıyorsanız, Her 2 Karede Bir (veya daha fazla) Bırak seçeneğini belirlemek, kaliteyi çok fazla etkilemeden boyutu küçültmenin kolay bir yoludur.

Stop Motion Animation Oluştur onay kutusunun işaretli olduğundan emin olun ve ardından Tamam'a tıklayın. Video içe aktarma işlemi başlar. Bu, klibin boyutuna bağlı olarak biraz zaman alabilir. İçe aktarma işlemi tamamlandıktan sonra açılacaktır. çalışma alanı, videonun her karesinin kendi katmanına yerleştirileceği.

Ekranın altında Zaman Çizelgesi paleti bulunur. GIF animasyonunuzun oluşturacağı tüm kareleri gösterir.

İstediğiniz gibi çerçeve ekleyip kaldırabilir veya mevcut katmanlardan herhangi birini, başka bir görüntüdeki katmanları düzenlediğiniz gibi düzenleyebilirsiniz. GIF animasyonunuzu önizlemek için zaman çizelgesinin altındaki Oynat düğmesini tıklamanız yeterlidir.

Bunun gibi bir şeyle sonuçlanmalısın:

Bir dizi statik görüntüden GIF animasyonu oluşturun

GIF animasyonunuzun temeli olarak kullanacağınız bir videonuz yoksa, bir dizi durağan görüntüden manuel olarak oluşturabilirsiniz. Özellikle havalı bir şey yapmak istiyorsanız biraz zor, ancak temel süreç basittir.

GIF'inizi birden çok katman içeren tek bir görüntü dosyasından oluşturursunuz. Her katman, gelecekteki animasyonunuzun ayrı bir karesidir. Başlamanın iki yolu vardır:

1. Animasyonunuz için zaten resimler oluşturduysanız, Dosya> Komut Dosyaları> Dosyaları Yığına Yükle...'yi seçerek bunları içe aktarın. Gözat'a tıklayın ve resimlerinizi seçin, ardından Tamam'a tıklayın. Her resim yerleştirilecek ayrı katman aynı dosyanın içinde.
2. Henüz resim oluşturmadıysanız, şimdi yapın. Unutmayın ki her ayrı resim Gelecekteki animasyonun bir parçasıdır.

Artık animasyonunuzu oluşturmaya başlamaya hazırsınız.

Statik görüntüleri canlandırma

Bu nasıl çalışır. Manuel olarak bir animasyon karesi oluşturduğunuzda, görünen her katman buna dahil edilir. Devre dışı bırakılan katmanlar, oluşturulan çerçeveye katılmaz.

İlk kare için ilk katmanı görünür yapın ve diğerlerini kapatın. Ardından, ikinci kareyi yapın, ikinci katmanı görünür yapın ve ardından üçüncü karede üçüncü katmanı yapın ve bu şekilde devam edin. Başladığınızda, her şey daha netleşecek.

Animasyon oluşturmaya başlamak için, sizin için otomatik olarak açılmadıysa zaman çizelgesini açın. Bunun için üst panel"Pencere"yi tıklayın ve açılan menüden "Zaman Çizelgesi"ni seçin. Açılan panelin ortasında, Kare Animasyonu Oluştur'u tıklayın. Bu eylem, animasyonunuzun ilk karesini oluşturacaktır. Katmanlar panelinde, çerçevenin parçası olmaması gereken katmanları gizleyin.

Şimdi düğmeye basın " Yeni çerçeve", Önceki kareyi çoğaltacak olan. Fazladan katmanları bir kez daha gizleyin ve çerçeveye katılması gerekenleri görünür hale getirin.

Animasyon için gereken tüm kareleri ekleyene kadar bu işlemi tekrarlayın.

tamamlama

Son olarak, her kare için görüntüleme süresini ayarlayın. İlk kareyi seçin ve ardından hepsini seçmek için son kareye Shift tuşuna basarak tıklayın. Şimdi karelerden birinin altındaki aşağı oka tıklayın ve bir gecikme seçin. Gecikme olmaması, animasyonun hızlı bir şekilde çalışacağı anlamına gelirken, ayarlanan saniye sayısı karelerin ekranda kalmasını sağlar. belirli bir dönem zaman.

Son olarak, Zaman Çizelgesi panelinin altında bulacağınız döngü seçeneklerini ayarlayın. Bu parametre, animasyonunuzun kaç kez oynatılacağından sorumludur. Çoğu durumda, Her Zaman seçeneğini seçersiniz.

Şimdi ortaya çıkan animasyonu önizlemek için ekranın altındaki Oynat düğmesini tıklayın. Bunun gibi bir şey görmelisiniz:

Çerçeveleri basitçe seçerek ve katmanların görünürlüğünü değiştirerek düzenleyebilirsiniz (aynı zamanda opaklığı değiştirebilir veya diğer daha karmaşık ayarları yapabilirsiniz). Gerekirse ek katmanlar ekleyin veya bunları kaldırmak için çöp kutusu simgesine tıklayın.

Sonuçtan memnun kaldığınızda, "Animasyonu Kaydetme" bölümüne geçebilir veya ortaya çıkan animasyonu iyileştirmek için okumaya devam edebilirsiniz.

Ara kareler ekleyerek animasyonu geliştirme

Photoshop, aralar oluşturmak için güçlü bir animasyon işlevini destekler. Bu, daha fazlasını oluşturmanıza olanak tanır pürüzsüz animasyonlar mevcut iki çerçeve arasında otomatik olarak geçiş çerçeveleri oluşturarak. Bu örnekte, yıldızlı gökyüzüne parıldama efekti vermek için tüm kareler arasında dolaşacağım.

Başlamak için ilk kareyi seçin ve zaman çizelgesinin altındaki araç çubuğunda Ara Oluştur düğmesini tıklayın.

Açılan iletişim kutusunda, "Ara çerçeveler" öğesini "Sonraki çerçeve" değerine ayarlayın ve "Çerçeve ekle" öğesi için istediğiniz değeri belirtin. Daha yüksek değer daha yumuşak ama daha yavaş bir geçiş anlamına gelir. Ara çerçeveler oluşturmak için "Tamam"a tıklayın.

Şimdi bu işlemi eklediğiniz diğer kaynak çerçeveler için tekrarlayın. Sonuncuya geldiğinizde, "Ara Çerçeveler"i "İlk Kare" olarak ayarlayın. Bu, animasyon döngünüzün başlangıcına yumuşak bir geçiş oluşturmanıza yardımcı olacaktır.

Efekti görmek için oynat düğmesine basın.

Animasyon kaydediliyor

İşiniz bittiğinde, önce dosyayı ".PSD" formatında kaydedin. Bu, daha sonra gerekirse animasyonunuzu düzenleyebilmeniz için tüm katman ve animasyon bilgilerini kaydeder. Bundan sonra doğrudan kaydetmeye gidebilirsiniz.

Oluşturduğunuz animasyonu kaydetmek için Dosya > Dışa Aktar > Web İçin Kaydet ( eski versiyon) ... ". Açılan pencerede GIF biçimini seçin ve "Renkler" alanında 256 belirtin. toplam büyüklük dosya, "Görüntü boyutu" alanındaki boyutu küçültün.

Önizleme penceresinin sol alt köşesinde animasyonun boyutunu görebilirsiniz. Çok büyükse, Atık kaydırıcısını sağa sürükleyin. Bu kaliteyi etkiler, ancak dosya boyutunu önemli ölçüde azaltır.

Animasyon yapmak için olağanüstü bir bilgiye sahip olmanıza gerek yok, sadece sahip olmanız gerekiyor. gerekli araç... Bir bilgisayar için bu tür birçok araç vardır ve bunların en ünlüsü, Adobe photoshop... Bu makale Photoshop'ta nasıl hızlı bir şekilde animasyon oluşturabileceğinizi gösterecektir.

Tuvali ve katmanları hazırlama

İlk önce bir belge oluşturmanız gerekir.

Görüntülenen iletişim kutusunda adı, boyutları vb. belirtebilirsiniz. Tüm parametreler sizin takdirinize göre ayarlanır. Bu parametreleri değiştirdikten sonra "Tamam" ı tıklayın.

Bundan sonra, katmanımızın birkaç kopyasını alın veya yeni katmanlar oluşturun. Bunu yapmak için, katmanlar panelinde bulunan "Yeni bir katman oluştur" düğmesini tıklayın.

Bu katmanlar, gelecekte animasyonunuzun kareleri olacaktır.

Artık onlara animasyonunuzda gösterilecek olanı çizebilirsiniz. V bu durumda hareketli bir küptür. Her katmanda birkaç piksel sağa kaydırılır.

Animasyon oluşturma

Tüm çerçeveleriniz hazır olduktan sonra animasyonunuzu oluşturmaya başlayabilirsiniz ve bunun için animasyon araçlarını görüntülemeniz gerekir. Bunu yapmak için, "Pencere" sekmesinde etkinleştirin çalışma ortamı"Hareket" veya zaman çizelgesi.

Zaman çizelgesi genellikle istenilen formatçerçeveler, ancak bu olmadıysa, ortada olacak olan "Çerçeveleri göster" düğmesini tıklamanız yeterlidir.

Şimdi "Çerçeve Ekle" düğmesine tıklayarak istediğiniz kadar çerçeve ekleyin.

Bundan sonra, her karede, yalnızca istediğinizi görünür bırakarak katmanlarınızın görünürlüğünü dönüşümlü olarak değiştirin.

Her şey! Animasyon hazır. "Animasyon oynatmayı başlat" düğmesine tıklayarak sonucu görüntüleyebilirsiniz. Ardından * .gif formatında kaydedebilirsiniz.

Bu kadar basit ve zor ama kanıtlanmış bir yöntemle Photoshop'ta bir gif animasyonu yapmayı başardık. Tabii ki, çerçeve süresini azaltarak, daha fazla çerçeve ekleyerek ve bütün şaheserler yaparak önemli ölçüde geliştirilebilir, ancak hepsi tercihlerinize ve isteklerinize bağlıdır.

02.08.2016 27.01.2018

Bu dersimizde animasyon oluşturmayı öğreneceğiz. Animasyon, statik görüntülerin (örneğin fotoğraflar) aksine, hareket verilmiş bir görüntüdür, çerçeveleri veya çerçevenin bölümlerini değiştirebilir.

Anima, "ruh" için Latince'dir. Animasyon oluşturarak resme "canlandırıyoruz", ona hayat veriyoruz diyebiliriz.

animasyon paneli Adobe Photoshop CS3'te göründü, bundan önce CS sürümünde animasyon oluşturma yeteneği tarafından gerçekleştirildi ayrı bir program, Adobe Photoshop ile birlikte gelen Image Ready CS2. Şimdi, yeni Adobe sürümleri Photoshop aracı animasyon oluşturma için programa dahildir ve adı vardır zaman ölçeği... ders tamamlandı v Daha fazlasına sahipseniz Adobe Photoshop 2015.5 erken versiyon programlarda, bazı ayarlar farklı olabilir, ancak temel kavramlar aynıdır.

Şimdi animasyon oluşturmayı öğrenmeye başlayalım. "Canlandırmak" istediğiniz resmi açın, Dosya-Aç (Dosya-Aç). Yıldızlı gökyüzüne hayran olan bir kız ve bir kedi ile bu sevimli resmim var.

Üç yeni boş katman oluşturun, Katman-Yeni-Katman (Katman-Yeni-Katman) veya içinde yeni bir katman oluşturmanın küçük resmine tıklayın katman panelleri.

Bunları sırasıyla "1", "2", "3" olarak adlandırın. Bu, gelecekte kafanızın karışmamasına yardımcı olacaktır.

Biz seciyoruz Fırça aracı (Fırçalamak):

Önce fırça boyutundaki üçgene, ardından soldaki dişliye tıklayın:

Fırça yükleme menüsü açılacaktır:

Yıldız fırçalarını indirin (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Tek fırçaları seçin ve boyutu değiştirerek daha önce oluşturduğumuz üç katmanı boyayın. Fırçanın rengi beyaz veya beyaza yakın. Ana şey, onları tüm katmanlarda aynı alana yerleştirmek değil, yıldızları rastgele gökyüzüne dağıtmaya çalışmak.

Pekala, şimdi en önemli şey: Resmi canlandırmanın büyüsüne geçelim. Menüye git Pencere-Zaman Çizelgesi), bu pencere görünecektir:

animasyon paneli iki türü vardır: zaman çizelgesi ve kare kare animasyon... İlk tür nadiren kullanılır, çünkü esas olarak video ile çalışmak için tasarlanmıştır, hadi geçelim kare kare, bunun için “düğmesine basıyoruz” Video için zaman çizelgesi oluştur ", ve sonra bu simgede:

Aşağıdaki pencere açılacaktır:

Yeni bir çerçeve oluşturmak için bu simgeye tıklayın:

Animasyonumuz basit, üç kare yeterli. Varsayılan olarak mevcut olana iki kare daha ekleyin, sonra kız ve kedi ile katmanın üzerinde duruyoruz ve onu görünür hale getiriyoruz ve ilk katmanı yıldızlarla yapıyoruz (bunun için katmanın gözüne tıklamanız yeterlidir. katman panelleri):

Aynısını ikinci ve üçüncü kareler için yapıyoruz, yalnızca yıldız işaretli ikinci ve üçüncü katmanlar için sırasıyla görünürlüğü açıyoruz. Kız ve kedinin olduğu katman her zaman görünür. Netlik için, ikinci ve üçüncü kareler için ekran görüntüleri:

bir kelepçe ile anahtarVardiya animasyon panelinde tüm katmanları seçin, tıklayın sağ tık fare ve çerçeve süresini değiştirin, s 5 saniye varsayılan olarak yüklendi, örneğin daha önce, 0,2 saniye... düğmesine tıklayın "Döngü parametrelerinin seçilmesi" ve değeri olarak değiştirin "Sürekli":

parametre ayarlanmışsa "Bir kere", ardından animasyon bir kez oynayacak ve parametre "Sürekli" sürekli olarak "yanıp sönecektir".

Animasyonun nasıl göründüğünü görmek için bu düğmeye tıklayın:

Daha fazlası için yumuşak bir geçişçerçeveler arasına ara çerçeveler ekleyebilirsiniz - aktif çerçeveyi animasyon panelleri ve bu simgeye tıklayın:

Araların sayısını, konumunu ve stilini seçebileceğiniz bir pencere açılacaktır. İlk iki kareyi ekledim 3 ara çerçeveler bu ayarlarla:

Ve son, üçüncü kare, ayrıca 3, ancak animasyonu döngüye almak ve yıldızların sarsıntı ve ani geçişler olmadan sorunsuz bir şekilde görünmesi ve kaybolması için farklı ayarlarla:

Pekala, burada animasyonu Photoshop'ta yaptık, sadece kaydetmek için kalıyor. git Web için Dosya-Dışa Aktar-Kaydet (Eski Sürüm) (Dosya— İhracat— Kaydetmek için ağ (eskimiş versiyon)):

Biçim seçme gif, renk sayısını da seçebilirsiniz (renk ne kadar fazlaysa dosya o kadar ağır olur, ancak renkler ne kadar azsa daha kötü kalite), boyut. Geri kalan parametreler varsayılan olarak bırakılabilir.

Bu kadar! Photoshop'ta animasyon yapmayı öğrendik!