Изменение цветовой схемы значков календаря?

Вот изображение, с которым я работаю:

изображение

Мне интересно, возможно ли автоматически изменить все изображения на использование цветовой схемы, близкой к # 489fdc. Я пробовал вносить изменения в Paint.NET и Photoshop, но безуспешно. У кого-нибудь есть опыт в этом?

У меня есть только версия .png, а не .psd - иначе это, конечно, было бы легко :)

Извините, у меня нет фотошопа, и я не могу дать правильный ответ с результатом, но после нескольких поисков в Google изображениях я нашел здесь оригинальный файл psd.

Ответы (2)

Поскольку это помечено как :

Хотя ваша цель для этих изображений календаря не ясна, чтобы создать это наиболее динамичным способом, я бы рекомендовал использовать малоизвестный <time>элемент HTML (который поддерживается еще в IE9 ) и CSS, а не создавать кучу вариантов изображений. потому что гораздо проще обновить.

Вот базовая структура, которую вы можете использовать (взято из статьи Крейга Баклера по этому вопросу ), вы можете просто заменить текст тем, что вам нужно.

<time datetime="2014-09-20" class="icon"> 
  <em>Saturday</em>
  <strong>September</strong>
  <span>20</span>
</time>

С некоторыми дополнительными стилями вы можете создать что-то очень похожее на то, что вы хотите. Вы даже можете создать кольца сверху, используя псевдоэлементы.

Если вы используете препроцессор, такой как SCSS, вы можете изменить цветовую схему (даже с градиентами) так же просто, как изменить одну переменную.

Быстрым и грязным способом в фотошопе было бы открыть изображение в фотошопе, перейти к изображению/регулировкам/оттенку и насыщенности, выбрать раскрашивание, а затем настроить ползунки оттенка и насыщенности. Поскольку вы используете png, вам, возможно, придется вырезать части, на которые вы не хотите воздействовать, и оставить эти части слоем над копией изображения с частями, которые вам нужно применить с помощью цвета.