آموزش طراحی یک لوگوی شرکتی شیک در فتوشاپ

04 مرداد 1398
Logo

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

شروع کار

برای شروع طراحی لوگوی شرکت ، ابتدا یک سند در ابعاد 720 در 470 پیکسل (با رزولیشن 300) می سازیم.

ساخت سند در فتوشاپ

مستطیل های اولیه

از قسمت ابزارها، ابزار مستطیل (Rectangle Tool) را انتخاب می کنیم.

ابزار Rectangle Tool در فتوشاپ

در نوار بالای تنظیمات مربوط به مستطیل، گزینه Stroke را غیرفعال می کنیم و از قسمت Fill یک رنگ دلخواه انتخاب می نمائیم.

ابزار Rectangle Tool در فتوشاپ

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

نام لایه مستطیل را به یک نام دلخواه تغییر می دهیم (بصور مثال حرف A).

رسم مستطیل در فتوشاپ

بر روی لایه A راست کلیک و گزینه ی Rasterize Layer را انتخاب می کنیم.

Rasterize Layer در فتوشاپ

از لایه A کپی می گیریم و نام لایه کپی را تغییر می دهیم (بصور مثال حرف B) تا از مستطیلی که رسم کردیم یک مستطیل دیگر ساخته شود.

هر دو مستطیل را کاملا زیر هم قرار می دهیم.

لایه ها در فتوشاپ

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

استفاده از خط کش در فتوشاپ

تغییر شکل مستطیل ها

با استفاده ابزار Polygonal Lasso محدوده هایی مشابه آنچه که در تصویر زیر مشاهده می کنید، رسم می کنیم و به حالت انتخاب در می آوریم.

ابزار Polygonal Lasso Tool در فتوشاپ

با انتخاب لایه B و سپس لایه A و زدن دکمه Delete بر روی کیبورد، نواحی انتخابی را پاک می کنیم.

ابزار Polygonal Lasso Tool در فتوشاپ

در نهایت با فشردن کلید میانبر Ctrl+D و برداشتن خطوط راهنما، نتیجه بصورتی که در شکل زیر می بینید، در می آید:

ابزار Polygonal Lasso Tool در فتوشاپ

اضافه کردن دو مربع

در مرحله ی بعد چنین فاصله ای بین هر دو مستطیل (که اکنون به ذوزنقه تبدیل شده اند) ایجاد می کنیم:

اشکال هندسی در فتوشاپ

زیر لایه A یک لایه جدید می سازیم و نام آن راه به حرف C تغییر می دهیم.

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

رسم اشکال هندسی در فتوشاپ

از لایه C کپی می گیریم و نام لایه جدید را به حرف D تغییر می دهیم.

مربع کپی شده را به سمت راست لوگو انتقال می دهیم.

رسم اشکال هندسی در فتوشاپ

در این مرحله تمامی لایه ها را در یک گروه قرار می دهیم و نام گروه را Logo می گذاریم.

ساخت گروه در فتوشاپ

چرخاندن شکل

با انتخاب گروه لوگو و سپس فشردن کلیدهای Ctrl+T، لوگو را می چرخانیم و اندازه آن را کوچکتر می کنیم.

ابزار Transform در فتوشاپ

رنگ آمیزی

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

برای این کار در ابتدا بر روی لایه A دو بار کلیک می کنیم تا پنجره مربوط به layer Style باز شود.

سپس در قسمت Color Overlay این کد رنگ را وارد می کنیم:

استایل Color Overlay در فتوشاپ

همین کار را برای لایه B  هم انجام می دهیم (یا از استایل لایه A کپی می گیریم و بر رو لایه B اعمال (paste) می کنیم) تا در نهایت چنین تصویری داشته باشیم:

استایل Color Overlay در فتوشاپ

در ادامه برای لایه های C و D مانند مراحلی که برای لایه A طی کردیم، عمل می کنیم:

استایل Color Overlay در فتوشاپ

تغییرات را در تصویر زیر می توانید مشاهده کنید:

تغییر رنگ ها در فتوشاپ

افزودن سایه

در این مرحله قصد داریم یک حالت سایه در زیر مستطیل لایه A و بر روی دو مربع C و D  ایجاد کنیم.

برای این کار در ابتدا بالای لایه D یک لایه جدید می سازیم و نام آن را به حرف E تغییر می دهیم.

با استفاده از ابزار Polygonal Lasso چنین مسیری را رسم و به حالت انتخاب در می آوریم:

ساخت لایه در فتوشاپ

با کد رنگ 7a0611 و با استفاده از کلید میانبر Alt+Backspace قسمت انتخابی را از رنگ پر می کنیم.

با زدن کلید میانبر Ctrl+D این ناحیه را از حالت انتخاب خارج می کنیم.

ایجاد سایه در فتوشاپ

از لایه E کپی می گیریم و نام آن را به حرف F تغییر می دهیم.

حالا مثلث رسم شده را به زیر مستطیل A و بر روی مربع C قرار می دهیم.

ایجاد سایه در فتوشاپ

تکمیل لوگو

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

تغییر اندازه اشکال در فتوشاپ

یک لایه جدید زیر لایه گروه لوگو می سازیم و نام آن را به حرف G تغییر می دهیم.

با استفاده از ابزار براش با Hardness:0% و Opacity:100% و رنگ مشکی و اندازه بزرگ چنین دایره ی محوی در زیر لوگو رسم می کنیم:

ابزار براش در فتوشاپ

حالا با استفاده از Transform (کلید میانبر Ctrl+T) ارتفاع شکل سایه را به صورتی که در تصویر زیر مشاهده می کنید، کاهش می دهیم:

ایجاد سایه در فتوشاپ

همچنین می توانیم در زیر سایه لوگو، محل نوشتن نام لوگو را تعیین کنیم.

نوشتن متن در فتوشاپ

در نهایت می توانید برای لایه ی Background به پنل Blending Options مراجعه کنید و با استفاده از Gradient Overlay، چنین پس زمینه ای در پشت لوگو ایجاد کنید:

Gradient overlay در فتوشاپ

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

نویسنده شوید

دیدگاه‌های شما

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.