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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

۱- ایحاد سایه

۲- تغییر رنگ

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

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

۵- حجم دادن

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

معرفی ابزار opacity

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

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

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

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

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

معرفی ابزار Zoom

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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