• ارسال کننده: علی یزدی مقدم
  • تاریخ انتشار: 2014 / 08 / 09

آموزش ساخت بنر متحرک و تبلیغاتی در فتوشـــــاپ

 

مرحله اول :

ابتدا یک سند با ابعاد زیر ایجاد کنید . ( ابعاد استاندارد جهانی برای بنرهای تبلیغاتی یا متحرک به صورت زیر می باشد . ) البته ابعاد بنر به وب سایتی که قرار است بنر شما را نمایش دهد بستگی دارد.

آموزش ساخت بنر تبلیغاتی در فتو شاپ

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

مرحله دوم :

از قسمت Window گزینه Animation را فعال کنید تا پنجره ی متحرک سازی به نمایش درآید . ( مانند شکل زیر )

نمایش پنجره ی متحرک سازی برای ساخت بنر متحرک تبلیغاتی

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

مرحله سوم :

در این مرحله شما باید دو لایه متن بسازید . برای این کار کافیست روی دکمه T در سمت چپ صفحه کلیک کنید، من در لایه اول نوشته ” یادبگیر ” را تایپ می کنم و در لایه دوم نوشته ” Yadbegir.com ” را تایپ میکنم. ( مانند شکل زیر )

  آموزش فتو شاپ

حالا فقط کافیست یک فریم انیمیشن دیگر به پنجره انیمیشن تان اضافه کنید برای این کار کافیست در پنجره انیمیشن روی دکمه Duplicates selected frames کلیک کنید . (مانند شکل زیر)

آموزش انیمشن بنر تبلیغاتی

مرحله آخر :

به فریم اول بروید و چشمی نوشته دوم که همان” Yadbegir.com ” را بردارید و سپس به فریم دوم بروید و چشمی نوشته اول که همان ” یادبگیر ” بود را بردارید و چشمی نوشته دوم که همان ” Yadbegir.com ” را فعال کنید . حالا از قسمت  File گزینه Save for web and devices را انتخاب کنید و فایل را ذخیره کنید.

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

ساخت بنر تبلیغاتی

سیامک عبادی

مطالب مرتبط:

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



 

در یاد بگیر دات کام مشترک شوید و آخرین مطالب را در ایمیل خود دریافت نمایید

  1. چطوری سیوش کنم

  2. اگر پایان مقاله را بخوانید نوشته شده :
    حالا از قسمت File گزینه Save for web and devices را انتخاب کنید و فایل را ذخیره کنید.
    پیروز باشید

  3. داداش اسم فتوشاپ چیه؟ من فتوشاپم این گزینه رو که میگی ندارAnimation

  4. این گزینه به صورت پیش فرض فعال نیست برای این منظور باید از منوی بالایی روی Window کلیک کنید و در زیر منوی باز شده روی Animation کلیک کنید و اگر این گزینه را ندارد به جای Animation باید روی Timeline کلیک کنید
    می توانید از فتوشاپ CS3 یا بالاتر استفاده کنید

  5. لایکککککککککککککک
    خیلی میخواستم بدونم از طریق چ منویی میشه ساخت و ذخیره کرد
    ممنونم داداش علی جونم

  6. به خاطر داشته باشید که هنگام ذخیره باید نوع فایل را به صورت gif انتخاب کنید تا همه فریم های انیمیشن شما نمایش داده شود.

  7. sسلام دوست عزیز من به windows رفتم animation نداره میشه این عکس رو نگاه کنی راهنمایی کنی؟

  8. با سلام
    بله حق با شماست عکسی که شما فرستادید فکر می کنم مربوط می شود به فتوشاپ CS6 در این ورژن باید پس از اینکه روی Windows کلیک کردید Timeline را انتخاب نمایید. آنگاه می توانید از قابلیت های ساخت انمیشن در فتوشاپ استفاده کنید.
    پیروز باشید

  9. با سلام یه سوال داشتم
    چه جوری میشه عکس دلخواه خودمونو به بنر اضافه کرد.
    اگه به خواهیم زمینه بنر ساده نباشه چکار باید کرد.
    با تشکر.

  10. با سلام مهدی جان باید روی لایه پایینی که Background هستش کلیک کنی و هر تصویری که به عنوان پشت زمینه می خوای اونجا کپی کنی می توانی تصویر رو از یه عکس دیگه کپی کنی برای پشت زمینه یا می تونی پشت زمینه ای با سلیقه خودت بسازی که باید همه این کار ها در لایه زیرن انجام بدید وگرنه لایه های دیگه ممکنه از نظر مخفی شوند

  11. سلام من CS 6 رو تازه نصب کردم ولی خبری از سطل رنگ نیست میتونید راهنماییم کنید .

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

  13. داداش من هرکاری کردم لایه هایم شبیه هم بودن
    یعنی نمیشد تغییرشون داد

  14. سلام چرا وقتی میخوام واسه بنر چیزی بنویسم فاصله میزاره

  15. ببخشید سرعت عوض دن جمله ها را میشود تغییر داد در صورت شدن چه جوری میشه؟

  16. مشکلی هست من بنر رو که سیو میکنم درست میاد و رد میشه اول دوباره از اول نمیاد به قسمت اخر که میرسه میمونه همون جا
    لطفا نظرمو جواب دادید ایمیل بزنید خبردار شم

  17. آقا امیر برای این منظور در پنجره انیمیشن اگر در حالت time line هستید باید روی آیکون convert to frame animation کلیک کنید تا انیمشن ها را به صورت فریم به فریم مشاهده نمایید حال می توانید زمان نمایش یا سرعت هر فریم را تغیر دهید
    آقا مرتضی شما هم باید مانند بالا وارد frame animation شوید آنگاه با کلیک بر روی once می توانید تعداد دفعات چرخش بنر را مشخص نمایید
    آقا امیر شما باید سایز نوشته رو با ابعاد باکس Text تنظیم نمایید اگر باکس مربوطه کوچک باشد نوشته های شما دیده نخواهد شد

  18. من نمیتونم جملمو درشت کنم بعد هر چی مینویسم نمیاد

  19. اسمه فتو شاپش چیه

  20. سلام وئدیو آموزش این کاروووو می زارید برای دانلود

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

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

  23. با سلام محمد جان
    مشکل جدا شدن حروف را می توانید از طریق منوی Window>Paragraph
    و سپس در پنجره باز شده روی آیکونی که گوشه سمت راست وجود دارد کلیک کنید آنگاه Middle East Single-line Composer را انتخاب نمایید همچنین در این منو باید گزینه
    right to left
    تیک خورده باشد

  24. سلام ببخشید میشه برام بیشتر تو ضیح بدید چجوردوتا لای بکنم وفتوشاپ CS 6من اصلا ازش سر در نمیارم میشه راهنمایی کنید؟

  25. سلام ببخشید فتوشاپ من حروف فارسی جدا وبرعکس مینویسه میشه راهنمایی بکنید؟

  26. سلام.
    انیمشین هاش همینه ؟؟؟ یعنی فقط چشمک میخوره و نمیشه جور دیگر حروف ها وارد تصویر بشه؟

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

  28. خوب ببخشید اینکار هارو باید از کجا انجام بدم.
    مثل پاورپونت برای نوشته ام انیمشین بگذارم؟ این جشمک خوردن یه ذره ….. .
    میشه اموزش تصویری انیمشین های مختلف گذاشتن رو بذارید یا همینجا اگه میشه بگید اینا کجاست؟
    مممنون

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

  30. سلام ببخشید من سیو کردم ولی متحرک نیس باید چکار کنم؟؟؟؟؟؟؟؟؟

  31. به خاطر داشته باشید که هنگام ذخیره باید نوع فایل را به صورت gif انتخاب کنید تا همه فریم های انیمیشن شما نمایش داده شود.

  32. سلام
    چطوری میشه زمان تغییر فریم ها را بیشتر کرد

  33. سلام ببخشید من مرحله آخر و متوجه نشدم میشه ابتدایی ترتوضیح بدهید .واگه امکانش هست ساخت بنر تبلیغاتی وگذاشتن درسایت وتوضیح دهید به شکل کاملا ساده وابتدایی.تشکر

  34. بامرام دمت گرم منو به آرزوم رسوندی
    خیلی حال دادای بهم
    انشاالله هرچی از خدا می خوای بهت بده

  35. سلام

    میدونید چطور میشه یه دست بنر را کلیک کنه آیا در گیف میشه این کارو کرد؟؟؟

  36. نگاه کنین من روی t می زنم ولی هیچ جایی که برای نوشتن باشه نمی یاد؟
    لطفا کمک کنین!!!!

  37. داداش من دستت درد نکنه
    ولی یکم پیشرفته ترش کن..این رو دگ همه میدونن
    بگو چطوری اسلایدش،افکتش،فیلترش اینا رو درست کنیم..مثلا عکس از چپ به راست بیاد
    یا نوشته بیاد و یکم بمونه و بعد بره

  38. سلام…من تو سیوش مشکل دارم….اصلا متحرک نیس…

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

  40. دست شما درد نکنه یاد گرفتم

  41. ممنون بابت این پست!!!!!!!!!!!!

  42. داش بعدش این سیو هم نمیشه اخرش چطوریه دمت گرم یه توضیح بده در مورد هر 2 سوالم
    سلام داش من همه مراحلش بلدم فقط کیبورد فارسی میکنم جدا جدا مینویسه کلمه هارو چیکار کنم ؟

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

  44. سلام به داش علی گلم
    خسته نباشید
    داداش میگم میرم بنر بسازم میزنم فریم جدید دوباره فریم قبلی کپی میکنه چیکار باید بکنم؟؟؟؟؟
    بعد هرکاری تو فریم دوم میکنم فریم اول هم شبیه اون میشه

  45. داداش میگم میرم بنر بسازم میزنم فریم جدید دوباره فریم قبلی کپی میکنه چیکار باید بکنم؟؟؟؟؟
    بعد هرکاری تو فریم دوم میکنم فریم اول هم شبیه اون میشه

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

  46. convert to frame animation این دقیقا کجاست؟؟؟ پیدا مکیکنم.

  47. سلام خسته نباشید.تا اخر متحرک کردن رفتم ولی نمیفمم چشمی چیه یا کدوم گذینه هست یا کجاست کمک کنید لطفا

  48. بلخره ساختم ولی چرا یه طرف فقط متحرک شده؟

  49. سلام ازمن داخل ویندوز انیمیشین نداره باید چطوری بیارمش؟؟؟

  50. سلام ازمن داخل ویندوز انیمیشین نداره باید چطوری بیارمش؟؟؟

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

  51. سلام من یک ویدئو اموزش درست کردم می خوام یک تیزر تبلیغاتی درست کنم و به این اموزشی که درست کردم ادغام کنم چگونه با فتوشاپ یک تیزر تبلیغاتی درست کرد و به ویدئو ادغام کرد خواهشن راهنماییم کنید و لینک اموزشش رو برام ایمیل کنید مرسی

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

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

  54. سلام برای اینکه در فوتوشاپ 6 بصورت متحرک درآید بایستی در بخش File قسمت Export گزینه save for web را انتخاب و پس از باز شدن یک پنجره آنرا ذخیره کنیم.
    امید رحمانی

  55. سلام
    ممنون از اموزشتون
    من استفاده کردم و تونستم برای چتروم خودم بنر با اندازه های مختلف در رنگ و ابعاد مختلف
    بازم ممنون از اموزشتون

  56. سلام
    بهترين روش آموزش رو داريد كه با مثال و مرحله به مرحله توضيح داده ايد .با تشكر موفق باشيد.

  57. سلام
    من میخوام سیوش کنم گزینهseve for web and ……غیر فعال باید چیکار کنم

  58. خیلی ممنون خیلی خوب توضیح داده شده

  59. توضیحات شما بسیار کامل و خوب بود.ممنونم از شما

  60. This is my first time I have visited this site. I found a lot of interesting stuff in your blog.
    From the tons of comments on your articles, I guess I am not the only one! keep up the great

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

  62. سلام من میخوام یه بنر تبلیغاتی بسازم برای ارائه به استاد هیچی بلد نیستم میشه کمکم کنید؟

  63. سلام بنر درست شده راچطوری در وبلاگ بگذاریم

نظر شما چیست؟

پرسش های خود را در بخش پرسش و پاسخ مطرح کنید



تبلیغات اینترنتی در یاد بگیر دات کام

بسته های تبلیغاتی ارزان قیمت



بستن تبلیغات

طراحی سایت
تبلیغات اینترنتی در یاد بگیر دات کام



صفحه ما را در فیس بوک دنبال کنید صفحه ما را در توییتر دنبال کنید صفحه ما را در  اینستاگرام دنبال کنید صفحه ما را در لینکداین دنبال کنید