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

persianGFX.com

New Member


1257952109.jpg


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

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


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

Picture-1.jpg

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

Picture-2.jpg

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

Picture-3.jpg

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

Picture-4.jpg

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

Picture-5.jpg

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

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

Picture-7.jpg

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

Picture-8.jpg

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

Picture-9.jpg

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

Picture-10.jpg

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

Picture-11.jpg

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

Picture-12.jpg

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

Picture-13.jpg

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

Picture-14.jpg

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

Picture-15.jpg

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

Picture-16.jpg

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

Picture-17.jpg

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

Picture-18.jpg

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

Picture-19.jpg

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

Picture-20.jpg

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

Picture-21.jpg

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

Picture-22.jpg

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

persianGFX.com

New Member
Picture-23.jpg

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

Picture-24.jpg

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

Picture-25.jpg

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

Picture-26.jpg

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


Picture-27.jpg

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

Picture-28.jpg

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

Picture-29.jpg

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

Picture-30.jpg

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

Picture-31.jpg

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

Picture-32.jpg

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

Picture-33.jpg

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


منبع: پرشین جی اف ایکس / persianGFX.com
 
آخرین ویرایش:

persianGFX.com

New Member
نمونه ای از این آموزش و به صورت حرفه ای در هدر کنونی مجید آنلاین پیاده شده :wink:
 

جدیدترین ارسال ها

بالا