خلق یک ربات در فتوشاپ

[mehraboOon]

خلق یک ربات در فتوشاپ


http://www.gooyait.com/uploads/Robot000.jpg
تصویر نهایی طرحی که درخواهید آورد

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


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

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 یک کله بکشید(۱a) . مطمئن شوید که تمام نقاط به صورت شبکه ای هستند و تمام خطوط بر روی پیکسل ها قرار دارند و آنها را قطع نکنند . با این کار ازضد aliasing جلوگیری می شود . با استفاده از Color Overlay (1b) نور سر را صورتی کنید (۱c) .
http://www.gooyait.com/uploads/1306.png
قدم دوم :
از قسمت style ، Gradient Overlay را اضافه کنید (۲a, 2b) تا حالتی شبیه به بازتاب از سطح فلز ایجاد شود (۲c)
http://www.gooyait.com/uploads/2251.png


قدم سوم:
از قسمت style ، Inner Glow را اضافه کنید (۳a) تا محیط داخلی و بازتابهای آن به خوبی شبیه سازی شود و Inner Shadow را اضافه کنید (۳b) تا سطح کار انحنای بهتری پیدا کند. نور از قسمت بالای کارکتر می تابد و پس بنابراین سایه ی داخلی در اطراف بالای سر مرز بیرونی را کاملا مشخص می کند . (۳c)
http://www.gooyait.com/uploads/3209.png
قدم چهارم :
به کمک یک مستطیل ساده ی طلایی گردن را طراحی می کنیم. دوباره مطمئن شوید که برای لبه های کار حالت شبکه ای را انتخاب کرده اید (۴a).از قسمت style ، Gradient Overlay را انتخاب کنید (۴b, 4c) یک سری برجستگی های بازتاب را اضافه می کنیم . یک سایه ی داخلی (۴d) سایه هایی که بر روی قسمت سر قرار دارد را شبیه سازی می کند (۴e).
http://www.gooyait.com/uploads/4184.png
قدم پنجم :
به سراغ چشمها می رویم . یک دایره ی طلایی بکشید (۵a) . یک Gradient Overlay زاویه دار اضافه کنید (۵b, 5c) تا یک بازتاب متفاوت از سطح فلز ایجاد کنیم. (۵d).

http://www.gooyait.com/uploads/5167.png

[mehraboOon]

قدم ششم :
از قسمت style ، گزینه ی Stroke را برای داخل انتخاب کنید و مرز داخلی را برجسته تر کنید (۶a) . با انتخاب ساایه ی داخلی (Inner Shadow) (6b) و کشیدن یک سایه (۶c) ما چشم ها را در جلوی سر می کشیم (۶d).
http://www.gooyait.com/uploads/6137.png

قدم هفتم :
مردمک چشم یک دایره ی نارنجی ساده است (۷a). . از قسمت style ، Bevel and Emboss را انتخاب کنید و آن را کم کنید (۷b) که این کار باعث می شود مردمک چشم به خوبی در جای خودش قرار بگیرد. (۷c دوباره از قسمت style ، Inner Glow را انتحاب کرده و آن را در مرکز قرار دهید (۷d) که این عمل باعث می شود کاملا شبیه چشم شود (۷e).
http://www.gooyait.com/uploads/7129.png
قدم هشتم :
برای اتمام کار مردمک چشم باید سایه ی داخلی اضافه کنیم (۸a) و همچنین یک درخشش صورتی رنگ به سمت خارج(۸b) . همانطور که ملاحظه می کنید یکی از چشم ها کامل شد و حالا با کپی و تکرار آن یکی دیگر از چشمها را هم درست می کنیم. (۸c)
تا اینجای کار این لایه ها را داشتیم . مهم است که بتوانیم ساختار لایه ها را مدیریت کنیم.اگر مایل بودید با استفاده از رنگ ها و پوشه ها می توانید این کار را انجام دهید (۸d)
http://www.gooyait.com/uploads/8100.png

قدم نهم:
حالا به سراغ لبها می رویم شکلی برای آنها بکشید (۹a) با استفاده از یک گرادیان Overlay زرد به سمت شفاف(۹b) لب بالایی را برجسته می کنیم. (۹c) از قسمت style ، Stroke و Inner Shadow را اضافه می کنیم و همچنین Drop Shadow یا بهتر است آنها را از قسمت چشمها کپی کنید تا لبها را کامل کنید (۹d)
http://www.gooyait.com/uploads/986.png

قدم دهم :
با استفاده از یک مستطیل قهوه ای تیره یک دندان در مرکز درست کنید (۱۰a) با استفاده از Bevel and Emboss (10b) و Inner Shadow (10c) دندان را درست و مرتب کنید.در واقع این دندان یک شکاف در لب ها است (۱۰d) باقی دندان ها را می توانید با کپی کردن همین دندان و تغییر اندازه دادن آن به مقدار دلخواه به صورت شبکه ای بدست آورید .( ۱۰e)
http://www.gooyait.com/uploads/1065.png

[mehraboOon]

قدم ۱۱ :
از یک ذوزنقه ی نیمه استفاده می کنیم (۱۱a) تکنیک سایه ها همانی است که قبلا با آن کار کردیم . از گرادیان بر روی لایه های استفاده می کنیم. (۱۱b, 11c) از برق درونی (۱۱d) سایه ی داخلی(۱۱e) و نتیجه ی کار یک مخروط فلزی است (۱۱f)
http://www.gooyait.com/uploads/11119.png

قدم ۱۲ :
دامن کارکتر مانند یک زنگ است (۱۲a) دوباره وقت آن رسیده که از Gradient Overlay استفاده کنیم (۱۲b, 12c) برق داخلی (۱۲d) و سایه ی داخلی (۱۲e) تا آن را سایه دار کنیم (۱۲f)
http://www.gooyait.com/uploads/12102.png

قدم ۱۳:
بازوی چپ را به صورت یک میله ی نازک فلزی که در ابتدا بیرون خم شده است و از قسمت شانه پایین است و در آخر به صورت خط صافی پایان یافته است ( مانند تصویر۱۳a ) با استفاده از برق تیره ی داخلی (۱۳b) ما یک سطح منحی دار را شبیه سازی می کنیم(۱۳c) و با همین متد دستها را هم درست می کنیم. (۱۳d)
همانطور که می بینید می توانیم با همین شیوه مواد و قسمتهای مختلف دیگر را هم طراحی کنیم. البته این کار کاملا سلیقه ای است و کاملا بستگی به سلیقه ی شخصی شما دارد که چه قسمتهایی را بخواهید سایه بزنید و با چه ابعادی کار کنید .
http://www.gooyait.com/uploads/1339.png

قدم ۱۴ :
دستهای بوسیله ی یک نقطه ی اتصال گرد مشابه چشم ها به بازوها متصل شده اند (۱۴a) یک Gradient Overlay زاویه ای مشابه برای ن هم پیاده کنید (۱۴b, 14c) و یک stroke نسبتا کدر برای نشان دادن لبه ها (۱۴d) همانطور که می بینید کار دستها تمام شد و آماده شدند (۱۴e)
http://www.gooyait.com/uploads/14000000.png

قدم ۱۵ :
برای تکمیل بازوها به یک سیم نیاز داریم که به دور میله ی آهنی می گردد . یک لایه ی جدید درست کنید به کمک ابزار خودکار ( کلید میان بر P) یک مارپیچ بکشید (۱۵a) . دکمه B را فشار دهید تا ابزار قلمو را فعال کنید و سپس F5 را فشار دهید تا سطل قلمو ها را باز کنید یک لبه تیز را بردارید انحنا را با قطر ۲px تنظیم کنید (۱۵b) حالا در قسمت سطل بر روی خط فنر راست کلیک کنید و Stroke Path را انتخاب کنید . خط مورد نظر در لایه ی جدید stroked می شود . (۱۵c) فنر را در جایی در پشت بازو خم شده است بپوشانید (۱۵d)
http://www.gooyait.com/uploads/15000000.png
قدم ۱۶ :
ابزار Dodge را فعال کنید ( به کمک کلید میانبر O) و آن را در حالت سایه قرار دهید . فنر را در قسمتی که به طرف بیننده است رنگ بزنید. این قسمتها باید برجسته و تقریبا سفید باشند . (۱۶a) همنطور که ملاحظه می کنید یکی از بازوها هم به پایان رسید و حالا شما می توانید تمام این لایه ها را در یک گروه قرار دهید .بازوی ساخته شده را کپی و تکرار کنید . به صورت افقی به سمت دیگر بدن بچرخانید و به این ترتیب بازوی دیگر را هم بسازید (۱۶b)
http://www.gooyait.com/uploads/16000000.png

[mehraboOon]

قدم ۱۷ :
وقت آن رسیده که یک سری جزییات به کار اضافه کنیم . گردن ، سر و قسمتی از دامن ربات که به صورت صفحات فلزی ساخته شده است و همه ی آنها به هم متصل می باشد .
یک مستطیل عمودی نازک در مرکز نیم تنه درست کنید آن را به رنگ خاکستری متعادل دربیاورید (۱۷a) حالا پنجره ی قلموها را با فشردن کلید F5 باز کنید و فضا را تا ۶۰۰% اضافه کنید . در قسمت preview شما می توانید تغییرات را مشاهده کنید(۱۷b) با پایین نگه داشتن کلید شیفت یک خط عمودی از پرچ ها در مستطیل ایجاد کنید(۱۷c) یک سایه ی افتاده سفید اضافه کنید (۱۷d) تا پرچها را داخل کار نشان دهید حالا لایه را کپی و تکرار کنید (Duplicate) تا یک ردیف دیگر از پرچ ها را ایجاد کنید (۱۷e)
http://www.gooyait.com/uploads/17000000.png
قدم ۱۸ :
چند ردیف دیگر از این پرچ ها به نیم تنه اضافه کنید (۱۸a) همچنین یک ردیف بر روی سر و گردن هم قرار دهید (۱۸b)
دامن ربات هیچ پرچی ندارد فقط خطهای افقی منحنی در آن است آن هم یک سایه سفید افتاده مانند پرچ ها دارد (۱۸c) خطها را با پوشش وکتور از دامن جدا کنید (۱۸d, 18e)
http://www.gooyait.com/uploads/180000001.jpg
قدم ۱۹ :
نیم تنه هنوز کامل نشده است و نیاز به یک انعکاس بزرگ برجستگی دارد . یک بیضی بزرگ بالای آن بکشید (۱۹a) آن را با مقدار شفافیت۳۵% تنظیم کنید و آن را با ماسک وکتور نیم تنه برش دهید (۱۹b)
http://www.gooyait.com/uploads/190000001.jpg
قدم ۲۰ :
حالا به سراغ گوشها می رویم ربات آنتن های کوچکی بر روی سرش قرار دارد . در ابتدا پایه ی گوش چپ را درست کنید یک مربع مستطیل طلایی ایجاد کنید (۲۰a) آن را با Gradient Overlay پر کنید (۲۰b, 20c) فکر می کنم به اندازه کافی درخشان باشد(۲۰d)
http://www.gooyait.com/uploads/2014.png


قدم ۲۱ :
با استفاده از یک سایه ی داخلی که از سمت چپ آغاز می شود (۲۱a ) سایه که از سر می گذارد را شبیه سازی کنید (۲۱b) یک مستطیل نازک که با دو گرادیان عمودی پر شده است را به عنوان آنتن که در دو طرف سر قرار دارد اضافه کنید (۲۱c)
http://www.gooyait.com/uploads/21102.png

[mehraboOon]

قدم ۲۲ :
در انتهای میله ای که از گوش بیرون زده یک دایره ی زرد رنگ اضافه کنید (۲۲a) و با استفاده از Inner Glow آن را گرد کنید ((۲۲b. 22c برای اینکه دایره ی زرد رنگی را که اضافه کرده اید شکل توپی به خوب بگیرد مانند تصویر دو بیضی بر روی آن ایجاد کنید یکی قهوه ای تیره و دیگری زرد روشن (۲۲d)
http://www.gooyait.com/uploads/22000000.png
قدم ۲۳ :
همانطوری که بازوها را ایجاد کردید حالا با همان روش آنتن کوچکی را درست کنید مسیری را بکشید (۲۳a) آن را سفید کنید و پوشش دهید (۲۳b) در قسمت style ، درخشش بیرونی را انتخاب کنید و آن را بر روی حالت Linear Dodge تنظیم کنید (۲۳c) تا یک درخشش خیلی روشن ایجاد کنید (۲۳d) گوش چپ به پایان رسید پس به راحتی آن را کپی و تکرار کرده و می چرخانیم و گوش سمت راست را هم ایجاد کنید (۲۳e)
http://www.gooyait.com/uploads/23000000.png
قدم ۲۴ :
برای کشیدن پا ابتدا یک مستطیل کوچک با لبه های خمیده بکشید (۲۴a) آن را با Gradient Overlay مسی پر کنید (۲۴b, 24c) درخشش داخلی (۲۴d) و سایه ی داخلی (۲۴e) اضافه کنید . و این مدلی را که ساختید چندین مرتبه تکرار کنید تا پا ساخته شود (۲۴f)
http://www.gooyait.com/uploads/24000000.png

قدم ۲۵ :
مچ پا بوسیله ی حلقه های فلزی به ساق پا متصل شده است حالا دیگر می دانید که چگونه آنها را باید درست کنید (۲۵a) مچ پا را به صورت لایه ای درست کنید (۲۵b) و آن را از قسمت ساف پا کپی و تکرار کنید . فقط شمارنده ی سایه داخلی را تغییر دهید (۲۵c) تا رنگ آن تغییر کند (۲۵d) حالا ساق پا هم به پایان رسید پس تمام این قسمت را در گروه قرار داده و به همان صورت قبلی پای دیگر را درست کنید
http://www.gooyait.com/uploads/25000000.png
قدم ۲۶ :
ربات ما دیگر ظاهرا تمام شده است ولی هنوز یک سری ریزه کاری هایی دارد .او نیاز به بافتهای دارد تا واقعی تر جلوه کند بافت Rust #1 را در پوشه قرار دهید و آن را تغییر اندازه دهید تا متناسب با سر ربات شود (۲۶a) آن را در حالت blending در حالت Soft Light قرار دهید و با وکتور پوششی سر جدا کنید (۲۶b) برای گردن از Rust #2 استفاده کنید (۲۶c) و آن را در حالت Overlay قرار دهید (۲۶d)
http://www.gooyait.com/uploads/26000000.jpg
قدم ۲۷ :
به سراغ نیم تنه رفته و از بافت Rust torso استفاده کنید و آن را آنجا قرار دهید در حالت Soft Light آن را تنظیم کنید (۲۷a) دامن هردو بافت Skirt #1 و Skirt #2 را می گیرد که یکی بر بالای دیگری قرار می گیرد و سر و ساق پاها نیز با همین روش پرداخته می شوند (۲۷b) حالا ربات ما ظاهر بهتری پیدا کرده است
http://www.gooyait.com/uploads/27000000.jpg

[mehraboOon]

قدم ۲۸ :
یک ربات محترم حتما در قسمت .... اش چیزی قرار دارد پس بهتره ربات ما هم از این دسته ربات ها باشد . بهتر است که یک قسمت کنترلی آنجا بگذاریم .
یک بیضی بکشید (۲۸a) و Angle Gradient Overlay زاویه ای را اعمال کنید (۲۸b) همچنین یک درخشش داخلی معمولی هم اضافه کنید (۲۸c) سایه داخلی (۲۸d) و سایه ی افتاده هم (۲۸e)
http://www.gooyait.com/uploads/28000000.jpg
قدم ۲۹ :
صفحه ی فلزی را با یک بافت مسی کامل کنید (۲۹a) صفحه نمایش هم یک بیضی کوچک است (۲۹b) با یک گروهی از لایه ها در کنار یکدیگر که به آن اضافه می شود (۲۹c)
http://www.gooyait.com/uploads/29000000.jpg

قدم ۳۰ :
صفحه ی خالی (۳۰a) می تواند با یک سلام گرم و دو علامت وضعیت پر شود (۳۰b) همچنین برای اینکه کار طبیعی تر جلوه کند یک رفلکس بر روی شیشه با کشیدن یک هلال سفید با میزان شفافیت ۳۵% بکشید (۳۰c)
http://www.gooyait.com/uploads/300000001.jpg
قدم ۳۱ :
از قدم اختیاری است و می توانید آن را انجام ندهید . یک عکس شیشه ی شکسته ( glass #1 )را باز کنید و به Select > Color Range بروید و برجستگی ها را انتخاب کنید (۳۱a) Command + J را بزنید تا یک لایه ی جدید از ناحیه انتخابی درست شود و این لایه را بر روی صفحه نمایش ربات بکشید . می توانید یک سایه ی داخلی سفید هم اضافه کنید (۳۱b) و همچنین یک سایه ی افتاده ی کدر (۳۱c) تا به کار عمق دهید و همچنین از تصویر Broken glass #2 هم به همین شیوه می توانید استفاده کنید (۳۱d)
http://www.gooyait.com/uploads/31000000.jpg
قدم ۳۲ :
فقط یک پشت زمینه و یک زمینی که دوست دارید به کار اضافه کنید و به این ترتیب ربات ما آماده می شود

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

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

http://www.gooyait.com/uploads/Robot0001.jpg
منبع : psd.tutsplus