مراحل ساخت بنر متحرک در فتوشاپ قدم‌به‌قدم برای مبتدی‌ها

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

ساخت بنر متحرک در فتوشاپ

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

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

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

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

سایز استاندارد بنرهای تبلیغاتی

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

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

۱۲۰*۶۰۰/ ۱۶۰*۶۰۰/ ۲۵۰*۳۰۰/۲۴۰*۲۴۰/۱۲۵*۱۲۵

چگونه بنر متحرک بسازیم؟

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

۱. ابتدا سند جدیدی در فتوشاپ با سایز زیر ایجاد کنید.

۲. یک لایه جدید درست کنید. در این لایه با ابزار Polygonal Lasso Tool شکلی مشابه تصویر زیر ایجاد کنید و به کمک ابزار Paint Bucket Tool درون این محیط را با رنگ دلخواه پر کنید. در این بخش توضیحات بنر متحرک را قرار دهید.

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

۴. بعد محتوای متنی لازم را به بنر متحرک وارد کنید. این محتوا کوتاه و درشت تر انتخاب شود. بیش از اندازه بزرگ بودن متن البته جلوه جذابی نخواهد داشت.

۵. حالا استفاده از ابزار  Rounded Rectangle Tool  یک دکمه به رنگ سفید ایجاد کنید. روی دکمه هم متنی با عنوان  مورد نظر (مثلا ورود به فروشگاه) یا هر متن مناسب دیگر، قرار دهید. این دکمه قرار است هنگام انیمیشن شدن تغییر رنگ داده و به مشکی درآید.

۶. همواره تخفیفات نظر مخاطب را جلب می کند. بنابراین با ابزار () شکلی شبیه تصویر زیر انتخاب کنید. روی لایه ایجاد شده از شکل جدید دو مرتبه کلیک نموده تا بتوانید رنگ و مرز آن را تغییر دهید. بعد میزان تخفیف را درج کرده که بنر تا  این جای کار شبیه تصویر زیر خواهد شد.

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

۸. از نوار ابزار بالا به بخش Window رفته و گزینه Timeline را فعال کنید. بعد در قسمت ایجاد شده گزینه Create Frame Animation را انتخاب کنید.

۹. به کمک گزینه Duplicated selected Frame یک فریم جدید بسازید. فریم جدید ساخته شده حاصل تغییرات بنر متحرک می باشد. هر فریم به شکل جداگانه تنظیمات لایه ها را در خود دارد. روی فریم دوم کلیک کنید.

بعد از لایه دکمه و متن روی آن یک کپی از طریق Ctrl+J ایجاد کنید. لایه دکمه کپی شده را به رنگ مشکی درآورید. لایه متن کپی شده را هم سفید کنید. به فریم اول باز گشته و اگر تنظیمات فریم اول بهم ریخته آن را به حالت اول بازگردانید.

یعنی دکمه سفید و متن قرمز باشد. سپس روی قسمت پایینی فریم کلیک کرده و زمان آن را از ۰ به ۰.۵ تغییر دهید. در نهایت روی گزینه Once کلیک نمایید و forever را انتخاب کنید تا یک چرخه ایجاد شود.

۱۰. به منظور خروجی گرفتن به صورت gif یا متحرک از قسمت  File  گزینه  save For Web  را انتخاب نمایید. در سمت راست پنجره باز شده، فرمت خروجی را  gif  قرار دهید و آن را ذخیره سازید.

به این ترتیب با طی مراحل ذکر شده بنر متحرک ایجاد شد.

منبع : آرگا