БлогNot. Делаем цветной недельный круг с анимацией

Делаем цветной недельный круг с анимацией

Я упоминал вот здесь про "цвета дней недели", единственный более-менее распространённый вариант такого цветового набора - тайский, а именно:

  • Воскресенье – красное;
  • Понедельник – жёлтый;
  • Вторник – розовый;
  • Среда – зелёная;
  • Четверг – оранжевый;
  • Пятница – синяя (иногда голубая);
  • Суббота – фиолетовая (иногда чёрная).

Или, если описать на PHP

$cols = array ( '#ff0000', '#ffff00', '#ffc0cb', '#008000', '#ffa500', '#0000ff', '#8b00ff');

Попросили это нарисовать, а лучше, рассказать как нарисовать. По-моему, самый очевидный вариант - вращающийся круг с 7 цветными секторами, показывающий, как летят дни нашей жизни.

В простейшем случае делаем в Excel круговую диаграмму по семи "единичкам", 7 раз поворачиваем её на 51-52 градуса и скриншотим, что получается:

диаграмма для цветного недельного круга
диаграмма для цветного недельного круга

В Photoshop вставляем скриншоты как отдельные 7 слоёв, обрезаем рисунок, если нужно, корректируем несовпадающие края секторов (Команда Выделение/Select - Уточнить края/Refine Edge). В GIF Animator склеиваем 7 кадров, соответствующих слоям и углам поворота круга, настраиваем шаг по времени, получаем правильный недельный круг:

Простая анимация "недельный круг"
Простая анимация "недельный круг"

Это труд буквально минутный, для более тщательного облапошивания юзеров стоит сделать аккуратней.

Кстати:
Чем больше ваша жизнь насыщена позитивными эмоциями, тем медленней движется психологическое, то есть, единственно достоверное время. Судя по тому, как "летит время" для подавляющего большинства населения, дела в нашем мире всеобщей одержимости не очень-то хороши :)


теги: эмоции цвет графика время картинка

27.02.2016, 11:43; рейтинг: 5450