Как работать с направляющими в фотошопе: Линейки, сетки и направляющие в Photoshop Elements

Направляющие в Фотошопе

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

Направляющие в Photoshop

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

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

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

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

Результат:

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

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

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

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

«Просмотра» и выбрать функцию «Привязки к направляющим».

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

Для того чтобы визуально сравнить результат до и после, можно временно убрать направляющие в Фотошопе, набор горячих клавиш CTRL+H позволит осуществить это быстро и оперативно, что немаловажно при работе с большим объемом изображений. Чтобы снова вернуть, следует зажать аналогичные клавиши: направляющие линии вернутся на свои места. Для того чтобы избавиться от ненужной голубой линии, достаточно перетащить её в область линейки и она исчезнет. Удалить все направляющие линии можно с помощью функции

«Просмотр — Удалить направляющие».

Также в программе Adobe Photoshop управлять направляющими можно как душе угодно: справиться с этой задачей поможет функция «Перемещения». Найти эту функцию можно на панели инструментов, которая расположена вертикально. Выбрать инструмент можно и зажав «V» на клавиатуре. Если подвести курсор инструмента к линии, он изменит форму, позволяя переместить направляющую.

Иногда работа по уравниванию объектов на изображении требует быстрого результата и не терпит создание направляющих вручную. Для таких ситуаций программа позволяет использовать сетку. Создается этот инструмент в меню «Просмотр — Показать – Сетка». Также можно зажать комбинацию CTRL+’.

Выглядит сетка на холсте вот так:

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

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

Сетка сможет выручить Фотошоп-мастера в том случае, если уравнивать необходимо большое количество объектов, к примеру, текстовые объекты.

Режим быстрых направляющих

Существует также функция быстрых линий, которая существенно сократит время обработки объектов. Отличаются эти линии от любых других тем, что после активации, они отображаются на рабочем поле автоматически. Данные направляющие демонстрируют пространство между объектами на композиции. Такие направляющие будут изменять своё положение соответственно траектории перемещения объекта. Чтобы активировать эту полезную и удобную функцию, следует перейти в меню «Просмотр — Отобразить — Быстрые направляющие линии».

Вид быстрых направляющих на холсте:

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Фотопроект. Работа с путями (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 г.
Первоисточник:

Как добавить направляющие линии в фотошопе. Направляющие в Adobe Photoshop CS5

Как добавить направляющие линии в фотошопе. Направляющие в Adobe Photoshop CS5

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

Линейки в фотошопе

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

Единицы измерения линейки можно изменять в настройках. Для изменения заходите в Редактор — Установки — Единицы измерения и линейки , и выбираете то, что Вам нужно, в верхнем пункте.

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

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

Направляющие в фотошопе

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

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

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

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

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

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

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

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

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

Сетка в фотошопе

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

Для того, чтобы появилась сетка, выбираете в меню Просмотр — Показать — Сетку . Размер сетки регулируется в настройках программы Adobe Photoshop CS5. Чтобы зайти в настройки. выбираете в меню Редактирование — Установки — Направляющие , сетка и фрагменты . В настройках Вы можете указать. как часто будут размещены линии сетки, с помощью пунктов Линия через каждые , и Внутреннее деление на , которые регулируют частоту основных и вспомогательных линий сетки.

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

Чтобы убрать сетку, заходите в Просмотр — Показать , и убираете галочку с пункта Сетка .

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

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

Урок использования направляющих, сетки, линеек. Привязка. Группа инструментов Lasso.
Давайте ознакомимся с этими элементами интерфейса в процессе работы.

Для начала откройте в Photoshop изображение orange.jpg .

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

В меню View есть флажок Rulers (линейки). Когда этот флажок включен, на верхней и левой границе окна

Как сделать вылеты в Фотошопе? Практические советы

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

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

Итак, что такое вылеты в Фотошопе и для чего они делаются?

 

Вылеты это изображение, которое выходит за рамки формата изделия – скажем если вы делаете листовку А5 формата, то ее физический размер 148х210 мм. Стандартный вылет равен 3 мм. Из этого следует, что вам надо сделать файл 154х216 мм (по 3 мм с каждой стороны).

 

Как правильно делать вылеты в Фотошопе

Первое действие – вы создаете лист форматом чуть больше (на 6 мм), чем требуется.

Далее устанавливаете направляющие по линейке на расстояние 8 мм от края листа ( со всех сторон) и только после этого делаете свой макет.

 

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

 

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

Если рамка не должна доходить до края, то лучше если расстояние от края линии до края листа будет 4-5 мм. Это минимальное расстояние, при котором резчик не будет бить тревогу. Помните, что при резке пачки бумаги листы в пачке могут двигаться на 1 мм. Соответственно если вы сделали в макете от объекта до края листа всего 2 мм, то слева объект будет на расстоянии 1 мм, а справа 3 мм, что будет заметно и будет не красиво.

 

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

 

• Если это А4, то размер будет 216х303 мм
• Если это А5, то размер будет 148х216 мм
• Если это А6, то размер будет 111х154 мм
• Если это 210х98, то размер будет 216х104 мм
• Если это 150х70, то размер будет 156х76 мм

 

 

А если вам требуется печать визиток или листовок — обращайтесь, мы с радостью поможем вам. Другие статьи вы можете прочитать в рубрике Статьи

Телефон для расчета заказов 8 499 112 30 20

Понравилась статья? Поделитесь с друзьями 

Новый макет направляющих в Photoshop CC

Старый способ добавления направляющих в Photoshop

Прежде чем мы узнаем все о функции New Guide Layout, давайте быстро рассмотрим «старый способ» добавления направляющих. Традиционно мы начинали с включения линейок Photoshop, переходя к меню View в строке меню в верхней части экрана и выбирая Rulers :

Переход к «Просмотр»> «Линейки».

Линейки будут размещены в верхней и левой части документа:

Линейки теперь видны сверху и слева.

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

Перетаскивание вертикальной направляющей из линейки слева.

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

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

Этот способ добавления направляющих путем перетаскивания их за пределы линейки по-прежнему работает даже в последних версиях Photoshop, но в Photoshop CC есть лучший способ — воспользоваться преимуществом опции New Guide Layout. Посмотрим, как это работает.

Плагин шорткодов, действий и фильтров: ошибка шорткода [ ads-basics-middle ]

Новая опция компоновки направляющих

Чтобы получить доступ к опции «Новый макет направляющей», перейдите в меню View вверху экрана и выберите «Новый макет направляющей ».Опять же, это доступно только в Photoshop CC:

.

Переход к «Просмотр»> «Новый макет направляющей».

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

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

Диалоговое окно New Guide Layout.

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

Макет направляющих по умолчанию плюс две исходные направляющие.

Очистить существующие направляющие

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

Выбор «Очистить существующие направляющие».

И теперь эти предыдущие руководства ушли, оставив мне только мой новый макет из восьми столбцов:

Предыдущие направляющие удалены.

Изменение количества столбцов

Чтобы изменить количество столбцов в макете, просто измените значение в поле Number . Понижу значение с 8 до 4 :

Уменьшение количества столбцов с 8 до 4.

Photoshop мгновенно обновляет макет, изменяя количество столбцов и равномерно распределяя их слева направо:

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

Вариант предварительного просмотра

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

Должна быть отмечена опция предварительного просмотра.

Замена желоба

Пространство между столбцами (и строками) называется желобом . Чтобы увеличить или уменьшить желоб, измените значение в поле Желоб . Размер поля по умолчанию составляет 20 пикселей, что добавляет 20 пикселей между столбцами.На самом деле я собираюсь полностью удалить желоб, выделив значение Gutter с помощью мыши и нажав клавишу Backspace (Win) / Delete (Mac) на клавиатуре. Это очищает значение Gutter и оставляет поле пустым:

Удаление промежутка между столбцами путем очистки значения Gutter.

Если поле Желоб пусто, между столбцами больше нет пробела:

Удалено пространство между столбцами.

Загрузите это руководство в формате PDF для печати!

Определение ширины столбца

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

Ввод определенной ширины столбцов.

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

Макет после указания ширины столбцов.

Центровка колонн

Обратите внимание, что столбцы больше не центрируются в документе. Вместо этого они сдвинуты влево. Чтобы центрировать их после того, как вы ввели определенную ширину, выберите опцию Center Columns внизу диалогового окна:

Включение опции «Центральные столбцы».

Если установлен флажок «Центральные столбцы», столбцы снова центрируются в макете:

Макет после центрирования колонн.

Добавление строк

Чтобы добавить строки в макет, сначала выберите опцию Rows (по умолчанию она отключена):

Включение рядов.

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

В моем случае я собираюсь установить количество строк на 3 , а также я изменю количество столбцов на 3 . Я оставлю поле «Ширина» для столбцов и поле «Высота» для строк пустым, чтобы Photoshop мог разместить их одинаково, а также оставлю поля «Промежуток» пустыми:

Установка для столбцов и строк значения 3.

Это быстрый и простой способ создания стандартной сетки 3 на 3, которую я, возможно, захочу использовать, чтобы упорядочить и скомпоновать различные элементы в моем документе, используя «правило третей»:

Стандартная сетка 3 на 3, которую легко создать с помощью функции New Guide Layout.

Добавление полей

Чтобы добавить поля по краям документа, сначала выберите параметр Margin , чтобы включить его, затем введите количество места, которое вы хотите добавить, в поля Top , Left , Bottom и Right . В моем случае я установил все четыре значения на 20 пикселей :

Добавление полей к макету.

Это добавляет 20 пикселей пространства вокруг внутренних краев моего документа. Photoshop автоматически изменяет размер столбцов и строк соответственно:

Тот же макет 3 на 3 с добавленными полями.

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

Добавление отрицательных полей к макету.

Это дает мне те же поля шириной 20 пикселей, но перемещает их за пределы видимой области документа. И снова Photoshop автоматически изменяет размер столбцов и строк:

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

Сохранение пользовательского макета руководства как предустановки

Если вы знаете, что в будущем вам потребуется снова создать этот же макет направляющей, вы можете сэкономить время, сохранив макет в качестве предустановки. Щелкните поле Preset в верхней части диалогового окна (где написано «Custom»):

Щелкните поле выбора Preset.

Это открывает меню с несколькими встроенными предустановленными макетами на выбор (8 столбцов, 12 столбцов, 18 столбцов и 24 столбца), но нам нужен вариант Сохранить предварительную настройку :

Выбор опции «Сохранить предустановку».

Когда появится диалоговое окно «Сохранить», введите описательное имя для новой предустановки в поле Сохранить как . Я назову свой «cols-3-rows-3-margins-neg20px». Затем нажмите кнопку Сохранить :

Присвоение имени и сохранение новой предустановки.

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

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

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

Щелкните OK, чтобы принять новый макет.

Скрытие и очистка направляющих

Чтобы временно скрыть макет направляющей от просмотра в документе, перейдите в меню Просмотр , выберите Показать , затем выберите Направляющие . Сделайте то же самое снова, чтобы снова включить его. Или просто нажмите Ctrl +; (Победа) / Command +; (Mac) на клавиатуре для включения и выключения направляющих:

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

Чтобы полностью очистить макет направляющих, перейдите в меню View и выберите Clear Guides :

Переход к меню «Просмотр»> «Очистить направляющие».

Два способа создания направляющих по центру в Photoshop, статья на deke.com

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

В последнем издании Deke’s Techniques , № 376: Разработка идеального праздничного портрета я разочаровал многих из вас своим недостатком эстетической чувствительности. В качестве напоминания вот деталь из окончательной версии упомянутого «идеального» портрета с невероятно яркими глазами.

А вот как должны были выглядеть глаза, оглядываясь назад.

Другими словами, я делаю один плохой звонок, и все занимаются моим делом, как коричневый на рисе. Вот почему серия называется Deke’s Techniques в отличие от, скажем, Deke’s Tasteful Techniques .

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

Если только для контраста, я начну с обычного 9-шагового решения, которое, как я видел, демонстрирует больше раз, чем я могу сосчитать. А затем я демонстрирую значительно улучшенное четырехэтапное решение, которое включает использование малоизвестной команды в меню «Просмотр» под названием «Новое руководство».

Лучше всего то, что вы можете записать 4-шаговую технику как действие, после чего вы можете воспроизвести ее за один шаг. Просто нажмите на нее!

А если вы участник линды.com, то вы можете посмотреть два последующих фильма: # 378, в котором я покажу вам новый способ создания сети центральных направляющих (и многое другое) в Photoshop CC; и # 379, в котором я покажу вам несколько способов создания центральных направляющих в Illustrator. (Если вы не являетесь участником lynda.com, щелкните здесь, чтобы получить бесплатную неделю.)

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

Изучите основы за 1 час

Это руководство доступно для скачивания в виде бесплатного PDF-файла.Загрузите этот файл сейчас. Не стесняйтесь копировать и делиться этим со своими друзьями и семьей.

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

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

Запустите часы, и поехали.

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

Найдите свой путь в Photoshop

Интерфейс Photoshop, в том виде, в каком мы его увидим, разделен на четыре основных части:

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

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

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

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

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

Неразрушающее редактирование

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

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

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

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

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

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

Откройте свое изображение

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

Вы можете открывать более одной фотографии за раз.Каждый из них появится на отдельной вкладке в интерфейсе Photoshop.

Если вы работаете с большим количеством изображений, вам лучше использовать специальное приложение, чтобы управлять ими и управлять ими.Adobe Bridge — такой же хороший вариант, как и любой другой. Он поставляется бесплатно с базовой, неоплачиваемой учетной записью Adobe и работает как с Photoshop, так и с Photoshop Express.

Обрезать и выпрямить

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

Выберите инструмент Crop на панели инструментов или нажмите C на клавиатуре.На панели параметров убедитесь, что Удалить обрезанные пиксели — это , а НЕ . Это позволяет выполнять обрезку без разрушения.

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

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

Чтобы выровнять фотографию, нажмите кнопку Выпрямить .Теперь проведите горизонтальную линию вдоль горизонта. Когда вы отпустите кнопку мыши, изображение будет повернуто, а углы будут обрезаны. Нажмите Введите для подтверждения (или Escape для отмены).

Повернуть изображение

Большинство камер автоматически определяют, в портретном или ландшафтном режиме вы сняли фотографию.Но иногда это не удается, и изображение нужно повернуть вручную. Для этого перейдите в Image> Image Rotation и затем выберите 90 ° по часовой стрелке или 90 ° против часовой стрелки .

Исправить экспозицию

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

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

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

Выберите Brightness / Contrast на панели Adjustments и перетащите ползунок Brightness влево или вправо по своему вкусу.

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

Повышение цвета

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

Перейдите на панель Adjustments и выберите Vibrance .Вы увидите два ползунка. Насыщенность изменяет все цвета одинаково. Вы можете установить его на -100, чтобы получить черно-белое изображение, но в противном случае вам следует избегать этого.

Vibrance более тонкий, поскольку фокусируется на менее насыщенных цветах, не влияя на уже достаточно яркие.Перетащите ползунок вправо, чтобы усилить цвета. Не переусердствуйте: от +15 до +30 будет достаточно .

Добавить контраст с уровнями

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

Щелкните Levels на панели Adjustments, чтобы начать.Уровни строятся вокруг гистограммы. Это диаграмма, которая показывает тональный диапазон фотографии от черного слева до белого справа.

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

Это увеличивает тональный диапазон фотографии.Самая темная точка на фотографии будет на 100% черной, а самая светлая — на 100% белой. При перетаскивании вкладок вы должны сразу заметить улучшение.

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

Исправить баланс белого с уровнями

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

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

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

Если вы не можете найти на своем изображении ничего серого, выберите вместо этого нейтральный цвет.Щелкните вкладку Info на панели «Слои» и найдите значения R, G и B в правом верхнем углу. Теперь наведите пипетку на изображение, пока не найдете область, где значения RGB примерно одинаковы. Щелкните, чтобы применить исправление.

Удалить нежелательные объекты

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

Для начала продублируйте фоновый слой, чтобы вы могли редактировать его без разрушения.Сделайте это, выделив слой и нажав Ctrl + J в Windows или Cmd + J на Mac.

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

Удаление пыли и пятен

Для удаления пыли или других пятен выберите инструмент Spot Healing Brush Tool на панели инструментов или нажмите J .Выберите размер кисти либо на панели параметров, либо с помощью клавиш с квадратными скобками, чтобы увеличить или уменьшить его. Выберите тот, который немного больше пятнышка, которое вы хотите удалить. Затем нажмите на пятнышко. Он должен исчезнуть.

Устранение красных глаз

Фотографии, сделанные со вспышкой, иногда могут оставлять красные пятна в глазах объекта.Чтобы удалить их, выберите инструмент Red Eye Tool (он скрыт под инструментом Spot Healing Brush Tool), затем щелкните красное пятно на глазу. Обработка занимает несколько секунд, но обычно проходит успешно.

Удалить большие объекты

Чтобы удалить более крупный объект, выберите его с помощью инструмента Marquee Tool (M) и нарисуйте квадрат вокруг него, либо с помощью инструмента Lasso Tool (L) и обведите его от руки.

Затем перейдите в Edit> Fill и установите Content на Content Aware .Нажмите Введите , и через несколько секунд объект должен исчезнуть. Вы можете повторить процесс, чтобы удалить оставшиеся неровности.

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

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

Переместить объекты

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

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

Чтобы переместить объекты, продублируйте слой изображения, затем выберите Content-Aware Move Tool .Это можно найти под инструментом Spot Healing Brush Tool или нажав Shift + J , чтобы просмотреть инструменты в этом подменю.

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

Инструмент должен смешать объект с его новым окружением и заполнить оставшееся пространство новым фоном.Чтобы дублировать объекты вместо их перемещения, перейдите на панель параметров и установите Mode на Extend .

Улучшение деталей с помощью Dodge and Burn

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

Инструменты Dodge и Burn — это кисти, которые вы закрашиваете по выбранным областям изображения. Все, что вам нужно знать, это то, что Dodge делает изображение светлее, а Burn затемняет. Чем больше вы закрашиваете область, тем светлее или темнее она становится.

Перейдите в Layer> New> Layer .Установите Mode на Overlay , затем установите флажок Fill with Overlay-нейтральный цвет (50% серый) . Нажмите Введите . Это добавляет невидимый серый слой поверх вашего изображения, и вы можете применять коррекции осветления и затемнения к этому слою без разрушения.

Выберите Dodge Tool (или нажмите O на клавиатуре).На панели параметров выберите размер и жесткость кисти (обычно лучше более мелкая и мягкая), затем решите, хотите ли вы настроить таргетинг на блики, тени или средние тона изображения — последнее выбрано по умолчанию.

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

Отбелить зубы

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

Выберите Quick Selection Tool (W) .Выберите размер кисти, пропорциональный размеру вашего изображения, и установите Жесткость примерно на 80%. Теперь увеличьте масштаб.

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

Когда вас устраивает выбор, нажмите Ctrl + J в Windows или Cmd + J на Mac.Это создаст новый слой, содержащий только зубы.

Теперь выделите этот новый слой.Выберите инструмент Dodge Tool (O) , установите диапазон от до Midtones , затем закрасьте зубы. Вы должны увидеть, как они становятся ярче в реальном времени. Продолжаем рисовать, пока они не станут настолько яркими, насколько вы хотите. Чтобы точно настроить эффект, выберите ползунок Непрозрачность на панели «Слои» и уменьшите его до тех пор, пока он не будет красиво (и реалистично) смешан.

Осветлите глаза

Обратите внимание, что вы можете сделать то же самое, чтобы глаза вашего объекта засверкали.На этот раз выберите инструмент Elliptical Marquee Tool (M) . Установите для параметра Feather на панели параметров значение 20 пикселей, затем нарисуйте вокруг глаз. Нажмите Ctrl + J или Cmd + J , чтобы скопировать их на отдельный слой.

Как освоить работу с текстом в Photoshop

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

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

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

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

Типовые слои

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

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

Однако некоторые из наиболее продвинутых эффектов Photoshop здесь не работают. Для этого вам потребуется…

Растеризация текстовых слоев

Если вы на 100% довольны имеющимся у вас текстом и хотите применить к нему некоторые из самых продвинутых эффектов Photoshop, тогда вам придется растеризовать типовой слой.

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

Вы можете растрировать текстовый слой, щелкнув меню Layer в верхней части экрана, затем выбрав Rasterize , а затем Type .

Управление текстовой областью

Чтобы ввести текст в Photoshop, вы обычно просто нажимаете на свое изображение и начинаете печатать.

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

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

Деформация текста

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

Чтобы деформировать текст, просто выберите слой «Текст» и щелкните этот значок на панели инструментов:

Это отобразит поле Warp Text , где вы можете выбрать любой из доступных эффектов деформации.

Как только вы это сделаете, в поле «Деформация текста» вы найдете несколько опций для дальнейшей настройки применяемого эффекта.

Использование текста на векторных контурах

Векторные контуры — одна из самых крутых функций Photoshop, которая помогает придать тексту дополнительные грани.

Вы начинаете с создания нового слоя. Этот слой будет нести «путь» вашего текста.

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

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

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

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

Не любите Photoshop? Затем прочтите о двух отличных альтернативах, которые мы исследовали некоторое время назад.

Lock, Stock и Text!

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

Последнее обновление 8 фев 2018
Вышеупомянутая статья может содержать партнерские ссылки, которые помогают поддерживать Guiding Tech. Однако это не влияет на нашу редакционную честность. Содержание остается объективным и достоверным.

6 мест для изучения Photoshop бесплатно (или почти бесплатно!)

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

Изображение через stipan93

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

Чтобы изучить Photoshop, воспользуйтесь этими шестью бесплатными ресурсами, чтобы начать свой путь к мастерству Photoshop, освежить в памяти основы — каламбур, безусловно, задуманный — и даже бесплатно (или очень дешево) изучить передовые методы обработки изображений.Эти бесплатные / дешевые уроки Photoshop включают:

1. Adobe
2. Тутов +
3. Photoshop Кафе
4. Линда
5. Цифровые репетиторы
6. Удеми

Вот еще немного информации о каждом ресурсе Photoshop.

Бесплатные ресурсы для обучения работе с Photoshop

1. Учебные ресурсы и руководства Adobe

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

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

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

БОНУС: Если вы ищете более увлекательное введение в Photoshop, ознакомьтесь с этим бесплатным 13-часовым вводным курсом, который охватывает все, что вам нужно знать, чтобы начать работу.

2. Tuts +

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

Хотя сеть Tuts + действительно предлагает премиум-контент по цене, выбор бесплатных руководств обширен.Вместо того, чтобы сосредотачиваться на более длинных, основанных на проектах учебных пособиях, Tuts + предлагает более короткие и небольшие уроки по конкретным методам.

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

3. Photoshop Cafe

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

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

Платные ресурсы для изучения Photoshop

4.Lynda.com

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

Видео

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

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

5. Цифровые репетиторы

Если вы готовы освоить некоторые из самых передовых инструментов и методов Photoshop, Digital Tutors непревзойден.

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

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

Подписки

начинаются с 29 долларов в месяц (что включает доступ ко всему каталогу Digital Tutors из более чем 2000 курсов), а также отслеживание прогресса и новые обучающие видео, добавляемые ежедневно.

6. Удеми

Udemy предлагает ряд онлайн-классов по Photoshop, но самым популярным из них является курс Манфреда Вернера.

Всего 33 часа, разбитые на 153 отдельных лекций, это один из самых всеобъемлющих курсов Photoshop, которые можно пройти практически где угодно. Как только вы заплатите за этот курс (который стоит всего 19 долларов), у вас будет доступ к нему на всю жизнь, что делает его отличным справочным ресурсом.

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

СМОТРИ ТАКЖЕ: 21 лучший инструмент для повышения производительности

50+ бесплатных руководств по цифровой живописи для всех уровней квалификации

Источник изображения РесурсыЦифровая живопись По сценарию Маккеллы Сойер Раскрытие информации: этот пост может содержать партнерские ссылки.Это означает, что если вы что-то покупаете, мы получаем небольшую комиссию без каких-либо дополнительных затрат для вас (подробнее)

Лучший способ изучить новый навык — изучить кого-то другого.

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

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

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

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

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

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

Уроки для начинающих

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

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

Руководство для начинающих, как стать цифровым художником

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

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

Сюда входят функции, которые нужно искать, учитывая как стоимость, так и качество.

Художница также дает советы по быстрому развитию художественных навыков на основе собственного опыта.

Введение в рисование в Photoshop

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

Коротко и по делу, простые часы и отличное место для старта новичков.

10 советов для начинающих цифровых художников

Итак, это видео предназначено для начинающих, но эти советы хороши и для более опытных художников.

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

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

Ускоренный курс: использование цвета

Это краткое введение в использование цветных инструментов в Photoshop.

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

Цифровая живопись: простой метод для начинающих

Нужен способ быстро погрузиться в рисование?

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

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

Руководство для начинающих по рисованию портретов

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

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

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

Основы цифрового искусства

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

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

Это действительно круто — просто сидеть и смотреть, как персонаж принимает форму.

Основные советы и цифровое руководство

Это базовое руководство по Photoshop, которое поможет вам разобраться в цвете, смазывании и смешивании.

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

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

Основные методы визуализации

Вот базовое руководство по использованию множества инструментов Photoshop для рисования и визуализации произведений искусства.

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

Иллюстрация в Photoshop

Вот забавный урок от ветерана Диснея Аарона Блейза.

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

Вы узнаете о различных инструментах, навигации, пунктах меню, слоях и затенении.

Советы и приемы рисования — Рассказано

Нужна ускоренная версия полностью цифровой живописи?

Ну, в этом видео есть полное повествование.

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

Непрозрачность по сравнению с расходом

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

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

Раскраска поверх рисунков

Чтобы научиться рисовать в цифровом формате, потребуется время. Но это очень помогает, если у вас уже есть линия.

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

Отличные часы для всех, кто пытается перенять цветовые идеи.

Как смешивать цвета

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

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

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

Советы по рисованию пейзажей

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

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

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

Чистая кисть

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

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

Основы смешивания

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

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

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

Как быстро и легко раскрашивать

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

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

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

Краска Basic Foliage

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

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

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

Простая цифровая живопись

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

Это даст вам больше практики и понимания раскрашивания и затенения в Photoshop.

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

Учебники для среднего уровня

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

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

Цифровая живопись слона

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

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

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

Это длинный, но очень тщательный и заслуживающий внимания. Вы узнаете тонну!

Учебник по наскальной живописи

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

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

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

Рисование телесных тонов

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

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

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

Стилизованный портрет

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

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

Краска для волос и меха

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

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

Как я создаю пейзаж

Хотя технически это не пошаговое руководство, оно по-прежнему ценно для художников.

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

Как рисовать лучше текстуры

Команда Paintable создала этот потрясающий учебник по рисованию реалистичных текстур на объектах из дерева или камня.

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

Вы будете работать с набором инструментов, таких как текстуры, кисти, пипетка и некоторые техники для простого рисования текстур на объектах.

Картина снега

Снег на удивление сложно рендерить. Это потому, что текстура может сильно различаться в зависимости от освещения, того, что находится под снегом, и множества других факторов.

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

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

Процесс рисования эскизов

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

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

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

Создание эскизов значений

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

Довольно интересное руководство, если вы работаете над совершенствованием своих ценностных исследований.

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

Утраченные края

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

И это намного проще сделать в цифровом виде, если вы нажмете CTRL + Z, чтобы еще раз попробовать мазки кистью.

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

Затенение светом и формой

Создание реалистичных форм, которые появляются на экране, — это все о освещении и форме.

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

А если вы хотите еще больше подобных видео, загляните на канал CTRL + Paint на YouTube. Там много классного.

Эффект дождя в Крите

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

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

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

Цифровые зарисовки

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

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

Всего почти 2 часа: это огромное видео.

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

Монстр-милашка

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

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

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

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

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

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

Рыцари Баратеона

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

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

Кроме того, он делает это полностью от руки. Нет базового эскиза. Как это круто?

Создавайте создания с нуля

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

Если вы никогда не делали этого раньше, то вот классная демонстрация того, как художник делает именно это!

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

SAI Затенение

Вы когда-нибудь хотели изучить Paint Tool SAI? Или, может быть, вы слышали об этом, но понятия не имеете, как это работает.

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

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

И если вы серьезно относитесь к этой программе, вам может понравиться наш полный список руководств по Paint Tool SAI (все бесплатно!)

Рисование губ

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

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

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

Рисование глаз

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

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

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

Раскрашивание глаза (быстрое)

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

И если вы посмотрите на YouTube, то найдете их десятки.

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

Картина Ирис

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

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

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

Штриховая графика и раскраска

Итак, вы хотите нарисовать карикатуру, но не знаете, с чего начать. Как насчет профессионального художника, который рисует концепт на YouTube?

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

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

WoW в студии манги 5

Это демоверсия от начала до конца создания цифровой картины персонажа World of Warcraft.

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

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

Живопись водой

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

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

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

Корабль викингов Stormy Sea

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

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

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

Введение в скоростную покраску

Каждый, кто хочет рисовать цифровым способом, рано или поздно находит художников по скорости на YouTube. На них так весело смотреть, а уровень мастерства в этих видеороликах просто безумный.

Если вы хотите заняться рисованием на скорость, вам понравится это видео. Это все о ярлыках, советах и ​​методах быстрого создания сцен за 30–60 минут от начала до конца.

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

Продвинутая картина в Photoshop

Когда дело доходит до Photoshop, всегда есть чему поучиться.

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

Здесь также есть много хороших советов по освещению и созданию ваших рисунков со страницы.

Реалистичный портрет — Берни Сандерс

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

Художник уделяет очень пристальное внимание стоимости и смешиванию для создания реалистичного портрета в цифровом виде в Corel Painter.

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

Облака и картина атмосферы

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

Если вам нужно создать более реалистичную атмосферу, ознакомьтесь с этим замечательным уроком.

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

Демонстрация живой иллюстрации

Эта демонстрация — забавные часы, потому что вид отрывается от фактического экрана, чтобы показать артистку, пока она разговаривает с интервьюером.

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

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

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

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

---

Автор: МакКелла Сойер

Маккелла — художник и писатель-фрилансер из Солт-Лейк-Сити, штат Юта. Когда она не рисует и не пишет для клиентов, она любит писать художественную литературу, путешествовать и исследовать горы возле своего дома пешком, верхом на лошади или на горном велосипеде.Вы можете посмотреть ее работы на Etsy, а ее услуги по написанию — на TheCafeWordsmith.com.

---

.