x
 
Антон Мельничук
1 марта 2012

Здравствуйте, сотрудники бюро.

Я верстальщик, который часто работает в Фотошопе для создания шаблонов. У меня следующий вопрос: для определения цвета я использую пипетку, а чтобы скопировать этот цвет, мне приходится тыкать в поле с цветом, выделять его и потом только копировать.

Как в этом случае поступают ваши верстальщики, и может вообще поделитесь советами какими-то для быстрого и удобного использования Фотошопа верстальщиком?

Спасибо.



Антон, мой совет — не пользоваться пипеткой.

Инструмент «Лупа» в приложении xScope копирует в буфер цвет любого пикселя на экране по шорткату:

Остаётся вставить код в редактор. Кстати, цвет будет уже с # диезом — не то что после Фотошопа.

На выбор несколько форматов:

Кроме лупы, ещё есть «Размер», «Линейка», «Экран»:





И другие инструменты, которые вместе — один из весомых аргументов в пользу покупки верстальщиком Мака :-)

P. S.
Это был совет о разработке веб-интерфейсов. Хотите узнать всё об умной вёрстке, правильных скриптах, грациозной деградации, трюках и работе технолога с дизайнером? Присылайте вопросы.

Поделиться
Отправить

Комментарии

Валентин Назаров
1 марта 2012

Под Виндоус для этого нет ничего лучше, чем Pixie от Nattyware.

Глеб Великанов
1 марта 2012

Хороший вопрос! Очень нужен аналог xScope для винды или просто нормальная пипетка. Кто что может посоветовать?

Илай Фрост
1 марта 2012

В меню панели Color есть пункт Copy hex value, его можно повесить на хоткей.

Саша Сушко
1 марта 2012

Под винду рекомендую Colorpix: http://www.colorschemer.com/colorpix_info.php

Просто и удобно.

Ильшат Мухутдинов
1 марта 2012

Для виндузятников: у меня в панели быстрого запуска живёт маленькая программка HTMLColors 2000 (всего 32 КБ).

Дмитрий Быков
1 марта 2012

Антон, берём пипетку, жмём правой кнопкой мыши в любом месте холста (на нужном цвете) и в выпадающем меню выбираем самый нижний пункт «Copy Color's HEX Code». Это работает в Фотошопе ЦС5.

Никита Лебедев
1 марта 2012

А что-нибудь более дешёвое и реализующее функционал только такой пипетки, как в xScope, есть? Для мака.

Александр Сорокин
2 марта 2012

Я пользуюсь FastStone Capture. Там есть и линейка, и пипетка, и грабилка. Быстро работает, мало весит.

Салават Абдуллин
2 марта 2012

Есть полезная утилита HTML Color Picker: http://www.allgraphicstools.com/

После выбора пикселя цвет также копируется в буфер с диезом.

Павел Радьков
2 марта 2012

Я пользуюсь Color Impact (для винды): http://www.tigercolor.com/ColorImpact.htm

Максим Завадский
3 марта 2012

В Виндоусе я использую YS Instant Color Picker: http://www.youngsmarts.com/

Алексей Кириченко
5 марта 2012

+1 к уже упоминавшемуся ColorPix: дабл-клик на коде цвета копирует его.

Если нужно быстро произвести какие-то махинации с цветом, но не хочется Фотошоп, то есть ColorMania: http://www.blacksunsoftware.com/colormania.html

На Маке нравится Hex Color Picker: http://wafflesoftware.net/hexpicker/

А за Loupe спасибо, посмотрим :-)

Глеб Кондратенко
14 марта 2012

В винде пользуюсь программой PickPick (http://www.picpick.org/) с очень похожим функционалом.

Евгений Боровков
15 марта 2012

На Маке есть штатная утилитка Колориметр DigitalColor. Правда без линейки. Но делает с цветом всё тоже бесплатно.

Юрий Плашенков
26 июля 2013

Взгляните также на эту программу:
http://www.color-tools.com/ru/

Различные режимы редактора цвета (H, S, V, R, G, B), пипетка, разные форматы цветов: #FF0000, rgba(), несложный встроенный редактор изображений и возможность захвата скриншотов с альфа-каналом (Aero, тень)

Можно использовать с любым редактором — выделяете цвет и нажимаете Ctrl+C+C для его редактирования.

Возможно, вы найдёте эту программу полезной.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как вы относитесь к иннициативе Микрософта по выводу ИЕ 6 с рынка? 3 Рецепт: бегущая строка на сайте без Яваскрипта Как правильно работать с начертаниями подключаемого шрифта в ЦСС? Что дизайнеру стоит знать о якорных ссылках?




Недавно всплыло

Диаграмма футбольных трансферов. Результат 5 1 Интерфейс штор, как оценить навыки сотрудника, не владея ими и как улучшить объявление 1 Как подружить иконки. Цвет 1