🏠

ПИКСЕЛЬ-АРТ в фотошопе

Это текстовая версия YouTube-видео "ПИКСЕЛЬ-АРТ в фотошопе".

Нажмите на интересующую вас фразу, чтобы открыть видео на этом моменте.

Всем привет, меня зовут Дмитрий и в данном видео мы рассмотрим тему пиксель-арта или пиксельной графики, разберем способ рисования в стиле пиксель-арт, а также быстрый способ преобразования простого растрового изображения в пиксельное. Что такое пиксель арт и с чего всё начиналось? Пиксель-арт или пиксельная графика - это цифровое изображение, созданное с помощью растрового редактора, который имеет настолько маленькое разрешение, что на нем отчетливо видны отдельные пиксели. Редактируется пиксельная графика, соответственно, на уровне пикселей, вручную. То есть, изображение рисуется вручную - пиксель за пикселем. Не стоит путать пиксельную графику с обычным растровым изображением или рисунком, выполненным растровом редакторе. Конечно же, растровое изображение тоже состоит из пикселей, но оно не обладает тем самым рядом отличий, присущих письменному изображению. А именно - очень маленькое разрешение и ограниченной цветовая палитра. В пиксель-арт считается хорошим тоном использование 16 стандартных цветов. Хотя пиксель-арт и считается искусством, для создания пиксельной графики не требуется каких-то художественных навыков или образования, потому что рисунки строятся из квадратиков ( пикселей), содержит минимальный набор цветов и выполняются простейшими инструментами, которые присутствуют в любом растровом редакторе - это "карандаш", "прямая линия" и "заливка". Для отрисовки современного, красивого пиксель-арта, конечно же требуются определенные навыки и знания, поскольку в данном искусстве существуют свои устоявшиеся традиции, методы и способы рисования. Истории пиксель-арт складывается с начала 80-х годов, когда пиксельную графику начали активно применять в играх на компьютерах и игровых приставках. И спустя почти десять лет, к концу восьмидесятых, пиксельную графику стала вытеснять появившиеся 8-битная палитра, которая уже содержала 256 цветов. В настоящее время пиксель-арт до сих пор используется на различных портативных устройствах, типа смартфонов и игровых консолей, а также в веб-дизайне, в качестве favicon для сайта. Кроме того, существуют различные сообщества посвященный пиксельной графике, а также многие современные разработчики игр специально делают игры в стиле пиксель-арт, поскольку такая графика вызывает ностальгию взрослого поколения геймеров, а также просто считается модной. Рассмотрим способ элементарной иллюстрации в пиксель-арт. Для работы я взял набросок вот такого персонажа, которого мы и будем рисовать в стиле пиксель-арт. Создаем небольшой холст, размером 200 на 200 пикселей, разрешение оставляем семьдесят два пикселя на дюйм, цвета rgb 8bit и фон можно оставить белый. Можно сделать потемнее, в зависимости от того, какие у вас на изображении будут цвета. У меня белых цветов здесь не будет, поэтому я оставлю белый фон. В основных настройках у нас, в интерполяции изображения, должна стоять установка "по соседним пикселям сохраняет четкие края". Теперь мы включаем "просмотр" - "показать сетку" и у нас получается вот такой вот клетчатый холст. Теперь выбираем "инструмент карандаш", устанавливаем ему минимальный размер. То есть, один пиксель и жесткость на сто процентов и мы теперь можем вот так вот рисовать точками (пикселями). Теперь мы берем нашего персонажа, вырезаем его каким-нибудь вот инструментом "лассо", перетаскиваем на наш холст и настроим его размер с помощью "свободного трансформирования". Теперь можно приступать к обведению персонажа инструментом "карандаш", то есть мы выбираем какие нам нужно цвета, обводим, прорисовываем какие-то элементы и закрашиваем. Закрашивать удобнее, конечно же, будет инструментом "заливка". Для того, чтобы персонажа было удобно отрисовывать, нужно делать каждый его элемент на новом слое. Для того, чтобы в дальнейшем можно было отредактировать каждый из элементов или поменять цвет. Создаем новый слой берем "карандаш", я сделал контур головы замкнутый, теперь можно его просто залить "заливкой". Цвет мы возьмем чуть посветлее. Для удобства работы, здесь можно слои отключать, рисовать что-то другое, потом подключать. Также, вот сам слой с персонажем, можно сделать немного прозрачней, так будет удобно. Например, выставим ему где-то на 30 процентов прозрачность и продолжаем. По окончании данной работы мы будем накладывать небольшие детали, типа тени и каких-то там складок на одежде и прочего.. Вот таким вот образом, у нас получился персонаж. Если мы отключим сетку, то увидим как он выглядит. Теперь можно прорисовать отдельные детали, такие как тени, складки на одежде и прочие мелкие моменты. После того, как персонаж разукрашен можно его сделать еще более пиксельным, то есть, еще уменьшить разрешение. Для этого увеличиваем персонажа с помощью "свободного трансформирования" и снова уменьшаем всё изображение. Не забываем при уменьшении выставить ремсамплинг - "по соседним пикселям". Сохранять пиксельный рисунок лучше всего в gif или png формате. Я предпочитаю gif, потому что при сохранении можно выбрать количество цветов - "16". Кроме того, в gif, как и в png можно задать изображению прозрачный фон. Минусами jpeg является его размер, который получается больше чем у gif или png, не возможность сохранять изображение на прозрачном фоне, ну а самый главный минус jpg - это то, что при сохранении он может вызвать искажение цвета отдельных пикселей, благодаря чему мы потеряем нужную 16-ти цветовую палитру и ваши труды пойдут коту под хвост! Кстати о котах, теперь на примере вот такого изображения я покажу вам быстрый способ его преобразований в пиксель-арт. Способ, конечно далеко не идеальный, но он рабочий и помогает в некоторых случаях сэкономить массу времени. Первым делом, как обычно, снимаем блокировку слоя, если она стоит. Кликаем два раза о замочку, переходим в "изображение" - "коррекция" - "цветовой тон / насыщенность" и "насыщенность" выставляем примерно на 50. Теперь переходим в "изображение" - "режим" - "индексированные цвета", здесь у нас должно быть 10 цветов, остальное все должно быть отключено. Нажимаем "ok". Теперь выбираем "изображение" - "размер изображения", здесь устанавливаем "автоматический выбор разрешения", ставим качество "черновое", остальное оставляем так. И у нас изображение значительно уменьшается, тем самым, у нас уменьшается его разрешение, нажимаем "ok". Теперь обратно переведем изображение в режим "rgb". "Изображение" - "режим rgb" и вырежем нашего кота с белого фона. Выбираем "выделение" - "цветовой диапазон" и пипеткой кликаем по фону. Ну такой способ вырезания я выбрал потому что у нас фон все-таки белый, нажимаем "ok". У нас выделился фон и просто "Delite" кликаем на клавиатуре и у нас он удаляется. По сути, у нас изображение готово в стиле пиксель-арт и можно вот здесь некоторые моменты доработать, где есть небольшие недочеты. Также "карандашом" подкрасить и если вы хотите получить еще меньшее разрешение изображения, то есть, увеличить эти вот сами пиксели, то можно поступить так же, как и в первом случае. Сначала изображение уменьшить, потом увеличить холст и с помощью свободного трансформирования увеличить само изображение. По-моему получилось неплохо, согласитесь, что вручную такое нарисовать, даже по фото, времени бы ушло намного больше. И так, в данном видео мы разобрали тему пиксель-арт в фотошопе, исходники к уроку будут, как обычно, в описании под видео. Ну а на этом у меня всё, всем пока и до скорых встреч!

Ad Х
Ad Х