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

آموزش طراحی کارت ویزیت با فتوشاپ

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

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

کارت ویزیت چیست و چه ویژگی هایی دارد؟؟!!

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

و اما طراحی کارت ویزیت…!!!

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

به خصوص وقتی شما بر روی آن به نحوی هنرنمایی کنید که هر قیمتی که به مشتری گفتید، حاضر به پرداخت آن باشد!

تصویری از خروجی آموزش طراحی کارت ویزیت با فتوشاپ

آموزش طراحی کارت ویزیت با فتوشاپ

توجه : برای مشاهده ویدیو این آموزش به انتهای صفحه مراجعه کنید

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

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

باز کردن سند جدید در فتوشاپ

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

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

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

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

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

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

CMYK چیست؟

آشنایی با رسم اشکال…

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

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

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

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

رسم مستطیل

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

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

Properties در فتوشاپ

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

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

ابزار Move …

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

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

ابزار move

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

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

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

۲- و بخش دیگر برای تغییر رنگ خط دور شکل به نام 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

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

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

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

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

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

۱- RGB: این کانال که از نامش مشخص است، از ترکیبات قرمز و سبز و آبی بدست می آید.و کاربرد آن برای طراحی تحت وب قرار داده شده است.

۲- CMYK: که شامل رنگ های C: آبی فیروزه ای M:ارغوانی Y: زرد و K: سیاه بوده، کاربرد آن در طراحی کارهای چاپی است.

مروری بر آموزش…

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

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

۳-تعیین رنگ برای مستطیل از پنجره 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 در فتوشاپ

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

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

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

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

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

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

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

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

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

این آموزش بخشی از محصول ” کمربند مشکی فتوشاپ ” است که تا ۳ اردیبهشت %۵۱ تخفیف دارد

2019/04/24 00:00:00
کمربند مشکی فتوشاپ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

عالیه ! یک قدم تا دانلود فاصله دارید
 
برای دریافت لینک دانلود محصول 
به صورت
رایگان لطفا ایمیل واقعی خود را در 
 کادر زیر وارد نمایید
همین الان برام ایمیل کنید
نگران نباشید !  به شما قول خواهم داد ایمیل های مزاحم نفرستم
close-link
عالیه ! یک قدم تا دانلود فاصله دارید
برای دریافت لینک دانلود محصول
به صورت
کادر زیر وارد نمایید
رایگان
خود را در
لطفا
ایمیل واقعی
نگران نباشید ! قول خواهم داد ایمیل های مزاحم نفرستم