بنر بالای مطالب

banner

آموزش تصویری ایجاد بنر فلش با ابعاد 90×728

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

26

در مقاله قبلی آموزش "بهترین و ساده ترین برنامه برای ساخت بنر فلش چیست" را قرار دادم که در آن یک برنامه کاربردی معرفی شد . نام برنامه Banner Wizard نام دارد که در توضیحات آن به این نکته اشاره کرده ام که خوبی این نرم افزار نسبت به نسخه های دیگر پشتیبانی از زبان فارسی می باشد .
اما اجازه بدهید جدا از توضیحات چند بنر به صورت کاملا تصویری از صفر تا صد در آن طراحی کنم تا دقیق تر بتوانید برای وب سایت خودتان بدون پرداخت هزینه یک بنر کاملا حرفه ای و شیک بسازید . در این هفته سعی می کنم یک روز در میان یک بنر یا فرمت گیف یا SWF برای شما به صورت کاملا تصویری طراحی کنم  . بنر طراحی شده با هر دو فرمت می تواند ذخیره شود و در وب سایت مورد نظرتان جهت استفاده آپلود شود .  با من همراه باشید و از دیدن این آموزش لذت ببرید .

1. فتوشاپ و برنامه Banner Wizard را اجرا کنید . به هر دو برنامه نیاز داریم .

 2. وقتی نرم افزار Banner Wizard  را اجرا می کنید صفحه ای همانند تصویر زیر باز می شود . برای تغییر سایز ابتدا باید سایز های استاندارد بنر را بدانید . به تصویر زیر دقت کنید

1 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

3. برای تغییر سایز پایین نرم افزار بر روی کلید Size and Background کلیک کنید .
سایز این بنر 90×728 پیکسل می باشد  .
در قسمت عرض و ارتفاع عددهای مشخص شده را وارد کرده و بر روی کلید OK کلیک کنید . شما می توانید از یک رنگ ثابت برای پس زمینه استفاده کنید که اینکار نیز از طریق گزینه های Transparent . solid color . gradient color  امکان پذیر است .

2 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

4. رنگ پس زمینه به صورت تک رنگ می باشد . solid color را انتخاب کرده و در کادرهای مشخص شده 3 عدد مورد نظر را تایپ کنید .

3 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

5. رنگ پس زمینه تغییر کرد . از سمت راست بنر تیک چک باکس Effec را بردارید تا کادر آن غیر فعال شود .

4 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

5 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

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

فتوشاپ را باز کرده ویک صفحه به ابعاد 90×728 با درصد رنگی ff3a2d ایجاد کنید و فایل را با نام دلخواه ذخیره کنید .

6 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

7. وارد برنامه طراجی بنر شوید .

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

بر روی Add image کلیک کرده و از طریق Browse تصویر ساخته شده در فتوشاپ را وارد کنید .
همانطور که مشاهده می کنید تصویر ساخته شده جایگزین پس زمینه شده است . با موس کادر نارنجی را به طرف سمت راست حرکت بدهید به طوریکه درست بیرون کادر قرار بگیرد . 

7 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

8 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

9 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

10 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

8. ببینید روش کار به این صورت هست که مثلا شما انیمیشن یا بنرتون 24 فریم داره . فریم 1 تا 24 رنگ پس زمینه فعاله . فریم 2 کادر نارنجی میاد داخل تا 5 ادامه داره . فریم 6 یکسری توضیحات وارد کادر میشه و تا آخر به همین منوال . سعی کنید این قسمت را به دقت یاد بگیرید . چون تمام تنظیمات بنر در این بخش گنجانده شده است

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

11 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

12 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

9. اگر می خواهید دقیق کادر نارنجی روی لبه های کادر زرد قرار بگیره در قسمت Position  گزینه Y را برابر با صفر قرار بدهید . سپس بر روی سربرگ Entry Effect کلیک کنید . 
در بخش Entry Effect گزینه Entry at time را برابر با 2 قرار بدهید تا از ثانیه دوم کادر وارد بشه . سپس افکت را برابر با Scale X in قرار بدهید . 

13 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

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

14

 

حالا باید یک متن در قسمت سفید رنگ نمایش داده شود . من عنوان فروشگاه را تایپ میکنم . در بیشتر مواقع کمی افکت فارسی را بهم میریزه پس بهتره هر متنی را اول در فتوشاپ تایپ کنیم و بدون پس زمینه ذخیره کنیم . سپس بر روی Add image کلیک کرده و از طریق Browse تصویر ساخته شده در فتوشاپ را وارد کنید .
ثانیه اول رنگ نارنجی نمایش داده میشه . 
ثانیه 2 کادر سفید یا همون نارنجی وارد میشه
ثانیه 3 متن تایپ شده با یک افکت فعال میشه .

14 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

15 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

10. در بخش Entry Effect گزینه Entry at time را برابر با 3 قرار بدهید تا از ثانیه سوم کادر وارد بشه . سپس افکت را برابر با Fly in قرار بدهید . Exit Effect را هم برابر با 6 قرار بدید اگر لازم شد این عدد را افزایش میدیم .

16 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

17 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

18 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

خروجی باید به این شکل در آمده باشد . 

15

 

11. حالا باید یک کادر دیگر در فتوشاپ ایجاد کنیم . فتوشاپ را باز کرده ویک صفحه به ابعاد 90×728 با درصد رنگی 333745 ایجاد کنید و فایل را با نام دلخواه ذخیره کنید .بر روی Add image کلیک کرده و از طریق Browse تصویر ساخته شده در فتوشاپ را وارد کنید .دقت داشته باشید تصویر را با فرمت gif در فتوشاپ ذخیره کنید که رنگش سفید نشه

19 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

 12. تصویر سورمه ای را وارد کادر اصلی می کنم . در بخش Entry Effect گزینه Entry at time را برابر با 4 قرار بدهید تا از ثانیه چهارم کادر وارد بشه . سپس افکت را برابر با Fly Y in قرار بدهید . Exit Effect را هم برابر با 6 قرار بدید اگر لازم شد این عدد را افزایش میدیم .

20 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

21 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

 

خروجی باید به این شکل در آمده باشد .

22

 

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

در بخش Entry Effect گزینه Entry at time را برابر با 5 قرار بدهید تا از ثانیه پنجم کادر وارد بشه . سپس افکت را برابر با Zoom In قرار بدهید . Exit Effect را هم برابر با 8 قرار بدید اگر لازم شد این عدد را افزایش میدیم .ساخت این بنر تمام شد . خروجی را مشاهده کنید .
جهت مشاهده خروحی بر روی Preview کلیک کنید . 
اگر میخواهید فایل لایه باز را دانلود و ذخیره کنید تا بعدا تغییرات بر روی آن اعمال کنید بر روی منوی project  گزینه Save Project کلیک  کنید .
اگر هم می خواهید فایل را با فرمت SWF یا Gif ذخیره کنید بر روی منوی project  و انتخاب گزینه Publish Yo banner  کلیک نمایید .

22 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

23 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

24 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

25 آموزش تصویری ایجاد بنر فلش با ابعاد 90728

26

 

آخرین بروز رسانیچهارشنبه, 18 شهریور 1394 10:00

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

دیدگاه‌ها   

0 #9 comprar cialis 1398-05-10 20:23
La eyaculación prematura secundaria ocurre cuando, después de muchos años de eyaculación normal, la duración del coito se acorta progresivamente . Uno espectadora cuando se centra en si mismo desde una perspectiva en tercera persona en vez de centrarse en sus sensaciones o las de su pareja durante la actividad sexual. Comprar cialis online sin receta..
نقل قول کردن
0 #8 viagra 100mg 1397-12-03 09:53
Excellent post. I was checking continuously this blog and I am
impressed! Very helpful information specifically the last section :
) I maintain such info a lot. I was looking for this particular
information for a long time. Thank you and best of luck.

viagra 100mg
نقل قول کردن
0 #7 cheap viagra 1397-12-02 23:59
Ahaa, its good discussion on the topic of this piece of writing
here at this website, I have read all that, so at this time me also
commenting at this place. cheap viagra
نقل قول کردن
0 #6 female viagra 1397-11-17 08:10
I'm impressed, I must say. Seldom do I encounter a blog that's
equally educative and engaging, and let me tell you, you
have hit the nail on the head. The issue is something which not enough men and women are speaking intelligently about.
Now i'm very happy I came across this during my hunt for something relating to
this. female viagra
نقل قول کردن
0 #5 female viagra 1397-11-13 06:21
Incredible! This blog looks exactly like my old one!

It's on a totally different subject but it has
pretty much the same layout and design. Superb choice of colors!

female viagra
نقل قول کردن
0 #4 سعید صبح خیز 1394-03-30 19:14
به نقل از نازنین:
سلام
خسته نباشین
ممنون از آموزش خوبتون
یه مشکلی تو کار فلش داشتم اگر کمک کنید ممنون میشم
یه فلش ساختم با بنر ویزارد
که یه تصویر و متن به همراه صدا
تو سیستم با پسوند swf ذخیره کردم
تو درایو با دو آیکون ذخیره میشه یکی فایل اجرایی با مرورگر اجرا میشه و دیگری فایل صوتی مدیا پلیر
یعنی با دوفایل مجزا از هم ذخیره میشه که یکی صوته و یکی تصویر که با مرورگر اجرا میشه
تو سیستم مشکلی نداره با مرورگر کامل اجرا میشه ،صوت به همراه تصویر فلش
ولی وقتی آپلود میشه فقط تصویرش هست صدا نداره
چطوری باید آپلود شه که صوت و تصویر با هم اجرا کنه تو محیط اینترنت به صورت آنلاین ؟
چون وقتی سیو میشه فایل صوتیش جدا ذخیره میشه
این لینک رو ببینید قسمت کادر قرمز
8pic.ir/.../...
اینطوری ذخیره میشه
در اینصورت باید چطوری آپلود بشه که فلش با صوتش اجرا بشه ؟
خیلی ممنون میشم راهنمایی کنید

سلام
به صورت پیش فرض و استاندارد شما نباید از هیج فایل صوتی در بنر فلش استفاده کنید . خیلی از بنرهای فلش هم اگر دقت کرده باشید برای کم شدن حجمشون به فرمت گیف با یکسری از برنامه ها تبدیل میشن
برای استفاده در قالب هم باید یا ماژول وشته بشه یا به صورت کد نویسی اینکار صورت بگیره . کدنویسی هم از طرق این برنامه نمیشه و باید از adobe flash استفاده کنید .
نقل قول کردن
0 #3 رضا مقدسی 1394-03-30 18:44
به نقل از نازنین:
سلام
خسته نباشین
ممنون از آموزش خوبتون
یه مشکلی تو کار فلش داشتم اگر کمک کنید ممنون میشم
یه فلش ساختم با بنر ویزارد
که یه تصویر و متن به همراه صدا
تو سیستم با پسوند swf ذخیره کردم
تو درایو با دو آیکون ذخیره میشه یکی فایل اجرایی با مرورگر اجرا میشه و دیگری فایل صوتی مدیا پلیر
یعنی با دوفایل مجزا از هم ذخیره میشه که یکی صوته و یکی تصویر که با مرورگر اجرا میشه
تو سیستم مشکلی نداره با مرورگر کامل اجرا میشه ،صوت به همراه تصویر فلش
ولی وقتی آپلود میشه فقط تصویرش هست صدا نداره
چطوری باید آپلود شه که صوت و تصویر با هم اجرا کنه تو محیط اینترنت به صورت آنلاین ؟
چون وقتی سیو میشه فایل صوتیش جدا ذخیره میشه
این لینک رو ببینید قسمت کادر قرمز
8pic.ir/.../...
اینطوری ذخیره میشه
در اینصورت باید چطوری آپلود بشه که فلش با صوتش اجرا بشه ؟
خیلی ممنون میشم راهنمایی کنید

سلام
سیستم های مدیریت محتوا برای اینکار پلاگین دارن و اینکار را انجام میده و لی در سایت صدا را نمیدونم چون جستجو هم کردم به نتیجه نرسیدم .
اجازه بدید آقای صبح خیز اطلاعاتشون بیشتره پاسخ بدن
نقل قول کردن
0 #2 نازنین 1394-03-30 17:35
سلام
خسته نباشین
ممنون از آموزش خوبتون
یه مشکلی تو کار فلش داشتم اگر کمک کنید ممنون میشم
یه فلش ساختم با بنر ویزارد
که یه تصویر و متن به همراه صدا
تو سیستم با پسوند swf ذخیره کردم
تو درایو با دو آیکون ذخیره میشه یکی فایل اجرایی با مرورگر اجرا میشه و دیگری فایل صوتی مدیا پلیر
یعنی با دوفایل مجزا از هم ذخیره میشه که یکی صوته و یکی تصویر که با مرورگر اجرا میشه
تو سیستم مشکلی نداره با مرورگر کامل اجرا میشه ،صوت به همراه تصویر فلش
ولی وقتی آپلود میشه فقط تصویرش هست صدا نداره
چطوری باید آپلود شه که صوت و تصویر با هم اجرا کنه تو محیط اینترنت به صورت آنلاین ؟
چون وقتی سیو میشه فایل صوتیش جدا ذخیره میشه
این لینک رو ببینید قسمت کادر قرمز
8pic.ir/.../...
اینطوری ذخیره میشه
در اینصورت باید چطوری آپلود بشه که فلش با صوتش اجرا بشه ؟
خیلی ممنون میشم راهنمایی کنید
نقل قول کردن
+1 #1 فاطمه 1394-03-18 01:04
سلام
بسیار عالی بود ...
با تشکر فراوان از زحمات شمـــا
نقل قول کردن

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا