• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

خلق یک طرح وکتور انتزاعی در ایلوستریتور - Abstract Vector Design in Illustrator

R0xanA

متخصص بخش گرافیک و مالتی مدیا
[h=2]



1268737393_abstract-vector-design-in-illustrator.jpg





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


1268723883_sketch.jpg

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


1268723934_picture-1.png

Adobe Illustrator را باز کنید و یک فایل جدید ایجاد کنید.سایز آن را A4 قرار دهید و Color Mode را روی RGB تنظیم کنید.


1268723955_picture-2.png

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


1268723976_picture-3.png

به انتخاب و سلیقه خود، یک طرح با رنگ های مختلف انتخاب کنید. در این مثال ما از طرح بستنی که روی بلوز یک کودک قرار داشت الهام گرفتیم. مربعی با ابعاد 7×7 میلی متر رسم کنید، سپس از روی آن یک کپی بگیرید و با فشردن کلید Ctrl+ f آن را Paste کنید، حال مربع کپی شده را به کنار مربع قبلی می کشیم و این کار را تا کامل شدن شکل ادامه می دهیم.


1268724068_picture-4.png

همه مربع های رنگی را انتخاب کنید، روی آیکن New Brush در پالت براش (Brushes palette) کلیک کنید و از لیست، گزینه New Art Brush را انتخاب کنید.


1268724085_picture-5.png

وقتی پنجره تنظیمات براش ظاهر شد مطمئن شودید که جهت قرار گرفتن براش صحیح باشد. برای تغییر جهت براش می توانید روی فلش های کوچک کلیک کنید و جهت را اصلاح کنید.


1268724099_picture-6.png

با ابزار Pen یک خط رسم کنید که از سمت راست به چپ کشیده شده باشد، مانند شکل بالا:


1268724114_picture-8.png

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


1268724145_picture-9.png

به مسیر Object > Expand Appearance بروید تا مسیر را به شکل تبدیل کنید، سپس روی شکل راست کلیک کرده و گزینه Ungroup را انتخاب کنید.


1268724171_picture-10.png

در این مرحله می خواهیم انتهای خطوط را طوی تنظیم کنیم تا به جای اینکه تمام آنها در یک خط تمام شوند و هم اندازه باشند، برای هر یک از آنها اندازه های متفاوت در نظر بگیریم. یک شکل را به صورت موقت می کشیم حال با انتخاب شکل و یکی ازخط ها به پنجره Pathfinder رفته و از قسمت Shape Area option گزینه Subtract را انتخاب کنید.


1268724218_picture-11.png

 

R0xanA

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


1268724237_picture-12.png

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


1268724491_picture-13.png

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


1268724531_picture-14.png

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


1268724584_picture-15.png

جذابیت کار را با اضافه کردن حالت شفاف بالا ببرید. یک جفت دایره بکشید و آنها را با رنگ صورتی و آبی رنگ آمیزی کنید، سپس mode آنها را به Overlay تغییر دهید تا در برابر رنگ های زیری واکنش نشان دهند. همچنین می توان یک زمینه با طراوت به طرح اضافه شود.


1268724635_picture-16.png

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


1268724663_picture-17.png

بوسیله یک سری از اشکال قسمت دیگر خطوط را هم پر کنید و mode آنها را روی Overlay قرار دهید یا opacity آنها را کم کنید تا اشکال کم رنگ تر شوند.


1268724744_picture-18.png

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


1268724760_picture-19.png

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


1268724780_picture-20.png

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


1268724801_picture-21.png

خط منحنی جدید را دقیقا روی انتهای خط راه راه آبی رنگ یا در واقع در امتداد خط آبی قرار دهید.


1268724815_picture-22.png

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


1268724840_picture-23.png

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


1268724858_picture-24.png

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


1268724876_picture-25.png

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


1268724895_picture-26.png

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


1268724926_picture-27.png

همه تصویر را انتخاب و آن را کپی کنید، سپس Adobe Photoshop را باز کنید، به نسبت طرحی که دارید یعنی متناسب با سایز طرح، یک لایه جدید ایجاد کنید.


1268724964_picture-28.png

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


1268724987_picture-30.png

یکی از canvas texture های زیبا را در Photoshop کپی کنید و با توجه به طرح در اینجا به بافت حالت Grayscale دادیم.


1268725010_picture-31.png

بافت (texture) را Paste و مقیاس آن را تغییر داده تا با صفحه طراحی هم سایز شود. mode آن را روی Multiply تنظیم کنید و opacity را تا اندازه ای که مناسب است کاهش دهید.


1268725044_picture-32.png

لایه طرح وکتور را Duplicate (کپی) کنید، سپس به مسیر Filter > Noise > Add Noise بروید، از یک مقدار خیلی کم استفاده کنید تا فقط تعدادی زایده دانه دانه به رنگ ها اضافه کند.


1268725100_picture-33.png

حالا تصویر دارای یک افکت دانه دانه است که بین خطوط ساده و موج دار تصویر وکتور، کنتراست ایجاد کرده است.


1268725125_picture-34.png

آخرین تنظیمات را روی تصویر اعمال کنید. مثلا برای ایجا کنتراست بیشتر یک Curves adjustment به تصویر اعمال نموده تا قسمت های سیاه و سفید تصویر بیشتر جلوه پیدا کند.


1268725414_vector-illustration.jpg

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