ساخت لوگو با استفاده از Path Tool در فتوشاپ

26 خرداد 1399
photoshop-pen-logo-design

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

نتیجه‌ ی نهایی این آموزش به صورت زیر خواهد بود:

طراحی لوگو با ابزار پن

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

مرحله 1

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

باز کردن عکس در فتوشاپ - طراحی لوگو با ابزار پن pen در فتوشاپ

مرحله 2

ابزار تایپ (Type Tool) و فونت (sans-serif (Century Gothic یا یک فونت دلخواه را انتخاب کنید (فونت های sans serif برای آرم های مدرن و تکنیکی مناسب هستند) و کلمه PHOTOSHOP را تایپ کنید.

ابزار تایپ به طور خودکار یک لایه ی جدید برای ما ایجاد می کند.

نوشتن متن در فتوشاپ - طراحی لوگو با ابزار پن pen در فتوشاپ

مرحله 3

اکنون با انتخاب ابزار Type، زیر متن (PHOTOSHOP) کلیک کرده و کلمه STAR را بنویسید. دقت کنید کلمه STAR در لایه ی دیگری تایپ شود.

نوشتن متن در فتوشاپ - طراحی لوگو با ابزار پن pen در فتوشاپ

مرحله 4

لایه ی STAR را در پنل لایه ها انتخاب کرده و Ctrl + T را فشار دهید تا بتوانید متن را حرکت دهید. کلید Shift را نگه دارید و از دستگیره گوشه ها بکشید تا اندازه کلمه STAR بزرگ شود.

Free Transform

مرحله 5

قبل از ادامه، توجه داشته باشید که هنگام طراحی لوگو باید دقت کافی حین رسم داشته باشید تا کار بدون نقص باشد. به همین دلیل ما به خطوط راهنما (Guides) احتیاج داریم. خطوط راهنما، خطوطی با ضخامت 1px هستند که فقط روی مانیتور دیده می شود و در نتیجه ی چاپ قابل مشاهده نیستند. این خطوط می توانند هنگام ایجاد طرح بسیار به شما کمک کنند.

ابتدا با فشار دادن کلیدهای میانبر Ctrl + R، خط کش را در محیط فتوشاپ ظاهر می کنیم.

ظاهر کردن خط کش فتوشاپ

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

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

حالا خطوط راهنما را در متن قرار دهید و مطمئن شوید که با متن شما  تراز شده است (مثل شکل زیر).

مرحله 6

یک لایه ماسک به لایه متن STAR اضافه کنید.

Layer> Layer Mask> Reveal All Rectangular Marquee Tool را انتخاب کنید و در لایه ماسک یک انتخاب مستطیل شکل روی حرف A بکشید.

با فشار دادن کلیدهای D و Alt + Backspace ، قسمت انتخاب شده را با رنگ سیاه پر کنید.

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

مرحله 7

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

ابزار (Pen (P را انتخاب کنید و از نوار تنظیمات گزینه ی Shape را برگزینید.


Shape، مسیری است که به طور خودکار با 2 رنگ پر می شود. رنگ اول رنگ خط دور شکل (Stroke) و رنگ دوم رنگ داخل مسیر (fill) است. توجه داشته باشید که می توانیم یکی از 2 رنگ (fill یا Stroke)، هر دو با هم (fill و Stroke) یا هیچکدام (no fill و no stroke) داشته باشیم. همچنین می توانید ضخامت خط دور شکل (Stroke) را تنظیم کنید.

در طراحی لوگو ما می خواهیم حرف A را به شکل ستاره ای که با رنگ سفید پر شده و بدون خطِ دور است، رسم کنیم. بنابراین در نوار تنظیمات، Fill را روی رنگ سفید و Stroke را بر روی no fill قرار می دهیم.

نوشتن متن - طراحی لوگو با ابزار پن pen در فتوشاپ

اکنون ابزار Pen را انتخاب کنید. بر روی نقاط 1، 2، 3، 4، 5 کلیک کنید و سپس به نقطه 1 بازگردید تا مسیر بسته شود.

نتیجه نهایی باید چیزی شبیه به تصویر زیر باشد:

ترسیم شکل با ابزار pen - طراحی لوگو با ابزار پن pen در فتوشاپ

ترسیم شکل با ابزار pen - طراحی لوگو با ابزار پن pen در فتوشاپ

مرحله 8

وقتی می خواهیم یک مسیر (Path) را تغییر دهیم، دو ابزار اصلی داریم: ابزار Path Selection Tool (کل مسیر را با یک کلیک انتخاب می کند) و ابزار Direct selection (نقاط را در مسیر بطور جدا انتخاب می کند) که در مراحل بعدی ما فقط با ابزار Direct selection کار داریم.

یک میانبر: وقتی ابزار Path selection را انتخاب کرده اید، می توانید کلید Ctrl را از کیبورد فشار دهید تا به طور موقت دسترسی به ابزار Direct selection را بدست آورید. اگر روی یک نقطه از مسیر (Path) کلیک کرده باشید، چنانچه Shift را حین کلیک کردن نگه دارید، می توانید چندین نقطه را انتخاب کنید.

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

کل شکل را با فشار دادن کلیدهای میانبر Ctrl + Shift + Alt انتخاب کنید و آن را بین فضای خالی حروف T و R قرار دهید.

ابزار Path Selection Tool
اکنون نقاط شکل را با ابزار Direct Selection بکشید تا چیزی شبیه یک حرف A شکل بگیرد. حتما نقاط شکل را با گوشه های خطوط راهنما منطق کنید.

ابزار Direct Selection

مرحله 9

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

بزرگ کردن شکل در فتوشاپ

مرحله 10

لایه ی متن PHOTOSHOP را در پالت لایه ها انتخاب کرده و Ctrl + T را فشار دهید تا کادر Free Transform ظاهر شود. اندازه آن را تغییر دهید تا دقیقا موازی و هم عرض با STAR قرار گیرد.

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

مرحله 11

یک پس زمینه در پشت لوگو بگذارید تا بهتر جلوه کند.

اکنون که با اشکال ایجاد شده با ابزار Pen آشنا شدید، شما را با مجموعه دیگری از ابزارهایی که شباهت چشمگیری با اشکال قبلاً ایجاد شده دارند، آشنا می کنم. درست در زیر ابزار Direct Selection در پالت ابزارها، گروهی از ابزارهای ترسیم شکل را مشاهده می کنید.

1. Rectange Tool (رسم مربع و مستطیل)

2.Rounded Rectangle Tool (رسم مربع یا مستطیل گوشه گرد)

3.Ellipse Tool (رسم دایره یا بیضی)

4.Polygon Tool (رسم چندضلعی)

5.Line Tool (رسم خط)

6.Custom Shape Tool (رسم شکل های سفارشی و از قبل طراحی شده)

مرحله 12

یکی از این ابزارها را انتخاب کنید (من از ابزار Rectangle استفاده کردم) و با آن، پس زمینه ی دلخواه خود را بکشید. متوجه می شوید که درست مانند اشکال ایجاد شده با ابزار Pen، یک مستطیل رنگ شده و دارای خط دور ایجاد می شود.

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

شکل را با Free Transform جابجا کنید و در زیر لوگو قرار دهید (در پنل لایه ها، لایه ی مستطیل را در زیر لایه های دیگر و درست بالای لایه «Background» بگذارید).

طراحی لوگو با ابزار پن pen در فتوشاپ
برای تأکید بر اینکه این لوگو متعلق به یک وب سایت است، یک متن COM. زیر ستاره اضافه کردم.

طراحی لوگو با ابزار پن pen در فتوشاپ

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


منبع: سایت Photoshop Star

نویسنده شوید

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

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

ندا
25 تیر 1399
بسیار عاااالی.سپاس..

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