Comments 45
Сделать иконку перекрашиваемой не сложно… А вот нарисовать НОРМАЛЬНУЮ иконку что-бы та смотрелась хорошо — вот это очень сложно… Особенно 32х32 или 16х16
+13
А в чем именно проблема? Мы в турбомилковском блоге написали уже много статей про рисование иконок. Возможно, слишком много.
+2
безсвязный какой то коммент.Или я не догоняю?
+1
Попробую еще раз.
В чем именно состоит сложность нарисовать НОРМАЛЬНУЮ иконку? Она получается нечеткой? Трудно подобрать метафору? Какие-то другие сложности?
Вот тут есть 18 статей на тему «как нарисовать» иконку. Я не понимаю — что непонятного в моем комменте?
Я как лучше хотел, есличо.
В чем именно состоит сложность нарисовать НОРМАЛЬНУЮ иконку? Она получается нечеткой? Трудно подобрать метафору? Какие-то другие сложности?
Вот тут есть 18 статей на тему «как нарисовать» иконку. Я не понимаю — что непонятного в моем комменте?
Я как лучше хотел, есличо.
+19
ну так если брать чужие метафоры, конечно не сложно ;)
-9
Спасибо за статьи, всегда мечтал заняться рисованием иконок, и вообще пиксельной графикой. Но к сожалению, все меня бизнес клонит не в ту сторону… :(
Мечта: заработать 30 млн $ и после этого начать рисовать пиксельные иконки, просто так, для себя… :)
Мечта: заработать 30 млн $ и после этого начать рисовать пиксельные иконки, просто так, для себя… :)
0
почему 30 млн? с экономическим ростом ростут и потребности
0
проблема, как водится, в таланте. далеко не у всех хватает таланта рисовать вменяемые иконки.
+7
Лучше статей, которые вы написали хуже нет )
+3
Эх, если бы проблема была только в доступной информации :)
+1
Статьи не во всех случаях помогают… Даже если я прочитаю самоучитель по живописи — я не обязательно смогу хорошо рисовать…
0
Я, кстати, не соглашусь, что сделать иконку перекрашиваемой легко. Если брать время работы, то обычную иконку можно нарисовать раза в 3-4 быстрее, чем качественную перекрашиваемую.
0
UFO just landed and posted this here
Забудьте тогда про фон картинкой вокруг иконки
0
Можно и так. Но не всегда нужны иконки тогоже цвета, что и фон.
Пример: нужна красная иконка на черный фон.
Кстати, даже если иконка нужна такого же цвета, как и фон. То я рекомендую выбирать «почти такой же цвет», но более яркий. Тогда получится выразительнее.
Пример: нужна красная иконка на черный фон.
Кстати, даже если иконка нужна такого же цвета, как и фон. То я рекомендую выбирать «почти такой же цвет», но более яркий. Тогда получится выразительнее.
0
UFO just landed and posted this here
Не могли бы вы подробнее написать как это работает? Я пока не понял, что такое «обтравка фоновым черным».
0
UFO just landed and posted this here
Не покатит, если фон неоднородный, а иконки по нему «плавают». А там неплохое решение.
+2
День, когда для изменения дизайна сайта надо будет изменить лишь один цвет в css, уже не за горами)
0
Создание перекрашиваемой иконки для веба без векторного исходника:
По сути с небольшими доработками все это можно запихать в один экшн фотошопа который делал бы это автоматически.
Берем иконку (эта первая попавшаяся из того что было под рукой):
Чтобы получить базовый цвет — переводим из RGB в Lab. Канал Light заливаем 50% серым.
Как видно, иконка состоит из 2х цветов — основной голубой вверху и фиолетовый внизу. Так как голубого больше — берем пипеткой этот цвет и его используем как базовый.
Делаем наложение базового цвета на нашу иконку с режимами darken и lighten (слева и справа соответственно).
Переводим в ЧБ — desaturate
Автоуровни:
Инвертируем результат darken
По полученым яркостям делам маски прозрачности (darken для черного и для lighten белого)
белую маску не видно на светлом фоне.
Подкладываем наш базовый цвет и видим что все получилось.
Теперь совмещаем полученые результаты. Сначала кладем черный слой, потом белый.
Вот мы и получили клон нашей иконки.
И теперь мы можем подкладывать абсолютно любой цвет.
Спасибо за внимание.
По сути с небольшими доработками все это можно запихать в один экшн фотошопа который делал бы это автоматически.
Берем иконку (эта первая попавшаяся из того что было под рукой):
Чтобы получить базовый цвет — переводим из RGB в Lab. Канал Light заливаем 50% серым.
Как видно, иконка состоит из 2х цветов — основной голубой вверху и фиолетовый внизу. Так как голубого больше — берем пипеткой этот цвет и его используем как базовый.
Делаем наложение базового цвета на нашу иконку с режимами darken и lighten (слева и справа соответственно).
Переводим в ЧБ — desaturate
Автоуровни:
Инвертируем результат darken
По полученым яркостям делам маски прозрачности (darken для черного и для lighten белого)
белую маску не видно на светлом фоне.
Подкладываем наш базовый цвет и видим что все получилось.
Теперь совмещаем полученые результаты. Сначала кладем черный слой, потом белый.
Вот мы и получили клон нашей иконки.
И теперь мы можем подкладывать абсолютно любой цвет.
Спасибо за внимание.
+46
UFO just landed and posted this here
иконку фолдера?
наверное, я слишком русскоязычен :)
меня коробит, когда вместо нормального и недлинного русского слова «папка» используют слово «фолдер». благо, встречаюсь с этим впервые.
наверное, я слишком русскоязычен :)
меня коробит, когда вместо нормального и недлинного русского слова «папка» используют слово «фолдер». благо, встречаюсь с этим впервые.
+2
Ух, как кстати… Спасибо! =)
0
Спасибо турбомилководцам!
-4
Хотел бы спросить про стилевое единство, а то я как не начну рисовать иконки, никак не могу добиться этого стилевого единства. Так очень интересует подборка цветов, у вас все иконки таких теплых цветов, как это вам удается?
0
Попробуйте использовать adobe Kuler для подбора палитр, очень удобная штука.
www.adobe.com/products/kuler/
www.adobe.com/products/kuler/
0
при всем уважении к турбомилку, но это боян 6-ти летней давности
www.simplebits.com/notebook/2003/07/24/magic_icons_for_lazy_people_like_me.html
www.simplebits.com/notebook/2003/07/24/magic_icons_for_lazy_people_like_me.html
-2
Sign up to leave a comment.
Как рисовать перекрашиваемые иконки