
با سلام خدمت همه دوستان عزیز . در این سریهای آموزشی که فکر کنم حدودا یه 3 ، 4 جلسه ای یا بیشتر طول بکشه قصد دارم تا نحوه ایجاد متحرک سازی و ساخت فیلمهای کوتاه رو با Photoshop بهتون یاد بدم لازمه بدونید که خیلی از همین تبلیغات سایتها و وبلا گها رو هم با نرم افزار Photoshop طراحی میکنند . میتونم بگم که بعد از این سری آموزشی میتونید برای سایت یا وبلاگ خودتون و یا حتی دیگران بنرهای تبلیغاتی طراحی کنید که البته نا گفته نماند که موفقیت در این دوره نیازمند پشتکار و خلاقیت خود شماست .
خوب بریم سراغ آموزش :
نام آموزش : متحرک سازی ، ساخت و ویرایش فیلم در Photoshop ( شماره – 1 )
نرم افزار مورد نیاز : Adobe Photoshop CS 6
تصاویر و فونتهای مورد نیاز : فونت LeelaWade
مدت زمان یادگیری : حدودا 35 دقیقه
تصویر نها یی :
مر حله اول : بعد از بازکردن فتوشاپ مسیر File > New را دنبال و یا با استفاده از کلیدهایتر کیبی Ctrl + N یه داکیومنت جدید به ابعاد 60 * 468 باز کنید
در این قسمت باید لایه مون رو از حالت قفل بودن در بیاریم . برای این کار به سمت پایین و راست فتوشاپ رفته و بر روی عبارت Background دابل کلیک کرده و در کادر باز شده گزینه Ok رو انتخاب کنید . این هم تصاویر این مرحله : ( قبل و بعد از دابل کلیک کردن بر روی لایه )
مر حله دوم : خوب الان باید رنگ مناسبمون رو انتخاب کنیم برای انتخاب رنگ گزینه Set Foreground Color رو از پالت ابزار ( شاید خیلیها ندونند که به ستون بلندی که در سمت چپ فتوشاپه پالت بزار میگند ) انتخاب و بعد از اون رنگ مناسب رو انتخاب کنید
من از این رنگ استفاده کردم که به نظرم رنگ خوبی اومد
برای اینکه الان این رنگ رو به روی کادر مستطیلی شکلمون بپاشیم میتونیم از دو روش استفاده کنیم : 1- از پالت ابزار گزینه ی Paint Buket Tool رو انتخاب و بعد بیایم و روی کادر مون کلیک کنیم ( که البته در شکل هم مشخص شده )
و اما روش شماره بعد
2- این که کلیدهایتر کیبی Alt + Delete رو به طور همزمان فشار بدیم .
مر حله سوم : به یاد داشته باشید که در این آموزش تنها 2 ترفند متحرک سازی فتوشاپ آموزش داده خواهد شد و بقیه ترفندها و تکنیکهای طراحی بنر و متحرک سازی در جلسات بعد آموزش داده خواهد شد .
تکنیک شماره 1: چشمک زدن متون در فتوشاپ :
برای این کار یه متن دلخواه با یه فونت و رنگ دلخواه رو وارد کادر کنید که اگه خواستید میتونید من رو دنبال کنید نا نوشتتون شکل من بشه :
در گام اول این مرحله ابزار Horizontal Type Tool و یا نوشتن رو انتخاب کنید و تنظیمات این بخش رو هم مثل تصویر زیر قرار بدید :
حالا عدد 7 رو تایپ و دوباره متن Learn رو تایپ کنید ( یعنی عدد 7 و متن Learn در یه لایه نباشند و در 2 لایه جداگانه نوشته بشند ) و بعد موقعیت اونها رو مثل تصویر زیر تغییر بدید
خوب دیگه میریم سراغ متحرک سازی برای اینکار باید قبل از هر چیز از فعال بودن گزینه TimeLine در منوی Window مطمئن باشید
در فریم اول ( همون مربعی که در منوی Timeline با شماره 1 مشخص شده ) به روی لا یه ای که عدد 7 رو روی اون نوشتیم برید و در یک فضای خالی اون ( البته به غیر از اونجایی که علامت چشم وجود داره ) کلیک راست کنید
و از منوی باز شده گزینه Blending Options رو انتخاب کنید و حال به قسمت Color Overlay برید و رنگ قرمز رو انتخاب کنید و Ok رو بفشارید ( حالا میبینیم که عدد 7 به قرمز تغییر رنگ داد و در همین قسمت Layers لایه مربوط به متن Learn رو با استفاده از آیکون چشم غیر فعال کنید
الان دوباره به قسمت Timeline بازگشته و با استفاده از آیکون یک فریم جدید ایجاد کنید ، اما اینبار روی لایه Learn کلیک و Opacity اون رو به 10 تغییر بدید و همین کار رو تا وقتی که Opacity لایه Learn برسه ادامه بدید ( یعنی در هر مرحله یه فریم ایجاد و % 10 درصد به اندازه قبلی اضافه کنید )
خوب تا پایان اینجای کا باید 11 تا Freame ایجاد شده باشه
مر حله چهارم : واما ترفند دومی که شما میتونید برای فایلهای متحرک تون به کار ببرید جا به جا شدن رنگها بین نوشته هاست که بعد از اتمام ، خیلی کار قشنگی میشه به این صورت که :
با بردن انتخاب کردن لایه آخر و فشردن آیکون ویا با کشیدن و بردن این لایه به روی همین آیکون یه کپی از این لایه بگیرید و در قسمت Layers با استفاده از روش گفته شده اینبار رنگ لایه Learn رو قرمز و رنگ لایه 7 رو به حالت اول تغییر بدید ( برای برگرداندن لایه ای که شماره 7 در اون نوشته شده بود به حالت اول کافیه که فقط روی آیکون
عبارت Color Overlay کلیک کرده و این آیکون را غیر فعال کنید )
خوب همونطور که مشاهده میکنید رنگ این دو عبارت با هم عوض شدند و این کار رو تا شماره 21 ادامه بدید اینجارو هم بگم که مدت زمان فریم آخر رو به نیم دهم ثانیه تغییر بدید برای اینکار هم لازمه که فقط روی علامت پایین فریم کلیک کنید این نکته رو هم توضیح بدم که تنظیم گزینه ی Select Looping Options رو هم به Forever تغییر بدید تا برای همیشه این فایل متحرکتون تکرار بشه
برای پیش نمایش این کارتون هم میتونید بر روی گزینه Play Animation کلیک کنید
مر حله پنجم : الان دیگه کارمون تموم شدست که باید برای سیوش اقدام کنیم . برای این کار آدرس روبه را دنبال کنید File > Save For Web ( که البته نا گفته نماند که این مسیر از طریق کلیدهای ترکیبی Alt + Shift + Ctrl + S نیز قابل دسترسی خواهد بود ) و بعد از زدن این گزینه با یه کادر روبه رو میشیم که یه سری تنظیمات خاص داره که من در اینجا به بررسی این تنظیمات میپردازم : ( البته برخی از تنظیمات ، مثل لینک کردن قسمتی از تصاویر و ... در جلسات بعدی همین دوره آموزشی خواهد گفته شد و بعضی از تنظیمات هم واقعا نیازی به توضیح دادن ندارند و شما میتونید با یه کم کار کردن و ور رفتن با این گزینهها خودتون به خوبی به وظایفش پی ببرید ولی اگه بازهم تنظیمی رو ما نگفتیم و خود شما هم متوجه کار اون به خوبی نشدین میتونین از ما در قسمت نظرات همین مطلب سوال کنید )
1 – این گزینه شامل تنظیمات مربوط به نوع فرمت فایل ، رنگ ، بافت تصاویر ، شفافیت پس زمینه و ... میباشد .
- برای فایلهای متحرک بهترین گزینه ی فرمت Gif (Grapic Interchange Format ) میباشد و مزیت این فرمت به کار گیری تکنیک فشرده سازی بدون کاهش کیفیت است که برا وبسایتها و وبلاگها خیلی مناسبه .
- و اما توضیح بعدی دراین قسمت در مورد گزینه ی Lossy ( که در تنظیمات برخی فرمتها ظاهر میشود ) میباشد که هر چه مقدار Lossy به سمت 100 برود ، از جزئیات تصویر بیشتر کاسته شده و حجم فایل خروجی نیز کمتر میشود .
2 – رنگهای به کار رفته در تصویر را مشخص میکند و شما میتوانید بعضی از رنگها را پاک و یا رنگ دلخواه خود را به فایلتان اضافه کنید طبیعی است که هرچه مقدار این رنگها کمتر باشند حجم فایل خروجی نیز کمتر خواهد بود
3 – در این قسمت میتوان کنترلی بر ابعاد و کیفیت فایل خروجی داشت
تبریک میگوییم شما توانستید یک فایل متحرک با ابتداییترین و مقدماتیترین تکنیکها و ترفندهای فتوشاپ را ایجاد کنید و برای ذخیره نیز کافیست بر روی گزینه Save کلیک کنید و بعد از انتخاب مسیر فایل از فایل متحرک خود لذت ببرید .
و من در پایان این آموزش از دوستان عزیز میخوام که اگه در حین کار با مشکلی رو به رو شدند حتما در قسمت نظرات همین مطلب مطرح کنند چون این آموزشها به صورت یک دوره ی آموزشی خواهد بود پس بنابر این همه به هم ربط خواهند داشت و با خوب یاد نگرفتن یکی از این تکنیکها یادگیری سایر تکنیکها که در مطالب بعدی ارائه خواهند شد نیز کاری سخت و غیر قابل ممکن خواهد بود .
منتظر قسمت دوم این سری آموزشی باشید ... ( در ضمن این نکته رو هم بگم که در قسمت بعد منتظر یه سور پرایز ویژه باشید که سعی میکنم زود زود آمادش کنم )
عالی بود ممنون از مطالب بسیار خوبتون مرسی
با عرص سلام و خسته نباشید
من تمام مراحل رو کامل انجام میدم و لی فایل من درست نمیشه و به صورت یه عکس ثابت ذخیره می شه تمام تنظیمات مربوط به قسمت 1 و۲و۳ رو هم کامل درست کردم
salam
ye khahesh
amozeshharo video bezarid kheili behtar yad migirim mamnunammm
به روی چشم
دارم سعی میکنم 😉
سلام.با این سنتون واقعن عالی بود.اموزشت حرف نداشت اما من اخراش موندم.چون یکی دو جا مستقیمن اشاره نکردی چطور انیمیشنش کنیم.البته اشاره کردی اما برای من پیدا نشد 🙁
با سلام
آقا آرش میشه بگی دقیقا تا کجای کار رو انجام دادی؟
مطمئن باش که کمکت میکنم 😉
سلام…
برای شروع آموزشهای خوبی هستن..
ان شاالله موفق باشید …
فقط اگر آموزشها ویدیویی بودن دیگه عالی میشد 🙂
به روی چشم
دارم سعی میکنم
سلام
مطلب بسیار جالبی بود. با تشکر
http://papercenter.blogfa.com
ممنون 😉
امیدوارم جلسات بعد این سری آموزشی رو نیز دنبال کنید
سلام رضا جون من امینم 1 سال از تو کوچیک ترم 😀
باید بگم من با فتوشاپ قبلی این کار را میکردم ولی با cs 6 بلد نبودم
واقعا ممنون کمکم کردی 😆 😆 😆
قابلی نداشت
امیدوارم که آموزش های بعدیم هم به دردت بخوره 😉
با سلام… آموزش خیلی خوبیه رضا جون..خیلی وقت بود که دنبالش بودم دادا ……آقا ی سوال
برای ساختن متن چشمک زن که رنگهاشون عوض میشه با هم گفتی که باید از لایه آخر کپی بگیریم … دلیلش چیه؟؟؟من نگرفتم ولی جواب داد … فکر کنم اضافه کاری بودا
ببخشید میشه دقیقا بگید سطر چندم تا براتون توضیح بدم
سلام اگر می شه آموزش flashرو بذارید.
چشم حتما
اگه پیشنهاد دیگه ای هم برا بهبود آموزشهام داری بگو 😉