آبجی
1st July 2010, 01:17 AM
http://img.persiangfx.com/main/image/1272112654_cd-cover-design2.jpg
طراحی کاور سی دی در فتوشاپ
در این آموزش بعضی از تکنیک های اصلی فتوشاپ را در غالب یک کاور سی دی یاد خواهید گرفت، همچنین برخی از روش های مفید مانند استفاده از smart object ها که در افزایش و سهولت روند کار موثرند نیز به شما آموزش داده می شود.
معرفی
تصویری که قصد خلق آن را داریم مربوط به Ministry of Sound CD's است.
http://img.persiangfx.com/main/tutorial/1259569373_mos28.jpg
مرحله1
کار را با ایجاد یک فایل جدید به ابعاد 912×912 پیکسل آغاز می کنیم. رنگ سیاه را برای background یا پس زمینه در نظر بگیرید، کلید D را فشار دهید تا رنگ زمینه و پس زمینه به حالا پیش فرض سیاه و سفید برگردد، سپس کلیدهای Alt+Backspace را فشار دهید تا لایه با رنگ foreground رنگ آمیزی شود. می خواهیم هر کدام از کلمات متنی که در شکل زیر نشان داده شده را در یک لایه ی مجزا ایجاد کنیم زیرا این کار باعث می شود انعطاف و کنترل بیشتری روی کار داشته باشیم. کلید T را فشار دهید تا ابزار text انتخاب شود و هر جا که می خواهید کلمه اول قرار بگیرد کلیک کنید و آن را با حروف بزرگ و با رنگ سفید تایپ کنید. متن را انتخاب کنید سپس به مسیر Window>Character بروید تا پنجره character editor باز شود. ما در این مثال از فونت Helvetica استفاده کرده ایم، اما font های دیگر مانند Arial نیز می تواند به کار برده شود، مطمئن شوید که مقدار character spacing را کاهش داده اید، همچنین سایز را هم باید تغییر دهید. همین کار ها را برای دو کلمه دیگر هم انجام دهید.http://img.persiangfx.com/main/tutorial/1259569408_mos1.jpg
مرحله2
تمام لایه های text را درپالت لایه ها انتخاب کرده، روی آنها کلیک راست کنید و گزینه convert to smart object را انتخاب کنید. با اعمال این گزینه روی لایه ها شما می توانید روی آن کار کنید گویی در حال کار روی یک لایه هستید در حالیکه درون آن لایه های دیگری نیز وجود دارد که هنوز هم به طور کامل قابل ویرایش هستند. برای انجام ویرایش رو ی آنها کافی است رو ی تصویر کوچکی که در روی smart object در پالت لایه ها قرار دارد دوبار کلیک کنید. حالا در حالیکه لایه smart object انتخاب شده است، روی آیکن ماسک که در پایین پالت لایه ها قرار دارد کلیک کنید. در اینجا قصد داریم از براش های splatter brushes، اگر این نوع براش را ندارید می توانید آنها را دانلود کنید، استفاده کنیم. لایه ماسک را انتخاب کنید و با انتخاب یک براش splatter سیاه رنگ (رنگ foreground) روی تصویر کلیک کنید. از براشهای مختلف با سایز و opacity مختلف استفاده کنید تا اینکه تصویری شبیه شکل پایین به دست آید.http://img.persiangfx.com/main/tutorial/1259569441_mos2.jpg
مرحله3
یک لایه جدید ایجاد کنید سپس روی این لایه هم convert to smart object را اعمال کنید. حالا به مسیر Filter>Render>Clouds سپس به مسیر Filter>Blur>Gaussian Blur بروید و radius را روی 20px تنظیم کنید. حال متوجه می شوید از آنجایی که ما این لایه را smart object کرده ایم با دو بار کلیک روی آن می توانیم لایه را ویرایش کنیم. این می تواند عادت خوبی باشد که هنگامی که قصد دارید به لایه ها فیلتر اضافه کنید، ابتدا آنها را smart object کنید. با گرفتن کلید Alt و کلیک بین دو لایه smart object و text smart object یک clipping mask ایجاد کنید. http://img.persiangfx.com/main/tutorial/1259569458_mos3.jpg
مرحله4
حالا یک لایه levels adjustment اضافه کنید(Layer<New Adjustment Layer<Levels) همچنین بارفتن به مسیر Layer<New Adjustment Layer<hue/saturation یک لایه hue/saturation adjustment اعمال کرده و مطمئن شوید هر دو لایه مثل لایه clouds کلیپ (clipped) شده اند.
http://img.persiangfx.com/main/tutorial/1259571767_mos4.jpghttp://img.persiangfx.com/main/tutorial/1259571832_mos5.jpghttp://img.persiangfx.com/main/tutorial/1259569589_mos6.jpg
مرحله5
یک لایه جدید ایجاد کنید و رنگ foreground را به سفید تغییر دهید. ابزار line را انتخاب کرده و ضخامت آن را بین 1 تا 4 پیکسل تنظیم کرده و در حالیکه کلید shift را نگه داشته اید، خط هایی با زاویه 45 درجه رسم کنید. توجه داشته باشید چیزی که ایجاد می کنید به شکل زیر شباهت داشته باشد. چشم همه لایه ها بجز این لایه و لایه background را بردارید یا آنها را خاموش کنید، سپس به مسیر File>Save As بروید و فایل را مثلا به اسم dmap.psd ذخیره کنید. حالا می توانید بقیه لایه ها را روشن کنید سپس یکی از لایه هایی که شامل خطوط است را پاک کنید.http://img.persiangfx.com/main/tutorial/1259569666_mos7.jpg
مرحله6
متنی را که smart object کرده بودید انتخاب کنید و به مسیر Filter>Distort>Displace بروید، از تنظیمات پیش فرض استفاده کرده و روی OK کلیک کنید و فایلی را که در مرحله قبل ذخیره کرده بودید انتخاب نمایید (dmap.psd).http://img.persiangfx.com/main/tutorial/1259569685_mos8.jpg
مرحله7
ابزار براش را انتخاب کنید سپس کلید F5 را فشار دهید تا پنجره brush editor ظاهر شود، حالا تنظیمات زیر را اعمال کنید.
http://img.persiangfx.com/main/tutorial/1259569706_mos9.jpghttp://img.persiangfx.com/main/tutorial/1259569724_mos10.jpghttp://img.persiangfx.com/main/tutorial/1259569743_mos11.jpg
مرحله8
یک لایه جدید ایجاد کنید سپس ابزار eyedropper را انتخاب نموده و روی قسمتی از text کلیک می کنیم تا از رنگ مورد نمونه برداری شود، از این رنگ و براشی که در مرحله آخر ایجاد کردید برای کشیدن حباب هایی که از text خارج می شوند، استفاده کنید. این کار را چند بار البته خیلی کم در اطراف حروف انجام دهید سپس opacity این لایه را به 50% تغییر دهید.http://img.persiangfx.com/main/tutorial/1259569760_mos12.jpg
مرحله9
با توجه به تصویر زیر متوجه می شوید که ما چند طرح گلدار به آن اضافه کردیم، شما با استفاده از براش های مختلفی که در اختیار دارید می توانید هر طرحی را که مایلید به کار اضافه کنید.http://img.persiangfx.com/main/tutorial/1259569891_mos13.jpg
مرحله10
یک لایه جدید ایجاد کنید، سپس با استفاده از ابزار line تعدادی خط ظریف با زاویه 45°با درجه های مختلفی از رنگ خاکستری، مانند شکل زیر، رسم نمایید. برای بهتر دیده شدن خطوط بهتر است بقیه لایه ها را فعلا خاموش کنید. حالا بهترین وقت برای سازماندهی لایه ها و قرار دادن آنها در group است.http://img.persiangfx.com/main/tutorial/1259569906_mos14.jpg
مرحله11
ابزار smudge را انتخاب کنید و با استفاده از یک براش بزرگ نرم، روی بعضی از خطوط را smudge بکشید. از تصویر زیر به عنوان الگو استفاده کنید.
http://img.persiangfx.com/main/tutorial/1259569925_mos15.jpg
مرحله12
ابتدا این لایه را convert to smart object کنید، سپس مثل کاری که در مرحله 2 روی text انجام دادیم، یک ماسک به لایه اضافه کنید، پس از آن از تعدادی براش splatter استفاده کرده قسمت هایی از خطوط را پنهان کنید.
http://img.persiangfx.com/main/tutorial/1259569943_mos16.jpg
مرحله13
به مسیر filter< Distort< Displace بروید و تنظیمات زیر را اعمال کنید.http://img.persiangfx.com/main/tutorial/1259569961_mos17.jpg
مرحله14
یک لایه جدید در بالای این لایه ایجاد کنید و با استفاده از یک براش نرم، چند رنگ روشن مانند تصویر زیر روی لایه اعمال کنید. http://img.persiangfx.com/main/tutorial/1259569983_mos18.jpg
مرحله15
یک لایه clipping mask بین لایه رنگ (color layer) و smart object خطوط ایجاد کنید. این دو لایه را درون یک group قرار دهید، سپس لایه group را دقیقا به بالای لایه background منتقل کنید در انتها بقیه لایه ها را روشن کنید.http://img.persiangfx.com/main/tutorial/1259570002_mos19.jpg
مرحله16
با استفاده از براشی که در مرحله 8 ایجاد کردید، مقدار بیشتری حباب در یک لایه جدید ایجاد کنید، البته این ها را کمی بزرگ تر از حباب های قبل خلق کنید.
http://img.persiangfx.com/main/tutorial/1259570020_mos20.jpg
مرحله17
روی این لایه دوبار کلیک کنید تا پنل layer style ظاهر شود، سپس از قسمت style گزینه inner bevel را نتخاب کنید و تنظیمات زیر را به کار ببرید.http://img.persiangfx.com/main/tutorial/1259570081_mos21.jpg
مرحله18
ما قصد داریم تکنیک هایی را که در مرحله 14 و 15 به کار بردیم، برای رنگ کردن این حباب ها در این مرحله استفاده کنیم، بنابراین، ابتدا یک لایه جدید ایجاد می کنیم سپس با ابزار براش و رنگ های روشن حباب ها را رنگ آمیزی می کنیم.
http://img.persiangfx.com/main/tutorial/1259570106_mos22.jpg
مرحله19
اینجا فقط یک clipping mask بین لایه رنگ (color layer) و لایه حباب (bubbles) ایجاد می کنیم.http://img.persiangfx.com/main/tutorial/1259570127_mos23.jpg
مرحله20
فکر می کنم فکر خوبی است که نشان دهیم چگونه می توان از smart object ها برای بالا بردن میزان اثر بخشی کار استفاده کرد، همچنین به لایه ها قابلیت ویرایش را داد. ابتدا smart object که شامل text است را پیدا می کنیم، سپس روی تصویر کوچک لایه دوبار کلیک می کنیم. باید یک فایل جدید با یک transparent background یا پس زمینه ی شفاف که یک text روی آن وجود دارد، باز شود. از آنجایی که متن به سختی دیده می شود، بنابراین یک لایه جدید ایجاد می کنیم، آن را به پایین لایه ها منتقل می کنیم سپس آن را با رنگ سیاه پر می کنیم.http://img.persiangfx.com/main/tutorial/1259570153_mos24.jpg
مرحله21
مجددا یک لایه جدید در بالای لایه ها ایجاد کرده، سپس با استفاده از ابزار llipse، یک بیضی سفید رنگ روی حرف (O) می کشیم، مانند آنچه در تصویر نشان داده شده. اینجا می توانید تعدادی متن دیگر نیز اضافه کنید مثل کاری که ما انجام دادیم. شما نیز برای اضافه کردن جزییاتی که دوست دارید به طرح اضافه شود، کاملا آزاد هستید.http://img.persiangfx.com/main/tutorial/1259570173_mos25.jpg
مرحله22
کلیدهای Ctrl+S را برای save کردن کار نگه دارید، شما باید این کار را انجام دهید وگرنه تغییراتی که انجام دادید، اعمال نخواهند شد، سپس برای بسته شدن فایل کلیدهای Ctrl+W را نگه دارید. وقتی به فایل قبلی برگشتید متوجه می شوید که تغییراتی که اعمال کرده اید روی کار پیاده شده است.
http://img.persiangfx.com/main/tutorial/1259570216_mos26.jpg
مرحله23
آخرین کاری که انجام داده ایم، قرار دادن یک logo در گوشه سمت چپ بالای تصویر است. http://img.persiangfx.com/main/tutorial/1259570243_mos27.jpghttp://img.persiangfx.com/main/tutorial/1259570262_mos28.jpg
طراحی کاور سی دی در فتوشاپ
در این آموزش بعضی از تکنیک های اصلی فتوشاپ را در غالب یک کاور سی دی یاد خواهید گرفت، همچنین برخی از روش های مفید مانند استفاده از smart object ها که در افزایش و سهولت روند کار موثرند نیز به شما آموزش داده می شود.
معرفی
تصویری که قصد خلق آن را داریم مربوط به Ministry of Sound CD's است.
http://img.persiangfx.com/main/tutorial/1259569373_mos28.jpg
مرحله1
کار را با ایجاد یک فایل جدید به ابعاد 912×912 پیکسل آغاز می کنیم. رنگ سیاه را برای background یا پس زمینه در نظر بگیرید، کلید D را فشار دهید تا رنگ زمینه و پس زمینه به حالا پیش فرض سیاه و سفید برگردد، سپس کلیدهای Alt+Backspace را فشار دهید تا لایه با رنگ foreground رنگ آمیزی شود. می خواهیم هر کدام از کلمات متنی که در شکل زیر نشان داده شده را در یک لایه ی مجزا ایجاد کنیم زیرا این کار باعث می شود انعطاف و کنترل بیشتری روی کار داشته باشیم. کلید T را فشار دهید تا ابزار text انتخاب شود و هر جا که می خواهید کلمه اول قرار بگیرد کلیک کنید و آن را با حروف بزرگ و با رنگ سفید تایپ کنید. متن را انتخاب کنید سپس به مسیر Window>Character بروید تا پنجره character editor باز شود. ما در این مثال از فونت Helvetica استفاده کرده ایم، اما font های دیگر مانند Arial نیز می تواند به کار برده شود، مطمئن شوید که مقدار character spacing را کاهش داده اید، همچنین سایز را هم باید تغییر دهید. همین کار ها را برای دو کلمه دیگر هم انجام دهید.http://img.persiangfx.com/main/tutorial/1259569408_mos1.jpg
مرحله2
تمام لایه های text را درپالت لایه ها انتخاب کرده، روی آنها کلیک راست کنید و گزینه convert to smart object را انتخاب کنید. با اعمال این گزینه روی لایه ها شما می توانید روی آن کار کنید گویی در حال کار روی یک لایه هستید در حالیکه درون آن لایه های دیگری نیز وجود دارد که هنوز هم به طور کامل قابل ویرایش هستند. برای انجام ویرایش رو ی آنها کافی است رو ی تصویر کوچکی که در روی smart object در پالت لایه ها قرار دارد دوبار کلیک کنید. حالا در حالیکه لایه smart object انتخاب شده است، روی آیکن ماسک که در پایین پالت لایه ها قرار دارد کلیک کنید. در اینجا قصد داریم از براش های splatter brushes، اگر این نوع براش را ندارید می توانید آنها را دانلود کنید، استفاده کنیم. لایه ماسک را انتخاب کنید و با انتخاب یک براش splatter سیاه رنگ (رنگ foreground) روی تصویر کلیک کنید. از براشهای مختلف با سایز و opacity مختلف استفاده کنید تا اینکه تصویری شبیه شکل پایین به دست آید.http://img.persiangfx.com/main/tutorial/1259569441_mos2.jpg
مرحله3
یک لایه جدید ایجاد کنید سپس روی این لایه هم convert to smart object را اعمال کنید. حالا به مسیر Filter>Render>Clouds سپس به مسیر Filter>Blur>Gaussian Blur بروید و radius را روی 20px تنظیم کنید. حال متوجه می شوید از آنجایی که ما این لایه را smart object کرده ایم با دو بار کلیک روی آن می توانیم لایه را ویرایش کنیم. این می تواند عادت خوبی باشد که هنگامی که قصد دارید به لایه ها فیلتر اضافه کنید، ابتدا آنها را smart object کنید. با گرفتن کلید Alt و کلیک بین دو لایه smart object و text smart object یک clipping mask ایجاد کنید. http://img.persiangfx.com/main/tutorial/1259569458_mos3.jpg
مرحله4
حالا یک لایه levels adjustment اضافه کنید(Layer<New Adjustment Layer<Levels) همچنین بارفتن به مسیر Layer<New Adjustment Layer<hue/saturation یک لایه hue/saturation adjustment اعمال کرده و مطمئن شوید هر دو لایه مثل لایه clouds کلیپ (clipped) شده اند.
http://img.persiangfx.com/main/tutorial/1259571767_mos4.jpghttp://img.persiangfx.com/main/tutorial/1259571832_mos5.jpghttp://img.persiangfx.com/main/tutorial/1259569589_mos6.jpg
مرحله5
یک لایه جدید ایجاد کنید و رنگ foreground را به سفید تغییر دهید. ابزار line را انتخاب کرده و ضخامت آن را بین 1 تا 4 پیکسل تنظیم کرده و در حالیکه کلید shift را نگه داشته اید، خط هایی با زاویه 45 درجه رسم کنید. توجه داشته باشید چیزی که ایجاد می کنید به شکل زیر شباهت داشته باشد. چشم همه لایه ها بجز این لایه و لایه background را بردارید یا آنها را خاموش کنید، سپس به مسیر File>Save As بروید و فایل را مثلا به اسم dmap.psd ذخیره کنید. حالا می توانید بقیه لایه ها را روشن کنید سپس یکی از لایه هایی که شامل خطوط است را پاک کنید.http://img.persiangfx.com/main/tutorial/1259569666_mos7.jpg
مرحله6
متنی را که smart object کرده بودید انتخاب کنید و به مسیر Filter>Distort>Displace بروید، از تنظیمات پیش فرض استفاده کرده و روی OK کلیک کنید و فایلی را که در مرحله قبل ذخیره کرده بودید انتخاب نمایید (dmap.psd).http://img.persiangfx.com/main/tutorial/1259569685_mos8.jpg
مرحله7
ابزار براش را انتخاب کنید سپس کلید F5 را فشار دهید تا پنجره brush editor ظاهر شود، حالا تنظیمات زیر را اعمال کنید.
http://img.persiangfx.com/main/tutorial/1259569706_mos9.jpghttp://img.persiangfx.com/main/tutorial/1259569724_mos10.jpghttp://img.persiangfx.com/main/tutorial/1259569743_mos11.jpg
مرحله8
یک لایه جدید ایجاد کنید سپس ابزار eyedropper را انتخاب نموده و روی قسمتی از text کلیک می کنیم تا از رنگ مورد نمونه برداری شود، از این رنگ و براشی که در مرحله آخر ایجاد کردید برای کشیدن حباب هایی که از text خارج می شوند، استفاده کنید. این کار را چند بار البته خیلی کم در اطراف حروف انجام دهید سپس opacity این لایه را به 50% تغییر دهید.http://img.persiangfx.com/main/tutorial/1259569760_mos12.jpg
مرحله9
با توجه به تصویر زیر متوجه می شوید که ما چند طرح گلدار به آن اضافه کردیم، شما با استفاده از براش های مختلفی که در اختیار دارید می توانید هر طرحی را که مایلید به کار اضافه کنید.http://img.persiangfx.com/main/tutorial/1259569891_mos13.jpg
مرحله10
یک لایه جدید ایجاد کنید، سپس با استفاده از ابزار line تعدادی خط ظریف با زاویه 45°با درجه های مختلفی از رنگ خاکستری، مانند شکل زیر، رسم نمایید. برای بهتر دیده شدن خطوط بهتر است بقیه لایه ها را فعلا خاموش کنید. حالا بهترین وقت برای سازماندهی لایه ها و قرار دادن آنها در group است.http://img.persiangfx.com/main/tutorial/1259569906_mos14.jpg
مرحله11
ابزار smudge را انتخاب کنید و با استفاده از یک براش بزرگ نرم، روی بعضی از خطوط را smudge بکشید. از تصویر زیر به عنوان الگو استفاده کنید.
http://img.persiangfx.com/main/tutorial/1259569925_mos15.jpg
مرحله12
ابتدا این لایه را convert to smart object کنید، سپس مثل کاری که در مرحله 2 روی text انجام دادیم، یک ماسک به لایه اضافه کنید، پس از آن از تعدادی براش splatter استفاده کرده قسمت هایی از خطوط را پنهان کنید.
http://img.persiangfx.com/main/tutorial/1259569943_mos16.jpg
مرحله13
به مسیر filter< Distort< Displace بروید و تنظیمات زیر را اعمال کنید.http://img.persiangfx.com/main/tutorial/1259569961_mos17.jpg
مرحله14
یک لایه جدید در بالای این لایه ایجاد کنید و با استفاده از یک براش نرم، چند رنگ روشن مانند تصویر زیر روی لایه اعمال کنید. http://img.persiangfx.com/main/tutorial/1259569983_mos18.jpg
مرحله15
یک لایه clipping mask بین لایه رنگ (color layer) و smart object خطوط ایجاد کنید. این دو لایه را درون یک group قرار دهید، سپس لایه group را دقیقا به بالای لایه background منتقل کنید در انتها بقیه لایه ها را روشن کنید.http://img.persiangfx.com/main/tutorial/1259570002_mos19.jpg
مرحله16
با استفاده از براشی که در مرحله 8 ایجاد کردید، مقدار بیشتری حباب در یک لایه جدید ایجاد کنید، البته این ها را کمی بزرگ تر از حباب های قبل خلق کنید.
http://img.persiangfx.com/main/tutorial/1259570020_mos20.jpg
مرحله17
روی این لایه دوبار کلیک کنید تا پنل layer style ظاهر شود، سپس از قسمت style گزینه inner bevel را نتخاب کنید و تنظیمات زیر را به کار ببرید.http://img.persiangfx.com/main/tutorial/1259570081_mos21.jpg
مرحله18
ما قصد داریم تکنیک هایی را که در مرحله 14 و 15 به کار بردیم، برای رنگ کردن این حباب ها در این مرحله استفاده کنیم، بنابراین، ابتدا یک لایه جدید ایجاد می کنیم سپس با ابزار براش و رنگ های روشن حباب ها را رنگ آمیزی می کنیم.
http://img.persiangfx.com/main/tutorial/1259570106_mos22.jpg
مرحله19
اینجا فقط یک clipping mask بین لایه رنگ (color layer) و لایه حباب (bubbles) ایجاد می کنیم.http://img.persiangfx.com/main/tutorial/1259570127_mos23.jpg
مرحله20
فکر می کنم فکر خوبی است که نشان دهیم چگونه می توان از smart object ها برای بالا بردن میزان اثر بخشی کار استفاده کرد، همچنین به لایه ها قابلیت ویرایش را داد. ابتدا smart object که شامل text است را پیدا می کنیم، سپس روی تصویر کوچک لایه دوبار کلیک می کنیم. باید یک فایل جدید با یک transparent background یا پس زمینه ی شفاف که یک text روی آن وجود دارد، باز شود. از آنجایی که متن به سختی دیده می شود، بنابراین یک لایه جدید ایجاد می کنیم، آن را به پایین لایه ها منتقل می کنیم سپس آن را با رنگ سیاه پر می کنیم.http://img.persiangfx.com/main/tutorial/1259570153_mos24.jpg
مرحله21
مجددا یک لایه جدید در بالای لایه ها ایجاد کرده، سپس با استفاده از ابزار llipse، یک بیضی سفید رنگ روی حرف (O) می کشیم، مانند آنچه در تصویر نشان داده شده. اینجا می توانید تعدادی متن دیگر نیز اضافه کنید مثل کاری که ما انجام دادیم. شما نیز برای اضافه کردن جزییاتی که دوست دارید به طرح اضافه شود، کاملا آزاد هستید.http://img.persiangfx.com/main/tutorial/1259570173_mos25.jpg
مرحله22
کلیدهای Ctrl+S را برای save کردن کار نگه دارید، شما باید این کار را انجام دهید وگرنه تغییراتی که انجام دادید، اعمال نخواهند شد، سپس برای بسته شدن فایل کلیدهای Ctrl+W را نگه دارید. وقتی به فایل قبلی برگشتید متوجه می شوید که تغییراتی که اعمال کرده اید روی کار پیاده شده است.
http://img.persiangfx.com/main/tutorial/1259570216_mos26.jpg
مرحله23
آخرین کاری که انجام داده ایم، قرار دادن یک logo در گوشه سمت چپ بالای تصویر است. http://img.persiangfx.com/main/tutorial/1259570243_mos27.jpghttp://img.persiangfx.com/main/tutorial/1259570262_mos28.jpg