سلام
وقت همگی بخیر

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

طراحی بنر یا هدر یا لوگو؟

موضوع آموزش : طراحی هدر
مدت زمان طراحی : 30 دقیقه یا کمتر
سطح : مبتدی

نمونه تصویر طراحی شده در این آموزش :




قدم اول : ساخت پس زمینه


ابتدا سند جدیدی با این مشخصات در فوتوشاپ ایجاد کنید :



با فشردن کلید G از کیبورد ابزار Gradient را فعال کنید . یا در نوار ابزار بر روی این ابزار کلیک کنید .




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



با کلیک بر روی این باکس پنجره Gradiend Editor باز می شود و می توانید طیف رنگ ها را تغییر دهید . با دو بار کلیک بر روی هر لغزانک یا با کلیک بر روی باکس Color می توانید رنگ جدیدی تعریف کنید .
کد رنگ اول : 272727# و کد رنگ دوم : 111111#



همچنان که ابزار Gradient فعال است از پایین سند چپ کلیک کنید و بدون رها کردن کلیک تا بالای سند به راه خود ادامه دهید .





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



بر روی لایه شیپ کلیک دوبار کلیک کنید یا با راست کلیک بر روی لایه و انتخاب گزینه Blending Options وارد پنجره Layer Style شوید . در صفحه اول مقدار  Fill Opacity را به 0% تغییر دهید .






سپس در منوی سمت چپ بر روی Gradient Overlay کلیک کنید .
بر روی باکس Gradient کلیک کنید و کد رنگ ffffff# را برای رنگ اول و دوم تعریف کنید . با کلیک بر روی لغزانک های بالا می توانید Opacity طیف رنگ را کم و یا زیاد کنید .
مقدار Opacity رنگ اول را 40 و رنگ دوم را 0 قرار دهید و بر روی Ok کلیک کنید .




از منوی کشویی Style گزینه Radial را انتخاب و Opacity را بر روی 18% قرار دهید ، سپس ok کنید .



برای رسم کردن تعدادی دایره ، در منوی ابزار بر روی ابزار Ellipse Tool کلیک کنید .



دایره هایی را به دلخواه و یا مطابق شکل زیر بر روی پس زمینه ایجاد کنید و Opacity هر لایه را بر روی %4 الی %8 در نظر بگیرید .





با استفاده از ابزار فعلی یعنی Ellipse Tool در پایین سند و بالاتر از تمامی لایه ها ،مطابق شکل زیر یک بیضی رسم کنید .



با استفاده از Gradient در Layer Style رنگ اول را ffa600# و رنگ دوم را f6ff00# تعریف کنید .




برای ایجاد خطوط براق با استفاده از ابزار Rectangle Tool یک خط باریک افقی ایجاد کنید . در حالی که لایه خط ایجاد شده فعال است ، از منوی Filter و زیر منوی Blur بر روی Motion Blur کلیک کنید .
در پنجره تنظیمات مقدار Angle را 0 و مقدار Distance را 88 پیکسل تعریف کنید .



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



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

----

قدم دوم : اضافه کردن متن و ساخت استایل مناسب



ابتدا فونت Roboto را از اینجا دریافت و بر روی رایانه نصب کنید .
با فشردن کلید T از روی کیبورد ابزار Type Tool را فعال و کلمه Blogers را در وسط سند تایپ کنید .







بر روی لایه Blogers دو بار کلیک کنید تا پنجره Blending Options باز شود .
از منوی سمت راست بر روی گزینه Bevel & Emboss کلیک کنید و مقادیر زیر را برای Structure تعریف کنید

Style: Emboss
Technique: Smooth
Depth: 1000%
Direction: Up
Size: 1px

و مقادیر زیر را برای Shading تعریف کنید :
Angle: -150
Altitude: 11
Highlight Mode: Screen کد رنگ : ffffff#
Opacity: 100%

Shadow Mode: Multiply کد رنگ : 000000#
Opacity: 4%



برای Gloss Contour طبق تصویر زیر عمل کنید .



بعد از منوی سمت راست بر روی Contour کلیک کنید.
Range را بر روی 100% تعریف و برای Contour مطابق شکل زیر عمل کنید :



پس از ساخت استایل نتیجه به این شکل خواهد بود :



حالا برای اینکه رنگ حرف B را تغییر دهیم باید متن را ویرایش و حرف B را از کلمه جدا و در لایه جدیدی تایپ کنیم :



می توانید لایه logers را یکبار کپی کنید و حرف B را به جای آن تایپ کنید یا حرف B را در لایه جدیدی تایپ و اعمال زیر را انجام دهید :
برای حرف B کد رنگ fdc000 را در نظر بگیرید .
استایلی را که در مرحله قبل ساختید کپی و برای لایه B تعریف کنید . برای اینکار بر روی لایه قبل راست کلیک کنید و بر روی گزینه Copy Layer Style چپ کلیک کنید . حالا بر روی لایه B راست کلیک و گزینه  Paste Layer Style را انتخاب کنید .








سپس بر روی لایه B راست کلیک کنید و وارد Blending Options شوید و بر روی Bevel & Emboss کلیک کنید .
تنها گزینه ای که باید تغییر دهید ، در قسمت Shading قابل دسترس است . برای رنگ Highlight Mode از کد رنگ ffea35# استفاده کنید .



متن "مرجع پاسخگویی به سوالات وبلاگنویسان" را به سند اضافه کنید .



سخت ترین یا بهتر است بگوییم ساده ترین مرحله طراحی هدر که ساخت استایل بود به اتمام رسید .

در قسمت بعد نحوه اضافه کردن بقیه متن ها و باکس آدرس را فرا خواهید گرفت .

---

ممنون آقای شریفی بابت ایجاد این تاپیک

بی صبرانه منتظر آموزش ها هستیم

(93-5-21، 04:29 عصر)i.sharifi نوشته است: موضوع آموزش : طراحی هدر
مدت زمان طراحی : 30 دقیقه یا کمتر
سطح : مبتدی

نمونه تصویر طراحی شده در این آموزش :




---
متن آموزش به زودی  در این محل درج خواهد شد
---

ممنون نشون دادید در اراده خیلی بهتر از چندی از دوستان هستید

چقدر شباهت داره به طراحی شاهو

اموزشش هم بزار یه چی یاد بگیریم

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

(93-5-21، 04:26 عصر)3iran نوشته است: طراحی بنر یا هدر یا لوگو؟

سلام
مواردی مثل طراحی هدر و ساخت بنر . مبحث طراحی لوگو پیچیده ست و از حوصله این تاپیک خارج .

(93-5-21، 04:53 عصر)Hacking نوشته است: چقدر شباهت داره به طراحی شاهو

اموزشش هم بزار یه چی یاد بگیریم

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

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

عالیه آقای شریفی
فقط آموزش ها تصویری هستن یا ویدیویی؟

(93-5-21، 07:10 عصر)Javad Hosseini نوشته است: عالیه آقای شریفی
فقط آموزش ها تصویری هستن یا ویدیویی؟

احتمال زیاد به صورت تکست باشه!