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

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

سلام خدمت دوستان عزیز و همیشه همراه سایت آی فتوشاپ ، چیز زیادی از پدید اومدن بنر های فِلت نمیگذره ولی خب با این وجود جایگاه زیادی بین همه ی طراحان و سایر بنر های دیگه پیدا کرده اغلب این بنر از سادگی بسیار زیادی پیروی می کنه ولی خب این سادگی با ذهن طراح منتهی میشه ….

مشخصات آموزش

سطح:مقدماتی – قسمت اول

نرم افزار:فتوشاپ سی سی ۱۴٫۱

مدت:این جلسه ۲۰ دقیقه

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

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

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

  • رایج ترین اندازه کدام هستن؟

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

 

  • چگونه یک بنر خوب طراحی کنیم!!؟

۱-داشتن هدف

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

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

۲-آشنایی با ابزار های ی فتوشاپ

یکی از مهمترین اصول هایی که باید بدونیم اینکه شناخت ما از فتوشاپ به قدری باشه که زمانی دست به کار ساخت بنر شدیم بدونیم از چه ابزار هایی استفاده کنیم تا یک بنر شکیل تر و گرافیکی تری داشته باشیم پس راهکار دوم ما شناخت کامل  از فتوشاپِ….

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

۳-حجم کم

سعی کنید موقع دیزاین بنر از آیکون های کم حجم تری استفاده کنید و اینم بدونیم هرچی تعداد فرم ها زیاد باشه معمولا با حجم بالاتری رو برو میشیم و این زیاد ناخوشایند نیست ولی خب تا سقف ۱۲۰ کیلو بایت رو میشه یجوری بنر خوب نام برد اینو بدونیم بنر خوب بنریه که وقتی دوستانی از نت مناسب بهره مند نیستند سریع لود بشه و باعث سنگینی لود شدن صفحه نشه….

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

و سایر جزییات که بهش در قسمت های بعد اشاره خواهیم کرد….

 

مرحله ی اول

یک سند جدید با ابعاد زیر ایجاد کنید.

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

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

انتظار میره شما یک کاربر حرفه ای باشید چون آموزش های زیادی رو باید در سایت دنبال کرده باشید.

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

من یکی از رنگ هارو انتخاب می کنم رنگ زیر

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

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

و یک شکل با رنگ زیر رسم کنید.

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

۴f4b4b

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

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

اون رو مانند شکل زیر بارگذاری کنید.

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

خب حالا با استفاده از فونتی که دریافت کردید متن زیر رو بنویسید

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

از رنگ زیر و از سایز ۲۰ استفاده کنید.

۶۲۶۲۶۲

مرحله ی دوم

انیمیشن فتوشاپ رو فعال کنید در قسمت های قبلی روش فعال کردن اون رو بهتون توضیح دادم

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

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

حالا به فرم اول برید سپس اوپاسیتی متن را به صفر کاهش بدید و به فرم دوم برید و حالا دوباره اوپاسیتی را به عدد پیش فرض تغییر بدید.

همون جور که به تصویر بالا نگاه می کنید باید متن در فرم اول خاموش و در فرم دوم روشن باشه

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

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

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

حالا به فرم اول برید. فرم اول رو انتخاب کنید و روی ایکون زیر یکبار کلید کنید.

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

در پنجره ی جدید تنظیمات رو مانند تصویر زیر قرار بدید و اوکی کنید.

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

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

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

 

منتظر بخش بعدی باشید…..

آموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

آموزش هایی که در آینده خواهید دید.

BANNERآموزش مقدماتی ساخت (بنر و بنر فلت) جلسه ی اول

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

 

آموزش ساخت افکت متحرک کشویی در فتوشاپ

آموزش طراحی بنر در فتوشاپ (افکت متحرک متن تصویری)

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

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

آموزش مقدماتی تا پیشرفته ی افکت دادن به متن ها در ساخت بنر {بخش دوم}

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

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

نحوه ی ۳۶۰ درجه کردن متن یا تصویر در فتوشاپ

یا حق

 

 

درباره ی حمید

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

۴۱ دیدگاه

  1. با سلام و خسته نباشید خدمت شما
    ممنون از آموزش های مفیدتون
    فتوشاپ منم گزینه ANIMATION نداشت جاش از TIME LINE استفاده کردم اما فرم اولم نوشته ش خاموش نمیشه!!!چرا؟ کجای کارم اشتباه بوده؟

  2. قسمت بعدی رو کی میزارین

  3. قسمت دوم رو کی میزارین

  4. سلام مر۳۰ از آموزش بسیار خوبتون ؛ این بنر چطوره به نظرتون ؟؟ http://8pic.ir/images/do27ijhkmaoy2jpsz7l7.gif

  5. میشه بگید چطوری هم باید save کنیم؟بعد از اینکه انیمیشن رو ساختیم باید چطور save کنیم؟

  6. ببخشید میشه بگید چطور میشه اون آیکون کیسه رو توی بکگراند(کلا هر لایه ای به غیر بکگراند) بارگذاری کنیم؟من رفتم file>import اما چیزی نبود که لودش کنم
    از فتوشاپ cc هم استفاده میکنم

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

  8. سلام من وقتی شیفت رو میگیرم متن نمیتونم متنو حرکت بدم
    لطفا کمک کنید.
    من کلا تو آموزش هاتون اجع به بنر های متحرک به مشکل مشابه ای بر میخورم
    کـــــــــــــــــمــــــــــــــــــــــــــــــــــــــــــک….

  9. سلام، این آموزش واقعا عالیه. خواهش میکنم که بقیشو بذارید.
    ممنون.
    منتظریما…

  10. سلام
    الان داشتم بنر طراحی میکردم هرکاری کردم فونت b yekan کار نکرد!
    واسه متن فارسی کار میکنه و انگلیسی نه!!

  11. سلام ممنون از آموزشتون

    فتوشاپ من توی قسمت window ش گزینه animation نداره … حتی یکی ورژن دیگه هم نصب کردم اما بازم نبود

    مشکل از کجاس ؟؟؟

    ممنونم

  12. دوباره سلاااممم
    ببخشید خطوط منحنی این نوشته هارو چطوری میشه درست کرد ؟
    http://www.8pic.ir/images/rsm2b7sclbccuamixgjp.png
    ساخت اینطور لوگوها رو هم میشه بگید ؟

  13. بعد یه سوال
    شما این آیکنارو از کجا میارید ؟
    مثلأ مث همون کیسه پول !!!!!
    خیلی باحاله

  14. میشه کد رنگایِ کاربردی توو بنر رو بذارید ؟
    منظورم همون رنگایی هستش ک بالا گذاشتید

  15. درج لینک در انتهای کامنت یجورایی تبلیغ محسوب میشه لطفا رعایت کنید

    برای درج تبلیغات راهای زیادی هست

  16. مرسی حمید جان. خیلی پست میزونی بود
    هم متن هم تصاویر هم ترتیب خیلی توپی داشت. خسته نباشی داداش

  17. ممنون
    دیگه کم کم داشتم ناامید می شدم

  18. خیلی خوب بود دادا .
    اقا سعید منم در حد حرفه ای می تونم بنر بسازم .
    می خواستم بگم اگه امکان داره ، منم یه دوتا اموزش بفرستم براتون اگه خوشتون اومد ادامه بدم
    یا اگه امکانش هست یه بخشی رو بزارین که کاربر ها برا خودشون هم درخواست کنن از هم دیگه هم بتونن اموزش بزارن.
    بازم خیلی ممنون

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

بپر بالا !