Файл: Практическая работа Обработка изображений (масштабирование, кадрирование, изменение разрешения и палитры) в векторном графическом редакторе Inkscape.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 08.11.2023

Просмотров: 145

Скачиваний: 8

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

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

«Обработка изображений (масштабирование, кадрирование, изменение разрешения и палитры) в векторном графическом редакторе Inkscape»

Цель: получить первичный практический опыт создания и обработки изображений в векторном графическом редакторе Inkscape.

Задание 1. Нарисовать логотип для сайта

Что касается размера. Редактор у нас векторный, поэтому размер исходного изображения может быть любым. При экспорте можно будет задать нужный размер изображения.

Шаг 1. Рисуем контур логотипа

- Выбираем инструмент Рисовать кривые Безье и прямые линии (Shift+F6) и создаем вот такой контур.



- Толщину контура подбираем в зависимости от размеров валика. Сам валик рисуем с помощью инструмента Рисовать прямоугольники и квадраты (F4). Используя маркер, скругляем углы прямоугольника.



Шаг 2. Необычная заливка валика

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

- Выбираем линейный градиент и ориентируем его вертикально. Далее, с помощью инструмента Создавать и править градиенты (Ctrl+F1), добавляем 8 опорных точек двойными кликами.

- Цвет каждой полосы указан ниже. Цвет можете задать любой.



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



- Так мы получим резкую границу. Аналогичным образом рисуем ручку.



- Справа и слева добавляем пару темных прямоугольников.




Шаг 3. Размещаем надпись.

- Поворачиваем изображение. Это можно делать, удерживая Ctrl. Наше изображение будет поворачиваться на угол кратный 15. Конечно, можно обойтись и без Ctrl.



- Печатаем текст INKER. Шрифт на ваше усмотрение. Ниже рисуем линию с помощью кривых. Выделяем линию и текст и применяем Текст - разместить по контуру.



- После этого задаем непрозрачность равную 0.

- Нарисуйте пару капель под текстом. Самый быстрый и простой способ нарисовать каплю такой. Сначала нарисуйте круг инструментом Рисовать круги и эллипсы (F4). Примените Контур - оконтурить объект. Переключитесь в режим Редактировать узлы и рычаги и поднимите верхний узел вверх. Теперь сделайте этот узел острым. Все, капля готова. Если есть желание придайте ей объем.



- Разместите нарисованные элементы нужным образом и сгруппируйте Ctrl+G.



- Осталось экспортировать в png. Выделяем наш логотип и открываем панель экспорта Файл - экспортировать в png.



- Здесь необходимо задать разрешение (96 dpi), имя файла логотипа (Экспортировать как) и нажать Экспорт.

Задание 2. Создать логотип для сайта кафе

1. Запустите программу Inkscape и в меню Файл - Свойства документа установите единицы измерения — миллиметры (mm).

2 . В левом верхнем углу листа нарисуйте эллипс произвольного размера, а затем выделите его инструментом Выделение. Вверху, в панели свойств инструмента введите единицы измерения — миллиметры (mm), и в поле ширина (Ш) введите 50, а в поле высота (В) — 15.

3. Не снимая выделения с эллипса, откройте панель Заливка и обводка. Выйдите на вкладку Заливка, включите режим палитры RGB и установите цвет заливки R-143,G-71,B-0. Альфа-канал — 255, непрозрачность — 100%. Во вкладке

Обводка установите цвет обводки R-85,G-34,B-0, во вкладке Стиль обводки поставьте толщину обводки 1 мм.

4 . Откройте панель Трансформировать (Объект - Трансформировать). Продублируйте ваш эллипс (Ctrl+D). Дубликат просто отодвиньте куда-нибудь вправо, в сторону — он нам потом пригодится. Еще раз выделите ваш эллипс и снова продублируйте, но не перемещайте его. Перейдите в панель Трансформировать, установите единицы измерения миллиметры, включите (если выключен) режим относительного смещения, и введите смещение по вертикали -30 мм. Нажмите Применить. Теперь у вас два эллипса друг под другом.

5. Убедитесь, что выделен нижний эллипс и в панели Трансформировать во вкладке Масштаб включите режим Пропорциональное масштабирование и введите размер 80%. Нажмите Применить.

6 . Выделите оба эллипса — заготовки кружки. Объедините их (Контур - Объединить), а затем оконтурите получившийся объект (Контур - Оконтурить объект).

7 . Используя инструментом Узлы, выделите два узла, как показано на рисунке справа и разбейте узлы инструментом Разорвать контур в выделенном узле , а затем удалите их, нажав клавишу Delete на клавиатуре.

8 . Выделите рамкой два узла справа на получившихся полуэллипсах и соедините их линией, используя инструмент Соединить контуры по выделенным узлам . То же самое повторите с левой парой узлов.

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

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

1 1. Выделите верхний эллипс и измените его заливку на линейный градиент от темно-коричневого (R-92,G-45,B-0) слева до светлокоричневого (R-228,G-113,B-0) справа.

1 2. Выделите кружку и назначьте радиальный градиент с тремя цветами (R-255,G-128,B-4), (R-143,G-271,B-0), (R-71,G-35,B-0). Сместите центр линейного градиента так, чтобы казалось, что на кружку светит свет слева сверху.

13. Используя инструмент Рисовать кривые Безье, нарисуйте ручку чашки, как показано на рисунке справа

14. Настройте толщину обводки ручки 4 мм, установите сглаженные концы, и установите цвет обводки R-43,G-17,B-0.

15. Совместите ручку с кружкой и сгруппируйте кружку полностью.



16. Отодвиньте кружку в сторону.

17. Используя инструмент Рисовать звезды и многоугольники, установив количество углов — 3, с нажатой клавишей Ctrl нарисуйте равносторонний треугольник с горизонтальным основанием.

1 8. Выделите нарисованный треугольник, замкните режим пропорционального изменения размеров и в поле ширина (Ш) введите 70 мм.

19. Установите заливку треугольника R-200,G-113,B-55, а цвет обводки R128,G-51,B-0. Толщина обводки — 3 мм.

20. Используя панель Трансформировать¸ вкладку Вращение, поверните треугольник на 45 градусов против часовой стрелки (в поле Угол введите 45 и нажмите Применить).



21. Дублируйте треугольник и отразите дубликат по вертикали , а затем сместите при помощи панели Трансформировать отражённый треугольник на 65 мм вниз.

22. Выделите сразу два треугольника, дублируйте их и отразите горизонтально, а затем сместите их на 65 мм вправо. У вас получилось 4 треугольника.




2 3. С нажатой клавишей Ctrl нарисуйте квадрат инструментом Прямоугольник. Выделите нарисованный квадрат и установите размеры 100 мм по ширине и высоте. Используя инструмент Узлы немного закруглите углы квадрата.

24. Установите цвет заливки квадрата R-233,G-198,B-175, а цвет обводки - R170,G-0,B-0. Толщина обводки — 5 мм.

2 5. Поверните квадрат на 45 градусов и совместите его центр с центром 4-х треугольников, как показано на рисунке справа.

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

27. Используя инструмент Прямоугольник и инструмент Узлы, нарисуйте ниже кружки скругленный прямоугольник черной обводкой и цветом заливки R-227,G-219,B-219. Толщина обводки 1 мм.

2 8. В нарисованном прямоугольнике введите текст The Coffee Shop, как показано на рисунке справа. Создайте размытую тень у прямоугольника под надписью.

29. Сгруппируйте все объекты и сохраните их в файл The Coffee Shop под именем Логотип.



Задание 3. Создать флэт иконку для сайта

1. Прежде чем рисовать удаляем слои и устанавливаем размер документа 256 х 256 пикселей. Сделать это можно в свойствах документа shift+ctrl+d.

Шаг 1. Рисуем лицо

2. Инструментом Рисовать круги, эллипсы и дуги (F5) растягиваем круг. Цвет заливки и обводки указаны ниже. Толщину обводки подбираем сами, сделать это можно в Стиле обводки панели Заливка и обводка контура.



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