ایجاد گرادیانت بصورت اشکال نافرم

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

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

آموزش ایجاد گرادینت به صورت اشکال نافرم

اثر هنری که امروز با استفاده از ایلاستریتور آموزش می دهیم یک گرادیانت کروی رنگی است که رنگ ها با ریتم ملایمی با هم ترکیب شده اند.از این نوع گرادیانت های کروی می توان در برندسازی، اینترفیس نرم افزارهای موبایلی و حتی بک گراند گوشی ها استفاده کرد. با ترکیب رنگ های تصادفی متنوع می توان کره های رنگی متفاوت و منحصربفردی ایجاد کرد.

یک صفحه جدید با سایز دلخواه خود در ایلاستریتور ایجاد کنید و مود رنگی RGB را برای صفحه انتخاب کنید.یک دایره را با نگه داشتن کلید شیفت رسم کنید. استروک مشکی آن را حذف کنید و یک رنگ روشن به آن بدهید.

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

یک نقطه ی gradient mesh دیگر، در جای خالی دایره اضافه و رنگ دیگری برا آن انتخاب کنید. مش به تدریج رنگ های مختلف را ترکیب می کند تا یک روند تغییر ملایم بین آن ها ایجاد شود.

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

با حرکت روی پنل رنگ، رنگ دیگری انتخاب کنید و یا با دابل کلیک روی قسمت انتخاب رنگ از نوار ابزار، پنل رنگ برای شما باز شده و می توانید رنگ مورد نظر را انتخاب کنید.

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

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

برای ترکیب بهتر رنگ ها، ابزار  Twirl موجود در زیر گروه ابزارهای Warp از نوار بازار را انتخاب کنید. برای ویرایش تنظیمات ابزار، روی آن دابل کلیک کنید. تغییر ابعاد را به دقت با ابعاد دایره مقایسه کنید و سپس Intensity را به ۱۰% کاهش دهید.

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

روی ابزار Twirl دابل کلیک کنید و تنظیمات آن را تغییر دهید و سایز آن را به ۲۰۰px کاهش دهید.

از این ابزار کوچک برای ترکیب رنگ نواحی خاص استفاده کنید و با هر کلیک تنظیمات کوچک اعمال کنید.

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

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

مثال‌های معروف از لوگوهای با گرادیان:

در ادامه به بررسی این مثال ها میپردازیم:

گرادیان لوگو Instagram:

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

گرادیان لوگو Microsoft:

لوگوی مایکروسافت آفیس شامل چندین آیکون است که هر یک نمایانگر یکی از نرم‌افزارهای آفیس هستند، مانند ورد، اکسل، پاورپوینت و اوت‌لوک. هر یک از این آیکون‌ها از گرادیان‌های رنگی خاصی استفاده می‌کنند. به عنوان مثال، آیکون ورد از یک گرادیان آبی استفاده می‌کند، در حالی که آیکون اکسل از گرادیان سبز بهره می‌برد. این استفاده از گرادیان‌ها به نرم‌افزارها ظاهری مدرن و پویا می‌دهد و هم‌زمان هر یک از آیکون‌ها را به صورت بصری متمایز می‌سازد.

گرادیان لوگو Firefox:

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

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

عمکلرد گرادیان در لوگوهای حرفه ای

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

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

بهینه سازی گرادیان در چاپ

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

یکی از راه‌حل‌های موثر، استفاده از تکنیک‌های مناسب برای ایجاد گرادیان‌ها است که در چاپ به خوبی نمایش داده شوند. برای مثال، استفاده از گرادیان‌های شفاف یا چند رنگی با دقت بالا، می‌تواند به بهبود کیفیت چاپ کمک کند. همچنین، استفاده از نرم‌افزارهای حرفه‌ای مانند Adobe Illustrator و Photoshop که ابزارهای پیشرفته‌ای برای مدیریت گرادیان‌ها ارائه می‌دهند، می‌تواند به شما در دستیابی به نتایج بهتر کمک کند.

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

در نهایت، با استفاده از تکنیک‌های مناسب و توجه به جزئیات، می‌توان اطمینان حاصل کرد که گرادیان‌های شما به طور حرفه‌ای و با کیفیت بالا چاپ می‌شوند. برای اطلاعات بیشتر و تکنیک‌های پیشرفته‌تر، می‌توانید به منابع و راهنمایی‌های ارائه شده توسط شرکت Adobe مراجعه کنید.

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

نکته اخر

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