درود بر شما همراهان گرامی. در این آموزش در خدمت شما هستم با آموزش طراحی کارت ویزیت ساده و شیک . امیدوارم تا پایان این آموزش بنده را همراهی کرده و از مطالب و آموزه های موجود در آن نهایت استفاده را ببرید.
اکنون میخواهم به کمک شما یک کارت ویزیت طراحی کنیم:
کارت ویزیتی که به همراه شما قصد طراحی آن را دارم کارتی ویزیتی شخصی و بسیار ساده و درباره گروه طراحی گرافیک هنر دیجیتال میباشد. کارت ویزیت طراحی شده فقط برای آموزش میباشد و تاثیر گذاری آن از ساده و شیک بودن آن ناشی میشود.
با من همراه باشید با :
آموزش طراحی کارت ویزیت ساده و شیک
مرحله اول:
در اولین مرحله شما باید یک داکیومنت جدید با ابعاد 8.5×4.5 سانتیمتر و با رنگ زمینه سفید در برنامه فتوشاپ ایجاد کنید.
برای حاشیه گذاری ار چهار طرف کارت ویزیت (خطای برش) از ابزار خط کش محیط برنامه استفاده میکنیم. هنگامی که ابزار Move Tool را در اختیار داریم فلش ماوس را بروی خط کش برده و با کلیک کردن و دراگ کردن اقدام به ایجاد یک خط راهنمای جدید میکنیم و با استفاده از میلیمتر بندی موجود در روی خط کش، خط راهنما را در سه میلیمتری حاشیه کارت قرار میدهیم.
نکته برای فعال کردن ابزار خط کش (Ruler) از کلید ترکیبی Ctrl+R استفاده نمایید.
این کار را برای چهار طرف تکرار کنید تا محیط اصلی کارت را در اختیار داشته و به آسانی به روی آن کار کنید. من مقدار این فاصله در این آموزش را 3میلیمتر در نظر گرفته ام.
مرحله دوم:
در این مرحله اقدام به رنگ کردن متن کارت میکنیم. برای این کار از رنگ با کد (ded8ca #) و از ابزار گرادیانت (Gradient Tool) برای ایجاد یک طیف رنگی استفاده میکنم. برای این کار رنگ پیش زمینه را به رنگ با کد (dfdacc #) تغییر دهید. سپس ابزار گرادیانت را انتخاب کرده و از نوار تنظیمات این ابزار در پنل بالای برنامه نوع Linear Gradient را انتخاب نمایید. نشانگر ابزار گرادیانت را به بالا و وسط برنامه انتقال دهید و کلیک کنید و با دراگ کردن این کار را تا پایان محدوده پایینی کارت ادامه دهید.
متن کارت شما به این شکل خواهد شد.
مرحله سوم :
ابتدا ابزار Polygonal Lasso Tool را از نوار ابزار سمت چپ برنامه انتخاب کنید و طبق شکل پایین و هم مسیر با آن شروع به انتخاب کردن نیمی از کارت کنید.
حال از پالت ابزار سمت راست برنامه ، گزینه Adjustment را انتخاب کنید. سپس از پنجره باز شده، گزینه Brightness & Contrast را انتخاب نمایید و مقدار گزینه Brightness را به 38 – کاهش دهید تا تغییر نوری زیر در کارت مشاهده گردد.
نکته: در صورت قرار نداشتن پالت Adjustment در پالت ابزار سمت راست برنامه، از سربرگ Window گزینه Adjustment را فعال نمایید.
مرحله چهارم :
در این مرحله ابتدا یک لایه جدید با نام layer 1 در کادر لایه ها بوجود می آوریم. برای این کار از کلید ترکیبی Ctrl+shift+N میتوانید استفاده کنید یا بر روی گزینه New Layer در زیر کادر لایه ها کلیک کنید (نشان داده شده در زیر کادر لایه های شکل زیر) تا لایه ای جدید (در اینجا با نام Layer 1) بوجود آورید.
در این مرحله میخواهم با استفاده از ابزار Rectangle tool از نوار ابزار سمت چپ برنامه اقدام به کشیدن یک مستطیل با ابعاد 3×67 میلیمتر و با کد رنگ (decca0 #) کنم و آن را در 14 میلیمتری از لبه بالایی کارت قرار خواهم داد.
برای این کار نیز میتوانید از خطوط راهنما و خط کش استفاده کنید و یا یک مستطیل با ابعاد متناسب کشیده و یا ابتدا مستطیلی کشیده و با استفاده از کلید ترکیبی Ctrl+T اقدام به بزرگ و کوچک کردن مستطیل کشیده شده کنید تا متناسب با نیاز شما شود.
من در این آموزش از خطوط راهنما برای ساده تر شدن کار استفاده خواهم کرد.
حال به کادر لایه ها مراجعه کرده و روی لایه مربوط به مستطیل با نام Layer 1 کلیک راست کنید و از پنجره بازشده گزینه Blending Option را انتخاب کرده و تغییرات زیر را اعمال کنید:
نکته: از این کار برای برجسته کردن مستطیل استفاده میشود.
Blending Option : custom
Fill Opacity : 0
Drop Shadow
Opacity : 50
Angel : 50
Distance : 5
Size : 6
Bevel and Emboss
Depth : 200
Size : 10
Soften : 16
Angel : 50
Altitude : 70
use Global Light را تیک دار کنید
Shadow Mode Opacity : 60
714b1e # : کدرنگ
سپس با استفاده از ابزار Move Tool مستطیل ایجاد شده را به اندازه 5 میلیمتر به سمت راست حرکت دهید. شکل نهایی مستطیل ایجاد شده به صورت زیر میباشد.
مرحله پنجم :
در اینجا من میخواهم برای کارت ویزیت گروه دیجیتال آرت از یک وکتور آماده به شکل زیر استفاده کنم.
وکتور را بعد از متناسب کردن سایز با اندازه کارت، به روی آن منتقل میکنم. وکتور وارد شده از این پس با نام Layer 2 در کادر لایه ها شناخته خواهد شد.
حال با استفاده از ماسک، میخواهم بر روی این لایه (وکتور) حالت محوی در یک سمت ایجاد نمایم. برای این کار به مسر Layer->Layer Mask->reveal All بروید و پس از ظاهر شدن ماسک در کنار لایه وکتور در کادر لایه ها، اقدام به انتخاب ابزار گرادیانت نمایید.
برای انتخاب ابزار Gradient Tool به نوار ابزار سمت چپ برنامه رجوع کنید و از نوار تنظیمات این ابزار در پنل بالای برنامه نوع Linear Gradient را انتخاب نمایید.
حال اقدام به کشیدن گرادیانت بر روی لایه وکتور به طریقه و مسیر نشان داده شده در زیر نمایید (از سمت چپ به راست و از ابتدا تا انتهای لبه کارت)
حال به کادر لایه ها رفته و مقدار Opacity این لایه را به 25% کاهش دهید.
شکل نهایی کار تا این لحظه به این صورت خواهد بود:
مرحله ششم :
در این مرحله باید اقدام به نوشتن عنوان اصلی کارت کنیم. برای این کار ابزار (Horizontal Type Tool ) را از نوار ابزار سمت چپ برنامه انتخاب کرده و اقدام به نوشتن عنوان ( گروه طراحی گرافیک هنر دیجیتال) میکنیم. برای نوشتن عنوان از فونت Homa و سایز 12 و رنگ مشکی با کد(000000#) استفاده کرده ام.
سپس این نوشته را به مکان مناسب در بالای مستطیل انتقال میدهیم. به این نکته توجه داشته باشید که متن تایپ شده را به فاصله 3 میلیمتری از لبه راست کارت قرار داده ام.
حالا به Blending Option این لایه مراجعه کنید و به این نوشته با تنظیمات زیر سایه بدهید:
Drop Shadow
Opacity : 50
Angel : 50
Distance : 5
size : 6
حالا اقدام به نوشتن عبارت انگلیسی عنوان با فونت FreeStyle Script و سایز فونت 20 و با کد رنگ (714b1d # ) میکنم.
مرحله هفتم :
حال اطلاعات تماس را با فونت Gill Sans MT و سایز 8 و رنگ با کد (714b1d #) وارد محیط کارت میکنم و در مکان مناسب و در فاصله 3 میلیمتری لبه کارت از سمت چپ و پایین (با کمک گرفتن از خطوط راهنما) قرار میدهم.
اکنون مشاهده میکنید که تصویر نهایی جلوی کارت ویزیت طراحی شده به شکل زیر شده است:
پشت کارت را من به سبک زیر طراحی کرده ام :
مرحله هشتم :
دوباره مراحل اول تا سوم را انجام دهید. سپس ابزار Line tool (نوع خطی) را انتخاب کرده و با مراجعه به پنل تنظیمات در بالای برنامه مقدار ضخامت آن را 4Px در نظر بگیرید.
در ابتدا یک لایه جدید ایجاد کنید (Ctrl+Shift+N). نام این لایه در کادر لایه ها Layer 3 میباشد. حال اقدام به کشیدن خطی با طول 4 سانتیمتر کنید و آن را به فاصله دلخواه از لبه پایینی کارت ( در اینجا – سانتیمتر در نظر گرفته شده است) انتقال دهید.
نکته: برای صاف شدن خط در هنگام استفاده از ابزار کلید Shift را بطور همزمان بفشارید.
حالا به مسیر Filter->Blure->Motion Blure رفته و Angle را روی 0 درجه و مقدار Distance را 150 در نظر بگیرید.
مرحله نهم :
حالا یک QR کد نیز برای پشت کارت در نظرگرفته ام که سایز آن را 150×150 پیکسل تنظیم کرده و در مکان مناسب در پشت کارت قرار میدهم.
اکنون اطلاعات راههای تماس را با فونت دلخواه (که من برای این کارت ، برای درج مشخصات تماس از فونتCill Sans MT و سایز 8 و برای نوشتن نام از فونت Kunstler Script با سایز 12 و نوع Bold استفاده کرده ام) را در پشت کارت نوشته و در مکان مناسب قرار داده ام.
حال شکل نهایی کارت به این صورت خواهد بود:
امیدوارم از این آموزش نهایت بهره را برده باشید. تا آموزشی دیگر از سری آموزش های گرافیک که باز هم در خدمت شما دوستان عزیز خواهم بود بدرود.
سلام
من تازه دارم طراحی کارت ویزیت یاد می گیرم خیلی عالی بود و کمک کرد ممنون اگه میشه طرح های جدید بازهم بزارید فقط قسمتی که وکتور را وارد کردید متوجه نشدم بازم ممنون
سلام دوست عزیز. برای طراحی بهترین راهنمایی که شما رو میتونم بکنم اینه که، از این آموزش ها به عنوان یک کمک یار برای طراحی استفاده کنید. اطلاعاتی از قبیل اندازه ها، رزولیشن ها و نوع ترکیب رنگ ها از این آموزش ها براحتی بدست میآرید اما بهترین حالت طراحی در نبوغ شما بری یک طراحی گرافیک هستش که ذهن خلاق شما رو برای طراحی هرچه بهتر جنبش میده!!! پیشنهاد من به شما خوندن مطالب آموزشی بیشتر در فتوشاپ و بکارگیری هرچه بهتر ابزارهای اون در زراحی هستش. این آموزش ها در این وب سایت هم منتشر شده که زحمت اون رو دوست عزیزمون آقای رحیم پور میکشن. امیدوارم که بتونن کمک شایانی به شما داشته باشن. برای دسترسی به بخش گرافیک در وب سایت مراجعه کنید.
سلام ..مطالبتون عالی بود…ی سوال داشتم من برنامه فتوشابو ک نصب کردم مثل اینکه کامل نصب نشده.آخه زمانی ک برنامه رو باز میکنم خطا میده میگه برنامه ساپورت نمیشه و…حالا چی کار باید بکنم؟؟؟؟؟میشه توضیح بدید؟؟؟؟با تشکر
ابتدا کرک برنامه رو چک کنید. اگر حل نشد دوباره برنامه رو نصب و کراک کنید.
سلام.اگه میشه روش کرک کردن رو هم توضیح بدید ممنون میشم…..
با سلام و خسته نباشید خدمت شما بزرگواران…
خیلی قشنگ بود طراحیتون ، فقط اگه میشه توضیحتون رو بیشتر و واضح تر کنید بعضی جاهاش و نتونستم متوجه شم …برای هر توضیحتونم عکس حتما بزارید ..
من تازه کار هستم و خوشحال میشم بازم کارهاتونو ببینم…ممنون
سلام. ممنون. در آموزش های این سایت سعی بر اون شده تا به واضع ترین و ساده ترین شکل ممکن توضیحات درج بشن. کار فتوشاپ نیاز به اطلاعات اولیه ای داره که باید اونها رو فرا بگیرید و پا به عرصه بگذارید. حتما با استمرار تمرینات موفق خواهید شد و از این پس سعی میشه آموزش های بیتری هم ارسال بشه.
سلام
ممنون ، واقعا عالی بود …
بازم سپاسگذارم
بسیار عالی بود متشکرم
خیلی خوب بود باتشکر
ممنون از آموزش خوبتون
فوق العاده است
دست مریزاد
سلام خسته نباشید من میخام کارت ویزیت طرح لمینت ایچد کنم اما نمیتونم دورشو گرد کنم هر کار می کنم نمیشه لطفا راهنماییم کنید باید قبل از رفتن ب چاپخونه خودم دور گردش کنم کمکم کنید لطفا
ممنون خیلی مفید بود.
سلام دوست عزیز،ممنون بابت آموزش مفید،اما قسمتی که یک مستطیل رو برجسته کردید،من هر کاری کردم این اتفاق نیفتاد،به نظر شما مشکل کجاست؟تمام مراحل رو چندین مرتبه دقیق انجام دادم.
سلام دوستم ممنون از اموزش خوب و ساده ات
فقط همینو میتونم بگم
واقعا عالی و واضح بود
از همه شما ممنونم
سلام آقای مقدم آموزشاتون واقعا عالین مممنونم ازتون
بسیار عالی بود اموزشتون
.
بسیار سپاسگزارم
سلام ورژن فتوشاپ شما چنده؟
سلام ممنون ار آموزش خوبتون اگه میشه وکتور که گفتین بیشتر توضیح بدین تو اون قسمت موندن از کجا آوردین وکتور آماده ؟ ممنون خیلی
سلام . ممنونم از توضیحات خوب و کامل شما
میخواستم بدونم که شما نرم افزار یا پکیج آموزشی فتوشاپ ساده و ابتدایی رو هم دارید ؟ چون واقعا نحوه ی آموزش شما عالی بود و میخواستم اگر پکیج آموزشی با همین شیوه ی آموزش داشته باشید رو سفارش بدم