آموزش وردپرس
خانه / آموزش های دیجیتال / کارگاه شماره ۴ فتوشاپ (آموزش طراحی کاتالوگ
کارگاه-فتوشاپ-4

کارگاه شماره ۴ فتوشاپ (آموزش طراحی کاتالوگ

سلام دوستان

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

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

دوستان سعی میکنم نمونه زیاد براتون بگذارم تا  الهام بگیرید از طراحی ها

بقچه

 

 

یکی دیگر از نکات مهم ساده بودن و خلوت بودن کاتالوگ می باشد … از توضیح کامل  محصولات و نوشتن انشاء بر روی کاتلوگ خود داری کنید چون بیننده از حجم زیاد  متن ترسیده و اصلا مبادرت به خواندن آنها نمیکند

متن باید کوتاه و جامع باشد تا بیننده سریع آن را بخواند  و در ذهنش  ذخیره شود

همانطور که اشاره شد اجرای یک ایده جالب در طراحی کاتالوگ خیلی موثر بوده و باعث حفظ کاتالوگ (بخاطر زیبایی) در دستان مشتری میشود

ایده هایی که در طراحی  ، در نوع برش  یا در نوع تا زدن و بسته بندی کاتالوگ بکار میرود  مانند نمونه های زیر

 

 

 

 

خوب دوستان حال می پردازیم به ابزار های فتو شاپ

ابزارهای تایپ ( Type Tools)

ابزار تایپی که به صورت پیش فرض (default) برای استفاده کابر در نظر گرفته شده، ابزار Horizontal Type یا ابزار تایپ افقی است، که برای تنظیم جهت تایپ روی تصویر به صورت افقی مورد استفاده قرار می گیرد. اگرچه فتوشاپ یک برنامه raster based است یعنی برنامه ای است که برا اساس پیکسل نوشته شده است، اما اساس وکتور خود را در تایپ حفظ کرده است و این بدین معنی است که مقیاس متن تایپ شده را می توان به هر اندازه ای که لازم است تغییر داد بدون اینکه از کیفیت آن کم شود. این خصوصیت به ما این امکان را می دهد تا به آسانی اندازه و  حالت یا style و سایر خصوصیات متن تایپ شده را کنترل کنیم ، به علاوه در مراحل بعد یعنی در مرحله ی طراحی ، آنها را اصلاح کرد یا تغییر داد.

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

 

۱ – با این گزینه میتوانید جهت متن را از افقی به عمودی یا بلعکس تغییر دهید

۲ – در این قسمت می توانید یک Font خاص برای تایپ کردن انتخاب کنید.( توجه برای تایپ فارسی باید فونتهای فارسی بر روی سیستم خود نصب کرده باشید)

۳ – در این قسمت می توانید style ابزاری که انتخاب کرده اید را مشخص کنید. style های متداول شامل bold و italic و regular می باشد.
۴- در این قسمت می توانید سایز متنی که تایپ می شود را انتخاب کنید.
۵ – با قرار گرفتن موس بر روی این قسمت میتوانید بوسیله یک ملیه لغزنده اندازه فونت را تغییر دهید

۶ – Anti-Aliasing Method”:  یا روش هموار کردن ناصافی ها. در این قسمت، روش  Anti-Aliasing را برای تایپ انتخاب کنید. Anti-Aliasing به شما اجازه می دهد تا لبه های ملایم و نرمی برای متن تایپ شده به وجود بیاورید .

۷ –  ابزارهایی برای چیدمان متن تایپ شده میباشد( چپ چین ، راست چین و وسط چین کردن متن)

۸ – تغییر رنگ متن

۹ – warp text  این ابزار برای  منحنی  یا پیچاندن و تغییر ساختار متن تایپ شده است که با زدن آن و باز شدن پنجره آن و انتخاب یکی از استایل ها  بیشتر با آن آشنا میشوید

۱۰ –  این قسمت امکانات بیشتری برای ویرایش متن در اختیار ما می گذارد

 

۱- اندازه فونت

۲ – تغییر فاصله بین خطوط

۳ – تغییر  فاصله بین کلمات

۴ – تغییر رنگ متن

۵ – کشیدن خط زیر متن

۶- کشیدن خط روی متن

۷ – مورب کردن متن

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

برای این منظور ابتدا محدوده قاب یا فرم یا  زیر رنگ را بوسیله ابزار Rectangular marguee

 

را انتخاب میکنیم سپس در پالت لایر با زدن دگمه new layer  در پایین پالت یک لایه میسازیم

 

حال محدوده انتخاب شده را میتوانیم یا به قاب تبدیل کرد یا به یک تخته رنگ و یا …

برای ساختن قاب  میتوان با ساده ترین کار یعنی ایجاد  یک خط رنگی در اطراف آن این کار را کرد که برای این کار  میتوان از stroke استفاده کرد  به منوی edite  و سپس به stroke یا بر روی محدوده سلکت شده راست کلیک کرده و گزینه stroke را انتخاب نماییم پ از کلیک پنجره محاوره ای زیر باز می شود که باید مقادیر مد نظر خودمان را وارد کنیم

 

گزینه ۱ برای وارد کردن میزان پیکسل است که هر چه بیشتر باشد خط رسم شده ضخیم تر می شود

گزینه ۲ تعیین رنگ می باشد

گزینه ۳ location  محل ایجاد خط را مشخص میکنیم inside =  درون خطوط نقطه چین    center =  بر روی خط (مرکز)  و  outside=خارج از خطوط  سلکت

گزینه ۴  میزان شفافیت یا همان opacity  رنگ است

پس از دادن مقادیر مد نظر بر روی ok  کلیک کرده و نتیجه را مشاهده میکنیم مانند شکل زیر

 

برای رنگ کردن محدوده انتخابی و ایجاد یک تخته رنگ میتوانیم از گزینه fill ( در بالای گزینه stroke ) استفاده کنیم ، که باز هم با راست کلیک و انتخاب گزینه fill  پنجره ای باز می شود مانند شکل زیر

 

در قسمت content  گزینه هایی در اختیار ما میگذارد که انتخاب کنیم با چه مصالحی منطقه انتخابی را پر کند

گزینه اول  همان رنگ پیش فرض انتخاب شده در پالت رنگ برنامه است (فور گراند)

گزینه دوم رنگ بک گراند یا زیرین پالت رنگ برنامه است

گزینه سوم  color  به ما اجازه انتخاب رنگ مورد نظر را می دهد

گزینه  چهارم pattern   با زدن این گزینه فتوشاپ نمونه هایی از بافتهای آماده و پیش فرض در برنامه را نشان ما میدهد که انتخاب کنیم در اصل ما منطقه انتخابی را با یک بافت پر میکنیم 

 

با زدن فلش کوچک سمت راست ما میتوانیم نوع بافت ها را عوض کنیم و یا حتی با زدن گزینه load pattern  بافتهایی که خودمان ساخته ایم را بار گذاری کنیم و نصب کنیم برای استفاده 

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

 

یکی دیگر از روش ها استفاده از سطل رنگ و ریختن رنگ مورد نظر در محدوده انتخابی است و یا استفاده از gradient tool (گرادیانت ) است که به توضیح آن می پردازیم

این ابزار برای ایجاد گرادیانت رنک هاست به عنوان مثال گرادیانت رنگ آبی به سفید و یا به هر رنگ دیگری … که برنامه فتو شاپ گزینه های زیادی برای ما فراهم کرده … با انتخاب این گزینه کافیست ما قبلا دو رنگ مورد نظر خود را در پالت رنگ موجود در میله ابزار انتخاب نموده باشیم سپس درون محدوده سلکت شده دراگ کنیم لذا قبل از آن باید تنظیمات مد نظر را در قسمت نوار بالا اعمال کنیم

 

‘ گزینه ۱       در این قسمت ویرایش نوع گرادینت است که ما دراگ کردن موس ایجاد میکنیم … با زدن فلش سمت چپ پنجره زیر باز می شود

 

که گزینه های مختلفی از انواع گرادینت های مختلف را برای ما ارائه می دهد که اولین قسمت آن همان رنگ فور گراند به بک گراند است و دومین قسمت فور گراند به ترانسپرنسی یا همان شفافی (شیشه ای) است

گزینه ۲    این قسمت چند نوع حالت ایجاد گرادینت ( دراگ کردن موس) را به ما نشان میدهد

linear gradient = گرادیانت خطی

radial gradient =  گرادیانت دایره ای

angle grdient = گرادیانت چرخشی

reflected gradient =  گرادیانت حالت رفلکت

diamond gradient =  گرادیانت دیاموند ( ستاره ای)

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

گزینه  ۴    این قسمت هم که قبلا توضیح داده شد ( همان میزان اپسیتی یا درخشندگی )

و این هم چند نمونه گرادیانت ساده

 

یکی دیگر از ابزار های کاربردی در فتوشاپ shape است که کاربرد زیادی در طراحی لوگو و طراحی کاتلوگ دارد

برای ایجاد یک shape  با نتخاب گزینه shape  در ابزار ها  و دراگ کردن در صفحه براحتی یک shape میسازیم با راست کلیک کردن بر روی ابزار گزینه های متعددی نمایش داده می شود مانند شکل زیر

در فتوشاپ تعداد کمی اشکال vector-based یا اشکالی که بر پایه وکتور باشند تعریف شده است. که همه اینها را می توانید به آسانی به نقاشی یا طراحی خود در فتوشاپ اضافه کنید. به طور کلی ۶ ابزار Shape وجود دارد.

Rectangle Tool“: ابزار ترسیم مستطیل می باشد ( اگر کلید shift را نگه دارید می توانید مربع رسم کنید ).

“Rounded Rectangle Tool”: مستطیلی با گوشه های گرد ایجاد می کند. گردی گوشه ها را می توان با تنظیم radius که در قسمت نوار options قرار دارد کنترل نمود.

“Ellipse Tool”: ابزاریست که می توان با آن بیضی رسم کرد. (با نگه داشتن کلید shift در هنگام رسم، می توان دایره کشید).

“Polygon Tool“: این ابزار، ابزار رسم چند ضلی است که می توان تعداد اضلاع (sides) را در قسمت نوار options  انتخاب کرد.

Line Tool”: برای کشیدن خط از آن استفاده می شود.

Custom Shapes”: شامل شکل های از پیش تعیین شده یا اشکالی است که کاربر ایجاد کرده است. اشکال غیر هندسی یا غیر ارگانیسم

برای ایجاد یک shape  میتوان به نوار مشخصات shape ( بالای صفحه ) رفته و با ترکیب  آنها و یا تغییر رنگ shape ها  و… به شکل های متفاوتی رسید

 

قسمت ۱—–  این دو گزینه همانطور که در قسمت آموزش ابزار  pen  توضیح دادیم مشخص میکند shape  ما  یک لایر باشد یا یک path  که در این تمرین ما نیاز به لایر داریم

قسمت ۲ —-  با انتخاب این گزینه شکل ترسیمی ما به صورت اتوماتیک لایه نمیشود و مستقیما بر روی لایه ای که از قبل انتخاب شده ترسیم می شود و قابل ویراش  هم نیست ( پیشنهاد میکنیم از این گزینه استفاده نکنید )

قسمت ۳ —-  همان گزینه های راست کلیک توضیح داده شده در بالا می باشد

قسمت ۴ —-  شکل های غیر هندسی هستند که در قسمت ۵ شکل پیش فرض یا از قبل انتخاب شده  را نشان میدهد  که با زدن فلش سمت راست قسمت ۶ پنجره ای باز میشود که shpe  های دیگر نصب شده بر روی فتو شاپ را به ما نشان می دهد

 

 

در این پنجره تعدادی از اشکال کاربردی به ما نشادن داده شده که البته قابل تغییر هستند … شما با کلیک بر روی فلش سمت راست و انتخاب گزینه  All  میتوانید تمامی shape  های نصب شده را در لیست ببینید هم چنین میتوانید خودتان یک shape بسازید و با زدن گزینه load shape بروی برنامه نصب کنید ( بعدا توضیح آموزش خواهیم داد)

قسمت ۶ —- این قسمت بسیار مهم می باشد  در این قسمت در حالت پیش فرض گزینه اول روشن است (create new shape layer ) که در این صورت با هر بار دراگ کردن و ایجاد یک shape  فتوشاپ برای هر شکل یک لایه میسازد .. حال اگر بخواهیم از این کار جلو گیری کنیم و چند شکل را در کنار هم در یک لایه داشته باشیم گزینه دوم ( add to shape area )  را میزنیم … توجه داشته باشید که این گزینه شکل ها را با هم جمع میکند همانند شکل خود آیکن ابزار …

گزینه بعدی (subtrack from shape area )بر عکس قبلی دو شکل را از هم کم میکند ( مانند شکل آیکن ابزار)

گزینه بعدی(intersect shape area ) همانطور که از آیکن ابزار مشخص است اشتراک دو شکل رسم شده را نگه میدارد

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

با این ابزارها میتوانید اشکال زیبا و جالبی ایجاد کنید ( مانند نمونه زیر)

 

قسمت ۷ —-  این قسمت همانطور که قبلا در آموزش  ابزار ترانسفورم اشاره کردیم باعث میشود مقادیر x  و  y   به یک اندازه دراگ شوند و شکل ما حالت خود را حفظ کند

قسمت ۸ —- انتخاب style  است که با زدن آن  استایلهای ذخیره شده از قبل برنامه نمایش داده میشود

که با انتخاب هر کدام از آنها و مشاهده shape  پی به نتایج آن میبرید

 

قسمت ۹ — طبق معمول انتخاب رنگ shape   است

نکته : پس از ترسیم shape   و اتمام کار میتوانید به قسمت پالت لایر ها رفته و در حالی که shape  مورد نظر انتخاب شده  بر روی آن راست کلیک کرده و گزینه rasterize layer  را بزنید تا shape شما تبدیل به یک لایه معمولی شود و بتوانید فیلتر هار و … بر روی آن اجرا کنید

هم چنین میتوانید پس از اتمام طراحی و ترسیم و قبل از تبدیل شکل به لایه ابزار pen را انتخاب و سپس بر روی شکل راست کلیک کنید و گزینه define custom shape  و باز شدن پنجره زیر

 

وسپس نوشتن نام shape (دلخواه) شکل مورد نظر را به عنوان یک shape آماده برای استفاده های بعدی ( فقط با دراگ کردن ایجاد می شود ) ذخیره کنید  و آنرا درلیست shape  های فتوشاپ ببینید

 

حال شما عزیزان میتوانید با ترکیب shape  ها و متن های مختلف لو گو های  زیبا و یا تیتر های جالبی برای کاتالوگ خود ایجاد کنید مانند چند نمونه زیر که من درست کرده ام

 

 

 

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

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

درباره ی mahdi latifi

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد.

*

code