С недавних пор замечаю, в статистике заходов на сайт по поисковым фразам появился чудо-запрос: как рисовать во флеше квадратиками:) Даже не сразу поняла смысл, но скорее всего имели ввиду пиксель-арт. Решила написать пост на тему рисования квадратиками. А другими словами - создание пиксель-арта во флеше.
Ходят слухи, что жить пиксель-арту осталось недолго. Но не думаю, что все так печально: хоть он и старенький, умирать ему еще рано. Несмотря на свою простоту, позволяет создавать как эффектные иконки, забавных персонажей так и целые пиксельные миры. Хотелось бы отрисовать арт к игре в таком стиле, думаю, еще все впереди:)
Во флеше нет инструментов для рисования пиксель-арта. Можно это сделать, клонируя обычный квадратик, но это очень долго и неудобно. Гораздо проще скачать плагин для флеша, который так и называется – 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.
Пиксель арт бессмертен!
Антон,спасибо за дополнение!буду знать
пиксель-арт бессмертен,да)Как он сможет умереть,если теперь у нас в руках такой плагин))да никак)