Пиксель-арт во флеше

С недавних пор замечаю, в статистике заходов на сайт по поисковым фразам  появился чудо-запрос: как рисовать во флеше квадратиками:)  Даже не сразу поняла смысл, но скорее всего имели ввиду пиксель-арт. Решила написать пост на тему рисования квадратиками. А другими словами - создание пиксель-арта во флеше.

Ходят слухи, что жить пиксель-арту осталось недолго. Но не думаю, что все так печально: хоть он и старенький, умирать ему еще рано. Несмотря на свою простоту, позволяет создавать как эффектные иконки, забавных персонажей так и целые пиксельные миры. Хотелось бы отрисовать арт к игре в таком стиле, думаю, еще все впереди:)

Во флеше нет инструментов для рисования пиксель-арта. Можно это сделать, клонируя обычный квадратик, но это очень долго и  неудобно. Гораздо проще скачать плагин для флеша, который так и называется – Pixel Tools v2.0.

Итак, качаем плагин. Чтобы успешно установить его себе на компьютер, нужно попросить у адоба Extension Manager для установки плагинов. Он полностью бесплатный, как впрочем и сам Pixel Tools.

Итак, установив менеджер, устанавливаем сам плагин, кликая по нему. Вот и все, теперь он в списке.

 

 

Перезапустим флеш, и осталось добавить на панели иструментов наш новый набор для пиксельного художника (наверное, правильнее будет сказать  - специалиста по пиксель-арту:)

Где его искать – заходим Customize Tools Panel:

 

В списке доступных инструментов (available tools) видим 4 новых с черной шахматкой внизу – это они и есть.

Осталось лишь добавить их на панель инструментов. Для этого удалим какой-то не особо нужный нам инструмент, например руку, или инструменты 3д (я ими никогда не пользуюсь).

 

Добавляем, кликая на кнопку Add:

 

Видим их на главной на панели инструментов. Вот и все,  можно рисовать.

 

Коротко о самих инструментах – их всего 4:

1)      линия

2)      эллипс

3)      произвольная линия

4)      ластик

Не знаю почему, но обычная линия отказалась у меня работать почти сразу, я успела начертить пару тестовых линий и она начала выдавать ошибки. Повторная переустановка плагина не помогла, но это не сильно испортило настроение,  можно обойтись и инструментом «произвольная линии». Для удобства рисования можно настроить сетку. Кликаем правой и выбираем: Grid Show Grid. Сетку во флеше  можно отредактировать на свое усмотрение: Grid - Edit Grid.

 

- цвет – для удобного восприятия

- выбрать расположение относительно объектов (поверх или за)

- включить привязку к сетке

- изменить размер сетки.

Стоит отметить, что толщину линии легко регулировать на панели Properties. А это значит, что можно рисовать как пикселями, так и крупными квадратиками (вобщем, рисовать квадратиками:)

Если плагин после установки у вас не отображается во флеше, то скорее всего вы работаете в русской версии виндовс. Во всяком случае, у меня такая проблема была и решила ее таким образом: заходим сюда C:\Users\****\AppData\Local\Adobe\Flash CS5 (****- ваше имя в системе) 

Там лежат 2 папки - «en_US» и  «ru_RU». Чтобы плагин отображался во флеше, нужно информацию из  папки ru скопировать в  папку en.

отсюда - C:\Users\****\AppData\Local\Adobe\Flash CS5\ru_RU\Configuration

сюда -  C:\Users\****\AppData\Local\Adobe\Flash CS5\en_US\

Плюсы создания пиксель-арта в векторе:

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

2) рисуя пиксельные картинки  в фотошопе, нужно сразу определиться с цветовой палитрой, иначе придется все переделывать с нуля. Во флеше заливка происходит мгновенно без всяких потерь, что делает работу более удобной.

Минусы создания пиксель-арта в  векторе:

Не слышала о таких:)

Пиксельная анимация во флеше.

К сожалению, ничего конкретного не могу сказать по теме, но думаю, она существует:)

Знаю многих, кто не согласен, что пиксель-арт – это стильно, модно, молодежно:) А ведь пиксель-арт – не только Супер-Марио, но и:

- снежный человек

 

- Стив Джобс

-ботаник Петя

Ну и, естественно, бессмертный Супер-Марио, как же без него:)

А так же:

- замечательные иконки для игр и веб:

-и паттерны (примеры с colorlovers.com):

И что радует – все это можно нарисовать во флеше в векторе.

Приятной работы:)

Комментарии
Аватар пользователя Sekan666

Нигде не могу найти Pixel Tools, все ссылки либо битые, либо там про сигареты какие-то. Где его найти-то, подскажите пожалуйста?

Аватар пользователя Пилигрим
Аватар пользователя Andrew animeited

Такая же фигня... Если ты найдешь - скинь!

Аватар пользователя Ингвар

Норм статья, спс.

Аватар пользователя Тарас

У меня столько глюков с этим плагином!
Наверно это из-за версии флеша - СS6

Аватар пользователя Oksana

 

пусть повисит здесь)

Аватар пользователя Kain-gurman

Oksana пишет:

 

пусть повисит здесь)

Это же Тоторо

Аватар пользователя djz

У http://www.nitrome.com/ классные пиксельные игры, глаз радуется Smile
Интересная статья, отличный блог, подписался.

Аватар пользователя Oksana

да, отличный сайт, спасибо за ссылку) а Ваш сайт мне очень знаком)

Аватар пользователя djz

угу, пересекались на фри-лансе)

Аватар пользователя DYaz

Спасибо! Интересный плагин, жалко, что эллипс игнорирует величину пикселя, возможно проблема из-за того что я пробовал его на ЦС5.5, хотя плагин под 4ый писался.

Аватар пользователя Oksana

в цс 5 тоже игнорирует,увы,недоработка(

Аватар пользователя x10der

Пользуюсь некоторое время этим плагином - есть некоторые глюки, но вообщем очень удобно.
Кстати, минусом наверное можно отметить некоторе снижение производительности, так как рисунок по сути состоит из множества векторных квадратиков Smile Хотя это тоже можно победить, например, сделав "Break Apart" конечному рисунку, или отрисовкой в Bitmap перед добавлением на сцену.

Аватар пользователя Daanya

простите, а не могли бы вы скинуть мне архив, например вконтакте, очень хочется заполучить данный плагин, я из-за попыток найти его даже комп завирусовал(((

Аватар пользователя Oksana

глюки есть,у меня возникла проблема с линией. а вобщем, плагин хороший)

Аватар пользователя Ant.Karlov

Здорово! Не знал о существовании такого плагина, обязательно попробую.

А что касается плюсов рисования пиксельных картинок в векторе, то это не является минусом в растровых редакторах. Например в PhotoShop легко можно изменять размер изображения без замыливания пикселей, просто при изменении размера изображения выберете Resample Image: Nearest Neighbor (самая последняя галочка в окне изменения размера изображения). Так же для всех пикселей одинакового цвета можно изменить цвет в два клика, например при помощи Magic Wand Tool.

Пиксель арт бессмертен! Wink

Аватар пользователя Oksana

Антон,спасибо за дополнение!буду знать
пиксель-арт бессмертен,да)Как он сможет умереть,если теперь у нас в руках такой плагин))да никак)

Пожалуйста, оставьте ваш комментарий. Спасибо!
Содержимое этого поля является приватным и не будет отображаться публично.
CAPTCHA
Вопрос для проверки
Заполните поле проверки