آموزش ساخت گیف متحرک در فتوشاپ. انیمیشن فریم به فریم در فتوشاپ

در این مقاله در مورد اینکه انیمیشن در فتوشاپ چیست صحبت خواهم کرد. نحوه عملکرد انیمیشن در فتوشاپ را با استفاده از مثال ایجاد بنر سال نو خواهیم دید.

من در Adobe Photoshop CS6 کار خواهم کرد. من یک رابط روسی دارم، زیرا از محل کار می نویسم.

من نسخه انگلیسی آن را در خانه دارم و به شما توصیه می کنم از نسخه انگلیسی آن یاد بگیرید، دلیل آن این است:

• شما به راحتی می توانید برنامه را به هر زبانی هدایت کنید (بعد از انگلیسی در روسی، به راحتی می توانید ابزارها را پیدا کنید، زیرا این زبان مادری شما است و بعد از روسی، ممکن است مشکلاتی در تطبیق وجود داشته باشد).
• بیشتر درس های خوب به زبان انگلیسی نوشته شده است.
• محلی سازی برنامه اغلب با یکدیگر متفاوت است، کیفیت ترجمه رابط گاهی اوقات چیزهای زیادی را برای دلخواه باقی می گذارد. ترجمه نادرست سازها می تواند فردی را که شروع به مطالعه برنامه می کند سردرگم کند.

شروع کار با انیمیشن در فتوشاپ CS6

بیایید فتوشاپ را شروع کنیم.

یک سند جدید ایجاد کنید File -New (Ctrl+N).

در پنجره ای که باز می شود، اندازه بنر را 120*600 تنظیم کنید، بگذارید آن را "بنر سال نو" -> "OK" بنامیم.

یک پس زمینه ایجاد کنید

من از قبل موادی را که در کارم استفاده خواهم کرد (پس زمینه، فونت و غیره) انتخاب می کنم.

بافت آماده شده را باز کنید: Ctrl+O. می توانید بافتی را که من استفاده می کنم دانلود کنید.

پالت لایه ها "Layers" - F7 را باز کنید.

پنجره با بافت را انتخاب کنید، لایه را از پالت لایه ها روی لایه با بنر بکشید.

اگر بافت در مقایسه با بنر خیلی کوچک یا خیلی بزرگ بود، اندازه آن را با استفاده از تبدیل Ctrl+T تنظیم کنید.

نشانگرهای مربع کوچک در گوشه های تصویر ظاهر می شوند. Shift را نگه دارید تا هنگام تغییر اندازه، نسبت تصویر را حفظ کنید، نشانگر گوشه را به صورت مورب بکشید، اندازه تصویر را کاهش یا افزایش دهید، تا زمانی که تمام سطح بنر با پس زمینه پر شود.

پس از تنظیم بافت به اندازه بنر، به تصحیح رنگ آن می رویم.

به منوی "Image" - "Adjustsments" - "Hue / Saturation" (تصویر - تصحیح - رنگ / اشباع) بروید.

من این تنظیمات را برای رسیدن به یک رنگ روشن و اشباع تنظیم کردم:

متن را می نویسیم

یک لایه جدید ایجاد کنید (Ctrl + Shift + N) یا روی نماد لایه جدید در پالت لایه ها کلیک کنید.

ابزار Horizontal Type Tool (T) را انتخاب کنید.

یک قلم مو با هر ستاره ای انتخاب کنید، رنگ سفید #ffffff می شود. برای انتخاب رنگ، روی مربع کوچک در پایین پنل سمت چپ کلیک کنید.

در یک لایه جدید، ستاره ها را در مکان های دلخواه بکشید. برای درخشان‌تر کردن ستاره‌ها، چند بار در یک مکان کلیک کنید. این چیزی است که برای من اتفاق افتاد:

یک لایه تکراری ایجاد کنید (Ctrl + J). روی نماد چشم در پالت لایه ها کلیک کنید تا نمایان بودن لایه قبلی پنهان شود.

لایه بالایی را با کپی از ستاره ها انتخاب کنید. ابزار Lasso (L) را از پنل سمت چپ انتخاب کنید.

هر ستاره را به نوبه خود انتخاب کنید، "V" (ابزار حرکت) را فشار دهید و آن را به مکان دیگری منتقل کنید، بنابراین در مکان های مختلف ستاره هایی در فریم های مختلف خواهیم داشت که باعث ایجاد یک افکت سوسو می شود.

بعد از اینکه تمام ستاره ها را به مکان دیگری منتقل کردید، یک کپی از لایه ای که روی آن کار کرده اید ایجاد کنید (Ctrl + J)، لایه قبلی را در پالت لایه ها با کلیک روی چشم مخفی کنید و دوباره عملیات انتقال ستاره ها به حالت جدید را تکرار کنید. مکان ها، شما همچنین می توانید نقاشی چند ستاره جدید را به پایان برسانید.

بنابراین، ما 3 لایه با ستاره به دست می آوریم که در هر یک از آنها ستاره ها در موقعیت های مختلف قرار می گیرند.

همه چیز آماده است.

شروع کار با انیمیشن در فتوشاپ

باز کردن جدول زمانی به منوی "Window" - "Timeline" (پنجره - جدول زمانی) بروید.

در پانل جدول زمانی که ظاهر می شود، دکمه "ایجاد خط زمانی ویدئو" (ایجاد یک جدول زمانی برای ویدئو) را در وسط پیدا می کنیم.

پس از آن، ترازو ظاهر خود را تغییر می دهد. حالا در گوشه سمت چپ پایین پنجره روی نماد با سه مربع فشار می دهیم تا یک انیمیشن فریم به فریم ایجاد کنیم.

پنل انیمیشن فریم به فریم را باز کرده ایم. اکنون فقط یک فریم در آن وجود دارد که تمام لایه های قابل مشاهده در آن نشان داده شده است (محتوای فریم انتخاب شده در پنجره اصلی نمایشگر نشان داده شده است).

به پالت لایه ها بروید - F7. اکنون باید دو لایه ستاره بالایی را خاموش کنیم (روی چشم کلیک کنید) و تنها یکی از آنها قابل مشاهده است. این اولین فریم خواهد بود.

به پالت لایه ها بروید. لایه اول را با ستاره خاموش کنید، لایه دوم را روشن کنید. بدین ترتیب در فریم دوم، ستاره ها در مکان های دیگر نشان داده خواهند شد.

دوباره روی آیکون قاب جدید کلیک کنید. لایه دوم را با ستاره ها خاموش کنید، لایه سوم را روشن کنید.

به زمان زیر هر فریم دقت کنید، این مدت زمان فریم است. 5 ثانیه که به طور پیش فرض هستند برای ما زیاد است - انیمیشن کند می شود، روی فلش کلیک کنید و مدت زمان هر فریم را 0.1 ثانیه تنظیم کنید.

برای اینکه فریم ها به آرامی تغییر کنند، باید فریم های میانی بین فریم های کلیدی ایجاد کنیم. برای این کار، با قرار گرفتن در فریم اول، روی نماد با چندین دایره در پایین پنل موقت کلیک کنید.

در پنجره ای که ظاهر می شود، مشخص کنید که می خواهیم چند فریم میانی ایجاد کنیم. من آن را روی 2 تنظیم می کنم. برای همه فریم ها به جز آخرین مورد، "فریم بعدی" را تنظیم کنید.

بین اولین و دومین فریم کلیدی، 2 فریم متوسط ​​دارید.

حالا روی قاب کلید 2 می ایستیم (اکنون چهارمین قاب پشت سر هم است)، دوباره روی نماد دایره ای کلیک می کنیم و 2 فریم میانی دیگر ایجاد می کنیم. حالا باید فریم آخر و اول را ببندیم تا انیمیشنی روان بدست بیاید.

آخرین فریم را در تایم لاین انتخاب کنید. روی دایره ها کلیک کنید. در پنجره ای که ظاهر می شود، در خط "قاب های میانی" "First frame" را انتخاب کنید، 2 فریم را به همین ترتیب اضافه کنید.

اکنون، در زیر فریم های پایین سمت چپ، تعداد تکرارهای پخش انیمیشن "Constant" را نشان می دهیم.

اولین فریم را انتخاب کنید، مثلث سمت راست "Play" را فشار دهید تا ببینید چه اتفاقی می افتد.

ما فرمت فایل را برای ذخیره GIF انتخاب می کنیم، روی "ذخیره ..." کلیک می کنیم، دایرکتوری را انتخاب می کنیم که در آن ذخیره می کنیم، دوباره روی "ذخیره" کلیک می کنیم.

بنابراین، در این آموزش نحوه ساخت انیمیشن در Photoshop CS6 را دیدیم.

امیدوارم از این آموزش چیزهای جدید و مفیدی یاد گرفته باشید.

فایل های GIF همه جا هستند. تصاویر متحرک زمانی فروتن اکنون زبان غیر رسمی اینترنت هستند. انیمیشن GIF سریع‌ترین راه برای بیان احساسات در توییتر است، و همچنین می‌توانیم ساعت‌ها به تماشای آن بپردازیم و در فید خبری VK، Facebook یا Odnoklassniki پیمایش کنیم.

تعداد نسبتا زیادی سایت وجود دارد که می توانید گیف های آماده در موضوعات مختلف را پیدا کنید. اما هیچ چیز با یک انیمیشن GIF که توسط دست خود شخص ساخته شده است قابل مقایسه نیست. فکر می کنید این یک روند دشوار است؟ شما اشتباه می کنید، بسیار ساده است. می توانید با تبدیل یک ویدیوی موجود یا استفاده از یک سری تصاویر ثابت، به سرعت یک انیمیشن GIF در فتوشاپ ایجاد کنید. بیایید نگاهی دقیق تر به نحوه انجام این کار بیندازیم.

توجه داشته باشید:برای تمام نمونه های این مقاله، من از Photoshop CC 2017 استفاده می کنم.

نحوه ایجاد انیمیشن GIF از ویدیو

ابتدا باید فتوشاپ را باز کنید، به مسیر «File» > «Import» > «Video Frames to Layers» بروید و ویدیوی مورد نظر را انتخاب کنید.

در کادر محاوره ای که باز می شود، امکان وارد کردن کل فیلم ضبط شده یا انتخاب تنها قسمت خاصی از آن وجود خواهد داشت. اگر گزینه دوم را انتخاب کردید، دستگیره های زیر پنجره پیش نمایش را بکشید تا نقطه شروع و پایان را تنظیم کنید. بخشی از ویدیو بین این دستگیره ها وارد خواهد شد.

توجه داشته باشید:به خاطر داشته باشید که هرچه ویدیویی که وارد می کنید بزرگتر باشد، GIF شما بزرگتر خواهد بود. همچنین، اگر ویدیویی خیلی طولانی وارد می‌کنید، انتخاب Keep Every 2 Frames (یا بیشتر) یک راه آسان برای کاهش اندازه بدون تأثیر زیاد بر کیفیت است.

مطمئن شوید که کادر Create Frame Animation علامت زده شده است، سپس روی OK کلیک کنید. فرآیند واردات ویدیو آغاز خواهد شد. این ممکن است بسته به اندازه کلیپ کمی طول بکشد. پس از تکمیل واردات، یک فضای کاری باز می شود که در آن هر فریم از ویدیو در لایه خودش قرار می گیرد.

در پایین صفحه، پالت خط زمانی قرار دارد. تمام فریم هایی که انیمیشن GIF شما از آنها تشکیل خواهد شد را نشان می دهد.

می‌توانید فریم‌هایی را که دوست دارید اضافه و حذف کنید، یا هر یک از لایه‌های موجود را همانطور که لایه‌های روی هر تصویر دیگری را ویرایش می‌کنید، ویرایش کنید. برای پیش نمایش انیمیشن GIF خود، کافی است روی دکمه Play در پایین جدول زمانی کلیک کنید.

نتیجه نهایی باید چیزی شبیه این باشد:

ایجاد انیمیشن GIF از یک سری تصاویر ثابت

اگر یک فیلم ویدئویی برای استفاده به عنوان پایه انیمیشن GIF خود ندارید، می توانید آن را به صورت دستی از یک سری تصاویر ثابت ایجاد کنید. این کمی پیچیده تر است، به خصوص اگر می خواهید چیز جالبی بسازید، اما فرآیند اصلی ساده است.

شما GIF خود را از یک فایل تصویری حاوی چندین لایه ایجاد می کنید. هر لایه یک فریم جداگانه از انیمیشن آینده شما است. دو راه برای شروع وجود دارد:

1. اگر قبلاً تصاویری برای انیمیشن خود ایجاد کرده اید، با انتخاب File > Scripts > Load Files into Stack، آنها را وارد کنید. روی Browse کلیک کنید و تصاویر خود را انتخاب کنید، سپس روی OK کلیک کنید. هر تصویر در یک لایه جداگانه در همان فایل قرار می گیرد.
2. اگر هنوز تصاویری ایجاد نکرده اید، همین الان این کار را انجام دهید. به یاد داشته باشید که هر تصویر فردی بخشی از انیمیشن آینده است.

اکنون آماده شروع ساخت انیمیشن هستید.

انیمیشن تصاویر ثابت

در اینجا نحوه کار آن آمده است. هنگامی که به صورت دستی یک قاب انیمیشن ایجاد می کنید، هر لایه قابل مشاهده در آن گنجانده می شود. لایه هایی که غیرفعال هستند در قاب ایجاد شده شرکت نخواهند کرد.

برای ایجاد اولین فریم، اولین لایه را قابل مشاهده کنید و بقیه را خاموش کنید. سپس با ایجاد فریم دوم، لایه دوم و سپس لایه سوم در فریم سوم و به همین ترتیب نمایان می شود. وقتی شروع کنید، همه چیز واضح تر می شود.

برای شروع ایجاد یک انیمیشن، اگر تایم لاین به طور خودکار برای شما باز نشد، باز کنید. برای انجام این کار، در پنل بالا روی "پنجره" کلیک کنید و در منوی باز شده "Timeline" را انتخاب کنید. در مرکز پانل باز شده، روی Create Frame Animation کلیک کنید. این عمل اولین فریم انیمیشن شما را ایجاد می کند. در پالت لایه ها، لایه هایی را که نمی خواهید بخشی از قاب باشند، پنهان کنید.

حالا روی دکمه New Frame کلیک کنید که فریم قبلی را کپی می کند. یک بار دیگر، لایه های اضافی را مخفی کنید، و آن هایی را که باید در قاب باشند قابل مشاهده کنید.

این روند را تا زمانی که تمام فریم هایی را که برای متحرک سازی نیاز دارید اضافه کنید، تکرار کنید.

تکمیل

در نهایت زمان نمایش را برای هر فریم تنظیم کنید. اولین فریم را انتخاب کنید و سپس روی آخرین فریم Shift کلیک کنید تا همه آنها انتخاب شوند. حالا روی فلش رو به پایین زیر یکی از فریم ها کلیک کنید و یک تاخیر را انتخاب کنید. بدون تاخیر به این معنی است که انیمیشن سریع اجرا می شود، در حالی که تعداد ثانیه تنظیم شده باعث می شود فریم ها برای مدت زمان تعیین شده روی صفحه بمانند.

در نهایت، گزینه های حلقه ای را که در پایین پانل Timeline پیدا خواهید کرد، تنظیم کنید. این تنظیم تعداد دفعات پخش انیمیشن شما را کنترل می کند. در بیشتر موارد، گزینه "همیشه" را انتخاب می کنید.

اکنون روی دکمه Play در پایین صفحه کلیک کنید تا پیش نمایش انیمیشن به دست آمده را مشاهده کنید. شما باید چیزی شبیه به این را ببینید:

شما می توانید فریم ها را به سادگی با انتخاب آنها و تغییر نمایان بودن لایه ها ویرایش کنید (همچنین می توانید کدورت را تغییر دهید یا تنظیمات پیشرفته تری انجام دهید). در صورت نیاز به لایه‌های بیشتری اضافه کنید یا روی نماد سطل زباله کلیک کنید تا آنها را حذف کنید.

وقتی از نتیجه راضی بودید، می‌توانید به بخش Saving Animation بروید یا برای بهبود انیمیشن به‌دست‌آمده به ادامه مطلب بروید.

بهبود انیمیشن با افزودن فریم های میانی

فتوشاپ از ویژگی قدرتمند انیمیشن tween پشتیبانی می کند. این به شما امکان می دهد با ایجاد خودکار فریم های انتقالی بین دو فریم موجود، انیمیشن های روان تری ایجاد کنید. در این مثال، من قصد دارم از تمام فریم ها عبور کنم تا به آسمان پر ستاره جلوه ای چشمک زن بدهم.

برای شروع، اولین فریم را انتخاب کنید و روی دکمه نوار ابزار Tween در پایین جدول زمانی کلیک کنید.

در کادر محاوره ای باز شده، آیتم In-between frames را روی Next frame قرار دهید و برای آیتم Add Frames مقدار دلخواه خود را مشخص کنید. مقدار بالاتر به معنای انتقال روانتر اما کندتر است. برای ایجاد فریم های میانی روی "OK" کلیک کنید.

اکنون این فرآیند را برای فریم های منبع دیگری که اضافه کرده اید تکرار کنید. وقتی به آخرین مورد رسیدید، «Interim Frames» را روی «First Frame» قرار دهید. این به ایجاد یک انتقال آرام به شروع حلقه انیمیشن شما کمک می کند.

برای پیش نمایش افکت روی دکمه پخش کلیک کنید.

ذخیره انیمیشن

وقتی کارتان تمام شد، ابتدا فایل را به عنوان «.PSD» ذخیره کنید. با این کار تمام لایه ها و اطلاعات انیمیشن ذخیره می شود تا در صورت نیاز بتوانید انیمیشن خود را بعدا ویرایش کنید. پس از آن، می توانید مستقیماً به ذخیره بروید.

برای ذخیره انیمیشن ایجاد شده، به مسیر "File" > "Export" > "Save for Web (نسخه قدیمی) ... بروید. در پنجره باز شده فرمت GIF را انتخاب کنید و در قسمت Colors عدد 256 را وارد کنید و برای کاهش حجم کلی فایل در قسمت Image Size حجم را کاهش دهید.

می توانید اندازه انیمیشن را در گوشه سمت چپ پایین پنجره پیش نمایش ببینید. اگر خیلی بزرگ است، نوار لغزنده Loss را به سمت راست بکشید. این روی کیفیت تاثیر می گذارد اما حجم فایل را تا حد زیادی کاهش می دهد.

عصر بخیر، مشترکین عزیز و فقط خوانندگان وبلاگ من! آیا آماده اید که یاد بگیرید چگونه به تصویر خود جان بخشید؟ و نه با کمک جادو، بلکه با کمک فتوشاپ مورد علاقه ما! چقدر این درس را به تعویق انداختم بدون اینکه دلیل آن را بدانم. به هر حال، این اصول اولیه فتوشاپ است! اما حالا تصمیم گرفتم تغییر کنم.

و آنقدر پیشرفت کنید که در پایان ویدیو یک درس ویدیویی در مورد چگونگی آن نیز داشته باشید ساخت انیمیشن در فتوشاپ.

خیلی وقت بود که آموزش فتوشاپ ننوشتم و دلایلم را داشتم. پس از همه، من داستان خود را به پایان رساندم "". شما می توانید آن را بخوانید و نظر خود را مستقیماً در نظرات بیان کنید!

و حالا بیایید مستقیماً به درس برویم. در ویدیویی که در زیر خواهد بود نحوه ساخت متنی که به تدریج اضافه می شود را به شما نشان می دهم اما در درس متن کار کمی دشوارتر خواهد شد.

ما سیپولینو را داریم و باید کاری کنیم که دستش را برایمان تکان دهد.

مرحله 1.ابتدا باید انیمیشن را در فتوشاپ "فعال کنید". برای این ما می رویم "پنجره"->"انیمیشن". هنوز هم میشه نوشت "خط زمانی".

گام 2برای اینکه بازو حرکت کند باید آن را برش دهیم و در موقعیت های مختلف قرار دهیم. برای برش دستی من شخصا استفاده می کنم "کندند مغناطیسی". تهیه کپی از اصلی Ctrl+J) و با کپی کار کنید. ما به اصل دست نمی زنیم.

دست را با دقت انتخاب کنید و آن را ببرید!

مرحله 3و حالا دستمان را هر چقدر هم که وحشتناک به نظر برسد وارد می کنیم و در موقعیت های مختلف قرار می دهیم. دست در لایه های جدید قرار می گیرد، حتی برای ما مناسب است.

مرحله 4این مرحله اختیاری است، اما بهتر است از ابزار Eraser استفاده کنید تا دست را کمی لمس کنید و طبیعی تر شود. البته توضیحش با کلمات سخته. اگر متوجه شدید که چرا از پاک کن استفاده می کنیم، این مرحله را دنبال کنید، اگر هنوز متوجه نشدید، می توانید آن را رد کنید. این مهم نیست، زیرا مهمترین چیز برای ما این است که یاد بگیریم چگونه یک انیمیشن ساده بسازیم!

مرحله 5اکنون با پرسنل کار می کنیم. در هر فریم، ما فقط لایه هایی را که نیاز داریم را شامل می کنیم. به عنوان مثال، در فریم 1 ما به اصل خود و در مورد ما نیاز داریم "لایه 0".

اکنون یک فریم جدید ایجاد می کنیم:

و در حال حاضر در قاب جدید ما لایه های دیگر را روشن می کنیم. یعنی ما "لایه 0 کپی"و "لایه 1"، یعنی موقعیت متفاوت دست. امیدوارم الگوریتم برای شما خوانندگان عزیز واضح باشد.

مرحله 6تنظیم تاخیر فریم یعنی بعد از چه مدت زمانی فریم بعدی نمایش داده می شود.

مرحله 7ما مال خودمونو نگه میداریم بیهوده نیست که من این مرحله را در آموزش خود گنجانده ام، زیرا ذخیره یک انیمیشن GIF کمی با یک تصویر متفاوت است.

فرمت را انتخاب کنید (پیش‌فرض GIF است) و ذخیره کنید.

فایل های متحرک GIF با کمک فتوشاپ بسیار آسان و سریع ساخته می شوند. آنها، به عنوان یک قاعده، از چندین تصویر (قاب) تشکیل شده اند، که با تغییر گام به گام، نتیجه نهایی را تشکیل می دهند. امروز سعی خواهیم کرد این موضوع را تا حد امکان با جزئیات از A تا Z بررسی کنیم:

• وارد کردن تصاویر به GIF
• تنظیمات انیمیشن GIF در Adobe Photoshop.
• صادرات / ذخیره به فرمت GIF یا ویدئو.

اسکرین شات های زیر از Photoshop CC هستند، اما کار با انیمیشن GIF در CS6 و نسخه های دیگر برنامه کمابیش یکسان است. شاید از نظر بصری، ابزارها کمی متفاوت باشند، اما به طور کلی، اصل و الگوریتم اقدامات مشابه است. به عنوان مثال، کار بی اهمیت نحوه ایجاد یک انیمیشن GIF در فتوشاپ از عکس هایی که جایگزین یکدیگر می شوند را در نظر بگیرید.

این فرآیند به معنای واقعی کلمه 5-10 دقیقه طول کشید. مهم است که فقط تمام مراحل را با دقت دنبال کنید. در پایان پست یک آموزش ویدیویی به زبان انگلیسی در این زمینه خواهید دید.

اضافه کردن تصاویر متحرک GIF در فتوشاپ

اول از همه، شما باید تمام تصاویر / عکس هایی را که در انیمیشن شرکت می کنند در ویرایشگر گرافیک بارگیری کنید. آنها را به یک پروژه در لایه های مختلف اضافه کنید - این فریم های فایل GIF حاصل خواهد بود. اندازه تصاویر و نمایش آنها را بررسی کنید تا همه چیز مطابق نیاز شما باشد. لایه ها را می توان پنهان کرد (با استفاده از نماد چشم در سمت چپ لایه) به منظور مشاهده تمام اشیاء.

در مرکز این پنل یک لیست کشویی وجود دارد که باید گزینه “Create Frame Animation” را انتخاب کرده و روی دکمه کلیک کنید. در نتیجه این عمل، Timeline کمی تغییر می کند و شما باید تصویر را از بالاترین لایه به عنوان اولین فریم ببینید.

در مرحله بعد تمامی لایه های پروژه را انتخاب کنید (در حالی که کلید Ctrl را نگه دارید روی آن ها کلیک کنید). پس از آن، منوی زمینه را در گوشه سمت راست بالای پنجره Timeline باز کنید و "Make Frames From Layers" را انتخاب کنید.

از بین تمام لایه های قابل مشاهده و انتخاب شده، Adobe Photoshop فریم های GIF متحرک ایجاد می کند. در نتیجه، آنها را در پنل Timeline خواهید دید.

تنظیمات انیمیشن GIF در فتوشاپ

در اینجا باید 2 مورد را مشخص کنید: مدت زمان نمایش فریم های مختلف + تعداد تکرارهای GIF. بیایید با اولی شروع کنیم. در زیر هر تصویر در Timeline، زمان نمایش و یک فلش رو به پایین را خواهید دید. روی آنها کلیک کنید و مدت زمان کارت را در منوی باز شده انتخاب کنید.

می‌توانید زمان‌های متفاوتی را برای عناصر تعیین کنید یا برای چندین مورد به طور همزمان یک پارامتر تعیین کنید (انتخاب مشترک، مانند لایه‌ها، با استفاده از Ctrl).

برای "حلقه" کردن یک GIF در فتوشاپ هنگام ایجاد یک انیمیشن، مقدار Forever را در تنظیمات مناسب همانطور که در تصویر زیر نشان داده شده است انتخاب کنید.

در آنجا می توانید هر تعداد تکراری که نیاز دارید را مشخص کنید. در نزدیکی دکمه Play قرار دارد که به شما امکان می دهد یک GIF متحرک را پخش کنید و ببینید نتیجه نهایی چگونه به نظر می رسد.

ذخیره انیمیشن GIF در فتوشاپ

در بخش پایانی راهنمای خود، به نحوه ذخیره صحیح انیمیشن GIF در فتوشاپ خواهیم پرداخت. برای این منظور از ابزار آشنا Save for Web استفاده می شود، اما در آخرین نسخه های Adobe Photoshop CC در یک مکان منوی جدید (File - Export) قرار دارد. خوشبختانه کلید میانبر Alt + Shift + Ctrl + S هنوز کار می کند.

در پنجره تنظیمات باز شده فرمت GIF را انتخاب کنید و همچنین مطمئن شوید که تنظیمات Looping Options روی Forever تنظیم شده است. در گوشه سمت راست پایین پنجره، گزینه ای برای پیش نمایش GIF متحرکی که در فتوشاپ ایجاد کرده اید وجود دارد.

اگر همه چیز همانطور که باید کار کرد، روی ذخیره کلیک کنید و فایل را در رایانه محلی خود ذخیره کنید. برای بررسی عملکرد یک GIF، باید آن را در مرورگر باز کنید، زیرا. نمایشگر داخلی ویندوز انیمیشن را پخش نمی کند.

به هر حال، شما همچنین می توانید به راحتی پروژه خود را به فرمت ویدیویی صادر کنید. روش کار مانند ذخیره یک انیمیشن GIF است، اما در منوی فتوشاپ، مورد File - Export - Render Video را انتخاب کنید.

در پنجره ای که باز می شود تنظیمات مختلف ویدیو وجود خواهد داشت، اما نیازی به تغییر چیز دیگری نیست، فقط روی دکمه Render کلیک کنید. در نتیجه، یک فایل mp4 با نمایش اسلاید عکس/تصویر دریافت کنید.

در نهایت پیشنهاد می کنیم یک آموزش ویدیویی به زبان انگلیسی در زمینه ساخت گیف های متحرک در فتوشاپ مشاهده کنید. الگوریتم کار در آنجا مانند مقاله است، اما ممکن است درک اطلاعات از ویدیو برای شما آسان تر باشد.

اگر هنوز سوالی در مورد نحوه ساخت انیمیشن GIF در فتوشاپ دارید یا موارد اضافی دارید، در نظرات بنویسید.

اغلب در شبکه، بریده های خنده دار یا غم انگیز از ویدیوها وجود دارد. آنها از یک نظر به نظر دیگر، تکمیل کننده یک پست جالب یا توصیف مختصر وضعیت هستند. هر لحظه ای که شما را در یک فیلم، سریال یا ویدیوی یوتیوب علاقه مند می کند، می تواند به یک انیمیشن Gif تبدیل شود. برای این کار فقط باید فتوشاپ نسخه CS3 یا جدیدتر را داشته باشید. نسخه های قدیمی تر از انیمیشن پشتیبانی نمی کنند. برای راحت ترین کار، توصیه می شود از Photoshop CS5، CS6، CC 2014 یا جدیدتر استفاده کنید.

اول از همه، شما باید ویدیو را دانلود کنید، قطعه ای که می خواهید از آن یک انیمیشن بسازید. بهتر است چند ثانیه مورد نظر را از کل ضبط قطع کنید. با این حال، این کار را می توان با استفاده از خود فتوشاپ نیز انجام داد. مهم است که به یاد داشته باشید که این برنامه فقط از فرمت های ویدئویی خاصی پشتیبانی می کند: *.mov، *.mpeg، *.mpg، *.avi و *.mp4.

بنابراین، برای ساختن یک انیمیشن از قسمت مورد نظر ویدیو، باید آن را در فتوشاپ بارگذاری کنید. چگونه انجامش بدهیم:

• در منوی بالا، بخش "فایل" را پیدا کنید.
• روی آن کلیک کنید و در منوی کشویی، ماوس را روی خط «واردات» نگه دارید.
• در قسمت منو که در سمت راست ظاهر می‌شود، روی «قاب‌های ویدیو به لایه‌ها ...» کلیک کنید.
• شاید برنامه کمی معلق بماند. نیازی به عجله کردن او نیست یک پنجره جدید باید باز شود که در آن باید یک فایل با یک قطعه ویدیو پیدا کنید و آن را انتخاب کنید.

پس از آن، ویدیو بارگیری می شود و یک پنجره جدید ظاهر می شود که در آن باید انتخاب کنید که کدام قسمت از ضبط را پردازش کنید. اگر قطعه از قبل از قبل برش داده شده است، می توانید مورد "از ابتدا تا انتها" را انتخاب کنید و در صورت بارگیری کامل ویدیو، باید محدوده مورد نظر را خودتان انتخاب کنید. برای انجام این کار، از لغزنده های بلافاصله زیر رکورد بارگذاری شده استفاده کنید. پس از اتمام انتخاب، باید روی "OK" کلیک کنید و کمی صبر کنید - برنامه قطعه را پردازش می کند و هر فریم را در یک لایه جداگانه قرار می دهد.

در عین حال، این برنامه قادر است تنها 500 فریم را وارد کند. اگر قطعه شما بیشتر از این مقدار باشد، باید آن را به چندین فایل تقسیم کرده و یکی یکی آپلود کنید.

یک تیک در کادر "حفظ هر فریم *" هر فریم را که شماره سریال آن مشخص می شود از ضبط حذف می کند. این باعث می شود انیمیشن "سبک" تر شود، اما به قیمت ناپیوستگی.

هنگامی که فتوشاپ فیلم را پردازش می کند، فریم هایی از آن در پانل لایه ها ظاهر می شود. به طور پیش فرض، تنها یکی نشان داده خواهد شد، همان اولین. او از همه پست تر خواهد بود.

اکنون هر لایه را می توان به طور جداگانه پردازش کرد - اضافه کردن متن، نوعی افزودن یا افکت. اگر هر افکتی را روی بالاترین لایه اعمال کنید، در کل ویدیو نمایش داده می شود. به همین ترتیب تمام لایه هایی که مربوط به فریم ها نیستند نمایش داده می شوند. اگر نیاز دارید که هر جسمی در لحظه ناپدید شود، یک لایه با آن روی قاب قرار دهید و پس از آن ناپدید شود. و اگر نیاز دارید که فقط در برخی از فریم های جداگانه ظاهر شود - فقط این شی را چندین بار کپی کنید و لایه را با آن و هر لایه ویدیوی لازم به طور جداگانه (یک کپی - یک لایه) ادغام کنید.

برای کپی کردن هر لایه، باید روی آنها کلیک راست کرده و خط "ایجاد یک لایه تکراری" را پیدا کنید.

و اکنون کمی در مورد ویرایش انیمیشن. در جدول زمانی که در پایین فیلد کاری ظاهر می شود، یک منوی کشویی در گوشه سمت راست بالا وجود دارد. توصیه می شود به آنجا نگاه کنید و برخی از تنظیمات را بررسی کنید. به طور خاص، ما ممکن است به طور خاص علاقه مند باشیم:

پس از ویرایش فریم های بارگذاری شده و افزودن چیزی از خود در صورت تمایل، می توانید تعداد تکرارها را تنظیم کنید. اگر می خواهید قطعه به طور کامل حلقه شود، سپس در زیر جدول زمانی، منوی کشویی را با تعداد تکرارها پیدا کنید و مورد "Constant" را انتخاب کنید.

چهار دکمه بعدی بعد از منوی کشویی به شما امکان می دهد انیمیشن را با تمام ویرایش های انجام شده مشاهده کنید. سپس دکمه "افزودن لایه های میانی" (همان عملکرد بخش مربوطه در منو) و دکمه "لایه های انتخابی تکراری" می آید. این می تواند ایجاد هر گونه اقدام تکراری را تا حد زیادی ساده کند. کافی است در تایم لاین چندین فریم را انتخاب کنید (کلید Ctrl را نگه دارید و با ماوس روی هر فریم کلیک کنید) و سپس روی این دکمه کلیک کنید.

به طور جداگانه، زیر هر فریم اعداد و یک فلش وجود دارد. اگر روی فلش کلیک کنید، یک منوی کشویی ظاهر می شود که در آن می توانید تاخیر را برای یک فریم خاص تنظیم کنید. بنابراین، می‌توانید تک تک تکه‌های گیف دریافتی را کم یا کمی افزایش دهید. و برای انتخاب کل انیمیشن به یکباره، اولین فریم آن را انتخاب کنید، به آخرین فریم بروید و در حالی که کلید Shift را نگه دارید، روی آن کلیک کنید. بدون رها کردن Shift، سرعت آخرین فریم را تغییر دهید. به دنبال او، این پارامتر برای همه موارد قبلی تغییر می کند.

پس از تنظیمات نهایی تمام پارامترهای انیمیشن، باید ذخیره شود. بخش منوی "File" را انتخاب کنید و در آن "Save for Web ..." را پیدا کنید.

پنجره جدیدی باز می شود که در آن باید تنظیمات ذخیره گیفی که ایجاد کرده اید را انجام دهید. فرمت ذخیره را حتما روی "Gif" قرار دهید، در غیر این صورت دیگر انیمیشن نخواهد بود.

در اینجا می توانید ابعاد نهایی انیمیشن (عرض و ارتفاع)، تعداد رنگ های استفاده شده در آن را نیز تعیین کنید و ببینید در نهایت چه اتفاقی افتاده است. اگر همه چیز برای شما مناسب است، باید روی دکمه "ذخیره ..." کلیک کنید. پس از آن، فقط باید انتخاب کنید که کجا و با چه نامی فایل تمام شده ذخیره شود.