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

31 خرداد 1398
Original1

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

شروع کار

برای شروع کار ابتدا یک سند در ابعاد 900 در 700 پیکسل (با رزولوشن 300 پیکسل بر اینچ) می سازیم.

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

ترسیم شکل اولیه لوگو

بعد از ایجاد سند، اولین کاری که باید انجام بدهیم انتخاب ابزار Rounded Rectangle می باشد.

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

در نوار تنظیمات مربوط به ابزار Rounded Rectangle واقع در بالای نرم افزار، مقدار Stroke را صفر و در واقع غیرفعال می کنیم. از قسمت Fill یک رنگ دلخواه انتخاب می کنیم (ما در این آموزش از کد رنگ #959595 استفاده می کنیم).

ابزار Rounded Rectangle

بصورتی که در شکل زیر مشاهده می کنید، یک مستطیل با گوشه های گرد رسم می کنیم و از قسمت پنل Properties مربوط به ابزار Rounded Rectangle، مقدار زوایه ها را تغییر می دهیم.

تغییر زوایای گوشه های مستطیل

نکته: اگر پنجره Properties را در فتوشاپ خود مشاهده نمی کنید، می توانید از منوی Windows آن را ظاهر کنید.

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

چرخاندن مستطیل

نام لایه Rounded Rectangle 1 را به یک نام دلخواه تغییر می دهیم. به عنوان مثال نام این لایه را حرف (A) در نظر می گیریم.

در حالی که لایه A را انتخاب کرده ایم، با زدن کلید میانبر Ctrl+J از لایه A کپی می گیریم و نام لایه جدید را به حرف B تغییر می دهیم.

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

در این مرحله در حالتی که لایه B در حالت انتخاب است، بر روی شکل راست کلیک می کنیم و گزینه ی Flip Horizontal را انتخاب می کنیم.

کاربرد Flip Horizontal در فتوشاپ

مشاهده می کنید که:

کاربرد Flip Horizontal در فتوشاپ

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

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

در این مرحله، لایه B را به زیر لایه A انتقال می دهیم تا مستطیل دوم در زیر مستطیل اول قرار بگیرد.

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

ابزار Polygonal Lasso را انتخاب می کنیم.

انتخاب ابزار Polygonal Lasso

با استفاده از Polygonal Lasso یک مسیر به صورت زیر می کشیم (توجه داشته باشید لایه C در حالت انتخاب باشد).

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

سپس با استفاده از ابزار Eyedropper از رنگ مستطیل اول A نمونه برداری می کنیم و ناحیه انتخاب شده را با زدن کلید میانبر Alt+Backspace به رنگ نمونه برداری شده در می آوریم.

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

لایه B را به حالت انتخاب (Select) در می آوریم و با استفاده از کلید میانبر Ctrl+Shift+I حالت انتخابی را معکوس (Inverse) می کنیم.

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

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

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

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

در ادامه لایه C و A را با نگه داشتن کلید Ctrl بصورت همزمان انتخاب می کنیم و با زدن کلید میانبر Ctrl+E با یکدیگر ادغام می کنیم.

مجددا نام لایه ترکیب شده را به حرف A تغییر می دهیم.

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

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

رنگ آمیزی لوگو

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

برای اینکار ابتدا بر روی لایه A دو بار کلیک می کنیم تا پنجره استایل لایه ها (Layer Style)  باز شود.

از این پنجره به قسمت Gradient Overlay می رویم.

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

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

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

سپس با کلیک بر روی OK، به پنجره تنظیمات Gradient Overlay بر می گردیم، زاویه (Angle) را به 40 درجه تغییر می دهیم و بر روی Ok کلیک می کنیم. (توجه داشته باشید استایل بر روی حالت Linear باشد، Blend Mode بر روی حالت نرمال و شفافیت (Opacity) و مقیاس (Scale) هر دو بر روی 100 قرار گرفته باشند)

تنظیمات گرادینت در فتوشاپ

برای لایه B هم به همین ترتیب عمل می کنیم. کد رنگ هایی را که برای این قسمت انتخاب کردیم، در شکل زیر مشاهده می کنید:

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

ایجاد سایه

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

برای این کار یک لایه جدید بالای لایه (B) می سازیم و یک نام به دلخواه برای آن می نویسم (مثلا ما نامش را به Shadow  تغییر داده ایم).

سپس لایه A را به حالت انتخاب (Select) در می آوریم و با زدن کلید میانبر Ctrl + Shift + I محدوده انتخاب شده را معکوس (Inverse) می کنیم.

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

بر روی  لایه Shadow کلیک می کنیم و در حالتی که این لایه انتخاب شده است، با استفاده از ابزار براش (Brush Tool) با Hardness: 0% و Opacity: 20% و رنگ مشکی به شکل زیر شروع به سایه زدن می کنیم:

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

همانطور که مشاهده می کنید علاوه بر لایه B در نواحی اطراف آن هم سایه ایجاد شده است. برای پاک کردن قسمت های اضافی به مانند قبل لایه B را به حالت انتخاب و سپس Inverse درمی آوریم و در حالی که لایه Shadow را انتخاب کرده ایم، با زدن کلید Delete کیبورد، نواحی اضافی را به راحتی پاک می کنیم.

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

ایجاد حالت شیشه ای روی لوگو

می خواهیم در این قسمت یک حالت شیشه ای بر روی لوگو ایجاد کنیم. بدین منظور در ابتدا یک لایه بالای لایه A می سازیم و نام آن را به C تغییر می دهیم،.

سپس با استفاده از ابزار Pen چنین مسیری رسم می کنیم:

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

بعد، با زدن کلید میانبر Ctrl + Enter ناحیه رسم شده را به حالت انتخاب (Select) در می آوریم و با رنگ سفید (با زدن کلید میانبر Alt + Backspace) پر می کنیم. توجه کنید که لبه های کار را می توان با خود ابزار Pen یا ابزار پاکن تمیزتر کرد.

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

در ادامه، میزان شفافیت لایه C را به 40 درصد کاهش می دهیم. با ایجاد لایه ماسک بر روی لایه C و با استفاده از ابزار Gradient با طیف رنگی سیاه و سفید چنین حالتی را ایجاد می کنیم:

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

مراحل پایانی طراحی لوگو با فتوشاپ

تمام لایه ها بجز لایه Background را انتخاب می کنیم و با فشردن کلیدهای Ctrl + G در یک گروه قرار می دهیم.

نام آن را به Logo تغییر می دهیم.

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

لایه لوگو را انتخاب می کنیم و با استفاده از Transform اندازه لوگو را کوچکتر می کنیم.

مطابق شکل زیر یک لایه جدید زیر لایه لوگو می سازیم با نام D.

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

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

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

محل نوشتن نام لوگو را در زیر سایه ایجاد شده، مشخص می کنیم.

لوگو در فتوشاپ

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

نویسنده شوید

دیدگاه‌های شما (2 دیدگاه)

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

یاسر
17 تیر 1398
با سلام و تشکر از زمانی که میگذارید ....لطفا برای تغییر اندازه و شکل سایه نهایی که زیر لوگو قرار میگیرد راهنمایی بفرمایید .با چه ابزار یا کلید میانبری میشود اندازه سایه را تغییر داد ؟ممنونم.

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

ضضض
09 تیر 1398
چجوری ی سند جدید باز کنم؟

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

روکسو
10 تیر 1398
فتوشاپ را باز و به منوی file مراجعه کنید. سپس روی new کلیک نمائید.

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