Line Art Tutorial Recommended for Intermediate Level Photoshop Users
Сразу хочу успокоить вас и сообщить, что для успешного применения описываемой техники совсем не обязательно уметь рисовать. В основном это – трассировка. Создание хорошего контурного рисунка c помощью данной техники занимает часы… и, если вы рас- считываете, что работа заключается в быстром применении нескольких фильтров, то этот урок – не для вас.
Для успешного выполнения урока вам необходимо уметь работать с инструментом Pen (перо).
Все описываемые действия выполнены в Photoshop CS3, поэтому, при рабте в других версиях диалоговые окна программы могут выглядеть несколько иначе.
1) Подготовка слоев
Откройте фотографию в Photoshop и переименуйте слой Background в «original». Если ваша фотография достаточно темная, сначала осветлите ее, чтобы черные контуры, кото- рые мы будем наносить поверх изображения, можно было бы различить на его фоне.
Отрегулируйте яркость (Brightness) изображения, используя команду Adjustments>Brightness/Contrast из меню Image.
Сдублируйте (Ctrl+J) исходный слой, назвав новый слой «top».
Создайте еще два новых слоя (меню Layer>New>Layer или Ctrl+Shift+N), разместив их под слоем top.
Залейте один из новых слоев (расположенный над слоем oroginal) белым, переимено- вав его на background, а второй оставьте прозрачным, задав для него имя line art.
Сделайте невидимыми слои background и top, щелкнув по соответствующим значкам с изображением глаза в палитре слоев. Ваша палитра слоев должна теперь выглядеть так:
2) Настройка инструмента Brush (кисть)
При создании контуров вам потребуется менять толщину штриха (line weight), для придания вашему рисунку «глубины» в соответствии с правилами пер- спективы – чем «ближе» расположена линия, тем толще она должна быть. Кроме того, параллельные линии при удалении от наблюдателя сближаются, а контуры – становятся тоньше. В несколько утриро- ванном виде эти правила можно проиллюстрировать рисунком, приведенным справа:
Области, находящиеся в тени, так же изображают с более толстыми контурами, чем освещенные объекты.
Все это вы можете изучить, рассматривая контур- ные рисунки и комиксы.
Еще одна техника контурного рисунка заключает- ся в том, что используются лишь линии с двумя ви- дами контуров – более толстыми прорисовываются внешние контуры объекта, а тонкими – внутренние.
Перейдем теперь непосредственно к настройке кис- ти (Paint Brush) и настроим ее так, чтобы штрихи, наносимые ею сужались от начала к концу.
Щелкните инстумент кисть, затем выберите вклад- ку Brushes (кисти) в правой верхней части экрана:
Конкретные настройки для вашей кисти будут меняться в зависимости от типа рисуемых контуров и, особенно, от диаметра кисти. Ниже представлен один из вариантов:
Теперь перейдем в раздел Shape Dinamics (динамическое изменение формы):
1. Задайте для параметра Control режим Fade (затухание)
2. Задайте желаемое значение затухания
3. Задайте Minimum Diametr (Минимальный диаметр)
(На скриншоте показаны значения Fade=250, Minimum Diameter=27%, но вы можете по- добрать другую комбинацию этих параметров, которая понравится вам больше – поэкспе- риментируйте с двумя этими значениями)
Выберите в качестве foreground colour (цвет переднего плана) – черный (быстро сделать это можно, нажав клавишу D – цвета по умолчанию)
3) Создание контуров (Paths)
Начнем с центра изображения, которым в данном случае является лицо. Поскольку в качестве примера была взята фотография Scarlett Johansson, начнем с губ.
Только имейте в виду, что линия в точке, с которой начато построение контура, будет иметь наибольшую толщину, постепенно сужаясь к концу контура.
Убедитесь, что для инструмента Pen (перо) задан режим Create New Work Paths (Paths в Photoshop CS):
Создайте контур вокруг внешней части верхней губы, отрегулировав при необходимос- ти положение точек и расположение кривых участков инструментом Direct Selection Tool.
Когда вид контура вас удовлетворит, щелкните правой кнопкой мыши, не снимая выде- ления с конутура, и выберите в раскрывшемся меню пункт Stroke Path (обводка контура).
Щелкнув по пиктограмме глаза в палитре слоев, «верните» видимость слою background. Затем удалите вспомогательный контур (path), щелкнув правой кнопкой мыши и выбрав пункт delete path. Теперь ничто не мешает вам рассмотреть созданную линию. Если вы удовлетворены результатом, снова отключите видимость слоя background и переходите к созданию следующего контура. Если нет – вернитесь с помощью палитры History на ста- дию корректировки вспомогательного контура, нарисованного инструментом Pen и отре- гулируйте его:
Кроме того, полученную линию можно подправить с помощью инструмента Eraser (ластик):
Для создания линий, тонких с обоих концов и утолщающихся к центру (как у внешнего контура нижней губы на рисунке) в настройках кисти (раздел Shape Dynamics) для пара- метра Control измените режим Fade на Pen Pressure со значением Minimum Diameter=1%:
Для таких линий при обводке их с помощью команды Stroke Path включайте режим Simulate Pressure (имитировать нажим).
Периодически включайте видимость слоя background, чтобы оценить результаты на чистом белом фоне.
Для создания очень толстых линий, таких, как контуры бровей, мы рисуем замкнутый (то есть, не имеющий разрывов) вспомогательный контур (path), и, при создании линии выби- раем не обводку вспомогательного контура (Stroke Path), а его заливку (Fill Path):
Для создания геометрических фигур – овалов, кругов, квадратов и т.п. – используйте со- ответствующие инструменты Ellipse Tool, Rectangle Tool.
В этой статье мы рассмотрим, как можно создать контур для текста или объекта на изображении в Фотошопе. Сделать это совсем не сложно и времени займет немного. Сейчас Вы в этом убедитесь.
Как сделать контур текста в Фотошопе
Начнем мы с того, что сделаем контур для текста в Фотошопе . У Вас может быть изображение, на котором написан текст, или можете создать текст сами, выбрав подходящий размер и шрифт.
Я написала следующий текст, с помощью инструмента «Horizontal Type Tool» , и выбрала для него настройки, какие подчеркнуты на рисунке ниже.
Теперь нужно выделить наш текст. Про различные способы выделения , Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).
В настройках инструмента выбираем значение «Tolerance» (Допуск) – выделяет область с похожими по цвету пикселями, и убираем галочку напротив «Contiguous» (Смежные пиксели). Убрав галочку, можно будет выделить сразу все пиксели похожего цвета на всем изображении, даже если области с похожим цветом расположены в различных местах.
Кликаем Волшебной палочкой по тексту. В результате, он будет выделен. Если бы мы оставили галочку напротив «Contiguous» (Смежные пиксели), то выделилась бы только одна буква, по которой мы кликнули, и пришлось бы кликать по каждой букве, чтобы выделить ее.
Теперь давайте обведем текст. Наведите курсор на выделенную область и кликните по ней правой кнопкой мыши. Выберите из контекстного меню «Make Work Path» (Образовать рабочий контур).
В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК» .
Текст будет обведен тонкой линией. Чтобы ее увидеть, на панели слоев скройте слой, на котором написан текст – уберите глазик напротив него.
Делаем обратно слой с текстом видимым. Теперь нужно создать новый слой. Для этого на панели слоев кликните на кнопочку «Create a new layer» (Создать новый слой).
Оставляем выделенным созданный слой «Layer 1» .
Сделать контур в Фотошопе можно, используя различные инструменты: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Палец) и прочие. Но перед тем как его сделать, нужно настроить необходимые параметры для инструмента.
Мы будем создавать контур, используя «Brush Tool» (Кисть). Поэтому, выбираем ее на панели инструментов, и задаем желаемые параметры. Я выбрала жесткую кисть с размером 7 салатового цвета.
После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).
Кликните мышкой внутри выделенного контура и выберите из меню «Stroke Path» (Выполнить обводку контура).
В следующем окне из выпадающего списка выбираем инструмент, которым будем делать контур. Выбирайте тот инструмент, который Вы настраивали на предыдущем шаге. У меня это «Brush Tool» (Кисть). Нажмите «ОК» .
Контур текста будет обведен. В примере, кистью салатового цвета.
Чтобы удалить тонкую серую линию, которой изначально был обведен текст, нажмите «Backspace» . На рисунке через светлый контур просвечивается темная полоска – это уберет ее.
На этом все – мы сделали контур для текста в Фотошопе.
Вы можете сохранить изображение на прозрачном фоне , и потом добавить его на любое другое, без белого фона. Прочтите статью, перейдя по ссылке.
Для данного примера это делается так: разблокируйте слой «Background» , удалите слои «Background» и «сайт» , сохраните изображение в формате *.png или *.gif .
Как сделать контур для изображения
Теперь рассмотрим, как сделать контур для объекта на изображении . Создадим контур для этой розы.
Вы можете создать контур чего угодно: человека, здания, животного.
Открываем изображение или фото в Фотошопе. Теперь нужно выделить объект. Я буду использовать инструмент «Quick Selection Tool» (Быстрое выделение).
Выбираем его и кликаем мышкой по розе. Если ошибочно выделится ненужная часть изображения, зажмите «Alt» и кликните по ней мышкой, чтобы вычесть данную область из выделения.
Когда выделите нужный объект, нажмите по нему правой кнопкой мыши и выберите из меню «Make Work Path» (Образовать рабочий контур). Наша роза будет обведена тонкой серой линией.
На палитре слоев создаем новый слой и оставляем его выделенным.
Теперь перейдите к настройке инструмента, с помощью которого будете делать контур. У меня будет «Brush Tool» (Кисть) седьмого размера черного цвета.
Выбираем на панели инструментов «Path Selection Tool» (Выделение контура). Кликаем мышкой внутри выделенного контура и выбираем из меню «Stroke Path» (Выполнить обводку контура).
В следующем окне выберите тот инструмент, который настраивали.
Если отключить видимость основного слоя, получится следующее. Удалить тонкую серую линию контура можно клавишей «Backspace» .
Теперь тонкой кистью давайте прорисуем контура внутри изображения. Включаем видимость слоя с розой.
Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1» .
Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.
Программа Phoroshop помимо широких возможностей обработки готовых изображения, например, фотографий, предоставляет много разнообразных возможностей для рисования. Рисовать можно инструментами карандаш, кисть. При этом сразу создается растровое изображение. Исправлять нарисованное можно стирая созданные элементы резинкой.
Инструмент Pen Tool (Перо) предназначен для рисования векторных контуров. Векторные контуры можно сохранять, редактировать, увеличивать, уменьшать. Возможности этого инструмента безграничны. Но освоить работу с ним не просто.
Что такое контуры и зачем они нужны
Контуры - это векторные объекты-линии, служебные обьекты, которые позволяют легко и быстро создавать интересные изображения. В общем случае контур состоит из одного или более прямых или криволинейных сегментов. Узловые точки отмечают положение конечных точек сегментов контура. Форма сегментов контура определяется направляющими, выходящими из узловых точек.
Контуры сами по себе в Photoshop не имеют ни толщины, ни цвета. Они являются вспомогательным инструментом для выполнения различных действий: выделений сложной формы, построения изображений, для криволинейного расположения текста (вдоль какой-то кривой) и т.д.
Контур может быть замкнутым, не имеющим ни начала, ни конца (к таким контурам относятся эллипсы и произвольные многоугольники),
или открытым, имеющим отдельные конечные точки (например, зигзаг или волнообразная линия).
Контуры сохраняются в текущем документе совместно с растровыми объектами. Все имеющиеся в документе контуры доступны на палитре Paths (Контуры) .
Что можно делать с контуром?
1.Построить какой-либо контур, обвести его (команда Stroke Pass, нажимаете на контуре правой кнопкой - выбираете из меню), чтобы образовалась линия (указать инструмент для обводки, выбрав предварительно цвет, толщину и другие параметры);
2.Если контур замкнутый можно окрасить внутреннюю область в какой-либо цвет (команда Fill Pass, нажимаете на контуре правой кнопкой - выбираете из меню)или преобразовать контур в выделение (команда Make Selection, нажимаете на контуре правой кнопкой - выбираете из меню).
Рисование фигур (прямоугольников, эллипсов и т.д.) по своей сути представляет собой рисование встроенных контуров определенной формы, внутренняя область которых окрашивается в выбранный цвет.
Как рисовать контур произвольной формы?
Рисовать контур нужно инструментом Pen Tool (Перо).
Чтобы нарисовать прямолинейный контур вы определяете положение узловых точек контура щелчками мыши, а программа Photoshop автоматически соединяет их прямыми линиями.
Для создания криволинейного сегмента контура нужно щелкнуть точку изменения направления кривой и, не отпуская левую клавишу мыши, перемещать указатель. На холсте появится направляющая (она определяет изгиб сегмента) и кривая, которая будет плавно изгибаться вслед за перемещением мыши. Когда кривая примет требуемую форму и размер, нужно отпустить мышь.
Если при работе инструментом удерживать нажатой клавишу «Shift», будет создан контур правильной формы (соседние точки преломления будут располагаться под углами, кратными 45°, а точки сглаживания будут размещаться на дуге воображаемой окружности).
Инструменты группы Перо
Инструмент панели инструментов фотошоп Pen Tool (Перо) включает несколько инструментов:
инструмент Pen Tool (Перо) - предназначен для вычерчивания векторного контура (контур задается набором его узловых точек);
инструмент Freeform Pen Tool (Свободное перо)
- предназначен для вычерчивания векторного контура (контур задается набором нарисованных от руки линий);
инструмент Add Anchop Point Tool (Добавить опорную точку) - предназначен для добавления новых узловых точек к имеющемуся векторному контуру, с его помощью можно изменить форму контура, переместить узлы или направляющие;
инструмент Delete Anchop Point Tool (Удалить опорную точку) - предназначен для удаления существующих узловых точек из векторного контура, с его помощью также можно изменить форму контура, переместить узлы или направляющие;
инструмент Convert Point Tool(Угол) - предназначен для изменения типа узловых точек и формы существующих векторных контуров.
По умолчанию в группе «Перо активен инструмент Pen Tool (Перо), для выбора другого инструмента этой группы нужно нажать правую клавишу мыши на кнопке группы (не отпускать ее несколько секунд), а затем щелкнуть название требуемого инструмента в появившемся на экране меню.
Для вызова инструментов группы «Перо» служит также «горячая» клавиша «Р» . При нажатии этой клавиши активизируется последний использованный инструмент группы. Для переключения между инструментами группы нужно одновременно нажать клавишу «Р» и клавишу «Shift» (в результате каждого нажатия активизируется следующий по списку инструмент).
Панель настройки параметров инструмента Перо
На панели настройки параметров инструмента Перо необходимо отметить следующие элементы:
Далее с помощью соответствующих кнопок можно прямо с панели параметров перейти к инструменту Pen Tool (Перо), Freeform Pen Tool (Свободное перо), Rectangle Tool (Прямоугольник), Rounded Rectangle Tool (Прямоугольник со скругленными углами), Ellipce Tool (Эллипс), Polygon Tool (Многоугольник), Line Кнопки отвечают за установку того или иного режима комбинирования контуров (новый контур, добавление к существующему контуру, вычитание, пересечение контуров и т.д.) и аналогичны таким же настройкам инструментов выделения.
Для режима Shape Layers (Слой-фигура) есть кнопки
- Стиль - предназначен для выбора стиля, который будет использоваться при оформлении заливки контура. Щелкнув по кнопке раскрытия списка, можно просмотреть доступные образцы стилей Photoshop CS4
- Поле Цвет - предназначено для отображения и изменения цвета заливки контура. При щелчке мышью по полю на экране появляется диалоговое окно выбора цвета, в котором пользователь может задать желаемый цвет заливки контура.
Вам показалось, что все очень сложно? Ничего подобного! Простой пример . Попробуйте, все получится!
Приготовьте ещё небольшую иголку и салфетку/ватный диск. Ватный диск нам нужен на всякий случай — вытереть иголку, например, а ещё удобно иметь под рукой ватную палочку — ею легко стереть то, что не получилось, не повредив при этом остальной рисунок. Сегодня рисуем открытку к новому году контуром.
1. Обезжириваем поверхность, эскиз помещаем с обратной стороны стекла и аккуратно .
2. Контур перед нанесением я немного выдавливаю, чтобы понять какой он текучести. Из контуров на изображении: очень жидкий, — средний, — густой. О других контурах российских производителей был мой .
Если состав из тюбика сразу выливается — контур жидкий . Таким очень удобно рисовать, но линии получатся толстые и плоские, что иногда очень кстати. Здесь важно вести контур с одинаковой скоростью. Если где-то задержались — будет “наплыв”.
Если состав густой — контур выдавливается с трудом, его “носик” необходимо часто прочищать иголкой, иначе он внутри застывает и выдавливается кусками. Такой контур получится идеально ровным если его вести не по стеклу (как ручкой по бумаге), а немного над стеклом, как бы “укладывая” ровной линией, контролируя процесс.
Также густой контур легко подвинуть или совсем удалить после того, как он немного высохнет.
3. В рисовании контуром по стеклу главное — приспособиться. Сидеть желательно ровно, иметь опору на локоть, внешнее ребро ладони или мизинец.
4. Начинаем рисовать с верхнего левого угла, потому что можно своей же рукой стереть контур. При этом правым верхним мы можем сделать любой из углов рисунка, покрутив его))). Рисуйте, пока удобно. Поверьте, если вам не удобно, то контур получится кривой. Опора должна быть хотя бы на краешек мизинца.
5. Если мы рисуем полукруг или другую изогнутую линию — это легко сделать одним движением руки со статичным запястьем. Представьте, что ваша рука от локтя до кончиков пальцев — циркуль))). Круг будем рисовать тем же движением, но в несколько этапов.
6. Чтобы нарисовать линию без стыков , следите, чтобы как только выдавливаемый состав совсем немножко соприкоснулся с предыдущим, вы сразу продолжили линию, не задерживаясь на месте соединения линий.
7. Сложнее всего рисовать прямые линии . Здесь нужно немного потренироваться, прежде, чем получится действительно ровно. Не старайтесь нарисовать всю линию одним движением руки, всё равно у вас вряд ли это получится. Пусть вначале это будут небольшие штрихи с плавным стыком линии. Если линия небольшая, то рисуйте одним быстрым и уверенным движением руки.
8. Ниже эскиз для практики.
Сначала рисуем саму ёлку, затем, после того, как основные линии немного высохнут, прорисовываем “украшения”. Украшения могут быть любыми, на ваш вкус. Проще всего нарисовать точки, затем, когда начало положено, рисуем волны или любые другие завитушки (пример, расписана только завитушками ))) — попробуйте, у вас получится.
НЕ обязательно ровно, главное — смело))).
9. Затем попробуем нарисовать полоски вертикальные (рекомендую рисовать линии от себя, потренируйтесь рисовать именно вертикальные линии, иногда повернуть изделие невозможно и этот навык необходим) и горизонтальные (слева-направо).
10. Внизу нарисуем сугробы в виде, постарайтесь, чтобы они были на одинаковом расстоянии друг от друга.
11. И теперь шары — в несколько приёмов. Самый сложный элемент здесь — звезда. Постараемся и её нарисовать аккуратно и ровно — короткими чёткими штрихами.
Новогодняя открытка готова) Время работы - 10 минут
О секретах — в следующий раз.
Становится качественная работа с контурами. Сам абрис является линией, определяющей форму объекта. Один из самых полезных, удобных и функциональных инструментов Корела, о котором мы поговорим подробнее.
Как в CorelDraw сделать контур изображения. Настройка цвета, шага и других опций
Для создания нужен объект, который уже открыт в редакторе. Затем переходим во вкладку «Эффекты», здесь нам нужно выбрать «Контур».
Это меню можно открыть и воспользовавшись сочетанием «Ctrl + F9» .
Выбрав один из предложенных вариантов можно определить расположение по отношению к объекту.
Здесь можно определить шаг и смещение, указав в соответствующих полях нужные значения. Переходим к разделу «Цвет», нажав на среднюю пиктограмму вверху окна настроек.
Можно здесь задать варианты оттенка, обводки, с указанием подходящих цветов в выпадающих списках. Здесь может задаваться последовательность по изменению оттенка заливки , её можно выбрать, нажав на нужные нам пиктограммы.
Чтобы задать вариант ускорения перехода, следует перейти в раздел меню «Ускорение». Для перехода к нему следует нажать соответствующую кнопку вверху окна настроек.
После того как будут установлены всё соответствующие параметры, остаётся лишь воспользоваться кнопкой «Применить».
После этого создание завершено. Обязательно следует также отметить - возможно изменение всех параметров, используя команды на панели атрибутов.
Как убрать контур в CorelDraw
Действия здесь довольно просты. Достаточно будет сделать соответствующий контур просто бесцветным, или же установить для него цвет внутренней заливки. Мы выше уже рассматривали, как можно редактировать цвет. Для этого просто выделяем необходимый контур, а справа внизу находится кнопка, открывающая его свойства. Здесь и можно задавать подходящие параметры для обесцвечивания.
Как в Кореле обвести картинку по контуру
Кроме основного средства «Перо», наборы инструментов по обводке предоставляют пользователям дополнительные возможности для работы. В частности, следует отметить панель инструментов, панель атрибутов и другие инструменты.
Как отмечают опытные иллюстраторы, в этом отношении самый мощный инструмент обводки - как раз работа с диалоговым окном Outline Pen. Хотя во многих случаях вполне достаточно панели «Контур».
Мы рассмотрели основные возможности по созданию, удалению и обводке. В остальном же Корел предлагает ряд дополнительных параметров по редактированию - остаётся лишь определиться со своими приоритетами и находить свободное время для творческих экспериментов и проявления своего авторского видения идеального дизайна.