1. Design & Illustration
  2. Image Trace

روش استفاده از قابلیت Image Trace (طرح تصویر) برای ساخت یک پرتره سورئال در ادوبی ایلوستریتور

by
Read Time:7 minsLanguages:
This post is part of a series called Simple Silhouette Exercises.
Create a Vintage Vector Framed Silhouette Design

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

آنچه که نیاز خواهید داشت

جهت تکمیل این آموزش، به تصاویر زیر از وبسایت Envato Market نیاز خواهید داشت:

من برای این منظور تصاویری را انتخاب کردم که زمینه آنها حذف شده باشد. این کار استفاده از قابلیت Image Trace (طرح تصویر) را ساده تر می کند. در صورتی که از تصاویر متفاوتی استفاده میکنید و میخواهید زمینه آنها را حذف کنید، خدماتی در وبسایت Envato Studio وجود دارد که به شما در انجام این کار کمک میکند. در غیر اینصورت، مستقیما میرویم سراغ آموزش.

1. از قابلیت Image Trace (طرح تصویر) برای تصاویر استفاده کنید

مرحله 1

قبل از اینکه ترکیب بندی کامپوزیشن را ایجاد کنم، مستقیما میرویم سراغ طرح کردن تصاویرمان با استفاده از امکان Image Trace

یک سند جدید ایجاد کنید و با رفتن به منوی File و انتخاب Place اولین تصویر خود را در سند قرار دهید. از ابزار Free Transform (کلید E) استفاده تا سایز تصویر خود را کاهش دهید. سپس با رفتن به منوی View و انتخاب Hide Artboards میخواهم حاشیه ی آرت برد را مخفی کنم.

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

Place your stock imagePlace your stock imagePlace your stock image

مرحله 2

با کپی تصویر روی خودش (کلیدهای Ctrl و F) تصویر را تکثیر کنید. به این ترتیب میتوانیم دو تنظیمات مختلف Image Trace برای تصویرمان اعمال کنیم.

تصویر بالایی را انتخاب کنید. دکمه ای را در بالای برنامه ایلوستریتور میبینید که روی آن Image Trace نوشته شده است. وقتی روی این دکمه کلیک میکنید، تنظیمات پیش فرض به تصویر اعمال میشود.

در سمت چپ دکمه، یک دکمه ی دیگر برای پنل Image Trace قرار دارد. روی این دکمه کلیک کنید و به اینصورت تنظیمات باز خواهند شد و در آن میتوانید آنچه که طرح شده و آنچه که طرح نشده را تغییر دهید و ویرایش کنید.

من هر یک از تصاویر را با پریست Black and White (سیاه و سفید) و در حالیکه گزینه Ignore White (چشم پوشی از رنگ سفید) تیک خورده طرح میکنم. به هر صورت من با تنظیمات مختلف بخش های Threshold (آستانه) و Advanced (پیشرفته) بازی میکنم و به شما خواهم گفت دلیل من برای انجام کار چیست. در صورتی که میخواهید در مورد تک تک تنظیمات موجود در پنل Image Trace بدانید، به آموزش نحوه استفاده از Image Trace نگاهی بیندازید.

برای این طرح، من میخواهم هر چقدر که ممکن است جزئیات را در حول لبه های شکل خودم حفظ کنم، بنابراین مقادیر حداکثر را برای Paths (مسیرها)، Corners (گوشه ها) و Noise (نویز) انتخاب کردم. با این حال، من فقط میخواهم بخشی از صورت که در سایه هست را طرح کنم، بنابراین مقدار Threshold فقط تا وسط رفته است.

وقتی فرآیند Image Trace را برای هر یک تکمیل کردم، روی دکمه Expand کلیک میکنم تا مسیرهای قابل ویرایش را طرح کنم. هر گروه از اشکال را انتخاب کنید و با زدن کلیدهای Ctrl و 8 یک مسیر کمپوند (Compound Path) ایجاد کنید.

Trace the face in shadowTrace the face in shadowTrace the face in shadow

مرحله 3

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

من تنظیمات Advanced را ویرایش کردم تا حول پرتره منحنی هموار ایجاد کنم. این بدین معنی است که مقادیر Corners ، Paths و Noise را کاهش دهیم تا خطوط ناهموارتری روی شکل کلی ایجاد کنیم.

Create the sihouetteCreate the sihouetteCreate the sihouette

مرحله 4

سپس میخواهم درختان را با Image Trace طرح کنم. از آنجاییکه میخواهم جزئیات در برگ ها و شاخه ها را نشان دهم، پارامتر Noise را به مقدار حداقل کاهش میدهم. پارامتر Noise فقط تکسچر به لبه ها اضافه خواهد کرد و ظاهری که میخواهیم را ایجاد نمی کند.

Image trace the treesImage trace the treesImage trace the trees

مرحله 5

تصویر طرح شده از درختان با Image Trace را انتخاب کنید و همچون طرح های قبلی، روی دکمه Expand کلیک کنید. این بار، در حالیکه این گروه انتخاب شده، به منوی Object بروید و گزینه Ungroup را انتخاب کنید.

با ابزار Direct Selection (کلید A)، یک شکل حول یک درخت بکشید و یک مسیر کمپوند Compound Path ایجاد کنید (کلیدهای Ctrl و 8). این کار را برای هر یک از درختان انجام دهید تا بعد از کار 8 شکل داشته باشید.

Compound path each treeCompound path each treeCompound path each tree

مرحله 6

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

همینطور مقدار Threshold را طوری تنظیم کردم که جزئیات کوچکتری در داربست ها ببینم.

Trace the castleTrace the castleTrace the castle

2. یک براش هنری باریک بسازید

یک سری جزئیات اضافی هم به پرتره باید اضافه شوند که امکان Image Trace نتوانسته آنها را استخراج کند.

یک دایره پر شده با رنگ سیاه با استفاده از ابزار Ellipse (کلید L) بکشید. با استفاده از ابزار Free Transform (کلید E) دایره را فشرده کنید. سپس با ابزار Direct Selection (کلید A)، هر یک از نقاط کناری را انتخاب کنید و سپس از آپشن Convert point to corner (تبدیل نقطه به گوشه) در پنل Control استفاده کنید.

وقتی این کار انجام شد، شکل را انتخاب میکنم و در پنل Brushes، گزینه Add New Brush را انتخاب میکنم، گزینه Art Brush را برمیگزینم و سپس همه تنظیمات را بطور پیش فرض حفظ میکنم بجز بخش Colorization Method که آنرا روی Tints قرار میدهم. وقتی کارتان تمام شد روی OK کلیک کنید.

Create an Art BrushCreate an Art BrushCreate an Art Brush

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

مرحله 1

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

Adding coloursAdding coloursAdding colours

مرحله 2

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

ممکن است لازم باشد تصاویر را در حین قرار دادن تغییر اندازه دهید. اگر اینطور هست، از ابزار Free Transform (کلید E) استفاده کنید و کلیدهای Shift و Alt را بگیرید تا مطمئن شوید تغییر سایز بطور متعادل انجام میشود.

Add the castle crownAdd the castle crownAdd the castle crown

مرحله 3

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

Adding the treesAdding the treesAdding the trees

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

The trees and castleThe trees and castleThe trees and castle

4. صورت را اصلاح کنید

با استفاده از براش باریک و ابزار Paintbrush (کلید B) جزئیات را برای چشمان، ابروها و لب ها اصلاح کنید.

Add details to the faceAdd details to the faceAdd details to the face

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

Add details to the faceAdd details to the faceAdd details to the face

5. آسمان را ایجاد کنید

مرحله 1

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

سپس با ابزار Ellipse (کلید L) یک دایره با رنگی مشابه میکشم و این بار حالت ترکیبی (Blending Mode) آنرا روی Screen تنظیم میکنم. این کار کمک میکند که یک خورشید ایجاد کنید. من خورشید را با چشمان سوژه تراز کردم تا اینطور به نظر برسد که در موقعیتی قرار دارد که نور از آنجا بیرون می آید.

Add the sunAdd the sunAdd the sun

مرحله 2

میخواهم به شما نشان دهم که چطور چند تا ابر ساده و سریع بکشید. کار با ابزار Blob Brush (قلم قطره ای) (کلیدهای Shift و B) شروع میشود.

روی ابزار Blob Brush کلیک دوبل کنید تا تنظیمات آن باز شود. تنظیمات را طوری تغییر دهید که پارامتر Size تحت تاثیر از پارامتر فشار (Pressure) باشد - در این حالت وقتی فشار به یک تبلت گرافیکی وارد میشود سایزهای مختلف را در اختیار میگذارد.

Access the Blob Brush Tool OptionsAccess the Blob Brush Tool OptionsAccess the Blob Brush Tool Options

مرحله 3

در حالیکه گرادینت را برای پر کردن انتخاب کردید و آنرا روی حالت ترکیبی Screen با 50 درصد opacity قرار دادید، در جایی که میخواهید ابرها باشند با استفاده از ابزار Blob Brush چند تا خط حلقه ای بکشید.

Add loops for the cloudsAdd loops for the cloudsAdd loops for the clouds

مرحله 4

در حالیکه هنوز مسیرها انتخاب شده اند، به منوی Effects بروید و در Blur ، گزینه Gaussian Blur را انتخاب کنید. من از مقداری حدودا برابر با 45 پیکسل استفاده کردم تا بقدری کافی آن را محو کنم تا کناره ها سافت و ملایم شود اما هنوز در بالای زمینه بطور واضح دیده شود.

Blur the pathsBlur the pathsBlur the paths

مرحله 5

روی پرتره خطوطی بکشید تا ابرها با زمینه جلو همپوشانی داشته باشند.

Add clouds to the foregroundAdd clouds to the foregroundAdd clouds to the foreground

6. تکمیل جزئیات

مرحله 1

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

Adding further treesAdding further treesAdding further trees

مرحله 2

با استفاده از ابزار Blob Brush (کلیدهای Shift و B) و سایه های مختلف سبز، اشکال V مانند انحنا یافته ای بکشید تا حس پرواز پرندگان در دوردست را ایجاد کنید.

Add birds to the backgroundAdd birds to the backgroundAdd birds to the background

مرحله 3

همه اشکال تصویرسازی شده را با هم گروه کنید. سپس با استفاده از یک کپی از مستطیل آسمان، یک Clippinng Mask (ماسک چیدن) با کلیدهای Ctrl و 7 ایجاد کنید.

Add all of the shapes to a Clipping MaskAdd all of the shapes to a Clipping MaskAdd all of the shapes to a Clipping Mask

مرحله 4

وقت آن رسیده که رنگ ها را تغییر دهیم. من همه ی اشکال بجز زمینه و خورشید را انتخاب میکنم. سپس در بالای پنل کنترلی ، گزینه Recolor Artwork (تغییر رنگ کار هنری) را انتخاب کرده و سپس روی بخش Edit کلیک میکنم.

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

Using Recolor ArtworkUsing Recolor ArtworkUsing Recolor Artwork

عالیست، کار شما حالا تمام است!

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

این طراحی را امتحان کنید و در نظرات به من نشان بدهید که به چه نتایجی رسیدید.

Final resultFinal resultFinal result
One subscription.
Unlimited Downloads.
Get unlimited downloads