shift

نحوه ساخت بنر متحرک (Gif) در فتوشاپ

نحوه ساخت بنر متحرک (Gif) در فتوشاپ

عاطفه
دسته: طراحی  تگ ها: آموزش ساخت بنر متحرک , بنر متحرک در فتوشاپ , طراحی بنر متحرک , چگونه بنر متحرک بسازیم , بنر متحرک

 

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

  • 600×120
  • 600×160
  • 300×250
  • 240×240
  • 300×100
  • 125×125
  • 600×300
  • 468×60
  • 728×90
  • 120×240

نرم‌افزار فتوشاپ را بازکرده از منو file گزینه new را انتخاب می‌کنیم، با انتخاب این گزینه یک بوم نقاشی براي طراحي بنر باز می‌شود. هدف ايجاد يك بنر ٦٠٠*٦٠٠ پيكسل می‌باشد.


 
گزينه open در منوي file برای بازكردن عکس ها در فتوشاپ استفاده می‌شود، همچنین می توان با drag کردن تصویر و رها کردن آن در فتوشاپ تصویر را وارد کرد. یک لوگو را وارد می‌کنیم و درنتیجه یک‌لایه جدید ایجاد می‌شود. اگر ابعاد عکس داخل بنر بزرگ باشد، با نگه‌داشتن کلید CTRL+T ابعاد تصویر نشان داده می‌شود و می توان یکی از گوشه‌ها را گرفت و تصویر را بزرگ و یا کوچک کرد.
نکته حائز اهميت این است که با کشیدن گوشه‌ها برای بزرگ و کوچک کردن تصویر ممکن است تصویر از شكل طبيعي خارج شود و برای جلوگیری از اين تغيير هنگام drag کردن و کشیدن گوشه‌ها کلید شیفت را نگه‌دارید تا ابعاد به‌صورت متناسب تغيير يابد.
نکته: برای اینکه از وسط بودن لوگو در بنر مطمئن باشیم کلید shift را گرفته و روی دولایه کلیک کرده و روی این علامت کلیک کرده تا لوگو در مرکز قرار بگیرد.
 
برای ایجاد انيميشن از منوي Window گزینه Timeline را انتخاب می‌کنیم
 
سپس گزینه Create From Animation را انتخاب کرده تا یک فریم برای ما ایجاد شود.

 
در فریم اول لوگو را به خارج از بنر منتقل می‌کنیم این کار را با گرفتن کلید SHIFT انجام می‌دهیم تا در حین انتقال لوگو به خارج از فریم به بالا و پایین جابجا نشود.

در فریم ٢ لوگو را با گرفتن کلید SHIFT و کلیدهای جهت‌دار تا قسمتی به داخل می‌آوریم.
 
در فری ٣ لوگو را مانند فریم قبلی به‌طور کامل به داخل می‌آوریم و در لبه قرار می‌دهیم.
 
در فریم ٤ لوگو را در وسط قرار می‌دهیم.
 
یک فریم جدید ایجاد كرده، سپس یک‌لایه جدید ایجاد می‌کنیم و در قسمت پایین فریم با استفاده از ابزار انتخاب یک‌قسمتی را انتخاب می‌کنیم و با زدن کلید BACKSPACE + ALT یا CTRL + BACKSPACE این قسمت را رنگ می‌کنیم.

یک فریم جدید ايجاد كرده و روي لایه قبلی راست کلیک کرده و گزینه Duplicate را انتخاب می‌کنیم در این فریم CTRL+T را می‌گیریم تا بتوانیم محل انتخابی را تغییر ابعاد بدهیم. دستگیره راکمی به سمت بالا می‌کشیم و ارتفاع آن را افزایش می‌دهیم

 
فریم جدیدی ايجاد كرده و از لایه قبلی مانند مراحل بالا کپی می‌گیریم و ارتفاع محل انتخابی را افزایش می‌دهیم
 
این مراحل را ادامه می‌دهیم تا محل انتخابی به بالای بنر برسد.
 

 

زمانی که به این مرحله رسیدیم فریم جدیدی ايجاد كرده و عکس را به این فریم اضافه می‌کنیم.
 
حال فریم دیگری را ايجاد كرده و متن را قرار می‌دهیم.
 
حال باید مشخص کنیم در هر فریم چه لایه‌ای پنهان و چه لایه‌ای آشکار باشد.
در فریم و 2 و 3 و 4 و 1 لایه صفر و لایه لوگو باید روشن باشد
در فریم 5 لایه صفر و لایه لوگو و لایه یک باید روشن باشد.
در فریم 6 لایه صفر و لایه لوگو و لایه 1 کپی باید روشن باشد.
در فریم 7 لایه صفر و لایه لوگو و لایه 1 کپی 2 باید روشن باشد
در فریم 8 لایه صفر و لایه لوگو و لایه 1 کپی 3 باید روشن باشد.
در فریم 9 لایه صفر و لایه لوگو و لایه 1 کپی 4 و لایه‌ای که تصویر جدید وارد کردیم باید روشن باشد.
در فریم 10 لایه صفر و لایه لوگو و لایه 1 کپی 4 و لایه تصویر و لایه متن باید روشن باشد.
حال باید تکرار فریم‌ها را مشخص کنیم.

زمان فریم‌ها را نیز مشخص می‌نماییم. در اين مثال زمان ٥ فریم اول را روی 0.2 ثانیه و فریم‌های بعدی را روی 0.5 ثانیه تنظيم می‌کنیم.

بعد از آماده شدن فریم‌ها به مرحله ذخیره کردن بنر می‌رسیم
از منوی فایل گزینه ذخیره کردن برای وب را انتخاب می‌کنیم، توجه داشته باشید که فرمت ذخیره‌سازی باید GIF باشد.
 
 از قسمت COLOR مي توان رنگ را تنظیم کرد توجه داشته باشید که آن را روی عددی تنظیم کنید که علاوه بر حفظ رنگ حجم آن را کاهش دهد.
 
در آخر گزینه ذخیره شدن را انتخاب می‌کنیم.
بنر با فرمت GIF و با فرمت PSD قرار داده‌شده و شما می‌توانید بنری را که در این آموزش طراحی شد را مشاهده کنید.


با تشكر از توجه شما

مونو
۱۳۹۵-۰۹-۱۸

مرسی

نظر خود را بنویسید...
ارسال نظر
لغو