آموزش ایلوستریتور - طراحی پترن نویز برداری (vector noise) در ایلوستریتور


آموزش ایلوستریتور - طراحی پترن نویز برداری (vector noise) در ایلوستریتور

طراحی پترن نویز برداری (vector noise) در ایلوستریتور


آموزش زیر، طراحی یک بافت نویزدار ظریف را در ایلوستریتور به شما نشان می دهد. مانند فیلتر یا افکت هایی که در عکاسی به کار می برید، این متد هم 100% برداری است و می توانید آن را ویرایش کنید.


گام 1
ابتدا سند جدیدی در ایلوستریتور باز کنید. به پنل Swatch بروید. بر روی دکمه تنظیمات کلیک نموده و به مسیر Open Swatch Library > Patterns > Basic Graphics > Basic Textures بروید. پنجره ای باز می شود که می توانید پترنی از داخل آن انتخاب کنید. پترنی که در این جا نیاز داریم، "USGS 17 Sandy Dry Lake" می باشد. برای اضافه کردن این پترن به Swatch، بر روی آن کلیک کنید و سپس پنجره را ببندید. پترن جدید را به داخل صفحه درگ نمایید. ما از این پترن برای طراحی نویز استفاده می کنیم. دو مرحله بعدی، تعیین پترن را ساده تر می کنند.






گام 2
قدم اول، بسط دادن اشکال است. ابتدا گروه را انتخاب کنید (می توانید کلیدهای Ctrl+A را بزنید) و به مسیر Object > Expand بروید. پنجره ای مانند زیر ظاهر می شود. OK را بزنید.




گام 3
خود پترن محدوده و مرز مشخصی ندارد، پس برای این که کارمان راحت تر شود، بهتر است دور آن کادری ترسیم کنیم. اگر به پنل لایه ها نگاهی بیندازید، داخل گروه مشاهده می کنید که پترن از نقاطی تشکیل شده است. اگر به سمت پایین این گروه بروید، متوجه می شوید مسیر مربعی شکلی وجود دارد که fill و stroke ندارد. می خواهیم از این شکل یک کپی بگیریم (Ctrl + C) و آن را در فولدر مربوط به لایه خودش پیست کنیم. بر روی Create New Layer کلیک نموده و شکل را در بالای پترن در یک لایه جدید پیست کنید. بهتر است ابتدا بر روی شکل Ctrl + C را بزنیم، سپس لایه اصلی ("Layer 1") را قفل کنیم و لایه جدید ("Layer 2") را انتخاب نماییم و Ctrl + F را بزنیم. بر روی لایه "Layer 2" دابل کلیک کنید و تیک Preview را بردارید. Lock را تیک بزنید و OK را بزنید. پس از انجام این کار با تصویری مانند تصویر زیر روبرو خواهید شد:




گام 4
اگر تصویر را حدود 1000% بزرگ کنید، انجام مراحل بعدی برایتان آسان تر خواهد شد. اگر به مثال ها دقت کرده باشید، یک نقطه آواره وجود دارد. با استفاده از ابزار Direct Selection (A)، مرکز شکل را انتخاب نموده و کلید Delete را بزنید.
چهار رنگی که از آن ها استفاده خواهیم کرد، CMYK می باشند؛ سبزآبی (C=100, M=0, Y=0, K=0)، ارغوانی (C=0, M=100, Y=0, K=0)، زرد (C=0, M=0, Y=100, K=0) و مشکی (C=0, M=0, Y=0, K=100). البته می توانید این پترن را با هر رنگی که دوست دارید طراحی کنید ولی CMYK مانند فیلترهای عکاسی عمل می کند.
اولین کاری که باید انجام دهید، انتخاب گروه داخل "Layer 1"، کپی و پیست کردن آن است (Ctrl + C و سپس Ctrl + B). در حالی که کپی جدید انتخاب شده است، به مسیر Object > Transform > Rotate بروید و شکل را 90 درجه بچرخانید و OK را بزنید. به گروه رنگ سبزآبی بدهید. با این کار، حاشیه مربع شکل پایین گروه نیز رنگ آمیزی می شود. مربع را انتخاب نموده و fill را از حالت انتخاب خارج کنید تا fill و stroke هر دو بدون رنگ باشند. سپس باید تصویری مانند زیر داشته باشید:


می خواهیم این فرایند را تکرار کنیم. گروه سبز آبی را انتخاب نموده، از آن کپی گرفته و پیست کنید. سپس آن را 90 درجه بچرخانید و آن را با رنگ ارغوانی پر کنید. فراموش نکنید که برای کادر مربعی، fill را از حالت انتخاب خارج کنید تا fill و stroke هر دو بدون رنگ باشند. سپس این فرایند را مجدداً با گروه ارغوانی تکرار کنید و رنگ گروه را روی زرد تنظیم کنید. پس از بدست آوردن چهار گروه، باید به نتیجه ای مانند تصویر زیر رسیده باشید:




گام 5
با این که پترن آماده به نظر می رسد، پیشنهاد می شود نقاط آن را مرتب کنید تا بتوانید به عنوان بافت از آن استفاده نمایید. با زوم کردن تصویر می توانید مشاهده کنید که بعضی از نقاط باهم همپوشانی دارند. شکاف هایی هم در میان تصویر به چشم می خورد. با ابزار Direct Selection (A) بر روی مرکز نقاط متداخل کلیک کنید. سپس نقطه را به داخل یکی از شکاف ها درگ نمایید. مربع موجود در لایه "Layer 2" اکنون به شما کمک می کند محدوده کارتان را ببینید و نقاط را حرکت دهید.
نکته: گاهی اوقات ممکن است تصادفاً بر روی نقاط اهرم نقطه کلیک کنید و گوشه آن را حرکت دهید. نگران نباشید. کافیست Ctrl + Z را بزنید تا یک مرحله به عقب برگردید. سپس مجدداً نقطه را انتخاب نمایید. برای این که راحت تر بتوانید مرکز نقاط را انتخاب کنید، تصویر را بزرگ کنید. از کلیک بر روی گوشه ها نیز اجتناب کنید.




گام 6
حال که پترن را طراحی کردید، باید آن را برای اشکال برداری کاربردی کنید. ابتدا تمام گروه ها را انتخاب کنید (Ctrl + A) و به مسیر Object > Group بروید. گروه را انتخاب نموده و آن را به داخل پنل Swatch درگ کنید. پیشنهاد من این است که فایل خود را مرتب  منظم نگه دارید و بقیه آیتم های پنل Swatch را حذف کنید تا فقط پترن بماند. با این کار، در مراجعات بعدی کمتر سردرگم می شوید. حال فایل را در قالب استاندارد AI ذخیره نمایید. سپس آن را در فولدر پترن ها ذخیره کنید (به مسیر C: Drive > Program Files > Adobe > Adobe Illustrator> Presets > ... > Swatches > Patterns رفته، فولدر جدیدی بسازید و نام آن را مثلاً Noise بگذارید). صفحه را ببندید.

گام 7
برای مشاهده نتیجه کار، یک طرح برداری را باز کنید و لایه جدیدی در بالای طرح بسازید. مانند گام 1 به پنل Swatch بروید. بر روی دکمه تنظیمات کلیک نموده و به مسیر Open Swatch Library > Patterns > Noise بروید. فایل پترن را انتخاب کنید. پنجره ای نمایان خواهد شد. بر روی پترن نویز کلیک نمایید تا به پنل اضافه شود. پنجره را ببندید.
با ابزار Rectangle (M) مستطیلی بر روی طرح ترسیم کنید. آن را با رنگ پترن پر کرده و استروک آن را خالی قرار دهید. Blending Mode را در تنظیمات Transparency تغییر دهید. من از Overlay با Opacity برابر 100% استفاده کرده ام. در طرح های مختلف ممکن است Blending Modeها و Opacityهای دیگر مناسب تر باشند.
کار طراحی نویز در این جا به اتمام رسیده است. از این افکت می توانید در طراحی آیکن ها و واسط ها استفاده کنید. طرح نهایی به صورت زیر است: