با کمی تمرین و حوصله، می توانید یاد بگیرید که چگونه در فتوشاپ^(Photoshop) انیمیشن سازی کنید و کار خود را به یک GIF برای اشتراک گذاری آنلاین تبدیل کنید. ابزارهای انیمیشن فتوشاپ^(Photoshop) اغلب ناشناخته هستند، اما ارزش یادگیری را دارند. ما شما را از طریق هر مرحله لازم برای یادگیری نحوه متحرک سازی در فتوشاپ^(Photoshop) راهنمایی خواهیم کرد .

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

با ساخت قاب های انیمیشن خود در فتوشاپ شروع کنید^{(Start By Making Your Animation Frames In Photoshop)}

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

ترفند یادگیری متحرک سازی در فتوشاپ^(Photoshop) این است که هر بار که حرکتی انجام می دهید، حرکات کوچکی انجام دهید و یک عکس جدید ذخیره کنید. هر حرکت باید وزن یکسانی برای خود داشته باشد. به عنوان مثال، اگر می‌خواهید یک خط متن روی صفحه اسلاید شود، هر فریم باید باعث شود متن به همان تعداد پیکسل حرکت کند تا انیمیشن صاف به نظر برسد.

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

همانطور که هر تصویر را ذخیره می کنید، آنها را به صورت عددی نام ببرید تا با موقعیت آنها اشتباه نگیرید.

نحوه متحرک سازی دنباله ای از تصاویر در فتوشاپ^{(How To Animate a Sequence Of Images In Photoshop)}

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

1. روی File کلیک کنید، روی Scripts کلیک کنید ، سپس روی Load Files Into Stack کلیک کنید.^{( Load Files Into Stack..)}
2. روی Browse… کلیک کنید و همه فریم های خود را برای انیمیشن خود انتخاب کنید.
3. روی OK کلیک کنید و منتظر بمانید تا تصاویر در لایه های جداگانه بارگذاری شوند.
4. روی Window و سپس Timeline کلیک کنید تا پنجره انیمیشن باز شود.
5. روی فلش کشویی^{(dropdown arrow)} در پانل تایم لاین کلیک کنید و Create Frame Animation را انتخاب کنید .
6. روی Create Frame Animation کلیک کنید . 

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

1. روی Select در بالا کلیک کنید و سپس روی All Layers کلیک کنید.^{(All Layers.)}
2. روی نماد منوی سه پشته^{( three stack menu icon)} در سمت چپ پانل خط زمانی کلیک کنید.
3. در منوی ظاهر شده، روی ایجاد لایه جدید برای هر فریم جدید^{(Create New Layer for Each New Frame)} کلیک کنید .
4. روی نماد منوی سه پشته^{( three stack menu icon)} کلیک کنید و اکنون روی Make Frames From Layers کلیک کنید .

اکنون همه تصاویر خود را در فریم های جداگانه بارگذاری خواهید کرد. وظیفه بعدی انتخاب زمانی برای مدت زمان پخش هر فریم است. ممکن است برای رسیدن به سرعت مناسب مقداری آزمایش لازم باشد، اما می‌توانید زمان فریم را برای هر فریم جداگانه با کلیک کردن روی فلش زیر هر فریم^{(the arrow under each frame )} در کنار متن 0 ثانیه^{( 0 sec)} انتخاب کنید.

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

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

سوئیچ خط زمانی^{(Timeline Switch)}

جدول زمانی را بین جدول زمانی فریم به فریم و جدول زمانی فیلم سنتی تغییر دهید.

مقدار پخش^{(Playback Amount)}

^(Change)قبل از توقف، پخش شدن انیمیشن برای همیشه یا برای تعداد مشخصی حلقه را تغییر دهید . هنگامی که به عنوان یک GIF^(GIF) ذخیره شود، این بر نتیجه نهایی تأثیر می گذارد . قبل از اینکه بعداً انیمیشن را صادر کنید، می‌توانید این تنظیم را دوباره تغییر دهید.

بازپخش کشویی^{(Playback Dropdown)} 

پیکان کشویی که روی کنترل‌های خط زمانی می‌بینید روش دیگری برای دسترسی به مقدار پخش است.

کنترل های پخش^{(Playback Controls)}

با چهار کنترل پخش موجود، انیمیشن را پخش کنید^(Play) ، مکث کنید، متوقف کنید، و به انتها یا ابتدا پرش کنید.

بین^(Tween)

از ویژگی Tween برای تولید فریم‌های «در بین» استفاده کنید تا انیمیشن‌تان روان‌تر به نظر برسد. ویژگی Tween در ادامه با جزئیات بیشتر توضیح داده خواهد شد.

قاب تکراری^{(Duplicate Frame)}

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

حذف قاب^{(Delete Frame)}

این گزینه هر فریم انتخابی را حذف می کند.

چگونه انیمیشن فتوشاپ خود را صادر کنیم^{(How To Export Your Photoshop Animation)}

هنگامی که از انیمیشن فتوشاپ^(Photoshop) خود راضی بودید، می توانید آن را با دنبال کردن مراحل زیر صادر کنید.

1. روی New کلیک کنید .
2. روی Export کلیک کنید و سپس روی Save for Web (Legacy) کلیک کنید…^{(Save for Web (Legacy)…)}
3. اگر انیمیشنی با رنگ‌های دقیق دارید، GIF 128 Dithered را در قسمت کشویی از پیش تعیین شده انتخاب کنید.
4. اگر انیمیشنی با رنگ های بلوک ساده دارید، GIF 128 No Dither را انتخاب کنید .
5. مطمئن^(Make) شوید که گزینه مورد نظر خود را در Looping Options در پایین تنظیم کرده اید. 
6. در نهایت، روی Save… کلیک کنید و مکانی را برای ذخیره GIF خود در رایانه شخصی خود انتخاب کنید.

چگونه یک انیمیشن را در فتوشاپ صاف کنیم^{(How To Make An Animation Smooth In Photoshop)}

مگر اینکه در ساخت انیمیشن فریم به فریم تجربه داشته باشید، نتیجه نهایی ممکن است کمی هیجان انگیز به نظر برسد. خوشبختانه می‌توانید از ویژگی Tween برای پر کردن خودکار شکاف‌های موجود در انیمیشن خود استفاده کنید تا همه چیز نرم‌تر به نظر برسد.

برای انجام این کار، کلید shift را نگه دارید ، روی دو فریم جداگانه در پنجره خط زمانی کلیک کنید و روی نماد Tween^{(Tween icon)} کلیک کنید . سپس، برای انتخاب اینکه آیا تنظیمات Tween از موقعیت، کدورت^{(position, opacity)} یا افکت‌ها^(effects) استفاده می‌کند، کلیک کنید . برای اکثر انیمیشن های مبتنی بر حرکت، می خواهید از موقعیت^(position) استفاده کنید . 

مطمئن شوید که همه لایه^{(All Layers)} ها انتخاب شده اند و سپس روی OK کلیک کنید . این روند را برای هر فریم جفت شده تکرار کنید. به عنوان مثال فریم 1 و 2، سپس فریم 3 و 4 و غیره.

خلاصه^(Summary)

امیدواریم راهنمای ما در مورد نحوه متحرک سازی در فتوشاپ^(Photoshop) به شما کمک کرده باشد. اگر به کمک بیشتری نیاز دارید، در زیر نظر خود را بنویسید.

How To Animate An Image In Photoshop

With somе practice and patience, you can learn how to animate in Рhotoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• نحوه حذف یا جایگزینی پس زمینه در فتوشاپ

• نحوه سفید کردن دندان در فتوشاپ

• نحوه ترکیب در فتوشاپ

• چگونه در فتوشاپ پر و تار کنیم

• چگونه یک شی را در یک تصویر در Photoshop CC برش دهیم

• چگونه نرم افزار رایانه شخصی خود را به طور خودکار به روز نگه دارید

• نحوه گرفتن اسکرین شات در نینتندو سوییچ

• نحوه اضافه کردن حاشیه در فتوشاپ

• چگونه در فتوشاپ برش دهیم

• چگونه صفحات و فایل های ذخیره شده را از مرورگر خود مشاهده کنیم

• نحوه باز کردن یک فایل قفل شده زمانی که برنامه دیگری از آن استفاده می کند

• نحوه باز کردن فایل های DDS در ویندوز 10

• پوشش های فتوشاپ چیست و چگونه از آنها استفاده کنیم؟

• نحوه ایجاد تیم در تیم های مایکروسافت

• نحوه وکتوریزه کردن یک تصویر در فتوشاپ

• 7 نکته فنی بهینه سازی سئو برای هر وب سایت

• چگونه با جداول یک فرم Google Docs پر شود

• نحوه چرخش متن و عکس در فتوشاپ

• با این 3 کلاینت ایمیل، یک برنامه دسکتاپ جیمیل ایجاد کنید

• نحوه جایگزینی رنگ در فتوشاپ