1. این پایگاه به ثبت ستاد ساماندهی وزارت فرهنگ و ارشاد اسلامی ایران رسیده است.

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

    عضویت در انجمن رایگان بوده و برای عموم باز میباشد . با صرف 30 ثانیه یکی از اعضای دهه هفتادی ها شوید .

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

شروع موضوع توسط vandad ‏Oct 12, 2012 در انجمن انمیشن و گرافیک

  1. vandad

    vandad

    1,533
    1,871
    347

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    73c859ec01d7baaa9bfc77a6a51a23cf.
    طرح وکتور حالا کامل و آماده است. امیدواریم از این آموزش نیز لذت برده باشید.​
     
    !!HISS!! از این پست تشکر کرده است.
  2. ღҲ̸☜ نیـمــ☠ــا ☞Ҳ̸ღ

    ღҲ̸☜ نیـمــ☠ــا ☞Ҳ̸ღ @! حقیقــت فــاز بــدی میـــاره طرفـــت !@

    1,948
    10,063
    26,435