A- A+

Урок 03. Как сделать из векторной картинки png с прозрачностью

Мы имеем векторное изображение, или же оно было нарисовано нами, но мы решили сделать из него растровую картинку, да еще в формате png. У нас появился вопрос: как это сделать? Всё просто!

Оглавление

  1. Общее начало
  2. PNG с прозрачностью
Уровень сложности: продвинутый
Использованное ПО: CorelDraw X3, Corel Photo-Paint X3
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
Круг с прозрачностью в формате png

Общее начало

1. Нарисуем в CorelDraw, к примеру, два круга. Один будет чуть больше другого.

рис. 1 Рисуем кружки

2. Располагаем их ровно по центру друг друга. Для этого нужно выделить оба кружка (удерживая Shift щелкаем мышкой по каждому кружку).

рис. 2 Общее выделение

3. Выбираем опцию Align and Distribute в верхнем появившемся меню. Появится "плавоющее" окошко.

рис. 3 Опция Align and Distribute

4. В этом окошке настраиваем выравнивание. Нам нужно выровнить по центру вертикально и горизонтально. И затем нажимаем Apply.

рис. 4 Окно настроек Align and Distribute

5. После того как мы выровнили два объекта нам необходима вырезать один кружек из другого для того, чтобы получиль кольцо. Для этого нам необходимо выделить мышкой круг поменьше и открыть закладку с правой стороны. Она называется Shaping.

рис. 5 Закладка Shaping

Если такой закладки нет, то необходимо открыть в верхнем меню (Window > Dockers) и выбрать в "выпадающем" меню Shaping. Он появится в левой панеле в закладках. И после следовать пункту 5.

рис. 5a Окно настройки Shaping закладки

6. Для того, чтобы иметь возможность вырезать, мы должны выбрать в открытой закладке Trim. Затем надо нажать на кнопку, которая называется, соответственно, тоже "Trim". После необходимо нажать на наш большой кружок. Объеты вырежутся.

рис. 6 Вырезание

7. Закрасим его черным цветом.

8. Теперь мы должны сохранить его в формате CPT для того, чтобы мы могли сделать из него прозрачную картинку. Для этого мы открываем меню (File > Export...) Высветится окно с настройками. Ищем папочку, куда хотим сохранить картинку. И присваиваем файлу имя (например: "круг.cpt"). Затем, нажав кнопку Export устанавливаем всё как показано на рисунке.

Сделать сохранение можно и напрямую в png или gif.

рис. 8 Сохраняем картинку
В техническом плане растровое изображение с прозрачностью отличается от обычного тем, что в файле хранится не только информация о цветах пикселей, но и дополнительный "канал", содержащий данные о том, какой пиксель прозрачный, а какой – нет (или какой цвет в палитре изображения должен считаться прозрачным). Так реализована передача прозрачности в формате GIF.

8-битная (максимум 256 цветов) разновидность формата PNG устроена так же, а 24-битная (прибл. 16 миллионов или 224 цветов) предлагает возможность хранить дополнительно 8 бит для каждого пикселя изображения для указания степени его прозрачности (256 ступеней). Поэтому такие изображения часто называют 32-битными (24 бита описывают цвет пикселя и 8 бит описывают степень его прозрачности). Правильно созданное 32-битное изображение превосходно смотрится практически на любом фоне, поэтому PNG применяют, в частности, для хранения иконок.

9. Теперь открываем растровый редактор Corel PHOTO-PAINT. Для этого достаточно в CoerlDraw нажать на кнопку Application Launcher и выбрать Corel PHOTO-PAINT. Откроется новая программа.

рис. 9 Открываем растровый редактор Corel PHOTO-PAINT

10. В появившейся новой программе Corel PHOTO-PAINT нажимаем (File > Open) и находим наш файл "круг.cpt".

11. Наш файл открыт и нам необходимо сделать маску. Для этого кликните по нашему кольцу, чтобы выделить его. Идём в меню Mask, выбираем пункт (Create > Mask from Object). В результате получаем красноватый цвет вокруг всего кольца. Это и есть маска.

рис. 11 Делаем маску
Для быстрого создания маски из объекта можно воспользоваться клавиатурной комбинацией Ctrl-M.

12. Теперь необходимо слить все объекты с фоном. Для этого открываем в основном меню пункт (Object > Combine > Combine All Objects With Background).

рис. 12 Сливаем с фоном

13. Теперь остаётся сохранить наш объект. Выбираем в меню (File > Export). В появившемся окне указываем место, куда хотим сохранить картинку и расширение png.

PNG с прозрачностью

1.1 Если мы решили сохранить рисунок в png, появляется нижеприведённое окно с настройками. В нём необходимо выбрать всё как показано на рисунке. Цвет фона на превьюшке изначально установлен черный, поэтому для того, чтобы правильно увидеть вырезанный объект на превью необходимо нажать на кнопку Color Table и изменить цвет, чтобы он не сливался с нашим кольцом (я взяла магенту). После нажимаем кнопочку OK.

рис. 1.1 Настройки для PNG

1.2 Теперь мы имеем вырезанный кружок в формате png.

рис. 1.2 Готовый объект
Создать закладку в (наведите курсор на иконку снизу)
MemoriМистер Вонг (mister-wong.ru)БобрДобр (BobrDobr.ru)МоёМесто.ru (MoeMesto.ru)RUmarkz (RuMarkz.ru)del.icio.us (http://del.icio.us)Digg!