С недавних пор замечаю, в статистике заходов на сайт по поисковым фразам появился чудо-запрос: как рисовать во флеше квадратиками:) Даже не сразу поняла смысл, но скорее всего имели ввиду пиксель-арт. Решила написать пост на тему рисования квадратиками. А другими словами - создание пиксель-арта во флеше.
Ходят слухи, что жить пиксель-арту осталось недолго. Но не думаю, что все так печально: хоть он и старенький, умирать ему еще рано. Несмотря на свою простоту, позволяет создавать как эффектные иконки, забавных персонажей так и целые пиксельные миры. Хотелось бы отрисовать арт к игре в таком стиле, думаю, еще все впереди:)
Во флеше нет инструментов для рисования пиксель-арта. Можно это сделать, клонируя обычный квадратик, но это очень долго и неудобно. Гораздо проще скачать плагин для флеша, который так и называется – 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):
И что радует – все это можно нарисовать во флеше в векторе.
Приятной работы:)
Нигде не могу найти Pixel Tools, все ссылки либо битые, либо там про сигареты какие-то. Где его найти-то, подскажите пожалуйста?
Вот тот самый pixel tools: https://www.dropbox.com/s/8bv49pknhpz77fz/pixeltools.mxp?dl=0
Такая же фигня... Если ты найдешь - скинь!
Норм статья, спс.
У меня столько глюков с этим плагином!
Наверно это из-за версии флеша - СS6
Вот пиксель-арт во флеше))
http://animationbyme.blogspot.com/2011/10/pixel-art-time-line.html
пусть повисит здесь)
пусть повисит здесь)
Это же Тоторо
У http://www.nitrome.com/ классные пиксельные игры, глаз радуется
Интересная статья, отличный блог, подписался.
да, отличный сайт, спасибо за ссылку) а Ваш сайт мне очень знаком)
угу, пересекались на фри-лансе)
Спасибо! Интересный плагин, жалко, что эллипс игнорирует величину пикселя, возможно проблема из-за того что я пробовал его на ЦС5.5, хотя плагин под 4ый писался.
в цс 5 тоже игнорирует,увы,недоработка(
Пользуюсь некоторое время этим плагином - есть некоторые глюки, но вообщем очень удобно.
Хотя это тоже можно победить, например, сделав "Break Apart" конечному рисунку, или отрисовкой в Bitmap перед добавлением на сцену.
Кстати, минусом наверное можно отметить некоторе снижение производительности, так как рисунок по сути состоит из множества векторных квадратиков
простите, а не могли бы вы скинуть мне архив, например вконтакте, очень хочется заполучить данный плагин, я из-за попыток найти его даже комп завирусовал(((
глюки есть,у меня возникла проблема с линией. а вобщем, плагин хороший)
Здорово! Не знал о существовании такого плагина, обязательно попробую.
А что касается плюсов рисования пиксельных картинок в векторе, то это не является минусом в растровых редакторах. Например в PhotoShop легко можно изменять размер изображения без замыливания пикселей, просто при изменении размера изображения выберете Resample Image: Nearest Neighbor (самая последняя галочка в окне изменения размера изображения). Так же для всех пикселей одинакового цвета можно изменить цвет в два клика, например при помощи Magic Wand Tool.
Пиксель арт бессмертен!
Антон,спасибо за дополнение!буду знать
пиксель-арт бессмертен,да)Как он сможет умереть,если теперь у нас в руках такой плагин))да никак)