آموزش ایلوستریتور خلق یک زمینه زیبا از ترکیب تصاویر مختلف وکتور


آموزش ایلوستریتور خلق یک زمینه زیبا از ترکیب تصاویر مختلف وکتور

آموزش خلق یک زمینه زیبا از ترکیب تصاویر مختلف وکتور


  این مراحل را در Adobe Illustrator  و Photoshop  دنبال کنید تا یک مجموعه از تصاویر وکتور و گرافیکی ایجاد کنید که با ترکیب این تصاویر با یگدیگر یک تصویر زیبا که  رنگ ها در آن هنرمندانه ترکیب شده اند خلق خواهید کرد. سپس با اضافه نمودن جزئیات ظریف و زیبا و ترکیب اجزا گرافیکی و آراستن آنها طرح را کامل می کنیم تا در نهایت حالت retro-grunge را خلق کنیم.

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

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

تعدادی دایره هم مرکز ایجاد کنید و  آنها را کپی  (Ctrl+C) کرده  و با  فشردن کلید های (Ctrl+F) آن را  paste کنید سپس در حالیکه کلید  Shift و Alt را نگه داشته اید سایز آنها را کاهش دهید و مطابق تصویر رنگ دایره ها را یکی در میان، یکی دارای fill و دیگری دارای Stroke در نظر بگیرید.


تصویر نهایی مرحله قبل را با هم Group کنید و آن را چندین بار duplicate کنید. مقیاس و موقعیت هر یک از group ها را تغییر داده تا یک سری از دوایر  که روی هم قرار گفته اند را تشکیل دهید.

با کشیدن دو دایره که یکی از آنها بزرگ و دیگری کوچک است  یک swirl  ایجاد کنید،هر دو دایره را انتخاب کرده و به  Object > Blend > Make بروید. و در پنجره Blend Options مقدار spacing  روی کمترین مقدار تنظیم کنید.

یک خط منحنی بکشید، سپس در حالیکه خط منحنی انتخاب شده است به Object > Blend > Replace Spine بروید.

این مرحله را برای ایجاد  تعداد  بیشتر swirl و با منحنی های مختلف و در جهات متفاوت تکرار کنید.

با استفاده از ابزار Circle یک سری از دایره های رو هم قرار گرفته ایجاد کنید دایراه ها فقط دارای Fill آبی رنگ باشند ، کلید shift را نگه دارید تا شکل به نسبت مساوی رسم شود. با انتخاب این مجموعه از پنجره Pathfinder گزینه Add to  Shape Area را انتخاب کنید تا اشکال با هم  ترکیب شوند..

حال شکل بوجود آمده را انتخاب و جای حالت Fill و Stroke را عوض کنید.

یک مستطیل باریک بلند روی صفحه بکشید، سپس آن را duplicate کرده و به یک طرف صفحه منتقل  کنید. ابزار Blend  را انتخاب کنید و یک  دامنه از خطوط راه راه رسم نمایید با رفتن به  Object > Expand  و انتخاب گزینه convert the effect into a shape این کار را انجام دهید.

مجموعه خطوط راه راه را دوران  (Rotate) داده و روی  گروه دایره های merge شده قرار دهید. از پنجره  Pathfinder و از قسمت Shape Area Tool آیکن Subtract را انتخاب کنبد تا خطوط راه راه را نسبت به شکل زیری آن برش دهد.

با استفاده از ابزار Pen یک جفت خط منحنی رسم کنید، به آنها  stroke  اضافه کرده و گزینه Dashed Line option را فعال نمایید.

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

در نرم افزار فتوشاپ  یک بافت کاغذی یا paper texture باز کنید. برای دانلود بافت با ...

یکی از بافت های کاغذی را انتخاب کرده و در یک سند یا فایل جدید Paste کنید، غلظت رنگ ها را تنظیم کنید تا یک بافت های کاغذی مناسب و زیبا به وجود آید. از گزینه Warp در دستور Transform  استفاده کنید و یکی از گوشه ها را کمی بپیچانید. مانند شکل بالا.

با Paste کردن تصاویر از Illustrator به Photoshop ، اشکال را پایین لایه texture قرار دهید طوری که این احساس را القا کند مثل اینکه اشکال  از پشت بافت  در حال خزیدن به بیرون هستند.

همین طور به Paste  کردن بقیه اشکال ازIllustrator  به  Photoshop ادامه دهید. سعی کنید رنگ های آبی و قرمز و زرد را به صورت یک در میان مرتب کنید.
 نکته: در فتوشاپ هنگام استفاده از ابزار   Move Tool بهتر است گزینه Auto Select Layer فعال باشد تا به آسانی و بدون نیاز به پیدا کردن لایه خاص در پالت لایه ها، بتوانید لایه ها را انتخاب و آنها را حرکت دهید.

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

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

استفاده از همین اشکال، اما در  قسمت های دیگر کمک می کند تا تصویر پرتر و شکیل تر شود. از گزینه های rotate و flip-horizontaly استفاده کنید تا به این شکل ها نیز جهت و راستا بدهید.

کار را با اضافه کردن تعدادی جزییات ریز ریز و خیلی کوچک به پایان برسانید .

تا اینجا، با استفاده از تصاویر وکتور مقدار زیادی پوپایی و نشاط به تصویر اضافه کردیم، اما ظاهرا اگر حالت مسطح بودن سطوح را کم کنیم طرح قشنگ تر به نظر می آید. ابزار  Burn Tool را انتخاب کنید و مقداری سایه ظریف بکشید. مقدار exposure را روی 20 درصد و مقدار range را روی Midtones تنظیم کنید

همین مقدار اندکی  افکت که به تصویر اضافه شد به واقع تصویر را زنده تر کرد و آن را برجسته تر نمود.

این مرحله را تکرار کنید، اما این بار با استفاده از ابزار Dodge tool مقداری highlight زیبا و با ظرافت به جزییات کار اضافه کنید.

صفحه بافت را انتخاب کنید و یک drop shadow ملایم به ان اضافه کنید. برای افکت سایه از یک سایز بزرگ ولی با opacity کم استفاده کنید تا واقعی تر به نظر برسد.

یک جفت از تصاویر وکتور جدید نیز Paste کنید و این بار آنها  روی  بافت کاغذی قرار دهید.

کلید Ctrl را بگیرید و روی لایه بافت کلیک کنید تا یک انتخاب ایجاد شود، سپس Ctrl+Shift+I  را نگه دارید تا انتخاب معکوس شود حال  قسمتهای اضافی اشکل وکتور را با زدن کلید Delete پاک کنید.


mode لایه وکتور را روی Multiply قرار دهید تا از جنس بافت با لایه وکتور ترکیب شود همچنین کمی ابزار Burn روی شکل وکتور اعمال کنید.

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

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

به اضافه کردن جزییات بیشتر به مرکز طرح ادامه دهید تا فضاهای خالی پر شوند. حالا همه اشکال و متن های اضافه شده را Rotate کنید تا با جهت قرار گرفتن کاغذ هماهنگ شوند.

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

یک  بافت با کیفیت را در پس زمینه طراحی بیاورید.

برای پایان دادن به کار طراحی، با استفاده از براش high resolution spraypaint  مقداری رنگ روی قسمت هایی که تصاویر وکتورآبی و قرمز و زرد وجود دارد اسپری کنید.