شما اینجا هستید: خانه / متحرک سازی / آموزش ساخت بنر در فتوشاپ سری اول-بخش دوم
آموزش ساخت بنر در فتوشاپ سری اول-بخش دوم

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

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

تو پرانتز بگم که پرسپولیس چه کرد امروز وای وای عمر دوباره ای به من داد

مشخصات آموزش

سطح:متوسط

زمان:۳۰ دقیقه

نرم افزار:فتوشاپ سی اس ۶

خب من در آموزش قبلی ساخت بنر به شما گفتم که نحوه ی ساخت یک بنر چگونه است شایدم خیلی هاتون بهتر از من بلد باشید ولی خب من به چشم همگانی نمی بینم چون دوستان مبتدی هستن که به این آموزش ها نیاز دارن….!!

این بنر پیشنمایش  کار ما در آموزش قبلی بود…

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

حالا ما می خوایم ادامه ی این بنر رو باهم دیگه کامل کنیم….

مرحله ی اول

 پی اس دی آموزش قبل رو از این لینک دریافت کنید سپس اون رو در فتوشاپ خودتون باز کنید در صورتی که فونت بی یکان در سیستم شما نباشد پیغام آپدیت کردن لایر ها و فونت ها برای شما ظاهر می شود شما می تونید فونت بی یکان رو از سایت ما دریافت کنید…

مرحله ی دوم

فایل هایی که براتون آماده کردم رو دریافت کنید

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

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

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

حالا به فرم اول برید و از هریک از این آیکون ها یک کپی بگیرید

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

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

حالا هر چهار چشمک این لایه های جدید رو در فِرم یک خاموش کنید

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

خب حالا به فِرم اخر برید و یک فِرم جدید ایجاد کنید چشمک لایه ی های کپی شده ی آیکون ها رو روشن کنید

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

خب حالا به هردو آیکون این فیلتر رو بدید

Filter>>Blur>>Motion Blur

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

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

Ctrl+F

 آیکون های شما تا الان باید این شکلی شده باشن

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

مر حله ی سوم

حالا شما باید هر یک از این آیکون ها رو به نقطه ی ببرید آیکون سمت چپ رو به چپ ببرید دقت کنید این آیکون دقیق زیر مستطیل زرد رنگ ما قرار بگیره و سپس آیکون سمت راست رو ببرید سمت راست جوری که هیچ کدوم از آیکون ها دیده نشن

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

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

حالا یک فرم جدید ایجاد کنید این فِرم شماره ی ۱۷ می باشد حالا شما در فرم ۱۷ باید آیکون هارو به جای قبلی خودشون برگردونید مانند تصویر زیر

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

فِرم ۱۶ رو انتخاب کنید و روی آیکون زیر یکبار کلیک کنید مانند تصویر زیر عمل کنید

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

سپس در پنجره ی باز شده مانند تصویر زیر عمل کنید

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

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

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

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

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

دقت کنید  جای آیکون ها با هم برابر باشن مثلا نباید آیکون اصلی شما بالاتر از آیکون کپی شده باشه  و بلعکس اینم پیش نمایش کار تا اینجا

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

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

حالا  شما یک فرم جدید بسازید این فِرم میشه فِرم ۲۳ دقت کنید تایمش رو به صفر برگردونید حالا چشمک آیکون های اصلی رو خامورش کنید و چشمک کپی آیکون هارو روشن کنید  این تا اینجا

مرحله ی  چهارم

حالا یک فِرم جدید بسازید این فرم میشه فرم ۲۴ دقت کنید در فرم آخر شما باید آیکون هارو از صحنه خارج کنید یعنی اصلا دیده نشن حالا به فرم ۲۳ برید و به همون روشی که متحرکش کردیم متحرکش کنید تا از صحنه خارج بشن

اینم پیش نمایش کار تا اینجا

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

کار شما هم مثله مال منه دیگه مطمئن باشم؟

خب حالا به فِرم اول برید و این دو آیکون رو وارد فتوشاپ کنید مانند تصویر

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

دقت کنید این آیکون ها باید در بالا ترین قسمت لایه ها باشن فرقی نمیکنه می خوام دچار مشکل نشید

حالا شما چشمک هردو  آیکون جدید رو در فرم اول خاموش کنید سپس به اخرین فرم برید و یک فرم جدید ایجاد کنید و حالا در فرم جدید چشمک هردو آیکون جدید رو روشن کنید

خب من الان در فِرم ۲۹ هستم شما اوپاسیتی هردو آیکون هارو بذارید روی صفر سپس یک لایه ی فرم جدید بسازید و اوپاسیتی هردو آیکون رو بذارید روی ۱۰۰ و سپس برید به قسمت متحرک سازی برید و عدد ۳ رو بزنید و اوکی کنید و حالا تایم رو ۵ صدوم ثانیه بدید یک فرم جدید ایجاد کنید تایمش رو صفر کنید اوپاسیتی هردو لایه رو صفر کنید به فرم قبلی برید و حالا باز متحرک کنید در قسمت متحرک سازی ۲ رو بزنید و اوکی کنید اینم پیش نمایش اخر

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

خب من باید یه نکته هایی راجب این بنر بدم بنری که ما درست کردیم از لحاظ حجم بالاس و این باعث دیر لود شدن سایت میشه!!!

سوال پیش میاد پس چرا آموزششو زدم؟

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

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

انشالله در روز های آتی آموزش های پیشرفته تری رو باهم کار خواهیم کرد…..

از این لینک می تونید پی اس دی کارو دانلود کنید

pdf_download_button

پایان آموزش

درباره ی حمید

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

۲۹ دیدگاه

  1. سلام مزسی از سایت خوبتون من یه سوال دارم.
    من بنرو ساختم خالا اگه بخوام یه فایل gif وارد فتوشاپ کنم و بذارم رو این بنر باید چی کار کنم؟
    فایل gif رو وارد میکنم اما مثل عکس میشه تخرک نداره
    ممنون میشم راهنماییم کنین مرسی

  2. تشکرررررررررررررررررررررررررر
    ممنوووون … خیلی عالی …

  3. ببخشید که دوباره پیام میدم . من ی مشکلی دارم . وقتی میخوام فارسی تایپ کنم اول اینکه کلمات از آخر نوشته میشه و کلمات جدا از هم نوشته میشه متلا این جوری : پ اش وت ف یخواستم بدونم چجوری باید اینو درست کنم ؟

  4. ممنون خیلی خوب بود …. این بنری که من درست کردم , البته ی خورده کج چون بار اول بود درست میکردم :دی

    http://8pic.ir/images/75875843932649062726.gif

  5. ببخشید فتوشاپ هم رو نمیگم،فلش ساز رو میگم..ورژن ۶ رو هم نصب رو سیستمم.

  6. شما باهاش کار کردید…
    میدونید باید از کجا مثل شما یاد بگیریم؟
    http://www……com

  7. سلام مجدد…
    ممنون که جواب دادید….

    آیا ادوب نرم افزاری مثل ادوب فتوشاپ درست کرده که بتونم دانلودش کنم و بسازم؟

    • اره مال همون شرکته ولی با یه محیط دیگه و شمایل متفاوت البته از نسخه ی سی سی به بعد روی ویندوز اکس پی و سیستم ۳۲ بیتی نمیشه نصب کرد اگه سیستم ۶۴ بیتی دارید نسخه ی جدید رو نصب کنید و اگه ۳۲ بیت هستش نسخه ی سی اس ۵ رو دانلود کنید اینم بگم کار با این برنامه به همین سادگیا هم نیست

  8. سلام…ببخشید طرح های دیگه هم آموزش می دید؟

    منظورم این است که طرح های اینجوری..البته این با فرنت swf هتتش..ممنون میشم جوابم رو بدید…

    مانند این:
    http://forum.realmadridcf.ir/images/VB/v46.swf

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

      Sothink SWF Easy 6.2 Build 622
      KoolMoves v7.4.4
      GozTun Flash Joiner v4.0
      SWiSH Max4
      و …..

  9. سلام. ببنید کیفیتا رو مقایسه کنید :
    عکس شما با حجم ۱۸۱ کیلوبایت : http://www.iphotoshop.ir/wp-content/uploads/pro-banner-PART2-21.gif
    عکس من با حجم ۲۸۰ کیلوبات : http://8pic.ir/images/31984009287186838607.gif

    تازه چهقدرم کیفیت تصویر شما بهتره لطفا میشه تنظیمات سیو فور وبتونو عکسشو بهم بدین ؟

  10. سلام میشه آموزش ساخت دکمه حرفه ای برای بنر بزارید؟؟ البته بهتر از اینا!

  11. نحوه ذخیره سازی فایل متحرک gif چطوریه؟

    lمن اینو ساختم:

    از طریق سیو فور وب ذخیره کردم. اما حجمش بالاست. چطور حجمش رو به زیر ۵۰K برسونمش؟

  12. آقا دستت درد نکنه و دمت گرم خدا کنه همیشه پرسپولیس ۶تا ۶تا بزنه که ازین آموزش اساسیا بذارین… کارتون عالیه…

  13. استقلال سرور پرسپولیسه
    گروه پرسپولیس در لیگ قهرمانان آسیا:
    تشتک سازی نپال…..
    خشخاش سازان افغانستان….
    منفجرکنندگان پاکستان….
    پرسپولیس ایران….

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

  14. اقا دمتون گرم
    خیلی وقته از مطالبتون استفاده می کنم ولی دیگه دلم نیومد پست نزارم !
    خیلی وقت بود نبودید ولی الان قدرتتون رو نشون دادید !!!!!
    خسته نباشی ♥
    اقا اگه ایمیل یاهویی فیسبوکی چیزی داری بزار ادد کنیم اونجام مزاحمت شیم :-s

    یا علی

  15. حمید جون دستت درد نکنه .
    اگه میشه بازم از جور کارا بزار(یه طراحی بنر برای یه سایت فیم هم بزاری ممنون میشم)

  16. وای چقد باحاله ،دستت درد نکنه
    آقا مرسی خیلی زحمت میکشی کلی حال کردم

دیدگاهتان را بنویسید

بپر بالا !