Создать акаунт

Пиксель - арт, рисуем Марио

22 май 2015, 23:06
8 352
0
Пиксель - арт, рисуем Марио

Пиксель арт используется в интернет дизайне, в компьютерной графике. Давайте всё - таки разберёмся, почему именно "пиксель", и почему именно "арт"?

Ну, второе, мне кажется, пояснять не надо - думаю всем знакомо это слово. Но, всё - таки, для тех, кто в интернет пространстве находится не так давно, я поясню:
- Арт, в переводе с английского означает искусство(причём искусство не только рисовать).

Ну, а теперь, разберёмся с "пикселем". Не будем обращаться к различным источникам, я сам всё поясню. На компьютерном языке пиксель - точка - единица измерения изображения. То есть, изображение состоит из разноцветных и очень маленьких точек - квадратных пикселей. Именно квадратных! В этом вся суть этой картины!

Пиксель - арт, рисуем Марио — изображение 1
Пиксель - арт, рисуем Марио — изображение 2

Итак, теория, наконец, закончена, пришло время практики!

Для этого рисунка нам понадобится:

 - Простой карандаш

 - Цветные карандаши

 - Гелевая ручка

 - Линейка

 - Графический редактор(не обязательно)


Чтобы начать что - то рисовать, надо определиться, что именно рисовать. Я выбрал фрагмент из, наверное, всем известной игры - Супер Марио! Это как раз "пиксельная" игра!

Пиксель - арт, рисуем Марио — изображение 3

Ну вот. Для начала нам надо начертить на бумаге квадрат. Причем надо расчитать всё так, чтобы размер кадра из нашей игры полностью совпадал с квадратом(по пикселям). Иными словами, в этот квадрат должно уместиться столько квадратиков(в ширину и в длину), сколько в нашем кадре. Размер этих квадратиков вы должны определить сами, но я выбрал 2*2 мм, чтобы рисунок не был слишком большим. Для этого вам надо измерить кол - во пикселей в размере вашего изображения. Если вы работаете в графическом редакторе, то там этот размер обозначен.

Пиксель - арт, рисуем Марио — изображение 4
Пиксель - арт, рисуем Марио — изображение 5

Далее, я отмечаю границы пикселей, делаю чёрточки через каждые 2 мм.

Пиксель - арт, рисуем Марио — изображение 6

Далее по всей длине я делаю параллельные линии. Для этого лучше делать метки по обеим сторонам.

Пиксель - арт, рисуем Марио — изображение 7
Пиксель - арт, рисуем Марио — изображение 8

Так до конца.

Пиксель - арт, рисуем Марио — изображение 9
Пиксель - арт, рисуем Марио — изображение 10

Для такой работы я рекомендую как следует, тонко заточить карандаш.

Пиксель - арт, рисуем Марио — изображение 11
Пиксель - арт, рисуем Марио — изображение 12

Когда по длине все линни проведены, и вы удостоверились в том, что все они параллельны, можно приступать и к другой стороне - к ширине. Всё точо так же.

Пиксель - арт, рисуем Марио — изображение 13
Пиксель - арт, рисуем Марио — изображение 14
Пиксель - арт, рисуем Марио — изображение 15
Пиксель - арт, рисуем Марио — изображение 16
Пиксель - арт, рисуем Марио — изображение 17
Пиксель - арт, рисуем Марио — изображение 18
Пиксель - арт, рисуем Марио — изображение 19
Пиксель - арт, рисуем Марио — изображение 20
Пиксель - арт, рисуем Марио — изображение 21
Пиксель - арт, рисуем Марио — изображение 22

Когда разметка есть, мы можем приступить к прорисовке. Так же, пиксель к пикселю:

Пиксель - арт, рисуем Марио — изображение 23
Пиксель - арт, рисуем Марио — изображение 24
Пиксель - арт, рисуем Марио — изображение 25
Пиксель - арт, рисуем Марио — изображение 26
Пиксель - арт, рисуем Марио — изображение 27
Пиксель - арт, рисуем Марио — изображение 28
Пиксель - арт, рисуем Марио — изображение 29

Теперь надо аккуратно стереть наше прорисованное изображение, НО НЕ СИЛЬНО! Чтобы был виден контур для дальнейшей обводки.

Пиксель - арт, рисуем Марио — изображение 30

Теперь берём гелевую ручку и обводим, так же, аккуратно:

Пиксель - арт, рисуем Марио — изображение 31
Пиксель - арт, рисуем Марио — изображение 32
Пиксель - арт, рисуем Марио — изображение 33
Пиксель - арт, рисуем Марио — изображение 34

Далее, вот этот фрагмент:

Пиксель - арт, рисуем Марио — изображение 35

Точно так же:

Пиксель - арт, рисуем Марио — изображение 36
Пиксель - арт, рисуем Марио — изображение 37
Пиксель - арт, рисуем Марио — изображение 38
Пиксель - арт, рисуем Марио — изображение 39

Далее следующий фрагмент нашего проекта - куст. С ним всё точно так же:

Пиксель - арт, рисуем Марио — изображение 40
Пиксель - арт, рисуем Марио — изображение 41
Пиксель - арт, рисуем Марио — изображение 42
Пиксель - арт, рисуем Марио — изображение 43
Пиксель - арт, рисуем Марио — изображение 44

Дорисовываем нижнюю часть:

Пиксель - арт, рисуем Марио — изображение 45
Пиксель - арт, рисуем Марио — изображение 46
Пиксель - арт, рисуем Марио — изображение 47

Для красоты, не знаю зачем, я взял цветные карандаши и раскрасил Марио шляпу):

Пиксель - арт, рисуем Марио — изображение 48
Пиксель - арт, рисуем Марио — изображение 49
Пиксель - арт, рисуем Марио — изображение 50

Продолжаем. Не забываем обвести гелевой ручкой контур самого квадрата:

Пиксель - арт, рисуем Марио — изображение 51
Пиксель - арт, рисуем Марио — изображение 52

Теперь рисуем и обводим верхнюю часть нашего фрагмента

Пиксель - арт, рисуем Марио — изображение 53
Пиксель - арт, рисуем Марио — изображение 54
Пиксель - арт, рисуем Марио — изображение 55
Пиксель - арт, рисуем Марио — изображение 56

Красными точками я просчитывал, сколько пикселей нам надо взять:

Пиксель - арт, рисуем Марио — изображение 57

Ну, и, наконец, - финишная прямая - логотип нашего сайта. Prostoykarandash.ru!

Пиксель - арт, рисуем Марио — изображение 58
Пиксель - арт, рисуем Марио — изображение 59
Пиксель - арт, рисуем Марио — изображение 60
Пиксель - арт, рисуем Марио — изображение 61
Пиксель - арт, рисуем Марио — изображение 62
Пиксель - арт, рисуем Марио — изображение 63

ВСЁ! Ура! Работа в карандаше и гелевой ручке завершена! Теперь мы уже точно берём цветные карандаши и начинаем оживлять нашу картинку!

Пиксель - арт, рисуем Марио — изображение 64
Пиксель - арт, рисуем Марио — изображение 65
Пиксель - арт, рисуем Марио — изображение 66
Пиксель - арт, рисуем Марио — изображение 67
Пиксель - арт, рисуем Марио — изображение 68
Пиксель - арт, рисуем Марио — изображение 69
Пиксель - арт, рисуем Марио — изображение 70
Пиксель - арт, рисуем Марио — изображение 71
Пиксель - арт, рисуем Марио — изображение 72
Пиксель - арт, рисуем Марио — изображение 73
Пиксель - арт, рисуем Марио — изображение 74
Пиксель - арт, рисуем Марио — изображение 75

ФИНИШНАЯ ПРЯМАЯ! Осталось раскрасить фон и надпись. Задний план я сделал как на чертеже, а вот в логотип я добавил теней и придал буквам обьём.

Пиксель - арт, рисуем Марио — изображение 76
Пиксель - арт, рисуем Марио — изображение 77
Пиксель - арт, рисуем Марио — изображение 78
Пиксель - арт, рисуем Марио — изображение 79
Пиксель - арт, рисуем Марио — изображение 80
Пиксель - арт, рисуем Марио — изображение 81
Пиксель - арт, рисуем Марио — изображение 82
Пиксель - арт, рисуем Марио — изображение 83
Пиксель - арт, рисуем Марио — изображение 84

Ну вот и всё, дорогие друзья! Наш рисунок готов, теперь его можно сравнить с чертежём, повесить на стену и восхищаться вашей работой!

Пиксель - арт, рисуем Марио — изображение 85
Пиксель - арт, рисуем Марио — изображение 86

Если вы хотите сделать изображение более большим и уместить его на таком же формате, то вам надо использовать квадратики("пиксели") меньших размеров, не два, а, к примеру, один сантиметр. Не забудте стереть лишнии линии в конце.

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

Всем спасибо за внимание, с вами был BichTelevision и сайт ProstoyKarandash.ru!

До новых встреч, удачи!

Смотрите также:

Комментарии
Минимальная длина комментария - 50 знаков. комментарии модерируются
Мы используем файлы cookie
Это позволяет нам анализировать взаимодействие посетителей с сайтом и делать его лучше. Продолжая пользоваться сайтом, вы соглашаетесь с использованием файлов cookie.