عنوان مقاله :

آزمایش استخراج رنگ از عکس ها

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 21 خرداد 1394
دسته بندی ها : ابزار طراحی , الهام بخش

امروز ما میخوایم یک آزمایش سرگرم کننده استخراج رنگ از تصاویر رو با شما به اشتراک بزاریم ، این یک ایده جالبه اینکه ما یه سری پالت های رنگی و یه عکس داریم که وقتی کاربر روی استخراخ رنگ کلیک میکنه رنگ های که درون عکس دارای توالی رنگ بیشترین استخراج میشن و درون پالت ها قرار میگیرن و بعد عکس مورد نظرمون سیاه و سفید میشه که یه کار جالبیه به نظرم . ما از پلاگین Vibrant.js برای استخراج رنگ های با توالی زیاد استفاده میکنیم همینطور از CSS Filters برای ایجاد افکت سیاه و سفید که زمانی که رنگ ها استخراج شدن تصویر سیاه و سفید بشه و همچنین از یک پرده ساده و اسلاید برای تغییر عکس ها استفاده می کنیم . 

توجه : این آزمایش با برخی از خواص های css انجام شده که ممکنه در مرورگرهای قدیمی کار نکنه مثل (CSS Animations, CSS Filters).

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

دانلود فایل | دمو

 

مقالات پیشنهادی

50 منابع تازه برای طراحان وب - مهر 95

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

Grid سیستم css با Avalanche

Avalanche یک گرید سیستم برای css است ، که فوق العاده تمیز ، قدرتمنده ، رسپانسیو و بر اساس sass نوشته شده . اما چرا باید از اون استفاده کنید زمانی که ا...

Cropper - پلاگین ساده جی کوئری برای crop تصاویر

Croppe یک پلاگین جی کوئری برای crop کردن ساده تصاویر است . این پلاگین از تنظیمات ، متدها ، event ها ، فرامین لمسی ، زوم ، چرخش ، تغییر مقیاس ، canvas...

30 نمونه از بهترین وب سایت های طراحی شده با Parallax

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

دیدگاه های ارزشمند شما

هیچ دیدگاهی تا به این لحظه برای این موضوع ثبت نشده است