آموزش ساخت بنر متحرک و تبلیغاتی در فتوشـــــاپ
مرحله اول :
ابتدا یک سند با ابعاد زیر ایجاد کنید . ( ابعاد استاندارد جهانی برای بنرهای تبلیغاتی یا متحرک به صورت زیر می باشد . ) البته ابعاد بنر به وب سایتی که قرار است بنر شما را نمایش دهد بستگی دارد.
هم اکنون روی گزینه OK کلیک کنید تا سند شما ساخته شود ؛ پس از انجام این کار زمینه بنر شما آماده برای طراحی می شود . برای زمینه بنر خود یک رنگ در نظر بگیرید ، ما برای این آموزش از رنگ آبی استفاده میکنیم.
مرحله دوم :
از قسمت Window گزینه Animation را فعال کنید تا پنجره ی متحرک سازی به نمایش درآید . ( مانند شکل زیر )
هم پنجره متحرک سازی آماده است و شما می توانید طراحی بنر را شروع کنید .
مرحله سوم :
در این مرحله شما باید دو لایه متن بسازید . برای این کار کافیست روی دکمه T در سمت چپ صفحه کلیک کنید، من در لایه اول نوشته ” یادبگیر ” را تایپ می کنم و در لایه دوم نوشته ” Yadbegir.com ” را تایپ میکنم. ( مانند شکل زیر )
حالا فقط کافیست یک فریم انیمیشن دیگر به پنجره انیمیشن تان اضافه کنید برای این کار کافیست در پنجره انیمیشن روی دکمه Duplicates selected frames کلیک کنید . (مانند شکل زیر)
مرحله آخر :
به فریم اول بروید و چشمی نوشته دوم که همان” Yadbegir.com ” را بردارید و سپس به فریم دوم بروید و چشمی نوشته اول که همان ” یادبگیر ” بود را بردارید و چشمی نوشته دوم که همان ” Yadbegir.com ” را فعال کنید . حالا از قسمت File گزینه Save for web and devices را انتخاب کنید و فایل را ذخیره کنید.
بنر نهایی را می توانید در زیر ببینید.
سیامک عبادی
مطالب مرتبط:
- چگونه تصاویر وب سایت خود را در صدر لیست گوگل قرار دهید.
- افزودن جلوه سایه با استفاده از css
- نرخ فرار یا Bounce Rate در آمار یک وب سایت به چه معناست؟
- یک راهنمای ساده برای ترکیب رنگ ها در طراحی صفحات وب
- استراتژی های غیر متعارف در بازاریابی اینترنتی یا وب مارکتینگ
- روش های تبلیغ موثر در اینترنت
- درآمد وب سایت در ایران
- تصویر در طراحی وب سایت
- نكاتي در طراحي لوگو
- ساختن تيتر براي وب سايت
01 / 12 / 2014
چطوری سیوش کنم
01 / 12 / 2014
اگر پایان مقاله را بخوانید نوشته شده :
حالا از قسمت File گزینه Save for web and devices را انتخاب کنید و فایل را ذخیره کنید.
پیروز باشید
04 / 12 / 2014
داداش اسم فتوشاپ چیه؟ من فتوشاپم این گزینه رو که میگی ندارAnimation
04 / 12 / 2014
این گزینه به صورت پیش فرض فعال نیست برای این منظور باید از منوی بالایی روی Window کلیک کنید و در زیر منوی باز شده روی Animation کلیک کنید و اگر این گزینه را ندارد به جای Animation باید روی Timeline کلیک کنید
می توانید از فتوشاپ CS3 یا بالاتر استفاده کنید
16 / 12 / 2014
لایکککککککککککککک
خیلی میخواستم بدونم از طریق چ منویی میشه ساخت و ذخیره کرد
ممنونم داداش علی جونم
16 / 12 / 2014
به خاطر داشته باشید که هنگام ذخیره باید نوع فایل را به صورت gif انتخاب کنید تا همه فریم های انیمیشن شما نمایش داده شود.
19 / 12 / 2014
sسلام دوست عزیز من به windows رفتم animation نداره میشه این عکس رو نگاه کنی راهنمایی کنی؟
19 / 12 / 2014
با سلام
بله حق با شماست عکسی که شما فرستادید فکر می کنم مربوط می شود به فتوشاپ CS6 در این ورژن باید پس از اینکه روی Windows کلیک کردید Timeline را انتخاب نمایید. آنگاه می توانید از قابلیت های ساخت انمیشن در فتوشاپ استفاده کنید.
پیروز باشید
27 / 12 / 2014
با سلام یه سوال داشتم
چه جوری میشه عکس دلخواه خودمونو به بنر اضافه کرد.
اگه به خواهیم زمینه بنر ساده نباشه چکار باید کرد.
با تشکر.
27 / 12 / 2014
با سلام مهدی جان باید روی لایه پایینی که Background هستش کلیک کنی و هر تصویری که به عنوان پشت زمینه می خوای اونجا کپی کنی می توانی تصویر رو از یه عکس دیگه کپی کنی برای پشت زمینه یا می تونی پشت زمینه ای با سلیقه خودت بسازی که باید همه این کار ها در لایه زیرن انجام بدید وگرنه لایه های دیگه ممکنه از نظر مخفی شوند
29 / 12 / 2014
سلام من CS 6 رو تازه نصب کردم ولی خبری از سطل رنگ نیست میتونید راهنماییم کنید .
29 / 12 / 2014
دوست عزیز این ابزار در پنل مربوطه وجود دارد اما محل آن با gradient یکی است کافی است روی آن کلیک کنید و دکمه موس را فشرده نگه دارید تا دیده شود و به سادگی آنرا انتخاب کنید این سطل رنگ یا paint bucket ظاهر خواهد شد.
01 / 01 / 2015
داداش من هرکاری کردم لایه هایم شبیه هم بودن
یعنی نمیشد تغییرشون داد
11 / 01 / 2015
سلام چرا وقتی میخوام واسه بنر چیزی بنویسم فاصله میزاره
12 / 01 / 2015
ببخشید سرعت عوض دن جمله ها را میشود تغییر داد در صورت شدن چه جوری میشه؟
12 / 01 / 2015
مشکلی هست من بنر رو که سیو میکنم درست میاد و رد میشه اول دوباره از اول نمیاد به قسمت اخر که میرسه میمونه همون جا
لطفا نظرمو جواب دادید ایمیل بزنید خبردار شم
12 / 01 / 2015
آقا امیر برای این منظور در پنجره انیمیشن اگر در حالت time line هستید باید روی آیکون convert to frame animation کلیک کنید تا انیمشن ها را به صورت فریم به فریم مشاهده نمایید حال می توانید زمان نمایش یا سرعت هر فریم را تغیر دهید
آقا مرتضی شما هم باید مانند بالا وارد frame animation شوید آنگاه با کلیک بر روی once می توانید تعداد دفعات چرخش بنر را مشخص نمایید
آقا امیر شما باید سایز نوشته رو با ابعاد باکس Text تنظیم نمایید اگر باکس مربوطه کوچک باشد نوشته های شما دیده نخواهد شد
12 / 01 / 2015
من نمیتونم جملمو درشت کنم بعد هر چی مینویسم نمیاد
15 / 01 / 2015
اسمه فتو شاپش چیه
20 / 01 / 2015
سلام وئدیو آموزش این کاروووو می زارید برای دانلود
21 / 01 / 2015
سلام ببخشید میشه طرز قرار دادن شکلک در لوگو و ساختن شکلک رو اموزش بدین ممنون میشم پاسخ را به ایمیل بفرستین
27 / 01 / 2015
سلام وقتتون بخیر من اینو ساختم ولی زبان فارسی فتوشاپ من جدا از همه یعنی اگر مثلا بخوام جمله سلام رو بنویسم اینجوری نوشته میشه م ا ل س
چکار کنم ک فارسیش درست بشه
باتشکر
01 / 02 / 2015
با سلام محمد جان
مشکل جدا شدن حروف را می توانید از طریق منوی Window>Paragraph
و سپس در پنجره باز شده روی آیکونی که گوشه سمت راست وجود دارد کلیک کنید آنگاه Middle East Single-line Composer را انتخاب نمایید همچنین در این منو باید گزینه
right to left
تیک خورده باشد
02 / 03 / 2015
سلام ببخشید میشه برام بیشتر تو ضیح بدید چجوردوتا لای بکنم وفتوشاپ CS 6من اصلا ازش سر در نمیارم میشه راهنمایی کنید؟
02 / 03 / 2015
سلام ببخشید فتوشاپ من حروف فارسی جدا وبرعکس مینویسه میشه راهنمایی بکنید؟
11 / 03 / 2015
سلام.
انیمشین هاش همینه ؟؟؟ یعنی فقط چشمک میخوره و نمیشه جور دیگر حروف ها وارد تصویر بشه؟
11 / 03 / 2015
با سلام
دوست عزیز می توانید در هر فریم حرکت هایی ایجاد کنید یا عناصر جدیدی به انمیشن خود کم یا اضافه کنید با لایه بازی کنید آنها را به مرور محو کنید و بسیاری کارهای دیگر که همه چیز به خلاقیت خود شما بستگی دارد
11 / 03 / 2015
خوب ببخشید اینکار هارو باید از کجا انجام بدم.
مثل پاورپونت برای نوشته ام انیمشین بگذارم؟ این جشمک خوردن یه ذره ….. .
میشه اموزش تصویری انیمشین های مختلف گذاشتن رو بذارید یا همینجا اگه میشه بگید اینا کجاست؟
مممنون
30 / 03 / 2015
خیلی مبتدیانه بود لطفا سعی کنید اموزش تدوین فیلم با فتوشاپ هم یاد بدید گه بلد نیستید ایمیلتونو بدید من فیلم های اموزشی خودمو بدم
03 / 04 / 2015
سلام ببخشید من سیو کردم ولی متحرک نیس باید چکار کنم؟؟؟؟؟؟؟؟؟
04 / 04 / 2015
به خاطر داشته باشید که هنگام ذخیره باید نوع فایل را به صورت gif انتخاب کنید تا همه فریم های انیمیشن شما نمایش داده شود.
14 / 04 / 2015
سلام
چطوری میشه زمان تغییر فریم ها را بیشتر کرد
27 / 05 / 2015
سلام ببخشید من مرحله آخر و متوجه نشدم میشه ابتدایی ترتوضیح بدهید .واگه امکانش هست ساخت بنر تبلیغاتی وگذاشتن درسایت وتوضیح دهید به شکل کاملا ساده وابتدایی.تشکر
15 / 06 / 2015
بامرام دمت گرم منو به آرزوم رسوندی
خیلی حال دادای بهم
انشاالله هرچی از خدا می خوای بهت بده
22 / 06 / 2015
سلام
میدونید چطور میشه یه دست بنر را کلیک کنه آیا در گیف میشه این کارو کرد؟؟؟
03 / 07 / 2015
نگاه کنین من روی t می زنم ولی هیچ جایی که برای نوشتن باشه نمی یاد؟
لطفا کمک کنین!!!!
11 / 07 / 2015
داداش من دستت درد نکنه
ولی یکم پیشرفته ترش کن..این رو دگ همه میدونن
بگو چطوری اسلایدش،افکتش،فیلترش اینا رو درست کنیم..مثلا عکس از چپ به راست بیاد
یا نوشته بیاد و یکم بمونه و بعد بره
09 / 08 / 2015
سلام…من تو سیوش مشکل دارم….اصلا متحرک نیس…
10 / 08 / 2015
دوست عزیز پاسخ شما قبلا در همین صفحه داده شده است باید به شکل گیف ذخیره نمایید
11 / 08 / 2015
دست شما درد نکنه یاد گرفتم
13 / 08 / 2015
ممنون بابت این پست!!!!!!!!!!!!
15 / 08 / 2015
داش بعدش این سیو هم نمیشه اخرش چطوریه دمت گرم یه توضیح بده در مورد هر 2 سوالم
سلام داش من همه مراحلش بلدم فقط کیبورد فارسی میکنم جدا جدا مینویسه کلمه هارو چیکار کنم ؟
16 / 08 / 2015
دوست عزیز در همین صفحه پاسخ شما داده شده است لطفا کمی بالاتر پاسخ آقای یزدی مقدم را را نگاه کنید.
19 / 08 / 2015
سلام به داش علی گلم
خسته نباشید
داداش میگم میرم بنر بسازم میزنم فریم جدید دوباره فریم قبلی کپی میکنه چیکار باید بکنم؟؟؟؟؟
بعد هرکاری تو فریم دوم میکنم فریم اول هم شبیه اون میشه
22 / 08 / 2015
دوست عزیز باید بعضی از تغییرات را در همه فریم ها انجام دهید و در برخی فریم ها می توانید آن لایه را پنهان سازید و البته با تمرین بیشتر متوجه خواهید شد که چه تغییراتی را چه زمانی انجام دهید
20 / 08 / 2015
convert to frame animation این دقیقا کجاست؟؟؟ پیدا مکیکنم.
18 / 11 / 2015
سلام خسته نباشید.تا اخر متحرک کردن رفتم ولی نمیفمم چشمی چیه یا کدوم گذینه هست یا کجاست کمک کنید لطفا
18 / 11 / 2015
بلخره ساختم ولی چرا یه طرف فقط متحرک شده؟
02 / 12 / 2015
سلام ازمن داخل ویندوز انیمیشین نداره باید چطوری بیارمش؟؟؟
03 / 12 / 2015
با سلام
پرسش شما قبلا در همین صفحه پرسیده شده و پاسخ داده شده است
09 / 12 / 2015
سلام من یک ویدئو اموزش درست کردم می خوام یک تیزر تبلیغاتی درست کنم و به این اموزشی که درست کردم ادغام کنم چگونه با فتوشاپ یک تیزر تبلیغاتی درست کرد و به ویدئو ادغام کرد خواهشن راهنماییم کنید و لینک اموزشش رو برام ایمیل کنید مرسی
02 / 02 / 2016
سلام خسته نباشد مطالب خوب و مفیدی بود فقط می خواستم بدونم میشه چند متن یا عکس بطور همزمان ولی با سرعت های مختلف در یک بنر انداخت اگر میشه یک راهنمایی بفرمایید
با تشکر
05 / 02 / 2016
با سلام
با تشکر از آموزش خوبتون
مختصر و مفید
09 / 02 / 2016
سلام برای اینکه در فوتوشاپ 6 بصورت متحرک درآید بایستی در بخش File قسمت Export گزینه save for web را انتخاب و پس از باز شدن یک پنجره آنرا ذخیره کنیم.
امید رحمانی
26 / 03 / 2016
سلام
ممنون از اموزشتون
من استفاده کردم و تونستم برای چتروم خودم بنر با اندازه های مختلف در رنگ و ابعاد مختلف
بازم ممنون از اموزشتون
26 / 04 / 2016
سلام
بهترين روش آموزش رو داريد كه با مثال و مرحله به مرحله توضيح داده ايد .با تشكر موفق باشيد.
28 / 04 / 2016
سلام
من میخوام سیوش کنم گزینهseve for web and ……غیر فعال باید چیکار کنم
14 / 07 / 2016
خیلی ممنون خیلی خوب توضیح داده شده
31 / 12 / 2016
توضیحات شما بسیار کامل و خوب بود.ممنونم از شما
03 / 01 / 2017
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
13 / 04 / 2017
سلام ممنون از آموزش خوب تون.فقط یه سوال من طبق آموزش شما بنر رو طراحی کردم ولی چرا به صورت گیف نمیشه اصلا جابه جا نمیشه ؟؟؟؟لطفا راهنمایی کنید
19 / 05 / 2017
سلام من میخوام یه بنر تبلیغاتی بسازم برای ارائه به استاد هیچی بلد نیستم میشه کمکم کنید؟
04 / 09 / 2017
سلام بنر درست شده راچطوری در وبلاگ بگذاریم