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

طرز تهیه بنر فلت – ورژن دو

طرز تهیه بنر فلت - ورژن دو
طرز تهیه بنر فلت - ورژن دو
طرز تهیه بنر فلت - ورژن دو

سلام

در این تاپیک با نحوه ساخت بنر فلت آشنا خواهید شد . این آموزش اولین بار در سطح وب توسط خودم و در انجمن فروشگاه های اینترنتی ایران – شاپ کیپر – ارائه شده بود ، که تصمیم گرفتم یک نسخه از این آموزش رو برای کاربران وی میزبان ایرانیان هم به اشتراک بگذارم .

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

این آموزش در دو قسمت ارائه میشه . قسمت اول آماده سازی اشیاء و قسمت دوم متحرک سازی بنر . سری دوم آموزش ساخت بنر فلت در صورت استقبال ، در همین تاپیک ارائه خواهد شد .

قبل از شروع آموزش باید دو نکته رو متذکر بشم :

– هر اینترفیس (رابط کاربری) پس از مدتی جذابیت گذشته خودش رو از دست میده و از اونجایی که استایل فلت از اینترفیس محصولات شرکت مایکروسافت مشتق شده ، انتظار نداشته باشید این استایل که امروزه به طور وسیع و در اکثر مواقع در جایگاه نادرست ، چه در طراحی سایت و چه در طراحی بنر ، به کار گرفته شده برای مدت طولانی جذاب و هیجان انگیز باقی بمونه . پس در انتخاب این نوع بنرها به منظور معرفی محصولاتتون نهایت دقت رو به خرج بدید .

اشیا و عناصر در این نوع بنر ها از یک حرکت و جلوه بسیار ساده تبعیت می کنند و ساخت چنین بنرهایی با استفاده از استایل فلت بسیار ساده و در مدت زمان کوتاهی ، نهایتا 30 الی 45 دقیقه امکان پذیر خواهد بود .

قسمت اول

نرم افزار مورد استفاده در این آموزش : Adobe Photoshop CS6 Extended
بنر نهایی :

حجم بنر : KB 38~39

قدم اول ایجاد سند :
در نرم افزار فوتوشاپ سند جدیدی برای یک بنر افقی در ابعاد استاندارد 60*468 ایجاد کنید :

قدم دوم رنگ آمیزی لایه :
با استفاده از کلید های ترکیبی Ctrl F5 یا از مسیر Edit->Fill پنجره ای با عنوان Fill ظاهر خواهد شد . در بخش Contents از منو کشویی Use گزینه Color رو انتخاب کنید تا پنجره انتخاب رنگ ظاهر بشه . از کد رنگ 0f94fa برای پر کردن لایه استفاده کنید :

قدم سوم نام گذاری لایه(اختیاری) :
حتی الامکان لایه ها رو نامگذاری و لایه ها مرتبط رو در یک گروه یا پوشه قرار بدید :

گروه اول رو Slide 1 نامگذاری کردم .

قدم چهارم ایجاد متن و وارد کردن آیکون ها :
با استفاده از ابزار Type Tool متن مورد نظرتون رو تایپ کنید و آیکون،لوگو و یا تصویر رو وارد اسلاید اول کنید . توجه داشته باشید نباید از افکت های معمول مثل سایه در عناصری که در این نوع بنرها به نمایش در خواهند آمد بهره ببرید :

قدم پنجم ایجاد کردن کلیدها :
در این مرحله قصد داریم 4 کلید(یا منو) بسازیم . ابتدا لایه جدیدی با استفاده از کلیدهای ترکیبی Ctrl Shift N بالای اسلاید اول ایجاد کنید و این لایه رو در یک گروه جدید قرار بدید . برای اینکه ابعاد تمامی کلیدها یکسان باشن ، 468 رو تقسیم بر 4 می کنیم . پس طول هر کلید رو 117px و ارتفاع رو 60px در نظر میگیرم .
با انتخاب ابزار Rectangle Tool و کلیک بر فضای خالی لایه جدیدی که ایجاد کردیم ، یک پنجره ظاهر میشه :

که با درج ابعاد و کلیک بر روی OK یک مستطیل ایجاد خواهد شد .
رنگ مستطیل رو به CC6600 تغییر بدید :

و درون این مستطیل متن مورد نظرتون رو تایپ کنید :

حالا دو لایه مستطیل و متن رو انتخاب و بر روی یکی راست کلیک و بر روی گزینه Merge Layers کلیک کنید یا اینکه می تونید با انتخاب این دو لایه و با استفاده از کلید های ترکیبی ctrl E این دو لایه رو ادغام کنید :

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

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

مجددا متن و تصویر مورد نظر رو در اسلاید وارد کنید :

نتیجه کار شما تا به اینجا به این شکل خواهد بود :

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

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

منبع

تصاویر کوچک فایل پیوست تصاویر کوچک فایل پیوست

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

نقل قول نوشته اصلی توسط r.amir2332
دوست عزیز عالیه ایا امکان داره همین پی اس دی که ساختین رو قرار بدین ممنون

سلام

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

عزیز اگر امکان داره منتشر کنید منتظریم خیلی وقته

خسته نباشید…

ممنون دستت درد نکنه منتظر ورژن بعدی هم هستیم

منتظریم..

داداش ایمان منتظر قسمت بعدی هستیم

عالی بود لطفا قسمت دوم (متحرک سازی) رو هم بزارید ممنون

لطفا قسمت متحرک سازیو بزارید منتظریم


(1) بنر محل تبلیغات با رنگ های فلت لایه باز
بنر محل تبلیغات با رنگ های فلت لایه باز


(2) 2 طرح لایه باز PSD بنر 120-240 به سبک
2 طرح لایه باز PSD بنر 120-240 به سبک فلت برای سایت ها


(3) نویسی و گرافیک
یک لرن مرجع آموزش طراحی سایت برنامه نویسی و گرافیک


(4) هایپرتمپ قالب وبلاگ قالب وردپرس
هایپرتمپ قالب وبلاگ قالب وردپرس گرافیک


(5) آموزش آشپزی غذاهای ایرانی انواع دسر آشپزی آنلاینآشپزی
طرز تهیه ته چین مرغخورشت کرفسجوجه کبابتزیین سالاد الویه آشپزیاشپزیتزیین سالادسالاد ماکارونیطرز تهیه لازانیاسالاد سزارطرز تهیه قهوه کباب کوبیده انواع دسرانوع سوپ


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


(7) طرز تهیه قهوه عربی با دله به شیوه اعراب حاشیه خلیج فارس
طرز تهیه قهوه عربی نسبت به سایر روش ها کمی متفاوت است و به همین خاطر هم جزو قهوههای خاص در دنیا به حساب میآید.


(8) طرز تهیه اکبر جوجه اصل مازندرانی با سس مخصوص انار انگیزه
طرز تهیه جوجه مرغ را با پوست از وسط به دو نیم تقسیم کنید و با نمک و فلفل آسیاب شده رنده پوست لیمو و پیاز خرد شده مزه دار کنید.


(9) لایه باز بنرهای حرفه ای psd
لایه باز بنرهای حرفه ای psd


(10) دانلود رایگان طرح وکتور بنر فلت آماده
دانلود رایگان طرح وکتور بنر فلت آماده رنگی - میزبانی هنر خلاقانه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

4 × چهار =

دکمه بازگشت به بالا