Что я делаю не так?

Question

[Александр Пупкин]

Ребят не понимаю.

1) Вот картинка:



Хочу сделать другую иконку. Пытаюсь сделать таким же цветом как обводка. Копирую через Фотошоп - Пипеткой или через браузер (в гугл хроме) цвет не тот, то синий, то светлый. Почему так?

2) Скажите, как правильно делать иконки.... Я понял открываешь Фотошоп или Иллюстатор и делаешь. Не пойму как сохраняется плавность линий. Сделал вот в Илюстраторе:



Потом конверт в PNG и какая то шляпа вышла.

1 картинка она ж в PNG - и там все плавно. Куда смотреть?

********************************************************************************************************
Ну вроде чуть по лучше или тоже шляпа??!

Answer 1

[Jenish]

Попиксельно - это для пиксельных иконок (в стиле пиксельной графики).
А если стиль другой? :) Да и в любом случае придется иметь дело с полупрозрачными участками

Если вы знаете, в каких размерах будет использована иконка:
Выставляете в иллюстраторе pixel preview, включаете пиксельную сетку и рисуете самый маленький размер 24х24 например. При этом учитывая, что участки иконки с прямыми отрезками, окружностями и края иконки равнять к пиксельной сетке. Так границы и иконка в целом получаются четкими. Экспортируете в PNG (или какой там вам нужен). Далее делаете 48х48 и 24х24, например, и те места, которые расплылись, снова руками подправляете под пиксельную сетку. И так далее.

Но помните, что идеальной иконки абсолютно под все размеры вы не сможете сделать. Все равно где-то что-то слегка поплывет - это не страшно. Главное, чтобы не сильно. Поэтому старайтесь избегать слишком тонких линий, изгибов и прочих мелких деталей. Следите, чтобы важные части

Answer 2

[Денис Инешин]

Не нужно конвертировать в PNG.
Сделайте в фотошопе импорт своей векторной иконки, преобразуйте в смарт объект, ресайз, save for web, png-24

Comments

[Александр Пупкин]

Спасибо. Попробую. Отпишусь =)

Answer 3

[goandkill]

1) Про цвет здесь - Почему фотошоп отображает цвета неправильно?

2) "Плавность линий" остаётся только в векторном формате. В твоем случае это - eps, ai или pdf.
В них нужно сохранять иконку в Иллюстраторе. Потом вставляешь её в фотошоп как смарт-объект, тогда сможешь менять размер и плавность линий останется, но не идеальная.
Иконки лучше всё-таки рисовать под тот размер, в котором они будут использоваться.

Comments

[Александр Пупкин]

Ну я создал 24х24 в Илюстраторе. Сохранил в SVG. Конвертировал в PNG и получилась такая жопа. Попробую как говорите.

[goandkill]

24х24 создавай сразу в фш и не делай мозг)))

[Александр Пупкин]

глянь в мой вопрос, шляпа? =)