Каждый веб-мастер и веб-дизайнер рано или поздно сталкивается с такой задачей — нужно прикрутить к уже существующему сайту форум, блог, e-commerce движок или что-то подобное.
Мало кто пишет такие вещи самостоятельно, ведь намного проще и быстрее поставить что-то готовое (благо, бесплатных решений сейчас достаточно, и их уровень вполне достаточен даже для коммерческих проектов). Но тут мы сталкиваемся с задачей, которая выглядит простой, а на практике же ее решение занимает немало времени и не доставляет никакого удовольствия — нужно подогнать цвета форума/магазина/блога под дизайн сайта.
Традиционно, для решения этой задачи использовались такие подходы:
Но что делать, если дни и недели тратить не хочется (или не можется), а работу сделать надо?
С недавнего времени появилась возможность перекрашивать как готовые сайты из Сети, так и архивы с картинками и прочими ресурсами с помощью специально предназначенного для этого веб-сервиса — webcolorizer.com (для удобства далее я буду называть его «колорайзер»). Самое приятное, что это не потребует никаких специальных знаний и умений, а затраты времени врядли превысят пять-десять минут на сайт.
Перекраска в этом случае происходит так:
Теперь, допустим, мы хотим сделать еще несколько вариантов этого же сайта. Заново закачивать архив не придется, сервис все сохранил в вашем аккаунте, просто возвращаемся на главную (кликаем лого сервиса либо кнопку Start over again) и видим в панели Files два файла — ваш архив или сайт до перекраски и после.
Наводим на любой из них курсор, кликаем радужную кнопку — и снова попадаем на страничку настройки цветов.
Как теперь применить новый дизайн? Просто заменить существующие файлы (картинки, стили и веб-странички) на сервере их перекрашенными копиями из архива.
Очень удобно пользоваться колорайзером для быстрого создания нескольких скинов одного сайта — каждый скин займет всего несколько минут, зато пользователи обрадуются возможности выбора цветовой гаммы, ведь кому-то приятней читать темный текст на светлом фоне, кому-то наоборот, и т.д.
Удачного перекрашивания!
Примечание 1: когда-то этот сервис уже рассматривался тут, но с тех пор прошло много времени и добавилось много полезностей, в том числе такие важные, как перекраска архивов и хранилище перекрашенных и оригинальных файлов.
Примечание 2: посмотреть настоящий результат перекраски и скачать соответствующий архив можно тут
Мало кто пишет такие вещи самостоятельно, ведь намного проще и быстрее поставить что-то готовое (благо, бесплатных решений сейчас достаточно, и их уровень вполне достаточен даже для коммерческих проектов). Но тут мы сталкиваемся с задачей, которая выглядит простой, а на практике же ее решение занимает немало времени и не доставляет никакого удовольствия — нужно подогнать цвета форума/магазина/блога под дизайн сайта.
Традиционно, для решения этой задачи использовались такие подходы:
- Делаем все вручную. Перекрашиваем каждую картинку Фотошопом (ну или что там есть под рукой). Стили (CSS) и шаблоны (HTML) правим руками, находя каждый цвет и меняя на нужный нам. Дело это муторное и долгое, способное напрочь убить вдохновение у кого угодно. Если решили пойти таким путем — закладывайте от одного до четырех-пяти дней на перекраску. Если что-то не понравится, или нужен будет еще один вариант — добавьте еще столько же и т.д.
- Можно сэкономить много времени, если написать скрипты для перекраски. Их достаточно написать один раз и потом пользоваться ими когда угодно. Скрипты будут управлять графическим редактором (Adobe Photoshop) или библиотекой (Image Magick), которые, собственно, и осуществят перекраску изображений. Это практичный вариант, но применимый только в случае если читатель в достаточной степени владеет JavaScript или подобным скриптовым языком, имеет некоторый опыт в написании парсеров (иначе цвета в CSS и HTML перекрасить не удастся) и имеет представление о цветовых моделях и манипуляциям с цветами. Написание скриптов займет от пары недель до месяца, но потом позволит сэкономить массу времени, т.к. каждая перекраска будет делаться очень быстро.
Но что делать, если дни и недели тратить не хочется (или не можется), а работу сделать надо?
С недавнего времени появилась возможность перекрашивать как готовые сайты из Сети, так и архивы с картинками и прочими ресурсами с помощью специально предназначенного для этого веб-сервиса — webcolorizer.com (для удобства далее я буду называть его «колорайзер»). Самое приятное, что это не потребует никаких специальных знаний и умений, а затраты времени врядли превысят пять-десять минут на сайт.
Перекраска в этом случае происходит так:
- Сначала загружаем свой архив с файлами (это может быть архив со скином к форуму или блогу, магазину и т.д.) или вводим адрес перекрашиваемого сайта. Если перекрашиваете архив, не забудьте положить в него картинку для предпросмотра — она будет необходима на следующем этапе! В ней должно быть изображено то, что вы перекрашиваете, например, веб-страница. Называться картинка предпросмотра должна preview.jpg или preview.png и лежать в корне архива.
В нашем случае проще воспользоваться готовым сайтом, например, habrahabr.ru. Для этого вводим адрес сайта и нажимаем Proceed:
- Теперь самое интересное — собственно, перекраска. Используем ползунки справа и сразу видим результат слева — удобно. Ползунки позволяют менять цвета в очень широких пределах, но и этого не всегда хватает — иногда может пригодиться галочка Invert, которая находится над картинкой предпросмотра, которая меняет цвета на противоположные, то есть инвертирует их. Если нужно посмотреть, как было до перекраски и после — кликаем галочку Preview («Предпросмотр») над предпросмотром.
- Когда настройка цветов завершена, кликаем Proceed («Продолжить»).Тут придется немного подождать — колорайзер должен перекрасить все картинки, стили и веб-страницы в соответствии с настройками, сделанными на предыдущем этапе. Обычно это занимает 1-2 минуты, но иногда и дольше, минут 5 (зависит от наплыва «перекрашивателей» — сервис-то бесплатный). Не волнуйтесь, на «живом» сайте цвета не поменются, просто на последнем этапе можно будет увидеть реальную перекрашенную веб-страницу и скачать архив с перекрашенными ресурсами.
- Готово! После нескольких минут ожидания можем скачать архив с перекрашенными картинками, стилями и веб-страницами — для этого кликаем кнопку Download result («Скачать результат») в верхней части сайта.
Теперь, допустим, мы хотим сделать еще несколько вариантов этого же сайта. Заново закачивать архив не придется, сервис все сохранил в вашем аккаунте, просто возвращаемся на главную (кликаем лого сервиса либо кнопку Start over again) и видим в панели Files два файла — ваш архив или сайт до перекраски и после.
Наводим на любой из них курсор, кликаем радужную кнопку — и снова попадаем на страничку настройки цветов.
Как теперь применить новый дизайн? Просто заменить существующие файлы (картинки, стили и веб-странички) на сервере их перекрашенными копиями из архива.
Очень удобно пользоваться колорайзером для быстрого создания нескольких скинов одного сайта — каждый скин займет всего несколько минут, зато пользователи обрадуются возможности выбора цветовой гаммы, ведь кому-то приятней читать темный текст на светлом фоне, кому-то наоборот, и т.д.
Удачного перекрашивания!
Примечание 1: когда-то этот сервис уже рассматривался тут, но с тех пор прошло много времени и добавилось много полезностей, в том числе такие важные, как перекраска архивов и хранилище перекрашенных и оригинальных файлов.
Примечание 2: посмотреть настоящий результат перекраски и скачать соответствующий архив можно тут