بخش سوم و پاياني آموزش:

گام 15: ترسيم دريافت كننده صدا (Receiver)

در ادامه طراحي آيفون 4 نياز داريم كه يك “گيرنده” نيز براي موبايل­مان طراحي كنيم. كنار دوربين يك چهار ضلعي با گوشه هاي گرد و مشكي رسم كنيد. براي اينكه اين شكل جديد را با پرسپكتيو دستگاه تطبيق دهيم مي بايست با استفاده از: Edit > Transform > Distort آن را تعديل كنيم.

بر لايه “دريافت كننده” (receiver layer) افكت هاي Gradient Overlay و Stroke را اِعمال كنيد.

Gradient Overlay

 

Stroke

تصويري از رنگ و شكل پايه اي “دريافت كننده”:

لايه جديدي ايجاد كنيد و در همان لايه با استفاده از ابزار براش (B) در قسمت فوقاني “دريافت كننده” با رنگ سفيد رنگ آميزي كنيد و در ادامه شفافيت (Opacity) لايه را حدود %40 قرار دهيد. مجددا لايه جديدي بسازيد و highlight قوي تري را نقاشي كنيد. براي به پايان رساندن كار بر روي “دريافت كننده”، درون شكلي كه ساخته ايم يك چهار ضلعي گوشه گرد كوچكتر و سياه رنگي را قرار مي دهيم.

گام 16: طراحي كليد Ring/Silent

بالاترين جزء رابط كاربري در كناره آيفون دكمه اي است كه بين حالت سايلنت و حالت زنگ سوئيچ مي كند. هنگامي كه در يك ملاقات گروهي و يا قرار شام هستيد – و نمي خواهيد وقتي كه در حال صحبت با ديگران هستيد موبايلتان مزاحمتي ايجاد كند- اين دكمه بسيار سودمند است.

براي شروعِ طراحي اين كليد، چهار ضلعيِ گوشه گرد و خاكستري رنگي را در كناره آيفون ترسيم كنيد. به خاطر داشته باشيد براي ايجاد اصلاحاتي كه اين مستطيل را با پرسپكتيو كلي گوشي منطبق مي كند، مي بايست از Free Transform (Ctrl/Cmd + T) استفاده كنيد.

بياييد بر روي كليد ring/silent افكت هاي سايه داخلي (Inner Shadow) و درخشش داخلي (Inner Glow) را اِعمال كنيم.

Inner Shadow

 

Inner Glow

تصويري از رنگ و شكل پايه اي كليد ring/silent:

لايه جديدي بالاي لايه switch ايجاد كنيد و سپس با استفاده از ابزار براش (B)، highlight هاي سفيدي را بر روي لايه نقاشي كنيد.

لايه كليد (switch layer) را كپي كرده و آنرا در زير لايه اصلي قرار دهيد. در ادامه به ابزار حركت ((V) Move Tool) سوئيچ كنيد و با استفاده از كليدهاي جهت نماي كيبوردتان لايه كپي شده را به اندازه 3px به راست و 3px به پايين حركت دهيد.

با فشردن كليد Ctrl/Cmd و كليك بر روي آن لايه در پنل لايه ها، يك selection در اطرافش ايجاد كنيد. selection را به ميزان 3px به راست و 3px به پايين حركت دهيد. لايه جديدي ايجاد كنيد و آنرا با رنگ سياه پر كنيد(Shift + Backspace  يا  Edit > Fill). در ادامه آنرا توسط فيلتر Gaussian Blur ملايم تر كنيد.

گام 17: ترسيم دكمه هاي تنظيم صدا

دكمه هاي مدورِ زير كليد ring/silent در آيفون 4، دكمه هاي تنظيم صدا (volume buttons) هستند كه ميزان صداي دريافت كننده و بلندگوها را تنظيم مي كنند (بلندگوها در اينجا نشان داده نشده اند زيراكه در زير آيفون واقع شده اند).

ابتدا به طراحي دكمه “volume up” مي پردازيم؛ از ابزار بيضي (Ellipse Tool) براي ترسيم يك شكل مدور در زير دكمه ring/silent استفاده كنيد.

بر شكل جديدتان افكت هاي Inner Shadow  و  Inner Glowرا اِعمال كنيد.

Inner Shadow

 

Inner Glow

تصويري از رنگ و شكل پايه اي دكمه “volume up”:

لايه جديدي را در پشت لايه دكمه ايجاد كنيد. بعد، با استفاده از ابزار Elliptical Marquee، انتخاب بيضي شكلي (elliptical selection) بزرگتر از خود دكمه ايجاد كنيد. درون لايه جديد selection را با رنگ سياه پر كنيد و به لايه فيلتر Gaussian Blur را بدهيد.

توسط برخورد دادنِ دو مستطيل با يكديگر، يك علامت “بعلاوه” (+) ترسيم كنيد.

بر علامت “بعلاوه” افكت هايInner Shadow  و  Inner Glowرا اِعمال كنيد.

Inner Shadow

 

Inner Glow

براي ايجاد دكمه ” volume down”، پايينِ دكمه “volume up ” مجددا همان فرآيندِ طي شده قبلي را تكرار كنيد.

گام 18: ايجاد يك جداكننده (Divider)

اين “جداكننده” در كناره آيفون 4 و نزديكِ قسمت زيرينِ آن واقع شده است. براي ايجاد اين “جداكننده”، مستطيلي باريك و سياه رنگ بسازيد. از ابزار قلم (P) براي اضافه نمودن نقاط ثِقلِ (anchor points) جديد به مستطيل استفاده كنيد و اين نقاط ثقل را براي انطباق يافتن با پرسپكتيو آيفون دستكاري كنيد (بكِشيد).

تصويري كه در ادامه مي آيد نماي نزديكي از “جداكننده” را نشان مي دهد:

گام 19: ايجاد يك سايه واقعي

به عنوان آخرين گام، بياييد يك سايه برجسته (drop shadow) به آيفون بدهيم. بسياري از طراحان تنها يك خط يا مستطيل مشكي ترسيم مي كنند و در ادامه سايه هاي عناصري كه در حال طراحي شان هستند را با استفاده از فيلترهاي Gaussian Blur  يا  Motion Blur، تار (blur) مي كنند. اما، اگر شما تلاش مي كنيد كار هنري تان تا آنجا كه ممكن است شبيه به واقعيت به نظر برسد، در بيشتر مواقع اين تكنيك به اندازه كافي خوب نمي باشد. در حقيقت تقريبا هيچ گاه نمي توانيد يك سايه سه بعدي، يكنواخت و يكپارچه را بيابيد.

مي بايست به ياد داشته باشيم كه نور در قسمت هاي گوناگون يك شيء به طرق مختلفي بازتاب مي يابد و در نتيجه تغييرات در شكلِ سايه يكنواخت نيستند. حتي اگر يك منبع نور داشته باشيم باز هم در انتها چندين سايه خواهيم داشت. در بسياري از مواقع براي دست يابي به اين نتيجه، مي بايست به طور دستي سايه شيء را نقاشي و تنظيم كنيم.

در ابتدا، از ابزار براش (B) براي نقاشي يك خط خاكستريِ تيره و ملايم در زير آيفون استفاده كنيد.

لايه جديدي ايجاد كنيد و يك خط خاكستريِ تيره و ملايمِ ديگري نقاشي كنيد، اما اين بار آن را نسبت به خط قبلي بزرگتر و ملايم تر نقاشي كنيد.

مجددا لايه جديدي بسازيد، باز هم زير آيفون را نقاشي كنيد اما اين يكي را اندكي تيره تر كنيد.

باز هم لايه جديدي ايجاد كنيد و در ادامه همانگونه كه در تصوير زير نشان داده شده با استفاده از (L) Polygonal Lasso Tool، يك selection ايجاد كنيد.

براي ملايم كردن سايه از فيلترِ Gaussian Blur استفاده كنيد.

به ابزار پاكن ((E)  Eraser Tool) سوئيچ كنيد. از يك براش بسيار بزرگ استفاده كنيد و شفافيتِ ابزار پاكن (Eraser Tool’s Opacity) را10-15%  قرار دهيد. حال، بعضي از قسمت هاي سايه را پاك كنيد. اگر دريافتيد كه سايه بيش از حد برجسته شده، مجدد از از فيلتر Gaussian Blur براي ملايم تر آن استفاده كنيد. اين روند را ادامه دهيد تا آن كه سايه اي دقيق ساحته شود.

فرآيند پيشين را مجددا براي ايجاد سايه ديگر تكرار كنيد.

منبع: DesignInstruct

دريافت فايل PDF بخش سوم (1.58 مگابايت): How to Draw a Realistic iPhone 4 with Photoshop—part 03

دريافت فايلPDF  كل آموزش (4.2 مگابايت): How to Draw a Realistic iPhone 4 with Photoshop

دريافت فايل منبع (زيپ: 4.30 مگابايت): realistic_iphone4

بخش اول آموزش را مي توانيد در اينجا مطالعه بفرماييد.

بخش دوم آموزش را مي توانيد در اينجا مطالعه بفرماييد.

 

تصویر نهایی طرحی که درخواهید آورد

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

 

 

منابع :

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

 

Rust #1

Rust #2

Rust torso

Skirt #1

Skirt #2

Copper

Broken glass #1

Broken glass #2

 

قدم اول :

یک پوشه ی خالی با ابعاد مورد نظر خودتان ایجاد کنید. از منوی View ، با Shift + Command + ، Snap را فعال کنید و Command + را بزنید تا به حالت توری شکل ببرسید .

 

با استفاده از ابزار خودکار ( کلید میانبر P) در حالت  Shape Layer یک کله بکشید(1a) . مطمئن شوید که تمام نقاط به صورت شبکه ای هستند و تمام خطوط بر روی پیکسل ها قرار دارند و آنها را قطع نکنند . با این کار ازضد aliasing جلوگیری می شود . با استفاده از Color Overlay (1b) نور سر را صورتی کنید (1c) .

قدم دوم :

از قسمت style ، Gradient Overlay را اضافه کنید (2a, 2b) تا حالتی شبیه به بازتاب از سطح فلز ایجاد شود (2c)

 

 

قدم سوم:

از قسمت style ، Inner Glow را اضافه کنید  (3a) تا محیط داخلی و بازتابهای آن به خوبی شبیه سازی شود و Inner Shadow را اضافه کنید  (3b) تا سطح کار انحنای بهتری پیدا کند. نور از قسمت بالای کارکتر می تابد و پس بنابراین سایه ی داخلی در اطراف بالای سر مرز بیرونی را کاملا مشخص می کند .  (3c)

قدم چهارم :

به کمک یک مستطیل ساده ی طلایی گردن را طراحی می کنیم. دوباره مطمئن شوید که برای لبه های کار حالت شبکه ای را انتخاب کرده اید (4a).از قسمت  style ، Gradient Overlay را انتخاب کنید (4b, 4c) یک سری برجستگی های بازتاب را اضافه می کنیم . یک سایه ی داخلی (4d) سایه هایی که بر روی قسمت سر قرار دارد را شبیه سازی می کند (4e).

قدم پنجم :

به سراغ چشمها می رویم . یک دایره ی طلایی بکشید (5a) . یک Gradient Overlay زاویه دار اضافه کنید (5b, 5c) تا یک بازتاب متفاوت از سطح فلز ایجاد کنیم. (5d).

 

 

قدم ششم :

از قسمت style ، گزینه ی Stroke را برای داخل  انتخاب کنید و مرز داخلی را برجسته تر کنید (6a) . با انتخاب ساایه ی داخلی (Inner Shadow) (6b) و کشیدن یک سایه (6c) ما چشم ها را در  جلوی سر  می کشیم (6d).

 

قدم هفتم :

مردمک چشم یک دایره ی نارنجی ساده است (7a). . از قسمت style ، Bevel and Emboss را انتخاب کنید و آن را کم کنید (7b) که این کار باعث می شود مردمک چشم به خوبی در جای خودش قرار بگیرد. (7c دوباره از قسمت style ، Inner Glow را انتحاب کرده و آن را در مرکز قرار دهید (7d) که این عمل باعث می شود کاملا شبیه چشم شود (7e).

قدم هشتم :

برای اتمام کار مردمک چشم باید سایه ی داخلی اضافه کنیم (8a) و همچنین یک درخشش صورتی رنگ به سمت خارج(8b) . همانطور که ملاحظه می کنید یکی از چشم ها کامل شد  و حالا با کپی و تکرار آن یکی دیگر از چشمها را هم درست می کنیم. (8c)

تا اینجای کار این لایه ها را داشتیم . مهم است که بتوانیم ساختار لایه ها را مدیریت کنیم.اگر مایل بودید با استفاده از رنگ ها و پوشه ها می توانید این کار را انجام دهید  (8d)

 

قدم نهم:

حالا به سراغ لبها می رویم شکلی برای آنها بکشید (9a) با استفاده از یک گرادیان  Overlay  زرد به سمت شفاف(9b) لب بالایی را برجسته می کنیم. (9c) از قسمت style ، Stroke و Inner Shadow را اضافه می کنیم و همچنین  Drop Shadow یا بهتر است آنها را از قسمت چشمها کپی کنید تا لبها را کامل کنید (9d)

 

قدم دهم :

با استفاده از یک مستطیل قهوه ای تیره  یک دندان در مرکز درست کنید (10a) با استفاده از Bevel and Emboss (10b) و Inner Shadow (10c) دندان را درست و مرتب کنید.در واقع این دندان یک شکاف در لب ها است  (10d) باقی دندان ها را می توانید با کپی کردن همین دندان و تغییر اندازه دادن آن به مقدار دلخواه به صورت شبکه ای بدست آورید .( 10e)

 

قدم 11 :

از یک ذوزنقه ی نیمه استفاده می کنیم (11a)  تکنیک سایه ها همانی است که قبلا با آن کار کردیم . از گرادیان بر روی لایه های استفاده می کنیم. (11b, 11c) از برق درونی (11d) سایه ی داخلی(11e) و نتیجه ی کار یک مخروط فلزی است  (11f)

 

قدم 12 :

دامن کارکتر مانند یک زنگ است (12a) دوباره وقت آن رسیده که از Gradient Overlay  استفاده کنیم (12b, 12c) برق داخلی (12d) و سایه ی داخلی (12e) تا آن را سایه دار کنیم (12f)

 

قدم 13:

بازوی چپ را به صورت یک میله ی نازک فلزی که در ابتدا بیرون خم شده است و از قسمت شانه پایین است و در آخر به صورت خط صافی پایان یافته است ( مانند تصویر13a )  با استفاده از برق تیره ی داخلی (13b) ما یک سطح منحی دار را شبیه سازی می کنیم(13c) و با همین متد دستها را هم درست می کنیم. (13d)

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

 

قدم 14 :

دستهای بوسیله ی یک نقطه ی اتصال گرد مشابه چشم ها به بازوها متصل شده اند (14a) یک Gradient Overlay زاویه ای مشابه برای ن هم پیاده کنید (14b, 14c) و یک stroke نسبتا کدر برای نشان دادن لبه ها (14d) همانطور که می بینید کار دستها تمام شد و آماده شدند (14e)

 

قدم 15 :

برای تکمیل بازوها به یک سیم نیاز داریم که به دور میله ی آهنی می گردد . یک لایه ی جدید درست کنید به کمک ابزار خودکار ( کلید میان بر P) یک مارپیچ بکشید (15a) . دکمه B را فشار دهید تا ابزار قلمو را فعال کنید و سپس F5 را فشار دهید تا سطل قلمو ها را باز کنید یک لبه تیز را بردارید انحنا را با قطر 2px تنظیم کنید (15b) حالا در قسمت سطل  بر روی خط فنر راست کلیک کنید و Stroke Path را انتخاب کنید . خط مورد نظر در لایه ی جدید stroked می شود . (15c) فنر را در جایی در پشت بازو خم شده است بپوشانید (15d)

قدم 16 :

ابزار Dodge را فعال کنید ( به کمک کلید میانبر O) و آن را در حالت سایه قرار دهید . فنر را در قسمتی که به طرف بیننده است رنگ بزنید. این قسمتها باید برجسته و تقریبا سفید باشند . (16a) همنطور که ملاحظه می کنید یکی از بازوها هم به پایان رسید و حالا شما می توانید تمام این لایه ها را در یک گروه قرار دهید .بازوی ساخته شده را  کپی و تکرار کنید . به صورت افقی به سمت دیگر بدن بچرخانید و به این ترتیب بازوی دیگر را هم بسازید  (16b)

قدم 17 :

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

یک مستطیل عمودی نازک در مرکز نیم تنه درست کنید آن را به رنگ خاکستری متعادل دربیاورید (17a) حالا پنجره ی قلموها را با فشردن کلید F5 باز کنید و فضا را تا 600% اضافه کنید . در قسمت preview شما می توانید تغییرات را مشاهده کنید(17b)  با پایین نگه داشتن کلید شیفت یک خط عمودی از پرچ ها در مستطیل ایجاد کنید(17c)  یک سایه ی افتاده سفید اضافه کنید (17d) تا پرچها را داخل کار نشان دهید حالا لایه را کپی و تکرار کنید (Duplicate) تا یک ردیف دیگر از پرچ ها را ایجاد کنید (17e)

قدم 18 :

چند ردیف دیگر از این پرچ ها به نیم تنه اضافه کنید (18a) همچنین یک ردیف بر روی سر و گردن هم قرار دهید (18b)

دامن ربات هیچ پرچی ندارد فقط خطهای افقی منحنی در آن است آن هم یک سایه سفید افتاده مانند پرچ ها دارد (18c) خطها را با پوشش وکتور از دامن جدا کنید (18d, 18e)

قدم 19 :

نیم تنه هنوز کامل نشده است و نیاز به یک انعکاس بزرگ برجستگی دارد . یک بیضی بزرگ بالای  آن بکشید (19a) آن را با مقدار شفافیت35%  تنظیم کنید و آن را با  ماسک وکتور نیم تنه برش دهید (19b)

قدم 20 :

حالا به سراغ گوشها می رویم ربات آنتن های کوچکی بر روی سرش قرار دارد . در ابتدا پایه ی گوش چپ را درست کنید یک مربع مستطیل طلایی ایجاد کنید (20a) آن را با Gradient Overlay پر کنید (20b, 20c) فکر می کنم به اندازه کافی درخشان باشد(20d)

 

 

قدم 21 :

با استفاده از یک سایه ی داخلی که از سمت چپ آغاز می شود (21a ) سایه که از سر می گذارد را شبیه سازی کنید (21b) یک مستطیل نازک که با دو گرادیان عمودی پر شده است را به عنوان آنتن که در دو طرف سر قرار دارد اضافه کنید (21c)

قدم 22 :

در انتهای میله ای که از گوش بیرون زده یک دایره ی زرد رنگ اضافه کنید (22a) و با استفاده از Inner Glow آن را گرد کنید ((22b. 22c برای اینکه دایره ی زرد رنگی را که اضافه کرده اید شکل توپی به خوب بگیرد مانند تصویر دو بیضی بر روی آن ایجاد کنید یکی قهوه ای تیره و دیگری زرد روشن (22d)

قدم 23 :

همانطوری که بازوها را ایجاد کردید حالا با همان روش آنتن کوچکی را درست کنید مسیری را بکشید (23a) آن را سفید کنید و پوشش دهید (23b) در قسمت style ، درخشش بیرونی را انتخاب کنید و آن را بر روی حالت Linear Dodge تنظیم کنید (23c) تا یک درخشش خیلی روشن ایجاد کنید (23d) گوش چپ به پایان رسید پس به راحتی آن را کپی و تکرار کرده و می چرخانیم و گوش سمت راست را  هم ایجاد کنید (23e)

قدم 24 :

برای کشیدن  پا ابتدا یک مستطیل کوچک با لبه های خمیده بکشید (24a) آن را با Gradient Overlay مسی پر کنید (24b, 24c) درخشش داخلی (24d) و سایه ی داخلی (24e) اضافه کنید . و این مدلی  را که ساختید چندین مرتبه تکرار کنید تا پا ساخته شود (24f)

 

قدم 25 :

مچ پا بوسیله ی حلقه های فلزی به ساق پا متصل شده است حالا دیگر می دانید که چگونه آنها را باید درست کنید (25a) مچ پا را به صورت لایه ای درست کنید (25b) و آن را از قسمت ساف پا  کپی و تکرار کنید . فقط شمارنده ی سایه داخلی را تغییر دهید (25c) تا رنگ آن تغییر کند (25d) حالا ساق پا هم به پایان رسید پس تمام این قسمت را در گروه قرار داده و به همان صورت قبلی پای دیگر را درست کنید

قدم 26 :

ربات ما دیگر ظاهرا تمام شده است ولی هنوز یک سری ریزه کاری هایی دارد .او نیاز به بافتهای دارد تا واقعی تر جلوه کند بافت Rust #1 را در پوشه قرار دهید و آن را تغییر اندازه دهید تا متناسب با سر ربات شود (26a) آن را در حالت blending در حالت Soft Light  قرار دهید و با وکتور پوششی سر جدا کنید (26b) برای گردن از Rust #2 استفاده کنید (26c) و آن را در حالت Overlay قرار دهید (26d)

قدم 27 :

به سراغ نیم تنه رفته و از بافت Rust torso استفاده کنید و آن را آنجا قرار دهید در حالت Soft Light آن را تنظیم کنید (27a) دامن هردو بافت Skirt #1 و Skirt #2 را می گیرد که یکی بر بالای دیگری قرار می گیرد و سر و ساق پاها نیز با همین روش پرداخته می شوند (27b) حالا ربات ما ظاهر بهتری پیدا کرده است

 

قدم 28 :

یک ربات محترم حتما در قسمت سینه اش چیزی قرار دارد پس بهتره ربات ما هم از این دسته ربات ها باشد . بهتر است که یک قسمت کنترلی آنجا بگذاریم .

یک بیضی بکشید (28a) و Angle Gradient Overlay زاویه ای را اعمال کنید (28b) همچنین یک درخشش داخلی معمولی هم اضافه کنید (28c) سایه داخلی (28d) و سایه ی افتاده هم (28e)

قدم 29 :

صفحه ی فلزی را با یک بافت مسی کامل کنید (29a) صفحه نمایش هم یک بیضی کوچک است (29b) با یک گروهی از لایه ها در کنار یکدیگر که به آن اضافه می شود (29c)

 

قدم 30 :

صفحه ی خالی (30a) می تواند با یک سلام  گرم و دو علامت وضعیت پر شود (30b) همچنین برای اینکه کار طبیعی تر جلوه کند یک رفلکس بر روی شیشه با کشیدن یک هلال سفید با میزان شفافیت 35% بکشید (30c)

قدم 31 :

از قدم اختیاری است و می توانید آن را انجام ندهید . یک عکس شیشه ی شکسته ( glass #1  )را باز کنید و به Select > Color Range بروید و برجستگی ها را انتخاب کنید (31a)  Command + J را بزنید تا یک لایه ی جدید از ناحیه انتخابی درست شود و این لایه را بر روی صفحه نمایش ربات بکشید . می توانید یک سایه ی داخلی سفید هم اضافه کنید (31b) و همچنین یک سایه ی افتاده ی کدر (31c) تا به کار عمق دهید و همچنین از تصویر Broken glass #2 هم به همین شیوه می توانید استفاده کنید (31d)

قدم 32 :

فقط یک پشت زمینه و یک زمینی که دوست دارید به کار اضافه کنید و به این ترتیب ربات ما آماده می شود

 

نتیجه گیری :

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

 

زیبایی این کار وقتی است که بقیه ی کارکتر با وکتور ساخته شود . برای اکثر قسمتها layer styles متناسب با قسمتهای بدن است و برای بعضی قسمتها این طور نیست . همانطور که دیدید می توانید با کمک بافتها در قسمتهای مختلف به کار خود زیبایی بیشتری بدهید و آن را طبیعی تر جلوه بدهید توجه کنید که در این حالت باید سایز و ابعاد کار و قسمتهای مختلف را در نظر بگیرید

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

 

منبع : psd.tutsplus

 

درادامه بخش اول، اكنون بخش دوم از آموزش ترسيم آيفون 4 با استفاده از فتوشاپ را تقديم شما خوانندگان گويا آي تي مي كنيم.

گام 9: دادن سايه داخلي به صفحه نمايش

اكنون نياز داريم سايه اي داخلي را به درون صفحه نمايش اضافه كنيم. ابتدا، با فشردن كليد Ctrl/Cmd و كليك بر روي لايه صفحه نمايش (screen layer) يك selection را در اطراف اسكرين مان ايجاد مي كنيم. سپس لايه جديدي مي سازيم و در ادامه مي رويم به: Edit > Stroke

به وسيله فيلترِ Gaussian Blur، stroke را ملايم تر مي كنيم.

از آن جايي كه احتياج نداريم در برخي از قسمت هاي صفحه نمايش سايه داخلي را داشته باشيم، بنابراين با ابزار پاكن ((E)Eraser Tool ) برخي قسمت هاي آن را حذف مي كنيم.

اكنون اين تصوير آيفون ماست:

گام 10: اضافه نمودن تصوير زمينه

تصويري را تعيين نماييد كه بتواند درون صفحه نمايش آيفون قرار بگيرد (اين تصوير مي بايست در زير لايه سايه داخلي (inner shadow layer) قرار گيرد)؛ براي مطابقت دادن تصوير با اندازه، مقياس و پرسپكتيوِ صفحه نمايش ازFree Transform  استفاده نماييد.

سايه داخلي اي كه ما در مرحله قبل ايجاد كرده ايم داراي جزئيات بسيار ريز و دقيقي مي باشد. ممكن است شما متوجه آن ها نشده باشيد اما اين، جزئيات است كه موجب مي شود كار ما به واقعيت نزديك شود. وقتي كه تصويرِ زمينه را به صفحه نمايش اضافه مي كنيد آنگاه است كه تفاوت ميانِ داشتن و نداشتن سايه داخلي را در مي يابيد.

با سايه داخلي

بدون سايه داخلي

گام 11: ايجاد بازتاب نور (Reflection) بر سطح آيفون

از شكلِ نماي آيفون (iPhone face shape) يك كپي تهيه كنيد. براي ايجاد يك triangular path در قسمت بالاي شكلِ نماي آيفون، از ابزار قلم با گزينه انتخاب شدهِ Intersect path areas كه در نوار انتخاب ها (Options Bar) واقع است، استفاده كنيد.

به لايه افكت Gradient Overlay را اضافه كنيد.

همان گونه كه مشاهده مي كنيد اكنون بازتاب زيبايي را در سطح آيفون در اختيار داريم:

گام 12: ايجاد يك لبه روشن (Edge Highlight) بر روي سطح آيفون

گام بعدي ما اضافه نمودن highlight دقيقي در لبه سطح آيفون مي باشد.selection  ي را در اطراف لايه نماي آيفون ايجاد نموده و بر روي آن selection افكت stroke را اِعمال نماييد (البته مي بايست اين كار را در يك لايه جديد انجام دهيد).

Stroke را توسط فيلتر Gaussian Blur اندكي محو و ملايم تر (Blur) مي كنيم.

مقدار كدري (Opacity) لايه را به حدود 20% كاهش مي دهيم.

اين جزئيات بسيار دقيق، واقع گراييِ آنچه كه سعي در ساختنش داريم را تقويت مي كند. در تصوير زير تفاوت ميان قبل و بعد را مشاهده كنيد:

با تكرار پي در پي اين فرآيند مي توانيم چندين لايه highlight شده را بر روي هم قرار دهيم. مجددا selection ي بر روي لايه نماي آيفون ايجاد كنيد و به آن افكت stroke با مقدار رنگِ سفيد بدهيد.

بر روي stroke سفيد، فيلترِ Gaussian Blur را اِعمال كنيد.

حالا مي بايست مطمئن شويم highlight ي كه در اطراف لبه هاي گوشي ساخته ايم به سمت داخل صفحه نمايش آيفون حركت نمي كند و يا در واقع به درون آن ريزش (spill) نمي كند. در اطراف صفحه نمايش آيفون يك selection بسازيد و در ادامه آن selection را توسط كليد هاي Ctrl/Cmd + Shift + I معكوس كنيد. براي پنهان كردن قسمت هاي سفيدي ازhighlight  كه به درون صفحه نمايش ريزش كرده اند، در انتهاي پنل لايه ها بر روي دكمه Add layer mask كليك كنيد.

گام 13: ترسيم دكمه Home

همانگونه كه از نامش نيز بر مي آيد، دكمه اي كه در قسمت زيرين آيفون واقع شده به عنوان دكمهHome  ناميده مي شود. اين دكمه كاركردهاي فراواني را براي استفاده از دستگاه ارائه مي دهد. براي ترسيم شكل پايه اي دكمهHome ، از ابزار بيضي ((U) Ellipse Tool) به منظور كشيدن يك شكل مدور در قسمت زيرين آيفون استفاده كنيد. در حقيقت هنگامي كه به طور مستقيم به دكمه Home نگاه مي كنيد مي بينيد كه يك دايره كامل است، اما به خاطر پرسپكتيو و زاويه آيفون­مان مي بايست بيضي به نظر آيد.

براي دسترسي به پنجره Layer Style بر روي لايه Home دابل كليك كنيد و بر روي لايه افكت هايGradient Overlay  و Stroke را اِعمال كنيد.

 

Gradient Overlay

 

Stroke

تصويري (هنوز خام) از دكمه Home:

يك rounded rectangle path را بر بالاي دكمه (با مقدار Fill = 0%) ترسيم كنيد.

به path، افكتِ Stroke را با رنگ خاكستري و اندازه 3px بدهيد.

تصوير دكمه Home به همراه آيكون درون آن:

گام 14: ترسيم دوربين جلو

آيفون 4 دو دوربين دارد: يكي در پشت و يكي در سمت جلو، ما دوربين سمت جلو را ترسيم خواهيم كرد. از ابزار بيضي ((U)Ellipse Tool ) براي ترسيم يك بيضي در قسمت بالاي آيفون استفاده كنيد.

به بيضي افكت هايGradient Overlay  و Stroke را بدهيد.

 

Gradient Overlay

 

Stroke

تصوير پايه اي از دوربين جلو:

لايه جديدي را بر بالاي دوربين ايجاد كنيد، با استفاده از ابزار براش(B) در بخش سمت راستِ دوربين highlight سفيدي را نقاشي كنيد و سپس در نزديكي highlight نقطه كوچك و سياه رنگي را قرار دهيد.

تصوير دوربين از نماي نزديك:

 

منبع: DesignInstruct

دريافت فايل PDF بخش دوم (1.57 مگابايت): How to Draw a Realistic iPhone 4 with Photoshop—part 02

تصوير نهايي:

قسمت اول آموزش را مي توانيد در اين جا مطالعه كنيد.

قسمت سوم آموزش را مي توانيد در اين جا مطالعه كنيد.

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

 

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

تصویر را در ادوبی فوتوشاپ باز کرده و متناسب با کارتان آن را تغییر اندازه دهید .

 

به  Filter > Blur > Gaussian Blur   بروید و نوار ابزار را گرفته و تا جایی که شبیه به موضوع اصلی بشود آن را تنظیم کنید و رنگ ها را ترکیب کنید .

 

به وبسایت Bittbox.com بروید و یکی از تصاویر بافت پشت زمینه را به صورت رایگان دانلود کنید و آن را در یک لایه ی جدید در پوشه ی فوتوشاپ بگذارید .

تصویر را از حالت اشباع خارج کنید و سپس حالت ترکیب سازی  (blending mode ) را برروی نور ملایم(Soft Light)  تنظیم کنید وسپس شفافیت را تنظیم کنید و مقداری جزییات به تصویر خود اضافه کنید .

 

با ابزار تایپ ( کلید میانبر T ) کلمه های مورد نظر خود را بنویسید . من در اینجا از کلمه ی  SPOON استفاده کردم و آن را درشت کردم و آن را به حالت برجسته درآوردم

 

 

متن را به اندازه ی 45 درجه بچرخانید ( شیفت را پایین نگه دارید تا بتوانید زاویه را تنظیم کنید ) حالت ترکیب سازی را به نور ملایم تنظیم کنید تا چهره ی بهتری به کار بدهید .

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

کلید ALT را نگه دارید و دو کپی دیگر از متن را تهیه کنید آن ها را تغییر اندازه دهید و آنها را در جایی قرار دهید تا فضاهای خالی پر شود .

با یک کپی دیگر ، متن را به اندازه ی 90 درجه بچرخانید و از حالت عمودی خارج شود . متن را به جایی ببرید تا فاصله ی ایجاد شده از بین برود .

 

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

هنگامی که شکاف در کار مشاهده شد ، خودتان فکر کنید که چگونه می توانید شکاف و فاصله ای را که ایجاد شده است پر کنید .کلمات را بچرخانید تغییر اندازه دهید و خلاصه هرتغییری که می توانید بدهید و کار را پر و زیباتر کنید .

 

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

با تعداد بیشتری از کپی از متن و قرار دادن آنها در کار آن را پر کنید و هیچ گونه فضای خالی در آن باقی نگذارید .

 

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

 

منبع : blog.spoongraphics

 

در ابتدا لازم است يادآور شوم به دليل طولاني بودن اين آموزش، كل آن به سه بخش تقسيم شده و با فاصله چند روز از همديگر به شما عزيزان تقديم خواهند شد. فايل PDF هر قسمت به طور مجزا در انتهاي آن بخش ارائه مي شود و در انتهاي قسمت سوم نيز، هر سه بخش آموزش در قالب يك فايل كامل PDF تقديم مي شود.

در اين آموزش تصويري، يك دستگاه آيفون4 را با استفاده از فتوشاپ ترسيم مي كنيم. در اين جا ما از تكنيك هاي مختلفي شامل ابزار قلم، ابزار اشكال فتوشاپ و سبك هاي لايه براي ترسيم اين گوشي موبايل اپل (كه در همه جا حاضر است)، استفاده خواهيم نمود. ما مصمم به ارائه جزئيات صحيح هستيم تا مطمئن شويم كه محصول نهايي­مان تا حدي كه ممكن است به نمونه واقعي شبيه باشد.

نويسنده اين مطلب آقاي Mohammad Jeprie از اندونزي­اندكه در سايت DesignInstruct مشغول به فعاليت هستند و آن طور كه در بيوگرافي ايشون آورده شده: عاشق به اشتراك گذاري دانششون در اين زمينه با ديگران هستند، باشد كه ما نيز چنين باشيم!

[توضيح: در اين نوشتار- به خاطر اين كه يك موضوع تخصصي­ست- سعي مي كنيم تا حد امكان از كلمات و عبارات زبان اصلي استفاده كنيم.]

تصوير نهايي:

گام مقدماتي: كاوش

پيشنهاد مي كنم قبل از آغاز طراحي آيفون به جستجو پيرامون تصاويري از آن بپردازيد و در آن ها خوب دقت نماييد. آشنا شدن با موضوع مورد نظر، گام مقدماتيِ مناسبي محسوب مي شود. در اين موردِ خاص به كنكاش در سايت Apple بپردازيد و در سايت گوگل نيز تصاوير مربوط به ” iPhone 4″ را جستجو كنيد.

بهتر از همه اين است كه اگر گوشي آيفوني در اختيار داريد به بررسي دقيق آن بپردازيد. بافت و جنس گوشي را احساس كنيد و نحوه بازتاب نور را بر سطوح مختلفش ببينيد.

گام 1: ترسيم نماي ظاهري آيفون

ابتدا، يك سند جديد فتوشاپ با اندازه 1800×1600px ايجاد كنيد. من هميشه هنگام ترسيمِ يك شيء شبه­واقعي از يك پرده بزرگ استفاده مي كنم زيراكه اندازه بزرگترِ پرده، هنگام ترسيم جزئيات كوچك مرا ياري مي كند. براي ايجاد يك چهار ضلعي با گوشه هاي مدور و سياه رنگ، از ابزار Rounded Rectangle (U) با شعاع (Radius) 60px و هم چنين گزينه Pathsِ انتخاب شده، استفاده نماييد.

براي فعال كردن قابليت Free Transform دكمه هاي Ctrl/Cmd + T را بفشاريد. در ادامه دكمه Alt/Option را پايين نگه داشته و گوشه بالا- راست كنترل ترنسفورم را همانند تصويرِ زير به سمت پايين بكشيد. اين عمل باعث مي شود آن گوشه دورتر به نظر برسد.

در طراحي مناظر دقيق مي بايست قانوني اساسي را به خاطر بسپاريد: عناصر دورتر مي بايست كوچك تر باشند. حال با توجه به اين قانون، گوشه پايين- راست را نسبت به گوشه بالا – راست اندكي كوچك تر مي كنيم.

از نماي كنوني آيفون تان كپي تهيه كنيد (Duplicate) و از Free Transform براي اصلاح شكل دوم استفاده كنيد؛ به عنوان مرجع، تصوير زير را ببينيد.

روي شكل دومتان Gradient Overlay دقيقي را اِعمال كنيد.

تصويري پايه اي از نماي روبروي آيفون:

گام 2: ايجاد نماي كناري آيفون

حال بياييد كناره­ي آيفون را هم ايجاد كنيم. اين لبه، اصطلاحا نوار(band) آيفون ناميده مي شود و از فولاد ضد زنگ ساخته شده است. شكل قبلي را مجددا تكثير (Duplicate) كنيد و در زير ديگر اشكال قرار دهيد و در گام بعد اندكي آن را به سمت چپ حركت دهيد و رنگش را به خاكستري كم رنگ(#dedbdc) تغيير دهيد.

بر روي شكل خاكستري رنگ نيز Gradient Overlay را اِعمال كنيد.

اين، جايي است كه اكنون هستيم:

گام 3: سايه دار كردن كناره آيفون

لايه جديدي بسازيد و آن را بالاي لايه نوار آيفون قرار دهيد. با فشردن كليدهاي Ctrl/Cmd + Alt/Option + G يا راست كليك  روي لايه و انتخاب گزينه Create Clipping Mask، لايه جديد را به يك clipping mask تبديل كنيد. ايجاد يك clipping mask اين اطمينان را به ما مي دهد كه هر آن چه را كه در لايه جديد رسم مي كنيم درون نوار آيفون قرار خواهد گرفت.

براي ترسيم سايه تيره در قسمت پايينيِ آيفون، از ابزار قلم مو (Brush Tool (B)) با يك قلم موي ملايم و ميزان Opacity بين 20-25% استفاده كنيد.

اين پروسه را براي دست يابي بهhighlight  ها و سايه هاي بيشتر تكرار كنيد. براي سايه ها از رنگ مشكي و براي قسمت هاي روشن از سفيد استفاده كنيد. به شما پيشنهاد مي كنم از چندين لايه و براي هر لايه به طور مجزا از يك stroke  قلم مو استفاده كنيد. در اين روش مي توانيد با تغيير ميزان كدري (opacity) لايه ها، به سادگي، يك افِكت سايه يا روشنِ منحصر به فرد را به وجود بياوريد. در ادامه اصلاحات را به وسيله ابزارِ پاك كن (Eraser Tool (E)) اِعمال كنيد و يا حتي اگر نتيجه كار خوب از آب درنيامد كل لايه را حذف كنيد. من از حدود 10 لايه براي رسيدن به سايه كنارة آيفون استفاده كردم؛ اين فرآيند را مي توانيد در تصوير زير مشاهده كنيد:

اين تصويري است كه تا كنون ايجاد كرده ايم:

گام 4: ايجاد كنارة سفت آيفون

براي بارگزاري يك انتخاب (selection) در اطراف لايه كناره آيفون، دكمه Ctrl/Cmd را فشار داده و بر روي لايه كناره كليك كنيد.

لايه جديدي ايجاد كنيد و سپس به اين آدرس برويد: Edit > Stroke. در پنجره Stroke، رنگ را روي مشكي، ضخامت (Width) را 1px و در آخر مكان (Location) را نيز بر روي Inside تنظيم نماييد (به اين خاطر كه stroke درون selection ساخته شده است).

اكنون مي بايست آيفون­مان داراي لبه اي سفت و زيبا شده باشد.

گام 5: به كاربردن بافتي از جنس فولاد ضد زنگ

آيفون 4 به خاطر به كاربردن فولاد ضد زنگ در كناره­اش اندكي با ديگر نسل هاي پيشينش متفاوت است، كه اين امر باعث شده كه از لحاظ ظاهري دستگاه موبايل قوي تري را به نمايش بگذارد. اين نوار به عنوان آنتن دستگاه نيز عمل مي كند. خب،‌ بياييد اين سطح فولاديِ ضد زنگ را در كناره آيفون ايجاد كنيم. براي شروع لايه جديدي بسازيد و آنرا با رنگ سفيد پر كنيد.

در ادامه اين مسير را طي كنيد: Filter > Noise > Add Noise.

حال به Filter > Blur > Motion Blur برويد.

اين لايه جديد را بالاي لايه كناره آيفون (side layer) و زير همه لايه هاي سايه و highlight قرار دهيد. Blend Mode اين لايه را بر روي گزينه Multiply تنظيم نماييد.

گام 6: ايجاد يك لبه اضافي (Inset Edge)

براي بارگزاري يك انتخاب (selection) در اطراف لايه نماي آيفون (face layer)، دكمه Ctrl/Cmd را فشار داده و بر روي لايه نما كليك كنيد. توسط كليدهاي جهت نماي كيبورد، selection را به ميزان 2px به سمت چپ منتقل كنيد.

لايه جديدي ايجاد كنيد و  selection اي كه ايجاد كرده ايم را با رنگ سفيد پر كنيد.

براي ايجاد selection در اطراف لبه اضافي، دكمه Ctrl/Cmd را فشرده و بر روي لايه اي كه در گام قبل ايجاد كرديم كليك كنيد. مجددا لايه جديدي ايجاد كنيد و به منوي Edit > Stroke برويد و مقدار پهنا (Width) را 1px، رنگ را مشكي و Location را بر روي Inside تنظيم كنيد.

براي ملايم كردن stroke به اين مسير برويد: Filter > Blur > Gaussian Blur

گام 7: تاريك كردن قسمت پاييني آيفون

از ابزار براش براي ترسيم سايه در قسمت زيرين آيفون استفاده نماييد.

گام 8: ساخت صفحه نمايش آيفون

ابتدا مستطيلي مشكي رنگ رسم كنيد و در ادامه از Free Transform (Ctrl/Cmd + T) براي تغيير پرسپكتيو مستطيل در جهت مطابقت دادن آن با نماي آيفون استفاده كنيد.

براي باز كردن پنجره Layer Style بر روي لايه دابل كليك كنيد و سپس افكت هاي Gradient Overlay و Stroke را براي لايه فعال كنيد.

 

Gradient Overlay

Stroke

توجه نماييد كه مقدار Fill Type اين stroke بر روي Gradient تنظيم شده و در نتيجه stroke با منبع روشن (light) ما مطابقت خواهد يافت.

اين تصويري است از افكت هاي Gradient Overlay/Stroke به كار رفته در layer style:

تصوير روبرو نماي بزرگ شده اي را به نمايش مي گذارد. همانگونه كه مشاهده مي كنيد، افكتِ لايه stroke به صفحه نمايش ما نماي مطلوبي بخشيده است، پهناي highlight در قسمت بالا و چپ صفحه نمايش 1px مي باشد.

 

منبع: DesignInstruct

دريافت فايل PDF بخش اول (1.26 مگابايت): How to Draw a Realistic iPhone 4 with Photoshop—part 01

بخش دوم آموزش را مي توانيد در اينجا مطالعه كنيد.

بخش سوم آموزش را مي توانيد در اينجا مطالعه كنيد.

قدم اول :

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

قدم دوم :

یک لایه ی جدید درست کنید و لوگوی مورد نظر خود را در آن قرار دهید . لوگوی شما هم باید به صورت تصویری باشد و نه متنی و جور دیگری چرا در مراحل بعدی می خواهیم perspective transfer  را اعمال کنیم که نیاز به لایه ای بر پایه ی پیکسل است

قدم3 :

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

قدم 4 :

همانطور که می بینید کمی لوگوی ما پهن شده است ولی مشکلی نیست . می توانید با استفاده از ابزار تبدیل (با فشردن کنترل +T ) آن را تنظیم کنید .  کمی آن را کوچکتر کنید و بدین ترتیب به خوبی با دیوار شما متناسب می شود . اگر لوگوی شما در این مرحله هنوز واقعی به نظر نمی رسد به مراحل قبلی باز گردید و آن ها را بار دیگر چک کنید چرا که در این کار واقعی بودن اهمیت فراوانی دارد .

قدم  پنجم :

بعد از این مراحل حالت ترکیب شوندگی لایه را بر روی “overlay” بگذارید .

نتیجه :

قدم ششم :

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

قدم هفتم :

سپس لایه ی کپی شده را با “Gaussian Blur” با مقدار 5 پیکسل تار کنید . “Gaussian Blur” در منوی فیلتر ها قرار دارد.

قدم هشتم :

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

کارهای اختیاری و اضافی :

اگر دوست دارید مرحله ی پنجم را بیشتر انجام دهید ولی با لبه های تار می توانید لایه ی تار شده را انتخاب کنید و همزمانی که کنترل را نگه داشته اید  بر روی برچسب یا تامبنیل لایه ی لولگو کلیک کنید ( کنترل کلیک کنید ) با این کار شما مرز بیرونی لایه ی اصلی را انتخاب کرده اید اگر این کار را انجام  دادید دکمه ی DELETE را فشار دهید تا قسمتهای انتخاب شده از لایه ی تار شده حذف شود .

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

منبع : dreamdealer

آيا تاكنون تمايل داشته ايد كه به عكس هاي قديمي و تاريخي­تان رنگ اضافه كنيد؟ تعدادي از عكس هاي قديمي­تان را بيرون بياوريد و ببينيد كه در اين مقاله ساده فتوشاپ چگونه رنگ مي تواند به سرعت به هر عكس سياه و سفيد اضافه شود.

با وجودي كه بسياري از افراد وسواسي ظاهر عكس هاي سياه و سفيدِ رنگ آميزي شده را دوست ندارند، اما  تواناييِ اضافه نمودن رنگ به تصاوير سياه و سفيد به همان اندازه كه ساده است ضروري نيز مي باشد. براي اينكه ببينيد اين عمل چگونه به سادگي امكان پذير است اين مطلب را مطالعه كنيد.

شروع كار با استفاده از تصاوير Grayscale (خاكستري)

نگران عنوانِ به كار برده شده نباشيد زيرا تصويري كه سياه و سفيد است الزاما اين معني را نمي دهد كه Grayscale  (خاكستري) نيز مي باشد! وقتي تصويرتان در فتوشاپ باز شد اولين وظيفه ما بررسي Color Mode (حالت رنگ) مي باشد.

براي قرار دادن تصويرتان در حالت RGB به اين مسير برويد: Image > Mode > RGB color. اگر تصوير شما در حالت Grayscale يا ديگر سبك هاي رنگ باشد، فتوشاپ آنرا براي شما به RGB تبديل خواهد كرد. پس از اتمام اين عمل، شما آماده خواهيد بود كه به تصويرتان رنگ را اضافه نماييد.

استفاده از Blending Modes (سبك هاي تركيبي) براي اضافه نمودن رنگ

يكي از ساده ترين روش هاي اضافه كردن رنگ به يك تصوير سياه و سفيد استفاده از سبك هاي تركيبي مي باشد. ما در اينجا علاوه بر ايجاد يك دوجين از لايه­ها با استفاده از حالات تركيبي منحصر به فرد، يك گروهِ لايه­ي منفرد را نيز با استفاده از سبكي تركيبي ايجاد خواهيم كرد. اين ها كارهايي هستند كه مي بايست انجام دهيد:

• براي ايجاد يك لايه جديد دكمه هاي را همزمان فشار دهيد.
• درون لايه جديدي كه انتخابش كرده ايد، دكمه هاي را براي گروه كردن لايه جديدتان فشار دهيد.
• همان گونه كه در تصوير بالا نشان داده شده، گروهِ لايه­ي جديدتان را انتخاب كرده و Blending Mode آن را در حالت “Color” قرار دهيد.

در زبانه پايين بازشويي كه دقيقا در زير قسمت فوقاني پانل “Layers ” قرار دارد مي توانيدBlending Modes  را بيابيد.

وقتي گروه­تان بر روي حالت تركيبيِ ” Color” تنظيم شد، لايه­تان را مجددا انتخاب كنيد و بياييد چند روش را براي اضافه كردن رنگ به تصويرمان بررسي كنيم.

روش هايي براي اضافه نمودن رنگ ها به تصاويرتان بدون رنگ كردن

اكنون مي توانيد به هر لايه اي كه در گروه جديدتان ايجاد كرده ايد، رنگ اضافه كنيد. سوآل اينست، چگونه؟ هر روشي كه براي اضافه كردن رنگ برگزينيد به نوبه خود، روشي است كه كار خواهد كرد. بياييد با يك روش غيرمعمول اما در عين حال ساده و سريعتر شروع كنيم. در اين روش از  Lasso Tool (ابزار كمند) و حتي Pen Tool (ابزار قلم) هم استفاده مي كنيم. اگر فكر مي كنيد كه با اين روش احساس راحتي مي كنيد بدانيد كه استاد هستيد!

در اينجا تقريبا هر دو ابزار “كمند” و “قلم” كار يكساني را انجام مي دهند. با اين ابزار خواهيد توانست اشكال را طراحي و ترسيم كرده و سپس آنها را با استفاده از Bucket Fill پر نماييد. در روش ديگر به Edit > Fill رفته و از رنگ پيش زمينه­تان استفاده كنيد. با وجودي كه اين روش نتايج بسيار دقيقي ارائه نمي كند، اما در عين حال سريع ترين روش در اين زمينه مي باشد. اگر تمايل داريد كه كنترل و آزادي عمل بيشتري داشته باشيد، براي ديدن روش “نقاشي” با استفاده از Photoshop Brush tool (ابزار براش فتوشاپ) ادامه مقاله را پيگيري كنيد.

استفاده از Brush Tool براي رنگ آميزي تصاوير فتوشاپ

اگر اكنون در نقطه مورد نظر قرار نداريد، مجددا به همان گروهي كه حالت تركيبي آن را بر روي “Color ” تنظيم كرده بوديد برگرديد. به لايه خالي­اي كه در آن جا ايجاد كرده ايد برويد و از نوار ابزارتان گزينه  Brush Tool را انتخاب كنيد.

براي انتخاب ابزار براش دكمه را بفشاريد و در ادامه به منظور آوردنِ منوي زمينه­اي ابزار قلم بر روي تصويرتان راست­كليك كنيد. همان گونه كه در تصوير بالا هم مشاهده مي كنيد گزينه “Soft Round ” را انتخاب كنيد.

براي دسترسي به پنجره Color Picker، در نوار ابزارتان(تصوير بالا،‌سمت چپ) بر روي ناحيه Foreground Color (رنگ پيش زمينه) كليك كنيد. توجه كنيد كه وقتي تصاويرتان رنگ آميزي مي شوند رنگ هاي به كار رفته در آن ها به طور قابل ملاحظه اي درخشان خواهند بود.

به سادگي موس را بر روي آن قسمت هايي از تصويرتان كه مي خواهيد به آن رنگ مشخص دربيايد ببريد. تا آنجا كه امكان دارد دقيق باشيد اما نگران نباشيد، به هنگام نياز مي توانيد از “ابزار پاك­كن” استفاده كنيد.

ممكن است دريابيد كه تار بودن رنگ­تان باعث مي شود تصويرتان به شكلي زننده به نظر برسد. نگران نباشيد، مي تواند به طرق مختلفي رنگ­تان را تعديل نماييد.

همان گونه كه در تصوير بالا نشان داده شده، كاهش كدري لايه هاي شما مي تواند شدت رنگ هايتان را كاهش داده و آن ها را بسيار طبيعي تر بنماياند.

زماني كه مي خواهيد رنگ هاي جديدي اضافه كنيد، كليد هاي تركيبي را براي اضافه كردن لايه هاي جديد بفشاريد. نگه داشتن لايه ها به طور جدا از هم به شما كنترل بيشتري را در كارتان مي دهد. و از آن جايي كه همه آن ها در گروهي مشابه قرار دارند در نتيجه حالت تركيبي همه آن ها شبيه به هم و ” Color” خواهد بود.

در صورت نياز از ابزار زوم استفاده كنيد. كوچك ترين جزئيات همچون رنگ درستِ آبي چشم ها به راستي كه مي تواند يك عكس رنگ آميزي شده را به زندگي بازگرداند!

بهبود رنگ هاي تُند و زننده به وسيله ابزارHue/Saturation

در اينجا نحوه تنظيم كردن و ادامه رنگ آميزي شرح داده شده است.

نمونه رنگي كه مي خواهيد آنرا به منظور بهتر كردن تصويرتان تغييرش دهيد را بيابيد و در صورت لزوم آن را با توجه به تصوير بالا بسازيد.

براي ظاهر كردن ابزار Hue/Saturation كليد تركيبي را بفشاريد.

مقادير Hue (ته رنگ)،Saturation (اشباع بودن) و Lightness (روشنايي) را به صورتي كه رنگ ايجاد شده مناسب تصويرتان باشد، تنظيم كنيد. همان گونه كه در بالا مي بينيد رنگ قرمز تُند به رنگ قهوه اي مايل به قرمز كه بسيار مناسب تر نيز مي باشد تبديل شده است.

براي پنهان كردن همه لايه ها به جز لايه فعال، كليد Alt را فشرده و همزمان بر روي كه كنار لايه فعالتان واقع شده- كليك نماييد. سپس دكمه را براي انتخاب ابزار Eyedropper (قطره چكان) فشار دهيد. براي برگزيدن رنگ تغيير يافته به عنوان رنگ پيش زمينه­تان يكبار بر روي سطحي كه رنگ آميزي كرده ايد كليك كنيد.

كليك مجدد بر روي Alt و مجددا همه لايه ها را بر مي گرداند. كليد ميانبر به شما اين امكان را خواهد داد كه “ابزار قلم” را بازگردانده و نيز اجازه مي دهد كه به حالت رنگ آميزي نرمال برگرديد. هنگامي كه مي خواهيد تعداد و مقدار زيادي رنگ را در تصويرتان بگنجانيد مي بايست تا حد ممكن جزئياتِ اين عمل را با دقت انجام دهيد.

اكنون و با صرف كم ترين زمان و انرژي، تصويري سياه و سفيد داريم كه لبريز از رنگ هاي غني مي باشد. كار كردن با “ابزار قلم” احتمالا بهترين روش براي دست يابي به نتايجي عالي در رنگ آميزي عكس هاي سياه و سفيد مي باشد.

[توضيح: عكسي كه در اين ترجمه بر روي آن كار شده متعلق به توماس اديسون مي باشد!]

منبع: HowToGeek

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

1 : About The Past Vector

2 :Portrait of the girl

3.Vector Self Portrait

4. kirsten dunst

5. Vector Portrait

6. Vector Portrait

7. Bubble Girl Vector

8. JAPAN IDOL

9. Mischa Barton Portrait

10. Pixie

11. Portaits

12. Portaits

13. Vector self-portrait

14. Luk

15. vector portrait

16.vector portrait

17. vector renikx DD 2008-12-20

18. Self Portrait Number Something

19. Self Portrait – Illustrator

20.Self Portrait – Illustrator

امیدوارم از کارها لذت برده باشید

منبع : creativenerds

اينترنت همچون جنگل عظيمي است براي يافتن گرافيك هاي وكتور. پيدا كردن گرافيك هاي وكتور ساده است، اما مشكلِ اصلي پيدا كردن گرافيك هاي رايگان و با كيفيت است. اين نوشته حاوي 15 وب­سايت است. براي كمك به شما، من شخصا برخي از بهترين وب سايت ها را در زمينه­ي گرافيك هاي وكتور رايگان مورد بررسي قرار داده­ام.

طي چند ماه گذشته، شخصا و به آرامي شروع كردم به تمركز بر روي گرافيك هاي وكتور، زيرا امكاناتي كه به همراه گرافيك هاي وكتور مي توانند مورد استفاده قرار گيرد بيكران هستند. هم چنين تيم خلاقِ Nerds كه به طور ويژه­اي در طرح هاي وكتور شگفت انگيز تخصص يافته­اند، ديگر وبلاگ­شان را طراحي و اجرا كردند (جمله­ي اخير به سايت منبع اين مقاله اشاره دارد).

1- Vector Patterns

سايت Vector Patterns طرح هاي رايگان وكتور، طرح هاي فتوشاپ و طرح هاي يكپارچه­اي را به طراحان ارائه مي دهد كه مي توانند در پروژه هاي وب مورد استفاده قرار گيرند.

2- Vector Tuts

Vector Tuts سايتي بسيار شناخته شده براي مدرسين طراحي در زمينه­ي چگونگي ايجاد وكتورهاست.

3- Vecteezy

Vecteezy  مكاني است براي به اشتراك گذاري وكتورهاي هنري رايگان شما و منابع ديگري كه به وكتور مربوط مي شود (vector-related). در اين جا شما مي توانيد به كاوش و تبادل نظر در مورد كارهاي ديگر هنرمندان از سراسر جهان بپردازيد و يا تنها آن چه را كه براي پروژه­ي بعدي­تان تا حدودي مجاني است، بيابيد.

4- Qvectors

“حرف ك براي كيفيت است”! (Q for Quality). اين سايت با ارائه­ي تنها گرافيك هاي وكتورِ باكيفيت براي دانلود  نشان مي­دهد كه كيفيت، هدف اصلي آن هاست.

5- Free Vectors

سايت FreeVectors.net در سال 2007 ايجاد شد. هدف از ايجاد اين سايت ايجاد يك فهرست / كاتالوگ (index/catalogue) رايگاني است كه  براي استفاده­ي گرافيك هاي وكتور به سهولت قابل جستجو باشد.

6- Vector4free

در اين سايت اكنون بيش از 250 گرافيك وكتورِ رايگان براي دانلود موجود مي باشد و اين عدد به سرعت در حال افزايش است!

7- Cool Vectors

همان طور كه از اسمش پيداست سايتي­ست براي وكتورهاي “باحالِ” (cool) رايگان و قابل دانلود.

8- Dezignus

Dezignus.com بهشت طرح هاي مجاني­ست. يك سال قبل به عنوان يك مكان تفريحي (playground) بنا نهاده شد! و امروز Dezignus اجتماعي دوستانه و در حال رشد از افرادي است كه به طراحي گرافيك علاقه دارند.

9- Blog.SpoonGraphics

Blog.SpoonGraphics يك وبلاگ طراحي شخصي و مكان تفريح ديجيتالي­اي متعلق به آقاي Chris Spooner مي باشد.­

110- Vector Portal

Vectorportal  مجموعه­ي عظيمي است از وكتورهاي رايگاني كه استفاده كنندگان مي توانند آزادانه از آن ها براي پروژه هاي تجاري و شخصي­شان استفاده كنند. اين سايت در طول 5 سالي كه از ايجادش مي گذرد در رأي گيري هايي كه توسط سايت هاي مختلف طراحي گرافيك انجام شده، به دفعات به عنوان يكي از 10 منبع وكتور رايگان قرار گرفته است.

11- Vector Junky

vectorjunky.com نمايشگاه آنلايني از گرافيك هاي وكتور رايگان مي باشد. تمامي تصاويري كه در اين سايت وجود دارند براي استفاده­ي شخصي رايگان هستند به علاوه­ي تعداد زيادي از آن ها كه براي استفاده­ي تجاري نيز رايگانند.

12- garcya

مجموعه اي كوچك و در عين حال باكيفيت از وكتورها.

13- freevectordownload

سايت FreeVectorDownload مركز نمايش هنرِ طراحي و گرافيك هاي وكتور رايگان مي باشد. اين سايت به اشخاص و شركت ها اجازه مي دهد كه كارهايشان را به تمام دنيا نشان دهند. اگر مي خواهيد نمايي از كارهايتان را نمايش دهيد، يا كه اگر گرافيست / توسعه دهنده­ي وبي (Graphics / Web developers) هستيد كه در جستجوي گرافيك هاي وكتورِ داراي حق امتياز و البته با كيفيتِ بالا هستيد، اينجا بهترين مكاني است كه در جستجوي آنيد.

14- Easyvectors

اين سايت حاوي تعداد زيادي گرافيك هاي وكتور ساده مي باشد كه به طور روزانه آپديت مي شود.

15- patternhead

Patternhead وب سايتي است حاوي طرح هاي وكتور با كيفيت بالا.

منبع: creativenerds

در مورد چگونگي واترمارك (watermark) كردن تصاويرتان به صورت آنلاين چندين انتخاب وجود دارد، اما استفاده از سرويس آنلاين مي تواند داراي معايبي باشد. آنها گاهي اوقات محدوديت هاي معيني را به ما تحميل مي كنند همانند محدود كردن اندازه­ي فايل تصوير، هم چنين مشكل واضحي كه با آن مواجه هستيد اين است كه قادر به واتر مارك كردن تصاويرتان نخواهيد بود مگر در صورتي كه يك اتصال اينترنت داشته باشيد.

يكي از معمول ترين روش هاي واترمارك كردن تصاويرتان به صورت آفلاين استفاده از نرم افزار فتوشاپ مي باشد، حال آن كه ممكن است در ابتدا به نظر نرسد كه به آساني قابل اجرا باشد. اين روش انعطاف بسياري به شما مي دهد و اجازه مي دهد كه دقيقا به همان روشي كه مايل هستيد تصاويرتان را واترمارك كنيد. بعد از اولين باري كه واترمارك­تان را توسط فتوشاپ ايجاد كرديد با استفاده از همين روش كار به آساني مي توانيد اين فرآيند را خودكار كنيد و حتي تصاوير را به صورت دسته اي واترمارك كنيد.

ايجاد واترمارك متني

براي واترمارك كردن تصويرتان، ابتدا رنگي كه مي خواهيد متن­تان به آن رنگ نشان داده شود را انتخاب كنيد (ما رنگ سفيد را پيشنهاد خواهيم كرد). در گام بعد “ابزار متن” (Text tool) را انتخاب كنيد و درون آن كادر، متني كه مي خواهيد به عنوان واترمارك در تصوير نشان دهده شود را تايپ كنيد.

وقتي كه اندازه­ي متن را تعيين و آن را در موقعيت مناسبي بر روي تصويرتان قرار داديد، احتمالا مي خواهيد مات (غير شفاف) بودن متن­تان را كم كنيد. به اين مسير برويد: Layer > Layer style > Blending options

در قسمت زيرين Blending Options، نوار مربوط به ميزان مات بودن (opacity bar) را تا جايي كه مي خواهيد واترمارك­تان آن گونه به نظر برسد، به پايين بكشيد . براي به نتيجه­ي مطلوب رسيدن، ميزان مات­ي بايد تقريبا 50 درصد باشد.

تصوير واترمارك شده اينگونه به نظر خواهد رسيد.

هم چنين مشابه اين روش را براي لوگوها و تصاوير هم مي توانيد استفاده كنيد، ترجيحا با فرمت PNG. كافي است لوگو يا تصويري كه مي خواهيد به عنوان واترمارك استفاده كنيد را باز كنيد، سپس آن را كپي و درون تصويرتان در فتوشاپ پيست كنيد. و به همان صورتي كه در قسمت قبل شرح داده شد ميزان مات بودن واترمارك را كاهش دهيد.

اگر مي خواهيد خلاقيت بيشتري به دست بياوريد و نيز براي ايجاد نمودن واترمارك هاي استادانه­تر، با گزينه هاي ديگري كه زير Blending options قرار دارند، از قبيل Bevel and Emboss (براي تعيين ميزان اريب و برجسته بودن متون يا اشكال) ور برويد.

اگر مي خواهيد واترمارك را بچرخانيد به طوري كه در سرتاسر تصوير مورب به نظر برسد ابزار “Marquee” را انتخاب كنيد، سپس بر روي متن كليك راست كرده و گزينه­ي Free Transform را انتخاب نماييد.

با توقف موس بر روي هر گوشه­ي مشخصي از تصوير مي بايست پيكان خميده­ي كوچكي را ببينيد كه نشان مي دهد شما مي توانيد تصوير را در يك زاويه بچرخانيد.

ايجاد واترمارك نمادي (symbol)

با استفاده از نماد هاي (symbol) داراي حق كپي رايتي كه زير قسمت اشكال فتوشاپ يافت مي شوند،‌ مي توانيد واترمارك بسيار ساده اي ايجاد كنيد كه به شما اجازه مي دهد كل تصوير را به وسيله­ي آن­ محافظت كنيد. البته اين نماد مي تواند با هر شكل ديگري كه براي استفاده، انتخاب مي كنيد جايگزين شود.

بعد از باز نمودن تصويرتان، يك لايه­ي جديد ايجاد كنيد.

در ادامه با استفاده از ابزار اشكال (Shapes tool)، قسمت اشكال سفارشي (Custom Shapes) را انتخاب كنيد.

علامت كپي رايت (©) را انتخاب كنيد و شكل مورد نظر را به درون تصويرتان بكشيد. اندازه و رنگ آن را معين كنيد. با نمادي مثل اين، مي شود بدون معيوب كردن (detracting) بيش از حد خود عكس، آن علامت را در سرتاسر تصوير قرار دهيد.

به هنگام استفاده از يك نماد به عنوان واترمارك، ‌استفاده از تركيب­ هاي اضافي(Blending Options)  واقعا مي تواند جالب توجه باشد. به عنوان مثال و با استفاده از يك نماد كپي رايت (©)، از منوي كشويي، گزينه­ي”  Soft Light” را انتخاب كنيد و مطمئن شويد كه گزينه­ي “Bevel and Emboss ” تيك خورده باشد.

تصوير واترمارك شده اينگونه به نظر خواهد رسيد.

يكي ديگر از روش هاي ايجاد شكل، استفاده از رنگ مشكي به عنوان رنگ مورد استفاده­تان و به كار بردن فيلتر “برجسته كردن” (Emboss) بر روي آن شكل مي باشد. پس از كشيدن يك شكل به درون تصويرتان برويد به: Filter > Sytlize > Emboss

وقتي فتوشاپ از شما مي پرسد كه آيا مي خواهيد شكل­تان را “تبديل به عكس طرح بيتي” (rasterize)  كنيد، ” OK “را كليك كنيد.

در ادامه به قسمت “Layer Styles” برويد و از منوي كشويي “Blend Mode” گزينه ي “Hard Light” را انتخاب كنيد.

تصوير واترمارك شده اينگونه به نظر خواهد رسيد.

اگر مي خواهيد زير علامت “كپي رايت” متني اضافه كنيد از روشي مشابه روش فوق الذكر استفاده كنيد.

ايجاد “اكشن” (action) و واترمارك دسته­اي

اگر مي خواهيد “اكشن”ي را ايجاد كنيد و براي اينكه آن فرآيند را براي واترمارك كردن دسته­اي تصاوير آسان­تر كنيد، مراحلي كه براي اجراي فرآيند انتخاب كرده­ايد را ضبط كنيد و سپس تصاوير را با فشردن يك دكمه واترمارك كنيد.

براي ايجاد “اكشن”­تان، از آموزش هاي كه در اين جا شرح داده شده­اند پيروي كنيد، به همراه مراحلي كه براي ساخت واترمارك مورد علاقه­تان در متن بالا مشخص شده .

پس از اينكه يك بار “اكشن”­تان را ايجاد كرديد، براي اعمال آن “اكشن” روي همه­ي تصاوير يك پوشه برويد به: File > Automate > Batch

شما در اين جا مي توانيد پوشه­ي منبعي كه شامل تصاويري است كه مي خواهيد واترمارك شوند، “اكشن”ي كه مي خواهيد مورد استفاده قرار دهيد، و هم چنين محل ذخيره كردن واترمارك هايتان را انتخاب كنيد.

و البته براي آن اشخاصي از شما كه مي خواهند زندگي را تا حد ممكن آسان سازند، “اكشن”هاي رايگاني براي واترمارك نمودن در فتوشاپ، به منظور دانلود در دسترس هستند،‌ همچون “اكشن” PSNick كه از سايت  DeviantArt قابل دانلود مي باشد.

آيا شما نكات و راهنمايي هايي در مورد چگونگي واترمارك كردن تصاويرتان با استفاده از فتوشاپ داريد؟ بياييد ما را هم در قسمت نظرات، آگاه كنيد.

منبع: MakeUseOf

مقاله ي مرتبط:

How to add a watermark to your photos

آموزش تصويري:

How to create batch watermark images using Photoshop

Watermark your Photos FAST! :: Photoshop Tutorial

جزییات آموزش :

برنامه مورد نیاز : فوتوشاپ

درجه سختی : حرفه ای

میزان زمان تخمین زده شده برای انجام کار : 1 الی 2 ساعت

تصویر نهایی کاری که در آخر درست می کنید

مسئله ای که وجود دارد این است که رندر کردن شعله و آتش در فوتوشاپ کار آسانی نیست و ما هم در این آموز قصد داریم به شما نشان دهیم که چگونه می توان در فوتوشاپ از عکس یک شعله برای ست کردن آن با یک متن استفاده کرد . ما قصد داریم در اینجا به کمک یک پشت زمینه ی تیره و متنی زیبا بر روی عکس یک کار زیبا را تهیه کنیم.

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

قسمت اول – پشت زمینه

خب اول یک پوشه ی جدید در فوتوشاپ با ارتفاع 1200 پیکسل و عرض 1920 پیکسل درست کنید ، با ابزار گرادیان ( با فشردن G آن را بیاورید ) یک گرادیان شعاعی قهوه ای (#5c3d09 to #1f1409) ایجاد می کنیم چیزی که باید ایجاد کنید چیزی شبیه به تصویری است که در زیر نشان داده شده است .

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

قدم 2 :

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

اگر دوست دارید خودتان این بافت را ایجاد کنید ابتدا سری به Bittbox بزنید تا بافتهای کاغذی اصلی را مشاهده کنید و سپس بر اساس آموزش های قبلی کار را دنبال کنید .

قدم 3 :

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

قدم 4 :

خب برای اینکه کمی بیشتر بافت مناسبی داشته باشیم بهتر است فیلتر Texturizer را اجرا کنیم. برای این کار یک لایه ی جدید درست کنید و آن را با رنگ قهوه ای /بژ به شماره ی #66500f پر کنید . سپس به Filter > Texture > Texturizer رفته و از Canvas texture  با 80%  Scaling و Relief 4 استفاده کنید .

قدم 5 :

وقتی که لایه ی texturized را درست کردید ، آن را بر روی دیگر لایه ها قرار دهید . این کار باعث می شود جزییات درخور توجهی به کار و بافت شما اضافه شود که خیلی خوب است چرا که ما قرار است بر روی کاری بزرگ  از نظر ابعاد کار کنیم .

قدم 6 :

قدم بعدی این است که یک لایه با درصد کمی اشباعیت در نیمه ی پایینی عکس وارد کنیم . این کار باعث می شود که بیینده حس کند قسمت بالای کار که آتش است گرم تر و قسمت پایین سرد تر است .

خب پس یک لایه ی جدید درست کنید و آن را با رنگ #4b4f3b پر کنید . سپس یک لایه ی  پوششی  با گرادیان اضافه کنید تا بالا را پوشش دهید و آن را کمی کم رنگ کنید ( پس به افکت نشان داده شده می رسید )

حالا لایه را با رنگ و شفافیت 45 % تنظیم کنید .

قسمت دوم – متن+درخشش = یک چیز فوق العاده

خب ، ما حالا یک پشت زمینه ی شیک و عالی داریم! پس بیایید کمی متن به آن اضافه کنیم. من از فونت Trajan استفاده کردم چرا که ظاهری دراماتیک دارد همان چیزی که ما در این متن به دنبالش می گردیم . در اینجا متن را به رنگ #cb9328 درآورده و سپس به آن Linear Dodge اضافه کرده و شفافیت آن را به 8% می رسانیم .

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

قدم 8:

پس ابتدا یک لایه ی گروهی درست می کنیم تا تمام لایه های متن را درون آن بگذاریم – چرا که تعدادشان زیاد است

سپس لایه ی متن را کپی و تکرار می کنیم و رنگ لایه ی متن تکرار شده را #5e3f1c قرار می دهیم.

قدم 9 :

حالا لایه ی جدید متنی را که ایجاد کردیم بر روی دیگر لایه ها قرار می دهیم و شفافیت آن را به میزان 70% می رسانیم. باید به صورت خرمایی مایل به قرمز برسد ( همانطور که زیر می بینید )

قدم 10 :

حالا دوباره متن را کپی و تکرار کنید و آن را به رنگ زرد به کد #cb9328 درآورید . سپس آن را به Linear Dodge (Add) تنظیم کنید و شفافیت را به میزان 30% برسانید .

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

قدم 11 :

سپس لایه را دوباره کپی و تکرار می کنیم، ولی این لایه  سمت پایین سمت راست است. رنگ آن را به رنگ مشکی به کد #000000 درآورید . سپس به Filter > Blur > Gaussian Blur بروید .از شما پرسیده می شود تا متن را rasterize کنید .بر روی Yes کلیک کنید و سپس شعاع را به حدود 40 پیکسل تنظیم کنید .

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

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

شما باید در این مرحله به چیزی که در تصویر زیر نشان داده شده است برسید .

قدم 12:

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

قدم 13 :

حالا یک بار دیگرلایه ی مشکی را کپی و تکرار می کنیم و با استفاده از از ابزار Smudge ( با فشردن دکمه ی R ) و با یک قلموی نرم و نسبتا بزرگ به سایه ها حالتی لکه ای می دهیم طوری که به نظر  علائم شعله ها و سوختگی برسد .

قدم 14:

این شکلی  است که متن ما حالا به خود می گیرد . در واقع 2 سری از این علایئم سوختگی ایجاد می کنیم. و چهار سری از لایه های سایه که هرکدام از دیگری تاری بیشتری دارند و هرکدام در پشت  کم رنگ می شوند

قدم 15 :

حالا وقت آن رسیده که قسمت بالای متن خود را درخشان کنیم. پس اول از همه لایه ی متن را یک بار دیگر کپی و تکرار می کنیم. و آن را در بالای بالا قرار می دهیم و رنگ آن را زرد به کد —#dc9a08 قرار می دهیم.

سپس Filter > Blur > Gaussian Blur را با شعاع 8 پیکسل  اجرا می کنیم . سپس یک پاک کن نرم بزرگ انتخاب می کنیم و قسمتهایی از پایین را که ناصاف است پاک می کنیم.

قدم 16:

اولین لایه ی درخشان خود را به Soft Light تنظیم می کنیم . می توانید فرایند را باز هم تکرار کنید و حتی قسمتهی بیشتری را پاک کنید تا قسمت بالا باز هم درخشان تر جلوه کند .

قدم 17 :

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

سپس به Layer > Rasterize > Type رفته و متن را به گرافیک مسطح درآورید . سپس لایه را کنترل کلیک کنید و به Select > Modify > Contract رفته و از مقدار 1 پیکسل استفاده کنید . سپس Delete را فشار دهید تا همه چیز را به جز مرز 1 پیکسلی پاک کنید .

قدم 18 :

حالا لایه ی 1 پیکسلی را برروی دیگر لایه ها قرار دهید و باید به تصویری شبیه چیزی که در زیر نشان داده شده است برسید .

قدم 19 :

حالا به درخشش 1 پیکسلی خود یک لایه ی پوششی اضافه کنید تا پایین را کم رنگ تر کند همان طور که با دیگر لایه ها همین کار را کردیم .

سپس لایه را کپی و تکرار کنید و به Filter > Blur > Gaussian Blur رفته و آن را به 1 پیکسل تنظیم کنید . سپس این لایه را دوباره کپی و تکرار کنید و به میزان 2 پیکسل آن را بلور و تیره کنید . سپس دوباره لایه را کپی و تکرار کنید و میزان تیرگی و بلورینگی آن را در 4 پیکسل تنظیم کنید .

سپس بر روی هرکدام از لایه های متن کنترل کلیک کرده ،و برای معکوس کردن انتخاب  Ctrl+Shift+I را فشار دهید و به هرکدام از لایه های درخشش بروید و Delete را فشار دهید تا هر تیرگی که بر روی مرز متن وجود دارد حذف شود .

این ایده از آنجا است که ما می خواهیم لبه های متن به نظر سرخ و داغ برسند و در بقیه ی درخشش داغ بر روی متن کم رنگ شود

قدم 20 :

حالا تمامی 4 لایه ی درخشان را کپی و تکرار  کنید و آنها را با هم ادغام کنید . این کار باید در لایه ی بالایی که به صورت ابتدایی رنگش زرد بود نتیجه دهد .

ابزار Smudge را انتخاب کنید و بر روی کل متن بکشید ، آن را تار کنید تا همانند آن چیزی که نشان داده شده است  به نظر برسد موجی از حرارت بر روی متن کشیده می شود

قدم21:

حالا این لایه ی آخری را که ایجاد کردید بر روی دیگر لایه ها قرار دهید و باید به چیزی همانند این چیزی که نشان داده شده برسید .

قدم 22:

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

قدم 23:

در قدم بعدی به سراغ محتوای متن می رویم ،  والپیپری را که بار آخر ساختیم در آن متنی را  انتخاب کردیم که در مورد زمین بود .انتخاب متنی زیبا باعث می شود که کار ما زیباییش به درون هم کشیده شود پس برای انتخاب متن خود دقت کنید . سعی کنید از رنگهایی استفاده کنید که با پشت زمینه و لایه های شما همخوانی دارد تا زیاد از کار شما فاصله نگیرد . چرا که ما به شدت می خواهیم که این یکی از المان های اصلی کار و در واقع دومین المان ما در متن اصلی  باشد . من از فونت Swiss Light Condensed به عنوان فونت کاری خودمان استفاده می کنم همانطور که در کار قبلی شاهد آن بودید .

قسمت 3 :  شعله ها

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

AcheroN—Fotolia.com

Peasap—Flickr.com

حالا می بینید که تکنیک کپی کردن شعله های آتش واقعا کار ساده ای است . من خودم این کار را وقتی که مشغول خواندن یکی از آموزش های  Nik Ainley برای طراحی هنری بودم ، یاد گرفتم  . در مجله ای به نام Create Amazing Photomontages که او هنرش را با افکت آب به نمایش گذاشته بود .

کاری که باید انجام دهید این است که :

عکس آتش را در فوتوشاپ باز کنید .

به تب شبکه ها بروید و کانالی را که بیشترین کانتراست را دارد پیدا کنید . که این کانال برای عکس های آتش باید Red Channel باشد بر روی آن کلیک کنید .

این باعث می شود که تصویر شما سیاه و سفید دیده شود و بخاطر اینکه ما کانالی با کانتراست بالایی  را انتخاب کردیم به نظر می رسد که به شدت سفید روشنی است . حالا این کانال را کنترل کلیک کنید و تمام پیکسل هایی که در این کانال قرار دارد با این کار شما انتخاب می شو د .

RGB کانال را انتخاب کنید و پیکسل ها را کپی کنید .

حالا شما می توانید شعله ها را در تابلوی زیبای خود بچسبانید .

این تکنیک واقعا یک تکنیک عالی و بدرد بخور برای چیزهای دنباله دار مانند همین آتش و شعله هایی است که ما در کار از آنها می خواهیم لذت ببریم . و اگر شما سری به آموزش Nik بزنید آنجا هم موارد مشابهی را ولی با آب خواهید یافت .

قدم 25 :

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

قدم 26 :

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

لایه ها را به حالت Screen درآورید تا تمام قسمتهای سیاه باقی مانده محو شود و حتی کمی کم رنگ شود تا بهتر جلوه کند .

قدم 27 :

حالا برای اینکه متن ما فقط شامل چهار حرف است ، ما نیاز به چهار قسمت مجزا از آتش داریم. برای قسمت چهارم ( بر بالای E) به سایت فلیکر رفته و عکسی متناسب با کار را انتخاب کرده و همین فرایندی را که برای ایجاد شعله های آتش استفاده کردیم تکرار می کنم. همچنین شعله هایی که بر روی حروف قرار دارد را کمی تار می کنم تا طبیعی تر و بهتر جلوه کند .

قدم 28 :

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

قدم 29 :

خب همانطوری که می بینید بدین گونه چهار تیکه شعله را بر بالای کار قرار دادیم . بد نیست ولی مشاهده می کنید که شعله های حروف I وR مشابه یکدیگرند و درضمن شعله ها به اندازه ی کافی بلند نیستند .

قدم 30 :

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

قدم 31 :

حالا برای اینکه باز هم روشن تر شود هر کدام از لایه ها را کپی و تکرار کنید و به a Filters > Blur > Gaussian Blur رفته و شعاع 3 پیکسل و شفافیت 15% را تنظیم کنید تا با این کار در لبه های شعله ها درخشش ایجاد کنید .

قدم 32 :

همانطور که می بینید کار نسبتا راضی کننده ای شد

قدم 33 :

در آخر ما آخرین برجستگی ها را هم به کار اضافه می کنیم. خب یک لایه ی جدید در بالای دیگر لایه ها درست کنید و مانند چیزی که در تصویر می بینید یک گرادیان سفید تا سیاه ایجاد کنید . این لایه را بر دیگر لایه ها قرار داده و شفافیت آن را به میزان 40% برسانید .

تمام شد  !

و این گونه ما تصویر خود را می سازیم!  متنی با افکتی آتشین !

امیدوارم از نتیجه ی کار راضی باشید و از آن حسابی لذت ببرید

با تشکر از همگی شما و وقتی که  گذاشتید

منبع : psd.tutsplus

جزییات آموزش :

برنامه : ادوبی فوتوشاپ

میزان سختی : در حد حرفه ای

میزان زمان تخمین زده شده برای انجام کار: یک الی دو ساعت

تصویر نهایی از کاری که آن را به پایان رسانده اید

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

قدم 1 :

این آموزش از سه بخش تشکیل شده : پشت زمینه ، خود متن و تغییرات و افکت های نهایی . پس در قدم اول باید پشت زمینه را درست کنیم. برای این کار یک پوشه ی جدید در فوتوشاپ درست می کنیم . من به شخصه اندازه ی پوشه ی خودم را  در     1920 x 1200   تنظیم می کنم چرا که با صفحه ی لپ تاپم جفت و جور شود . شما هر اندازه ای که مناسب دیدید می توانید برای خودتان تنظیم کنید .

خب کار را با کشیدن یک گرادیان شعاعی با ابزار گرادیان که با فشردن دکمه G می توانید آن را  انتخاب کنید آغاز می کنیم . یک گرادیان که از زرد روشن –سبز (#adbf41) شروع می شود و به یک سبز ملایم (#328a26). می رسد . این طور که به نظر می رسد بیشتر کارهایی که با افکتهای فوتوشاپی در ارتباط است با ابزار گرادایان گره خورده است !

قدم 2 :

حالا در این مرحله می خواهیم برای این عکس یک پشت زمینه ی عالی درست کنیم . بافتی که می خواهیم ایجاد کنیم کمرنگ شبیه به کاغذ است پس اولین چیزی که ما نیاز داریم….یک بافت کاغذی است !

خوشبختانه شما می توانید   تعدادی بافت کاغذی بسیار زیبا از Bittbox دریافت کنید که حسابی زیبا و بزرگ هستند که برای کار ما مناسبند چرا که این تصاویر مربوط به پوسترهای بزرگ اند .

خب بعد از اینکه یکی از تصاویر بزرگ را انتخاب کردید آن را با فشردن دکمه های (Ctrl+Shift+U) غیر اشباع کنید و آن را به سمت بالا بکشید تا کار شما را کاملا پوشش دهد .

قدم 3 :

خب حالا ما این لایه را بر روی لایه ها قرار می دهیم و شفافیت آن را به میزان 70% رسانده تا با پشت زمینه ی زیبای سبزی که داریم بافت درخورتوجهی را ایجاد کند .

قدم 4:

حالا برای اینکه یک ظاهر پریشان و جذاب به کار بدهیم این لایه را کپی می کنیم آن را به میزان 180 درجه می چرخانیم و آن را به 20% می رسانیم . سپس لایه های بیشتری از بافت کاغذی ایجاد می کنیم ( با استفاده از بافتهای متفاوت از Bittbox ) و همه ی آنها را متناسب با یکدیگر در بالای یکدیگر قرار می دهیم .

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

همانطور که در تصاویر می بینید در این جا ما شش لایه داریم . بیاد داشته باشید که بهتر است فایلهای PSD را از سایت دریافت کنید تا بهتر بتوانید کار را انجام دهید ( برای این کار باید عضو سایت مورد نظر باشید )

قدم 5 :

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

قدم 6 :

حالا یک لایه ی جدید در بالا ایجاد می کنیم و به کمک یک قلموی بزرگ ، نرم مشکی یک سری رنگ  مشکی  به لبه ها اضافه می کنیم . کار خوبی به نظر می رسد شفافیت را به 30% رسانده و آن را بر روی دیگر لایه ها قرار می دهیم. سپس می توانید لایه را کپی و تکرار کنید و یک Gaussian Blur سنگین بر روی آن اجرا کنید ( آن را به حدود 32 پیکسل برسانید ) در این حالت لبه ها کاملا نرم و مشخص می شوند .

قدم 7 :

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

قدم  8

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

پیدا کردم

پس عکس را در سایز بزرگ و کامل دانلود کنید و آن را در کار خود کپی کنید  .

قدم 9

حالا وقت تایپ کردن رسیده پس فونت مورد علاقه تان را انتخاب کنید من فونت Swiss 924BT را برای کارم انتخاب کردم فونت توپول ! و مناسبی است به نظریم فونت خوب و مناسبی است . و من کلمه ی “EARTH”. را با آن نوشتم .

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

قدم 10 :

خب در اینجا متن بر بالای چمنهایی است که قبلا آن را درست کرده ایم.

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

من همین الان به شما اخطار می کنم که این کار فرایندی بسیار خسته کننده دارد !

قدم 11:

خب ، در اینجا ما شروع به ترسیم می کنیم . ابتدا ابزار پن ( با فشردن دکمه ی P می توانید آن را فعال کنید ) را انتخاب کنید .

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

قدم 12

وقتی که Path خود را تمام کردید بهترین کار آن است که آن را در Paths Palette ذخیره کنید . شما می توانید این کار را با سوئیچ کردن به Palette و سپس کلیک کردن بر روی فلش کوچک پایینی و انتخاب ذخیره ی Path انجام دهید . با این کار وقتی که شما Path خود را دوباره نیاز داشتید می توانید براحتی آن را از اینجا بگیرید .

به هرحال ، با دابل کلیک کردن بر روی Path می توانید ناحیه ای را که انتخاب کرده بودید را بیاورید و به لایه ی چمن خود بازگردید . لایه ی چمن را کپی و تکرار کنید .با این کار شما چمن کافی برای باقی حروف در اختیار دارید سپس ناحیه ی انتخابی خود را با فشردن (Ctrl+Shift+I) بچرخانید و چمن های اضافی را ببرید . در تصاویری که می بینید من لایه ی پشتی تکرار شده ی چمن ها را کم رنگ کردم تا به خوبی متوجه کاری که انجام شده بشوید و قسمت E حذف شده را به خوبی ببینید .

قدم 13:

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

قدم 14:

پس اول از همه ، تعدادی لایه های استایلی اضافه می کنیم تا کمی به آن دید سه بعدی بدهیم . استایل ها در زیر نشان داده شده اند .

اینها سری اول لایه های استایل هستند …

قدم 15

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

این هم سری دوم از لایه های استایلی ….( توجه داشته باشید شفافیت آن به میزان 51% است که با لایه ی قبلی ترکیب خوبی را ایجاد کند )

قدم 16 :

می بینید که این کارها کمی تجربی است و وقتی دیدید که ظاهری راضی کننده داشت می توانید کار را ادامه دهید و هنوز کارهای زیادی مانده که انجام دهید . حالا باید کمی سایه به کار اضافه کنیم. برای این کار از تکنیک خاصی استفاده می کنیم که همانطور که خواهید دید از نور و سایه برای جان دادن به متن استفاده می کنیم .

هدق ما ایجاد یک دید سه بعدی است . پس بر روی چمن ها کنترل کلیک کنید و سپس در لایه ی زیری آن را با سیاه پر کنید . سپس فلش پایینی را یک بار فشار دهید و همین طور فلش سمت راست را و آنها را دوباره پر کنید. سپس این کار را آن قدر تکرار کنید تا به افکتی همانند  افکت نشان داده شده برسید . فکر می کنم این کار را باید 15 مرتبه تکرار کنید .

قدم 17 :

حالا Filter > Blur > Motion Blur را بر روی سایه ی خودمان که آن را ایجاد کردیم با زاویه ی 45 درجه و فاصله ای در حدود 30 اجرا می کنیم . سپس شفافیت متن را به میزان 50 % می رسانیم . شما باید به چیزی که در تصاویر نشان داده شده است برسید .

قدم 18 :

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

قدم 19 :

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

قدم 20 :

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

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

قدم 21:

حالا با کشیدن این تیکه ها به سمت ناحیه های سایه می توانیم یه ناحیه ی چمن کاری شده ی سه بعدی زیبا همانطور که در تصاویر می بینید داشته باشیم.

از آنجا که این چمن ها در سایه هستند می توانید با استفاده از ابزار Burn با فشردن دکمه ی O آن ها را به طور مناسبی تاریک تر کنید .

قدم22:

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

قدم 23:

با همان تکنیکی که گفته شد حرف A را هم می سازیم.

قدم 24:

و سپس R وT و حالا شما تصویر مد نظر خود را دارید

قدم 25 :

و در آخر کل کلمه ! تنها کار اضافی که باید در اینجا انجام دهیم این است که کمی حروف را از هم دور کنیم. هر حرفی در لایه ی خودش قرار دارد و به همین دلیل جابجایی و ویرایش آن به سادگی انجام می شود .

قدم 26:

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

پس در ابتدا ، بهتر است متن بیشتری را وارد کار کنیم . در اینجا من یک متن زیبا را درباره ی زمین از اینترنت پیدا کردم و آن را د کار وارد می کنم.

متن در فونت Swiss که باریکتر است تغییر می کند با استفاده از فونت های مختلف از یک خانواده (سنگین، سبک و غیره ) می توانید به کار خود یک انسجام چشم نواز بدهید .

در اینجا من شفافیت متن را به میزان 50% رساندم  و سپس متن را کپی و تکرار کردم و آن را با صفحه نمایش تنظیم کردم و درصدش را به 50%رساندم . سپس یک علامت نقل قول با همان فونت Swiss که قبلا هم آن را انتخاب کرده بودیم اضافه می کنم . ولی آن را بسیار بزرگ و آن را به صورت سایه روشن سبز در می آورم.

قدم 27 :

سپس کمی برجستگی به کار اضافه می کنیم . برای این کار در بالای همگی لایه ها یک لایه اضافه می کنیم و با استفاده از ابزار گرادیان که با فشردن دکمه ی G آن را انتخاب می کنیم یک گرادیان از سفید > شفاف به سمت بالا سمت چپ می کشیم . سپس این لایه را نرم و روشن به میزان 50% می رسانیم. این باعث می شود که چهره ی خیلی زیبایی در کار ایجاد شود .

قدم 28 :

حالا دو المان چشم نواز برای هزچه زیبا تر کردن رنگ سبز کار اضافه می کنیم . این عناصر شامل یک پروانه ی آبی رنگ درخشان و یک کفش دوز  قرمز رنگ است .من از یک سری عکس های استاندارد عالی برای این کار استفاده کردم با استفاده از کلمات Ladybug | Butterfly در وب سایت های مربوط به تصاویر آن قدر گشتم تا چیزی که مد نظرم بود را پیدا کنم.

قدم 29 :

چایگذاری تصاویر بسیار آسان است . ابتدا پروانه ! عکس را در برنامه ی فوتوشاپ باز کنید با استفاده از ابزار پوب جادویی که می توانید با فشردن دکمه ی W آن را انتخاب کنید ، تمام نقاط سفید را انتخاب کنید سپس به Select > Modify > Expand بروید و ناحیه ی انتخابی را با 1 پیکسل افزایش دهید تا مطمئن شوید تمام آن را مورد نظر داشته اید . سپس دکمه های Ctrl+Shift+I را فشار دهید  تا ناحیه ی انتخابی را تبدیل کرده و پروانه را بر روی کار اصلی بچسبانیم.

کفش دوزی را که انتخاب کردیم باید کمی از قسمتهایش را برای کار ببریم . برای این کار ابزار پن را با فشردن دکمه ی P   انتخاب می کنیم و اطراف آن یک چیزهایی که دوست داریم را می کشیم و آن را برش می دهیم.

قدم 30 :

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

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

برای هرکدام از آنها یک سایه هم اضافه کنیم بد نیست ! برای کفش دوز سایه اش بسیار نزدیکش است چرا که خیلی کوچک است و بر روی چمن های راه می رود . ولی برای پروانه سایه اش را چیزی در حدود 10 پیکسل دورتر کشیدم چرا که او در حال پرواز است و سایه اش باید کوچکتر و دور تر از خودش  باشد

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

منبع  : psd.tutsplus