آموزش متحرک سازی در فتوشاپ

دختر شرقی

کاربر حرفه ای
کاربر ممتاز

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

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



*فقط این نکته رو فراموش نکنید که برای هر حالت تصویرتون ، یک لایه جدید در فتوشاپ ایجاد کنید ..

خوب ! برای شروع کار یک بوم در ابعاد ۲۰۰ در ۲۰۰ پیکسل ایجاد کنید.

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



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



همین روند رو برای سایر لایه ها هم انجام میدیم ( بازهم تاکید میکنم برای هر آدمک و یا هر تغییری باید یک لایه جدید ایجاد کنید).این کار رو ادامه میدیم تا جایی که تمام فریم های مورد نظر رو ایجاد کنیم.در این انیمیشن لایه های ما به صورت زیر هستند:



و تمام لایه ها هم به این شکل هستند :



وقتی لایه های لازم رو ایجاد کردید از منوی window بر روی گزینه ی Animation کلیک کنید.با این کار یک محیط کار کوچک در پایین پنجره اصلی ظاهر میشه.



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

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

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



در تصویر بالا هم میبینید که در فریم دوم ، فقط لایه ی یک لایه هست که نمایان هست و بقیه مخفی (hidden) هستند. البته اون لایه ی اولی (layer 1) هم که نمایان هست برای بک گراند هست که در تمام مراحل روشن هست.

به همین ترتیب این کار رو برای تمام فریم ها و لایه ها انجام بدین..



تا جایی که تصویر بالا رو داشته باشیم.

حالا میتونیم برای هر فریم زمان هم تعیین کنیم. بر روی ۰ sec که زیر هر فریم هست کلیک کنید تا بتونید زمان هر فریم رو تنظیم کنید.

کار اصلی تموم شده ولی برای اینکه بتونید انیمیشنی که ساختید رو ذخیره کنید یک مرحله دیگه باقی مونده!
اگه در نوار پایینی لایه ها دقت کنید یک آیکن میبینید که شبیه یک پوشه است.بر روی اون کلیک کنید.




با انجام اینکار تمام لایه ها به صورت یک گروه در میان .

حالا میتونید با کلیک بر منوی file و سپس save for web and devices انیمیشن خودتون رو ذخیره کنید.لازمه در اینجا هم دقت کنید که فرمت تصویر رو برای ذخیره کردن GIF انتخاب کنید.اگه میخواهید از این تصویر برای نمایش در صفحات سایتتون استفاده کنید و یا یک بنر تبلیغاتی هست (که حجم اهمیت پیدا میکنه) با استفاده از پارامتر هایی که در اختیار دارید با کمترین حجم بهترین تصویر رو ایجاد کنید.


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



 
آخرین ویرایش:

petrous

عضو جدید
یکی از وظایف مدیران حفظ منبع و مذموم هستش:razz:
خوب و بسیار عالی بود که سایت منبع رو هم می نوشتید;)
اگه حرفی که می زنم بی ادبی حساب نکنید :redface: ، به این عملتون دزدی میگن :gol: ، حتی اگه سایت منبع هم بازم دزدی کرده باشه:confused:
 

دختر شرقی

کاربر حرفه ای
کاربر ممتاز
یکی از وظایف مدیران حفظ منبع و مذموم هستش:razz:
خوب و بسیار عالی بود که سایت منبع رو هم می نوشتید;)
اگه حرفی که می زنم بی ادبی حساب نکنید :redface: ، به این عملتون دزدی میگن :gol: ، حتی اگه سایت منبع هم بازم دزدی کرده باشه:confused:

هوم ؟! کی این ویظیفه اظافه شد ؟! ا این خبرا نیس !

هیش کدوم منبع رو نزده بودن فرزندم

مخسی واسه گلی که واسه دزدی تقدیم نومودین ! سیپاس شومای را واسه نظرتون

خو سوال فنی منی چیزی نبود دیه ؟! :razz:

 

prp-e

متخصص سیستم های Apple
کاربر ممتاز
مشکل فتوشاپ من از کجاست؟

وقتی میخوام انیمیشن رو درست کنم هنگ میکنه :cry:
 

♥@SH!M♥

کاربر حرفه ای
کاربر ممتاز
سلام ....
من نرم افزار فوتو شاپو تازه نصب کردم اسمشم اینهphotoshop cs5 ver 12هست...
حالا برای شکلکها که اولین شکلکو رسم میکنم...وبعد به گفته ی خودتون توی یه صفحه ی جدید باید اون شکله کپی بشه...وبعدش اونو با موس جابه جا کنم...اینجاش با مشکل مواجه هستم چون اصلا شکله جابه جا نمیشه که مثلا من اونو کمی به راست بیارم!!
بعدشم برای ساخت یه صفحه ی جدید چه کار باید کرد...؟؟همیشه ص1 باید خالی باشه!!!!
با تشکر
 

*Chakavak*

کاربر حرفه ای
کاربر ممتاز
سلام ....
من نرم افزار فوتو شاپو تازه نصب کردم اسمشم اینهphotoshop cs5 ver 12هست...
حالا برای شکلکها که اولین شکلکو رسم میکنم...وبعد به گفته ی خودتون توی یه صفحه ی جدید باید اون شکله کپی بشه...وبعدش اونو با موس جابه جا کنم...اینجاش با مشکل مواجه هستم چون اصلا شکله جابه جا نمیشه که مثلا من اونو کمی به راست بیارم!!
بعدشم برای ساخت یه صفحه ی جدید چه کار باید کرد...؟؟همیشه ص1 باید خالی باشه!!!!
با تشکر


سلام
با اجازه شرقی جونم (توضیحات خودتو به فارسی سلیس تر برگردوندم :دی):
اگر تصویر همون قبلیه هست که روی لایه مربوطه اش راست کلیک کنین و از منوی layer گزینه duplicate layer رو بزنین (بالا توضیح دادن)

اما اگر تصویر متفاوته، برا ایجاد لایه (همون صفحه مورد نظر شما) جدید از منوی layer گزینه new و بعد layer رو بزنین تا یک لایه جدید اضافه بشه و روی لایه جدید طراحی جدید انجام بدین.

برا جابجایی هر لایه هم می تونین با موس درگ کنین یا با کلیدهای جهت نمای کیبورد حرکتش بدین.
 

me-myself

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

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

zabun.gif چرا اینجا تکون نمیخوره؟
 
آخرین ویرایش:

Similar threads

بالا