Pixel art is a form of digital art, created through the use of raster graphics software, where images are edited on the pixel level. Graphics in most old (or relatively limited) computer and video games, graphing calculator games, and many mobile phone games are mostly pixel art.

wikipedia

В виде источников матчасти могу привести профильный раздел на demiart.ru, в частности как рисовать анимированные смыйлы, просто домик, хорошая статья из этого раздела представляющая из себя достаточно подробный туториал, вот заключительные советы автора начинающим пиксельартистам:

1. Учите основы ИЗО и практикуйтесь с традиционными материалами. Все навыки и знания применяемые в рисунке и живописи применяются и в пиксельарте.
2. Начинайте с маленьких спрайтов. Самая сложная часть — как уместить множество деталей на нескольких пикселях, не создавая огромных спрайтов (это требует времени).
3. Учитесь по работам любимых художников и не бойтесь быть неоригинальным. Применение приемов из чужих работ — лучший способ обучения. Свой стиль придет со временем.
4. Если у вас нет планшета, приобретите. Напряжение от постоянного кликанья мышкой это невесело и не впечатлит ни одну леди (ну, или парня). Я использую крошечный Wacom Graphire2, который замечательно мне подходит: он занимает мало места на столе, а также весьма мобилен smile.gif Хотя вам может быть будет работать комфортно с большим. Сначала попробуйте.
5. Делитесь вашими творениями с другими и получайте отзывы. Кто знает, может быть вы обзаведетесь несколькими новыми помешанными друзьями.
6. А если вы даже зарабатываете деньги вашими навыками, отошлите-ка мне пару работ smile.gif

там же Dress folds tutorial. Для рисования песонажей применяются базы кукол, фигурка как бы одевается.

Софт

В отношении программного обеспечения pixelart не требователен, к сожалению многое пока автоматизировать нельзя и решающим является персональные навыки художника. Итак:

MS GIF Animator

Are you looking for animated files in GIF format , for your web page or any other use, without ever finding the one that meets exactly what you need? Here is the solution. It’s a very simple tool, as much in design as in usability, with which you will be able to create your own animated GIF in the blink of an eye. It doesn’t even need any installation. All you need is to execute it, select the images you want to incluide in your GIF animation, modify the parameters that you want from the configuration, and all set! All of that via a thoroughly intuitive interface.

download page

GraphicsGale

Layers, animation and little stuff like right click as an eye dropper and palette indexing, I think. Basically a better version of MSPaint.

download page

Gimp

GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages. Essentially a free Photoshop. With even more roundabout ways to get stuff done. It’s said that it can animate, but I never figured it out. I couldn’t even figure out how to mix my own colors. I only ever used it for tracing scanned drawings.

download page

Cosmigo Home (Pro Motion)

If you are looking for a tool that helps you with creating images and animations on pixel level then your search has probably ended now. Рro Motion is a drawing and animation software for Windows designed similar to the famous Amiga Deluxe Paint (DPaint).

download page

Paint.net

Paint.NET is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools.

download

Microangelo Toolset

Toolset includes four integrated icon utilities: an icon editor, icon manager, icon explorer and animated cursor editor. All tools work together and provide complete support for hi-resolution, 256×256 icons and PNG compression used by Windows Vista!

download page

.

Справочные ресурсы по пиксельарту (pixelart):

Сайты:

halfshag
Pixeljoint
Tutorialblog.org/pixel-art-tutorials/
lovepixel

Видеотуториалы:

Tutorial1
Tutorial2
Tutorial3 – пиксельарт под металл
Hat?

Мастера пиксельарта:

Pixel Monster
WOI
Apitchou
bunlee

Впервые, насколько я помню, линки появились во FreeHand. Кажется, потом в Corel Draw и только после этого в Illustrator. Идея сводиться к тому что сам файл описывающий прилинкованный элемент (в 95% это растр) находиться отдельно от файла верстки и присутствует в нем только в виде привью. Для создания линка при размещении внешнего файла в верстке надо отметить пункт “link”.

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

Для внедрения (embed) внешнего файла в верстку этот пункт отмечать не надо. Без него растровый элемент внедриться в тело нашего документа, в данном случае это ai. Это увеличит объем нашего файла больше чем на “вес” внедряемого.

В Illustrator даже визуально сразу можно понять как вставлен растровый элемент: если при выделении он перечеркивается диагональными линиями – значит это лик, если не перечеркивается – то embed

На стадии дизайна гораздо удобнее работать с одним файлом и не таскать за собой целую цепочку. Особенно, если вы работаете с web-дизайном или экранным представлением. В этом случае внедряемые файлы имеют экранное разрешение и не сильно раздувают файл верстки.

Когда же выполняется верстка для полиграфии, то иллюстрации имеют разрешение превышающее экранное более чем в 4 раза и имеют достаточный объем. Тут уже внедрение обходиться в серьезное увеличение файла верстки.

Но есть более серьезные вопросы к внедрению, а именно – что будет с цветом? Оказывается, что принципиальной разницы в работе с цветом на выводе от способа его добавления нет. За это отвечает меню Color Settings и для прилинкованных и для внедренных файлов.

Тут есть определенные тонкости при связанные с наличием профиля у внешнего растрового файла. (CMYK to CMYK) Если у файла (link или embed) есть встроенный профиль, то при выводе будет осуществлено преобразование в целевой профиль Illustrator, а при его отсутствии не будет и преобразования CMYK to CMYK, то есть “переделения”. Но прямого отношения к теме поста это не имеет.

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

Что думаете?

IMHO

___________________________________________________
Выражаю благодарность Максиму Максимову, специалисту по допечатной подготовке компании Indivision за консультации при написании.

Анонсируется это электронное издание в русскоязычной версии http://www.adobe.com/ru следующими словами:

Воспользуйтесь идеями, подсказками и хитростями от ведущих профессионалов со всего мира. Подписка на журнал бесплатна. Загрузите журнал уже сегодня.

Прочитал последний июльский номер (http://www.adobemagazine.com/) и, честно говоря, ничего не понял. Хитростей я не заметил как и конкретных полезных советов, скорее, это просто промо-буклет.

IMHO

Общая информация достаточно лаконично изложена там http://fotonovosti.ru/content/arts_one/5/1000
Имеет смысл заглянуть еще туда http://www.realcolor.ru/lib/publish_3-99/new_suit_2.shtml
English version http://www.color.org/iccprofile.html

Главный продукт работы ICC — детально описанный стандартизованный формат профиля, свободно доступный на web-узле консорциума www.color.org. Текст адресован разработчикам, поэтому абсолютно свободен от рекламной шелухи. Но неспециалисту хоть что-то понять в нем непросто. Профиль начинается с заголовка. В нем задается класс устройства (сканер, монитор или принтер), рекомендуемый модуль управления цветом, вид входного и выходного цветового пространства и служебная информация, например, дата создания и версия. В заголовке формально указывается и источник освещения, но в текущей спецификации единственным допустимым вариантом является D50.

Особенности методов цветоделения
(не читайте все с этого сайта там есть темы раскрытые достаточно слабо и непрофессионально)
http://www.color.org/iccprofile.html

Недурная статья про самостоятельную калибровку монитора
http://old.osp.ru/publish/2005/09/058.htm

Плашечные цвета и дуплексы (DCS)
http://www.intuit.ru/department/publish/photoshop6/10/

Использование отдельных каналов с информацией обо всех плашечных цветах изображения и сохранение файла в формате DCS 2.0. Эта функция позволяет размещать плашечные цвета в определенных областях (текст или логотип). Использование режима дуплексов (Duotone). Двухкрасочные, трехкрасочные или четырехкрасочные дуплексы применяются для печати изображений в градациях серого двумя и более цветами

Хорошая статья с того же сайта
http://www.intuit.ru/department/publish/photoshop6/6/

Очень важно усвоить тот факт, что, обращаясь к средствам управления тонами Photoshop, вы растягиваете или сжимаете различные участки тонового диапазона 8-битовых каналов, а это неизбежно приводит к потере информации

Тоже стоит прочитать и усвоить
http://www.intuit.ru/department/publish/photoshop6/2/

Место на экране ценится столь же высоко, как и объем оперативной памяти – дорог каждый квадратный сантиметр. Мы предпочитаем не тратить пространство на титульные строки, полосы прокрутки и тому подобное, а работать в режиме полноэкранного отображения (см. рис. 2.1). Для переключения между режимами отображения щелкните на пиктограмме режимов на палитре инструментов или последовательно нажимайте клавишу (F). При первом нажатии (F) (или после щелчка на средней пиктограмме) площадь, отводимая под изображение, увеличивается до размеров всего экрана вплоть до строки меню, а фон заполняется 50-процентным серым. Со следующим нажатием исчезает и строка меню, а фон становится черным.