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

ایجاد-بنر-متحرک

 

در آموزش قبلی روش ساخت بنر متحرک در تایم لاین رو بصورت ویدئویی گذاشته بودم و امروز این آموزش رو بصورت تصویری اماده کردم. در این آموزش نحوه ساخت بنرهای تبلیغاتی متحرک رو یاد خواهید گرفت. این آموزش در سطح متوسط میباشد.

تصویر نهایی

Untitنن44نled-1

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

خب ابتدا یک سند در اندازه استاندارد برای طراحی بنر رو ایجاد کنید(۴۶۸ در ۶۰).

یک لایه بسازید. ابزار Custom Shape رو برداشته و از قسمت تنظیمات ابزار یک شکل انتخاب کنید، با انتخاب یک رنگ شکل رو ایجاد کنید.

130113-004

میتوانید از تصاویر هم برای پس زمینه استفاده کنید.

روی لایه دو بار کلیک کرده و تنظیمات استایل رو به شکل اضافه کنید.

130113-005

مجددا با ابزار قبلی یک شکل دیگر ایجاد کنید.

130113-006

تنظیمات زیر رو به لایه اعمال کنید.

130113-007

130113-008

130113-009

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

حالا برای متحرک سازی فرمان انیمیشن (Animation) رو فعال کنید(Window/Animation). در فتوشاپ CS5 گزینه Animation رو انتخاب کنید و در فتوشاپ CS6 گزینه Timeline رو انتخاب کنید.

اگر در حالت تک فریم هستید با کلیک کردن در پایین پالت انیمیشن به حالت تایم لاین (Time Line) بروید.

130113-010

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

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

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

دومین گزینه Opacity هست که با این امکان میتونید شفافیت لایه رو کم و زیاد کنید.

سومین گزینه Style هست که با این امکان میشود استایل هایی که روی تصاویر اعمال کردیم رو بصورت متحرک درآوریم.

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

گزینه چهار Text Warp هست این گزینه فقط با انتخاب لایه های تکست اضافه میشود.

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

خب در فریم یک قرار گرفته و کنار گزینه Position  روی آیکون ساعت کلیک کنید. با کلیک کردن روی آیکون، یک فریم کلیدی (Key frame) اضافه میشود.

حالا باید شکل رو حرکت دهید. با نگه داشتن کلید شیفت (Shift) و فشردن کلید فلش راست (→) از روی کیبورد شکل رو بطرف راست بکشید تا از کادر بنر خارج شود .

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

میبینید که یک فریم کلیدی اضافه شد.

 130117-003

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

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

Key frame اپاسیتی رو فعال کرده و در پالت لایه ها اپاسیتی نوشته رو روی صفر درصد قرار دهید.

روی فریم هشت قرار گرفته و اپاسیتی رو روی ۱۰۰ % قرار دهید.

130117-0007

روی فریم هفده قرار بگیرید. روی کیفریم قبلی که اپاسیتی ۱۰۰% داشت کلیک راست کرده و گزینه Copy Keyframes رو انتخاب کنید. دوباره روی همین کیفریم کلیک راست کرده و گزینه Paste Keyframes رو انتخاب کنید.

همان طور که میبینید از فریم قبلی یک کپی در فریم هفده قرار گرفت. روی فریم ۱۹ قرار گرفته و اپاسیتی رو روی صفر درصد قرار دهید.

130117-007

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

حال لایه شکل رو انتخاب کرده و در پالت انیمیشن روی فریم ۲۳ قرار بگیرید. از فریم قبلی لایه شکل (فریم ۵) یک کپی گرفته و در فریم ۲۳ پیست کنید.

چند فریم بجلو حرکت کرده و روی فریم ۲۷ قرار بگیرید. شکل رو بطرف پایین کشیده و از کادر خارج کنید.

130117-006

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

Untit01-1

لایه شکل اول رو در پالت لایه ها و همچنین در پالت انیمیشن پیدا کنید. روی لایه دو بار کلیک کنید. در پنجره Layer Style به بخش gradient Overlay رفته و تنظیمات زیر رو اعمال کنید.

130117-011

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

به فریم ۱۵ رفته و دوباره روی همان لایه در پالت لایه ها دو بار کلیک کنید تنظیمات رو اعمال کرده و اکی (Ok) کنید. بعد از اُکی کردن یک فریم کلیدی در فریم پانوزده ایجاد میشود.

130117-012

از Keyframes یک کپی گرفته و در فریم ۳۰ پیست (Paste) کنید.




ارسال در تاریخ یکشنبه 1392/05/27 توسط saeid akbari