Virtown - Город Вашей мечты

Урок 1. Выбор программы.

Начинать нужно со скачивания программки, в который можно рисовать. Конечно, если вы знаете Photoshop, то можно и в нем рисовать, правда он не очень подходит для анимации. В любом случае, если вы новичок, который первый раз рисует пикселем, то лучше всего программа Graphics Gale или ГГ в простонародье)).
Скачать ее можно будет здесь:

Официальный сайт - http://www.humanbalance.net/gale/us/

1. Русификация платной версии GraphicsGale версии 1.83 (http://www.bers.ru/soft/gale183_ru.rar) после скачивания положите содержимое архива в каталог где установлен shareware GG и запускайте gale_ru.exe, о найденых ошибках пишите по адресу webmaster(o)bers.ru

2. Русификация бесплатной версии GraphicsGale версии 1.86 Freeware Edition (http://www.bers.ru/soft/graphicsgale_fe_rus.rar) после скачивания положите содержимое архива в каталог где установлен freeware GG и запускайте gale_ru.exe, о найденых ошибках пишите по адресу webmaster@bers.ru

Бесплатная версия не поддерживает формат gif, который нужен для сохранения анимации. Про анимацию есть отдельная статья. Но начинающим я не советую начинать с анимации, так как это сложный и трудоемкий процесс. Остальные, нужные нам форматы png и bmp, ГГ отлично сохраняет.

Урок 2. Что рисовать.

Теперь у нас есть программка. Вопрос в том, что можно нарисовать. Конечно лучше всего начинать с простых предметов. Простые предметы - это различная мебель, прически и головные уборы для персонажей. Еще раз повторяю, что одежду в начале своего обучения рисовать не советую.
Кстати, чтобы проще было начинать, можно взять любой городской(государственный) предмет из мира и переделать его( я про те предметы, которые можно приобрести в ТК Виртауна). Например, взять городской диван и добавить детали ( подушечки, узоры, орнамент), а может изменить подлокотники или спинку. В общем небольшие изменения, которые действительно изменят облик дивана, можно будет считать полноценной работой. Изменять и дорисовывать можно любую городскую вещь (но не предметы из Дома Дизайнера).

Если вы решили рисовать свою собственную идею, то тогда нужно найти картинку в интернете. Если Вы хотите нарисовать, например шкаф, то обязательно нужно найти в интернете картинку именно с тем шкафом, который будете рисовать. Так же можно несколько картинок и соответствующее описание (например, спинку из этой картинки, ножки от сюда. а остальное вот с этой). Это нужно для того, чтобы мастера понимали,что Вы имеете ввиду, да и Вы сами не путались в своих идеях.
То есть, получается, что любая тема начинается с того. что Вы ищите картинку. А не просто: " Вот, нарисовала". Такой процесс работы не подойдет.

Урок 3. Что нужно знать, прежде чем рисовать.

1. Вся графика для Виртауна выполнена в стиле который носит название pixelart, по русски пиксель-арт, что означает дословно - нарисованное по точке. Вы действительно будете рисовать по точке. (буквально мышь в руки, максимальное увеличение и по точке)

2. Мир Виртауна - изометрический. Мы как бы смотрим на все сверху под углом в 45 градусов. Поэтому все изображения должны выглядеть соответствующе.
не в анфас ( когда смотрим прямо):

не в профиль( когда смотрим сбоку):

А в изометрии( под углом в 45 градусов сверху)

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

Примеры:
неправильно потому, что кончики волос на одном уровне.

здесь тоже не правильно, все прическа на виде спереди нарисована в анфас:

правильно:

3.1 Размер картинки и ее вид так же ограничен размерами спрайтов.
В нашем случае размер спрайта героя, его одежды - это прямоугольник шириной 32 точки и высотой 64, проще говоря 32х64.

То есть любая одежда или головной убор для персонажа не должны залезать за размеры спрайта.

3.2Если вы рисуете мебель, то она должна быть кратна тайлам. Тайл - это единица измерения в Виртауне. Из таких тайлов состоит вся поверхность мира. Размер тайла 32х16:

Персонаж занимает 1 тайл. Вся одежда и прически для него тоже занимают 1 тайл. а мебель может занимать больше чем один тайл.
Еще один важный момент - это чтобы мебель занимала ровное количество тайлов. То есть ровно 2 тайла, 3 тайла, а не 2,3 тайла.

примеры:

Поэтому рисовать мебель нужно сразу на тайловой сетке.

4. Количество цветов на картинке должно быть ограничено. 3 цвета ( контур, свет, тень) на любую прическу, одежду, любой головной убор. Можно использовать еще 2 дополнительных цвета для деталей, которые на одежде будут красится отдельно от основного цвет (Например: полосочки на платье красные, а платье синее.
На мебели можно использовать до 10 цветов. Опять таки, начинать нужно с 5 основных: контур, свет, тень, полутон. блик.

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

Цвета могут быть любые кроме абсолютно черного ( с индексами 0, 0, 0) и абсолютно белого ( 255, 255, 255). Такие цвета в мире не melen отображаться. Соответственно, если вы сделаете черный контур, то в мире это будет вещь без контура.

У каждого цвета есть индекс. Индекс цвета – это числовое представление цвета. Каждый цвет представлен в виде комбинации красного (R - red), зеленого (G - green) и синего (B - blue) цветов в определённых пропорциях, в диапазоне от цифры 0 до цифры 255 (RGB модель). К примеру для белого индекс будет: 255,255,255 – т.е. содержание красного – 255, зеленого – 255, синего – 255.
Например, у цвета полутона такие индексы:

Урок 4. Инструментарий.

Минимум, который нужно знать о GG!

1. Кадры. что бы переключатся с одного на другой нужно просто нажать на картинку с нужным кадром.

2. У каждого кадра есть своя система слоев. если нажать на обведенную мною стрелочку на панели со слоями, появится меню, где можно добавить новый слой (Add...). Каждую новую вещь рисуешь на новом слое. там же можно скрыть слой( кнопочка с глазками..у каждого слоя своя)

3. Окно просмотра, там все время проигрывается анимация персонажа, можно сразу посмотреть, как будет выглядеть одежда на персонаже в движении

4. Палитра

да и самый важный инструмент я подписала! правым щелчком мыши выбираешь цвет, просто направляешь на нужный цвет (который есть уже на твоем рисунке) курсор мыши и нажимаешь правую клавишу, белый, фоновый цвет служит стеркой, выбираешь его также по правой клавише и стираешь.

Урок 5. Нарисовать, сохранить и выложить.

Да, теперь у нас есть программка, в которой можно рисовать, мы знаем какие-то кнопочки в ней, немного представляем, что такое изометрия и пиксель. Мы даже определились с выбором предмета и нашли картинку в интернете с ним. Но с чего же все-таки начинать?

Если хотите нарисовать прическу и любой другой головной убор, то нужно сохранить базовые модели персонажей.
ля каждого персонажа предоставлен базовый файл gal.
gal - это родной формат ГГ. Он сохраняет слои и кадры. Это рабочий формат, никакой другой формат для исправления не подойдет.

Это ссылка, по которой можно скачать архив с анимацией всех персонажей.

http://Bers40k.cjb.net/Pixel-faq/base_anim_persons_v1_2.rar

Вот видео урок для работы с архивом - как разархивировать и открыть вложенные файлы.
http://Bers40k.cjb.net/Pixel-faq/video_lessons/lesson3.exe

Рисовать нужно в первом кадре, где персонаж стоит. Обязательно на новом слое.
После того как Вы нарисовали что-нибудь, нужно сохранить сначала в формат gal, который сохранит все слои отдельно. А потом уже в другой формат, для выкладывания на форум. Форматы для форма - это gif ( если нужно выложить анимацию), png, bmp.

Так как Вы рисовали в первом кадре, то на форум вам нужно выложить не целиком анимацию. а лишь первый кадр. Поэтому, если сохранить в формат png, то он уберет все остальные кадры, оставив только тот, который был открыт в момент сохранения.

Выкладывать картинки нужно так:
http://www.virtown.ru/jforum/posts/list/1430.page

Для мебели есть отдельная обучающая статья:

http://www.virtown.ru/jforum/posts/list/2122.page

Добавлю только то, что тут начинать нужно с сохранения тайловой сетки.

Затем нужно открыть ее в ГГ. Создать новый слой. И начать рисовать мебель. Лучше всего еще на новый слой добавить уже какую-нибудь готовую нарисованную вещь из мира, похожую хоть чем-то на то, что Вы собираетесь нарисовать. Еще желательно, тоже на новый слой, поставить персонажа, чтобы ориентироваться по высоте ( Например, высоту стола).
После этого сохранить gal, а потом bmp или png или, если есть возможность, то gif.

Автор: Mangust, Bers, Тай

часто возникает вопрос как делать GIF с анимацией если версия GraphicsGale бесплатная

вот урок как делать гифы на бесплатной версии GraphicsGale

http://93.92.200.77/Pixel-faq/gif-lesson.html

сайт для скачивания программы Gif animator
http://maximyssoft.narod.ru/