graphic-design-set_1284-18696

چگونه می توان کارت ویزیت را از طریق فتوشاپ طراحی کرد ؟

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

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

ایجاد یک پروژه ی جدید در فتوشاپ :

به نوار منو Menu Bar در بالای محیط کار فتوشاپ بروید و از مسیر File و سپس New یک سند جدید ایجاد کنید.

حال در پنجره باز شده با نام new document اطلاعات خواسته شده را وارد می کنید تا طبق اندازه دلخواهتان سند جدید ایجاد شود.

۱- ابعاد را که شامل طول و عرض می شود را به سانتیمتر وارد کنید.

طول و عرض سند جدید در فتوشاپ

۲- و سپس برای تعیین وضوح، طبق تصویر زیر در کادر قرمز رنگ رزولوشن که ۳۰۰ پیکسل می باشد را وارد می کنید.

رزولوشن در فتوشاپ

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

CMYK چیست؟

استفاده از رسم شکل(shape)در فتوشاپ :

در نوارابزار Tool Bar روی ابزار rectangle tool یا همان چند ضلعی کلیک کنید.

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

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

صفحه را به دو نیمه تقسیم کردم و مستطیل را در سمت راست رسم میکنم

رسم مستطیل

همانطور که در تصویر بالا مشاهده می کنید مستطیل من رسم شد. به محض رسم اشکال در فتوشاپ تنظیمات مربوط به شکل با نام Properties ظاهر می شود.

این تنظیمات در پنل ویرایش سمت راست فتوشاپ قرار دارد.

Properties در فتوشاپ

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

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

استفاده از ابزار move به چه صورت است ؟

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

برای استفاده Move را فعال و یک بار روی مستطیل کلیک می کنم. و از دستگیره هایی که اطراف شکل ظاهر می شود کمک می گیرم.

ابزار move

۱- بخشی از این پنجره برای تعیین رنگ داخل مستطیل تنظیم شده است.

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

۲- و بخش دیگر برای تغییر رنگ خط دور شکل به نام Stroke قرار داده شده است. در شکل زیر خط زرد رنگ اطراف شکل استروک نام دارد.

خط دور در فتوشاپ

۳- هنگامی که نیاز به حذف رنگ دور شکل و یا رنگ داخل شکل بود می توانید از دکمه delete استفاده کنید.

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

حذف دور خط
حذف رنگ داخل شکل در فتوشاپ

۴- حتی خط دور شکل را می توانید توسط اهرمی که تعیین شده نازک و ضخیم کنید

stroke

من stroke را از شکل خودم حذف می کنم و مستطیل را سمت چپ کارت ویزیت قرار می دهم.

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

نکته: همانطور که می دانید در ابزار Move هنگام بزرگ و یا کوچک کردن اشکال، برای جلوگیری از نافرم شدن و حفظ اندازه های شکل از کلید shift باید استفاده کرد.

کلید shift

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

پس از رسم هر شکل یک لایه در پنل لایه ها با نام shape ایجاد می شود.هنگامی که شما قصد ایجاد تغییرات روی اشکال خود دارید باید در ابتدا آنها را به لایه تبدیل کنید.

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

raserize در فتوشاپ

چگونه در هر لایه تغییراتی ایجاد کنیم ؟

شما باید از پنجره blending options استفاده کنید.روی لایه مستطیل کلیک راست کرده و پنجره تنطیمات را فعال می کنم.

blending options در فتوشاپ

زمانی که این پنجره باز شود با نام layer style نمایش داده می شود.از کاربرد های این پنجره برای تغییر رنگ، ایجاد گرادینت در فتوشاپ ، ساخت stroke، ایجاد سایه، حجم دادن و … می باشد.

drop shadow در فتوشاپ

۱- ایحاد سایه

color در فتوشاپ

۲- تغییر رنگ

gradient در فتوشاپ

۳- ساخت گرادینت

ساخت خط دور

۴- ایجاد دورخط

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

۵- حجم دادن

همانطور که بالا ذکر کردم در پنجره blending option برای تغییر رنگ از منوی color overlay می توانید استفاده کنید.

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

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

۳ روش برای تعیین رنگ در این پنجره وجود دارد. که با توجه به عکس به ترتیب شرح خواهم داد.

کانال رنگ RGB

۱-به طور دستی از پالت رنگ ها می توان تنظیم دستی را انجام داد.

۲- وارد کردن کد رنگی که با (#) آغاز می شود و شامل شش حرف بوده و این حروف ترکیبی از حروف الفبا و اعداد انگلیسی است.

۳- از جدول تفکیک رنگها می توان به طور جداگانه درصد رنگ را وارد کرد.

مروری بر مطالب تا به الان گفته شده :

۱- ساخت فایل با اندازه های استاندارد کارت ویزیت

۲- رسم مستطیل سمت چپ صفحه و تبدیل آن به لایه

۳-تعیین رنگ برای مستطیل از پنجره Blending option

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

من با استفاده از ابزار move قصد کوچک کردن یکی از اضلاع مستطیل را دارم.تا به صورت مورب رسم شود.

توسط دستگیره هایی که در اطراف شکل ظاهر می شود با نگه داشتن دکمه Ctrl روی صفحه کلید می توانید فقط یک گوشه از چهار طرف را کوچک و یا بزرگ کنید.

ctrl در فتوشاپ
ctrl-1

کپی گرفتن از لایه ها

برای این کار بر روی لایه کلیک راست کرده و از منوی باز شده گزینه duplicate layer را انتخاب میکنم.

پنجره ای تحت عنوان duplicate layer برای شما ضاهر می شود که در پاسخ به سوال پرسیده شده باید ok را بفشارید. در تصویر زیر کپی را مشاهده می کنید.

duplicate layer در فتوشاپ

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

کلید میانبر کپی از لایه ها Ctrl+ j می باشد.

Ctrl-J

به لایه اصلی و اولیه که در زیر لایه کپی قرار دارد با توجه به مراحلی که طی کردم رنگ قهوه ای را اعمال می کنم.

و بدین ترتیب با نگه داشتن کلید ctrl یکی از چهار گوشه را به جلو می کشم.

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

بکگراند کارت ویزیت

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

مروری بر دومین قسمت آموزش :

۱-کار با ایزار move و کاربرد دکمه ctrl برای مورب کردن گوشه مستطیل.

۲- کپی از لایه ها و رنگ آمیزی آنها

۳- معرفی کلید میانبر کپی برای سرعت بخشیدن به کار

مرحله ی سوم آموزش طراحی در فتوشاپ

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

Open Image و یا وارد کردن تصاویر در فتوشاپ

در ادامه آموزش نیاز به باز کردن تصاویر داریم. باز کردن عکس در فتوشاپ ۲ روش وجود دارد.

۱- برای باز کردن یک سند یا تصویر در فتوشاپ:به فایل (file) بروید و گزینه open را انتخاب کنید.

۲- و یا با Drag & Drop می توانید تصویر را به داخل محیط اضافه کنید.من با این روش تصویر دانه های قهوه را اضافه می کنم.

Open Image

هنگام اضافه کردن عکسی به فتوشاپ، لایه عکس چه در پنل لایه ها و چه در نمایش آن، بالاترین قرار می گیرد.

به همین دلیل من لایه دانه های قهوه را در زیر بک گراند قرار می دهم.

جا به جایی بین لایه ها

معرفی ابزار opacity

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

opacity در فتوشاپ

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

برای حذف رنگ سفید من یک مستطیل با استفاده از ابزار rectangle بالای لایه دانه های قهوه رسم می کنم.

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

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

کار با لایه ها

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

کم کردن opacity

معرفی ابزار Zoom

زوم کردن در فتوشاپ را به چند روش می توان انجام داد که ما ۲ روش را بیان می کنیم.

۱- از ابزار zoom واقع در پایین جعبه ابزار می توانید استفاده کنید

۲- و در راحت ترین حالت کار با دکمه ctrl+ غلتکی موس است که با حرکت میدل به جلو زوم شده و بلعکس این موضوع عملکردی برعکس دارد.

zoom در فتوشاپ

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

در تصاویر زیر به ترتیب ۱ تا ۴ مراحل را شرح داده ام.

دور خط در دایره
تغییر رنگ دایره
تبدیل شکل به لایه
دور خط دایره

مروری بر قسمت سوم آموزش :

۱- دو روش برای وارد کردن تصاویری مثل تصویر دانه های قهوه به فتوشاپ.

۲- opacity و کاربرد آن در کارت ویزیت

۳- چطور با ابزار Zoom کار کنیم؟

مرحله ی چهارم آموزش طراحی در فتوشاپ

معرفی ابزار Quick Selection

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

کارت ویزیت قهوه فروشی

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

Polygonal Lasso در فتوشاپ

در اینجا با ابزار Quick Selection که زمان فعال شدن نشانه گر موس را شبیه شلیک هدف گیری می کند روی قسمت های قهوه ای رنگ کلیک می کنم و فضای دور فنجان را حذف می کنم.

Quick Selection Tool

نکته: پس از حذف قسمت های اضافه در صفحه مشاهده می کنید که خطوطی به صورت خط چین هنوز باقی مانده است که برای برداشتن آنها از کلید ترکیبی ctrl+D استفاده می کنید.

Deselect در فتوشاپ

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

Quick Selection از جعبه ابزار

در اینجا فنجان رو با استفاده از ابزار move به محل اصلی انتقال می دهم.

کارت ویزیت

من قصد دارم دو آیکون Home و Mobile رو وارد کارت ویزیت کنم.

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

آیکون در فتوشاپ

برای کوچک کردن آنها از ابزار move استفاده و در نهایت رنگ سفید به آنها می دهم.

وارد کردن آیکون در فتوشاپ

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

آیکون ابزار تایپ به صورت حرف T در جعبه ابزار قرار دارد. همچنین با فشردن کلید T از صفحه کلید می توانید Type را فعال کنید.

type در فتوشاپ

متن روی کارت را تایپ کنیدو مانند تصویر زیر در جای مناسب قرار دهید.

کارت ویزیت قهوه

مروری بر قسمت آخر آموزش :

۱- دوربری در فتوشاپ چگونه است؟

۲- چگونگی استفاده از آیکون در کارت ویزیت؟

۳- تایپ در کارت ویزیت

منبع : مازیک آبی

پاسخی بگذارید