بنرهای تبلیغاتی - قسمت دوم :: تجربیـــات و آموختـه های من

بنرهای تبلیغاتی - قسمت دوم

شنبه, ۸ شهریور ۱۳۹۳، ۱۰:۲۱ ب.ظ

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

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

سپاسگزارم از همکاری و مساعدت های ایشان؛

سلام خدمت دوستان عزیز

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

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

قسمت دوم طراحی بنر متحرک ساده 60*468 :

مرحله ی اول

برای شروع کار یک سند جدید با ابعاد زیر ایجاد کنید.

حالا ابعاد بنر مورد نظر را وارد می کنیم و در نامی برای آن در نظر میگیریم:

سپس timeline یا animation در ورژن های قدیمی فتوشاپ را بخش windows فعال میکنیم

بعد از فعال سازی timeline مطابق شکل زیر عمل میکنیم

حالا متن مورد نظر را همراه با فونت و سایز و رنگ مناسب، وارد لایه ایجاد شده می کنیم

سپس از لایه موجود در تایم لاین طبق تصویر زیر کپی میگیریم

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

همین مراحل را بر روی لایه دوم نیز انجام می دهیم با این تفاوت که متن را به سمت راست منتقل می کنیم!

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

دقت کنید که هرچه مقدار بیشتر باشد تصویر آهسته تر حرکت خواهد کرد و بالعکس!

و سپس اوکی را بزنید اینکار باعث میشود که متن ما به صورت متحرک نمایش داده بشود.

برای مشاهده نتیجه مطابق تصویر عمل میکنیم و روی دکمه به "پلی" کلیک می کنیم، و همینطور می توانیم تعداد دفعات تکرار را هم تعیین کنیم، معمولا بنرهای تبلیغاتی دائما در حال حرکت هستند و ماهم اینجا forever را انتخاب میکنیم

خب متحرک سازی در اینجا به پایان رسید و نتیجه کار را ذخیره میکنیم، ذخیره سازی را در مرحله بعد آموزش خواهیم داد

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

خب مانند مراحل قبل که به ضوح توضیح دادم لایه میسازیم و از آن چندین کپی تهیه می کنیم.

و حالا لایه ی متنی را انتخاب میکنیم و به بخش style میرویم،اگر شما تب های layer و style را مشاهده نمیکنید،تیک فعالسازی آن را در بخش windows بزنید.

دقیقا مانند فعالسازی timeline یا naimation.

یکی در میان لایه های موجود در تایم لاین انتخاب میکنیم و روی استایل مورد نظر کلیک می کنیم.

لازم نیست حتما از استایل استفاده کنید و می توانید به صورت خیلی ساده رنگ متن لایه را یکی در میان عوض کنید!

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

برای این کارsave for web را انتخاب میکنیم و مطابق مرحله دوم در تصویر زیر بر روی save کلیک میکنیم و بازهم مانند مرحله سوم بر رویsave کلیک میکنیم تا کار ما ذخیره شود، امیدوارم از آموزشم راضی باشید .:-)