عنوان مقاله :

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

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

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

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

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

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

 

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

وب سایت های الهام بخش برای طراحی - سری 10

امروز قصد داریم یک سری وبسایت های خارجی که بطور کاربردی ، زیبا و قدرتمند طراحی شدن رو براتون قرار بدیم تا شما بتونین با طریقه طراحی اونها آشنا بشین یا...

مجموعه Color Schemes برای ویرایشگرها

مجموعه ای از طرح های رنگی برای متن ویرایشگرهای شما ، ویرایشگرهای مثل Sublime Text ، VIM ، Textmate و .... . این طرحهای رنگی به شما کمک میکند تا ویرایش...

جدیدترن ابزار طراحی و برنامه نویسی وب - آذر 94

تحولات دیگه بصورت گذشته هر سال یا هر ماه اتفاق نمیوفته بلکه بصورت لحظه ای همه چی متحول میشه این قانون بر اینترنت و طراحی و برنامه نویسی وب هم حکم میکن...

25 وبسایت الهام بخش با استفاده از پارالاکس

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

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

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