معنی لغوی گرادینت سطح شیب دار یا تدارج رنگی می باشد. اما مفهوم گرافیکی آن، ترکیب تدریجی از یک رنگ به رنگ های دیگر، بدون هیچ مرز بندی بین آنها می باشد. گرادیان طراحان را قادر می سازد تا تقریباً یک یا چند رنگ جدید ایجاد کنند. اگر می خواهید با انواع گرادینت بیشتر آشنا شوید و در طراحی های خود و یا وب سایت های خود از آن استفاده کنید، تا انتهای این مقاله با ما همراه باشید.
فهرست مطالب
عکس گرادینت چیست
همانطور که گفتیم گرادینت به انگلیسی (Gradient) به معنی شیب یا شیبدار میباشد، اگر بخواهیم ساده تر این مفهوم را بیان کنیم، هنگامی که یک تصویر را با چند طیف رنگی متفاوت بدون وجود مرزی بین رنگ ها مشاهده می کنید، می توان گفت در آن تصویر از گرادینت استفاده شده است. در شکل زیر یک نمونه از گرادینت را می توانید مشاهده کنید.
برای معرفی شکل های مختلف گرادینت می توان به مدور، زاویه دار، عمودی، افقی و… اشاره کرد. در ادامه هر کدام از این شکل ها را به طور کامل توضیح خواهیم داد، پس تا آخر با ما همراه باشید.
اگر می خواهید در نرم افزار کورل از گرادینت استفاده کنید پیشنهاد میکنیم مقاله گرادینت در کورل دراو آموزشگاه آریا تهران را از دست ندهید.
گرادینت در فتوشاپ
گرادینت ها در نرم افزار های گرافیکی نیز کاربرد زیادی دارند، زیرا باعث میشوند تصویر از حالت یکنواختی خارج شود و ظاهر معمولی نداشته باشد. در ادامه به نحوه ایجاد گرداینت در فتوشاپ و پاسخ به سوالاتی مانند گرادینت فتوشاپ چیست و… می پردازیم.
برای ساخت گرادینت در فتوشاپ مراحل زیر را به ترتیب طی کنید:
- ابتدا روی گزینه File کلیک کنید و از قسمت New یک سند جدیدی را باز کنید.
- روی ابزار گرادینت کلیک کرده و در ناحیه مورد نظر دراگ کنید.
انواع گرادینت
در ادامه این مطلب به معرفی ۵ نوع گرادینت خواهیم پرداخت تا با انواع آن آشنا شوید و به راحتی و متناسب با نیازتان از آن ها استفاده کنید.
انواع گرادینت عبارتند از:
- گرادینت خطی
- گرادینت مدور
- گرادینت زاویه دار
- گرادینت بازتاب
- گرادینت الماسی
گرادینت خطی (Linear): این نوع گرادینت دارای چند نوع رنگ به صورت عمودی، افقی یا مورب می باشد که در شکل زیر این سه نوع گرادینت خطی قرار گرفته اند.
گرادینت مدور (Radial): گرادینت های مدور دارای رنگ های دایره ای در مرکز می باشند.
گرادینت زاویه دار (Angle): در این گرادینت رنگ ها از یک زاویه شروع شده و سپس ۳۶۰ درجه چرخش پیدا میکنند و به زاویه اولیه باز می گردند.
گرادینت بازتاب (Reflected): هر دو طرف تصویر را طیف رنگی یکسان تشکیل می دهد تا به صورت بازتابی نمایش داده شود.
گرادینت الماسی (Diamond): این گرادینت مانند گرادینت مدور می باشد، همانطور که در شکل زیر مشاهده می کنید با این اختلاف که در گرادینت الماسی رنگ ها به شکل لوزی قرار گرفته اند.
اهمیت استفاده از گرادینت در طراحی سایت
ممکن است در صفحات وب گرادینت های زیادی دیده باشید، این گرادینت ها به صفحات وب ظاهر زیبا و خاصی می دهند و توجه بسیاری از کاربران را جلب می کنند. استفاده از گرادینت تا قبل از انتشار css3 امکان پذیر نبود و طراحان سایت به سختی می توانستند از گرادینت در وب سایت های خود استفاده کنند.
دو نوع گرادینت در css وجود دارد:
- Linear-gradient
- Radial-gradient
در شکل زیر می توانید یک نمونه از سایتی که در آن گرادینت استفاده شده است را مشاهده کنید.
یکی دیگر از کاربرد های گرادینت در طراحی سایت استفاده از متن با پس زمینه گرادینت می باشد. این نوع پس زمینه نوشته های شما را از حالت یکنواخت خارج می کند و باعث می شود نوشته راحت تر خوانده شود و بیشتر توجه کاربر را جلب کند.
اگر در مورد تصاویر وکتور اطلاع کافی ندارید پیشنهاد میکنیم به مقاله وکتور چیست آموزشگاه آریا تهران مراجعه کنید.
گرادینت اینستاگرام
از آنجایی که گرادینت مورد استقبال بسیاری از کاربران می باشد، یکی از محبوب ترین شبکه های اجتماعی، اینستاگرام نیز در لوگوی خود از گرادینت استفاده کرده است. همانطور که در شکل زیر می بینید نه تنها اینستاگرام، بلکه بسیاری از برند ها نیز در لوگوی خود گرادینت به کار برده اند که کد گرادینت آن ها را به راحتی می توانید در بسیاری از سایت ها پیدا کنید.
ابزارهای رایگان برای ساخت گرادینت
برای دانلود گرادینت، سایت های زیادی وجود دارند که می توانید گرادینت های دلخواه خود را مشاهده و دانلود کنید. در این قسمت چند سایت گرادینت برای کسانی که نمی خواهند در فتوشاپ گرادینت طراحی کنند را قرار داده ایم.
این سایت که دارای کد رنگ گرادینت زیادی می باشد را پیشنهاد می کنیم از دست ندهید.
در این سایت میتوانید علاوه بر تنوع طیف رنگی فراوان، از کد css آن ها نیز استفاده کنید.
این وب سایت شامل گرادینت هایی می باشد که در حالت هاور می توانید از آنها استفاده کنید.
همچنین میتوانید از اپلیکیشن گرادینت چهره برای پیدا کردن افراد مشهوری که به شما شباهت دارند استفاده کنید. این اپلیکیشن از چند سال اخیر توجه کاربران را بسیار جلب کرده است، اما فقط به مدت ۳ روز میتوان به صورت رایگان از آن استفاده کرد.
اگر به دنبال راهی برای تبدیل تصویری به وکتور هستید به مقاله تبدیل عکس به وکتور آریا تهران مراجعه کنید.
سوالات متداول
یک عکس که دارای چند طیف رنگی متفاوت، بدون وجود مرزی بین رنگ ها می باشد، میتوان گفت در آن تصویر از گرادینت استفاده شده است.
از گرادینت در css میتوانید برای زیبا تر جلوه دادن به وب سایت های خود استفاده کنید، همانطور که گفتیم گرادینت در css، دو نوع می باشد که شامل: Linear-gradient و Radial-gradient است.
ناشناس –
جامع و کامل و سودمند