سبد (0)

آموزش‌های پیشنهادی فرادرس

ساخت لوگو با فتوشاپ

ساخت یک لوگو

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

در زیر افکت نهایی را مشاهده می کنیم.

A simple logo created by combining text with shapes in Photoshop. Image © 2011 Photoshop Essentials.com

افکت نهایی


 مراحل انجام کار

آموزش ساخت لوگو با فتوشاپ شامل 10 مرحله زیر است:


 مرحله 1 : تبدیل متن به شکل

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

Photoshop text. Image © 2011 Photoshop Essentials.com

در پنل لایه ها نیز دو لایه را مطابق شکل زیر ملاحظه می کنیم:

Photoshop type layer. Image © 2011 Photoshop Essentials.com

حال به منوی Layer رفته و بر روی Type کلیک می کنیم و سپس گزینه ی Convert To Shape را انتخاب می کنیم:

The Type > Convert to Shape command in Photoshop. Image © 2011 Photoshop Essentials.com

حال تغییرات اعمال شده را در پنل لایه ها مشاهده می کنیم.

Photoshop shape layer. Image © 2011 Photoshop Essentials.com


مرحله 2 : انتخاب ابزار Direct Selection

در این قسمت از ساخت لوگو با فتوشاپ می خواهیم تغییرات مد نظر را در حرف O اعمال کنیم، اما پیش از آن می بایست ابزار Direct Selection را به روش زیر انتخاب کنیم:

Photoshop Direct Selection Tool. Image © 2011 Photoshop Essentials.com


مرحله 3 : انتخاب یک قسمت برای پاک کردن

در ابتدا از پنل لایه ها، لایه ی خود را انتخاب می کنیم:

The shape's vector mask thumbnail in the Layers panel in Photoshop. Image © 2011 Photoshop Essentials.com

حال به دور دایره ی تو خالی حرف O با گرفتن موس، یک خط می کشیم:

Selecting the center of the shape. Image © 2011 Photoshop Essentials.com

حال اگر دست خود را از روی موس برداریم تغییرات زیر را بر روی حرف، مشاهده می کنیم:

Selected anchor points in the shape. Image © 2011 Photoshop Essentials.com

برای پاک کردن این قسمت کافیست دکمه ی Backspace در سیستم های ویندوز و یا Delete در سیستم های Mac را فشار دهیم.

The selected part of the shape is deleted in Photoshop. Image © 2011 Photoshop Essentials.com


مرحله 4 : انتخاب ابزار Custom Shape

مشابه شکل، این ابزار را انتخاب می کنیم.

Photoshop Custom Shape Tool. Image © 2011 Photoshop Essentials.com


مرحله 5 : انتخاب گزینه ی Shape Layers

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

Selecting the Shape Layers option in the Options Bar in Photoshop. Image © 2011 Photoshop Essentials.com


مرحله 6 : انتخاب یک شکل

بر روی آیکن نشان داده شده کلیک می کنیم:

The shape preview thumbnail in the Options Bar. Image © 2011 Photoshop Essentials.com

حال بر روی آیکن فلش مانند نشان داده شده، برای مشاهده ی سایر شکل ها کلیک می کنیم:

The arrow icon in the Shape Picker in Photoshop. Image © 2011 Photoshop Essentials.com

در پنجره ی باز شده بر روی گزینه ی Animals کلیک می کنیم:

Selecting the Animals shape set in Photoshop. Image © 2011 Photoshop Essentials.com

برای نگه داشتن سایر شکل ها گزینه ی Append را انتخاب می کنیم:

Appending the new custom shapes with the originals. Image © 2011 Photoshop Essentials.com

حال شکل زیر را انتخاب می کنیم، دکمه ی Enter در سیستم های ویندوز و یا Return در سیستم های Mac را جهت ثبت فشار می دهیم.

Selecting the Dog Print custom shape in Photoshop. Image © 2011 Photoshop Essentials.com


مرحله 7 : رسم شکل در حالت Subtract From Shape

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

The various drawing modes for shapes in Photoshop. Image © 2011 Photoshop Essentials.com

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

اگر در حالت Subtract From Shape باشم با نگه داشتن دکمه ی Alt در سیستم های ویندوز و یا Option در سیستم های Mac و فشردن دکمه ی موس بر روی شکل شاهد تغییرات زیر خواهیم بود.

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

با فشردن دکمه ی Spacebar می توانیم این خطوط را جا به جا کنیم.

Subtracting a shape from a letter in Photoshop. Image © 2011 Photoshop Essentials.com

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

Photoshop Subtract from shape area. Image © 2011 Photoshop Essentials.com


مرحله 8 : انتخاب یک شکل دیگر

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

Photoshop Dog custom shape. Image © 2011 Photoshop Essentials.com

حالت Add To Shape را انتخاب کرده و بار دیگر با استفاده از صفحه کلید، شکل زیر را رسم می کنیم:

Adding a shape to text in Photoshop. Image © 2011 Photoshop Essentials.com

دست خود را از روی موس برمی داریم:

Photoshop add shape to text. Image © 2011 Photoshop Essentials.com

تغییرات ملاحظه می شوند:

Photoshop text after adding and subtracting shapes. Image © 2011 Photoshop Essentials.com

تغییرات در پنل لایه ها نیز به وجود می آیند.

Photoshop shape layer. Image © 2011 Photoshop Essentials.com


مرحله 9 : انتخاب ابزار Path Selection

از طریق منوی زیر این ابزار را برای ویرایش عکس خود انتخاب می کنیم:

Photoshop Path Selection Tool. Image © 2011 Photoshop Essentials.com

حال بر روی عکس کلیک می کنیم و تغییرات را اعمال می کنیم.

Selecting a shape with the Path Selection Tool in Photoshop. Image © 2011 Photoshop Essentials.com


مرحله 10 : حرکت دادن و تغییر سایز عکس

در این قسمت از ساخت لوگو با فتوشاپ از طریق منوی Edit بر روی گزینه ی Free Transform Path کلیک می کنیم، و یا دکمه ی Ctrl+T در سیستم های ویندوز و یا Command+T در سیستم های Mac را فشار می دهیم:

Photoshop Free Transform Path command. Image © 2011 Photoshop Essentials.com

حال تغییرات لازمه را در عکس خود ایجاد، و دکمه ی Enter در سیستم های ویندوز و یا Return در سیستم های Mac را فشار می دهیم:

Using Free Transform Path to resize a shape in Photoshop. Image © 2011 Photoshop Essentials.com

با فشردن دکمه ی Ctrl+T در سیستم های ویندوز و یا Command+T در سیستم های Mac به حالت Free Transform Path رفته و این بار تغییرات دلخواه را بر روی قسمت زیر انجام می دهیم:

Moving and resizing a shape with Free Transform Shape. Image © 2011 Photoshop Essentials.com

جهت تایید کار خود دکمه ی Enter در سیستم های ویندوز و یا Return در سیستم های Mac را فشار می دهیم.

A simple logo created by combining text with shapes in Photoshop. Image © 2011 Photoshop Essentials.com

افکت نهایی
 

در اینجا، طریقه ی ساخت لوگو در فتوشاپ را فرا گرفتیم.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان