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

آموزش فتوشاپ : طراحی موجود خیالی - قسمت اول


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

پیش نمایشی از طرح نهایی

آموزش طراحی موجود خیالی در فتوشاپ

گام 1

در فتوشاپ یک سند جدید به ابعاد 1400x1333 ایجاد کنید و آن را با رنگ سفید پر کنید.

از منو Layer > New Fill Layer > Solid Color را انتخاب کنید و رنگ #70dce3 را انتخاب کنید.

آموزش طراحی موجود خیالی در فتوشاپ

گام 2

تصویری از آسمان را در فتوشاپ باز کنید. با ابزار Rectangular Marquee (M) آسمان را انتخاب کنید و سپس با ابزار Move (V) تصویر را به داخل پروژه اصلی بکشید.

آموزش طراحی موجود خیالی در فتوشاپ

دومین دکمه در پنل Layers را انتخاب کنید تا یک ماسک به لایه اضافه شود. ابزار Brush (B) را با لبه هایی نرم و رنگ سفید انتخاب کنید . شفافیت براش را 5 تا 10 درصد انتخاب کنید و در بالا و پایین طرح بکشید وضوح طرح در آن قسمتها کمتر شود

آموزش طراحی موجود خیالی در فتوشاپ

گام 3

از منو Layer > New Adjustment Layer > Color Balance را انتخاب کنید و از آن یک Clipping Mask بسازید. تنظیمات Midtones ، Shadows و Highlights را مانند تصاویر زیر انجام دهید.

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 4

یک لایه adjustment برای Curves ایجاد کنید و آنرا بعنوان Clipping Mask تنظیم کنید. میزان lightness را افزایش دهید .

بر روی این ماسک یک براش نرم به رنگ سیاه و با شفافیت %10-15 انتخاب کنید و بر روی قسمتهایی که زیاد روشن هستند بکشید تا میزان نور کمتر شود.

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 5

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

آموزش طراحی موجود خیالی در فتوشاپ

گام 6

از منو Filter > Blur > Gaussian Blur را انتخاب کنید. میزان Radius را بر روی 4 قرار دهید

آموزش طراحی موجود خیالی در فتوشاپ

گام 7

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

آموزش طراحی موجود خیالی در فتوشاپ

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

آموزش طراحی موجود خیالی در فتوشاپ

گام 8

لایه های تپه ها را انتخاب کنید و Ctrl+G را فشار دهید تا به یک گروه تبدیل شوند. mode گروه را بر روی Normal قرار دهید و شفافیت را بر روی %100 تنظیم نمایید. یک لایه Hue/Saturation adjustment بر روی گروه ایجاد کنید. میزان Hue را بر روی  5- قرار دهید.

آموزش طراحی موجود خیالی در فتوشاپ

برای افزودن نور بیشتر به تپه ها یک لایه Curves adjustment اضافه کنید.

آموزش طراحی موجود خیالی در فتوشاپ

گام 9

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

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 10

برای روشنتر شدن تصویر زرافه یک لایه Curves adjustment اضافه کنید و آن را بعنوان Clipping Mask تنظیم نمایید .

آموزش طراحی موجود خیالی در فتوشاپ

گام 11

یک لایه Levels adjustment نیز اضافه نمایید.

آموزش طراحی موجود خیالی در فتوشاپ

گام 12

برای حذف قسمتهای آبی بر روی گردن زرافه یک لایه Hue/Saturation adjustment اضافه نمایید و متغیرهای Cyan و Blue را تغییر دهید.

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 13

یک لایه جدید ایجاد کنید.  mode را بر روی Overlay و %100 قرار دهید و با رنگ خاکستری به میزان %50 پر کنید

آموزش طراحی موجود خیالی در فتوشاپ

ابزار Dodge (O) را انتخاب کنید. گزینه Highlights Range را انتخاب کنید. Exposure را بر روی %10 قرار دهید. قسمت جلوی گردن و روی سر زرافه را مانند تصویر زیر روشنتر نمایید

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 14

تصویر ماهی را از پس زمینه آن جدا کنید و به تصویر زرافه اضافه نمایید. از ابزار Free Transform Tool (Ctrl+T)  استفاده کنید و مود Warp را فعال کنید تا بتوانید بدن ماهی را خمیده کنید تا هم جهت با بدن زرافه شود

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 15

به همین ترتیب اندامهایی از ماهی را کپی کنید و در فایل اصلی به بدن زرافه اضافه کنید. با ابزار Transform و فعال کردن گزینه Wrap تصاویر را تغییر اندازه و فرم دهید تا با بدن زرافه هماهنگ شود

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

به هریک از لایه ها ماسک اضافه کنید تا بتوانید قسمتهای اضافی را حذف نمایید و با بدن زرافه تلفیق کنید

آموزش طراحی موجود خیالی در فتوشاپ

گام 16

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

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 17

قسمتی از باله ماهی را انتخاب کنید. از منو Filter > Liquify را انتخاب کنید. با استفاده از ابزار Forward Warp Tool (W) قسمتهایی از باله را مانند شکل خم کنید.

با استفاده از ابزار Transform (Ctrl+T) آن را بچرخانید و در قسمت پایین تصویر زرافه قرار دهید.

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

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 18

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

آموزش طراحی موجود خیالی در فتوشاپ

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

آموزش طراحی موجود خیالی در فتوشاپ

گام 19

یک لایه جدید ایجاد کنید و جزئیات جامانده را با استفاده از ابزار Clone Tool (S) مانند شکل اضافه کنید.

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 20

بر روی لایه های باله بر روی گردن و سر زرافه لایه های جدیدی اضافه کنید. Blend mode را بر روی Overlay و %100 قرار دهید و با رنگ خاکستری %50 پر کنید.

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

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 21

لایه های باله را در یک گروه قرار دهید و یک لایه Hue/Saturation adjustment اضافه کنید و بدن و باله ها را بیرنگ کنید

آموزش طراحی موجود خیالی در فتوشاپ

گام 22

یک لایه Photo Filter adjustment اضافه کنید و  رنگ #aeecb1 را انتخاب کنید

آموزش طراحی موجود خیالی در فتوشاپ

گام 23

یک لایه Curves adjustment layer  برای روشنتر کردن بدن و لایه ها اضافه کنید . در لایه ماسک بر روی قسمتهایی که روشن هستند نقاشی کنید تا کنتراست و روشنایی بدنه و باله ها مانند شکل تنظیم شود

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

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

آموزش طراحی موجود خیالی در فتوشاپ

گام 24 

تصویری از فلامینگو را در فتوشاپ باز کنید و پاهای آن را انتخاب و در یک لایه جداگانه ماسک کنید. با استفاده از ابزار  Polygonal Lasso Tool (L) پای سمت چپ را انتخاب کنید و به قسمت زیر بدنه زرافه اضافه کنید.

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

به این تصویر ماسک اضافه کنید تا بتوانید آن را با بدنه زرافه و زمین چمن تلفیق کنید

آموزش طراحی موجود خیالی در فتوشاپ

گام 25

یک لایه جدید ایجاد کنید و  Clipping Mask را فعال کنید. از ابزار Clone استفاده کنید و جزئیاتی را مانند شکل به پای فلامینگو اضافه کنید.

آموزش طراحی موجود خیالی در فتوشاپ

یک لایه جدید ایجاد کنید .  Blend mode را بر روی  Overlay 100% قرار دهید و با رنگ خاکستری %50 پر کنید. از ابزار Doge استفاده کنید و قسمت جلو پای فلامینگو را هایلایت کنید تا با رنگ پس زمینه هماهنگ شود

آموزش طراحی موجود خیالی در فتوشاپ

گام 26

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

آموزش طراحی موجود خیالی در فتوشاپ

مجددا برای اضافه کردن جزئیات از ابزار Clone کمک بگیرید.

آموزش طراحی موجود خیالی در فتوشاپ

گام 27

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

با استفاده از ابزار Lasso یک انتخاب به دور پای راست ایجاد کنید و با کلیدهای Ctrl+J یک کپی از این پا در یک لایه جدید ایجاد کنید.

این لایه را انتخاب کنید و از آن یک کپی بگیرید. راست کلیک کنید و Merge Layers را انتخاب نمایید. این لایه Merg شده را به فایل اصلی ببرید. آن را در کنار پای جلویی قرار دهید. برای تلفیق کردن آن با بدن زرافه و پس زمینه از Layer Mask استفاده کنید

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

گام 28

یک لایه جدید ایجاد کنید و Clipping Mask را فعال کنید. از ابزار Clone برای ویرایش جرئیات بر روی پاها استفاده کنید.

آموزش طراحی موجود خیالی در فتوشاپ

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

آموزش طراحی موجود خیالی در فتوشاپ

گام 29

یک لایه Curves adjustment ایجاد کنید و و قسمت بالای پا را کمی تیره کنید. قسمتهای روشن را دست نخورده باقی بگذارید

آموزش طراحی موجود خیالی در فتوشاپ

گام 30

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

آموزش طراحی موجود خیالی در فتوشاپ

آموزش طراحی موجود خیالی در فتوشاپ

یک لایه Hue/Saturation adjustment ایجاد کنید و متغیر Master را تنظیم کنید.

آموزش طراحی موجود خیالی در فتوشاپ

یک لایه Photo Filter adjustment ایجاد کنید و رنگ #aeecb1 را انتخاب نمایید.

آموزش طراحی موجود خیالی در فتوشاپ

 

فصلِ: 10 , تعداد قسمت ها: 263 , سطح: صفر تا صد

این فصل در یک نگاه:

فصل 10: آشنایی با محیط و ابزارهای فتوشاپ (منوی Filter)__________________________________________________________________…

دوره متخصص فتوشاپ (آموزش صفرتاصد نرم افزار فتوشاپ) دوستان بسیاری سوال پرسیدید که تفاوت دوره های مختلفی که در اینترنت هست چیه ؟ در پاسخ باید بگیم که دوره فتوشاپ کلیک سایت بیش از 250 جلسه اس…
فصلِ: 2 , تعداد قسمت ها: 5 , سطح: صفر تا صد

این فصل در یک نگاه:

اموزش کدنویسی html و css- اموزش تبدیل psd به html و css…

توضیحات کلی مجموعه: این دوره یک دوره تکمیلی برای کاربران فتوشاپ کلیک سایت می باشد که قصد دارن تا به دنیای وب نویسی وارد شوند. دوستانی که اکنون تسلط لازم به فتوشاپ را دارند میتوانند با اشنای…
فصلِ: 5 , تعداد قسمت ها: 48 , سطح: صفر تا صد

این فصل در یک نگاه:

در این فصل در مورد طراحی ریسپانسیو و روانشناسی رنگ ، اهمیت فونت در طراحی و برخی از ترفندهای نرم افزار می پردازیم…

نرم افزار ادوب ایکس دی (Adobe Xd) در سوال 2017 توسط کمپانی Adobe ارائه شد . این نرم افزار در عین سادگی ، قابلیتهای کاربردی زیادی در حوزه ی طراحی (وبسایت و اپلیکیشن ) دارد . خوشبختانه بازار ک…

تولید شده توسط کلیک سایت

پشتیبانی آنلاین
آماده پاسخگویی هستیم
انتخاب تصویر جهت ارسال:
در حال ضبط صدا

(جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

توقف و ارسال :
لغو ضبط
در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09010005000 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به واتساپ کلیک کنید
0 پیام جدید
پشتیبان در حال تایپ ...
ارسال تصویر ضبط صدا
0 کارشناسان آنلاین می باشند
این گفت و گو توسط پشتیبان به اتمام رسید