пятница, 22 февраля 2013 г.

Сглаживание


С этого пункта, будет немного сложнее. Сглаживание, делать довольно таки легко, гораздо труднее объяснить, как это делать. Когда дело доходит до сглаживания, то линии в вашей работе становятся более гладкими. К примеру, компьютер часто прибегает к  сглаживанию и поэтому нужно всего лишь взглянуть на любой текст.
На рисунке выше, в увеличенном виде, вы видите, как компьютер использует темные и светлые  цвета для сглаживания букв, чтобы они могли сочетаться с фоном. Если посмотреть на эти буквы в исходном размере, то сразу можно увидеть что линии стали гладкими.


Основы сглаживания

Естественно сглаживание делается вручную. Цвета нужно искать в диапазоне от оттенка ваших линий до оттенка фона. Ниже я сделал пример, с черными линиями на белом фоне.




Пример 1 показывает разницу объекта со сглаживанием и без него. (AA-Antialiasing). Обратите внимание, на разницу эти двух кругов. Круг без сглаживания, выглядит плоским, да и в исходном размере ещё будут видны его неровные края. В примере 2 используют сглаживания на линии, чем дальше вы от  черного цвета рисуете, тем ярче цвет вы  будете использовать в дальнейшем. 

Примеры 3 и 4 показывают, как сглаживать линии находящиеся под углом. Линию 2x1, вы должны сглаживать в один пиксель справа и слева от линии. Для линии 4x1, я использовал два пикселя для сглаживания. Существует правило, которое гласит, что нужно использовать столько пикселей для сглаживания, сколько является длина половины исходной линии. Поясняю, у нас на примере исходная линия в четыре пикселя значит, сглаживание будет на два пикселя. В другом примере исходная линия 2 пикселя, сглаживания будет 1 пиксель. В общем, чем меньше будет использовать пикселей, тем лучше. 

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

Сглаживание цветов

Начнем с того, что это сложнее чем просто сглаживание от черного до белого цвета. При сглаживании между двумя цветами вы должны найти правильный оттенок между ними. Про цвета смотрим здесь и здесь.
Надеюсь этот урок вы сочли полезным, подписываемся и не пропускаем ни одной статьи! Помоги мне, автору этого блога, поделитесь ссылкой в соц.сетях чтобы её прочитало больше людей! А также оставляем комментарии, какие вы бы хотели видеть статьи, по теме пикселей. Благодарю вас за внимание!

воскресенье, 27 января 2013 г.

Рисование машины, людей и деревьев в изометрии

Рисуем человека

Существует тысяча способов рисования  пиксельных людей. Вы можете экспериментировать  и попытаться нарисовать их разными способами. А вот  собственно мой способ. Чем больше практики, тем лучше у вас будет получатся.

Просто стоящий на месте человек, а также ничем не занятый - это скучновато, неправда ли?
Так давайте же сделаем наших человечков бегущими, прыгающими, идущими куда-то или же дерущимися. Используйте свое воображение и нарисуйте людей, похожих на примере. Заметьте, что черные линии являются только контуром  тела нашего человечка. Я вам рекомендую использовать  средние  тона, чтобы ваши человечки выглядели эффектней, а рисунок был более реалистичным.

Рисуем машину

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

1.    Нарисуйте контур машины.
2.    Раскрасьте ее.  Только внешние линии(контур) должны быть черными.  Заметьте, что машина выделяется. Поэтому детализируйте ее.
3.    Закрасьте окна. Но не забывайте добавить яркость (перелив) на окнах. Затем нарисуйте фонари.
4.    Добавьте колеса. Также вы можете нарисовать и салон внутри машины, сделав стекло прозрачным.  Так машина выглядит более реалистичной. И машина готова!
Не беспокойтесь, если поначалу  ваша машина  будет выглядеть не очень  хорошо. Просто больше практикуйтесь. На рисунке показаны машины которые я нарисовал.


Рисуем деревья

Простые деревья рисовать очень легко. Представляю вам самый быстрый способ их создания.
1.    Нарисуйте ствол
2.    Продолжите контур вашего дерева, до верхушки. Вы можете нарисовать любую форму, какую только захотите.
3.    Раскрасьте дерево. Используйте, как минимум  три цвета, чтобы сделать эффект трехмерности. Основание сделайте темнее.
4.    Используйте дизеринг, чтобы сделать плавный переход между  цветами.
5.    Соедините ствол с листвой, и дерево готово.

воскресенье, 20 января 2013 г.

Текстуры в изометрии и пиксель арте


Я слышал много раз, как люди говорили о том,  что самое трудное в пиксель арте - это создание текстур. Однако, это не так. В этом уроке я расскажу вам, как быстро создать текстуры в photoshop и ms paint. Наслаждайтесь!

Кирпичи

Достаточно просто нарисовать кирпичи, если используешь ms paint. Пока вы рисуете кирпичную стену, то вы запросто сможете переключаться между photoshop и ms paint. Главной причиной, из-за которой я использую ms paint, так это то, что я смогу нарисовать в нем кирпичи быстрее: просто копируя один кирпич, а после вставляя его много раз. Сперва, нарисуйте контур кирпича. Теперь выберите его средний оттенок, к примеру: #9D9D4F. Раскрасьте внутреннюю сторону кирпича. Нижнею, внутреннюю сторону закрасьте более светлым цветом. Теперь  включите ms paint, и скопируйте этот кирпич. Следующие шаги будут очень-очень простыми и быстрыми. Просто копируйте и вставляйте, до тех пор пока не получите линию такой длины, которой вам нужно. После многочисленных cntrl -c, cntrl-v у вас получится что-то похожее на это.

 Ну вот все и готово! Такого рода текстуры можно добавлять к своему зданию!


Трава

Нарисуйте маленькую часть травы. Используйте любые зеленые цвета по желанию. Добавьте в некоторых местах светлые точки, а в других темные. И теперь так же, как с кирпичами, копируем и вставляем.

Крыши

Попробуйте нарисовать что то похожее из  показанных примеров. Как вы можете уже увидеть, для черной крыши, я использовал не только черные точки, светлые тоже.

Полы

Принцип создания полов такой же, как и у травы, поэтому здесь больше нечего комментировать, просто взгляните на скрин.
Я надеюсь, что из этого урока вы почерпнули для себя что-нибудь новое.