Векторная графика в Adobe Photoshop

Август 20, 2022

Главная
Информатика
Векторная графика в Adobe Photoshop

Содержание

3. Инструменты группы Перо Перо добавляет, передвигает (+ctrl) и удаляет узлы Свободное рисование Перо + - добавление
4. Вектоные формы Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы
5. Заливка формы цветом Следующее действие, которое мы, как правило, выполняем после выбора опции "Фигура", это выбор
6. Это действие открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый
8. Изменение толщины обводки Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника
9. Инструмент Перо Чаще всего используется инструмент Перо. В простейшем случае щелчками мыши устанавливаются углы ломаной линии.
10. Выделение контура для выделения и перемещения контура Для выделения и перемещения отдельных узлов и сегментов контура
11. Фигуры По умолчанию каждая следующая фигура создается на новом слое, потому что в палитре свойств инструмента
12. Все векторные формы и линии отображаются в палитре Контуры (Пути)
13. Стили
14. Стили Готовые заготовки настроек тени, свечения, тиснения, градиента, наложения цвета. Параметры стилей можно настраивать самостоятельно
15. Добавление стилей в палитру Стили
17. Редактирование контуров Создайте новый рисунок размером 300 на 300 пикселей Сделайте так, чтобы были видны линейки
18. Включите инструмент Выбор контура (клавиша A) и выделите созданный контур щелчком мыши. Сдвиньте его в другое
19. Упражение 1 Выполните рисунок простой формы при помощи инструментов группы Перо. Примените различные стили оформления
20. Упражнение 2 Выполните выделение (обтравку)объекта растрового изображения при помощи инструмента перо. Используйте маску для создания простого
21. Отображение контура в палитре контуры Последовательность выполнения задания по слоям
22. Упражнение 3 Выполните упражнение из «300+lessonsPs» - Работа с текстом – стр.1 – Клубничный текст (стр.
23. Упражнение 4 Выполнить кнопку для интернет навигации (вперед, назад, пуск и т.п.) используя векторные формы и
25. Скачать презентацию

Слайд 2

Слайд 3

Инструменты группы Перо
Перо добавляет, передвигает (+ctrl) и удаляет узлы
Свободное рисование
Перо +

- добавление узлов
Перо - - удаление узлов
Угол – преобразование угловых узлов в гладкие и наоборот

Слайд 4

Вектоные формы
Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать

Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это "Фигура" (Shape), "Контур" (Path) и "Пиксели" (Pixel Shapes).

Слайд 5

Заливка формы цветом
Следующее действие, которое мы, как правило, выполняем после выбора

опции "Фигура", это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю "Заливка" (Fill) в панели параметров:

Слайд 6

Это действие открывает окно, которое позволяет нам выбрать один из четырех

различных способов заполнения формы, каждый из которых представлен одним из четырех значков, расположенных вдоль верхней части окна. Назначение значков, начиная с левого края:
Нет цвета (No Color) - белый прямоугольник с красной диагональной линией, заливка отсутствует
Чистый цвет (Solid Color) - заливка сплошным цветом
Градиент (Gradient) - заливка градиентом
Узор (Pattern) - залива Photoshop-узором (паттерном)

Слайд 7

Слайд 8

Изменение толщины обводки
Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное

непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения.

Слайд 9

Инструмент Перо
Чаще всего используется инструмент Перо. В простейшем случае щелчками мыши

устанавливаются углы ломаной линии. Если при этом удерживать клавишу Shift, все звенья будут иметь наклон, кратный 45 градусам. Для замыкания линии надо щелкнуть на начальной точке (к указателю мыши добавляется кружок). Если надо закончить контур, не замыкая его, щелкните еще раз по кнопке инструмента Перо или в любом месте рисунка при нажатой клавише Ctrl.
Для создания гладкого узла надо, не отпуская левой кнопки мыши, "вытянуть" из нового узла направляющий отрезок.
При включенном флажке Оптимизация (на панели свойств инструмента). инструмент Перо автоматически переключается в режимы
Перо + — при наведении на сегмент (добавления нового узла)
Перо - — при наведении на существующий узел (удаление)
Угол — при наведении на существующий узел при нажатой клавише Alt (изменение свойств узла)
Стрелка — при удерживании клавиши Ctrl (перемещение узла или сегмента)

Слайд 10

Выделение контура для выделения и перемещения контура
Для выделения и перемещения отдельных

узлов и сегментов контура (+shit – несколько узлов или сегментов)

Слайд 11

Фигуры
По умолчанию каждая следующая фигура создается на новом слое, потому что

в палитре свойств инструмента включен режим Создать новый слой-фигуру . Мы будем строить все изображение на одном слое, используя другие режимы:
— Добавить к области фигуры
— Вычесть из области фигуры
— Область пересечения фигур
— Вычесть область пересечения фигур

Слайд 12

Все векторные формы и линии отображаются в палитре Контуры (Пути)

Слайд 13

Стили

Слайд 14

Стили
Готовые заготовки настроек тени, свечения, тиснения, градиента, наложения цвета.
Параметры стилей можно

настраивать самостоятельно

Слайд 15

Добавление стилей в палитру Стили

Слайд 16

Слайд 17

Редактирование контуров
Создайте новый рисунок размером 300 на 300 пикселей
Сделайте так,

чтобы были видны линейки (Просмотр — Линейки или Ctrl+R) или включите сетку.
Включите инструмент Перо и установите в палитре свойств инструмента режим Контуры.
Щелчками мыши постройте замкнутый контур, приближенно описывающий форму сердца. Сделайте активной палитру Контуры (Окно — Контуры) и убедитесь, что в ней появился рабочий контур.

Слайд 18

Включите инструмент Выбор контура (клавиша A) и выделите созданный контур щелчком

мыши. Сдвиньте его в другое место, затем верните обратно.
Включите инструмент Перо (клавиша P) и, удерживая клавишу Alt, вытяните направляющие из узлов, как показано на рисунке.
Установите основной цвет — красный и залейте контур, щелкнув по кнопке в палитре Контуры. Затем выберите инструмент Кисть диаметра 15-20 пикселей. Выберите желтый цвет и сделайте обводку контура, щелкнув по кнопке .

Слайд 19

Упражение 1
Выполните рисунок простой формы при помощи инструментов группы Перо. Примените

различные стили оформления

Слайд 20

Упражнение 2
Выполните выделение (обтравку)объекта растрового изображения при помощи инструмента перо. Используйте

маску для создания простого коллажа

Слайд 21

Отображение контура в палитре контуры
Последовательность выполнения задания по слоям

Слайд 22

Упражнение 3
Выполните упражнение из «300+lessonsPs» - Работа с текстом – стр.1

– Клубничный текст (стр. 2 Полосатый рейс)

Слайд 23

Упражнение 4
Выполнить кнопку для интернет навигации (вперед, назад, пуск и т.п.)

используя векторные формы и стили

Выполните упражнение из «300+lessonsPs» - Дизайн и рисование – стр.9 – Медальон с долларом

Векторная графика в Adobe Photoshop

Содержание

Инструменты группы ПероПеро добавляет, передвигает (+ctrl) и удаляет узлыСвободное рисованиеПеро +

Вектоные формыПрежде, начинать создавать какие-либо формы, в первую очередь необходимо указать

Заливка формы цветом Следующее действие, которое мы, как правило, выполняем после выбора

Это действие открывает окно, которое позволяет нам выбрать один из четырех

Изменение толщины обводкиЧтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное

Инструмент ПероЧаще всего используется инструмент Перо. В простейшем случае щелчками мыши

Выделение контура для выделения и перемещения контураДля выделения и перемещения отдельных

ФигурыПо умолчанию каждая следующая фигура создается на новом слое, потому что

Все векторные формы и линии отображаются в палитре Контуры (Пути)

Стили

СтилиГотовые заготовки настроек тени, свечения, тиснения, градиента, наложения цвета.Параметры стилей можно

Добавление стилей в палитру Стили

Редактирование контуровСоздайте новый рисунок размером 300 на 300 пикселей Сделайте так,