Adobe Illustrator-da GIF yarada bilərsiniz?

Həqiqət budur ki, siz tək Adobe Illustrator-da GIF yarada bilməzsiniz . Bəli, ilkin addımlar Adobe Illustrator proqramında edilə bilər. Bu o deməkdir ki, siz Adobe Illustrator-da animasiyalı GIF üçün iş lövhələrini hazırlaya bilərsiniz, lakin siz iş lövhələrini GIF istehsalçısına ixrac etməli və ya faktiki GIF yaratmaq üçün Photoshop-dan istifadə etməlisiniz.

Bu dərslikdə siz Adobe Illustrator və Photoshop proqramlarında animasiyalı GIF-lərin necə yaradılacağını öyrənəcəksiniz. Dərslikləri iki hissəyə böləcəyəm.

1-ci hissə Adobe Illustrator proqramında yerinə yetirilməsi lazım olan addımları təqdim edəcək və 2-ci hissə sizə iş lövhələrini Photoshop-da animasiyalı GIF-lərə necə çevirəcəyinizi göstərəcək. Əgər siz Photoshop istifadəçisi deyilsinizsə, narahat olmayın, mən sizə onlayn GIF istehsalçılarından istifadə edərək GIF-i necə hazırlayacağınızı da göstərəcəyəm.

Qeyd: bu dərslikdəki skrinşotlar Adobe Illustrator CC 2022 Mac versiyasından və Photoshop CC 2022 Mac versiyasından götürülüb. Windows və ya digər versiyalar fərqli görünə bilər.

1-ci Hissə: Adobe Illustrator-da GIF-in yaradılması

Əgər Adobe Illustrator animasiya etmirsə, niyə biz ondan GIF yaratmaq üçün istifadə edirik? Sadə cavab: Çünki siz Adobe Illustrator-da GIF üçün vektorlar yaratmalısınız və əsas odur ki, müxtəlif iş lövhələrinə ayrılmış müxtəlif çərçivələr/fəaliyyətlər olsun.

Nə qədər çaşqın səslənsə də, burada ətraflı addımlarla nümunə göstərdiyim zaman bunu başa düşəcəksiniz.

Addım 1: Yeni Adobe yaradınIllustrator Faylı və iş lövhəsinin ölçüsünü 400 x 400px olaraq təyin edin (Sadəcə mənim təklifim, istədiyiniz başqa ölçüsünü qurmaqdan çekinmeyin).

Bu, GIF olacağına görə, böyük bir faylın olmasını məsləhət görmürəm və iş lövhəsi kvadrat olsa yaxşıdır.

Addım 2: Canlandırmaq istədiyiniz ikona və ya illüstrasiya yaradın. Məsələn, mən yağış GIF-i hazırlayacağam, ona görə də bulud şəkli və bəzi yağış damcıları yaradacağam.

Hazırda bütün formalar eyni iş lövhəsindədir, ona görə də növbəti addım animasiya çərçivələrini yaratmaq üçün onları müxtəlif iş lövhələrinə bölməkdir.

Addım 3: Yeni iş lövhələri yaradın. Bu iş lövhələri daha sonra Photoshop-da çərçivələr olacaq, ona görə də iş lövhələrinin sayı GIF-də olmasını istədiyiniz çərçivələrin/fəaliyyətlərin sayından asılıdır.

Məsələn, mən beş əlavə iş lövhəsi əlavə etdim, buna görə də indi cəmi altı iş lövhəm var.

Hazırda əmin deyilsinizsə, vurğulamayın, hər zaman edə bilərsiniz. iş lövhələrini daha sonra əlavə edin və ya silin.

Addım 4: Formaları kopyalayın və yeni iş lövhələrinə yapışdırın. Eyni formada redaktə edirsinizsə, formanı bütün iş lövhələrinə köçürə və hər bir iş lövhəsində düzəlişlər edə bilərsiniz.

Qeyd: GIF hazırlayarkən formaları yeni iş lövhələrində yerləşdirmək çox vacibdir. Kopyalanmış obyekti eyni yerə yerləşdirmək üçün klaviatura qısa yolu Command + F (Windows istifadəçiləri üçün Ctrl + F )-dir.

Üzərindəki elementləriş lövhələri GIF-in necə göstəriləcəyi ardıcıllığına əməl etməlidir.

Məsələn, bulud forması bütün vaxt ərzində GIF-də göstəriləcək, ona görə də bulud şəklini bütün yeni iş lövhələrinə kopyalayın. Siz həmçinin yeni iş lövhəsinə elementləri bir-bir əlavə edə bilərsiniz. Sənə bağlıdır.

Sonrakı hansı hissənin göstəriləcəyinə qərar verin və GIF-də göstəriləcək çərçivənin ardıcıllığına əsasən iş lövhələrini təşkil edin.

Mənim vəziyyətimdə ilk olaraq orta yağış damcısının görünməsini istəyirəm, ona görə də onu Artboard 2-də bulud forması ilə birləşdirəcəyəm. Sonra növbəti çərçivələrə (artboards) yağış damcılarını əlavə edəcəyəm. yanlarda bir-bir.

Bütün iş lövhələrini quraşdırdıqdan sonra ilk iş lövhəsindən yağış damcılarını çıxarmaq qərarına gəldim, ona görə də indi iş lövhələrim belə görünür və onlar getməyə hazırdır.

5-ci addım: İş lövhələrini adlandırın və onları GIF-də necə görünmələrini istədiyiniz ardıcıllıqla yerləşdirin. Mən onları Photoshop-da daha sonra müəyyən etmək üçün 1-ci çərçivədən 6-cı çərçivəyə qədər adlar verəcəm.

Addım 6: İş lövhələrini ixrac edin. Üst menyuya gedin Fayl > İxrac > Ekranlar üçün İxrac və İş lövhələrini İxrac et seçin.

Artboardlarınızı adlarla fərdi şəkillər kimi yadda saxladığınızı görməlisiniz.

Adobe Illustrator-da işi bitirdiniz, gəlin animasiya prosesini Photoshop-da davam etdirək.

2-ci hissə: Photoshop-da GIF-in yaradılması

Bütün çərçivələr hazır olduqdan sonra o, yalnızPhotoshop-da animasiyalı GIF yaratmaq bir neçə dəqiqə çəkir.

Addım 1: Photoshop-da 1-ci hissədəki Adobe Illustrator faylı ilə eyni ölçüdə yeni sənəd yaradın. Mənim vəziyyətimdə o, 400 x 400px olacaq.

Addım 2: Adobe Illustrator-dan Photoshop-a ixrac etdiyiniz şəkilləri sürükləyin və onlar təbəqələr kimi görünəcək.

Addım 3: Üst menyuya gedin Pəncərə > Taymlayn və ya iş sahəsini birbaşa <2 olaraq dəyişə bilərsiniz>Hərəkət .

Photoshop pəncərənizin aşağı hissəsində Timeline iş sahəsini görməlisiniz.

Addım 4: Timeline iş sahəsində Çərçivə Animasiyası Yarat üzərinə klikləyin və siz Timeline iş sahəsində yuxarı təbəqənin göründüyünü görəcəksiniz.

5-ci addım: Qatlanmış menyunu açmaq üçün Taymlayn pəncərəsinin yuxarı sağ küncünə klikləyin və Qatlardan Çərçivələr Yarat seçin.

Sonra bütün təbəqələr çərçivə kimi görünəcək.

Gördüyünüz kimi, birinci kadr boşdur, çünki o, sonrakı fondur. Siz çərçivəni seçərək və Timeline pəncərəsində Seçilmiş çərçivələri silir düyməsinə klikləməklə birinci kadrı silə bilərsiniz.

Addım 6: Hər bir kadrın sürətini müvafiq olaraq dəyişmək üçün hər çərçivənin altındakı aşağı oxu klikləyin. Məsələn, mən bütün kadrların sürətini 0,2 saniyəyə dəyişdim.

GIF-in necə göründüyünü görmək üçün oynat düyməsini klikləə bilərsiniz. Nəticədən razı qaldıqdan sonra. Son addımonu GIF kimi ixrac etməkdir.

Addım 7: Üst menyuya keçin Fayl > İxrac > Saxla Veb (Legacy) üçün.

Parametrlər menyusundan ən vacibi fayl növü kimi GIF və Lopping Seçimləri kimi Əbədi seçməkdir. Siz müvafiq olaraq digər parametrləri dəyişirsiniz.

Saxla üzərinə klikləyin və sizi təbrik edirik! Siz indicə animasiyalı GIF yaratdınız.

Photoshop olmadan necə GIF etmək olar

Photoshop ilə tanış deyilsiniz? Siz əlbəttə ki, Photoshop olmadan da GIF yarada bilərsiniz. Pulsuz GIF yaratmağa imkan verən bir çox onlayn vasitə var.

Məsələn, EZGIF məşhur GIF istehsalçısıdır və istifadəsi asandır. Sizə lazım olan tək şey şəkillərinizi yükləmək, oynatma sürətini seçmək və o, avtomatik olaraq sizin üçün GIF-i edəcək.

Nəticə

Adobe Illustrator animasiya elementlərini yaratdığınız yerdir və Photoshop animasiyalı GIF-i hazırladığınız yerdir.

Daha asan seçim onlayn GIF istehsalçısından istifadə etmək olardı. Üstünlüyü ondadır ki, bu, xüsusilə Photoshop ilə tanış deyilsinizsə, çox vaxtınıza qənaət edəcək. Bununla belə, çərçivələrə daha çox nəzarət etdiyim üçün Photoshop-un çevikliyinə üstünlük verirəm.