• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

آموزش فتوشاپ طراحی کاور سی دی (سطح متوسط)

R0xanA

متخصص بخش گرافیک و مالتی مدیا
[h=2]



1272112654_cd-cover-design2.jpg


طراحی کاور سی دی در فتوشاپ

در این آموزش بعضی از تکنیک های اصلی فتوشاپ را در غالب یک کاور سی دی یاد خواهید گرفت، همچنین برخی از روش های مفید مانند استفاده از smart object ها که در افزایش و سهولت روند کار موثرند نیز به شما آموزش داده می شود.


معرفی

تصویری که قصد خلق آن را داریم مربوط به Ministry of Sound CD's است.
1259569373_mos28.jpg



مرحله1

کار را با ایجاد یک فایل جدید به ابعاد 912×912 پیکسل آغاز می کنیم. رنگ سیاه را برای background یا پس زمینه در نظر بگیرید، کلید D را فشار دهید تا رنگ زمینه و پس زمینه به حالا پیش فرض سیاه و سفید برگردد، سپس کلیدهای Alt+Backspace را فشار دهید تا لایه با رنگ foreground رنگ آمیزی شود. می خواهیم هر کدام از کلمات متنی که در شکل زیر نشان داده شده را در یک لایه ی مجزا ایجاد کنیم زیرا این کار باعث می شود انعطاف و کنترل بیشتری روی کار داشته باشیم. کلید T را فشار دهید تا ابزار text انتخاب شود و هر جا که می خواهید کلمه اول قرار بگیرد کلیک کنید و آن را با حروف بزرگ و با رنگ سفید تایپ کنید. متن را انتخاب کنید سپس به مسیر Window>Character بروید تا پنجره character editor باز شود. ما در این مثال از فونت Helvetica استفاده کرده ایم، اما font های دیگر مانند Arial نیز می تواند به کار برده شود، مطمئن شوید که مقدار character spacing را کاهش داده اید، همچنین سایز را هم باید تغییر دهید. همین کار ها را برای دو کلمه دیگر هم انجام دهید.
1259569408_mos1.jpg



مرحله2


تمام لایه های text را درپالت لایه ها انتخاب کرده، روی آنها کلیک راست کنید و گزینه convert to smart object را انتخاب کنید. با اعمال این گزینه روی لایه ها شما می توانید روی آن کار کنید گویی در حال کار روی یک لایه هستید در حالیکه درون آن لایه های دیگری نیز وجود دارد که هنوز هم به طور کامل قابل ویرایش هستند. برای انجام ویرایش رو ی آنها کافی است رو ی تصویر کوچکی که در روی smart object در پالت لایه ها قرار دارد دوبار کلیک کنید. حالا در حالیکه لایه smart object انتخاب شده است، روی آیکن ماسک که در پایین پالت لایه ها قرار دارد کلیک کنید. در اینجا قصد داریم از براش های splatter brushes، اگر این نوع براش را ندارید می توانید آنها را دانلود کنید، استفاده کنیم. لایه ماسک را انتخاب کنید و با انتخاب یک براش splatter سیاه رنگ (رنگ foreground) روی تصویر کلیک کنید. از براشهای مختلف با سایز و opacity مختلف استفاده کنید تا اینکه تصویری شبیه شکل پایین به دست آید.
1259569441_mos2.jpg



مرحله3

یک لایه جدید ایجاد کنید سپس روی این لایه هم convert to smart object را اعمال کنید. حالا به مسیر ******>Render>Clouds سپس به مسیر ******>Blur>Gaussian Blur بروید و radius را روی 20px تنظیم کنید. حال متوجه می شوید از آنجایی که ما این لایه را smart object کرده ایم با دو بار کلیک روی آن می توانیم لایه را ویرایش کنیم. این می تواند عادت خوبی باشد که هنگامی که قصد دارید به لایه ها ***** اضافه کنید، ابتدا آنها را smart object کنید. با گرفتن کلید Alt و کلیک بین دو لایه smart object و text smart object یک clipping mask ایجاد کنید.
1259569458_mos3.jpg



مرحله4

حالا یک لایه levels adjustment اضافه کنید(Layer<New Adjustment Layer<Levels) همچنین بارفتن به مسیر Layer<New Adjustment Layer<hue/saturation یک لایه hue/saturation adjustment اعمال کرده و مطمئن شوید هر دو لایه مثل لایه clouds کلیپ (clipped) شده اند.
1259571767_mos4.jpg
1259571832_mos5.jpg
1259569589_mos6.jpg



مرحله5


یک لایه جدید ایجاد کنید و رنگ foreground را به سفید تغییر دهید. ابزار line را انتخاب کرده و ضخامت آن را بین 1 تا 4 پیکسل تنظیم کرده و در حالیکه کلید shift را نگه داشته اید، خط هایی با زاویه 45 درجه رسم کنید. توجه داشته باشید چیزی که ایجاد می کنید به شکل زیر شباهت داشته باشد. چشم همه لایه ها بجز این لایه و لایه background را بردارید یا آنها را خاموش کنید، سپس به مسیر File>Save As بروید و فایل را مثلا به اسم dmap.psd ذخیره کنید. حالا می توانید بقیه لایه ها را روشن کنید سپس یکی از لایه هایی که شامل خطوط است را پاک کنید.
1259569666_mos7.jpg



مرحله6

متنی را که smart object کرده بودید انتخاب کنید و به مسیر ******>Distort>Displace بروید، از تنظیمات پیش فرض استفاده کرده و روی OK کلیک کنید و فایلی را که در مرحله قبل ذخیره کرده بودید انتخاب نمایید (dmap.psd).
1259569685_mos8.jpg



مرحله7

ابزار براش را انتخاب کنید سپس کلید F5 را فشار دهید تا پنجره brush editor ظاهر شود، حالا تنظیمات زیر را اعمال کنید.
1259569706_mos9.jpg
1259569724_mos10.jpg
1259569743_mos11.jpg



مرحله8
یک لایه جدید ایجاد کنید سپس ابزار eyedropper را انتخاب نموده و روی قسمتی از text کلیک می کنیم تا از رنگ مورد نمونه برداری شود، از این رنگ و براشی که در مرحله آخر ایجاد کردید برای کشیدن حباب هایی که از text خارج می شوند، استفاده کنید. این کار را چند بار البته خیلی کم در اطراف حروف انجام دهید سپس opacity این لایه را به 50% تغییر دهید.
1259569760_mos12.jpg



مرحله9

با توجه به تصویر زیر متوجه می شوید که ما چند طرح گلدار به آن اضافه کردیم، شما با استفاده از براش های مختلفی که در اختیار دارید می توانید هر طرحی را که مایلید به کار اضافه کنید.
1259569891_mos13.jpg



مرحله10

یک لایه جدید ایجاد کنید، سپس با استفاده از ابزار line تعدادی خط ظریف با زاویه 45°با درجه های مختلفی از رنگ خاکستری، مانند شکل زیر، رسم نمایید. برای بهتر دیده شدن خطوط بهتر است بقیه لایه ها را فعلا خاموش کنید. حالا بهترین وقت برای سازماندهی لایه ها و قرار دادن آنها در group است.
1259569906_mos14.jpg


مرحله11

ابزار smudge را انتخاب کنید و با استفاده از یک براش بزرگ نرم، روی بعضی از خطوط را smudge بکشید. از تصویر زیر به عنوان الگو استفاده کنید.
1259569925_mos15.jpg



مرحله12


ابتدا این لایه را convert to smart object کنید، سپس مثل کاری که در مرحله 2 روی text انجام دادیم، یک ماسک به لایه اضافه کنید، پس از آن از تعدادی براش splatter استفاده کرده قسمت هایی از خطوط را پنهان کنید.
1259569943_mos16.jpg


مرحله13

به مسیر ******< Distort< Displace بروید و تنظیمات زیر را اعمال کنید.
1259569961_mos17.jpg


مرحله14

یک لایه جدید در بالای این لایه ایجاد کنید و با استفاده از یک براش نرم، چند رنگ روشن مانند تصویر زیر روی لایه اعمال کنید.
1259569983_mos18.jpg



مرحله15

یک لایه clipping mask بین لایه رنگ (color layer) و smart object خطوط ایجاد کنید. این دو لایه را درون یک group قرار دهید، سپس لایه group را دقیقا به بالای لایه background منتقل کنید در انتها بقیه لایه ها را روشن کنید.
1259570002_mos19.jpg



مرحله16

با استفاده از براشی که در مرحله 8 ایجاد کردید، مقدار بیشتری حباب در یک لایه جدید ایجاد کنید، البته این ها را کمی بزرگ تر از حباب های قبل خلق کنید.
1259570020_mos20.jpg



مرحله17

روی این لایه دوبار کلیک کنید تا پنل layer style ظاهر شود، سپس از قسمت style گزینه inner bevel را نتخاب کنید و تنظیمات زیر را به کار ببرید.
1259570081_mos21.jpg


مرحله18

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



مرحله19

اینجا فقط یک clipping mask بین لایه رنگ (color layer) و لایه حباب (bubbles) ایجاد می کنیم.
1259570127_mos23.jpg



مرحله20

فکر می کنم فکر خوبی است که نشان دهیم چگونه می توان از smart object ها برای بالا بردن میزان اثر بخشی کار استفاده کرد، همچنین به لایه ها قابلیت ویرایش را داد. ابتدا smart object که شامل text است را پیدا می کنیم، سپس روی تصویر کوچک لایه دوبار کلیک می کنیم. باید یک فایل جدید با یک transparent background یا پس زمینه ی شفاف که یک text روی آن وجود دارد، باز شود. از آنجایی که متن به سختی دیده می شود، بنابراین یک لایه جدید ایجاد می کنیم، آن را به پایین لایه ها منتقل می کنیم سپس آن را با رنگ سیاه پر می کنیم.
1259570153_mos24.jpg




مرحله21

مجددا یک لایه جدید در بالای لایه ها ایجاد کرده، سپس با استفاده از ابزار llipse، یک بیضی سفید رنگ روی حرف (O) می کشیم، مانند آنچه در تصویر نشان داده شده. اینجا می توانید تعدادی متن دیگر نیز اضافه کنید مثل کاری که ما انجام دادیم. شما نیز برای اضافه کردن جزییاتی که دوست دارید به طرح اضافه شود، کاملا آزاد هستید.
1259570173_mos25.jpg




مرحله22

کلیدهای Ctrl+S را برای save کردن کار نگه دارید، شما باید این کار را انجام دهید وگرنه تغییراتی که انجام دادید، اعمال نخواهند شد، سپس برای بسته شدن فایل کلیدهای Ctrl+W را نگه دارید. وقتی به فایل قبلی برگشتید متوجه می شوید که تغییراتی که اعمال کرده اید روی کار پیاده شده است.
1259570216_mos26.jpg


مرحله23

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

1259570243_mos27.jpg
1259570262_mos28.jpg



 
بالا