Практическая работа №1

Тема: Знакомство с редактором обработки графических изображений Inkscape. Панель инструментов.

Цель:

1.      Ознакомиться с элементами рабочего окна программы Inkscape.

2.      Научиться создавать простейшие векторные объекты: прямоугольники, овалы, многоугольники, звезды, спирали.

3.      Научиться редактировать заливку и штрих объекта.

Теоретическая часть

Перемещение холста в inkscape

При работе с холстом inkscape очень полезны навыки работы с масштабированием и перемещением рабочей области. В инструкции можно получить базовые знания о том, что такое холст в inkscape. В этой части мы уделим время прокрутке и масштабу холста. Есть много способов для прокрутки документа. Можно использовать Ctrl+Стрелочки прокрутки холста с клавиатуры. Можно также перемещать полотно, средней кнопкой (колесиком) мыши. Или можете использовать полосы прокрутки (комбинация клавиш Ctrl+B позволяет показать или скрыть их). Колесико мыши также работает для прокрутки по вертикали, но если удерживать нажатой клавишу Shift, то колесико будет прокручивать холст по горизонтали.

Масштабирование холста

Самый простой способ для увеличения масштаба - это нажать на клавиатуре - и + (или =). Можно сделать это и, пользуясь мышью, нажмите Ctrl + щелчок колесиком или Ctrl + щелчок правой кнопкой для увеличения изображения, Shift + щелчок колесиком илиShift + щелчок правой кнопкой чтобы уменьшить масштаб. Можно просто вращать колесико, удерживая клавишу Ctrl. А еще можно воспользоваться полем "масштаб" в нижнем правом углу окна документа, здесь можно установить точное значение масштаба в %. А еще в боковой панели инструментов есть инструмент "Масштаб" в виде значка с лупой.

А еще inkscape хранит историю изменения масштаба, которые вы выполняли в ходе работы, используйте клавиши ` или Shift+` что бы вернуться к предыдущим настройкам или последующим.

Создание и работа с документами в inkscape

Чтобы создать новый пустой документ, используйте главное меню "Файл" - "Создать" или нажмитеCtrl+N. Чтобы открыть существующий SVG документ, используйте "Файл" - "Открыть" илиCtrl+O. Чтобы сохранить документ, используйте главное меню "Файл" - "Сохранить" или Ctrl+S, либо "Сохранить как" Shift+Ctrl+S, чтобы сохранить под новым именем.

Inkscape использует формат SVG (масштабируемая векторная графика) для своих файлов. SVGявляется открытым стандартом векторной графики. SVG файлы базируются на XML и могут редактироваться в любом редакторе текста или XML (т.е. даже без inkscape). Кроме этого SVGфайлы Inkscape можно импортировать и экспортировать в другие форматы, например, EPS, PNG.

Inkscape открывает каждый новый документ в отдельном окне. Таким образом, перемещаться между документами можно так же, как вы переключаетесь между окнами Windows. Возможно, вам будет интересно узнать, что переключаться между окнами в Windows можно с помощью сочетания клавиш Alt+Tab.

Создаём фигуры в inkscape

Щелкните мышью по инструменту "прямоугольник" в боковой панели инструментов (или нажмите клавишу F4). При активном инструменте для рисования прямоугольников вы легко можете рисовать их на холсте.

Как вы видите, у нас на картинке получились синие прямоугольники с черной рамкой, а некоторые из них вообще полупрозрачные. Если у вас получились просто белые, не расстраивайтесь, о том, как менять цвета и прозрачность, будет написано ниже. А сейчас потренируйтесь рисовать овалы и круги, звездочки и спирали.

Для каждой из этих фигур следует использовать свои инструменты и боковой панели инструментов. Где, какой инструмент в панели понятно по их значкам, но на всякий случай: "круги и эллипсы" кнопка F5, "звездочки и многоугольники" кнопка *, "спирали" - кнопка F9.

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

Чтобы отменить последнее действие, нажмите Ctrl+Z. (Или, если вы передумали отменять и снова хотите вернуть назад, вы можете повторить отмененное действие Shift+Ctrl+Z)

Перемещение, масштабирование, поворот

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

Если объектом является прямоугольник, например, такой как на рисунке справа, то вы увидите восемь маркеров в форме стрелок вокруг объекта. Теперь вы можете:

·                     Перемещать объект простым перетаскиванием мыши. (Удерживайте Ctrl чтобы ограничить движение по горизонтали и по вертикали).

·                     Изменять размер объекта, перемещая любую из черных стрелочек. (Удерживайте Ctrl для того чтобы сохранять пропорции).

Теперь еще раз щелкните кнопкой мыши по прямоугольнику. Черные стрелочки по краям изменят форму. Теперь вы можете:

·                     Поворачивать объект путем перетаскивания угловых маркеров-стрелочек. (Удерживайте Ctrl для ограничения шага угла поворота 15-ю градусами. Перетащите крестик, чтобы изменить положение центра вращения).

·                     Наклонять объект путем перетаскивания серединных маркеров-стрелочек. (Удерживайте Ctrl, чтобы ограничить шаг угла наклона 15-ю градусами).

Во время работы с инструментом выделения и перемещения, можно использовать числовые поля параметров на верхней контекстной панели инструментов, чтобы задать точные значения для координат (X и Y) и размера (W и H) выделения. Подробнее про работу инструмента выделения и трансформации смотрите в инструкции.

Управление с клавиатуры

Одно из возможностей Inkscape, которая отличает его от большинства векторных редакторов, является возможность выполнения практически всех действий с клавиатуры без использования мыши. Нет практически ни одного действия, которого нельзя было бы сделать с помощью клавиатуры и преобразование объектов не является исключением.

Вы можете использовать стрелочки клавиатуры для перемещения объектов, кнопки < и > для изменения размера, а вращать объекты можно кнопками [ и ]. По умолчанию размером шага являются 2 пикселя. Удержание клавиши Shift увеличивает этот шаг в 10 раз. Ctrl+> и Ctrl+<увеличивает и уменьшает размер до 200% или 50% от исходного, соответственно. Вращение с нажатой клавишей Ctrl происходит на 90 градусов.

Пожалуй, наиболее полезными являются изменения размеров для точных преобразований, с помощью клавиши Alt. Например, Alt + стрелочки позволяет перемещать объект на 1 пиксель. Аналогично Alt+> и Alt+< изменяют размер объекта изменяется на одну экранную точку, аAlt+[ и Alt+] поворачивают его, таким образом, чтобы его смещение от центральной точки было на один пиксель.

Выбор нескольких объектов

Вы можете выбрать любое количество объектов одновременно, удерживая клавишу Shift при выборе. Или, вы можете, используя вышеописанный работу инструмент выделения и трансформации создать контур вокруг объектов, которые необходимо выбрать. Попробуйте выбрать несколько фигур. Например, создайте фигуры, как на рисунке ниже, и попробуйте выбрать их все.

А теперь посмотрите, насколько удобен способ выбора с помощью рамки, например для случая, когда вам надо выбрать два эллипса, но не надо выбирать прямоугольник.

Каждый отдельный объект, который был выбран, окружается прямоугольником из пунктирной линии. Это позволяет легко увидеть, какой объект выбран, а какой нет. Например, когда мы выбирали два эллипса без прямоугольника, без подсказки было бы трудно угадать, выбраны эллипсы или нет.

Повторный щелчок мышью по выбранному объекту с нажатой клавишей Shift приводит к его исключению из выделения. Выберите все три объекта из примера на рисунке выше, а затем, используя Shift + щелчок мыши исключите оба эллипса из отбора, оставив только прямоугольник.

Нажатие Esc для снятия выделения со всех выбранных объектов. И наоборот, Ctrl+A выбирает все объекты в текущем слое (а если вы не создавали слоёв, то все объекты в документе).

Группировка объектов

Несколько объектов могут быть объединены в группу. Группа объектов ведет себя как единый объект при перетаскивании или изменении его размера. На рисунке ниже три объекта в левой части являются независимыми, сгруппируйте их. Те же три объекта на правом рисунке сгруппированы, визуально ничего не изменилось, но вы попробуйте перетащить группу.

Для создания группы, выберите несколько объектов и нажмите Ctrl+G. Чтобы убрать объекты из группы, выберите их и нажмите Ctrl+U. Можно группировать не только несколько объектов, но и несколько групп между собой. Сами группы могут быть сгруппированы, так же, как любые другие объекты, однако, Ctrl+U позволит разгруппировать только верхний уровень группировки. Для того, чтобы разгруппировать такую конструкцию нужно будет нажатьCtrl+U несколько раз.

Разгруппировать объекты не обязательно, если вы хотите, изменить только один объект внутри группы. Просто щелкните по нему мышью, удерживая Ctrl и он будет выбран для редактирования отдельно от группы. Или удерживайте Shift+Ctrl для выделения нескольких объектов (внутри или вне каких-либо групп) для множественного выбора независимо от группировки. Попробуйте переместить или трансформировать отдельные фигуры в группе без разгруппирования, а затем отмените выделение с конкретного объекта и выберите группу, чтобы увидеть, что она по-прежнему остается сгруппированной.

Заливки и обводки

Доступ ко многим функциям inkscape реализован через диалоговые окна. Наверное самым простым способ покрасить объект в разные цвета будет открыть активировать его и выбрать цвет на палитре цветов.

Но более мощный инструмент управления цветами объекта находится в диалоге заливки и обводки. Этот диалог доступен в верхнем пункте главного меню "Объект" или по комбинации клавиш Shift+Ctrl+F. Выберите какой-нибудь объект, например, эллипс, как на рисунке ниже, и откройте диалоговое окно заливки и обводки.

Вы увидите, что диалоговое окно имеет три вкладки: "заливка", "обводка" и "стиль обводки". Закладка "Заливка" позволяет редактировать заливку выбранных объектов. С помощью кнопок сразу под названием закладки, можно выбрать типы заливки, включая и первый пункт "нет заливки" (кнопка с крестиком), сплошной цвет заливки, а также линейные и радиальные градиенты. Для рисунка выше была активирована вторая кнопка сплошной заливки.

Ниже кнопок с видами заливки на закладке "Заливка" вы увидите варианты выбора цвета. Для каждого способа выбора цвета есть своя собственная вкладка: RGB, CMYK, HSL и "Круг". Довольно удобно выбирать цвет на закладке "Круг", где вы можете повернуть треугольник внутри круга, чтобы выбрать цвет на цветовом круге, а затем выберите оттенок этого цвета в треугольнике. Для всех цветов изменять прозрачность можно с помощью ползунка "Альфа-канала" (прозрачность). Прозрачность измеряется в % непрозрачности, т.е. 100% абсолютно непрозрачный цвет и, наоборот, 0% абсолютно прозрачный.

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

На закладке "Обводка", можно сделать обводку объекта без заливки или сделать заливку сплошного цвета и настроить ее прозрачность:

Последняя закладка в этом диалоговом окне "стиль обводки", позволяет задать ширину, тип линии обводки и другие параметры обводки объекта:

Ну, и, наконец, вместо того, чтобы заливать фигуры сплошным цветом, можно использовать градиенты для заливки или обводки:

При переходе от сплошной заливки цветом к градиенту создается настройка градиента, для идентификации которой программа присваивает настройке номер.

Только что созданная настройка градиента использует предыдущий цвет сплошной заливки фигуры, который переходит из непрозрачного цвета в прозрачный. Для управлении градиентом заливки фигуры активируйте инструмент градиент в боковом окне инструментов или нажмите Ctrl+F1. Появятся две направляющие градиента в заливке фигуры. Перемещаете направляющие (ручки) градиента и вы увидите как он изменяется. Направляющие градиента в зависимости от их длины изменяют насыщенность и форму градиента. Так изменяя длину ручек (направляющих) градиента можно из кругового градиента сделать овальный и т.д. Цвет градиента можно менять в палитре цветов inkscape или в диалоговом окне по кнопке "изменить". У градиента есть два цвета, цвет ручки и цвет центрального маркера. Если нажать на центральный маркер, то в диалоговом окне отобразится его цвет и прозрачность и их можно поменять и то же самое можно сделать для цвета ручки. Для этого надо активировать маркер любой из двух ручек градиента.

Еще один достаточно удобный способ изменить цвет объекта - это воспользоваться инструментом "Пипетка" в боковом окне инструментов или F7. Просто щелкните в то место рисунка, где уже есть нужный вам цвет и этот цвет будет присвоено заливке выбранного объекта. Щелчок пипеткой с нажатой клавишей Shift назначит выбранный цвет цвету обводки.

Дублирование, выравнивание и распределение объектов

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

Скорее всего, точно выровнять прямоугольники у вас не получится или это потребует от вас значительных усилий. Но здесь на помощь вам придет диалоговое окно "Выровнять и расставить". Активировать его можно по комбинации клавиш Ctrl+Shift+A или из главного меню "Объект" предпоследний снизу пункт. Как им пользоваться. Выберите все нарисованные вами фигуры, точнее фигуру и все ее копии. Выделять фигуры мы уже научились в начале этого урока. Скорее всего оптимальным способом выделения будет в данном случае выделение рамкой. Откройте диалоговое окно "Выровнять и расставить" и нажмите на кнопку "Центрировать по горизонтальной оси", а затем кнопку "Переместить объекты так, что бы их рамки едва не пересекались". Если навести указатель мыши на кнопку, то в подсказке будет отражено название этой кнопки. Объекты будут расставлены аккуратно друг за другом. Вот некоторые примеры выравнивания и распределения:

Термин Z порядка (порядок по вертикали) относится к порядку наложения объектов в документе. То есть если какие-то объекты находятся выше других, то они должны перекрывать находящиеся ниже объекты. В главном меню "Объект" есть две команды "поднять на передний план" - клавиша Home и "Опустить на задний план" - клавиша End. С помощью этих команд можно поднимать и опускать объекты текущего слоя. Две другие команды "Поднять" Page Up и "Опустить" Page Down, будет действовать только на один один шаг, т.е. изменят порядок только одного объекта на один уровень в Z порядке. Выполняя эти действия несколько раз можно перемещать объекты последовательно от самого верхнего уровня до самого нижнего соответственно.

Попробуйте нарисовать несколько объектов и поэкспериментируйте с порядком их наложения, как мы это сделали на примере ниже:

Очень полезной будет в этом случае клавиша Tab которая позволяет выделять объекты по очереди Z порядка. Если изначально не был выбран ни один объект, то нажатие этой клавиши выделит самый нижний объект, в противном случае она выбирает объект на уровень выше выбранных объектов в Z порядке. Комбинация клавиш Shift+Tab работает в обратном порядке, начиная с верхнего объекта и переходя вниз. Изначально Z порядок расставляется по мере создания вами объектов, т.е. вверху находится последний созданный объект. В этом случае, если ни один из объектов не выбран, то нажав Shift+Tab очень удобно выбирать первые созданные объекты.

Практическая часть

Задание 1.

1.   Загрузите программу Inkscape, используя для этого ярлык на Рабочем столе или в Главном меню.

2.   Ознакомьтесь с элементами программы: Меню, Панели инструментов, Рабочая область, Рабочий лист, Панель свойств.

3. Используя строку состояния, определите расположение начала координат на Рабочем листе.

4.   Используя инструменты с панели инструментов и панель свойств, создайте следующие фигуры:

a.               Прямоугольники и квадраты:

b.               Круги, эллипсы и дуги:

c.               Звезды и многоугольники:

d.       Спирали:

5.                        Сохраните работу.

Задание 2.

Создайте сетку, используя инструмент Линия, клонирование и команду Расставить по сетке:

Практическая работа №2

Тема: Создание и обработка  изображений в Inkscape.

Цель:

1.              Научиться реализовывать технику работы с узлами при редактировании кривых.

2.              Научиться реализовывать эффекты Вытеснение и Интерполяция для различных графических объектов.

Теоретическая часть

Теоретическая часть работы опирается на положения практической работы № 1 «Знакомство с редактором обработки графических изображений Inkscape. Панель инструментов»

Практическая часть

Задание 1. Создайте фирменный знак компании (рис. 1).

1.              Загрузите программу Inkscape, используя для этого ярлык на Рабочем столе или в Главном меню.

2.              Нарисуйте внутреннюю окружность, используя соответствующий инструмент и клавишу Ctrl (рис. 2).

3.              Аналогично нарисуйте еще три окружности.

4.              Расставьте все окружности как показано на рис. 3, используя команду Объект Þ Выровнять и расставить.

5.              Преобразуйте окружности в кривые, используя команду Контуры Þ Оконтурить объект.

6.              Выделите верхний узел внешней окружности инструментом  (Редактировать узлы контура).

Рис. 1

Разорвите контур, нажав на  (Разорвать контур в выделенном узле).

7.              Переместите узлы в месте разрыва (рис. 4).

8.              Выделите верхний левый сегмент, образовавшийся в месте разрыва. Вставьте новый узел . Рис. 5.

Рис. 2                          Рис. 3                            Рис. 4                            Рис. 5

Рис. 6                        Рис. 7                            Рис. 8                           Рис. 9

9.                                                                                                                                         Преобразуйте новый узел в острый        .

10.          Преобразуйте верхний левый сегмент в отрезок прямой  (Сделать выделенные сегменты прямыми). См. рис. 6.

11.          Добавляя новые узлы, добейтесь структуры кривой как на рис. 7.

12.          Внутренний круг разорвите и преобразуйте аналогично внешнему кругу. Рис. 8.

13.          Выделите два внешних контура, используя клавишу Shift. Выполните команду Контуры Þ Объединить. Выделите конечные узлы справа. Объедините выделенные узлы  (Соединить контуры). Тоже сделайте для левых узлов.

14.          Выделите два внутренних контура, создайте их пересечение (Контуры Þ

Исключающее ИЛИ).

15.          Напишите каллиграфическим пером во внутренней окружности символ, используя соответствующий инструмент. Рис. 9.

16.          Уменьшите количество узлов у символа (Контур Þ Упростить, Контур Þ

Втянуть/Вытянуть).

17.          Создайте пересечение контуров и символа. См. рис. 1.

Задание 2. Смоделируйте объем (рис. 12).

Рис. 10                                               Рис. 11                                     Рис. 12

1.              Нарисуйте плоскую фигуру (рис. 10). Преобразуйте её в контур.

2.              Выполните команду Эффекты Þ Использование контура Þ Вытеснение (рис. 11).

3.              Результат см. на рис. 12.

Задание 3. Самостоятельно постройте изображения (рис. 13, 14, 15), используя эффект Интерполяция.

Рис. 13                                             Рис. 14                                     Рис. 15

Практическая работа №3

Тема: Создание и обработка текста в Inkscape.

Цель:

1.      Научиться создавать текстовые объекты и изменять их свойства.

2.      Научиться создавать и редактировать линейные, эллиптические градиенты.

Теоретическая часть

Теоретическая часть работы опирается на положения практической работы № 1 «Знакомство с редактором обработки графических изображений Inkscape. Панель инструментов»

Практическая часть

Задание 1. Создание текста с многоступенчатой градиентной заливкой

1.     Откройте программу Inkscape, используя для этого ярлык на Рабочем столе или в Главном меню.

2.     С помощью инструмента Текст создайте надпись «Радуга», измените ее размер.

3.     Преобразуйте текст в контур: Контуры Þ Оконтурить объект.

4.     Уменьшите количество узлов в контуре: Контуры Þ Упростить.

5.     С помощью перемещения узлов измените форму контура. См. рис. 1.

6.     Активизируйте инструмент Создать и править градиенты, “растяните” градиент над текстом.

7.     Откройте Редактор градиентов, щелкнув два раза ПКМ по начальной или конечной точке градиента.

8.     В диалоговом окне Редактор градиентов выберите из раскрывающегося списка первую точку, укажите ее цвет - красный.

9.     Добавьте опорную точку, укажите ее цвет – оранжевый и смещение.

10.Добавляйте точки в градиент и изменяйте их свойства, чтобы в градиенте появились все цвета радуги. См. рис. 1.

Рис. 1

Задание 2. Создание цветной капли

1.     Создайте шесть окружностей с эллиптическими градиентами и различной прозрачностью. См. рис. 2.

Рис. 2                                                                Рис.3

2.     Совместите окружности и разместите их друг над другом (Объект Þ Поднять, Опустить) как показано на рис. 3.

Задание 2. Заверстайте текст в фигуру

1.     Создайте текстовый объект (рис. 4а), фигуру (рис. 4в).

2.     Выделите оба объекта, выполните команду: Текст Þ Заверстать текст в блок (рис. 4с).

3.     Самостоятельно создайте фигуру (рис. 4d).

Рис. 4

Задание 3. Создание визитной карточки в стиле конструктивизма

1.     Создайте новый документ, выбрав шаблон под названием «Business Card 90x50mm» в меню Файл Þ Новый.

2.     С помощью инструмента Текст создайте текстовые объекты для каждого элемента – имя, должность, адрес, номер телефона и т.д. Все они должны быть независимыми объектами, потому что их придется двигать и трансформировать. См. рис. 5.

3.        Выберите шрифт (шрифты, но не более двух) для ваших текстовых объектов и измените их размеры (Текст Þ Текст и шрифт). См. рис. 6.

Рис. 5                                                                Рис. 6

4.     Разместите компоненты адреса вокруг своего имени, выровняв их по нескольким невидимым линиям. См. рис. 7.

5.     Выделите все компоненты и немного поверните, используя инструмент Выделение и трансформация объектов. Добавьте в макет карточки три черных уголка и большой красный круг в центре. См. рис. 8.

Рис. 7                                                                Рис. 8

6.     Сохраните результат в формате PS или EPS. В диалоговом окне параметров EPS включите параметры Convert Text To Path (Преобразовать текст в контур) и Make Bounding Box Around Full Page (Создать рамку вокруг страницы).

Задание 4. Создание визитной карточки со стилизованными инициалами

1.     Создайте новый документ, выбрав шаблон под названием «Business Card 90x50mm» в меню Файл Þ Новый.

2.     Инструментом Каллиграфическое перо (угол 90, фиксация 1.0) нарисуйте вензель из инициалов. См. рис. 9.

3.        Чтобы сгладить рисунок, объедите все штрихи в один контур (Контуры Þ Объединить) и несколько раз примените упрощение (Контуры Þ Упростить), втяжку (Контуры Þ Втянуть) и растяжку (Контуры Þ Вытянуть). См. рис. 10.

Рис. 9                                                               Рис. 10

4.     С помощью тонкого пера с максимальным параметром Дрожание нарисуйте штрихи вокруг вензеля. См. рис. 11.

5.     Объедините полученную фигуру, примените команды Упрощение, Втянуть, Вытянуть. См. рис. 12.

Рис. 11                                                              Рис. 12

6.     С помощью инструмента Текст создайте независимые текстовые объекты для каждого элемента – имя, должность, адрес, номер телефона и т.д. Разместите текстовые объекты как показано на рис. 13, 14.

Рис. 13                                                              Рис. 14

7.     Добавьте четыре несимметричных прямоугольника по краям карточки. С помощью инструмента Градиент создайте в прямоугольниках цветовые переход из любого цвета в белый. Результат см. на рис. 15.

Рис. 15

8.     Создайте сетку из полупрозрачных линий: начертите узкий горизонтальный прямоугольник белого цвета, выполните команду Правка Þ Клоны Þ Создать узор из клонов, выберите симметрию Р1, смещение по Y на 100%, укажите количество строк, столбцов 100 x 1.

9.        Сгруппируйте прямоугольники и поместите их поверх градиента, но под вензелем и текстом (Объект Þ Поднять, Опустить). Отрегулируйте прозрачность прямоугольников.

10.Экспортируйте визитную карточку в растровый формат PNG.

Задание 5. Создайте собственный вариант визитной карточки.