Как создать игровой элемент png без заливки

[Blondy]

Попробуйте "Сохранить/оптимизировать для web" и выбрать png24

Уважаемый Виталий, я боюсь такая опция мне не доступна(( По крайней мере я ее не видела. При сохранении он мне только предлагает "Отменить выделение" и "Черезстрочно".

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

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

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

[Beermonza]

Blondy, в линейке инструментов выделяй инструмент номер 18 по счету, там выбери правой клавишей "Прямоугольник". Рисуй на поле. Затем ставь 17-й инструмент, выбери "Прямой выбор". Кликни левой клавишей по ребру нарисованного прямоугольника, ...выйдешь на уровень автофигуры (в углах появятся белые квадратики - это вершины). Выдели вершинку любую, она станет черненькая, ...с этого момента её можно таскать мышкой, или клавиатурными стрелками, с Shift (для пропорциональных скачков) или без (точно).

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

В слое будет квадратик с цветом, двойной клик правой клавишей по нему и выбери цвет. Если он меняется программно, то задай черный или ещё какой. Далее можно сохранить как PNG обычным способом через меню "Файл".

PNG - растровый формат 32-bit с альфа-каналом, без потери качества.

[Blondy]

Дорогой Beermonza, так это же что-то типа точек - vertex для того, чтобы трансформировать стандартные фигуры. Для сложных конструкций - если нет возможности выбрать из коллекции Shape - предложенная Вами технология это отличный выход. Но если мне не надо супер заумных фигур и достаточно стандартной коллекций звездочек-снежинок-сердечек дополнительная трансформация объекта в моих руках может вызвать эффект просто катастрофический.

[Beermonza]

Blondy, кривость рук исправляется методом подложки, ...т.е. под слоем автофигуры слой с рисунком из Интернета. Достаточно проставить вершинки и придать углам нужную форму. Так же любые автофигуры модифицируются тем же способом с выходом на уровень выделения контура. Как там у нас в народе говорят "Без труда..." ...угу?

[ACE Valery]

Blondy, я никогда этим не пользовалась, но сейчас попробовала и получилось. У меня фотожаба 5. Создала новый файл, бэкграунд к нему поставила прозрачный. Размер 20 на 20 пикселей. Затем, когда документ был создан, выбрала Custom Shape Tool. Звезд у меня не оказалось, сделала сердечко. В слоях это выглядело так:
Безымянный.png
А вот само сердечко, сохраненное как пнг.
Untitled-1.png

Насчет контрастного фона. Действительно в некоторых случаях необходимо его делать, чтобы потом сделать прозрачность. Честно, я не помню, насколько хорошо ХНА определяет прозрачность, но когда я пыталась сделать игру на нем, не помню, чтоб мне нужно было заливать фон. Хотя это может быть мой старческий склероз...

UPD: кажись, я поняла, что надо. Тут залитое сердечко. А нужно контур, так? Итак, сделала цветочек, только при создании автофигуры поставила цвет белый. Затем в BlendingOptions выбрала Stroke. Цветочек выделился черным контуром. Затем я растрировала изображение (короче, чтоб был только один слой без всяких привязок и т.п.). Затем волшебной палочкой выделила белый цвет и удалила пиксели в выделении. Получилось это
Untitled-2.png

[Beermonza]

Контур делается так же просто. При выборе автофигуры из доступных перед рисованием её на поле нужно сменить тип с "Форма слоёв" на "Пути":

1.jpg

Теперь на поле будет только контур. Далее переходишь так же на режим выделения (инструмент "Прямой выбор" как и выше описывал), нажимаешь на контуре правой клавишей мыши. В контекстном меню выбери "Штриховка контура". Появится окошко с выбором инструмента, ставь "Кисть". И теперь ВНИМАНИЕ! ...как у тебя настроен инструмент "Кисть" и выбран цвет в панели инструментов, так контур и будет обведён. Теперь просто сохранить в png, вот так получается, как и у ACE Valery:

2.png

Довольно просто. И свои фигуры можно так же обводить:

3.png

[MooNDeaR]

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

Насколько я знаю контрастность в XNA не обязательна. Там ведь есть 2 способа отрисовки спрайтов с прозрачностью: в первом указываешь, что картинка имеет прозрачность и всё, а второй заключается в том, что места для прозрачности закрашиваются цветом #FF00FF (magenta). Вроде сделано для поддержки прозрачности для форматов, которые не поддерживают прозрачность. О скорости работы ничего сказать не могу, не проверял.

[Blondy]

Дорогие формумчане, спасибо Вам за советы и поддержку. Пока я своими результатами похвастаться не могу - у меня тут с другими проектами срочная текучка. Я обязательно в пятницу попробую следовать Вашим рекомендациям и ознакомлю с результатами. Хотя у меня есть тайное подозрение: так как я художник от слова "худо" продолжение следует. Так сказать show must go on

PS Дорогая ACE Valery мне очень неудобно, но система не позволяет добавить Вам плюсик.

[ACE Valery]

Blondy, ой, да не проблема, мне самой было интересно