Как рисунок нарисовать в фотошопе – Уроки рисования в Фотошопе

Содержание

Как рисовать повторяющиеся узоры в Фотошоп

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

Мы разделим наш урок по изучению повторяющихся узоров на три части. Сначала мы создадим единый элемент (мотив), который впоследствии станет нашим повторяющимся узором. Далее мы научимся сохранять этот элемент как действительный узор в программе Photoshop. И, наконец, создав новый узор, мы рассмотрим, как выбирать узор и применять его ко всему слою. В следующих уроках по этой теме мы научимся добавлять к узорам цвета и градиенты, воспользуемся режимами наложения, чтобы соединить отдельные узоры вместе, создадим узоры из произвольных фигур и многое другое!

В этом уроке я буду работать в версии программы Photoshop CS5, но данные шаги можно применить к любой недавней версии программы.

Шаг 1. Создаем новый документ

Давайте начнем с создания отдельного мотива для узора. Для этого нам нужен новый пустой документ, поэтому я перейду в раздел «Файл» (File) в строке меню в верхней части экрана и выберу пункт «Новый» (New):

Выбираем «Файл» > «Новый»

В результате, откроется диалоговое окно «Новый» (New). Для параметров Ширина (Width) и Высота (Height) введите значение 100 пикселей. Размер документа будет определять размер мотива, который в свою очередь будет влиять на частоту повтора узора в документе (так как для мотива меньшего размера потребуется большее количество повторов, чем для мотива большего размера, чтобы занять одинаковое пространство). В нашем случае мы будем создавать элемент размером 100 х 100 пикселей. Когда позже вы будете создавать свои собственные узоры, вы сможете поэкспериментировать с размерами мотива. Параметр «Разрешение» (Resolution) я оставлю без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) изменю на «Прозрачный» (Transparent), таким образом, новый документ будет иметь прозрачный фон:

Введите значения ширины и высоты для своего документа и убедитесь, что для параметра «Содержимое заднего фона» выбран вариант «Прозрачный»

Нажмите ОК, когда вы закончите ввод значений, для закрытия диалогового окна, и новый документ появится у вас на экране. Узор в виде шахматной доски в окне заливки свидетельствует о том, что задний фон документа прозрачный. Поскольку документ достаточно мал – всего лишь 100 х 100 пикселей, я приближу его, удержав клавишу Ctrl (Win) / Command (Mac) и нажав значок «+» несколько раз (примечание: если вы не знаете, как изменять масштаб изображения, изучите этот урок по масштабированию). Теперь, масштаб изображения равен 500%.

Новый пустой документ с масштабом изображения, равным 500%

Шаг 2. Добавляем направляющие через центр документа

Нам нужно точно определить центр документа, и мы сможем это сделать с помощью направляющих. Перейдите в меню «Просмотр» (View) в верхней части экрана и выберите пункт «Новая направляющая» (New Guide):

Выбираем «Просмотр» > «Новая направляющая»

В результате этого действия откроется диалоговое окно «Новая направляющая». В разделе «Ориентация» (Orientation) выберите «Горизонтальная» (Horizontal), а для параметра «Положение» (Position) введите 50%. Нажмите ОК для закрытия диалогового окна, и в документе появится горизонтальная направляющая, проходящая через центр:

Выбираем «Горизонтальная» и вводим 50% для параметра «Положение»

Вернитесь в меню «Просмотр» (View) и снова выберите пункт «Новая направляющая» (New Guide). На этот раз в диалоговом окне в разделе «Ориентация» (Orientation) выберите «Вертикальная» (Vertical), а для параметра «Положение» (Position) введите 50%.

Выбираем «Вертикальная» и вводим 50% для параметра «Положение»

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

Вертикальная и горизонтальная направляющие, проходящие через центр документа

Изменяем цвет направляющей (Дополнительный шаг)

Если Вам трудно увидеть направляющие из-за их светлого цвета, вы можете изменить цвет в разделе «Установки». На компьютере РС перейдите в раздел меню «Редактирование» (Edit) , далее выберите «Установки» (Preferences), «Направляющие, сетка и фрагменты» (Guides, Grid & Slices). На компьютере Mac перейдите в меню «Фотошоп» (Photoshop), выберите «Установки» (Preferences) и далее «Направляющие, сетка и фрагменты» (Guides, Grid & Slices):

Выбираем «Направляющие, сетка и фрагменты» в разделе «Установки»

В результате откроется диалоговое окно раздела «Установки» с опциями направляющих, сетки и фрагментов. Самая верхняя опция «Цвет» (Color) отвечает за цвет направляющей. Как я уже упоминал, по умолчанию цвет направляющей – голубой. Кликните по слову «Голубой» (Cyan) и выберите из появившегося списка другой цвет. В окне документа вы будете видеть образец цвета. Я изменю цвет на «Светло-красный» (Light Red):

Выбираем светло-красный в качестве нового цвета для направляющих

Нажмите ОК, когда вы закончите, чтобы закрыть диалоговое окно «Установки». Цвет направляющих в окне документа изменится (обратите внимание, что программа будет отображать направляющие с новым цветом до тех пор, пока вы снова не зайдете в раздел «Установки» и не измените цвет обратно на голубой или на какой-либо другой):

Направляющие изменили свой цвет и стали заметнее

Шаг 3. Рисуем фигуру в центре документа

Вы можете создать очень сложные узоры в программе Photoshop, или узоры могут быть достаточно простыми и состоять всего лишь из точек или кругов. Давайте нарисуем в центре документа круг. Сначала на панели инструментов выберите инструмент «Овальная область» (Elliptical Marquee Tool). По умолчанию, он находится под инструментом «Прямоугольная область» (Rectangular Marquee Tool), поэтому кликните по инструменту «Прямоугольная область» и удержите кнопку мышки нажатой несколько секунд до тех пор, пока не появится всплывающее меню, где вы сможете выбрать инструмент «Овальная область»:

Кликните по инструменту Прямоугольная область», удержите нажатой кнопку мышки и затем выберите инструмент «Овальная область»

Выбрав инструмент «Овальная область», переместите курсор мышки в точку пересечения направляющих в центре документа. Нажмите и удержите клавиши Shift+Alt (Win) / Shift+Option (Mac), кликните в центре документа и, удерживая кнопку мыши нажатой, переместите курсор, нарисовав круглое выделение. Нажатие клавиши Shift позволит вам нарисовать выделение идеально круглой формы, в то время как клавиша Alt (Win) / Option (Mac) key отвечает за рисование контура выделения от центра. Когда вы закончите рисовать, ваш контур выделения будет выглядеть примерно так (не переживайте, если не угадали точно с размером, в данном случае это не столь важно):

Удержите нажатыми клавиши Shift+Alt (Win) / Shift+Option (Mac) и нарисуйте от центра выделение круглой формы

Шаг 4. Заполняем выделение черным цветом

Перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Выполнить заливку» (Fill):

Выбираем «Редактирование» > «Выполнить заливку»

В результате откроется диалоговое окно «Заполнить» (Fill), где мы сможем выбрать цвет, которым заполним наше выделение. Установите параметр «Использовать» (Use) в верхней части диалогового окна на «Черный» (Black):

Устанавливаем параметр «Использовать» на «Черный»

Нажмите ОК, чтобы закрыть диалоговое окно. Программа заполнит наше выделение круглой формы черным цветом. Нажмите сочетание клавиш Ctrl+D (Win) /Command+D (Mac), чтобы быстро убрать контур вокруг фигуры (вы также можете перейти в раздел меню «Выделение» (Select) и выбрать пункт «Отменить выделение» (Deselect), но нажатие клавиш – более быстрый вариант). Помните, что масштаб изображения все еще равен 500%, поэтому края круга выглядят угловатыми:

Выделение заполнилось черным цветом

Шаг 5. Дублируем слой

Добавив всего лишь один круг в центр нашего мотива, мы уже можем сохранить его как узор. Однако прежде чем мы это сделаем, давайте придадим мотиву более интересный вид. Для начала, сделайте копию слоя, перейдя в раздел меню «Слои» (Layer) в верхней части экрана, выбрав «Новый» (New) и далее «Скопировать на новый слой» (Layer via Copy). Или, если вы предпочитаете работать с клавишными комбинациями, нажмите Ctrl+J (Win) /Command+J (Mac):

Выбираем «Слои» > «Новый» > «Скопировать на новый слой»

В окне документа ничего не изменится, однако на панели слоев выше исходного слоя появится копия слоя под названием «Слой 1 копия» (Layer 1 copy):

На панели слоев выше исходного слоя появится копия слоя 1

Шаг 6. Применяем фильтр «Сдвиг»

При рисовании мотивов, которые впоследствии будут использоваться как повторяющиеся узоры, практически всегда желательно применять фильтр «Сдвиг» (Offset). Его можно найти, выбрав раздел «Фильтр» (Filter) в строке меню в верхней части экрана, перейдя в пункт «Другое» (Other) и далее «Сдвиг» (Offset):

Выбираем Фильтр >Другое >Сдвиг

В результате откроется диалоговое окно фильтра «Сдвиг». Данный фильтр перемещает или сдвигает содержимое слоя на определенное число пикселей по горизонтали, по вертикали или в обоих направлениях. При создании простых повторяющихся узоров, как в нашем случае, вам нужно ввести значение, равное половине ширины документа в окошко ввода данных «По горизонтали» и значение, равное половине высоты документа в окошко ввода данных «По вертикали». Поскольку наш документ имеет размеры 100 x 100 пикселей, установите значение 50 пикселей для параметра «По горизонтали» (Horizontal) и «По вертикали» (Vertical). В нижней части диалогового окна в разделе «Неопределенные области» (Undefined Area) выберите пункт «Вставить отсеченные фрагменты» (Wrap Around):

Установите для параметров «По горизонтали» и «По вертикали» значения, равные половине размеров документа и убедитесь, что выбран пункт «Вставить отсеченные фрагменты»

Нажмите ОК для закрытия диалогового окна. На экране документа нам станет видно, что фильтр «Сдвиг» взял копию круга, которую мы создали в предыдущем шаге, и разделил ее на четыре равных части, разместив их по углам документа. Круг, который остался в центре, — это исходный круг, нарисованный на Слое 1:

Изображение после применения фильтра «Сдвиг»

Шаг 7. Определяем мотив в качестве узора

Нарисовав мотив, давайте сохраним его в качестве узора. Это действие в программе Photoshop называется «Определение узора». Перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Определить узор» (Define Pattern):

Выбираем «Редактирование» > «Определить узор»

В результате этого действия откроется диалоговое окно, где вам будет предложено дать название новому узору. Хорошей идей является включение в название узора размеров мотива, в случае если вы разрабатываете несколько похожих мотивов разного размера. Таким образом, я назову свой узор «Круги 100х100». Нажмите ОК, когда вы дадите своему узору название, чтобы закрыть диалоговое окно. И теперь наш мотив сохранен как узор!

Назовите узор «Круги 100х100»

Шаг 8. Создаем новый документ

Мы создали наш мотив и сохранили его как узор, теперь мы можем воспользоваться им, чтобы заполнить целый слой! Давайте создадим новый документ, в котором будем работать. Так же как мы делали в Шаге 1, перейдите в раздел «Файл» (File) в строке меню в верхней части экрана и выберите пункт «Новый» (New). Когда откроется диалоговое окно нового документа, введите значение 1000 рх для параметров «Ширина» (Width) и «Высота» (Height). Параметр «Разрешение» (Resolution) оставьте без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) в этот раз измените на «Белый» (Transparent), чтобы задний фон нового документа был заполнен белым цветом. Нажмите ОК, когда вы закончите вводить значения, для закрытия диалогового окна. Новый документ появится на вашем экране:

Создаем новый документ с белым задним фоном размером1000 x 1000 px

Шаг 9. Добавляем новый слой

Теперь мы могли бы просто заполнить слой с задним фоном созданным узором, но тогда возможности работы с узором будут сильно ограничены. Как мы с Вами рассмотрим далее, в следующем уроке, когда будем добавлять к узору цвета и градиентную заливку, лучше всего для работы с повторяющимся узором размещать его на отдельном слое. Кликните по значку «Создать новый слой» (New Layer) в нижней части панели слоев:

Нажимаем на значок «Создать новый слой»

Новый пустой слой под названием «Слой 1» (Layer 1) появится выше слоя с задним фоном:

Появится новый слой

Шаг 10. Заполняем новый слой узором

Добавив новый слой, давайте заполним его нашим узором! Для этого перейдите в раздел меню «Редактирование» (Edit) и выберите «Выполнить заливку» (Fill):

Выбираем «Редактирование» > «Выполнить заливку»

Обычно команда «Выполнить заливку» используется для заливки слоя или выделения чистым цветом, как мы делали в Шаге 4, когда заполняли выделение черным цветом. Но также мы можем воспользоваться командой «Выполнить заливку», чтобы заполнить какую-либо область узором. Для этого сначала измените значение параметра «Использовать» (Use) на «Узор» (Pattern):

Изменяем параметр «Использовать» на «Узор»

После выбора параметра «Узор» (Pattern), еще один параметр «Заказной узор» (Custom Pattern) появится прямо под ним. Здесь мы сможем выбрать узор, который будем использовать. Кликните по миниатюре предварительного просмотра узора:

Кликните по миниатюре заказного узора

В результате откроется Палитра узоров (Pattern Picker), где будут отображены маленькие миниатюры всех доступных узоров. Узор в виде кругов, который мы только что создали, будет в самом конце перечня. Если опция «Показывать подсказки» (Tool Tips) в разделе «Установки» (Preferences) у вас включена (по умолчанию, она включена), то по мере наведения курсора на миниатюру будет появляться название узора. Дважды кликните по миниатюре узора, чтобы его выбрать и закрыть Палитру узоров.

В Палитре узоров выбираем узор «Круги 100х100»

Как только вы выбрали узор, все, что вам остается – нажать ОК для выхода из диалогового окна «Заполнить» (Fill). Программа заполнит пустой слой узором в виде кругов, повторив его столько раз, сколько требуется для заполнения всего слоя:

Слой 1 теперь заполнен повторяющимся узором в виде кругов

И вот мы закончили! Конечно, наш черно-белый узор вряд ли можно назвать необычным и запоминающимся, однако наиболее важные моменты на примере этого узора мы с вами в данном уроке рассмотрели: мы создали отдельный мотив, определили его как узор, а затем воспользовались командой «Выполнить заливку» и заполнили целый слой нашим новым узором. Далее, мы продолжим работу с узорами и научимся добавлять к ним цвета и градиенты!

Автор: Steve Patterson

photoshop-master.ru

Как рисовать в Фотошопе | Hello Photo!

Здравствуйте! Сегодня мы поговорим как рисовать в Фотошопе. Фотошоп располагает многочисленными средствами для рисования.

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

Основные инструменты рисования

Основные инструменты рисования приведены в таблице

Таблица Основные инструменты рисования

Инструмент Действия инструмента

Eraser (Ластик)

Стирает цвет пиксела изображения, делаяего прозрачным (или задавая разные степенипрозрачности). Исключение составляетслой Background (Фон), где заблокирована прозрачность. Тогда ластик рисует цветомзаднего плана

Brush
(Кисть)

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

Pencil
(Карандаш)

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

Color
Replacement
(Замена цвета)

Заменяет выбранный цвет в изображении на новый в зависимости от установленного режима наложения инструмента

Mixer Brush
(Микс-кисть)

Смешивает цвета в изображении, создавая эффект рисования настоящей кистью

Art History Brush
(Архивная
художественная
кисть)

Создает хаотичное размытие со скручиванием. Используется для художественных спецэффектов

Gradient
(Градиент)

Создает цветовой переход. Используется для заливки фона или выделенной области

Paint Bucket
(Заливка)

Заполняет область изображения сплошным цветом или заранее заданным образцом Выбор основного и фонового цвета Основной цветForeground Color и фоновый цвет Background Color задаются в панели инструментов. Foreground Color (цвет переднего плана, или основной) вPhotoshop используется для рисования, заливки документа или выделенной области и в качестве начального цвета инструмента

Gradient(Градиент).

Выбор основного и фонового цвета

Основной цвет Foreground Color и фоновый цвет Background Color задаются в панели инструментов. Foreground Color (цвет переднего плана, или основной) в Photoshop используется для рисования, заливки документа или выделенной области и в качестве начального цвета инструментаGradient (Градиент).

Background Color (цвет заднего плана, или фоновый) появляется при стирании пикселов на слое Background (где заблокирована прозрачность). Данный цвет включен в один из служебных градиентов. По умолчанию (Default ) цвет переднего плана черный, а заднего плана — белый. Таким образом, инструменты рисования

Brush (Кисть) и Pencil (Карандаш) будут рисовать черным цветом по белому. Можно изменить цвет Foreground многими способами. Самый простой — выбрав щелчком в палитре Swatches (Образцы) желаемый цвет. Щелкните по любому образцу цвета в палитре Swatches, и вы увидите изменение цвета переднего плана, а ваша кисть теперь будет рисовать выбранным цветом. Для некоторых служебных действий в программе необходимо быстро установить цвета по умолчанию. Нажав быструю клавишу <D> (от слова Default) или маленькую пиктограмму внизу, вы устанавливаете цвета по умолчанию. Используя переключатель цветов или быструю клавишу <X>, цвета переднего и заднего плана можно поменять местами.

Инструмент Brush

Создайте новый документ командой File | New (Файл | Создать), установив следующие значения:

Preset (Набор): Web;
Size (Размер): 800 x 600, 72 ppi;
Color Mode (Цветовой режим): RGB Color;
Background Contents (Содержимое фона): White (Белый).

Активизируйте инструмент Brush (Кисть). Под главным меню программы находится панель параметров активного инструмента с многочисленными настройками. Рассмотрим основные из них.

Параметр Brush

Параметр Brush (Кисть)

— это не только форма инструмента, но и достаточно большой набор параметров, настраиваемый в специальной палитре Brush (Кисть). Данный параметр имеет выпадающий список предложений с уже загруженными кистями по умолчанию. Вы можете выбрать любую кисть из набора. Причем, как вы заметили, кисти не только круглой формы. Есть листья, мочалки, звезда, травинки. Этот набор можно изменять, дополнять, создавать свои кисти.
Нарисуйте линию, выбрав различные формы кисти.

Отображение на экране инструментов рисования

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

Изменение размера и жесткости кисти

Наиболее часто используются кисти круглой формы. Основные параметры круглых кистей Size (Размер) 1 и Hardness (Жесткость) —
Жесткие кисти имеют четкий контур, мягкие — растушеванный, размытый.

Для изменения размера кисти (параметр Brush у любого инструмента!) и жесткости вы можете использовать следующие быстрые клавиши и комбинации клавиш:
— клавиша <[> позволяет уменьшить размер кисти, сохраняя ее жесткость;
— клавиша <]> позволяет увеличить размер кисти, сохраняя ее жесткость;
— комбинация клавиш

<Shift>+<[> позволяет уменьшить жесткость кисти, сохраняя ее размер;
— комбинация клавиш <Shift>+<]> позволяет увеличить жесткость кисти, сохраняя ее размер.

Режим наложения Mode

Этот параметр характерен для всех инструментов рисования. Обратите внимание, что по умолчанию установлено значение Normal(Нормальный). Не стоит пока его изменять.

Непрозрачность Opacity

Opacity (Непрозрачность) — степень непрозрачности штриха. По умолчанию установлена непрозрачность 100%. При работе с любым инструментом рисования вы сможете изменить непрозрачность, введя значение цифрами с клавиатуры; выделять соответствующее поле не потребуется.

1. Укажите нужное значение, введя значение от 1 до 9 цифрами с клавиатуры, не прозрачность при этом будет задана равной от 10 до 90% соответственно. Если вы введете значение 0, то непрозрачность будет задана равной 100%. Для более точного указания значения непрозрачности (с точностью до единиц процентов) быстро нажмите две цифры.
2. Попробуйте ввести клавишами разные значения непрозрачности и провести кистью по документу.
3. Верните значение непрозрачности к 100%.

Режим Airbrush

В старых версиях программы был отдельно инструмент, который назывался Airbrush (Аэрограф). Теперь это специальный режим у инструмента

Brush (Кисть). Разница заключается в том, что Airbrush заставляет инструмент ставить очередной мазок каждую единицу времени, в отличие от обычной кисти, где мазок ставится только при движении указателя. Действие режима подобно баллончику, распыляющему краску. Особенно заметно действие на растушеванных кистях. По умолчанию режим выключен.

1. Выберите круглую кисть с помощью клавиш (давайте приучаться к профессиональной работе). Параметр Size (Размер) установите равным 100 px; Hardness (Жесткость) — 0%. Щелкните по документу, отметьте результат — образовалось пятно.
2. Включите режим Airbrush, нажав на соответствующую пиктограмму на панели параметров инструмента

Brush.
3. Нажмите мышь, не перемещая по документу, оцените действие. Вы видите, что несмотря на отсутствие движения, пятно «краски» увеличивается.
4. Отожмите кнопку включения режима.

Плотность Flow

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

Flow (Нажим) — это плотность, накладываемая за один проход (flow — поток, струя; определяет, как быстро достигается значение непрозрачности). Если Flow равно 100% — за один проход, 33% — за три прохода, но одним росчерком мыши.

1. Выберите круглую кисть, установите Size (Размер) равным 50 px; Hardness (Жесткость) — 65%.
2. Установите параметр

Opacity (Непрозрачность) равным 100%, Flow (Нажим) — 25%.
3. За четыре движения (прохода), не отпуская мышь, вы достигнете плотности Opacity.

Сохранение и восстановление параметров инструментов

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

1. Выберите инструмент.
2. Щелкните правой кнопкой мыши по пиктограмме инструмента в панели пара метров.

3. Выберите команду Reset Tool (Восстановить инструмент).
Команда Reset All Tools (Восстановить все инструменты) возвращает параметры всех инструментов к первоначальным (по умолчанию).

Инструмент Pencil

Инструмент Pencil (Карандаш) не позволяет менять параметр жесткости — все линии, нарисованные им, имеют стопроцентно жесткие края. Используется для создания тонких, четких произвольных линий.

Инструмент Eraser

Инструмент Eraser (Ластик) стирает цвет пиксела изображения, делая его прозрачным (или задавая разные степени прозрачности). Исключение составляет слой Background (Фон), где заблокирована прозрачность, тогда ластик рисует цветом заднего плана. Если цвет заднего плана — белый, резинка будет рисовать белым цветом (кажется,
что стирает). Проверьте мое утверждение.

Инструмент Paint Bucket

Инструмент Paint Bucket (Заливка) заполняет область изображения сплошным цветом или заранее заданным образцом по методу цветового подобия.

Рассмотрим панель параметров инструмента. Выпадающий список определяет содержимое заливки — пункт Foreground (Основной цвет) или Pattern (Регулярный) 1 . Если выбран режим узора, можно определить его образец в следующем выпадающем списке Pattern (Узор). Установите режим Foreground. Mode (Режим) задает режим наложения заливки, поле Opacity (Непрозрачность) определяет степень ее непрозрачности, флажок Anti-alias (Сглаживание) устанавливает сглаживание краев, а флажок Contiguous (Смеж. пикс) регулирует режим за
ливки смежных или всех подходящих пикселов. Параметр Tolerance (Допуск) определяет порог близости цветов, на которые воздействует инструмент. Чем это значение выше и чем более обширна область заливки, тем большее количество оттенков программа считает близким к цвету в точке щелчка. Значение Tolerance по умолчанию равно 32.

Рассмотрим на примере принцип действия инструмента.
1. Выберите инструмент Brush (Кисть). Установите параметр Size (Размер) равным 100 px, Hardness (Жесткость) — 0%, цвет черный.
2. Создайте замкнутую область.
3. Активизируйте инструмент Paint Bucket (Заливка). Установите режим Foreground, выбрав в качестве рабочего красный цвет. Щелкните внутри области. Paint Bucket
(Заливка) закрашивает область неравномерно, оставляя ореол.
4. Если вы хотите залить большую область, необходимо увеличить параметр Tolerance(Допуск).

Команда Edit | Fill

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

1. Выполните команду Edit | Fill (Редактирование | Выполнить заливку) .
2. Появится одноименное диалоговое окно.

В раскрывающемся списке Use (Использовать) — чем вы будете заливать — можно выбрать значение Foreground (Основной цвет), Background(Цвет фона), Color (Цвет…),
50% Gray (50% серого), Black (Черный), White (Белый) или Pattern (Регулярный).

Узор — это небольшой фрагмент любого изображения, который программа при заливке многократно повторяет. Если активен этот пункт, следует выбрать
узор из раскрывающегося списка Custom Pattern (Произвольный узор). В этом списке содержится комплект образцов узоров, поставляемых вместе
с программой.
3. В разделе Blending (Наложение) параметры вам уже знакомы: список Mode (Режим) задает режим наложения заливки, поле Opacity(Непрозрачность) определяет сте-
пень ее непрозрачности.
Необходимо выучить быстрые клавиши для вызова команды Edit | Fill:
<Shift>+<Backspace> или <Shift>+<F5> — вызов окна команды Edit | Fill;
<Alt>+<Backspace> — заливка цветом переднего плана;
<Ctrl>+<Backspace> — заливка цветом заднего плана.
Выполните задание на действие быстрых клавиш:
1. <Ctrl>+<А>.
2. <D>.
3. <Ctrl>+<Backspace>.
Результат: ваш документ залит белым цветом (очистка холста документа).

Отмена и возврат действий. Палитра History

В идеальном мире никто не допускает ошибок и неправильных действий. В реальном мире всегда возможны ошибки, и необходимо возвращаться назад. Даже новичку
знакомы клавиши <Ctrl>+<Z>, позволяющие отменить выполненное действие.

Команда Edit | Undo (Редактирование | Отменить) (быстрые клавиши <Ctrl>+<Z>) в Photoshop отменяет только одно действие! Повторное нажатие <Ctrl>+<Z>
возвращает отмененное действие. Однако с помощью палитры History (История) можно отменить сразу несколько операций. Каждое действие, совершенное вами, записывается в палитру History (История). Палитра позволяет отменять последнее из совершенных действий, а также их последовательность.

Выполним задание:

1. Откройте изображение пейзаж.jpg из папки Lessons\Урок_2_Рисование электронного архива.
2. Активизируйте палитру History (История). В ней показана миниатюра документа
в момент открытия и присутствует единственная запись — Open (Открыть).
Документ был открыт, и больше с ним ничего не делали. Миниатюра документа называется состоянием начальной загрузки. Щелкнув по ней, вы можете с любого действия возвратить файл к данному виду.
1. Выберите инструмент Brush (Кисть). Цвет кисти — красный. Перечеркните изображение — раз и два.
2. Посмотрите в палитру History, в ней появились две новые записи (вы сделали два действия кистью) — Brush Tool (Инструмент «Кисть»), иллюстрируемые значком инструмента.
В палитре History (История) записываются все действия, которые применялись к изображению. Последнее действие выделено в нижней части списка.

3. Выполните отмену действий клавишами <Ctrl>+<Z>. При первом нажатии — отменяется последнее действие. Однако после повторного нажатия действие возвращается.
4. Выполняя новые операции после отмененных, вы формируете новые записи в палитре. Последовательно отменять действия в палитре можно быстрыми клавишами
<Ctrl>+<Alt>+<Z>. По умолчанию палитра History сохраняет только 20 последних действий.

hellophoto.ru

Как раскрасить рисунок в фотошопе

В этом уроке я постараюсь объяснить, как разукрашивать рисунок в стиле аниме. Метод раскраски в этом уроке особенно подойдет для новичка, без использования графического планшета.

А также я покажу вам, из чего состоит цифровая иллюстрация.

И так приступим…

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

Необходимо знать, как правильно использовать слои для цвета (например, какой выбрать параметр для слоя “normal” или “multiply” или в каком порядке выставлять слои).

Все это может показаться очень трудным, но не невозможным.

Ниже находиться “визуальное” объяснение того, что мы создадим:

Описание изображения (снизу вверх):

1 – «background», белый фоновый слой, параметры слоя “normal”. В действительности этот слой не нужен, его используют только чтобы не видеть прозрачности сетки.

2 –« lineart», слой с контуром, параметры слоя могут быть установлены на “normal”(в данном случае) или “multiply”.

3 – «base colors», группа слоев которая включает в себя все слои с основными цветами (имейте в виду, что каждый цвет имеет свой слой), параметры слоя “multiply”.

4 –«shadows», группа слоев, которая включает в себя все слои с тенями (каждый цвет тени имеет свой слой), каждый слой с параметром “multiply”.

5 – «lights» последний слой, на котором рисуются блики, как правило, он находиться выше всех других слоев. Параметр слоя “normal” или “multiply”.

Далее идут добавочные слои для различных целей, например слой с фоном или слой с подписью автора (я советую вам всегда подписывать ваши работы, если вы не хотите увидеть их в сети под другими именами …).

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

ЦВЕТ!

1) Откройте файл, с которого вы срисовывали и поставьте его рядом с созданным контуром. Я предлагаю вам пересохранить свою работу в новый файл с именем, например, “FanartColour1” или как вам нравиться, для этого идем File>Save As (Файл>Сохранить как).

Не забывайте сохранять свою работу часто и в процессе окраски. Если вы сделаете что-то необратимое, то вы всегда сможете загрузить предыдущее сохранение. В конце работы у вас может быть “FanartColour1”, “FanartColour2”, “FanartColour3”, и т.д. … XD. Но главное не испортить свою работу!

2) Я всегда начинаю окраску с кожи. Моя последовательность: кожа, волосы, глаза, одежда, аксессуары, тени, освещение/блики.

Если вы рисуете свой фанарт, то можно выбирать любой необходимый цвет из палитры цветов, но в данном случае мы имеем колорит, используя стиль Gotoh, поэтому выбирать цвета нам необходимо непосредственно из оригинала с использованием инструмента пипетки (Eyedropper Tool).

Выберите светлый оттенок розового, нажав на часть лица Рури.

Создайте новый слой.

Переименуйте его в ” base skin” (основная кожа).

В настройке слоя выставите Multiply.

Существуют два способа окраски: c помощью кисти (мышкой или на графическом планшете) и с помощью лассо.

СПОСОБ 1:

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

Закрасьте лицо, не выходя за границы контура.

Обратите внимание, насколько важно установить параметр слоя Multiply:

На этом рисунке слой с параметрами “Normal”.

А на этом рисунке слой с параметрами ” Multiply”.

Таким способом, вы можете:

– Точно проходить цветом, не выходя за контур (я заменила светло розовый цвет на более темный тон для того, что бы вы четче видели мои действия):

– Нанести цвет неаккуратно, а затем исправить:

– Нанести цвет неаккуратно, а затем “прикрыть” слоем стоящим выше, с параметрами «Normal».

Например, раскрашивая кожу лица, вы зайдете на границу волос или на одежду. Затем создадите новый слой выше слоя с кожей и с параметрами «Normal», и перекроите свои ошибки цветом волос и одежды.

СПОСОБ 2:

Лассо! Выберите инструмент “Polygonal Lasso”.

Этот способ требует терпения, так как придется обводить много элементов.

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

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

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

Мы выделили ту часть лица, где будет розовый цвет (не забывайте, что вы должны находиться на слое «base skin» (основная кожа), с параметром Multiply). Теперь с помощью инструмента Paint Bucket (заливка) и цветом, взятым пипеткой с лица оригинальной картинки Рури, щелкните внутри выделенной области. Вы получите:

Метод, с использованием инструмента лассо, требует придельной точности … Однако если вы допустите, какие ни будь ошибки их можно исправить (если вышли за контур – стереть резинкой, а если где-то не дошли закрасить кистью). Во всяком случае, я считаю, этот способ достаточно “ужасным”, и редко его использую. Но если у вас нет графического планшета, то это самый быстрый способ добавления цвета! Имейте в виду, что отменить неверное действие можно с помощью клавиш ALT + CTRL + Z!

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

Добавляем цвет волосам и одежде.

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

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

Потом платье

Затем рюкзак Рури…

Затем глаза и заколки … и вуаля! Базовые цвета нанесены!

Должен получиться примерно такой результат.

Автор урока: Amano Hikari

Перевод: Prescilla

Данный материал подготовлен для Вас командой сайта https://bakemono.ru

bakemono.ru

Как рисовать мангу — Введение в Adobe Photoshop. Раскрашиваем рисунок.

Итак, у нас есть эскиз. Вот этот.

Признаться, создавая эскизы, я меньше всего думаю об их аккуратности/чистоте/идеальности контуров – прежде всего из-за того, что в процессе раскрашивания всегда создаю новые контуры и избавляюсь от грязи – вместе с самим эскизом:)

Прежде всего, сканируем нашу картинку – процесс сей детально описан в других уроках.

После этого – блокируем слой с эскизом, уменьшаем его непрозрачность и – приступаем к раскраске:)

Раскрасим глаза.
Шаг 1.

В новом слое (назовем его Глаза) помощью инструментов Перо и Преобразовать точку создаем контур будущего глаза и заполним его белым.

Блокируем слой.

Шаг 2.

Создаем новый слой (его можно назвать ресницы, но лично я его обычно оставляю безымянным). Соответственно, в нем Пером рисуем контур ресниц. Заполняем его черным (или темным).

Шаг 3.

Создаем третий слой. С помощью инструмента Эллипс рисуем очертания радужки. С помощью Волшебной палочки выделяем «белый глаз» в слое глаза – и в третьем слое делаем заполнение выбранным цветом.

Шаг 4.

Создаем еще один слой. Набираем на клавиатуре заветную комбинацию Ctrl+t (при этом выбранным инструментом должен быть либо Перо, либо Выделение пути и т.п.), щелкаем правой кнопкой мыши и выбираем из появившегося списка Отразить вертикально. Рисунок, вроде бы остался прежним. Но это лишь на первый взгляд.

Щелкаем правой кнопкой мыши по активному контуру во меню Пути, выбираем Чертить путь. В открывшемся окошке в качестве средства выбираем инструмент Кисть и ставим флажок в Эмуляции давления и – естественно ОК.

Если получившийся рисунок похож на этот – вероятнее всего вы выбрали не ту кисть :)В таких случаях поможет еще одна заветная комбинация Ctrl+z – она позволит вам вернуться к статус кво и, повозившись с настройками кисти, нарисовать куда более аккуратный контур…

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

Шаг 5.

Теперь с помощью инструмента Эллипс рисуем зрачок и… нет, не делаем заливку черным цветом на очередном слое. Мы копируем слой с цветной радужкой и щелкаем на меню Пути кнопочку Выделить путь. При этом появляется выделение и мы… нет, не заливаем его черным цветом. Мы набираем на клавиатуре еще одну заветную комбинацию Ctrl+u и немного играем с настройками яркости.