Comments 33
Хм, а почему просто не использовать pixel grid вместо настройки сетки?
Мне полезен. Спасибо.
Было бы здорово рядом с каждым скриншотом видеть результат в конечном размере 32х32, чтобы наглядно проследить «эволюцию»
Короче весь этот урок можно выразить тремя словами: надо попадать в пиксели.
UFO just landed and posted this here
Вы таки будете смеяться, но буквально вчера на vector tuts+ был туториал как раз на эту тему:
vector.tutsplus.com/tutorials/illustration/create-a-resting-owl-scene-with-brushes-and-pattern-in-adobe-illustrator/
vector.tutsplus.com/tutorials/illustration/create-a-resting-owl-scene-with-brushes-and-pattern-in-adobe-illustrator/
А вот рекламу хостинга(не связанную с постом) делать не кошерно в первом предложении.
Он бабки зарабатывает. Почти в каждой статье такое безобразие, да и в профиле:
О себе: Ковыряюсь с хостингами.
А ну как вся статья ради ссылки и написана :)
О себе: Ковыряюсь с хостингами.
А ну как вся статья ради ссылки и написана :)
Ну статье однозначный плюс, а вот в карму за такое наглое и бессовестное враньё (а делать часть текста статьи рекламной ссылкой, не относящийся к выделенному фрагменту — это именно враньё) можно и минус поставить.
Не понятно, почему не наказывают за рекламу?
Ко всему прочему это кросспост — americanohost.ru/lessons-icons/
Вам какое дело? Ну есть ссылка, ну и что? Вам же понравилась статья, вы же благодарны? И чего гадить ради не понятно какой справедливости?
Меня оскорбило то, что меня обдурили.
Я думаю, что по ссылке что-то связанное с уроком, открываю в новой вкладке, а потом не могу понять, что там.
Надеюсь, мой урок был вам полезен. Чем кончилось и откуда началось.
И вот второй раз меня дурят. Почему меня держат за лоха? Прям оскорбление какое-то.
Если бы просто написали в конце- вот тут вот есть сайт прикольный — это одно. А когда мне стараются под видом одного подсунуть другое — это жуть как неприятно
Хочу предложить вашему вниманию урок
Я думаю, что по ссылке что-то связанное с уроком, открываю в новой вкладке, а потом не могу понять, что там.
Надеюсь, мой урок был вам полезен. Чем кончилось и откуда началось.
И вот второй раз меня дурят. Почему меня держат за лоха? Прям оскорбление какое-то.
Если бы просто написали в конце- вот тут вот есть сайт прикольный — это одно. А когда мне стараются под видом одного подсунуть другое — это жуть как неприятно
А если написать — тут можно выразить свою благодарность — кликните?
Я наоборот не хочу вводить в заблуждение. Пишу прямо и откровенно.
И стараюсь интересно. Если не интересно — не читайте. За все время
написания статьей, я потратил 200-350 трудочасов. Заработал 200 долларов.
Вы оцениваете час моей работы в 1 доллар? Вы, однако, не до оцениваете
меня. Я не пишу ради денег на хабр. Хабр жаден как и обыкновенный USSR
человек. Я пишу, потому что не могу не писать. Но на Хабре нельзя заработать.
Я наоборот не хочу вводить в заблуждение. Пишу прямо и откровенно.
И стараюсь интересно. Если не интересно — не читайте. За все время
написания статьей, я потратил 200-350 трудочасов. Заработал 200 долларов.
Вы оцениваете час моей работы в 1 доллар? Вы, однако, не до оцениваете
меня. Я не пишу ради денег на хабр. Хабр жаден как и обыкновенный USSR
человек. Я пишу, потому что не могу не писать. Но на Хабре нельзя заработать.
А в последнем предложении как хостинг относится к посту?
Далее, чтобы придать нужный цвет и контур идем в меню Layer > Layer Style > Gradient Overlay… и делаем градиентную заливку от цвета eae6c9 до цвета cbcfba
Есть такая шикарная серия статей "So You Want To Be A Pixel Artist?". А в ней статья "The Gradient Tool Is Evil". Там объясняется, что использовать градиент — это делать через задницу и показывают отличные примеры с градиентом и с нормальным пиксель артом:
Элементы:
против
На примере результата:
против
Конечно, это не принижает ценности статьи, но каждый новичок, который будет по этому учиться и думать "о, градиент! быстро, клёво и красиво!" пусть внимательно прочитает этот комментарий.
Пиксельарт и иконки, всё-таки разные вещи. Задача пиксельарта — передать реализм при помощи ограниченных средств, задача иконки быть красивой как конфетная обёртка.
Интересно, почему все самые познавательные статьи (не из Википедии), которые я вижу в последнее время, написаны до середины 2000-х? :)
Ценное добавление, сложно поспорить.
Имхо, данный пример с картинками не слишком нагляден. Обе картинки выглядят одинаково непрофессионально, и второй вариант больше похож на попытку спрятать градиент с помощью наложения шума, нежели на более правильный подход к рисованию pixel-арта.
Иконка и должна быть схематичной. Но даже в примерах… Я вот не могу сказать, что нижний вариант намного лучше верхнего. По моему опыту, излишняя детализация очень, очень часто ведет к тому, что картинка превращается в пёстрое месиво пикселей.
Как альтернатива создания градиентов — использовать шейп, залитый однородным цветом, а сам цветной градиент получать путём наложения чёрно-белого градиента. Например, color dodge/screen для осветления и linear burn/multiply для затенения. В сухом остатке — очень быстро и просто менять цвета, не нужно точно подбирать 2 цвета, вместо этого достаточно изменить основной цвет и подкорректировать прозрачность градиентной заливки. Как показала практика, это чертовски удобно и позволяет немного оптимизировать работу дизайнера. Вот простой пример, все градиенты получены путём смешивания базового цвета и обычного чёрно-белого перехода с различными режимами наложения.
Only those users with full accounts are able to leave comments. Log in, please.
Рисуем четкую иконку дома в 32x32 (аля FatCow)