Photoshop CC-da animatsiya yarating. Animatsiya nima

Yangi o'lchamdagi fayl yarating 700 x 300 px.

Oynani ochish Vaqt jadvali((Oyna - Xronologiya)).

tugmasini bosing " Ramka animatsiyasi yaratish» (Kadr animatsiyasini yaratish).

() yaratish vositasidan foydalanish 3 matnli qatlam ("Animatsiya", "bu", "shunchaki").

Asbobdan (Move Tool / V Key) foydalanib, matnni quyidagi rasmdagi kabi joylashtiring.

Oynada Vaqt jadvali(Xronologiya) birinchi kadrni tanlang va « tugmasini bosing Tanlangan ramkalarni takrorlaydi» (Tanlangan ramkalar nusxasini yaratish).

Biz yaratamiz 4 tanlangan ramkalarning nusxalari.

Oynada tanlang Vaqt jadvali(xronologiya) ikkinchi ramka va faqat ko'rinadigan qatlamlarni qoldiring " Animatsiya"va" Fon».

Tanlang to'rtinchi ramka va uni ko'rinadigan qoldiring hammasi qatlamlar.

Keling, animatsiyamiz uchun takrorlash parametrini o'rnatamiz. Oyna menyusida Vaqt jadvali(Vaqt jadvali), takrorlash parametrini "dan o'zgartiring. bir marta" ustida " Doimiy” (pastdagi rasm).

Endi biz o'ynashni boshlash uchun animatsiyadan foydalanishimiz mumkin.

"Fayl - Veb uchun saqlash" (Fayl - Veb uchun saqlash) Photoshop CC-da animatsiya sozlamalari. Yakuniy natija

Ushbu maqolada men Photoshop-da animatsiya nima ekanligini aytib beraman. Yangi yil bannerini yaratish misolidan foydalanib, Photoshop-da animatsiya qanday ishlashini ko'rib chiqamiz.

Men Adobe Photoshop CS6 da ishlayman. Menda ruscha interfeys bor, chunki men ishdan yozaman.

Uyda inglizcha versiyasi bor va men sizga ingliz tilidagi versiyasidan o'rganishni maslahat beraman, nima uchun:

Siz dasturni istalgan tilda osongina boshqarishingiz mumkin (rus tilidagi ingliz tilidan keyin vositalarni osongina topishingiz mumkin, chunki bu sizning ona tilingiz, rus tilidan keyin esa moslashish bilan bog'liq muammolar bo'lishi mumkin).
Ko'pchilik yaxshi darslar ingliz tilida yozilgan.
Dasturning lokalizatsiyasi ko'pincha bir-biridan farq qiladi, interfeysni tarjima qilish sifati ba'zida juda ko'p narsani talab qiladi. Asboblarning noto'g'ri tarjimasi dasturni o'rganishni boshlagan odamni chalkashtirib yuborishi mumkin.

Photoshop CS6 da animatsiya bilan ishlashni boshlash

Photoshop-ni boshlaylik.

Yangi hujjat yarating File -New (Ctrl+N).

Ochilgan oynada bannerning o'lchamini belgilang: 600 x 120, uni "Yangi yil banneri" -> "OK" deb nomlaymiz.

Fon yarating

Men o'z ishimda foydalanadigan materiallarni (fon, shriftlar va boshqalar) oldindan tanlayman.

Tayyorlangan teksturani oching: Ctrl+O. Men foydalanadigan teksturani yuklab olishingiz mumkin.

Qatlamlar palitrasini oching "Qatlamlar" - F7.

Teksturali oynani tanlang, qatlamni qatlamlar palitrasidan bannerli qatlamga torting.

Agar tekstura bannerga nisbatan juda kichik yoki juda katta bo'lib chiqsa, Ctrl+T konvertatsiyasi yordamida uning o'lchamini sozlang.

Tasvirning burchaklarida kichik kvadrat belgilar paydo bo'ladi. Oʻlchamini oʻzgartirish vaqtida tomonlar nisbatini saqlab qolish uchun Shift tugmasini bosib turing, burchak belgisini diagonal boʻylab tortib, tasvir hajmini kichraytiring yoki oshiring, bannerning butun yuzasi fon bilan toʻlguncha.

Teksturani bannerning o'lchamiga moslashtirgandan so'ng, biz uning rangini tuzatishga o'tamiz.

"Tasvir" - "Sozlamalar" - "Rang / to'yinganlik" menyusiga o'ting (Rasm - Tuzatish - Rang / to'yinganlik).

Men yorqin, to'yingan rangga erishish uchun ushbu sozlamalarni o'rnatdim:

Biz matnni yozamiz

Yangi qatlam yarating (Ctrl + Shift + N) yoki qatlamlar palitrasidagi yangi qatlam belgisini bosing.

Gorizontal Type Tool (T) ni tanlang.

Har qanday yulduzli cho'tka tanlang, bo'yoq oq bo'ladi #ffffff. Rangni tanlash uchun chap panelning pastki qismidagi kichik kvadratni bosing.

Yangi qatlamda yulduzlarni ixtiyoriy joylarda chizing. Yulduzlarni yorqinroq qilish uchun bir joyda bir necha marta bosing. Menga nima bo'ldi:

Ikki nusxadagi qatlam yarating (Ctrl + J). Oldingi qatlamning ko'rinishini yashirish uchun qatlamlar palitrasidagi ko'z belgisini bosing.

Yulduzlarning nusxasi bilan yuqori qatlamni tanlang. Chap paneldan Lasso Tool (L) ni tanlang.

Har bir yulduzni navbatma-navbat tanlang, "V" (Move Tool) tugmasini bosing va uni boshqa joyga ko'chiring, shuning uchun biz har xil ramkalarda turli joylarda yulduzlarga ega bo'lamiz, bu miltillovchi effekt yaratadi.

Barcha yulduzlarni boshqa joyga o'tkazganingizdan so'ng, siz ishlagan qatlamning dublikatini yarating (Ctrl + J), oldingi qatlamni qatlamlar palitrasida ko'z ustiga bosish orqali yashiring va yulduzlarni yangisiga o'tkazish uchun operatsiyani yana takrorlang. joylarda, shuningdek, bir nechta yangi yulduzlarni bo'yashni tugatishingiz mumkin.

Shunday qilib, biz yulduzlar bilan 3 ta qatlamni olamiz, ularning har birida yulduzlar turli pozitsiyalarda bo'ladi.

Hammasi tayyor.

Photoshop-da animatsiyani boshlash

Vaqt jadvalini ochish. Menyuga o'ting "Oyna" - "Xronologiya" (Oyna - Xronologiya).

Ko'rsatilgan vaqt jadvali panelida biz o'rtadagi "Video xronologiyasini yaratish" tugmachasini topamiz (Video uchun vaqt jadvalini yaratish).

Shundan so'ng, o'lchov o'zining ko'rinishini o'zgartiradi. Endi biz kvadratma-kadr animatsiya yaratish uchun oynaning pastki chap burchagini uchta kvadrat bilan belgilaymiz.

Biz kadrma-kadr animatsiya panelini ochdik. Endi unda faqat bitta ramka mavjud bo'lib, unda barcha ko'rinadigan qatlamlar ko'rsatiladi (tanlangan ramkaning mazmuni monitorning asosiy oynasida ko'rsatiladi).

Qatlamlar palitrasiga o'ting - F7. Yuqoridagi ikkita yulduz qatlamini hozir o'chirib qo'yishimiz kerak (ko'zni bosing), faqat bittasini ko'rish mumkin. Bu birinchi ramka bo'ladi.

Qatlamlar palitrasiga o'ting. Birinchi qatlamni yulduzlar bilan o'chiring, ikkinchisini yoqing. Shunday qilib, ikkinchi kadrda yulduzlar boshqa joylarda ko'rsatiladi.

Yangi ramka belgisini yana bosing. Ikkinchi qatlamni yulduzlar bilan o'chiring, uchinchisini yoqing.

Har bir ramka ostidagi vaqtga e'tibor bering, bu ramkaning davomiyligi. Odatiy bo'lgan 5 soniya biz uchun juda ko'p - animatsiya sekinlashadi, o'qni bosing va har bir kadrning davomiyligini 0,1 soniyaga o'rnating.

Kadrlar silliq o'zgarishi uchun biz asosiy kadrlar orasida oraliq ramkalar yaratishimiz kerak. Buni amalga oshirish uchun birinchi ramkada bo'lib, vaqtinchalik panelning pastki qismidagi bir nechta doiralar bilan belgini bosing.

Ko'rsatilgan oynada biz qancha oraliq ramka yaratmoqchi ekanligimizni belgilang. Men uni 2 ga o‘rnataman. Oxirgisidan tashqari barcha freymlar uchun “Keyingi kadr”ni o‘rnating.

Birinchi va ikkinchi kalit kadrlar orasida sizda 2 ta oraliq mavjud.

Endi biz 2-kadrda turamiz (hozir u ketma-ket 4-chi), yana doiralar bilan belgini bosing va yana 2 ta oraliq ramka yarating. Endi silliq animatsiyani olish uchun oxirgi va birinchi kadrni yopishimiz kerak.

Vaqt jadvalidagi oxirgi kadrni tanlang. Doiralarni bosing. Ko'rsatilgan oynada "Oraliq kadrlar" qatorida "Birinchi kadr" tanlanadi, xuddi shu tarzda 2 ta ramka qo'shing.

Endi, pastki chapdagi ramkalar ostida biz "Doimiy" animatsiyani ijro etishning takrorlanish sonini ko'rsatamiz.

Birinchi ramkani tanlang, nima bo'lishini ko'rish uchun o'ngdagi "Play" uchburchakni bosing.

Biz GIF-ni saqlash uchun fayl formatini tanlaymiz, "Saqlash ..." tugmasini bosing, biz saqlaydigan katalogni tanlang, yana "Saqlash" tugmasini bosing.

Shunday qilib, ushbu qo'llanmada biz Photoshop CS6 da qanday qilib animatsiya qilishni ko'rib chiqdik.

Umid qilamanki, siz ushbu qo'llanmadan yangi va foydali narsalarni o'rgandingiz.

Animatsiyani yaratish uchun ba'zi ajoyib bilimlarga ega bo'lish shart emas, faqat to'g'ri vositani sotib olish va undan to'g'ri foydalanish kerak. Bunday echimlar juda ko'p, ammo ulardan eng mashhuri Adobe Photoshop. Ushbu maqolada qanday qilib tezda animatsiya yaratishni ko'rsatamiz.

Agar Photoshop kompyuteringizda bo'lmasa, uni yuqoridagi havoladan yuklab oling, so'ngra ushbu maqoladagi ko'rsatmalarga muvofiq o'rnating va uni ishga tushiring.

1-bosqich: Tuval va qatlamlarni tayyorlash

Endi siz ularga animatsiyada ko'rsatiladigan narsalarni chizishingiz mumkin. Bizning oddiy misol bu harakatlanuvchi kvadrat bo'ladi. Har bir qatlamda u bir necha pikselni o'ngga siljitadi.

2-bosqich: Vaqt jadvali bilan ishlash

Hammasi! Animatsiya tayyor. Natijani tugmani bosish orqali ko'rishingiz mumkin "Animatsiyani ijro etishni boshlash". Va keyin uni shunday saqlashingiz mumkin gif.

Shunday sodda, ammo tasdiqlangan usulda biz Photoshop-da GIF animatsiyasini yaratishga muvaffaq bo'ldik. Albatta, uni ramka vaqtini qisqartirish, ko'proq ramkalar qo'shish va, albatta, qora kvadrat o'rniga yanada original va sifat jihatidan yaxshiroq yaratish orqali sezilarli darajada yaxshilash mumkin. Lekin bu allaqachon sizning afzalliklaringiz, istaklaringiz va ko'nikmalaringizga bog'liq.

Yangi o'lchamdagi fayl yarating 700 x 300 px.

Oynani ochish Vaqt jadvali((Oyna - Xronologiya)).

tugmasini bosing " Ramka animatsiyasi yaratish» (Kadr animatsiyasini yaratish).

() yaratish vositasidan foydalanish 3 matnli qatlam ("Animatsiya", "bu", "shunchaki").

Asbobdan (Move Tool / V Key) foydalanib, matnni quyidagi rasmdagi kabi joylashtiring.

Oynada Vaqt jadvali(Xronologiya) birinchi kadrni tanlang va « tugmasini bosing Tanlangan ramkalarni takrorlaydi» (Tanlangan ramkalar nusxasini yaratish).

Biz yaratamiz 4 tanlangan ramkalarning nusxalari.

Oynada tanlang Vaqt jadvali(xronologiya) ikkinchi ramka va faqat ko'rinadigan qatlamlarni qoldiring " Animatsiya"va" Fon».

Tanlang to'rtinchi ramka va uni ko'rinadigan qoldiring hammasi qatlamlar.

Endi biz o'ynashni boshlash uchun animatsiyadan foydalanishimiz mumkin.

"Fayl - Veb uchun saqlash" (Fayl - Veb uchun saqlash) Photoshop CC-da animatsiya sozlamalari. Yakuniy natija

Siz o'rganasiz:

Animatsiya panelini qanday ochish va yopish va sozlash.
Kalit va animatsiya ramkalarini qanday qo'shish, olib tashlash va tahrirlash.
Tween tugmasi nima uchun?
Oddiy yulduzcha chizish animatsiyasini qanday qilish kerak.
Har bir animatsiya ramkasi uchun vaqt oralig'ini qanday o'rnatish kerak.
Gif fayl hajmini kamaytirish uchun animatsiyani qanday optimallashtirish mumkin.
GIF fayllarini dasturga qanday import qilish mumkin.
Kadr animatsiyasidan vaqt jadvaliga qanday o'tish mumkin.

Dars quyidagi bo'limlardan iborat:

1. O'quv videosi.
2. Animatsiya nima.
3. 1-qism. Kadrma-kadr animatsiya.
4. Intervallarni o'rnatish.
5. Takrorlash chastotasini belgilash.
7. Animatsiyani optimallashtirish.
8. Animatsiyani saqlash.
10. GIF-larni oching.
11. Animatsiya qatlamlarini birlashtiruvchi tugmalar.
12. Animatsiya panelini yopish.
13. Savollar.
14. Uyga vazifa.

Animatsiya nima

Animatsiya tasvirlarning ketma-ket o'zgarishi bo'lib, buning natijasida bizga ob'ekt harakatlanayotgan, shakli o'zgargan, paydo bo'lgan va yo'qolgandek tuyuladi va u bilan boshqa dinamik harakatlar ham sodir bo'lishi mumkin.

Photoshop-da animatsiyadan foydalanib, siz fotosuratlar yoki rasmlardan slayd-shoularni yaratishingiz, avatarlar, bannerlar, veb-sahifalar uchun ekran saqlovchilari, dinamik otkritkalar va turli taqdimotlar yaratishingiz mumkin. Shuni yodda tutish kerakki, Photoshop hali ham grafik muharrir bo'lib, murakkab animatsiya jarayonlari uchun mo'ljallanmagan. Dasturda animatsiya yaratishning ikki yo'li mavjud - kadrlar bo'yicha animatsiya va xronometriya rejimida animatsiya. Biz animatsiyaning ikkala turini navbatma-navbat ko'rib chiqamiz. Biz butun 36-darsni kadrma-kadr animatsiyasini o'rganishga bag'ishlaymiz. Va 37-darsda biz vaqt jadvalini ko'rib chiqamiz. Ba'zi oddiy vazifalarni kadrma-kadr animatsiya rejimida bajarish qulayroq. Agar siz boshqa dasturlardagi vaqt jadvali bilan qanday ishlashni bilsangiz ham, men sizga ushbu darsdagi vazifalarni sinab ko'rishingizni maslahat beraman. Olingan bilimlarga asoslanib, siz har bir holatda qaysi usuldan foydalanishni hal qilishingiz mumkin.

1-qism. Kadrlar bo'yicha animatsiya

Panel Ramkalar uzoq vaqt oldin paydo bo'lgan. Keling, yulduzcha chizish animatsiyasi misolida uning sozlamalarini ko'rib chiqaylik.

800 x 800 pikselli, 72 pikselli, RGB rang rejimida yangi hujjat yarating. Qatlamlar palitrasining pastki qismidagi belgini bosish orqali yangi qatlam yarating. Yoki Shift+Ctrl+N tugmalarini bosing.

Asboblar panelida cho'tka vositasini tanlang qora, diametri 35 piksel, qirralari loyqa. Birinchi qiya chiziqni torting (nuqta qo'ying, Shift tugmasini bosing va keyingi nuqtani qo'ying - chiziq tekis bo'ladi).

Ikkinchi qatlamni yarating. Keyingi qatorni chizing. Keyin uchinchi qatlam
va boshqa qator va hokazo.Sizda fon qatlami bilan birga oltita qatlam bo'lishi kerak.

Animatsiya panelini ochish uchun Oyna menyusidagi Animatsiya bandini bosing. Yoki Oyna menyusidan Ish maydoni ( Ish muhiti) Video va Film/Videoda. Panel kadrma-kadr animatsiya rejimida ekanligiga ishonch hosil qiling.
Aks holda, belgini bosing animatsiya panelining pastki o'ng qismida.

Qatlam eskizining chap tomonidagi belgini bosish orqali Layers (Layers) palitrasidagi fon qatlamidan tashqari barcha qatlamlarning ko'rinishini o'chiring. Bu bizning animatsiyamizning birinchi kadri bo'ladi.

Animatsiya panelining pastki qismidagi belgini bosing. Ikkinchi kadr (birinchi kadrning nusxasi) paydo bo'ladi. Uni o'zgartirish uchun Layers (Layers) palitrasida birinchi qatlamning ko'rinishini yoqing. Belgini yana bosing va ikkinchi qatlamning ko'rinishini yoqing.

Yangi ramkalar yaratishda davom eting va oxirgi freymda butun yulduzcha paydo bo'lguncha keyingi qatlamlarning ko'rinishini yoqing.

Animatsiya panelining pastki qismida animatsiyalarni qo'shish, o'chirish va ko'rish uchun asboblar mavjud.

- xronologiyada animatsiyaga aylantirish.

- Tween(Oraliq ramkalar yaratish).

- Joriy kadrni takrorlash (tanlangan kadrlarning nusxasini yaratish).

- Ijro tugmalari (har qanday magnitofon kabi).

Birinchi kadrni tanlaydi(Tanlangbirinchiramka); Ko‘rib chiqish ramkasini tanlaydi (Tanlangoldingiramka);

o'ynash(animatsiyani boshlash);

TanlaydiKeyingisiramka(Keyingi ramkani tanlang).

- Tanlangan ramkalarni o'chirish. E'tibor bering, kalitDelklaviaturada tanlangan ramkani o'chirmaydi, lekin tanlangan qatlamni palitradan Layers (Layers) o'chiradi.

Intervallarni o'rnatish.

Endi animatsiya kadrlari ko'rinadigan vaqt oralig'ini belgilaymiz.

Har bir freym ostida, pastki qismida 0 s yoziladi. va o'q bor. O'qni bosing va kvadrat tezligini tanlang. Barcha kadrlar uchun 0,5 qiymatini tanlang (yarim soniyadan keyin ramka o'zgarishi bo'ladi).

Takrorlash chastotasini sozlash.

Keyingi qadam animatsiyani takrorlash chastotasini belgilashdir. Animatsiya panelining pastki qismidagi o'qni bosing. Davriylikni tanlash menyusi paydo bo'ladi.

Agar siz Forever (Forever / Permanently) ni tanlasangiz, animatsiya qayta-qayta takrorlanadi. Bu jarayon loop deb ataladi.

Bir marta tanlasangiz, animatsiya bir marta o'ynaydi va oxirgi kadrda to'xtaydi.

Agar “Boshqa” ni tanlasangiz, diapazonda (1 dan 999 gacha) takrorlashlar sonini o‘rnatishingiz mumkin.

Endi yaratilgan animatsiyani o'ynaymiz. Buning uchun Play tugmasini bosing (Animatsiyani boshlash). Agar sizga hamma narsa yoqsa, keyingi bosqichga o'ting, agar bo'lmasa, animatsiyani xohlaganingizcha sozlang.

Animatsiya paneliga o'ting. Joriy freymni takrorlash belgisini bosing. Fon qatlamidan tashqari barcha qatlamlarni tanlang.
Fon qatlamining ko'rinishini o'chiring. Ctrl + Shift + Alt + E tugmalarini bosing. Barcha tanlangan qatlamlarga muhr qo'yiladigan yangi qatlam paydo bo'ladi.
Qatlamning eskizi shaffof fonda yulduzni ko'rsatadi. Ushbu qatlamni yulduz deb nomlang.

Uslub sozlamalariga o'tish uchun qatlamni ikki marta bosing. Soya va rang qoplamasini o'rnating. Siz tanlagan rangni tanlang.

Animatsiyaning birinchi kadriga qayting
va yulduz bilan qatlamning ko'rinishini olib tashlang
palitrada Qatlamlar (Qatlamlar).

Oxirgi ramkani tanlang. Qatlamlar palitrasida faqat Yulduzli qatlam va Fon qatlamini ko'rinadigan holda qoldiring.

Ushbu qatlamni takrorlang va uslub sozlamalarini o'zgartiring: Rangni o'zgartiring, bo'rttirma yoki chiziqni o'rnating. Animatsiya paneliga o'ting. Joriy freymni takrorlash belgisini bosing. Animatsiya panelidagi birinchi freymga qayting va palitrada ushbu qatlamni bekor qiling.

Qatlamni yana takrorlang va uslubni o'zgartiring. Ko'chirish (Ko'chirish) asbobini tanlang yoki Bepul aylantirish vositasiga o'tish uchun Ctrl + T tugmalarini bosing. O'lchovni o'zgartiring. Animatsiya paneliga o'ting. Belgini bosing. Birinchi freymga qayting va ushbu qatlamni tanlashni bekor qiling.

Qatlamni yana takrorlang va biroz kattalashtiring va uslubni o'zgartiring. Va animatsiya ramkasini qo'shing. Siz shunday hikoyalar taxtasi bilan yakunlashingiz kerak:

Play tugmasini bosing (Animatsiyani boshlash) va bajarilgan ish natijasiga qarang.

Animatsiyani optimallashtirish.

Animatsiya panelining yuqori o'ng burchagidagi belgini bosing. Qo'shimcha menyu paydo bo'ladi.

Ish tugagandan so'ng, animatsiya Gif faylining hajmini kamaytirish va veb-brauzerda yaxshiroq yuklash uchun optimallashtirilishi kerak. Kamaytirish ramkadan ramkaga o'tish paytida o'zgarmaydigan joylarni chiqarib tashlash tufayli sodir bo'ladi.

Tanlang Animatsiyani optimallashtirish…(Animatsiyani optimallashtirish). Ikkala katakchani ham belgilang.
ChegaralashQuti(chegara qutisi)- oldingi ramkaga nisbatan o'zgartirilgan maydon bo'yicha ramkalarni kesish.

Ortiqcha piksellarni olib tashlash (qo'shimcha piksellarni olib tashlash). Agar piksel oldingi kadrdan o'zgarmagan bo'lsa, u shaffof bo'ladi.

PhotoShop-da shaffoflikni o'z ichiga olgan ramkalarni saqlashi uchun opsiyani tanlang "Avtomatik ravishda". Buning uchun bir yoki bir nechta ramkani tanlang. bosing o'ng tugmasini bosing sichqonchani ramka eskizi ustiga bosing. Uchta variantdan birini tanlang:

Avtomatik(Avtomatik)— agar keyingi kadrda qatlam shaffofligi boʻlsa, joriy kadr oʻchiriladi.,

Doemastasarruf qilish(tashlamang)-Hozirgi ramka keyingi kadrning shaffof joylari orqali ko'rinadi.,

Tashlab qo'ying(lavozim)- joriy kadr keyingi kadrning shaffof joylari orqali ko'rinmaydi.

Animatsiyani saqlash.

Endi animatsiyani saqlash vaqti keldi. Albatta, ish jarayonida to'satdan elektr uzilishi yoki kompyuterni kutilmagan tarzda qayta ishga tushirish bilan bog'liq vaziyatga tushib qolmaslik uchun faylni PSD formatida saqlash kerak edi. Ammo endi men boshqa qutqarishni nazarda tutyapman. Animatsiyani Save for Web buyrug'i yordamida jonlantirilgan GIF sifatida saqlash mumkin.

Fayl menyusidan Veb uchun saqlash ni tanlang. Sozlamalarda Gif formatini o'rnating. Kelajakdagi fayl hajmiga e'tibor bering. Iloji bo'lsa, uning hajmini kamaytiring. Buni qanday qilish kerak, biz darsda batafsil muhokama qildik Rasm hajmi (Rasm o'lchami). Optimallashtirishda barcha freymlar bo'ylab ranglarning uyg'unligini ta'minlash uchun Adaptiv, Perceptual yoki Selektiv rangni qisqartirish modelidan foydalaning. "Saqlash" tugmasini bosing, ism, yo'lni kiriting va yana "Saqlash" tugmasini bosing.

Ilgari, animatsiyani yozib olish uchun biz ImageReady ilovasiga o'tdik.

Photoshop CS2 Animatsiya panelini taqdim etadi. Ammo animatsion faylni saqlash uchun siz hali ham ImageReady-ga o'tishingiz kerak edi. O'tish uchun asboblar panelining pastki qismidagi tugma yoki Fayl (Fayl) menyusi - ImageReady-da tahrirlash (ImageReady-ga o'tish) xizmat qiladi.

Photoshop CS3 va undan yuqori versiyalaridan boshlab, animatsiyani yozib olish uchun qo'shimcha dasturlar kerak emas. Tahrirlash uchun endi Animatsiya paneli ishlatiladi va yozib olish uchun element Fayl menyusida (Fayl) moslashtirildi. Saqlashuchunveb(Saqlash uchunveb) .

Keling, kvadratma-kadr animatsiyasini yaratishning yana bir kichik misolini ko'rib chiqaylik, unda tugma nima uchun ekanligini tahlil qilamiz. Tween(Ishlab chiqarishni yaratish).

500 x 250 pikselli yangi hujjat yarating. Asbobni tanlang Turi (Matn), shrift ta'siri, hajmi 150 pt. va har qanday so'zni yozing. Shaffoflikni 100% ga o'rnating. Qatlam uslublarini qo'shing: soya, gradient va bo'rttirma. Siz boshqa uslubni tanlashingiz mumkin, buni meniki kabi qilish shart emas. Matn deformatsiyasi ham jonlantirilishi mumkin. Animatsiya panelida intervalni 0,2 soniyaga o'rnating. Birinchi kadrni nusxalash uchun tugmani bosing. Qatlamlar (qatlamlar) palitrasiga o'ting va shaffoflikni 0 ga kamaytiring. Qatlam uslubini o'zgartiring (masalan, gradient qoplamasi o'rniga rang qoplamasini qo'shing). Kadrlar o'rtasida almashish orqali siz tasvir qanday o'zgarishini kuzatishingiz mumkin.

Keling, harakatni qo'shamiz. Ko'chirish (Ko'chirish) asbobini tanlang va matnni varaqdan pastga, pastga siljiting. Animatsiya paneliga o'ting va tugmani bosing

Ko'rsatilgan oynada siz qo'shilgan ramkalar sonini belgilashingiz mumkin. Ular qanchalik ko'p bo'lsa, o'tish shunchalik yumshoq bo'ladi. Grafikda TweenBilan(ramkalararo) freymlar qo'yiladigan ro'yxatdan tanlashingiz mumkin:

Oxirgi (oxirgi ramka); Tanlash (tanlash); Oldingi ramka (Oldingi ramka); Birinchi kadr (Birinchi kadr); Keyingi ramka Ro'yxat tanlangan ramkaga qarab o'zgaradi.

Barcha standart sozlamalarni qoldiring. OK tugmasini bosing.

O'ynatish (Animatsiyani boshlash) tugmasini bosing. Agar hamma narsa sizga mos bo'lsa, animatsiyani saqlashga o'ting.

GIF-larni ochish.

Photoshop CS3 va CS44 da video va GIF animatsiya fayllari Fayl (Fayl) - Ochish (Ochish) menyusi orqali ochilmaydi. Men uni ochmoqchi bo'lganimda, oyna paydo bo'ladi:

QuickTime Pro 7.1 yoki undan yuqori versiyasini o'rnatganingizga ishonch hosil qiling.

Photoshop CS5 da bunday muammo yo'q. Fayllar odatiy tarzda osongina ochiladi.

Menyudan Fayl (Fayl) - Import (Import) - Video ramkalarni qatlamlarga (video ramkalar) tanlang.
qatlamlarga...). Fayl turi maydonida GIF fayllarini tanlay olmaysiz. Biroq, agar siz avval .gif faylining nomini nusxa ko'chirsangiz va uni fayl nomi maydoniga qo'ysangiz yoki ushbu maydonga nomni qo'lda yozsangiz, bu kamchilikni osongina chetlab o'tish mumkin. Yoki Fayl nomi maydoniga * kiriting va Yuklash tugmasini bosing
gif faylining nomi ko'rinadi va uni ochish mumkin (boshqa fayllar, hatto dasturda ochilmaydiganlar ham ko'rinadi).

Standart sifatida paydo bo'lgan oynada sozlamalarni qoldiring. “Boshidan oxirigacha” va “Kadrlar animatsiyasini yaratish”ni tekshirish kerak. Afsuski, shu tarzda ochilgan fayllar shaffof fonga ega bo'lmaydi - buning o'rniga u oq rangda bo'ladi. Bunday faylni CS5 da ochganingizda shaffof fon saqlanib qoladi.

Animatsiya qatlamlarini birlashtirish uchun tugmalar.

Palitra qanday o'zgarganiga diqqat bilan qarang Qatlamlar(Qatlamlar) kadrma-kadr animatsiya bilan ishlaganda. Joriy kadrdagi o'zgarishlarni boshqa barcha kadrlarga qo'llash imkonini beruvchi tugmalar paydo bo'ldi. Propagate Frame 1 katagiga belgi qo'ying.

Keling, ular qanday ishlashini ko'rib chiqaylik... Yulduzli chizilgan animatsiya faylini oching. Har qanday ramkani tanlang va fon qatlamining ko'rinishini o'chiring. O'ynatish (Animatsiyani boshlash) tugmasini bosing. Faqat tanlangan ramka shaffof bo'ldi. Qatlamning ko'rinishini birlashtirish tugmasini bosing. Oyna paydo bo'ladi: .

bosing Match(Sinxronizatsiya) va yana animatsiyani ishga tushiring. Yulduzni chizish animatsiya davomida shaffof fonda amalga oshiriladi. Birinchi kadrning shaffofligi endi barcha animatsiya kadrlariga tayinlangan. Xuddi shunday, siz qatlamning joylashishini va uslubini boshqarishingiz mumkin.

Layers (Layers) palitrasida Animatsiya parametrlari (Animatsiya parametrlari) bandini tanlang. Odatiy bo'lib, kvadratma-kadr animatsiya panelini yoqsangiz, qatlamni birlashtirish tugmalari Avtomatik ko'rinadi. Bu qoidani “Har doim ko‘rsatish” yoki “Har doim yashirish”ni tanlash orqali o‘zgartirishingiz mumkin.

Animatsiya panelini yoping.

Animatsiya panelini yopishning bir necha yo'li mavjud:

Siz animatsiya panelini minimallashtirishingiz yoki yopishingiz mumkin, shuningdek, Foydalanuvchi interfeysi afzalliklarini bosish orqali Preferences-ga o'tishingiz mumkin.

Savollar:

Kadrma-kadr animatsiyasida kadrni tanlab, klaviaturada Del tugmasini bossangiz nima bo'ladi?

Tanlangan ramka o'chiriladi.

Qatlamlar palitrasida tanlangan qatlam barcha animatsiya ramkalaridan o'chiriladi.

Layers (Layers) palitrasida tanlangan qatlam faqat tanlangan animatsiya ramkasi uchun o'chiriladi.

Qatlamlar palitrasida tanlangan qatlam fon qatlamidan tashqari barcha animatsiya ramkalaridan o'chiriladi.

Sizda uchta ramka bor. Animatsiya uzluksiz bo'ladi. Qo'shish uchun nima qilish kerak
Oxirgi va birinchi kadrlar orasidagi 5 ta oraliq kadr?

Birinchi kadrni tanlang. Tugmani bosing
Tween With (Oraliq freymlar) ustunidagi sozlamalarda Next Frame (Keyingi kadr) ni tanlang.

Oxirgi ramkani tanlang. Tugmani bosing
Tween With (Oraliq freymlar) ustunidagi sozlamalarda Oldingi ramka (Oldingi ramka) ni tanlang.

Oxirgi ramkani tanlang. Tween tugmasini bosing.
Tween With (Oraliq kadrlar) ustunidagi sozlamalarda Birinchi kadr (Birinchi kadr) ni tanlang.

Animatsiyani optimallashtirish nima uchun?

Xronologiya animatsiyasiga aylantirish uchun.

Kadrdan freymga o'zgarmaydigan joylarni istisno qilish orqali Gif faylining hajmini kamaytirish uchun.

Animatsiyani takrorlash chastotasini o'rnatish uchun.

Uy vazifasi:

1) Yulduzni chizish bo'yicha kadrlar bo'yicha animatsiyani bajaring (darsga ko'ra).

2) Matnni kadrma-kadr animatsiyasini bajarish.