Как обрисовать контур в фотошопе: Заливки и обводки

Пиксели и контуры в фотошопе, растровая и векторная графика

Для начала разберёмся, что такое векторная, а что — растровая графика.

Растр

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

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

Однако есть в таком подходе и достоинства: выглядит растровый рисунок живо, естественно, цвета передаёт великолепно.

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

Вектор

Векторные редакторы (CorelDRAW, Adobe Illustrator) работают с графическими примитивами, с которыми мы как раз знакомились в предыдущем уроке — линиями, прямоугольниками, окружностями и т. д. Вместо информации о каждом пикселе они хранят описывающие фигуру математические формулы.

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

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

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

и Пикселы.

Контур

Создайте новый документ Photoshop, выберите для рисования одну из геометрических фигур, в списке Режимы щёлкните на пункте Контур.

Нарисуйте фигуру и посмотрите на панель слоёв. Слой-фигура создан не был, на фоновом тоже ничего нет. Всё это потому, что контуры — вспомогательный инструмент. Их не видно при сохранении рисунка в графический файл и на панели слоёв они находятся в отдельной вкладке.

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

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

Пикселы

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

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

Знакомство с фигурами полностью завершено. Дальше мы будем говорить об инструментах группы

Перо.

Полезные ссылки:

Как сделать текст с обводкой в фотошопе. Обсуждение на LiveInternet

Как сделать текст в фотошопе

Для начала откроем в программе Adobe Photoshop (Фотошопе) картинку, на которой мы хотим написать поздравление.

Идем в главном меню, выбираем File (Файл) и в открывшемся меню выбираем команду Open (Открыть). Откроется диалоговое окно, в котором нужно найти папку с нашим изображением и открыть его в Фотошопе.

Для написания текста в фотошопе нужно выбрать инструмент T (Текст или TypeTool) на панели инструментов (на картинке инструмент Т помечен красным квадратиком).

Обводка выделенной области

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

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

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

Вот как можно добавить контур по краю изображения:

Шаг 1

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

Шаг 2

Выберите команду меню Редактирование => Выполнить обводку (Stroke). В диалоговом окне введите значение в пикселях в поле Ширина (я поставил 10 пикселей), а затем щелкните мышью по индикатору цвета. Выберите цвет из появившейся палитры и нажмите кнопку ОК. Вернувшись, установите переключатель в группе Расположение в положение Внутри, чтобы контур появился только внутри границ изображения.

Шаг 3

Нажмите кнопку ОК, чтобы просмотреть новый контур.

Чтобы обвести кого-то на фотографии, вам нужно будет выполнить в основном те же шаги:

Шаг 1

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

Шаг 2

Выберите команду меню Выполнить обводку, введите ширину и подберите цвет. Нужно, чтобы она была не менее 2 пикселов в ширину: так круг будет достаточно жирным, чтобы его можно было заметить. В группе Расположение установите переключатель в положение По центру, тогда Фотошоп разместит обводку по . Например, если вы ввели ширину 2 пиксела, программа расположит один пиксел с внешней стороны выделения и один с внутренней (другими словами, она «перешагнет» через выделение).

Шаг 3

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

Теперь можете избавиться от «марширующих муравьев», нажав сочетание клавиш Ctrl+D.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Как добавить текст в фотошопе

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

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

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

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

Контур, тень, а также градиентная и узорная обводка текста

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

Вот так может выглядеть ваш рисунок.

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

Также вы можете попробовать тиснение – контур.

Или добавить в текст тень, чтобы буквы были выпуклыми. Я не буду уделять этому много внимания. Тут все понятно и просто. Просто тыкайте в разные штуки и пробуйте. Все, до чего вы доходите сами – запоминается намного лучше.

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru

.

Тут есть кисти, рамки, красивые шрифты, шаблоны и текстуры. То, что нам сейчас и нужно.

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

Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

Теперь нужно загрузить узоры.

Найдите файл в папке, в которую у вас загружаются скачанные из интернета документы. Если вы не видите или не можете найти, то попробуйте разархивировать то, что только что загрузили. Вытащите документы из архива win rar.

То есть, вы загрузили архив в папку, допустим «Загрузка». Нашли «Загрузку» на своем компьютере. Потом отыскали по названию документ, который только что скачали, открыли ее, схватились за файл с расширением.pat и перенесли ее в папку «Загрузка». Все, вы видите нужный узор через фотошоп и в состоянии его загрузить.

Готово. Узоров стало больше! Можете применять к тексту.

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

Далее вы можете пройти курс для начинающих веб-дизайнеров

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

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

Каждому, как говорится, свое.

Однако мне, как руководителю проектов веб-студии необходимо разбираться в дизайне и контролировать работу своих сотрудников. Поэтому я не смог пройти мимо другого курса, на нетологии — Веб-дизайнер: эффективный сайт от идеи до реализации

.

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он . Это была точка.

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

Ну, что-то я совсем забыл о времени. Удачи вам в ваших начинаниях и до новых встреч. Совсем скоро вас ждут новые статьи о фотошопе. Не пропустите.

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект. Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Как выбрать цвет и размер текста в Фотошопе

Рядом с окошком для выбора шрифта находится окошко для выбора размера шрифта, в котором необходимо выбрать размер шрифта.

Далее выбираем цвет текста. На Панели настроек инструмента расположен цветной квадратик, который отвечают за выбор цвета . Нужно навести курсор на квадратик, при этом появится надпись «Задайте цвет текста». При нажатии на этот квадратик откроется Палитра основных цветов, где выбираем цвет.

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

Теперь можно приступать к написанию текста. В нашем случае мы напишем слово «Поздравляю!» и возьмём цвет для текста с зелёной ленты на картинке. Получилась вот такая надпись:

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

Для этого откроем палитру «Стиль слоя», которая находится на нижней панели палитры «Слои» и обозначается значком fx.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0

».

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

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект. Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Как сделать обводку текста в фотошопе

В открывшемся окне выбираем «Параметры наложения» и затем выбираем стиль слоя «Обводка», при этом появляется окно настроек стиля.

Настройка «Размер», которая изображена в виде ползунка, позволяет установить нужную ширину обводки. Выбираем параметр для обводки 3 пикселя и применяем выбранный стиль к нашему тексту.

Следующий параметр «Положение» отвечает за расположение обводки – выбираем параметр «снаружи». «Режим наложения» устанавливаем «нормальный» и «непрозрачность» устанавливаем 100%.

В параметре «Тип обводки» выбираем цвет в палитре цветов. В нашем случае выбираем чёрный цвет.

Другое диалоговое окно «Обводка»

Второй способ сделать обводку слоя — это выбрать пункт меню «Слой», а далее — «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее — «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Эффекты с текстом в фотошопе

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

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

Кроме параметра «Обводка» к слою текста можно так же применить любые параметры наложения слоя, например, тень, тиснение, внутренняя тень, внутреннее свечение, глянец и другие параметры.

Теперь наш текст, с применённым к нему параметром наложения «обводка», выглядит более ярко.

Чтобы передвинуть текст необходимо активировать инструмент «Перемещение» и с помощью данного инструмента расположить надпись в нужном для нас месте.

Как обвести текст

Мы имеем три слоя – фон, изображение, текст.

Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

1. Двойным щелчком по слою в палитре;
2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

3. Нажатием на иконку стилей fx

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

В этот момент активным должен быть тот слой, с которым мы работаем.

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

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

Для наглядности мы заменили цвет обводки на зеленый и обозначили контур букв белой полосой.

Функцию Режим наложения

рассматривать в уроках для начинающих нет смысла. Ее не часто используют даже продвинутые мастера фотошопа. Это взаимодействие с нижним слоем. Оставим без изменений режим Нормальный.

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

, соответственно, отвечает за прозрачность обводки. Меняется передвижением ползунка либо введением числового значения в процентах.

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной , то эта часть контура тоже станет прозрачной.

Как изменить текст в Фотошопе

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

Если нужно немного сжать текст или растянуть, то применяем команду «Свободное трансформирование».

Для этого идём на Панель управления и открываем вкладку «Редактирование». В появившемся окне выбираем «свободное трансформирование», при этом вокруг текста появится рамочка, с помощью которой можно растянуть или сжать текст или же повернуть текст.

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

Изменение цвета текста и его шрифта выполняется, как было описано выше.

Второй слой

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

1. Итак, для начала вы должны написать любой текст. Сделали? Молодцы! И теперь зажмите клавишу CTRL и нажмите на иконку «Т» в панели слоев. После этого у вас ваш текст должен выделиться пунктирной линией.

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

3. Далее мы идем в верхнее меню и выбираем пункт «Выделение» — «Модификация» — «Расширить». В появившемся окне мы должны выбрать, насколько расширить нашу выделенную область. В своем примере я выберу на 3 пикселя, но вы можете экспериментировать. После чего нажимаем ОК.

4. И следующим шагом нам нужно будет выбрать инструмент «Заливка» и сменить цвет кисти на черный (ну или какой-либо еще). Ну а дальше заливаем выделенную область и смотрим на результат.

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

Вот пара примеров того, что у меня получилось.

Кстати, если вы помните, то заливать область вы можете не только областью, но и какой-нибудь текстурой, тогда эффект может получиться еще интереснее. Так что всё в ваших руках. Ну а если вы всё же захотите изучить фотошоп с нуля буквально за пару недель, то я вам настоятельно рекомендую изучить этот классный видеокурс. Он просто потрясающе сочетает в себе простоту, легкость и полезность. смотрится просто на одном дыхании. А по промокоду KOSKOMP_E73 вы получите скидку 10% от стоимости курса!

Ну а я с вами на сегодня прощаюсь. Надеюсь, что мой сегодняшний урок вам понравился и был полезным. Так что не забывайте подписываться на мой канал и делиться в социальных сетях данными материалами. Ну а я в свою очередь постараюсь вас радовать своими статьями, поэтому заходите на мой блог в любое время. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Как вставить текст в Фотошоп

Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).

Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

К вставленному тексту можно применять все описанные ранее действия, а именно: изменения шрифта, цвета, применения к тексту стиля слоя и другие доступные в Фотошопе эффекты.

Обводка текста по контуру

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

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

Описанные выше два способа обводки не взаимозаменяют, а взаимодополняют друг друга. Преимущество первого в том, что линию можно регулировать и затем возвращаться к регулировке, а также копировать и применять к другим слоям, в том числе в других файлах. Преимущество второго – в том, что обводка в «Фотошопе» будет выглядеть более художественно, так как в выборе кистей нет никаких ограничений.

Создайте новый файл и добавьте текст

1. Создайте пустой документ в Photoshop , и задайте ему размер 1000 на 500 пикселей . Для данного примера мы воспользуемся простой графикой для веб, и поэтому разрешение документа будет составлять 72ppi . Если же вы планируете пустить эту работу в печать, то не забудьте установить разрешение 300ppi ;
2. Теперь нужно добавить текст. Я воспользовалась бесплатным шрифтом под названием Folk . Хотя для примера подойдет любой полужирный шрифт.

Выберите инструмент «Текст », нажав клавишу T , или выберите его на панели инструментов:

1. В панели параметров, которая должна появиться в самом верху окна, выставите размер 280 pt (если используете другой шрифт, то размер может быть другим ). Установите светло-синий цвет (#0099ff ):

Чтобы изменить цвет текста в Фотошопе , кликните по цветному квадратику в панели опций, после чего откроется палитра цветов:

Как только разберетесь с настройками, переведите фокус ввода на документ и напишите какой-нибудь текст:

После этого кликните по какому-нибудь другому слою или по галочке на панели опций:

Создаем стиль слоя

1. Теперь к только что созданному красивому тексту в Фотошопе нужно применить стиль «Обводка ». Кликните по слою с текстом, и удостоверьтесь, что он выделен. Затем нажмите на иконку «Добавить стиль слоя » в самом низу панели. В выпадающем списке нужно выбрать «Обводка »:

1. Перед вами откроется диалоговое окно с настройками стиля. Не забудьте поставить галочку возле параметра «Просмотр », чтобы видеть изменения, которые вы вносите. Установите размер 5px .

Переключите «Положение » на «Внутри ».

Режим наложения оставляем «Нормальный », а «Непрозрачность » на 100% . В качестве цвета выбираем белый:

Сейчас текст в Фотошопе выглядит немного странно, так как располагается на белом фоне, и при этом имеет белую обводку. Далее мы добавим еще одну обводку, и все станет гораздо интереснее.

1. Нажмите по названию стиля «Обводка », который находится рядом. Установите размер 8px . Выставите «Положение » на «Снаружи ».

Режим наложения оставляем на «Нормальный », а уровень непрозрачности на 100% . В качестве цвета выставляем светло-синий (#0099ff8 ):

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

1. Пока что не нажимайте «ОК ». В меню с левой стороны нажмите по стилю «Тень ». Давайте добавим небольшую тень того же цвета, что и текст, но так, чтобы она была слегка смещена. Режим наложения устанавливаем на «Умножение ». Цвет используем все тот же — #0099ff8 . Такая тень будет выглядеть привлекательнее, чем увесистая черная.

Уровень непрозрачности ставим на 100% . В рамках данного примера подойдет любой угол отбрасывания тени. Смещение выставляем на 10px . Размах на 10% Размер на 10% :

Теперь нажимаем «ОК », и получаем примерно такой текст в Фотошопе :

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

Диалоговое окно стиля русскоязычном и англоязычном Photoshop:

Размер (Size)

С помощью этого ползунка можно изменять толщину обводки, значения указываются в пикселях

Положение (Position)

Интерфейс опции выполнен в виде выпадающего списка, состоящего из трёх пунктов, задающих положение обводки относительно края объекта: Снаружи (Outside) — обводка находится за краями объекта Внутри (Inside) — внутри краёв Из центра (Center) — середина обводки совпадает проходит по краю объекта

С этим всё понятно. А теперь о тонкостях взаимодействия с другими стилями. На рисунке ниже я привёл примеры. Обводку частично перекрывает стиль слоя «Тиснение» (Bevel and Emboss) , но в свою очередь, обводка перекрывает внешнюю Тень (Drop Shadow), а стили «Наложение узора» (Pattern Overlay), «Наложение цвета» (Color Overlay) её не перекрывают:

Режим наложения (Blend Mode)

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

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

Эта опция регулирует прозрачность обводки. С этим всё понятно, но здесь также присутствует одна особенность. Если обводка имеет положение «Внутри» или «Из Из Цвет»

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

«Узор»

заполняет обводку паттерном (готовым узором) по принципу стиля слоя «Наложение узора» (Pattern Overlay) .

Опция «Градиент»

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

Прежде всего, мы можем настроить градиентную заливку. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл. Проставленная галка в чекбоксе «Инверсия» развернёт на 180° направление градиента. Градиент настраивается так же, как и в стиле Наложение градиента(Gradient Overlay) .

Но тут имеется одно важное дополнение, это дополнительный стиль градиента — «Разбивка фигуры»

, в англ. версии —
«Shape Burst»
:

Эта опция направляет градиент перпендикулярно краю фигуры или слоя, к которому применяется стиль. С помощью неё мы можем получить полосы вдоль контура слоя. Этот стиль применён к нижнему тексту на рисунке:

Фотопроект. Работа с путями (Path) в Photoshop. Статьи. Фотошкола

Оглавление

• Предисловие.
• Что такое путь, или Немного теории.
• Инструменты Adobe Photoshop для работы с путями.
• Учитесь работать быстро.
• Сколько ставить точек, или чем хороший путь отличается от плохого.
• Многовариантность построений, или Чей путь лучше.
• Несколько размышлений о практической работе с путями.
• Редактирование путей.
• Что можно делать при помощи путей.
• Как сделать изолят.

Предисловие

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

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

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

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

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

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

Что такое путь, или Немного теории

Путь (Path) в Photoshop это векторное включение в растровую картинку. Он может использоваться как самостоятельно (атрибут Clipping Path, Vector Mask), так и в качестве заготовки для последующих операций по обработке изображения: создания выделений, обрисовки инструментами и т.д.

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

Кривая Безье состоит из опорных точек (Anchor Points) и отрезков, которые их соединяют. Эти отрезки могут быть прямолинейными или криволинейными. В первом случае путь представляет собой ломаную линию, во втором кривую. Для задания параметров кривой, выходящей из опорной точки, используются направляющие, в простонародье часто называемые усами. Направление уса задает касательную к дуге на выходе из опорной точки, а длина уса степень ее кривизны.

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

На рисунке приведены примеры, иллюстрирующие описанное выше:

1. Ломаная линия.
2. Кривая линия.
3. Зависимость угла выхода кривой из опорной точки от положения направляющей.
4. Зависимость кривизны кривой от длины направляющей.
5. Точки перегиба кривой.
6. Точки перелома кривой.

Инструменты Adobe Photoshop для работы с путями

Пути находятся на палитре Paths. Если начать строить новую кривую, когда ни один из путей не активен, кривая будет построена в автоматически создавшемся пути Work Path. Иначе кривая будет строиться в активном пути.

Обратите внимание: путь Work path может быть только один. Поэтому если вы его создадите, деактивируете и начнёте строить новую кривую, существующий Work Path будет уничтожен вместе со всеми содержащимися в нём кривыми. Вместо него Photoshop создаст новый Work Path с новым контуром.

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

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

Freeform Pen Tool практически не представляет интереса при обтравке объектов, но подойдет иллюстраторам для построения вспомогательных путей, необходимых для художественной обработки картинки. Логика работы: рисуете произвольную кривую и сразу после отпускания кнопки мыши она превращается в путь.

Add/Delete Anchor Point Tool братья-близнецы. Предназначены для добавления/удаления опорных точек. Логика работы Add Anchor Point Tool: наведите инструмент на путь в любом его месте, кликните в этом месте пути добавится опорная точка. Длина направляющих соседних опорных точек будет пересчитана таким образом, чтобы форма кривой сохранилась. Логика работы Delete Anchor Point Tool: кликните по опорной точке активного в данный момент пути эта опорная точка удалится. Длина направляющих соседних опорных точек будет пересчитана таким образом, чтобы новый путь был максимально близок к исходному.

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

Convert Point Tool или галочка инструмент для работы с направляющими. Логика работы: кликните на опорную точку и, не отпуская кнопку мыши, потяните ее в сторону. Инструмент поведет себя так же, как перышко (см. выше). Кликните по опорной точке, имеющей направляющие они будут удалены. Кликните по крайней точке направляющей и, не отпуская кнопки мыши, потяните её направляющие для этой опорной точки будут развязаны, и вы сможете управлять одной из них.

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

Path Selection Tool (аналог Selection Tool в Adobe Illustrator) или черная стрелка выделяет весь путь целиком и позволяет его двигать.

Direct Selection Tool или белая стрелка инструмент для работы с отдельными элементами пути. Позволяет выделять и передвигать их. Выделение элемента возможно либо непосредственным кликом на нем (для выделения дополнительных элементов кликните по ним, держа нажатой клавишу Shift), либо выделением области нажмите на кнопку мыши и, не отпуская, потяните курсор в сторону. После выделения нужной области отпустите кнопку мыши. Все элементы путей, попавшие в эту область, будут выделены.

Особенности работы:

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

Есть еще группа инструментов для построения путей стандартных форм: прямоугольники, эллипсы и т.д., но они подходят для обтравки еще меньше, чем Freeform Pen Tool, и интереса для нас не представляют.

Учитесь работать быстро

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

Немного истории.

Первая мышь была изобретена Дугласом Энгельбартом в Стэндфордском университете. Она имела одну кнопку. Это было в 1962 году. А в 1968 году он же продемонстрировал мышь с трёмя кнопками. По его словам, он хотел сделать пятикнопочную мышь. Дальше мышью занималась компания Xerox. В начале 70-х она стала комплектовать ею один из своих компьютеров. После приобретения у Xerox лицензии на использование оконного интерфейса (да-да, форточки придумала Xerox) перед Apple встал вопрос: сколько кнопок делать на мыши?

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

Вопрос расширения функциональности был решен красиво задействовали простаивающую руку. Под левую руку на клавиатуре поместили четыре клавиши (Command, Option, Control и Shift). Зажав их в различных комбинациях, оператор изменял функциональное назначение единственной кнопки мыши. В результате появилась мышь с 16 виртуальными кнопками. Можно сколько угодно смеяться над ретроградами из фруктовой компании, которые долго отказывались добавлять вторую кнопку, и доказывать удобство вызова контекстного меню правой кнопкой мыши без привлечения второй руки. Но иметь до шестнадцати инструментов, подвешенных на одной кнопке, в работе гораздо удобнее, чем одно контекстное меню. Разработчики программного обеспечения, сотрудничавшие с Apple (в том числе и Adobe), активно использовали эту идею в своих программных продуктах. Вместе с их адаптированными версиями она пришла и на платформу Windows.

Хотите работать с путями быстро забудьте обо всех инструментах, кроме пера! Не надо переключаться между ними. При нажатии комбинации управляющих клавиш перо может временно (пока нажаты клавиши) переключаться во все эти инструменты. Я приведу список для Mac’а, потренируйтесь, и вы найдете эквивалентные сокращения на PC (Mac Cmd соответствует PC Ctrl):

• Pen Tool + Cmd = Direct Selection Tool.
• Pen Tool + Alt = Convert Point Tool.
• Pen Tool + навести курсор на отрезок активного пути = Add Anchor Point Tool.
• Pen Tool + навести курсор на не концевую опорную точку активного пути = Delete Anchor Point Tool.
• Pen Tool + Ctrl = Выпадает меню из палитры Path.
• Pen Tool + Cmd+Alt+ однократный клик мыши на пути = Path Selection Tool выделяет данный путь целиком.
• Pen Tool + Cmd+Alt + клик мышью на путь и движение мыши, не отпуская кнопку = Direct Selection Tool с дублированием: выделяет данный путь и копирует его на новое место.

И еще одно очень важное клавиатурное сокращение. Если у вас выбран любой инструмент, кроме инструментов работы с текстом непосредственно в момент его редактирования, нажатие на пробел превращает его в лапу (Hand Tool). Таким образом, вы можете оперативно двигать перед собой область редактирования, не используя инструменты изменения масштаба изображения и прокрутки экрана.

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

1. Ставим первую точку пути и, не отпуская кнопку мыши, вытягиваем из нее направляющую с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

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

3а. Если это точка перегиба, отпускаем кнопку мыши и, зажав Cmd (временно получив таким образом Direct Selection Tool), исправляем длину передней направляющей последней опорной точки с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

3б. Если это точка перелома, не отпуская кнопку мыши и зажав Alt (см. логику работы Pen Tool), исправляем длину и направление передней направляющей последней опорной точки с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

4. Повторяем шаги 2-3, пока путь не будет построен.

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

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

По опыту обучения людей могу сказать, что самостоятельно поработав 2-3 дня и внимательно следя за выполнением данной методики, человек стабильно выходит на уровень среднего обтравщика. Технически он работает грамотно, инструменты применяет эффективно без потери времени на переключение между ними и возврат к уже построенным элементам пути и ему остается только развивать способность видеть, где надо ставить следующую точку и как растянуть направляющие, чтобы путь сел на контур объекта.

Сколько ставить точек, или Чем хороший путь отличается от плохого

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

Чтобы проще было в этом разобраться, посмотрите на рисунок:

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

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

Как я уже говорил, вся работа делается на лету: наметили примитив, сразу его построили, намечаем следующий. Чтобы не попадать в ситуации не знаю, куда теперь поставить следующую точку, каждый раз намечая текущий отрезок, прикиньте на 1-2 отрезка вперед. Попробуйте понаблюдать за изменением формы примитива, двигая направляющие, и прочувствовать ее. Это позволит вам понять, какие участки контура можно отобразить с помощью одного примитива, а какие нельзя, и, следовательно, придется разбивать на более короткие отрезки. Еще это сильно поможет с построением направляющей из первой точки отрезка (пункт 3а-3б в последовательности построения пути), ведь ее придется выставлять, еще не видя самого отрезка.

Не пугайтесь, все это проще делать, чем описывать. Тренируйтесь сразу на реальных работах. Во-первых, это имеет практическую пользу. Во-вторых, лучше откладывается в памяти. Через 2-3 десятка работ вы будете контурить уверенно и быстро. И всегда следите за соблюдением двух принципов:

1. Не ставь лишних точек. Не строй 2 примитива там, где можно обойтись одним. Любая лишняя точка ухудшает плавность кривой, создает паразитные искажения и снижает пригодность пути к редактированию. Кроме того, это лишние движения мышью и потеря времени.
2. Не жадничай. Ставь точку, если она нужна. Если участок контура невозможно передать одним примитивом, разбей его на несколько.

Многовариантность построений или, Чей путь лучше?

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

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

Этот простой пример хорошо иллюстрирует основную идею обтравки: неважно, как конкретно вы построили путь, важно, чтобы он хорошо передавал требуемую форму и был построен быстро.

Несколько размышлений о практической работе с путями

Про точки перегиба и точки перелома.

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

Точки перелома можно разделить на внутренние (когда угол, задаваемый контуром, направлен внутрь изображения) и внешние (когда угол, задаваемый контуром, выступает из изображения). Внутренние встречаются достаточно часто. Например, на пересечении объектов: столб на фоне горизонта; карандаш в руке; нога, закинутая на ногу; линейка, лежащая на краю листа, все эти объекты дадут на пересечении внутренние точки перелома.

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

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

Про длину направляющих

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

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

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

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

По опыту работы могу порекомендовать делать каждую такую направляющую 20-40%% от длины отрезка (см. правый рисунок). Точное понимание необходимой длины придет со временем.

Про скруглённые углы

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

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

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

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

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

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

Про прямые

Человек устроен так, что получает информацию с помощью глаз, а воспринимает с помощью мозга. Что из этого следует? Мы воспринимаем картинку не объективно, такой, как она есть в реальности, а субъективно додумывая некоторые вещи на основе наших знаний и опыта. Мы знаем, что: линия горизонта прямая; веревка, на которой подвешен груз (отвес) прямая; угол дома прямая; и т.д. Глядя на фотографию, мы воспринимаем все эти объекты как прямые линии… пока дело не доходит до обтравки.

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

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

• Линия, воспринимаемая нами как прямая.
• Попытка аппроксимировать ее математически заданной прямой.
• Решение вопроса кривизны.

Поставьте в центре отрезка пути дополнительную опорную точку, растяните направляющие в соответствии с общим правилом 20-40%%, позиционируя среднюю точку и ее направляющие, посадите путь на контур объекта.

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

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

Про отклонение обтравочного пути от реального контура объекта. Техническая сторона вопроса.

Контур объекта это просто кладезь всевозможных дефектов и искажений. Нерезкость при непопадании в ГРИП, дифракция света, паразитные блики и рефлексы, хроматические аберрации объектива, следы от шарпинга все это в большей или меньшей степени вы найдете на границах объекта.

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

Из личной практики:

• Никогда не травите объект при масштабе изображения на экране 100% и меньше. Или получится неаккуратно, или потеряете много времени на попытки посадить точки пути на контур.
• Оптимальный масштаб изображения на экране при обтравке объектов без мелкой детализации, снятых крупным планом 200%.
• Объекты с мелкой детализацией или снятые средним планом 300%.
• Очень детализированные объекты (или стоит задача сделать очень реалистично) 400%.
• В дальнейшем увеличении смысла нет, так как все равно никто это не рассмотрит.

Про степень детализации при обтравке. Художественная сторона вопроса.

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

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

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

Занимаясь художественной коррекцией контура, не забывайте одну очень важную вещь: контур как художественный объект живет не сам по себе, а в тесном взаимодействии с изображением объекта.

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

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

Можно сформулировать одно достаточно простое правило: чем более искусственным по своему происхождению и новым является объект и чем из более твердого материала он сделан, тем сильнее можно сглаживать контур, сохраняя натуральность общего внешнего вида. Чем менее искусственным и новым является объект и чем из более мягкого материала он сделан, тем меньше возможность сгладить контур, сохраняя натуральность общего внешнего вида.

Редактирование путей

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

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

Во-вторых, редактировать пути можно стандартными средствами Photoshop. Когда путь активен, меню Edit \ Transform превращается в Edit \ Transform Path. Таким образом, к пути можно применять все стандартные трансформации, аналогичные трансформациям изображения.

Важно помнить:

• если на палитре Paths выделен путь, но ни один из его контуров не активен (не выделен при помощи инструментов Path Selection Tool или Direct Selection Tool) трансформироваться будут все контуры пути;
• если выделена только часть контуров или их отдельные элементы трансформироваться будут только эти контура или элементы.

В-третьих, путь можно править с помощью Adobe Illustrator. Остановимся на этом способе поподробнее.

Построив путь, дайте команду File \ Export Paths to Illustrator. В дополнительном меню вы можете выбрать, какой из путей, находящихся на палитре Paths, вы хотите экспортировать, либо экспортировать все пути одновременно. В результате выполнения этой команды, вы получите файл ***.AI, который сможете открыть в Illustrator.

После открытия в Illustrator переключитесь в режим отображения View \ Outline и вы увидите ваш путь и четыре пары нарисованных под прямым углом друг к другу черточек. Это метки реза, они задают границы исходной картинки. Дайте команду Object \ Crop Area \ Release вместо меток реза на экране появится прямоугольник, соответствующий границам исходной картинки. Ни в коем случае не удаляйте его и не сдвигайте относительно него экспортированные пути после всех необходимых преобразований путей он позволит вам быстро и безболезненно вернуть их в исходную картинку, избежав проблем с позиционированием.

Когда вы будете готовы вернуть пути обратно в Photoshop, просто выделите их вместе с задающим формат прямоугольником, скопируйте (Copy) и вставьте (Paste) в Photoshop. В появившемся меню Paste выберите опцию Path. Ваш путь, скопированный из Illustrator, будет вставлен в активный в данный момент путь на палитре Paths, или, если ни один из путей в данный момент не активен в созданный заново путь Work Path (не забудьте, что такой путь может быть только один, и, если он уже был в вашем файле, старый путь Work Path будет уничтожен вместе со всем содержимым).

Важно!!! Обратите внимание. При любых операциях вставки (Paste) Photoshop позиционирует центр вставляемого объекта по центру видимой на экране области изображения. Поэтому, чтобы путь встал на прежнее место, необходимо, чтобы на экране была видна вся картинка. Проще говоря, перед тем, как вставлять путь, дайте команду View \ Fit on Screen (Cmd+0). Прямоугольник, соответствующий границам картинки, отцентрируется по этим же границам, а вместе с ним на свое место встанут все пути. В конце всех операций не забудьте удалить этот прямоугольник.

Теперь вернемся к главному вопросу: ради чего мы городили весь этот огород и что же можно делать с путями в Adobe Illustrator? Возможности обработки кривых в Illustrator гораздо богаче, чем аналогичные возможности в Photoshop, что вполне естественно для специализированной программы. Вы можете воспользоваться любыми из них. Какими конкретно зависит только от стоящей перед вами задачи и вашего воображения. Чтобы подтолкнуть его, приведу несколько примеров.

Пример 1. Равномерное раздувание пути наружу или заваливание его внутрь.

В полиграфии существует такое понятие: вылет. Если изображение стоит в край обрезного (или, что аналогично, вырубного) формата, оно должно продолжаться за линией реза (высечки) на некоторое расстояние (обычно 2-5 мм). Делается это для того, чтобы при отклонении ножа (штампа) от заданной линии реза (высечки) а такое отклонение бывает всегда из-за погрешностей оборудования у картинки не образовалась по краю белая полоса.

Для вырубки фигуры я построил путь по ее контуру (в дальнейшем этот путь использовался при изготовлении штанц-формы), штампом растиснул изображение фигуры по краю. Теперь мне надо обрезать изображение на расстоянии 2 миллиметра от контура высечки, чтобы все выглядело аккуратно и работать печатникам и высекальщикам было легче. То есть, мне нужен путь, отстоящий на 2 миллиметра наружу от уже имеющегося.

Экспортирую контур высечки в Illustrator, выделяю его, даю команду Object \ Path \ Offset Path, в поле Offset появившегося меню задаю 2 mm, удаляю исходный путь, новый путь перебрасываю в Photoshop. Задача решена.

Обратная ситуация: делаю изоляцию, строю путь для вырезания предмета. При вырезании слегка размываю границу, чтобы не было эффекта картинки, вырезанной ножницами. При этом я хочу сохранить для заказчика путь, по которому он сможет качественно вырезать картинку. Оставлять уже построенный путь нельзя из-за размытия границы картинки при вырезании по этому пути на границе объекта получится тоненький ореол, имеющий цвет фона. Решением проблемы может стать новый путь, равномерно заваленный внутрь относительно исходного на 1-2 пикселя.

При разрешении картинки 300 dpi один пиксель имеет размер 25,4 мм / 300 = 0,09 мм. Производим все операции, описанные выше, только в поле Offset вводим значение -0,09 mm (-0,18 mm если надо сдвинуть путь на 2 пикселя). Задача решена.

Пример 2. Пересекающиеся друг с другом и самопересекающийся пути.

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

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

Выделю кривые, соответствующие внутренним контурам, и вытащу их наверх командой Object \ Arrange \ Bring to Front. Дальнейшие манипуляции будут происходить на палитре Pathfinder: для каждого кольца я выделю оба контура (внутренний и внешний) и дам команду Subtract from shape Area (не забывая зажать при этом Alt). Затем выделю обе получившиеся фигуры и дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

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

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

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

В результате получается контур с множественными самопересечениями, следующая задача избавиться от них. Для этого: экспортирую путь в Illustrator, выделю его и дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

Пример 3. Контурение объектов постоянной ширины.

Рассмотрим фотографию той же самой веревки. Если она сделана в лоб (то есть перспективные искажения малы) и имеет практически постоянную ширину, можно поступить еще проще. Вместо того, чтобы контурить обе ее границы, я просто построю осевую линию (кривую, проходящую по центру веревки), измерю ширину веревки (пусть она будет равна X мм) экспортирую путь в Illustrator, выделю его, на палитре Stroke задам параметр Weight равным X mm, дам команду Object \ Path \ Outline Stroke (или Object \ Expand), дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

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

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

Возможно, в будущем подобные операции можно будет проводить прямо в Photoshop’е. Это еще не повод отказываться от возможностей обработки путей, предоставляемых Illustrator’ом. Photoshop и Illustrator всегда были программами-братьями, а после коренной переделки интерфейса Illustrator’а (это произошло в его восьмой версии) под Photoshop они, можно сказать, стали близнецами. И выражается это не только во внешнем сходстве. В наше время вы вряд ли найдете специалиста, владеющего одной из этих программ и совершенно не знающего другой. Поэтому параллельно с Photoshop’ом обязательно изучайте Illustrator. Будет просто обидно, если, освоив работу с кривыми Безье (краеугольным камнем любого векторного редактора), вы остановитесь перед изучением набора дополнительных палитр и команд.

Что можно делать при помощи путей

Было бы серьезным упущением рассказать, как строить путь, и обойти стороной вопрос: А ради чего мы все это делали? Давайте, наконец, поговорим о том, для чего же нужны пути и что можно делать с их помощью.

Clipping Path

Начнем с их первородной, но в наше время отошедшей на задний план, задачи: команды Clipping Path.

Я не знаю, была ли такая команда (да и сами пути) в версии Photoshop 2, но в Photoshop 3.0, с которой я начинал свою работу, она была точно. В те суровые времена машина, имевшая оперативную память в 64 мегабайта, уже считалась графической станцией. На моей Quadr’е стояло 48, при этом она ещё и выступала в роли принт-сервера на весь пре-пресс. А 128 или даже 256 мегабайт были пределом мечтаний большинства цветокорректоров и ретушеров. Операторы серьезно задумывались перед созданием в файле каждого нового слоя, вопрос выбора между разрешением 250 и 300 dpi был актуальным всегда, а фильтр Gaussian Blur на формате А4 мог обрабатываться по несколько минут.

В таких условиях не могло быть и речи о больших (размером в полосу или разворот) коллажах, а ставить вырезанные картинки поверх фона все равно хотелось. Вот здесь и приходили на помощь пути и команда Clipping Path. Что же это такое?

CLIPPING PATH это атрибут, присваиваемый одному из путей. Означает он следующее: программа (например Adobe Illustrator, Quark XPress и т.д.), понимающая язык PostScript, при подстановке картинки, содержащей путь с таким атрибутом и сохраненной в формате Photoshop EPS (ОБЯЗАТЕЛЬНО!), воспринимает его как команду вырезать картинку по контуру этого пути. Сделайте картинку с Clipping Path, сохраните ее, например, в EPS, TIF и JPG, подставьте все три картинки в документ Illustrator (FilePlace) и вы увидите, как это выглядит. Картинки, сохраненные в TIF и JPG, будут отображаться целиком, а сохраненная в EPS обрезана по контуру пути.

Смотрится это не очень красиво (картинка по контуру обрезается жестко, как будто ножницами), но в 1996 году это устраивало практически всех.

После появления PostScript Level 3, поддерживающего прозрачность, появилась возможность вставлять в верстку картинки с плавно размытыми краями. Да и возросшие мощности компьютеров позволили делать коллажи только в Photoshop, и Clipping Path тихо отошел на задний план.

Vector Mask

Второй (и, по-моему, последней) возможностью непосредственного применения путей в Photoshop’е является Векторная маска. Может применяться как к отдельным слоям, так и к группам слоев. Она оставляет часть изображения, содержащуюся внутри контура пути, остальное маскирует. Возможны другие варианты маскирования в зависимости от настроек пути. Имеет те же минусы, что и Clipping Path: жесткая, выглядящая очень ненатурально обрезка по контуру. Вследствие этого чаще всего применяется или дизайнерами при изготовлении макетов в Photoshop’е (когда такая обрезка задумана), или во вспомогательно-технологических целях (например: при создании коллажа нижний объект выглядывает из-под верхнего в ненадлежащем месте, этот кусок удобно отрезать при помощи векторной маски, тем самым сохранив само изображение, которое может пригодиться в ходе работы).

Vector Mask может применяться совместно с Layer Mask. Чтобы создать векторную маску, на палитре Layers выберите слой (или группу слоев), к которым вы хотите ее применить, на палитре Paths выберите путь, который должен послужить основой для векторной маски, и дайте команду Layers \ Vector Mask \ Current Path.

Stroke Path

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

От друзей, учившихся в МГТУ имени Баумана, я слышал историю о профессоре начертательной геометрии. Это был человек в преклонном возрасте, вследствие чего у него постоянно тряслись руки… пока он не брал карандаш. А потом он начинал наносить на чертеж штриховку без линейки, от руки, каждую линию он рисовал в одно движение, причем линии получались будто вычерченные по линейке, шли с интервалом по ГОСТу, начинались и заканчивались точно на контуре детали. И делал он это с такой скоростью, с какой хороший картежник сдает карты. Если вы не принадлежите к числу таких людей с железной рукой, команда Stroke Path будет вам верным помощником. Для развития творческого подхода укажу еще один возможный путь ее применения. Перейдите в режим быстрой маски и поэкспериментируйте в ней. Возможности по формированию выделений ограничиваются только вашей фантазией.

Make Selection

Я специально оставил рассказ об этом способе применения путей напоследок, так как считаю, что это самый серьезный ресурс для их использования. Механизм работы этой команды очень прост: строите путь, нажимаете стрелку в правом верхнем углу палитры Paths, в выпадающем меню выбираете команду Make Selection, в дополнительно появляющемся меню задаете степень размытия границы Feather Radius (я всегда держу этот параметр равным 0, а потом отдельно размываю границу селекции на нужную величину) и сглаживание Anti-aliased (обязательно поставьте эту галочку!). Выделение готово.

Если один или несколько контуров в пути, с которым вы работаете, активны выделение будет сформировано только для них. Если ни один из контуров не активен выделение будет сформировано для всех контуров пути. В зонах, окруженных несколькими путями, область будет выделена в соответствии с их настройками на палитре Options инструмента Pen Tool. Можно сделать выделение, просто кликнув по соответствующему пути на палитре Paths при нажатой клавише Ctrl (для Mac’a). Я лично так и делаю экономит время. Поэтому и держу Feather Radius равным нулю.

Даже если бы с помощью путей нельзя было делать ничего, кроме выделений, их стоило бы придумать. Да простят меня любители данных инструментов, но я считаю, что Magnetic Lasso, Magic Wand и подобные им, чудо какие замечательные и так облегчающие жизнь, годятся только для изготовления превью и набросков или при газетном подходе (работы много, времени мало, качество не имеет значения). Это мое личное мнение, основанное на моем опыте работы, и я никого не призываю соглашаться с ним или спорить со мной. Имея достаточно примитивные алгоритмы работы и минимальное количество настроек, они позволяют добиться хоть какого-то качества выделения, только если изображение обеспечивает им очень тепличные условия работы. Для получения действительно качественного выделения необходима ручная обтравка.

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

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

И последнее замечание по поводу обратной операции: автоматическое построение пути по имеющемуся выделению. С годами Photoshop учится делать это все лучше и лучше. Если третья версия строила путь по круглому выделению в виде полигона с сотнями точек, то CS3 обходится всего десятком. Но результат его работы все еще далек от ручной трассировки. Поэтому, если во главе угла стоит качество, не соблазняйтесь предложениями автоматизации, помните поговорку: Хочешь сделать что-то хорошо сделай это сам.

Как сделать изолят

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

1. Дублирую слой Background и всю работу с объектом произвожу на отдельном слое. Не удаляю ничего из картинки вплоть до отдачи файла в дальнейшую работу. Вместо этого использую Layer Mask. Всегда есть возможность откатиться и вернуть удаленную часть изображения.
2. Сначала все явные границы, то есть, все, кроме волос и прочих лохматостей, обтравливаю путем. При этом сглаживаю границы объекта, если нужно, убирая явные дефекты модели или композиции, но не заваливаю путь внутрь относительно контура картинки.
3. Когда путь готов, делаю из него выделение с параметром Feather=0. Далее команда Select \ Modify \ Contract с параметром Contract By в 1 пиксель (для больших картинок бывает 2, редко и для очень больших картинок 3). Таким образом, выделение заваливается внутрь контура изображения равномерно.

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

4. Даю размывку границ выделения Select \ Modify \ Feather с тем же значением параметра, как и на предыдущем шаге.

   Примечание: иногда бывает полезно дать размытие меньше, чем сжатие выделения, например: Contract=2, Feather=1, но это нужно смотреть по конкретной картинке.
    

5. Делаю маску слоя по существующему выделению Layer \ Layer Mask \ Reveal Selection. Если в отдельных местах результат не устраивает можно поправить вручную, рисуя кисточкой прямо в маске или откорректировать путь и повторить шаги 3-4.
6. Когда на картинке присутствуют волосы строя путь, оставляю вокруг них поле и формирую область выделения волос (а точнее область выделения поля, оставшегося вокруг волос) отдельным способом. Способов таких достаточно много, но это тема отдельного разговора.
7. Перед тем, как отдать файл в дальнейшую работу, даю команду Layer \ Layer Mask \ Apply.

Андрей Журавлёв
Апрель 2008 г.
Первоисточник:
http://www.microstock.ru/articles/72.html
Редакция — сентябрь 2009 г.

 

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

 

Создание контура в программе Paint tool SAI

В этом уроке мы рассмотрим, как можно создать контур с помощью планшета в программе Paint tool SAI.

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

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

Теперь открываем набросок в программе Paint tool SAI.

Для удобства и тренировки желательно, что бы рисунок, не превышал размера в 600-800px по длине.

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

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

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

Начинаем обводить арт. Увеличьте свой арт на 200% . С помощью этого даже если рука будет немного дрожать и линия будет не сильно ровной, размер это спрячет.

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

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

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

Пример:

1. тонкие линии
2. толстые линии
3. закрашенные детали

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

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

Теперь я займусь изменением лица и волос.

Для лица я хочу сделать другой поворот, поэтому я создаю новый слой и рисую вспомогательные линии.

И на том же слое я намечаю волосы и лицо (так же мне захотелось закрасить штанишки).

Теперь карандашный набросок нам не нужен и мы его отключаем (не удаляем!). И слой с новым наброском делаем прозрачнее (30-40%).

На слое с основным чистым контуром обводим лицо и волосы. Если опять что-то не устраивает изменяем.

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

Наш контур готов!

В следующем уроке мы рассмотрим, как нашу работу можно раскрасить в нежных тонах с помощью программы Paint tool SAI.

Автор урока: Prescilla

 

как ее сделать и настроить

ШАГ 1. СКАНИРОВАНИЕ И ПОДГОТОВКА ИЗОБРАЖЕНИЯ

Первым делом нужен рисунок, с которым вы будете работать. Чтобы отсканировать изображение прямо в Photoshop, пройдите в меню Файл – Импорт (File – Import) и выберите из списка имя вашего сканера.

В зависимости от модели сканера, это окно будет, скорее всего, выглядеть у всех по-разному. Но базовые принципы везде одинаковы. Изображение нужно отсканировать в большом разрешении – 300 точек на дюйм (dpi). Если у вашего аппарата есть такая опция, можно также выделить определенную область для сканирования. Я именно так и сделала.

После сканирования, возможно, понадобится внести кое-какие корректировки в эскиз, чтобы сделать его более четким. Пройдите в меню Изображение – Коррекция – Уровни (Image – Adjustments – Levels). В окне Уровней (Levels) будет много разных опций, которые можно применить к рисунку, но нас сейчас интересуют только три слайдера под черной гистограммой. Передвигая черный и белый слайдеры к центру, можно корректировать светлые и темные участки изображения. Манипулируйте ими до тех пор, пока не получите более-менее четкий рисунок.

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

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

Пройдите в меню Изображение – Коррекция – Баланс Цвета (Image – Adjustments – Color Balance). Убедитесь, что выбрана кнопка Midtones (средние тона), и передвиньте Желтый (Yellow) слайдер до самой крайней справа точки. Ваш рисунок приобретет синеватый оттенок.

ШАГ 2А – КОНТУРИРОВАНИЕ ИЗОБРАЖЕНИЯ ОТ РУКИ

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

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

Пройдите в меню Изображение – Размер изображения (Image – Image size). Убедитесь, что в качестве меры измерения длинны выбраны дюймы (inches), также убедитесь, что галочкой отмечен пункт Сохранить Пропорции (Constrain Proportions), иначе ваше изображение будет искажено. Теперь нужно подогнать изображение по ширине и/или высоте, чтобы оно вписалось в стандартные параметры печатной бумаги. Для меня самый простой способ сделать это – установить наибольшее разрешение 10 дюймов (inches). Например, высота моего рисунка больше, чем ширина, поэтому я делаю высоту 10 дюймов (inches). Второй показатель сформируется автоматически, т.к. вы отметили пункт Сохранить пропорции (Constrain Proportions). Это очень полезная опция.

Теперь распечатайте свой рисунок на обычной принтерной бумаге.

Положите поверх этого рисунка кальку, закрепите ее скотчем. Лучше пусть это будет бумажный скотч, потому что потом его нужно будет удалить. Аккуратно закрепите кальку поверх рисунка. Используя очень тонкий карандаш (или, как мне нравится, механический карандаш 0,7мм) или даже ручку, если вам так хочется (но учтите, что чернила могут легко размазаться по кальке), обрисуйте рисунок.

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

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

После обводки рисунка аккуратно удалите кальку и снова отсканируйте. Не забудьте выбрать разрешение 300 точек (dpi).

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

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

Во-первых, в окне Слои (Layer) кликните дважды по слою с фоном, на котором и есть ваш контурный рисунок. Так заблокированный слой станет редактируемым. Переименуйте этот слой на «Линии» (Links) или «Чернила» (Inks) или как вам захочется, лишь бы вам было понятно и удобно в использовании.

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

Убедитесь, что вы выбрали этот новый слой, а не слой с контуром. Пройдите в меню Слой – Новый – Фон из слоя (Layer – New – Background from Layer). Так мы установим этот пустой новый слой как фон.

И последнее, вернитесь на слой с контуром. Кликните по стрелке, выделенной красным кругом, чтобы открыть меню с режимами слоев. Выберите из списка режим Умножение (Multiply). Этот режим превратит слой в нечто похожее на кальку или прозрачную бумагу. Это позволит краскам проглядывать через белые области вокруг линий. Если вам понравился этот метод, можете сохранить свой эскиз в.psd-файле, пропустить шаг 2Б и перейти сразу к шагу 3.

ШАГ 2Б – КОНТУРИРОВАНИЕ В ILLUSTRATOR-е

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

Возьмите свой оригинальный эскиз (со всеми видоизменениями до пункта 2А) и сохраните его как.psd-файл в Photoshop-е. Затем откройте Illustrator и создайте в нем новый документ с RGB цветами. Также, установите для холста достаточно большой размер. Я обычно выбираю 8х10 дюймов (inches).

Теперь перейдите в меню Файл – Поместить (File – Place) и найдите.pds-файл с вашим эскизом.

Вы, наверняка, заметите, что ваш рисунок будет маловат для такого большого холста. Ваш эскиз должен быть настолько большим при контурировании, насколько это возможно, поэтому возьмите Стрелку (Arrow) и растяните рисунок, потянув за круглые метки в уголках изображения (не забудьте при этом удерживать клавишу Shift, чтобы не исказить рисунок), пока эскиз не будет такого же размера, как полотно. Ничего страшного, если какие-то участки изображения вышли за пределы холста. Но следите за тем, чтобы рисунок, который вы будете обводить, был строго в рамках листа.

Теперь создайте новый слой. Меню слоев здесь такое же, как и в Photoshop-е. Кнопка создания нового слоя обведена красной линией. Назовите этот слой Чернила (Inks) или дайте другое подходящее название. Также не забудьте заблокировать слой с эскизом, чтобы случайно не начать рисовать на нем. Просто кликните по пустому квадратику слева от слоя, там появится маленькая иконка замочка, что будет значить, что слой заблокирован.

К сожалению, большинство стандартных кистей, которые имеются в illustrator-е, мало подходят для такого рода контурирования, поэтому нам придется отредактировать одну из имеющихся. Для начала найдите инструмент Кисть (Paintbrush tool) (выделено в красный круг слева на рисунке). Затем откройте окно с кистями (Brushes), это где-то рядом с окном Слоев (Layers). Выберите первую круглую маленькую кисть, которую там найдете, затем кликните по стрелочке в верхнем правом углу и выберите Опции Кисти (Brush Options). На рисунке ниже вы видите те опции, которые я выбрала для своей кисти. Если хотите, можете выбрать другую кисть и применить к ней эти же настройки, и сохранить для другого раза. Я назвала свой новый инструмент «Чернильной кистью» (Inking Brush). В конце, убедитесь, что контроль мазка кисти (черный квадрат с серым центром в нижнем правом углу на рисунке) переключен на черный, а цвет заливки выбран прозрачный (белый квадрат с красной линией, проходящей по диагонали этого квадрата). Чтобы поменять один из квадратов на прозрачный, просто выберите нужный квадрат и кликните по иконке прозрачности (выделено красным кругом в самом нижнем правом углу).

Должна сказать, что, если у вас нет Illustrator-а, то в Photoshop-е есть похожая кисть. Единственное отличие заключается в том, что Photoshop использует пиксели, а illustrator – векторы, так что придется чуть больше потрудиться, чтобы получить плавные линии. Также, иногда бывает сложно в будущем подчистить неровности. Было время, когда я сама использовала для контурирования Photoshop, поэтому и он сгодится, если других вариантов нет.

Теперь можно перейти непосредственно к контурированию, но здесь есть и подводные камни, о которых вам стоит узнать заранее. Во-первых, следите за тем, чтобы вы не сходили с Чернильного слоя (Inks Layer), и за тем, чтобы слой с эскизом оставался заблокированным. Теперь возьмите кисть и начните обводить линии контура. Каждый нанесенный мазок будет работать как отдельная редактируемая линия. Это очень удобно, потому что, впоследствии, вы сможете корректировать любые из этих линий. Вы также должны заметить, как по мере рисования ваши линии будут автоматически разглаживаться.

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

Система автоматически скорректировала первый путь, и он теперь продолжает новую линию. Это, конечно, раздражает, но решить эту проблему можно. Первое, что можно сделать, это после каждого нанесенного мазка нажимать меню Выделить – Убрать выделение (Select – Deselect). Таким образом, вы будете наносить новые линии, не влияя на старые.

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

Вы можете манипулировать путями (линиями) как с помощью кисти, так и с помощью курсора. Курсором можно, например, выделить путь и изменить его размер или угол наклона, подергивая за уголки выделения.

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

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

Чтобы стереть часть линии, выделите необходимый путь, затем найдите на панели инструментов Ластик (Eraser) (он обведен красным кругом на рисунке ниже).

Используя Ластик (Eraser) пройдитесь по той части пути, которую хотите удалить. На рисунке ниже красной стрелкой показан участок, который я хочу удалить на своем рисунке.

И лишнее просто исчезает… как по волшебству!

Хотя и у этого трюка есть свои минусы. Иногда вокруг области, где вы применили Ластик (Eraser) могут появиться «искажения». Если исправить эти зоны слишком сложно, оставьте все как есть. Их можно будет потом аккуратненько поправить в Photoshop-е.

Когда вы закончите, результат должен быть примерно таким (рисунок ниже):

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

Сохраните свой рисунок в формате AI, убедитесь, что в графе, где говорится о совместимости с PDF, стоит галочка, а также в пункте «Применить сжатие» (Use compression). Теперь закройте Illustrator и вернитесь в Photoshop, чтобы открыть этот AI-файл. Повторно сохраните этот файл в формате PSD. И сделаем еще пару изменений, прежде чем приступить к раскрашиванию.

Ваш рисунок будет выглядеть примерно как на рисунке ниже. Шахматная сетка показывает прозрачные области. Нужно для этого изображения создать фон. Для этого создайте новый слой, установите его фоновым, нажав Слой – Новый – Слой из фона (Layer – New – Layer from Background).

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

ШАГ 3 – КРОППИНГ. ДОПОЛНИТЕЛЬНАЯ КОРРЕКТИРОВКА ЛИНИЙ, ИЗМЕНЕНИЕ РАЗМЕРА

Мне совсем не нравилось, как рисунок получился в нижней части, к тому же, некоторые линии просто «съезжали» со страницы, поэтому нужно исправить это путем срезания лишнего. Инструмент обрезки (Crop tool) обведен красным кругом на панели инструментов. Выделите прямоугольником ту область, которую хотите сохранить. Мне не нужна нижняя часть рисунка, поэтому я оставляю ее за пределами выделения.

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

Теперь пришло время разобраться с теми линиями, которые вы не убрали в Illustrator-е. используйте Ластик (Eraser tool) (выделен красным кругом на панели инструментов) маленького размера, чтобы аккуратно убрать все лишнее. Я обвела те области, которые мне нужно либо совсем убрать, либо чуть-чуть укоротить (например, кончики некоторых волосков нужно немного заострить).

Два рисунка ниже демонстрируют примеры ДО и ПОСЛЕ подчистки.

Далее нужно немного изменить размеры изображения. Мне совсем не нравится нехватка пространства между персонажем и краями холста. Пройдите в меню Изображение – Размер холста (Image – Canvas size) и введите новые параметры размера. На маленькой таблице якоря (Anchor) видно, в какую сторону будет растягивать изображение. Белый кубик – это ваше изображение, стрелки показывают дополнительные области прибавления к холсту. Так как я обрезаю свое изображение по нижней части, нужно убедиться, что там не будет добавлено никакой новой области. Дополнительное пространство мне нужно добавить только сверху и по бокам. Для этого я кликаю по нижнему кубику по середине, чтобы закрепить полотно.

Нажмите Просмотр в строке меню.

Щелкните по 200% , чтобы увеличить изображение. Или в выпадающем меню «Просмотр» нажмите «Увеличить» или «Уменьшить», чтобы сделать размер изображение таким, какой удобен для создания контура.

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

• Черно-белый цвет находится на крайнем правом конце спектра.

Выберите инструмент на панели инструментов в левой части окна.

• Карандаш : этот инструмент создает ровные штрихи одинаковой ширины (посередине и на концах). Карандаш подойдет, если вы хотите создать контур из небольших и соприкасающихся штрихов. Значок инструмента «Карандаш» выглядит как карандаш и находится в верхней части второго раздела панели инструментов. Если на панели инструментов отображается значок в виде кисти, а не карандаша, зажмите значок в виде кисти, а затем в меню нажмите «Карандаш».
• Кисть : этот инструмент создает конические штрихи, которые тоньше на концах и толще посередине. Кисть подойдет, если вы хотите создать «мягкий» контур из штрихов, похожих на мазки кистью. Значок инструмента «Кисть» выглядит как кисть и находится в верхней части второго раздела панели инструментов. Если на панели инструментов отображается значок в виде карандаша, а не кисти, зажмите значок в виде карандаша, а затем в меню нажмите «Кисть».
• Перо : этот инструмент создает контур с опорными точками; такой контур можно редактировать. Перо подойдет, если вы планируете изменить созданный контур. Щелкните по значку в виде пера чернильной ручки (находится под значком в виде буквы «T» на панели инструментов), чтобы выбрать инструмент «Перо».

Отрегулируйте настройки инструмента «Карандаш» или «Кисть».

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

Отрегулируйте настройки инструмента «Перо». Они находятся в верхней левой части окна.

• Чтобы создать контур с помощью инструмента «Перо», откройте выпадающее меню справа от значка инструмента и выберите «Контур».

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

• Если вы решили использовать инструмент «Карандаш» или «Кисть», зажмите левую кнопку мыши и перетащите курсор вдоль линий. Отпустите кнопку, чтобы переместить инструмент и создать другой ряд штрихов.
• Если вы решили использовать инструмент «Перо», щелкните по изображению левой кнопкой мыши; будет создана опорная точка. Теперь еще раз щелкните по изображению; будет создана вторая опорная точка, а между двумя опорными точками появится прямая линия. В случае кривых линий изображения нужно создать как можно больше опорных точек.

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

Как сделать контур текста в Фотошопе

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

Я написала следующий текст, с помощью инструмента «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 и обвела все линии внутри розы.

Приготовьте ещё небольшую иголку и салфетку/ватный диск. Ватный диск нам нужен на всякий случай — вытереть иголку, например, а ещё удобно иметь под рукой ватную палочку — ею легко стереть то, что не получилось, не повредив при этом остальной рисунок. Сегодня рисуем открытку к новому году контуром.

1. Обезжириваем поверхность, эскиз помещаем с обратной стороны стекла и аккуратно .

2. Контур перед нанесением я немного выдавливаю, чтобы понять какой он текучести. Из контуров на изображении: очень жидкий, — средний, — густой. О других контурах российских производителей был мой .

Если состав из тюбика сразу выливается — контур жидкий . Таким очень удобно рисовать, но линии получатся толстые и плоские, что иногда очень кстати. Здесь важно вести контур с одинаковой скоростью. Если где-то задержались — будет “наплыв”.

Если состав густой — контур выдавливается с трудом, его “носик” необходимо часто прочищать иголкой, иначе он внутри застывает и выдавливается кусками. Такой контур получится идеально ровным если его вести не по стеклу (как ручкой по бумаге), а немного над стеклом, как бы “укладывая” ровной линией, контролируя процесс.

Также густой контур легко подвинуть или совсем удалить после того, как он немного высохнет.

3. В рисовании контуром по стеклу главное — приспособиться. Сидеть желательно ровно, иметь опору на локоть, внешнее ребро ладони или мизинец.

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

5. Если мы рисуем полукруг или другую изогнутую линию — это легко сделать одним движением руки со статичным запястьем. Представьте, что ваша рука от локтя до кончиков пальцев — циркуль))). Круг будем рисовать тем же движением, но в несколько этапов.

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

7. Сложнее всего рисовать прямые линии . Здесь нужно немного потренироваться, прежде, чем получится действительно ровно. Не старайтесь нарисовать всю линию одним движением руки, всё равно у вас вряд ли это получится. Пусть вначале это будут небольшие штрихи с плавным стыком линии. Если линия небольшая, то рисуйте одним быстрым и уверенным движением руки.

8. Ниже эскиз для практики.

Сначала рисуем саму ёлку, затем, после того, как основные линии немного высохнут, прорисовываем “украшения”. Украшения могут быть любыми, на ваш вкус. Проще всего нарисовать точки, затем, когда начало положено, рисуем волны или любые другие завитушки (пример, расписана только завитушками ))) — попробуйте, у вас получится.

НЕ обязательно ровно, главное — смело))).

9. Затем попробуем нарисовать полоски вертикальные (рекомендую рисовать линии от себя, потренируйтесь рисовать именно вертикальные линии, иногда повернуть изделие невозможно и этот навык необходим) и горизонтальные (слева-направо).

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

11. И теперь шары — в несколько приёмов. Самый сложный элемент здесь — звезда. Постараемся и её нарисовать аккуратно и ровно — короткими чёткими штрихами.

Новогодняя открытка готова) Время работы — 10 минут

О секретах — в следующий раз.

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

Простые рисунки, которые не имеют сложных деталей, проще всего обвести, используя инструмент «Перо». Так получится быстрее и проще. С изображениями, имеющими более сложные детали, объем работ состоит несколько иначе.

Пошаговая инструкция

1. Загрузите в программу Photoshop исходное изображение.

2. Теперь начнем работу с фильтрами. Зайдите в меню «Фильтр» – «Стилизация» – «Выделение краев».

Изображение будет выглядеть следующим образом:

3. Теперь так же откройте меню «Фильтр» и перейдите в «Эскиз» – «Ксерокопия». Откроется окно, в правой части которого необходимо выставить следующие параметры: «Детализация» – 9; «Затемненность» – 5. Нажмите кнопку ОК. На заметку: в этом пункте необязательно строго следовать инструкции. Поэкспериментируйте с показателями детализации и затемненности, чтобы добиться наиболее подходящего для вас результата.

4. Перейдите в меню «Изображение» – «Коррекция» – «Яркость/Контрастность» и отрегулируйте с помощью ползунков параметры, пока не добьетесь наиболее подходящего результата.

Готовое изображение сохраните на компьютер в формате JPEG. Если вы создавали раскраску для ребенка, просто распечатайте изображение на принтере.

Фотошоп перо как из фигуры сделать контур. Создание и удаление контура в Coreldraw — простые решения для желанного эффекта

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

Как в CorelDraw сделать контур изображения. Настройка цвета, шага и других опций

Для создания нужен объект, который уже открыт в редакторе. Затем переходим во вкладку «Эффекты», здесь нам нужно выбрать «Контур».

Это меню можно открыть и воспользовавшись сочетанием «Ctrl + F9» .

Выбрав один из предложенных вариантов можно определить расположение по отношению к объекту.

Здесь можно определить шаг и смещение, указав в соответствующих полях нужные значения. Переходим к разделу «Цвет», нажав на среднюю пиктограмму вверху окна настроек.

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

Чтобы задать вариант ускорения перехода, следует перейти в раздел меню «Ускорение». Для перехода к нему следует нажать соответствующую кнопку вверху окна настроек.

После того как будут установлены всё соответствующие параметры, остаётся лишь воспользоваться кнопкой «Применить».

После этого создание завершено. Обязательно следует также отметить — возможно изменение всех параметров, используя команды на панели атрибутов.

Как убрать контур в CorelDraw

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

Как в Кореле обвести картинку по контуру

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

Как отмечают опытные иллюстраторы, в этом отношении самый мощный инструмент обводки — как раз работа с диалоговым окном Outline Pen. Хотя во многих случаях вполне достаточно панели «Контур».

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

Весь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим «Слой-фигура», сегодня рассмотрим два остальных режима — «Контуры» и «Заливка пикселов».

Контуры

Линия, ограничивающая фигуру, представляет собой контур. Рабочий контур — это временный контур, который появляется на панели «Контуры» и определяет границы фигуры.

Контуры можно использовать несколькими способами:

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


• Контур можно преобразовать в выделенную область.


• Контур можно залить или обвести произвольным цветом.

Создайте новый файл для экспериментов. Возьмите инструмент -фигура- на панели инструментов, выберите режим «Контуры» на панели параметров и растяните мышкой контур на холсте. Теперь посмотрите на панель «Слои», выберите на ней вкладку «Контуры»:

В нижней части панели находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами:

Выполнить заливку контура основным цветом.

Выполнить обводку контура.

Загрузить контур как выделенную область.

Сделать из выделенной области рабочий контур.

Создать новый контур.

Удалить активный контур.

Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным цветом- и вот ваш контур похож на фигуру. Попробуйте в деле и другие кнопки панели «Контуры».

Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:

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

На самом деле основным инструментом для работы с контурами является «Перо», это очень полезный инструмент и ему посвящен следующий урок.

Заливка пикселов

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

1. Выберите слой на котором будете рисовать.


2. Выберите на панели инструментов желаемый основной цвет.


3. Выберите инструмента «Фигура» на панели инструментов.


4. Выберите на панели параметров режим «Заливка пикселов», остальные параметры по желанию.


5. Растяните мышкой фигуру на холсте.

На этом урок закончен, в следующий раз мы познакомимся с очень полезным инструментом — «Перо».

Инструкция

Выделить контур в Фотошопе можно несколькими способами. Самый простой связан с использованием «Волшебной палочки» — Magic Wand. В палитре компонентов ее значок выглядит как палочка со звездочкой на конце. Для корректного выделения контуров Magic Wand следует правильно настроить. Установите в свойствах инструмента параметр Tolerance (допуск) равным 30. Это значение позволит достаточно уверенно отделять контур нужного изображения от фона.

Работать с «Волшебной палочкой» очень просто. Поднесите ее к краю предмета, контур которого вы хотите выделить, и кликните левой кнопкой мышки. Контур части изображения будет выделен. Теперь нажмите Shift и, удерживая клавишу, снова кликните левой кнопкой мыши возле еще не выделенной контуром части изображения. Нажатие Shift позволяет тянуть дальше уже выделенный контур. Продолжайте тем же способом создавать контур. Если вы ошиблись, переключитесь раскладку и нажмите Ctrl + Z – последнее действие будет отменено.

Когда контур будет замкнут, переходите к редактированию выделения. Оно может понадобиться в том случае, если в некоторых участках изображения оконтуривание было выполнено некорректно, и контур срезал часть изображения. Немного уменьшите значение tolerance, затем подведите Magic Wand к захваченной контуром части изображения. Удерживая нажатой клавишу Alt, кликните мышкой ошибочно выделенную область. Контур будет исправлен. Теперь нажмите Del, существующий фон вокруг изображения будет удален и залит фоном, выбранным в палитре компонентов.

Для выделения более сложных контуров, особенно сливающихся с фоном, используйте компонент «Лассо» (Lasso Tool). Выберите его, нажмите левую кнопку мышки и тяните инструмент по периметру выделяемого изображения до тех пор, пока контур не будет замкнут. Недостаток инструмента в том, что здесь выделение идет вручную и его качество определяется тем, насколько точно вы двигаете мышь.

Во многих случаях возможности Magic Wand и «Лассо» оказываются недостаточными для точного выделения контуров сложного объекта. Например, вам надо вырезать с фотографии изображение кота, да так, чтобы сохранились усы и . Выделить «Волшебной палочкой» или «Лассо» каждую шерстинку невозможно, да и не нужно – для этого есть более удобный инструмент «Перо».

Выберите инструмент «Перо» — «Контуры». Теперь последовательными кликами мышки выделите контур нужного вам элемента изображения. Создание сложного контура достаточно трудоемко, но результат окупает все затраты времени. При этом не стремитесь выделить мельчайшие элементы контура (вроде усов и шерсти кота), на данном этапе вам надо выделить общий контур. Замкните его, кликнув мышкой последний раз на первой точке. Теперь с помощью инструмента «Уточнить край» (Refine Edge) вы можете более точно определить границы контура . Учитывая, что работа с данным инструментом достаточно сложна, почитайте о ней в специализированных статьях.

Видео по теме

Источники:

• Работа с инструментом «Уточнить край»
• как выделить контур в фотошопе

Для вышивки гладью, аппликации или самодельного витража нужен контурный рисунок. В наборах для рукоделия некоторое количество рисунков обычно есть. Однако если вы хотите сделать что-то оригинальное, нарисуйте контур сами. Программа Adobe Photoshop позволяет это сделать даже тем, кто не уверен в своих художественных способностях.

Вам понадобится

• — компьютер с программой Adobe Photoshop;
• — выход в Интернет;
• — сканер;
• — принтер;
• — тушь;
• — алюминиевая или бронзовая пудра;
• — клей для стекла;
• — калька.

Инструкция

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

В маленьких прямоугольных панельках найдите ту, на которой обозначены кисти. Активизируйте ее. Перетащите ее на верхнюю панель или оставьте там, где она есть. Но в любом случае проставьте параметры. Выберите круглую жесткую кисть и задайте ее размер. Если вы никуда ничего не перетаскивали, справа от названия панельки есть стрелка. Нажмите на нее, и перед вами откроется окошко, где нужно проставить размер. Если линии контура тонкие, выберите 2 или 3. Там же вы найдете окошко «Непрозрачность». Установите 100%.

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

Дорисуйте недостающие линии с помощью кисти. Контур рисунка должен быть сплошным. Нанесите, если нужно, дополнительные линии — тычинки цветка, камни домика и т.д.

Определите, какой вам нужен размер рисунка . В меню «Файл» выставите опции для печати. Если вам нужен очень большой рисунок, а принтер позволяет распечатывать только формат А4, разделите ваш эскиз на несколько частей. Распечатайте каждую часть отдельно, на забыв обозначить места для склейки.

Видео по теме

Полезный совет

Рисунок для вышивки переведите на ткань с помощью копирки, толченого мела или грифеля. В первом случае он просто обводится по контуру. Копирку положите красящим слоем на ткань. Для того, чтобы перевести рисунок с помощью мела или грифеля, наколите его по контуру иголкой. Проколы делайте на расстоянии 3-5 мм друг от друга.

Если вы хотите сделать самодельный витраж, положите рисунок на горизонтальную поверхность и накройте его стеклом. К 5 частям клея по стеклу добавьте 2 части черной туши и 5 частей алюминиевой или бронзовой пудры. Клей лучше взять в баночке и такой, который не очень быстро схватывается. Это может быть, например, ПВА. Герметик не подойдет, а вот с жидким стеклом можно попробовать поэкспериментировать. Перемешайте компоненты. Накладывайте получившуюся краску по контуру мягкой художественной кисточкой. Линия должна быть выпуклой, чтобы жидкий лак, которым вы зальете детали рисунка, не перетекал из одной части витража в другую.

Источники:

• как сделать контур у изображения в 2019

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

Вам понадобится

• — программа Photoshop;
• — изображение.

Инструкция

К наиболее очевидным способам выделения фрагмента картинки четко заданной формы относится применение таких инструментов, как Rectangular Marquee, Elliptical Marquee, Single Row Marquee и Single Column Marquee. При помощи Rectangular Marquee можно выделить участок прямоугольной формы любого размера. Для этого включите инструмент, зажмите левую кнопку мышки и растяните рамку, ограничивающую выделение. Если вам нужно выделить квадратную область , в процессе применения Rectangular Marquee зажмите клавишу Shift.

Для выделения фрагмента эллиптической формы подойдет инструмент Elliptical Marquee. Зажатая в процессе работы клавиша Shift даст возможность выделить круглый участок изображения.

Инструменты Single Row Marquee и Single Column Marquee пригодятся в случае, когда требуется выделить вертикальный или горизонтальный ряд шириной в один пиксель.

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

Polygonal Lasso следует использовать в случае, когда нужно выделить многоугольник. Включите инструмент и, кликая левой кнопкой мыши, по очереди расставьте опорные точки в углах фрагмента. Для замыкания выделения кликните по первой опорной точке.

Инструмент Magnetic Lasso служит для быстрого выделения областей с контрастными краями. Перед началом работы установите значение в поле Edge Contrast. При небольшой величине этого параметра инструмент будет реагировать на незначительное изменение контраста. Кликните по краю выделяемого объекта и, отпустив клавишу мыши, обведите фрагмент. Magnetic Lasso проставит на краях области опорные точки. Если последняя опорная точка оказалась не на месте, удалите ее клавишей Backspace. Если требуется, поставьте точку вручную, кликнув по контуру в нужном месте.

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

При обработке снимков нередко приходится заниматься раздельной обработкой теней, полутонов и ярких участков изображения. Для их выделения можно применить опцию Color Range из меню Select. Выбрав из списка Select пункт Highlights, вы выделите яркие фрагменты картинки, пункт Midtones потребуется для средних тонов, а Shadows – для теней. При помощи Color Range можно выделить область , окрашенную в произвольный оттенок. Для этого выберите пункт Sampled Colors и укажите на изображении цвет, на основе которого будет создано выделение.

Видео по теме

Источники:

• 5 секретов инструментов выделения в Фотошоп
• как выделить область в фотошопе

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

Вам понадобится

• Графический редактор Adobe Photoshop.

Инструкция

Если в каком-либо слое требуется выделить все изображение на высоту и ширину документа, то сначала кликните по строке этого лэйера в панели слоев. Отображение панели может быть отключено — нажмите клавишу F7 или выберите в разделе меню «Окно» пункт «Слои», чтобы этот элемент отобразился в интерфейсе Photoshop. Выделив нужную строку, воспользуйтесь сочетанием клавиш Ctrl + A или пунктом «Все» в разделе меню «Выделение». По краям изображения появится анимированная пунктирная рамка, показывающая границы выделенного фрагмента. Если после этого на панели слоев перейти на другую строку, выделенным окажется содержимое другого слоя.

В первом шаге описан единственный способ, который не требует что-либо выбирать на панели инструментов. А для выделения, например, прямоугольного фрагмента изображения вам надо сначала кликнуть вторую по счету иконку на этой панели — «Прямоугольная область» — или нажать клавишу с литерой M. Затем с помощью указателя мыши задайте нужную прямоугольную область на изображении.

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

Для выделения фрагмента изображения произвольной формы используйте инструмент «Лассо» — это следующая (третья) пиктограмма на панели. Вместо щелчка по ней можно нажать клавишу L. Нужную замкнутую область выделения нарисуйте указателем мыши. У этого инструмента есть две вариации, одна из которых — «Прямолинейное лассо» — позволяет выделять сложные многоугольники, а другая — «Магнитное лассо» — очень полезна при выделении одинаково окрашенных участков изображения. Выбрать один из этих вариантов можно так же, как и в предыдущем шаге — при нажатии и удержании левой кнопки на иконке инструмента появляется меню со списком.

Инструменты четвертой кнопки — «Волшебная палочка» и «Быстрое выделение» — предназначены для работы с фрагментами изображения, имеющими одинаковую окраску и цветовую насыщенность. По действию они схожи с «магнитным лассо», но при использовании этих инструментов от вас требуется только указать одну точку-образец, кликнув ее указателем мыши. После этого Photoshop по своему усмотрению выделит весь участок точек, схожих с образцом. Используйте для включения этого инструмента клавишу W.

Видео по теме

При работе с изображениями в «Фотошопе » может потребоваться отменить предыдущее действие и вернуться к исходной картинке. Для возвращения к предыдущему результату нужно выполнить несколько действий..

Вам понадобится

• — компьютер;
• — любая версия программы «Фотошоп».

Инструкция

Работа с изображениями – увлекательное занятие, которое требует от фотомастера определенных знаний и умений. Но даже у опытного пользователя «Фотошопа» нередко возникают ситуации, когда в ходе работы над созданием нового шедевра нужно вернуться на несколько шагов назад.

Внести изменения в обрабатываемое фото можно на любом этапе редактирования. Правда, пред началом работы вам, естественно, нужно открыть изображение. Для этого достаточно одновременно нажать клавиши клавиатуры Alt+Shift+Ctr+O или в меню «Файл», что на рабочей панели, выбрать опцию «Открыть как», после чего указать место расположения изображения и его формат.

Далее приступайте к непосредственной обработке. А если потребуется внести изменения и вернуться назад, загляните в раздел «Редактирование» на рабочей панели. Здесь вы сможете произвести необходимые операции, выбрав соответствующую опцию: «Отменить», «Шаг назад» и «Шаг назад».

Для удобства вы можете воспользоваться «горячими клавишами»: Ctrl+Z – для отмены последнего действия, Shift+Ctrl+Z — для совершения шага вперед и Alt+Ctrl+Z – для выполнения шага назад.

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

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

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

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

Инструкция

Вырезать часть изображения в Фотошопе можно несколькими способами. Если вам надо просто картинку, запустите программу, откройте через пункт меню «Файл» нужное изображение. В левой части окна программы находится панель инструментов, выберите на ней инструмент «Обрезать». Подведите курсор к тому участку изображения, где будет располагаться один из углов обрезанного рисунка и нажмите левую кнопку мышки.

Не отпуская кнопки, переведите курсор на противоположный по диагонали угол, рамки будут показывать контур обрезаемой части изображения. Не опасайтесь задать неточные размеры, вы сможете их подкорректировать, перетащив мышкой маркеры на углах и сторонах выделенного участка. Затем выберите любой инструмент на панели. Появится запрос с тремя вариантами: «Кадрировать», «Отмена», «Не кадрировать». Чтобы обрезать рисунок , выберите первый. Если хотите изменить границы обрезки, нажмите «Отмена». Нажатие третьей кнопки полностью отменяет операцию обрезки.

При необходимости быстро вырезать прямоугольный элемент, воспользуйтесь инструментом «Прямоугольное выделение». Выделите им нужный участок, затем скопируйте его: «Правка» — «Копировать». Теперь вы можете вставить скопированный элемент в это же или в другое изображение. Для точной вставки сначала выделите нужный участок тем же инструментом, потом нажмите: «Правка» — «Вставить».

Если требуется вырезать фрагмент изображения сложной формы, можно воспользоваться несколькими инструментами. Самый простой из них – «Быстрое выделение». Например, вам надо выделить круглый элемент. Выберите инструмент «Быстрое выделение», кликните мышкой у края круга. Затем, не отпуская кнопки, переведите курсор к противоположному краю выделяемого элемента. За курсором будет тянуться неровная область выделения. Отпустите кнопку. Теперь вы можете мышкой уточнить выделенную область, перетягивая контур в нужных направлениях.

Самые сложные объекты лучше вырезать с помощью инструмента «Перо». Выберите этот инструмент, в верхней части окна кликните вариант инструмента «Контуры». Теперь последовательными нажатиями мышки создайте контур вырезаемого элемента. Замкнув контур, кликните его правой кнопкой мышки и выберите в контекстном меню пункт «Образовать выделенную область». Теперь вы можете скопировать выделенный элемент и вставить в другое изображение.

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

Источники:

• Сложное выделение волос за 5 минут в Photoshop CS5

Если вы не смогли провести лето в солнечной стране, но хотите выглядеть загорелым и отдохнувшим на фотографиях, « » предоставляет удобную возможность для осуществления этого желания.

Вам понадобится

• Компьютер с установленным «Фотошопом», фотография.

Инструкция

Откройте в «Фотошопе» фотографию, которую хотите изменить. Прежде всего, нужно выделить кожу. Вы можете осуществить это несколькими способами, выберите удобный и знакомый вам. Например, с помощью инструмента «Перо» или через каналы. Если вы используете первый способ, выделите нужную область, замкнув контур. Нажмите правой кнопкой мыши по выделенному фрагменту и выберите в выпавшем меню «Образовать выделенную область».

Создайте новый слой, нажав соответствующую кнопку на панели слоев справа. Вы увидите, что новый слой появится выше основного.

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

Вернитесь к своей фотографии, чтобы сделать заливку на новом слое. Это действие можно вызвать с помощью сочетания клавиш Shift+F5 или через меню программы: «Правка» – «Заливка» («Edit» – «Fill»). В открывшемся окне выберите «Цвет переднего плана» («Foreground Color») и подтвердите действие. Никакие другие параметры изменять или задавать не нужно. Также можно просто выбрать нужный значок на панели инструментов и кликнуть мышью в нужную область. В результате заливки выбранный вами участок кожи полностью окрасится в необходимый цвет. Не пугайтесь, когда увидите, что пока это еще не похоже на загар.

Поменяйте режим наложения на «Мягкий свет» («Soft Light») и уменьшите прозрачность слоя, чтобы изображение приняло естественный облик. Сделать это можно в панели слоев в верхних выпадающих настройках. Уровень прозрачности выберите самостоятельно, в зависимости от ваших предпочтений и изначального цвета кожи на фотографии. Попробуйте разные настройки, двигайте ползунок, изменяйте прозрачность и цвет загара, чтобы добиться нужно результата.

Если вы на начальном этапе выделяли только кожу, то можете уже наслаждаться полученным виртуальным загаром. Если вместе с загаром и одежда, то придется выполнить еще один шаг. Для нового слоя, который вы создали, создайте маску, чтобы скрыть части с одеждой. Сделать это можно, нажав на соответствующую кнопку на панели слоев снизу. Затем закрасьте ненужные части черным цветом с помощью инструмента «Кисть». После этого заливка коричневым цветом не будет применяться к одежде.

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

Вам понадобится

Инструкция

Откройте изображение. Зайдите в меню «Фильтр -> Размытие -> Умное размытие» (Filter -> Blur -> Smart Blur). Выберите режим «Только края». Далее инвертируйте цвета. «Редактирование -> Коррекция -> Инвертировать цвета» (Edit -> correction -> inventirovat color). Или нажмите Ctrl + I.

Создайте новый документ: «Файл -> Создать» (file -> new). Перенесите туда рисунок. Выделите слой, на котором изображен рисунок. Для этого зайдите в палитру слоев. Отключите видимость фонового слоя, то есть щелкните по глазику напротив.

Щелкните по выделенному слою правой кнопкой мыши и выберите «Параметры наложения» (Blending Options). На главной панели в параметре «Наложить, если»(Blend If) перетащите белый ползунок так, чтобы на изображении исчез весь белый цвет. Нажмите ОК.

Создайте новый слой так, чтобы он находился поверх остальных. Зайдите «Слои -> новый слой» (layer -> new layer). Нажмите клавиши Ctrl + E. Или в меню выберите «Слои -> Связать слои» (layer -> link layer). Это действие позволит окончательно вытеснить белый цвет. Далее необходимо выделить фигуру . Нажмите Ctrl и одновременно щелкните мышкой по окну первого слоя.

ШАГ 1. СКАНИРОВАНИЕ И ПОДГОТОВКА ИЗОБРАЖЕНИЯ

Первым делом нужен рисунок, с которым вы будете работать. Чтобы отсканировать изображение прямо в Photoshop, пройдите в меню Файл – Импорт (File – Import) и выберите из списка имя вашего сканера.

В зависимости от модели сканера, это окно будет, скорее всего, выглядеть у всех по-разному. Но базовые принципы везде одинаковы. Изображение нужно отсканировать в большом разрешении – 300 точек на дюйм (dpi). Если у вашего аппарата есть такая опция, можно также выделить определенную область для сканирования. Я именно так и сделала.

После сканирования, возможно, понадобится внести кое-какие корректировки в эскиз, чтобы сделать его более четким. Пройдите в меню Изображение – Коррекция – Уровни (Image – Adjustments – Levels). В окне Уровней (Levels) будет много разных опций, которые можно применить к рисунку, но нас сейчас интересуют только три слайдера под черной гистограммой. Передвигая черный и белый слайдеры к центру, можно корректировать светлые и темные участки изображения. Манипулируйте ими до тех пор, пока не получите более-менее четкий рисунок.

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

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

Пройдите в меню Изображение – Коррекция – Баланс Цвета (Image – Adjustments – Color Balance). Убедитесь, что выбрана кнопка Midtones (средние тона), и передвиньте Желтый (Yellow) слайдер до самой крайней справа точки. Ваш рисунок приобретет синеватый оттенок.

ШАГ 2А – КОНТУРИРОВАНИЕ ИЗОБРАЖЕНИЯ ОТ РУКИ

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

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

Пройдите в меню Изображение – Размер изображения (Image – Image size). Убедитесь, что в качестве меры измерения длинны выбраны дюймы (inches), также убедитесь, что галочкой отмечен пункт Сохранить Пропорции (Constrain Proportions), иначе ваше изображение будет искажено. Теперь нужно подогнать изображение по ширине и/или высоте, чтобы оно вписалось в стандартные параметры печатной бумаги. Для меня самый простой способ сделать это – установить наибольшее разрешение 10 дюймов (inches). Например, высота моего рисунка больше, чем ширина, поэтому я делаю высоту 10 дюймов (inches). Второй показатель сформируется автоматически, т.к. вы отметили пункт Сохранить пропорции (Constrain Proportions). Это очень полезная опция.

Теперь распечатайте свой рисунок на обычной принтерной бумаге.

Положите поверх этого рисунка кальку, закрепите ее скотчем. Лучше пусть это будет бумажный скотч, потому что потом его нужно будет удалить. Аккуратно закрепите кальку поверх рисунка. Используя очень тонкий карандаш (или, как мне нравится, механический карандаш 0,7мм) или даже ручку, если вам так хочется (но учтите, что чернила могут легко размазаться по кальке), обрисуйте рисунок.

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

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

После обводки рисунка аккуратно удалите кальку и снова отсканируйте. Не забудьте выбрать разрешение 300 точек (dpi).

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

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

Во-первых, в окне Слои (Layer) кликните дважды по слою с фоном, на котором и есть ваш контурный рисунок. Так заблокированный слой станет редактируемым. Переименуйте этот слой на «Линии» (Links) или «Чернила» (Inks) или как вам захочется, лишь бы вам было понятно и удобно в использовании.

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

Убедитесь, что вы выбрали этот новый слой, а не слой с контуром. Пройдите в меню Слой – Новый – Фон из слоя (Layer – New – Background from Layer). Так мы установим этот пустой новый слой как фон.

И последнее, вернитесь на слой с контуром. Кликните по стрелке, выделенной красным кругом, чтобы открыть меню с режимами слоев. Выберите из списка режим Умножение (Multiply). Этот режим превратит слой в нечто похожее на кальку или прозрачную бумагу. Это позволит краскам проглядывать через белые области вокруг линий. Если вам понравился этот метод, можете сохранить свой эскиз в.psd-файле, пропустить шаг 2Б и перейти сразу к шагу 3.

ШАГ 2Б – КОНТУРИРОВАНИЕ В ILLUSTRATOR-е

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

Возьмите свой оригинальный эскиз (со всеми видоизменениями до пункта 2А) и сохраните его как.psd-файл в Photoshop-е. Затем откройте Illustrator и создайте в нем новый документ с RGB цветами. Также, установите для холста достаточно большой размер. Я обычно выбираю 8х10 дюймов (inches).

Теперь перейдите в меню Файл – Поместить (File – Place) и найдите.pds-файл с вашим эскизом.

Вы, наверняка, заметите, что ваш рисунок будет маловат для такого большого холста. Ваш эскиз должен быть настолько большим при контурировании, насколько это возможно, поэтому возьмите Стрелку (Arrow) и растяните рисунок, потянув за круглые метки в уголках изображения (не забудьте при этом удерживать клавишу Shift, чтобы не исказить рисунок), пока эскиз не будет такого же размера, как полотно. Ничего страшного, если какие-то участки изображения вышли за пределы холста. Но следите за тем, чтобы рисунок, который вы будете обводить, был строго в рамках листа.

Теперь создайте новый слой. Меню слоев здесь такое же, как и в Photoshop-е. Кнопка создания нового слоя обведена красной линией. Назовите этот слой Чернила (Inks) или дайте другое подходящее название. Также не забудьте заблокировать слой с эскизом, чтобы случайно не начать рисовать на нем. Просто кликните по пустому квадратику слева от слоя, там появится маленькая иконка замочка, что будет значить, что слой заблокирован.

К сожалению, большинство стандартных кистей, которые имеются в illustrator-е, мало подходят для такого рода контурирования, поэтому нам придется отредактировать одну из имеющихся. Для начала найдите инструмент Кисть (Paintbrush tool) (выделено в красный круг слева на рисунке). Затем откройте окно с кистями (Brushes), это где-то рядом с окном Слоев (Layers). Выберите первую круглую маленькую кисть, которую там найдете, затем кликните по стрелочке в верхнем правом углу и выберите Опции Кисти (Brush Options). На рисунке ниже вы видите те опции, которые я выбрала для своей кисти. Если хотите, можете выбрать другую кисть и применить к ней эти же настройки, и сохранить для другого раза. Я назвала свой новый инструмент «Чернильной кистью» (Inking Brush). В конце, убедитесь, что контроль мазка кисти (черный квадрат с серым центром в нижнем правом углу на рисунке) переключен на черный, а цвет заливки выбран прозрачный (белый квадрат с красной линией, проходящей по диагонали этого квадрата). Чтобы поменять один из квадратов на прозрачный, просто выберите нужный квадрат и кликните по иконке прозрачности (выделено красным кругом в самом нижнем правом углу).

Должна сказать, что, если у вас нет Illustrator-а, то в Photoshop-е есть похожая кисть. Единственное отличие заключается в том, что Photoshop использует пиксели, а illustrator – векторы, так что придется чуть больше потрудиться, чтобы получить плавные линии. Также, иногда бывает сложно в будущем подчистить неровности. Было время, когда я сама использовала для контурирования Photoshop, поэтому и он сгодится, если других вариантов нет.

Теперь можно перейти непосредственно к контурированию, но здесь есть и подводные камни, о которых вам стоит узнать заранее. Во-первых, следите за тем, чтобы вы не сходили с Чернильного слоя (Inks Layer), и за тем, чтобы слой с эскизом оставался заблокированным. Теперь возьмите кисть и начните обводить линии контура. Каждый нанесенный мазок будет работать как отдельная редактируемая линия. Это очень удобно, потому что, впоследствии, вы сможете корректировать любые из этих линий. Вы также должны заметить, как по мере рисования ваши линии будут автоматически разглаживаться.

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

Система автоматически скорректировала первый путь, и он теперь продолжает новую линию. Это, конечно, раздражает, но решить эту проблему можно. Первое, что можно сделать, это после каждого нанесенного мазка нажимать меню Выделить – Убрать выделение (Select – Deselect). Таким образом, вы будете наносить новые линии, не влияя на старые.

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

Вы можете манипулировать путями (линиями) как с помощью кисти, так и с помощью курсора. Курсором можно, например, выделить путь и изменить его размер или угол наклона, подергивая за уголки выделения.

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

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

Чтобы стереть часть линии, выделите необходимый путь, затем найдите на панели инструментов Ластик (Eraser) (он обведен красным кругом на рисунке ниже).

Используя Ластик (Eraser) пройдитесь по той части пути, которую хотите удалить. На рисунке ниже красной стрелкой показан участок, который я хочу удалить на своем рисунке.

И лишнее просто исчезает… как по волшебству!

Хотя и у этого трюка есть свои минусы. Иногда вокруг области, где вы применили Ластик (Eraser) могут появиться «искажения». Если исправить эти зоны слишком сложно, оставьте все как есть. Их можно будет потом аккуратненько поправить в Photoshop-е.

Когда вы закончите, результат должен быть примерно таким (рисунок ниже):

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

Сохраните свой рисунок в формате AI, убедитесь, что в графе, где говорится о совместимости с PDF, стоит галочка, а также в пункте «Применить сжатие» (Use compression). Теперь закройте Illustrator и вернитесь в Photoshop, чтобы открыть этот AI-файл. Повторно сохраните этот файл в формате PSD. И сделаем еще пару изменений, прежде чем приступить к раскрашиванию.

Ваш рисунок будет выглядеть примерно как на рисунке ниже. Шахматная сетка показывает прозрачные области. Нужно для этого изображения создать фон. Для этого создайте новый слой, установите его фоновым, нажав Слой – Новый – Слой из фона (Layer – New – Layer from Background).

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

ШАГ 3 – КРОППИНГ. ДОПОЛНИТЕЛЬНАЯ КОРРЕКТИРОВКА ЛИНИЙ, ИЗМЕНЕНИЕ РАЗМЕРА

Мне совсем не нравилось, как рисунок получился в нижней части, к тому же, некоторые линии просто «съезжали» со страницы, поэтому нужно исправить это путем срезания лишнего. Инструмент обрезки (Crop tool) обведен красным кругом на панели инструментов. Выделите прямоугольником ту область, которую хотите сохранить. Мне не нужна нижняя часть рисунка, поэтому я оставляю ее за пределами выделения.

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

Теперь пришло время разобраться с теми линиями, которые вы не убрали в Illustrator-е. используйте Ластик (Eraser tool) (выделен красным кругом на панели инструментов) маленького размера, чтобы аккуратно убрать все лишнее. Я обвела те области, которые мне нужно либо совсем убрать, либо чуть-чуть укоротить (например, кончики некоторых волосков нужно немного заострить).

Два рисунка ниже демонстрируют примеры ДО и ПОСЛЕ подчистки.

Далее нужно немного изменить размеры изображения. Мне совсем не нравится нехватка пространства между персонажем и краями холста. Пройдите в меню Изображение – Размер холста (Image – Canvas size) и введите новые параметры размера. На маленькой таблице якоря (Anchor) видно, в какую сторону будет растягивать изображение. Белый кубик – это ваше изображение, стрелки показывают дополнительные области прибавления к холсту. Так как я обрезаю свое изображение по нижней части, нужно убедиться, что там не будет добавлено никакой новой области. Дополнительное пространство мне нужно добавить только сверху и по бокам. Для этого я кликаю по нижнему кубику по середине, чтобы закрепить полотно.

Что чаще всего рисуют дети? Конечно же, домашних животных. Многие любят собак, и хотели бы нарисовать своего домашнего питомца. Кстати, это касается не только детей, но и взрослых. Если вы не обладаете хорошими художественными навыками, попробуйте сделать контур собаки. Рисунок выполняется поэтапно: с каждым шагом добавляются новые детали.

Сенбернар

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

Рисовать будем простым карандашом. Картинку лучше делать во весь бумажный лист, так будет проще прорисовывать мелкие элементы. Ниже представлено описание и картинки контура собаки пошагово.

• Чертим диагональную линию. По ее центру рисуем большой круг, не обязательно идеально ровный. Это будет центральная часть тела собаки. Ниже рисуем окружность поменьше – заднюю часть. Выше большой окружности рисуем самый маленький круг. Это будет голова нашего сенбернара.
• Удаляем вспомогательную диагональную линию ластиком. В нижней части большого круга рисуем маленький кружок — сустав передней лапы. От него проводим линию вниз и на конце ее рисуем еще один кружок примерно такого же размера. Правее из большой окружности проводим линию вниз, параллельно предыдущей, и также заканчиваем ее окружностью. Наброски передних лап готовы. Задняя лапа у сидящего сенбернара будет видна только одна. Для того, чтобы ее наметить, рисуем овал чуть ниже круга, символизирующего заднюю часть туловища.
• К окружности головы пририсовываем круг поменьше. Это будет мордочка. На данном этапе важно соблюсти пропорции, ведь от этого будет зависеть общий вид собаки.

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

Щенок

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

• Берем простой карандаш и мягкими, плавными движениями прорисовываем контуры носа, рта и глаз. Сильно нажимать на карандаш не нужно, так как если контур получится неправильным, его будет трудно стереть ластиком.
• От носа рисуем дугообразные линии – мордочку щенка спаниеля. Если нужно, тщательно прорисовываем кончик носа, ноздри, линии рта и глаза.
• От носа ведем линии вверх, вырисовывая покатый лоб и боковые линии головы. Они плавно переходят в висячие ушки. Затем прорисовываем контуры мордочки — рисуем две дугообразные линии.

• От точки соединения двух кривых линий мордочки ведем слегка выпуклый контур вниз. Это будет грудь щенка. С левой стороны прорисовываем переднюю лапу.
• В виде полуокружности рисуем задние лапы сидящего щенка. Поскольку он сидит боком, будет видна только одна лапа. С другой стороны, от уха, начинаем рисовать слегка округленный контур спины и хвост.

Если хотите продолжить работу, можете нарисовать на теле штрихи, символизирующие растрепанную шерсть, или раскраситькартинку, как вам нравится.

Поделка

Наступил 2018 год. По восточному календарю это год Собаки. Поэтому во многих детских садах, школах и творческих студиях ребята делают поделки, изображающие этих животных. Предлагаем самостоятельно смастерить оригинальную собачку из картона. Для этого понадобится:

• цветной картон средней плотности, чтобы было легко вырезать детали;
• фломастеры;
• старый, ненужный компакт-диск;
• ножницы;
• клей для бумаги и картона.

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

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

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

Обучающее видео по рисованию контура собаки из мультика «Тайная жизнь домашних животных»:

Adobe photoshop векторная графика — Вэб-шпаргалка для интернет предпринимателей!

В этом уроке мы рассмотрим процесс создания векторного рисунка в Фотошопе.

Сложность: Средняя

Дата: 24.08.2013

Обновлено: 18.06.2015

Как известно, векторные иллюстрации в настоящее время очень популярны в веб-графике. Профессиональные дизайнеры могут создавать такие иллюстрации за считанные часы. Если Вы новичок или любитель, уроки веб-графики, безусловно, будут крайне полезны для Вас. Цель данного урока — пролить свет на процесс создания выбранного изображения. Шаг за шагом я продемонстрирую весь процесс и с помощью моих комментариев поясню все этапы.

Чтобы создать действительно классное изображение, Вы должны выбрать нужную программу и следовать определенным правилам. Если Вы хотите нарисовать векторную иллюстрацию, то должны иметь в виду, что для этого используются такие редакторы как Adobe Illustrator или CorelDraw. Вместе с тем, Photoshop располагает достаточными средствами для разработки векторных иллюстраций. Я наглядно покажу это в своем уроке, как перевести рисунок в вектор. Я выбрал скетч кота как основу для иллюстрации. Я решил изобразить синего кота с розовыми цветами в лапах.

Скетч кота, который я использовал в уроке.

Шаг 1

Начнем с создания фона. Нарисуем форму с помощью инструмента выделения Pen Tool («Перо» / Клавиша «P») (в режиме Shape Layers (Слой Фигура)). Настройки — Fill (Непрозрачность заливки) = 0%. Теперь используем наложение градиента: (Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) (Layer Style — Stroke (Стиль слоя — Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.

Итак. используем Pen Tool («Перо» / Клавиша «P»), в режиме Shape Layers (Слой Фигура). Выделяем весь холст, настройки Fill (Непрозрачность заливки) = 0%, и добавляем градиент (Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента)).

Шаг 2

Раскрашиваем основные части кошачьего тела в синий цвет: нос с ушами, тело, передняя лапа и хвост. Добавляем Stroke (Обводку), чтобы сделать изображение более интенсивным. Используем цвета с #4f85c8 до #7ab2ee, угол — 50 deg (Градус) для Наложения градиента, и #2d72c5 — цвет Stroke (Обводка).

Шаг 3

Теперь уделим внимание основным элементам тела. Высветлим часть тела, используя тот же градиент, что и для всего тела, с углом 3 deg (Градус).

Шаг 4

Перейдем к деталям хвоста. Выделим весь хвост и заполним его градиентом (68 deg (Градус)). После этого выделим кончик хвоста (как показано на рисунке) и заполним тем же градиентом (75 deg (Градус)).

Шаг 5

Выделим нос, как показано на рисунке, и заполним градиентом (90 deg (Градус)).

Шаг 6

Осветлим кончик носа (-66 deg (Градус)). Используем более темные цвета, чтобы подчеркнуть границы носа.

Шаг 7

Пришло время поработать с общими контурами ушей. Используем угол градиента 66 deg (Градус) для нижнего и 4 deg (Градус) для верхнего уха.

Шаг 8

Придадим форму краю уха: используем угол градиента 16 deg (Градус) для нижнего уха и 34 deg (Градус) — для верхнего.

Шаг 9

Добавим деталей на лапах. Создадим овальную форму верхнего пальца (градиент с углом (35 deg (Градус)), затем для среднего пальца (68 deg (Градус)), и наконец для нижнего (58 deg (Градус)). Каждая последующая форма накладывается на предыдущую.

Шаг 10

Основной корпус готов. Теперь перейдем ко второй нижней лапе. Создадим новую форму (97 deg (Градус)), далее нажмем «Shift+Ctrl+[» (Send to Back (На задний план)), и добавим Stroke (Обводка) c цветом #1d62b5.

Шаг 11

Добавим три круга сверху донизу (25 deg (Градус), 68 deg (Градус), 83 deg (Градус)) для каждого пальца, как и в шаге 9.

Шаг 12

Проделаем все то же, что и с первой нижней лапой. Готово. Теперь обратимся к верхним лапам. Создадим форму для одной из верхних лап (58 deg (Градус)) и добавим Stroke (Обводку) с цветом #4172a5 (как и для всех внешних форм).

Шаг 13

На верхней лапе 4 пальца. Скроем один из них. Создадим форму (50 deg (Градус)).

Шаг 14

Создаем овальную форму для каждого пальца, как в шаге 9 (63 deg (Градус), 67 deg (Градус), 77 deg (Градус)). Добавляем Stroke (Обводка) с цветом #3367a6 для каждого из 3-х пальцев.

Шаг 15

Создадим новую форму для второй лапы (-61 deg (Градус)). Жмем (Ctrl+Shift+]) и добавляем Stroke (Обводка) #2d72c5.

Шаг 16

Для верхнего пальца создаем форму (135 deg (Градус)), затем то же самое проделываем и для остальных пальцев (сверху вниз) — как и в шаге 9 (99 deg (Градус), 83 deg (Градус), 67 deg (Градус)).

Шаг 17

Закончили с основной частью кошачьего тела. Теперь перейдем к мордочке. Начнем с глаз. Создадим новую форму для нижнего века (-168 deg (Градус)), а затем светло-голубую форму — белок глаза (-22 deg (Градус)).

Шаг 18

Теперь нарисуем овальную форму в середине головы (90 deg (Градус)) для радужки глаза, добавим Stroke (Обводка) #599c01. Нарисуем зрачок над радужкой (90 deg (Градус)). Затем создадим маленькую овальную форму для блика. Для градиента используем цвет #ebfcf9.

Шаг 19

Сделаем овальную форму век (94 deg (Градус)), затем форму для ресниц (-173 deg (Градус)). Расположим их по границе века. Нажимаем «Ctrl+[» (Send Backward (Переложить назад)).

Шаг 20

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

Шаг 21

Поработаем с зубами. Создадим новую форму (71 deg (Градус)) и добавим Stroke (Обводка) с цветом #336aaa.

Шаг 22

Создадим форму для нижнего зуба (-122 deg (Градус)). Далее создаем дубликаты слоя с зубом (Ctrl+J) и изменяем их размер, используя инструмент Path Selection Tool (Инструмент «Выделение контура» / Клавиша «A»).

Шаг 23

Создаем форму верхнего зуба (-135 deg (Градус)), и производим те же действия, что и в шаге 22.

Шаг 24

Кот практически готов. Добавим некоторые детали. Подготовим формы для роскошных кошачьих усов: (сверху вниз:-50 deg (Градус), 63 deg (Градус),-50 deg (Градус)).

Шаг 25

И еще 2 нижних уса:

Шаг 26

Теперь сделаем коту когти. Просто создаем небольшие формы в виде штрихов. в зависимости от направления когтя, указываем и угол наклона градиента, которым его заливаем. Градиент желательно выбрать: от темного к светло-голубому. Не бойтесь варьировать градиенты.

Шаг 27

Последний элемент — цветы в кошачьих лапах. Нарисуем форму стебелька цветка (173 deg (Градус)), как показано на скриншоте, жмем «Shift+Ctrl+[» (Send to Back (На задний план)). Далее создадим форму с лепестками (79 deg (Градус)).

Шаг 28

Создадим еще одну форму для лепестков (94 deg (Градус)), сделаем её чуть больше и разместим чуть выше исходной. Нарисуем сердцевину цветка (76 deg (Градус)), и еще такую же форму (99 deg (Градус)), сдвинув её вверх и вправо на 1 рх.

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

Финальный результат

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

Виды изображений

Векторное

Когда вы создадите новый документ в Photoshop, напишите на белом листе любое слово, подобрав удобный размер (использование функций «Текст» — значок с буквой «Т» на панели инструментов).

Увеличьте масштаб инструментом «Лупа» — вы увидите, что буквы состоят из пикселей. На самом деле вид задаётся формулами, только отображение в программе выполняется пикселями.

Возвращаем нормальный размер, кликнув дважды на значок с рукой. Уменьшаем размеры следующим образом: «Редактирование» — «Трансформирование» — «Масштабирование». При уменьшении размеров качество букв сохраняется. Таким же способом увеличиваем текст максимально, качество так же остаётся хорошим, так как формулы работают при любом масштабе хорошо.

Типичный пример векторного изображения

Растровое

Чтобы перевести векторное изображение в Фотошопе в растровое, уменьшим готовую картинку. Затем проходим на вкладку «Слои», там выбираем «Растрировать» — «Текст». У нас получились буквы, действительно состоящие из пикселей.

При увеличении растровой картинки/текста с помощью функций «Редактирование» — «Трансформирование» — «Масштабирование», качество сильно ухудшается. При повторениях процедуры качество каждый раз становится всё хуже — буквы становятся расплывчатыми.

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

При увеличении масштаба растровая картинка теряет в качестве

Создание векторной графики

Сделать рисунок можно с помощью любой фотографии. Если вы не знали, как перевести в вектор в Фотошопе фото, преобразовать его, следуйте следующему алгоритму действий:

1. Откройте фотографию/иллюстрацию. Создайте новый слой.
2. Инструментом «Перо» обведите контуры одного из элементов (например, лица). Чтобы не мешал фон, поставьте меньшую прозрачность, до 20–30%. Выберите цвет заливки и контура.
3. Далее таким же образом прорисуйте контуры других деталей, залейте их нужным цветом.
4. Для сложного наложения цвета на лице модели можно использовать «Фильтры». Зайдите в «Галерею фильтров», сделайте там «Постеризацию» на несколько уровней, удобно на 3 уровня. Photoshop вам подскажет, как накладываются тени, вам остаётся обрисовать их контуры. Можно дополнительно обесцветить, сделать фото чёрно-белым, настроить резкость, чтобы чётче видеть уровни. При заливке выбирайте всё более светлый/тёмный цвет для слоёв. У вас образуются переходы цветов.

Терпение, аккуратность, неторопливость — и ваша работа будет готова. При хорошем навыке вы будете изготавливать простые рисунки довольно быстро, А перевести любую картинку в вектор не составит проблемы.

Итогом кропотливой работы станет картинка «в кривых»

Как в Фотошопе сделать векторное изображение человека на основе его фотоснимка? На это вам понадобится много слоёв цвета, а значит, работа займёт довольно много времени. Но сам процесс не так сложен, как кажется, и при достаточном терпении вы вполне справитесь с задачей и получите приличный вектор.

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

Что такое растровое и векторное изображение и чем они отличаются

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

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

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

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

Еще больше о Photoshop — на курсах «Fotoshkola.net».

Простой пример, как растр перевести в вектор

Итак, вектор состоит из геометрических фигур. Photoshop обладает инструментами для создания контуров. Контур и есть геометрическая фигура. Чтобы сделать векторное изображение в Фотошопе, нужно создать контур изображения. Помогут нам в этом инструменты группы «Выделение»/Select: «Прямоугольное выделение»/Rectangular Marquee Tool, «Эллиптическое выделение»/Elliptical Select Tool,** «Волшебная палочка»/Magic Wand Tool, **«Быстрое выделение»/Quick Selection Tool и «Перо»/Pen tool.

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

Открываем растровое изображение в фотошопе (самый распространенный формат растрового изображения — JPG). Очень легко поддаются обработке логотипы, контурные рисунки, эскизы. Чтобы получить векторный эскиз портрета, сначала можно преобразовать портрет в эскиз с помощью «Галереи фильтров», либо использовать готовый поп-арт. О том, как работать с «Галереей фильтров» и быстро создавать поп-арт из фото, мы рассказывали в предыдущих статьях. Для этого примера мы возьмем готовый поп-арт-портрет. Умышленно мы подготовили его из фото не самого лучшего разрешения. Поэтому векторный вариант покажет нам заметную разницу.

Чтобы работать с контурами, вам нужно вызвать закладку «Контуры»/Path на палитру слоёв. Для этого зайдите в меню «Окно»/Window и отметьте пункт «Контуры»/Path. Закладка появится на палитре слоёв.

Изображение имеет 4 цвета (фон не считаем). Берём инструмент «Волшебная палочка»/Magic Wand Tool и выделяем первый цвет. Чтобы выделить все участки, рассредоточенные островками по изображению, удерживайте Shift.

Когда первый цвет выделен, выбираем инструмент «Лассо»/Lasso либо «Прямоугольная область»/Rectangular Marquee Tool и, не снимая выделения, щёлкаем правой клавишей мыши. В контекстном меню выбираем «Образовать рабочий контур»/Make Work Path.

В диалоговом окне указываем максимальное сглаживание «Допуск»/Tolerance (от 1 до 10; чем ниже цифра, тем лучше повторятся контуры). Жмём Ok.

На закладке «Контур» появится первый контур. На изображении он будет заметен в виде кривых с точками. Их можно выровнять и подогнать с помощью инструмента «Выделение узла»/Direct Selection Tool. Этим инструментом выделяем точку и либо корректируем кривую, перемещая усик точки, либо подвигаем саму дугу.

На закладке «Контур» меняем название контура. Для этого щёлкаем по нему двойным щелчком и в диалоговом окне изменяем имя.

Проделываем все описанные шаги с остальными цветами. В итоге получаем четыре контура для каждого цвета.

Получив контуры, остаётся создать вектор. Переходим на закладку «Слои»/Layer на палитре слоёв, создаём новый слой Shift+Ctrl+N. Основной цвет задаём тот, в который окрасим первый контур.

Возвращаемся на закладку «Контур», становимся на первый контур. В главном меню в пункте «Слои»/Layers выбираем «Новый цвет заливка»/New Fill Layer — «Цвет»/Solid Color. В открывшемся окне жмём Ok.

Теперь, перейдя на закладку «Слои»/Layers, вы увидите на новом слое первый векторный слой.

Проделаем эти шаги для каждого контура.

Так мы получили четыре фигуры, которые составили портрет. Теперь можно сохранить в файл с векторным расширением SVG (слой с исходной картинкой удаляем). Нажимаем Alt+Shift+Ctrl+W (экспортировать как). В диалоговом окне выбираем расширение файла SVG, жмём «Экспортировать всё»/Export All.

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

На этом всё. Способ достаточно простой.

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

Рекомендуем к прочтению

Adobe Photoshop — Как обвести это изображение толстой черной рамкой

Я вижу, вы уже приняли ответ Джуджа, но …

Чтобы получить более гладкий результат, начиная с метода joojaa, установите Tolerance примерно на 10, прежде чем делать свой выбор …

Затем, инвертировав выделение, как посоветовал joojaa, выберите «Выделить и замаскировать» (или «Уточнить выделение» в старых версиях PS) и изменить вид на Черно-белый:

Теперь нажмите клавишу B , чтобы активировать инструмент «Кисть» (используйте клавиши с квадратными скобками [ и ] , чтобы изменить размер кисти вверх и вниз, и нажмите и удерживайте клавишу Alt для переключения с белого на черный) , и мы можем немного улучшить выделение вручную (не обязательно идеальным):

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

При активном выборе нажмите:

• Ctrl + Backspace для заливки центра белым цветом
• Ctrl + Shift + I , чтобы инвертировать выделение
• Alt + Backspace для заливки фона черным

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

Перейдите в меню «Изображение»> «Режим» и выберите «Оттенки серого». Теперь у нас есть что-то вроде этого:

Перейдите в Фильтр> Галерея фильтров и в разделе «Эскиз» выберите «Штамп» и поверните ползунок «Гладкость» до тех пор, пока край не станет более гладким … затем добавьте еще один фильтр (нажав кнопку «Новый слой эффекта» в правом нижнем углу диалогового окна «Галерея фильтров») и выберите «Фотокопия».

Поиграйте с ползунками «Детализация» и «Темнота», пока не добьетесь желаемого эффекта… (Вы также можете добавить еще один экземпляр фильтра штампа, чтобы еще больше сгладить, если необходимо / желательно):

И вот окончательный результат:

Обрисовка действия — Урок Photoshop

Обрисовка действия

Шаг 1: Дублируйте фоновый слой

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

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

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

Перейдите в меню «Слой»> «Создать»> «Слой через копирование» или нажмите «Ctrl + J» (Win) / «Command + J (Mac)».

В любом случае сообщает Photoshop создать для нас копию фонового слоя, и если мы снова посмотрим на нашу палитру слоев, мы увидим, что теперь у нас есть скопированная версия слоя, который Photoshop назвал «Layer 1», сидя над оригиналом:

Копия фонового слоя появляется над оригиналом.

Шаг 2. Выберите основной объект фотографии

Используйте выбранный инструмент выделения (инструмент «Лассо», «Перо» и т. Д.), Чтобы выделить основной объект фотографии.Для чистых, профессионально выглядящих выделений лучше всего подойдет Pen Tool (если вы не знаете, как использовать Pen Tool, вы найдете все, что вам нужно знать, чтобы приступить к работе с ним, в нашем Создание выделений с помощью Учебник Pen Tool ), но инструмент Lasso Tool также будет работать. В моем случае я хочу выбрать футболиста (или футболиста, в зависимости от того, где вы живете), а также мяч, который он собирается ударить, поэтому я выберу их обоих. Когда вы закончите, у вас должен появиться контур выделения вокруг вашего основного объекта (ов):

Контур выделения появляется вокруг основного объекта (объектов) на фотографии.

Для получения дополнительной помощи по созданию выделения в Photoshop, ознакомьтесь с нашим учебным курсом Full Power Of Basic Selections , который вы найдете в разделе Редактирование фотографий на веб-сайте.

Шаг 3: скопируйте выделение на новый слой

Нам нужно скопировать выделенную область на отдельный слой, чтобы мы могли работать с ней отдельно от остальной части изображения. Мы можем сделать это, используя тот же метод, который мы использовали для дублирования фонового слоя минуту назад, за исключением того, что на этот раз будет дублирована только область внутри нашего выделения, а не все изображение.Вернитесь к меню Layer в верхней части экрана, выберите New , а затем выберите Layer через Copy или нажмите сочетание клавиш Ctrl + J (Win) / Command + J (Mac ). Кажется, что с изображением в окне документа ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что теперь у нас есть новый слой с именем «Layer 2», расположенный над «Layer 1», и если мы посмотрим в эскиз предварительного просмотра для «Слоя 2», мы можем видеть, что слой содержит копию основного объекта, в то время как остальная часть слоя пуста, обозначенная серым рисунком шахматной доски:

Главный объект теперь отображается на отдельном слое в палитре слоев.

Шаг 4. Применение стиля слоя «Обводка»

Чтобы обвести контур вокруг нашего основного объекта (ов), мы можем использовать стили слоя Photoshop. Щелкните значок Layer Styles в нижней части палитры Layers, после чего появится список всех доступных стилей слоя, из которых мы должны выбрать. Выберите стиль слоя Stroke снизу списка:

Щелкните значок «Стили слоя» и выберите «Обводка» внизу списка.

Откроется диалоговое окно «Стиль слоя», в котором в среднем столбце установлены параметры «Обводка».По умолчанию цвет обводки установлен на красный. Изменим его на белый. Щелкните образец цвета справа от слова «Цвет»:

Щелкните образец цвета, чтобы изменить цвет обводки.

Откроется палитра цветов Photoshop . Выберите белый из палитры цветов. Простой способ выбрать белый цвет — просто ввести значение 255 в параметры R , G и B в нижней центральной части диалогового окна.Когда закончите, нажмите OK, чтобы выйти из палитры цветов:

.

Выберите белый цвет в палитре цветов.

Теперь, когда цвет обводки установлен на белый, давайте настроим ширину обводки. Мы можем сделать это с помощью ползунка Size в верхней части параметров Stroke. Фактический размер, который вы выберете, будет зависеть от размера изображения, с которым вы работаете, и от того, насколько большим вы хотите, чтобы ваша обводка отображалась, поэтому следите за своей фотографией в окне документа, когда вы перетаскиваете ползунок размера, чтобы увеличить или уменьшить ширина штриха.Перетаскивание ползунка вправо увеличивает ширину обводки, а перетаскивание влево уменьшает ее. Для моего изображения я выберу размер обводки 4 пикселя (пикселей):

Отрегулируйте размер обводки с помощью ползунка «Размер».

Пока не щелкайте за пределами диалогового окна. Нам все еще нужно добавить еще один стиль слоя. Теперь у вас должна быть белая обводка вокруг основного объекта (ов) на вашей фотографии:

Теперь вокруг основных объектов на фотографии появляется белая полоса.

Шаг 5: Добавьте стиль слоя Outer Glow

Давайте добавим немного больше интереса к нашему эффекту контура, применив также стиль слоя Outer Glow. Пока диалоговое окно Layer Style все еще открыто, щелкните прямо по словам Outer Glow слева от диалогового окна. Убедитесь, что вы нажимаете непосредственно на сами слова, а не только внутри флажка слева от слов. Мы хотим иметь возможность изменять некоторые параметры стиля слоя, и единственный способ получить доступ к параметрам — это щелкнуть непосредственно по имени стиля слоя:

Щелкните непосредственно на слове «Outer Glow» слева в диалоговом окне «Стиль слоя».

Это изменяет средний столбец диалогового окна Layer Style на параметры Outer Glow. По умолчанию цвет свечения установлен на желтый, что, на мой взгляд, отлично работает с этим эффектом, поэтому я оставлю его в покое. Увеличьте непрозрачность непрозрачности внешнего свечения до 100% . Затем в разделе «Элементы» увеличьте Spread примерно до 6% и Size примерно до 30 пикселей :

Параметры внешнего свечения в диалоговом окне «Стиль слоя».

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

Эффект контура теперь включает внешнее свечение.

Щелкните OK, чтобы выйти из диалогового окна Layer Style на этом этапе. Мы закончили применять стили слоя.

Шаг 6. Увеличьте цвет основного объекта с помощью корректирующего слоя «Оттенок / Насыщенность»

Основной эффект контура на этом завершен, но давайте еще больше улучшим наше изображение с помощью пары корректировок цвета и некоторого размытия.Во-первых, мы увеличим насыщенность цвета нашего основного объекта. Для этого мы можем использовать корректирующий слой Hue / Saturation . Однако мы хотим убедиться, что наш корректирующий слой влияет только на основной объект, а не на все изображение, поэтому мы собираемся обрезать корректирующий слой на «Слой 2», который является слоем, содержащим наш основной объект. . Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните значок New Adjustment Layer в нижней части палитры слоев.Выберите Hue / Saturation из появившегося списка корректирующих слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый корректирующий слой» и выберите «Цветовой тон / насыщенность» из списка.

Удерживая нажатой клавишу Alt / Option при щелчке по значку New Adjustment Layer, мы говорим Photoshop открыть диалоговое окно New Layer , которое позволяет нам установить некоторые параметры перед добавлением корректирующего слоя. Непосредственно под опцией «Имя» находится опция под названием «Использовать предыдущий слой для создания обтравочной маски» .Этот параметр, если он выбран, обрезает корректирующий слой на слое непосредственно под ним, что означает, в нашем случае, что все, что мы делаем с нашим корректирующим слоем, будет влиять только на наш основной объект на «Слое 2». Щелкните внутри флажка, чтобы выбрать этот параметр, затем щелкните OK, чтобы выйти из диалогового окна «Новый слой»:

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

Как только мы выходим из диалогового окна, появляется диалоговое окно Hue / Saturation. Мы хотим использовать его для увеличения насыщенности цвета нашего основного объекта, поэтому щелкните ползунок Saturation в середине диалогового окна и перетащите его вправо.Чем дальше вы перетаскиваете вправо, тем больше вы увеличиваете насыщенность цвета, поэтому следите за своим изображением в окне документа, перетаскивая ползунок, чтобы не переусердствовать. Я собираюсь перетащить ползунок насыщенности до значения около +35 , что придаст моему основному объекту приятный оттенок:

Перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета основного объекта.

Нажмите OK, чтобы закрыть диалоговое окно, когда закончите. Если мы на мгновение посмотрим на палитру Layers, мы увидим корректирующий слой Hue / Saturation, расположенный над «Layer 2».Обратите внимание, как корректирующий слой смещен вправо. Это говорит нам о том, что слой обрезан до слоя под ним:

Палитра слоев, показывающая корректирующий слой «Цветовой тон / насыщенность», обрезанный до «Слоя 2» под ним.

Вот мое изображение после увеличения насыщенности цвета основного объекта:

Увеличена насыщенность цвета основного объекта без изменения остальной части фотографии.

Шаг 7. Примените фильтр «Размытие по Гауссу» к «Слою 1».

Мы закончили работу над нашей основной темой.Давайте закончим, уменьшив важность остальной части фотографии. Щелкните «Layer 1» в палитре слоев, чтобы выбрать его. Текущий выбранный слой всегда выделяется синим цветом в палитре «Слои». Мы собираемся размыть остальную часть фотографии, и для этого мы будем использовать фильтр Photoshop Gaussian Blur . Поднимитесь в меню Фильтр вверху экрана, выберите Размытие , а затем выберите Размытие по Гауссу :

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

Откроется диалоговое окно фильтра «Размытие по Гауссу». Установите Радиус размытия примерно на 10 пикселей . Опять же, вам может потребоваться увеличить или уменьшить это количество в зависимости от размера изображения, над которым вы работаете, но 10 пикселей обычно работают хорошо:

Фильтр размытия по Гауссу.

Нажмите OK, чтобы выйти из диалогового окна «Размытие по Гауссу», и если мы посмотрим на наше изображение в окне документа, мы увидим, что фон красиво размывается, а основной объект остается резким:

Остальная часть фотографии теперь размыта, а главный объект остается нетронутым.

Шаг 8: Уменьшите насыщенность цвета фона с помощью «Цветовой тон / Насыщенность»

В качестве последнего шага давайте снизим насыщенность цвета фона, чтобы выделить главный объект еще больше. Не снимая выделения с «Layer 1», еще раз щелкните значок New Adjustment Layer в нижней части палитры слоев и выберите Hue / Saturation из списка. На этот раз не нужно удерживать кнопку Alt / Option:

Выберите другой корректирующий слой «Цветовой тон / насыщенность» на палитре «Слои».

Когда появится диалоговое окно «Оттенок / насыщенность», перетащите ползунок Насыщенность влево, чтобы уменьшить насыщенность цвета фона. Чем дальше вы перетаскиваете влево, тем сильнее вы уменьшаете насыщенность. Я собираюсь перетащить ползунок на значение около -25 :

Перетащите ползунок «Насыщенность» влево, чтобы уменьшить насыщенность цвета фона.

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна, и все готово! Вот мой окончательный результат после уменьшения насыщенности цвета фона:

Окончательный результат.

простых способов обвести текст с помощью Photoshop

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

Заявление об отказе от ответственности: Этот блог поддерживают его читатели. Этот пост содержит партнерские ссылки для Adobe. Если вы используете наши ссылки для покупки продукта, мы можем взимать небольшую комиссию без каких-либо дополнительных затрат для вас. Спасибо за поддержку в Create With Code Dragon! Для получения дополнительной информации прочтите полный отказ от ответственности здесь.

---

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

ШАГ 1. Подготовьте документ и добавьте текстовый слой

Откройте Photoshop (на момент написания этой статьи я использовал Photoshop CC), затем выберите File -> New или File -> Open, чтобы подготовить холст.Затем в главном меню (обычно находится в левой части экрана Photoshop) выберите инструмент Horizontal Type Tool . Щелкните в любом месте холста и печатайте! Photoshop добавит туда текст Lorem Ipsum (поддельный заполнитель), поэтому, конечно, вам нужно будет выделить его и изменить на желаемый текст.

ШАГ 2. Отрегулируйте размер и стиль текста

Измените свой текст на любой стиль, размер точки (pt) и уровень жирности, который вы ищете, убедившись, что ваш текст выделен.Это приведет к появлению меню типа в верхней части экрана PS. Просто выберите стиль шрифта в раскрывающемся меню и завершите настройку текста по своему вкусу. Здесь вы также можете изменить цвет шрифта, щелкнув цветной прямоугольник и выбрав цвет из небольшого всплывающего окна.

ШАГ 3. Примените к тексту стиль «Обводка».

Сначала убедитесь, что текстовый слой выбран в меню «Слои», затем выберите «fx» внизу экрана PS:

Затем в появившемся окне выберите «Параметры наложения.”

ИЛИ

Вы можете дважды щелкнуть текстовый слой в меню «Слои», и появится то же всплывающее окно. Затем выберите «Параметры наложения».

ИЛИ

Вы также можете щелкнуть правой кнопкой мыши текстовый слой и выбрать «Параметры наложения» в появившемся окне. (так много вариантов…!)

В любом случае — перейдем к…

ШАГ 4. Поэкспериментируйте с различными вариантами «Обводки»

Теперь, когда вы находитесь во всплывающем окне, нажмите «Stroke» слева, чтобы выбрать его.Вы можете поиграть с различными параметрами, такими как размер обводки (контур текста), положение, режим наложения и непрозрачность. В приведенном ниже примере я выбрал положение «по центру», что заставляет обводку покрывать часть внутри и снаружи моего текста (режим наложения нормальный, непрозрачность 100%):

Вы также можете изменить стиль «Тип заливки» на сплошной цвет, градиент или узор.

Выбор типа заливки «градиент» открывает всевозможные интересные возможности для создания специальных эффектов.Это произошло, когда я выбрал вариант градиента в оттенках серого ->

Этот эффект был создан путем увеличения размера до 49, затем выбора позиции «Снаружи», режима наложения «Затемнение» со стилем градиента «Линейный» (15% для угла) ->

И мой текстовый контур полностью исчез, если выбрать положение «Внутри», режим наложения «Нормальный» с типом заливки «Узор» ->

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

Например, вы можете сделать все возможное и действительно выделить свой текст, выбрав «Bevel & Emboss» и добавив к тексту несколько других эффектов, таких как «Inner Glow» и «Drop Shadow».”Это придает тексту хорошее трехмерное качество ->

ШАГ 5: Создание буквального контура выбранного текста

И последнее, но не менее важное: еще один отличный эффект, которого вы можете достичь с помощью текста, — это создание контура без заливки (или прозрачного центра ваших букв) ->

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

---

Что ж, вот и все — это всего лишь мой взгляд на то, что можно сделать с помощью эффекта Photoshop Stroke для текста. Дайте мне знать в комментариях, если у вас есть какие-либо новаторские идеи относительно того, что вы можете сделать с помощью этого удивительного инструмента!

Теги: как очертить текст в фотошопе CCphotoshop tutorialtext 3D-эффекттекстовые контуры эффекты

Разработка контуров в Photoshop CS3

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

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

1 ДУБЛИКАЦИЯ ФОНА
Этот эффект будет работать со всеми типами изображений, но может работать лучше всего, когда у вас есть главный объект, на который вы хотите привлечь внимание.Открыв и изменив размер изображения, нажмите Command-J (ПК: Ctrl-J), чтобы продублировать фоновый слой.

DAVE CROSS

2 ПРИМЕНЕНИЕ SMART BLUR И ИНВЕРТИРОВАНИЕ
Убедитесь, что дублированный слой активен, а затем в меню «Фильтр» выберите «Размытие»> «Умное размытие». Измените Mode на Edge Only, Quality на High и настройте Radius и Threshold, чтобы получить в основном детали контура. (Как правило, вы, вероятно, получите низкий радиус и порог в диапазоне 10–20.) Щелкните OK, чтобы закрыть диалоговое окно, и нажмите Command-I (ПК: Ctrl-I), чтобы инвертировать изображение.

3 ПРИМЕНЯЙТЕ МИНИМАЛЬНЫЙ ФИЛЬТР
Чтобы сделать черные линии толще, перейдите в меню «Фильтр», выберите «Другое»> «Минимум» и установите Радиус на 1 (для изображений с более высоким разрешением может потребоваться увеличить Радиус к 2 или 3). Щелкните ОК.

4 КРАСКА ПОДРОБНЕЕ
Теперь настройте эффект, используя инструмент «Кисть» (B), чтобы закрасить белым цветом области, где вы не хотите иметь никаких контуров.Затем уменьшите непрозрачность слоя контура на панели «Слои» и закрасьте черным цветом, чтобы добавить больше деталей к контуру там, где это необходимо (используйте размер кисти, соответствующий ширине контура). Когда вы закончите, верните непрозрачность до 100%.

5 СДЕЛАЙТЕ БЕЛЫЕ ПРОЗРАЧИВАЕМЫЕ
Чтобы белые области были прозрачными, дважды щелкните справа от имени слоя на панели «Слои», чтобы открыть параметры наложения. Перейдите к ползункам Blend If внизу диалогового окна и перетащите белый треугольник на ползунке This Layer влево.Как только вы это сделаете, белые области должны стать полностью прозрачными. Щелкните ОК, чтобы закрыть диалоговое окно.

6 МАСКА ПРИ НЕОБХОДИМОСТИ
Если есть области, где эффект контура слишком сильный (например, центр цветка в этом примере), добавьте маску слоя, щелкнув значок «Добавить маску слоя» в внизу панели «Слои». Используя черный цвет в качестве цвета переднего плана и непрозрачность кисти 30–40% на панели параметров, закрасьте области, где вы хотите сделать менее очевидный контур.

7 ИЗМЕНИТЬ ЦВЕТ, ЧАСТЬ 1
Есть несколько шагов, чтобы изменить цвет контура. Сначала щелкните значок «Создать новый слой» в нижней части панели «Слои». Перетащите этот новый слой ниже слоя контура. Щелкните слой контура и нажмите Command-E (ПК: Ctrl-E), чтобы объединить два слоя вместе (это навсегда изменит белые области на прозрачные).

8 ИЗМЕНИТЬ ЦВЕТ, ЧАСТЬ 2
Используйте всплывающее меню «Добавить стиль слоя» в нижней части панели «Слои», чтобы добавить наложение цвета.Щелкните образец красного цвета, чтобы получить доступ к палитре цветов, выберите цвет и дважды нажмите кнопку «ОК». (Используя стиль слоя Color Overlay, вы можете легко изменить цвет, дважды щелкнув Color Overlay на панели Layers.)

9 ДОБАВЛЕНИЕ СТИЛЯ СЛОЯ
Если вы хотите, чтобы контур выделялся, вы можете попробуйте добавить другие стили слоя, такие как тень (показано здесь), скос и тиснение, внутренняя тень и т. д. (Примечание: вы можете добавить эти стили, только если вы выполнили шаг 7.)

Создание эффекта тени абриса текста в Adobe Photoshop

В Adobe Photoshop есть множество эффектов, которые вы можете создать и использовать для любых вещей. Я бы сказал, что возможности безграничны между идеей, самим эффектом и корректировками, которые вы можете внести в нее. Что касается текстовых эффектов, я видел много за эти годы. Типичный материал — тиснение, контуры, тени, почти все. Однако я редко вижу тень, преобразованную в контур.Это что-то новое, на что приятно смотреть.

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

Первое, что я сделаю, это напишу произвольный текст на пустом холсте. Для этого я воспользуюсь инструментом Horizontal Type Tool .Я использую шрифт Microsoft Tai Le . Вот текст.

Затем я дважды щелкаю текстовый слой на панели Layers , чтобы открыть палитру Layer Style . После открытия я нажимаю на опцию Drop Shadow .

В области Drop Shadow я внесу несколько изменений. Не думайте, что эти корректировки высечены в камне. Вы можете делать все, что захотите, со своим собственным текстом.Самая важная часть — это контур.

Сначала я установлю Непрозрачность на 100% и режим наложения на Нормальный . Затем я изменю Угол на 130 ° . Затем я установлю Contour на Rolling Slope — Descending .

На этом этапе моя тень будет выглядеть немного странно. Причина в том, что я еще не настроил его. Давайте посмотрим, что у меня есть.

Если я выберу Distance на 10 , Spread на 10 и Size на 3 , я думаю, все будет выглядеть намного лучше.Вот настройки.

И вот финальный эффект контура тени текста.

Довольно круто, правда? Позвольте мне сказать вам, что этот тип эффекта выглядит по-разному, когда он применяется к разным шрифтам. Я немного поигрался и нашел несколько интересных приложений. Проверьте это.

Мне нужно остановиться, потому что я могу сидеть здесь весь день и возиться с этими вещами. Я думаю, что этого достаточно для вас, чтобы начать работу. Если у вас есть какие-либо вопросы о том, как применить этот тип эффекта к тексту в Adobe Photoshop, дайте мне знать в разделе комментариев ниже или на форуме Photoshop.Спасибо за прочтение!

Как выделить шрифты для печати

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

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

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

Инструкции по выделению шрифтов:

Идет в печать

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

Чтобы быстро выделить шрифты, выполните следующие три простых шага:

Использование Adobe Illustrator

Узнайте, как правильно рисовать текст в Illustrator.

1. Выберите все шрифты в файле, нажав Command + A
2. Выбрав шрифты, нажмите Command + Shift + O
3. Перейдите в меню «Файл»> «Сохранить как» и соответствующим образом переименуйте файл, чтобы он не сохранялся поверх редактируемого файла.

Слева: Текст доступен для редактирования.Шрифты не выделены
Право: Шрифты выделены. Текст больше не редактируется.

Использование Adobe Photoshop

1. Command или щелкните правой кнопкой мыши текстовый слой на панели слоев.
2. Выберите «Преобразовать в форму».
3. Перейдите в меню «Файл»> «Сохранить как» и соответствующим образом переименуйте файл, чтобы он не сохранялся поверх редактируемого файла.

Использование Adobe InDesign

Чтобы выделить шрифты в InDesign, выполните следующие действия.

1. Выделите весь текст в документе с помощью инструмента «Текст»
2. Перейдите в меню «Текст»> «Создать контуры»
3. Перейдите в Файл> Сохранить как и переименуйте файл соответствующим образом, чтобы он не сохранялся поверх редактируемого файла.

Если у вас возникнут проблемы, не беспокойтесь. В Primoprint мы вручную проверяем все отправленные файлы, поэтому, если возникнут проблемы или опасения, мы свяжемся с вами.

Как выделить текст в Photoshop: быстрое и простое руководство

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

То же самое можно сделать в Photoshop; однако он зарезервирован только для объектов. Применение контура к тексту — это совсем другая история, и для этого потребуется несколько дополнительных шагов.

Тем не менее, это простой процесс, который можно выполнить за считанные секунды с помощью нескольких простых шагов!

Итак, давайте сразу перейдем к !

Как обвести текст в Photoshop

Шаг 1. Напишите текст

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

Дополнительно: Установить заливку 0%

Если у вас есть заливка, добавленная к вашему тексту, и вы хотите, чтобы был виден только ее контур, вы должны изменить его на 0%. Вы можете настроить его в параметрах заливки слоя. Заливка, установленная на 0%, делает текст невидимым, но как только вы добавите обводку, вы снова увидите ее.

Тем не менее, вы можете оставить его на 100%, и обводка будет добавлена ​​к цвету заливки букв.

Хорошо, теперь самое интересное начинается.

Шаг 2: Добавление стиля слоя

Добавить стиль слоя можно двумя способами.Первый — , дважды щелкнув текстовый слой, , а второй — перейдя в нижнюю часть панели «Слои» , щелкнув значок fx и выбрав параметр «Обводка».

Добавление стиля слоя: дважды щелкните слой Добавление стиля слоя: Нажмите на fx

Если вы выберете первый вариант, дважды щелкнув его, вам нужно будет затем перейти к опции «Обводка». Второй уже открывает настройки обводки, над которыми вы будете работать.

ВАЖНЫЙ СОВЕТ:

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

2.1. Размер

Первый параметр, который вы можете изменить, — это размер контура . Значение по умолчанию — 3 пикселя. Если вам нужен более толстый контур, вам придется увеличить число. Напротив, меньшее число даст вам более тонкий штрих.

2.2 Позиция

Это важный вариант. Почему вы спросите? Потому что это влияет на размещение штриха.Если буквы, к которым вы применяете эффект, тонкие, это может объединить различные части обводки букв. То же самое может произойти и при установке шрифта с засечками. В этом случае тонкие линии с засечками будут совмещены без каких-либо дополнительных промежутков между линиями штрихов.

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

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

Внешний вид Настройка контура Центр Настройка контура Внутри настройка контура

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

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

В этом примере я увеличил обводку до 5 пикселей, чтобы сделать эффект более выраженным, и использовал режим Overly Blending.

2,4 Непрозрачность

Это еще один известный вариант в Adobe Photoshop. С помощью этой настройки вы повлияете на прозрачность штриха. Чем ближе значение к нулю вы установите, тем более прозрачным станет штрих.

Подсказка: Применение различных параметров наложения и Oppactiy особенно хорошо работает, если у вас есть изображение под текстовым слоем.

Следующим на очереди идет опция Oveprtint, которая была добавлена ​​в Photoshop CC 2015. Так что, если у вас Photoshop более ранней версии, не беспокойтесь. Это вариант, который вы действительно воспользуетесь, если даже. Однако в некоторых случаях это может пригодиться, поэтому давайте узнаем о нем подробнее.

2,5 Надпечатка

Используется при печати цвета поверх другого цвета. Сочетание двух разных цветов создает третий цвет. Рассмотрим реальный пример печати желтого цвета поверх голубого.Та часть, где желтый переходит в голубой, становится зеленой.

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

Еще один отличный вариант можно найти в следующем разделе — Тип заливки, и мы рассмотрим этот параметр дальше.

2,6. Тип заполнения

Здесь вы можете установить свой план на:

• Цвет: в качестве размера и положения, это важный параметр, поскольку он устанавливает цвет контура

• Градиент: , чтобы сделать один набор как минимум из двух цветов.Вы можете создавать фантастические стили с градиентами, формировать различные имитации металлов до стиля выцветания.

• Узор: Если вам нужен контур с определенным узором, вы можете выбрать другие из библиотеки или загрузить тот, который хотите и добавьте его к обводке.

После того, как вы попробовали другую настройку и остались довольны своим результатом, нажмите OK , и все готово! Если вам не нравится результат, вы можете изменить его, нажав Обводку на слое, к которому применен эффект.