Уроки Adobe Photoshop

Скачать материалы к учебному курсу:
Скачать папку «Материалы к курсу Photoshop» (19,5 Мб)

---

Уроки Photoshop. Урок 2. Инструменты рисования Photoshop

В уроке Photoshop рассмотрены способы рисования, создания новой кисти и градиента Photoshop

1. Создание рисунка в технике акварель

Во многих печатных изданиях, посвященных программе Photoshop, пишут, что эффекта акварели можно достичь, используя фильтр Watercolor (Акварель). На самом деле это не так. Да этот фильтр искажает изображение, но не создает впечатление прозрачности акварели.

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

Задание 1. Последовательное наложение прозрачных слоев краски один на другой

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

Рис. 1

1. Создайте новый документ, выполнив команду File – New (Файл – Создать).

2. В открывшемся окне введите имя файла в поле Name (Имя) – Пробный акварель.

3. Установите числовые значения в полях Width (Ширина) – 15 и Height (Высота) – 10, выберите единицу измерения (лучше сантиметры).

4. Значение параметра Resolution (Разрешение), равное 72 pixels/inch (пиксел/дюйм).

5. В поле Color Mode выберите режим – RGB Color.

6. В поле BackgroundContents (Содержимое фона) установите в положение White (белый).

Щелкните на кнопке ОК.

В появившемся окне изображения с помощью инструмента Rectangular Marquee (Прямоугольное выделение)   создайте три прямоугольника, для этого:

8. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение).

9. В раскрывающемся списке Style (Стиль) на панели параметров выберите пункт Fixed Size (Фиксированный размер).

10. На панели опций введите значение в полях Height (Высота) – 200 пикселов и Width (Ширина) – 100 пикселов. Активизируйте кнопку Add to selection (Добавить к выделению)  на панели опций инструментов.

Рис. 2

11. Щелкните в поле документа, и у вас появится рамка выделения. Щелчками создайте еще две рамки выделения. Появятся три пунктирных рамки, которые вы закрасите красным цветом.

Рис. 3

12. Установите красный цвет в качестве основного цвета.

13. Активизируйте инструмент Brush (Кисть) .

Инструмент Brush (кисть)

Программа Photoshop предлагает около 290 кистей разных размеров, форм и типов мазка. Весь этот набор находится в палитре кистей (Brushes), вызываемой командой Window – Brushes (Окно – Кисти).

Раздел Brush Tip Shape (Форма кисти) содержит элементы, управляющие диметром кисти, жесткостью ее краев, углом наклона, округлостью и расстоянием между частями в мазке.

Рис. 4

Ползунок  Diameter (Диаметр) задает диаметр кисти с помощью движка или вводом числового значения в поле справа.

Ползунок Hardness (Жесткость) управляет размытием края кисти.

Флажок Spacing (Интервалы) позволяет задать интервалы между частями в мазке. Сняв этот флажок, можно отключить данный параметр, но в этом случае при большой скорости перемещения кисти будут наблюдаться разрывы в мазке.

Поле Roundness (Округлость) позволяет изменить форму круглой кисти на овальную вводом числового значения или смещением жирных точек на окружности, расположенной рядом.

Поле Angle (Угол) дает возможность изменять угол наклона овальной кисти в поле Roundness (Округлость). Значение параметра водится в поле или задается вращением стрелки. 

14. На панели опций установите параметры кисти:

–      Mode (Режим) – Normal (Стандартный);

–      Opacity (Непрозрачность) – 40%.

–      Flow (Плавность) – 100%.

15. Выберите любую кисть, желательно большого размера в панели выбора формы кисти.

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

Рис. 5

17. Выполните команду Select–Deselect (Выделение – Снять выделение).

18. Выполните команду File–Save (Файл – Сохранить) и сохраните файл в свою папку.

19. Эту же задачу выполните с двумя другими красками. 

Задание 2. Переход цвета из слабого в более насыщенный

1. Создайте новый файл с прямоугольниками, выполнив шаги 1 – 4 указанные в предыдущем упражнении.

2. Активизируйте инструмент Brush (Кисть).

3. На панели опций установите параметры кисти:

– Brush Tip Shape (Форма кисти) – Soft round (Мягкая круглая);

– Diameter (Размер) – 100 пикселов;

– Mode (Режим) – Normal (Стандартный);

– Opacity (Непрозрачность) – 20%.

– Flow (Плавность) – 100%.

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

4. Удерживая кнопку мыши нажатой, нанесите первый слой краски по всей поверхности прямоугольника. Второй слой наносится на 3 – 4 мм ниже верхнего края и до основания прямоугольника. Каждый последующий слой наносите ниже границы предыдущего слоя и так до тех пор пока не добьетесь нужного эффекта. Не забывайте при нанесении слоя краски удерживать кнопку мыши нажатой.

5. Сохраните файл в своей папке.

Рис. 6

Задание 3. Переход одного цвета в другой

Выполним упражнение по переходу зеленого цвета в красный и красного в желтый.

Создайте новый файл размером 10×10 см с двумя прямоугольниками, выполнив шаги 1-5 указанные в первом упражнении.

Переход зеленого в красный выполняется следующим образом.

1. Кисть Soft Round (Мягкая круглая);

– Diameter (Размер) – 100 пикселов;

– Mode (Режим) – Normal (Стандартный);

– Opacity (Непрозрачность) – 20%.

– Краски – красная и зеленая.

2. Начните с любой краски. Краску (к примеру красную) наносят от средины прямоугольника до нижней части. Далее слои накладываются, так как мы укладывали слои цвета, чтобы добиться перехода цвета от слабого к насыщенному.

Зеленую краску наносите так же, но только от середины прямоугольника и вверх, слегка перекрывая часть красного слоя.

Переход красного цвета в желтый выполните другим способом:

1. Кисть любая:

– Diameter (Размер) – 100 пикселов;

– Opacity (Непрозрачность) – 100%;

– Цвет – желтый.

2. Закрасьте прямоугольник желтой краской.

3. Для нанесения красной краски измените параметры кисти:

– Кисть Soft Round (Мягкая круглая);

– Diameter (Размер) – 100 пикселов;

– Opacity (Непрозрачность) – 10%;

Остальные параметры сохраняются.

4. Первый слой краски наносите выше середины прямоугольника. Каждый новый слой накладывайте ниже предыдущего и так до основания прямоугольника. Не забывайте удерживать кнопку мыши нажатой при нанесении краски.

Рис. 7

Выполните еще несколько упражнений с цветом меняя параметры кисти, особенно Opacity (Непрозрачность), чтобы почувствовать, как можно регулировать тональность цвета. Упражнения сохраните.

Задание 4. Рисунок в технике одноцветной акварели

Рис. 8

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

1. Откройте файл Watercolor.tiff из папки Материалы к курсу Photoshop/urok_2.

2. Выполните работу сначала черным цветом. Активизируйте кисть Soft Round (Мягкая круглая):

– Diameter (Размер) – 9 – 27 пикселов;

– Opacity (Непрозрачность) – 10 – 20%;

– Flow (Плавность) – 100%;

– Цвет – черный.

Изображение должно находиться в режиме RGB: Image – Mode – RGB Color (Изображение–Режим–RGB Цвет).

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

Рис. 9 

3. Очень выразительна окраска коричневым цветом. Измените цвет рисунка и далее нанесите пятна коричневой тональности.

– Откройте файл Watercolor.tiff

– Переведите изображение в режим RGB командой Image – Mode – RGB Color (Изображение – Режим – RGB Цвет).

– Выполните команду Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс).

– Ползунок красного цвета сместите до конца вправо.

– Повторите эту операцию второй раз, и контуры рисунка приобретут коричневый цвет.

4. Выберите кисть Soft Round (Мягкая круглая):

– Размер подберите сами;

– Opacity (Непрозрачность) – 10 – 20%;

– Краска – коричневая.

Краску наносите мазками. Большие пятна одного тона закрашиваются с нажатой кнопкой мыши.

5. Сохраните файл, чтобы продемонстрировать преподавателю. 

Задание 5. Создание цветного изображения

Рис. 10

1. Откройте файлы Tree.tiff из папки Материалы к курсу Photoshop/urok_2 – файл изображения, с которым вы будет работать и Tree_palette.tiff – файл, содержащий палитру цветов для работы с изображением, т. к. частое использование диалогового окна Color Picker (Палитра цветов) отнимает много времени и одновременно облегчит работу по работе с изображением.

Рис. 11

2. Для раскраски фона выберите инструмент Paint Bucket (Заливка) 

3. Установите параметры для этого инструмента на панели его опций:

– Mode (Режим) – Normal (Стандартный);

– Opacity (Непрозрачность) – 20%;

– Tolerance (Допуск) – 1.

4. В цветовой палитре выберите цвет №1. Активизируйте инструмент Eyedropper (Пипетка)  и щелкните на выбранном цвете.

5. Активизируйте инструмент Paint Bucket (Заливка) и, введя указатель инструмента в рабочее поле документа  Tree.tiff., щелкните кнопкой мыши.

Рис. 12

6. Раскрасьте крону дерева. Активизируйте инструмент Brush (Кисть):

– Brush Tip Shape (Форма кисти) – Soft round (Мягкая круглая);

– Diameter (Размер) – 13 пикселов;

– Opacity (Непрозрачность) – 20%;

– Flow (Плавность) – 100%;

– Цвет – №2.

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

Рис. 13

7. Выберите кисть Hard Round (Жесткая круглая), размер 13 пикселов, Opacity (Непрозрачность) – 20%;

Кладите мазки в 2 – 4 слоя, сравнивая с образцом и добиваясь нужного результата. Мазки имеют резкие края, их можно размыть, используя эффект Smart Blur (Умное размытие). Выберите команду Filter – Blur – Smart Blur (Фильтр – Размытие – Умное размытие) и установите параметры в открывшемся диалоговом окне:

– Radius (Радиус) – 3,0;

– Threshold (Изогелия) – 25;

– Quality (Качество) – Low (Низкое);

– Mode (Режим) – Normal (Стандартный);

Рис. 14

8. Раскрасьте ствол дерева. Кисть Soft round (Мягкая круглая):

– Размер 5, 9, 13 пикселов;

– Opacity (Непрозрачность) – 40%;

– Цвет – №3.

При наложении краски старайтесь удерживать кнопку мыши нажатой или при смене размера кисти не перекрывайте нижние мазки.

Рис. 15

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

Рис. 16

10. Упражнение сохраните.

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

Задание 6. Создать звездное небо

Рис. 17

1. Установите основной цвет белым и фоновый цвет черным .

2. Создайте новый файл. Для этого выполните команды: Файл – Новый (File – New). В появившемся окне задайте:

– Имя (Name) – Звездное небо;

– Ширина (Width) – 10 см;

– Высота (Height) – 10 см;

– Разрешение (Resolution) – 72 pixeles/inch

– Режим (Color Mode) – RGB Color;

– Содержание фона (Background Contents) – Background Color (Цвет фона) (рис.18)

Рис. 18

3. Нажмите ОК. Результат на рис. ниже.

Рис. 19 

4. Создайте четыре кисти для последующей работы с ними. Для этого:

– На панели инструментов выберите кисть . Она может находиться в группе с инструментом Карандаш  

– Вызовите палитру Кисть (Brush), выполнив команду Окно – Кисти (Window – Brushes) и перейдите на вкладку Brush Tip Shape (рис. 20).

Рис. 20 

– В диалоговом окне введите следующие параметры: Diameter=90 pixels; Angle=90; Roundness=3, Hardness (Жесткость)=0; Spacing=1. (рис. 21)

Рис. 21

– Щелкните по кнопке меню палитры в правом верхнем углу палитры (рис. 22)

– Выберите пункт меню New Brush Preset… (Новая кисть).

Рис. 22

– В появившемся диалоговом окне Brush Name (Имя Кисти) введите имя Космос_90. Нажмите ОК.

Рис. 23

– На панели параметров кисти раскройте список кистей, щелкнув по треугольнику 1, затем щелкните по треугольнику 2, и установите флажок Large List (рис. 24) 

Рис. 24

– Просмотрите список кистей с помощью вертикальной линейки прокрутки и убедитесь, что кисть Космос_90 появилась в списке (рис. 25)

Рис. 25

– Используя различные цвета основного фона (белый, синий, желтый и т.д.) проверьте работу новой кисти. Возможный результат на рис. 26

Рис. 26

– Аналогичным образом создайте еще три кисти. Используйте следующие настройки (остальные параметры не менять):

Космос_0: Diameter = 60; Angle = 0

Космос_45: Diameter = 60; Angle = 45

Космос_135: Diameter = 60; Angle = 135 

5. Поэкспериментируйте с цветами и создайте еще несколько звезд (рис. 27).

Рис. 27

6. Создайте еще 2-3 звезды, но уже меньшего размера на основе ранее созданных кистей.

– Выберите кисть.

– В палитре Brush отобразятся параметры выбранной кисти. Изменяйте параметры и следите за результатами.

7. Добейтесь эффекта Вселенной, например, добавив дополнительные элементы  точки, маленькие эллипсы, кометы.

8. Сохраните файл под именем Вселенная.psd 

3. Технология использования градиента. Создание нового градиента 

Задание 7. Разделители для WEB-страниц

1. Создайте новое изображение: ширина – 400 пикселей, высота – 100 пикселей, режим – RGB, содержание - прозрачность.

– Имя (Name) – Разделитель;

– Ширина (Width) – 400 пикселей;

– Высота (Height) – 100 пикселей;

– Режим (Mode) – RGB Color;

– Содержание фона (Background Contents) – Прозрачность (Transparent)

2. Установите основной цвет – темно-синий, фоновый – голубой .

3. Выберите инструмент Выделение  и вытяните прямоугольную область на рисунке (около 50% всего рисунка) (рис. 28)

Рис. 28.

4. Щелкните левой кнопкой мыши по инструменту Gradient Tool (Линейный градиент) . Он находится в одной группе с инструментом Paint Bucket Tool (Заливка) .

5. На панели параметров градиента сделайте следующие настройки (рис. 29).

Рис. 29

6. Перетащите инструмент Линейный градиент слева на право внутри выделенной области. Выделенная область будет закрашена с переходом от основного цвета к цвету фона (рис. 30).

Рис. 30

7. Выделите оставшуюся прямоугольную область на рисунке командой Select – Inverse (Выделение – Инвертировать выделение).

8. В строке параметров Линейного Градиента выберите группу спектральных градиентов. Для этого сначала раскройте набор градиентов, щелкнув по треугольнику 1, затем щелкните по кнопке меню 2 и из списка выберите группу Spectrums (рис. 31).

9. На появившейся запрос о замене градиентов нажмите ОК.

Рис. 31

10. В новом наборе градиентов выберите градиент Spectrum (рис. 32)

Рис. 32

11. На панели параметров градиента установите значение Opacity 60% (рис. 33)

Рис. 33

12. Перетащите инструмент Линейный градиент по диагонали внутри выделенной области. Проанализируйте результат (рис. 34)

Рис. 34.

13. Сохраните работу в папке вашей группы под именем разделитель.psd

14. Восстановите установки градиента по умолчанию, выбрав из меню палитры градиента пункт Reset Gradients...(Восстановить Градиент). На появившийся запрос о замене нажмите ОК 

Задание 8. Создать радугу, используя инструмент Градиент

Рис. 35

1. Откройте файл rain01.jpg.

2. Уменьшите масштаб изображения. Для этого выберите инструмент Лупа . Щелкните в поле изображения правой кнопкой мыши и выберите команду Уменьшить. Повторите, пока не достигните масштаба 50%.

3. Создайте новый слой, на котором будем создавать радугу. Для этого выполните последовательность команд: Layer – New – Layer...Слой – Новый– Слой). В диалоговом окне задайте: Name (Имя) – радуга, Opacity (Прозрачность) – 60%, Mode – Screen (Режим – экран) (рис. 36).

Рис. 36

4. Убедитесь, что слой радуга активен (в палитре Layers (Слои) – текущий слой выделен синим) (рис. 37).

Рис. 37

5. Щелкните по кнопке  [Установить основной и фоновый цвета по умолчанию].

6. Выберите инструмент Градиент .

7. На панели параметров градиента выберите Радиальный градиент .

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

9. В окне Gradient Editor (Редактор градиента) сдвиньте правый нижний маркер градиента примерно на 1,5 см влево (рис. 38).

Рис. 38

10. Присвойте ему зеленый цвет. Для этого щелкните по маркеру два раза левой кнопкой мыши. В появившемся окне Color Picker (Выбор цвет) установите цвет маркера, задав компоненты цвета R - 28, G - 137, B - 8 (рис. 39).

Рис. 39

11. Щелкните на этом маркере градиента и, удерживая клавишу Alt, переместите копию градиента вправо.

12. Присвойте новому маркеру желтый цвет  R - 255, G - 255, B - 0.

13. Добавьте маркеры красного цвета R - 255, G - 60, B - 0. и черного цвета R - 0, G - 0, B - 0.

14. Сдвиньте крайний левый нижний маркер к группе новых маркеров и присвойте ему черный цвет.

15. Убедитесь, что ваш градиент такой же, как на рисунке 40.

Рис. 40

16. В поле Name (Имя) введите Радуга и щелкните по кнопке New (Новый). Новый образец добавился в набор градиентов (рис. 41).

Рис. 41

17. Щелкните левой кнопкой мыши внизу изображения (за его пределами), и тащите указатель на две трети вверх изображения. Радуга почти построена (рис. 42). Если вас не устраивает результат, то с помощью окна History (События) удалите последнее действие и повторите его вновь.

Рис. 42

18. Нам необходимы мягкие цветные полосы. Для этого выполните последовательность команд Filter – Blur – Gaussian Blur... (Фильтр – Размытие – Гауссово размытие). Задайте радиус размытия 8 или 9. Результат на рис. 43.

Рис. 43

19. Сохраните файл под именем радуга.psd.

 

Комплексная работа. От наброска на бумаге к цветному электронному изображению 

Начало работы над рисунком всегда начинается с наброска или зарисовки. Основные линии проще выполнить на бумаге карандашом, чем рисовать непосредственно на компьютере. Для последующей обработки изображение оцифровывают с помощью сканера, и все остальные трансформации с рисунком производятся на компьютере в растровом графическом редакторе, например, Adobe PhotoShop. 

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

На рис. 44 показаны этапы работы. На рис. 44, а Вы видите карандашный набросок, с которого начнется работа.

На рис. 44, б показан промежуточный этап, который Вам еще предстоит пройти.

В конечном итоге у вас должно получится примерно следующее (рис. 44, в): 

Рис. 44 

1. Откройте файл sketch.jpg из папки urok_2.

2. Увеличьте контрастность рисунка: Image – Adjustment – Brightness/Contrast (Изображение– Настройка – Яркость/Контраст). Измените яркость и контрастность, передвигая бегунки так, как показано на рис. 45. Перемещая ползунок вправо, вы увеличиваете контрастность и яркость, перемещая его влево – уменьшаете. После настройки нажмите кнопку OK. Примерный результат на рис. 46

Замечание: Иногда такой способ настройки контрастности может привести к потере деталей изображения, поэтому пользуйтесь им с осторожностью.

 

Рис. 45

 

Рис. 46

3.  Убедитесь, что фоновый и основной цвета установлены по умолчанию (черный и белый)  .

4. Выберите инструмент Eraser Tool (Ластик) .

5. В палитре параметров инструмента Eraser Tool ( Ластик) в поле Mode (Режим)  выберите форму ластика Brush (Кисть) (рис. 47), и в раскрывающемся списке кистей ползунком Master Diametr (Основной диаметр) устанавливайте размер кисти в зависимости от размера фрагмента, который вы хотите отредактировать («подчистить»). Чем больше размер фрагмента, тем больший размер кисти нужно выбрать.

6. Уберите ластиком лишние линии. Главное, чтобы ваш контур был черно-белым и не содержал оттенков других цветов

 

Рис. 47 

7. Создадим новый слой для того, чтобы можно с легкостью раскрашивать рисунок, не заботясь о случайном повреждении контура. Для этого в палитре Layer (Слой) нажмите на треугольник и выберите команду Duplicate Layer... (Сделать копию слоя...) (рис. 48). В появившемся диалоговом окне укажите имя слоя (рис. 49). Нажмите OK. Результат на рис. 50

 

Рис. 48

 

Рис. 49

 

Рис. 50

8. Переключите метод цветового наложения слоев с Normal (Норма) (рис. 51, а) на Multiply (Умножение) (рис. 51, б) . Этот метод автоматически отсекает белый цвет фона, яркость которого максимальна. Черный же контур остается непрозрачным.

 

Рис. 51

9. Работая со слоем girl, меняя параметры кистей,  раскрасьте изображение, например, так (рис. 52):

 

Рис. 52

10. Соедините контур и цветовую основу в единое целое, т.е. соедините слои. Для этого выполните команду Layer – Flatten Image (Слои – Объединить слои).

11. Сохраните работу в папке вашей группы под именем girl.psd

Контрольные вопросы:

1. Как создать новый документ?
2. Расскажите технологию создания новой кисти.
3. Расскажите технологию создания нового градиента.
4. Как загрузить группу градиентов Spectrum?
5. Как восстановить градиенты по умолчанию?