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

Как правильно открыть векторное изображение в Photoshop

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

Что, если нам понадобилось добавить векторному файлу каких-нибудь Photoshop’овских спецэффектов. Сегодня я покажу как правильно работать с векторными файлами в Photoshop’е.

1) Просто перетаскиваем AI или EPS файл в PHOTOSHOP. Мы видим:

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

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

5) На этом примере я скопировал один из черепов, а затем превратил его в smart object, и растянул оба объекта. Пока разницы никакой не видно

6) Но давайте приблизим изображение. Разница очевидна!

7) Всё, что осталось сделать, это разместить всё как надо). Можно использовать свойства слоя (Image>Adjustments) и параметры наложения (Правый клик>Blending options).

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

Потому что тут вы можете изменять не только размеры, подправлять линии, цвета, что в Photoshop не всегда легко, особенно для новичка.
Наконец, вы должны знать, что в Photoshop можно вставлять изображение прямо из Illustrator — просто выделите нужное изображение в illustrator’е, Сtrl+C, а затем Ctrl+V в Photodhop.
Далее процедура идентична описанной выше.

Источник

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

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

С чего начать изучение вектора в Фотошопе?

Вот как нужно читать эту статью. Начните с начала. Читайте абзац за абзацем и переходите по специфическим ссылкам. Ссылки будут раскрывать обширные темы работы с вектором в Фотошопе и выстраивать изучение в правильном постепенном порядке. Например, в этом уроке вы найдете ссылки, раскрывающие отдельные инструменты и настройки вроде инструмента Пера Pen Tool. Перейдя по ссылке и изучив Pen Tool возвращайтесь к этой статье. И если двигаться по всем урокам Хронофага именно так, то вам хватит нескольких дней чтобы закрыть вопрос работы с вектором раз и навсегда.

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

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

Векторные режимы

Прежде чем начать работать в векторных инструментах, я считаю крайне важным для начинающего пользователя разобраться в 3-х основных режимах работы векторных инструментов Фотошопа. Почему же это так важно? Бывает, начинающий пользователь выбирает векторный инструмент, а он не рисует. Или рисует, но каким-то тонким контуром, который затем пропадает. Загадки. Но разгадать их легко, если знать, какой в данный момент режим векторного инструмента активирован.

Всего их три. Это режимы Shape Layer, Path и Fill Pixels. Первый режим — это тот что вам нужен, если вы намерены создавать векторные элементы в Фотошопе. Второй Path создает пустые векторные контуры. Сами по себе они ничего не делают, но их можно использовать для разных целей и даже превратить в полноценный шеип. Третий режим Fill Pixels используя векторные инструменты, рисует пиксельные фигуры. Впрочем обо всем это вы узнаете более подробно из статьи:

Примитивные векторные фигуры в Фотошопе

Начать освоение вектора вы можете уже сейчас с примитивных инструментов Фотошопа для рисования прямоугольников Rectangle Tool, окружностей Ellipse Tool и других простейших инструментов. Что же они делают? Понятно что. Рисуют в векторе простые фигуры.

Какие фигуры можно создать в Фотошопе через вектор, какие у них настройки и возможности? Ответы на эти вопросы вы найдете в статье:

Произвольные векторные фигуры

Только ли примитивные ромбики да квадратики можно рисовать в векторе в Фотошопе? Конечно же нет. В Фотошопе есть инструмент, в котором записано множество готовых векторых форм. Найти там можно что угодно, от изображений рыб и собак, до полноценных векторных артов. Называется этот инструмент Custom Shape Tool (произвольная фигура) и находится он в том же ряде инструментов где живут примитивы Rectangle Tool и прочие. Кроме того, при помощи этого инструмента вы можете нарисовать свою векторную фигуру и записать её в этот инструмент для дальнейшего применения.

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

Режимы совмещения в Векторе

Если вы немного увлекались 3D графикой, то наверняка знаете, что все сложные объекты состоят из простых. Стол состоит из пяти прямоугольников, стул из 7-8-ми. Большая часть объектов представляет из себя совмещение шаров, овалов и кубов и прочих вытянутых или сжатых объектов. Тоже самое происходит с вектором в Фотошопе.

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

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

Инструменты управления векторными точками

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

Инструменты рисования в векторе Pen Tool

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

Инструменты рисования в векторе это инструмент Pen Tool и примыкающие к нему инструменты вроде Freeform Pen Tool, Convert Point Tool и так далее. Все они входят в одну общую группу инструментов. И в этой статье вы найдете подробное описание их возможностей и настроек:

Как рисовать инструментом Pen Tool

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

Рисовать Пером просто. Главное понять логику его работы, а так же логику устройства векторных кривых вообще. О том как легко рисовать инструментом Pen Tool различные объекты вы узнаете в уроках:

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

Панель настроек вектора в Фотошопе

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

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

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

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

Источник

Векторные объекты в фотошопе

Векторные объекты в фотошопе

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

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

Откроем исходное изображение. Нанесём логотип фирмы Adobe Photoshop на боковую и верхнюю грани коробки.

Откроется одноимённое окно, в котором находим папку на компьютере, где находится файл формата » AI «.

Выделяем этот файл, его имя автоматически подставится в поле » Имя файла » и нажимаем кнопку » Поместить «.

Открывается окно » Поместить PDF «, в котором ничего не меняем, а просто нажимаем » Да «.

Векторный объект откроется в фотошопе в виде вот такого габаритного контейнера.

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

Режим наложения для верхнего слоя устанавливаем на » Умножение «.

Сравните коробку до, и после работы с векторными объектами в фотошопе.

Скачать исходные файлы (522 Кб) можно здесь

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

Источник

Работа с вектрными объектами в Фотошопе

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

Контуры — это векторные объекты в Фотошоп. Функции контуров:

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

Способы создания контуров:

наиболее точный — инструментом Pen (Перо);
векторными инструментами группы Shapes (Фигуры);
экспорт из векторной программы Adobe Illustrator (например, через буфер обмена);
создание контура из выделения (точность условна, требует корректировки).

Инструменты для создания и редактирования контуров

Создание прямых контуров
Инструмент Pen (Перо) служит для создания контуров — прямых и кривых линий — с высокой степенью точности.

7. Используя данный файл, постройте щелчками звезду (например, начиная с точки 9). Обратите внимание, что при замыкании контура у пиктограммы инструмента Pen появляется нолик.
Чтобы вызвать инструмент Pen (Перо) с клавиатуры, нажмите клавишу

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

В палитре Paths (Контуры) создан Work Path (Рабочий контур). Он состоит из всех контуров, которые вы построили в данном файле. Work Path (Рабочий контур) всегда создается как новая позиция при отсутствии контуров или неактивности других контуров в палитре Paths (Контуры). Work Path только один. Из него не создается обтравочный контур, а также он будет обновляться, как рабочая позиция. Желательно переименовывать Work Path, назначая любое другое имя. Контуры можно заполнять цветом или обводить. Перед этим контуры необходимо выделить, т. е. чтобы позиция контура в палитре Paths (Контуры) была активна. Тогда действие будет применено ко всему контуру.
1. Выполните команду из контекстного меню палитры Paths (Контуры): Stroke Path (Выполнить обводку контура).

2. В открывшемся диалоговом окне в списке инструментов выберите Brush (Кисть).

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

Результат обводки контуров
4. Для заливки контура выберем из всех нарисованных один — звезду. (Проверьте, что в палитре Paths (Контуры) контур Work Path (Рабочий контур) активен.) Для выделения подконтура из Work Path необходимо воспользоваться инструментом выделения Path Selection (Выделение контура). Щелкните по контуру звезды в изображении. Все точки контура стали серыми, выделенными.
5. Выполните команду контекстного меню палитры Paths: Fill Subpath (Залить субконтур).
6. В диалоговом окне команды выберите Foreground Color (Основной цвет).

Диалоговое окно Fill Subpath
7. Область внутри контура зальется цветом переднего плана.

Следует заметить, что часто требуется обвести криволинейный участок тонким карандашом. Представляете, как это будет выглядеть «от руки», которая трясется. В данной задаче контуры, рисуемые инструментом Pen (Перо), незаменимы, т. к. обеспечивают максимальную точность обводки. Вы только настраиваете карандаш на заданную толщину и указываете Photoshop, какой контур обвести.

Для создания кривых при помощи инструмента Pen (Перо) нужно при нажатой кнопке мыши протянуть линию. Когда вы нажимаете кнопку мыши и начинаете перемещать указатель мыши в первый раз, вы ставите начальную точку для будущего контура, а также задаете направление и величину кривой.
1. Активизируйте инструмент Pen (Перо). Выполните действия, как указано в файле

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

Основные элементы кривых

Для построения и редактирования кривых необходимо иметь представление, с чем же вы работаете, какова природа кривых. Рассмотрим основные элементы кривых.

Использование Direct Selection для настройки контура

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

Типы опорных точек

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

Различие гладкой и угловой опорных точек

Редактирование кривых

Инструменты для работы с кривыми

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

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

Инструмент Действие инструмента Path Selection
(Выделение контура) Выделение контура, как целого. Выделение подконтуров

Direct Selection(Стрелка)

Выделяет сегмент для корректировки, а также опорные точки контура. Изменяет форму сегментов контура посредством перемещения выделенных опорных точек и управляющих точек Pen
(Перо) Первичный инструмент работы с контурами. Обеспечивает высокую точность построения контуров Add Anchor Point
(Перо+) Добавляет опорную точку в сегмент контура Delete Anchor Point
(Перо-) Удаляет опорную точку, не разрывая контур Convert Anchor Point
(Угол) Изменяет тип опорной точки, преобразовывая тип «гладкая точка» в тип «угловая точка» и наоборот

Операции, выполняемые инструментом Pen (Перо):

Операции, выполняемые инструментом Direct Selection (Стрелка):

Операции, выполняемые инструментом Convert Anchor Point (Угол) :

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

Таблица Временный переход к другому инструменту при активном инструменте Pen

Действие Инструмент Положение курсора над сегментом Инструмент Add Anchor Point (Перо+) Над опорной точкой Инструмент Delete Anchor Point (Перо – ) Удерживая клавишу Инструмент Direct Selection (Стрелка) Удерживая клавишу Инструмент Convert Anchor Point (Угол)

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

Кривая, построенная пером
1. При активном инструменте Pen (Перо) поднесите курсор к сегменту — пиктограмма Pen изменилась на Add Anchor Point (Перо+). Щелкните по сегменту — произошло добавление опорной точки.
2. При активном инструменте Pen (Перо) поднесите курсор к опорной точке — пиктограмма Pen изменилась на Delete Anchor Point (Перо – ). Щелкните по опорной точке — произошло удаление опорной точки без разрыва контура. Таким образом, возможен вызов двух других инструментов, находясь в режиме работы Pen.
3. Нажмите клавишу — появится пиктограмма Direct Selection («Ctrl» читается по-русски как «Стрл», напоминая сокращением слово «Стрелка» — легко запомнить). Таким образом, переходя на данный инструмент, вы можете редактировать контур в процессе построения!
4. Постройте в данном документе инструментом Ellipse (Эллипс) (в режиме работы Path (Контур)) контур виде эллипса. Программа строит эллипс за 4 сегмента, все опорные точки — гладкие. Изменим тип опорных точек с помощью инструмента Convert Anchor Point (Угол).
5. Активизируйте инструмент Convert Anchor Point (Угол). Пощелкайте по опорным точкам. Эллипс превратился в ромб с угловыми точками.

Изменение типа точек при помощи инструмента Угол
6. Теперь инструментом Convert Anchor Point (Угол) из угловых точек сделаем гладкие. Для этого необходимо щелкнуть и потянуть мышью, вытягивая управляющие линии. Правда, былой формы у эллипса уже нет.

Создание угловых точек в процессе построения кривых

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

Как нарисовать цветочек?

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

Рисование цветочка пером
1. Активизируйте инструмент Pen (Перо).
2. Щелкните в точке 1. Не отпуская левой кнопки мыши, потяните вверх. Отпустите мышь.
3. Щелкните в точке 2. Не отпуская левой кнопки мыши, потяните вниз. Нажмите клавишу , переключитесь на инструмент Convert Anchor Point (Угол). Удерживая клавишу , переместите управляющую линию вправо. Отпустите клавишу , отпустите мышь.
4. Опять при активном инструменте Pen щелкните в точке 3 и потяните влево. Нажмите клавишу , переместите управляющую линию вниз. Отпустите , отпустите мышь.
5. Щелкните в точке 4 и потяните вверх. Нажмите клавишу , переместите управляющую линию вправо. Отпустите , отпустите мышь.
6. Остается малость — замкнуть объект в начальной точке. НО программа при замыкании сформирует гладкую точку, что совершенно нам не надо. Если при замыкании удерживать клавишу , то создается угловая точка (легко запомнить — альтернатива).
7. С нажатой клавишей щелкните в точке 1, тяните вправо! Отпустите клавишу , отпустите мышь.

Как нарисовать сердце за две опорные точки?

Как в старой передаче: «За сколько нот вы угадаете песню?» — «За сколько опорных точек вы нарисуете сердце? За две сможете?»
В данном примере инструментом Pen (Перо) вы нарисуете сердце, состоящее из двух сегментов и двух опорных точек.
Выполним пошагово действия.

Рисование сердца пером
1. Активизируйте инструмент Pen (Перо).
2. Щелкните в точке 1. Не отпуская левой кнопки мыши, потяните вверх влево. Отпустите мышь. (Заданы направление и кривизна одного из сегментов.)
3. Щелкните в точке 2. Не отпуская левой кнопки мыши, потяните вниз вправо. (Сформирован первый сегмент, задается направление и кривизна второго сегмента.)
4. Нажмите клавишу , переместите управляющую линию вверх влево до точки 3 симметрично правой линии. Отпустите , отпустите мышь. (Изменен тип опорной точки, задано новое направление сегмента.)
5. Удерживая клавишу , щелкните в начальной точке 1 сердца и потяните вниз вправо до точки 4. Отпустите , отпустите мышь. (Сформирован второй сегмент с замыканием в угловую точку.)

Рисование контура вокруг фигуры

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

Загрузка выделения из контура

Вы научились строить по шаблону. Попробуйте теперь работать без него.
1. Активизируйте инструмент Pen (Перо).
2. Создайте самостоятельно контур вокруг объекта.
3. В палитре Paths (Контуры) создается ваш контур, как Work Path (Рабочий контур).
4. Двойным щелчком по названию Work Path дайте новое имя, например Path 1. Лучше переименовать контур, заменяя «Work Path».

Выделение с помощью контура

Преобразование выделения в контур

Из выделения можно создать контур. Но часто возникает проблема с неточностью этого контура.
1. Активизируйте инструмент Magic Wand (Волшебная палочка) с базовыми параметрами.
2. Щелкните по фону. Инвертируйте (обратите) выделение. Из контекстного меню палитры Paths (Контуры) выполните команду Make Work
Path (Образовать рабочий контур).

Команда Make Work Path
3. В палитре появилась позиция Work Path (Рабочий контур).

Проект «Фонды Эрмитажа»

Предположим, данный кубок (к слову, ужасного качества) вы должны поместить на обложку журнала «Фонды Эрмитажа», выпуск № 4. Журнал верстается в программе Adobe InDesign. Обратите внимание, что кубок находится на сером фоне. Можно было бы выделить кубок, скопировать на новый слой и удалить слой Background (Фон). Но формат TIF не поддерживает прозрачность! Разумная альтернатива скрытия — создание обтравочного контура.
1. Инструментом Pen (Перо) создайте контур вокруг кубка. Данный контур состоит из трех подконтуров. Первоначально контур имеет имя Work Path (Рабочий контур). Из позиции Work Path обтравочный контур не назначается. Необходимо дать контуру имя.
2. Дайте контуру имя, двойным щелчком по названию, например «Кубок».

Создание контура «Кубок»
3. Для того чтобы контур имел назначение «обтравочный», выполните команду Clipping Path (Обтравочный контур) контекстного меню палитры Paths (Контуры).
4. В выпадающем списке контуров (имеющихся на данный момент в документе) выберите «Кубок». Установите параметр Flatness (Спрямление) в зависимости от разрешения устройства вывода. Для фотонаборного автомата установите 1.

Задание контура обтравочным
5. Сохраните файл в формате TIF.
6. Так как у многих, возможно, нет программы Adobe InDesign, и данный материал уже выходит за границы нашего курса, я на рисунке покажу, что мы получим в верстке (Adobe InDesign) при помещении нашего изображения с сохраненным обтравочным контуром. В программе Adobe InDesign открыта обложка журнала «Фонды Эрмитажа», выпуск № 4. С помощью команды File | Place (Файл | Поместить) наша картинка помещена на будущую обложку. Вы видите, что серый фон, находящийся за границей обтравочного контура, не отображается! Вот какие замечательные «заготовки скрытия» вы можете сделать в Photoshop.

Проект «Кафе»

Используем знания, полученные в этом уроке, в едином проекте «Кафе».
1. Активизируйте инструмент Pen (Перо). Создайте контур вокруг чашки в файле Чашка.jpg. Можно потренироваться в файле Pen_Чашка.jpg, где есть схема.
2. В палитре Paths (Контуры) контур Work Path (Рабочий контур) (двойным щелчком по названию) переименуйте в контур Чашка.
3. Находясь на активном контуре Чашка, выделите дополнительно инструментом Pen (Перо) область под ручкой. При режиме комбинирования Exclude (Общая часть вычитается) внутренний контур будет вычитаться из большого контура.

Увеличение размера документа

Применение текстуры к изображению

Итоговый файл с рекламой кафе
4. Выполните команду Filter | Filter Gallery | Texture | Texturizer (Фильтр | Галерея фильтров | Текстура | Текстуризатор) с настройками Canvas (Холст), равными 91 (масштаб) и 4 (рельеф).
5. Создайте текстовую надпись с названием кафе, выбрав любой по вашему усмотрению шрифт. В моем примере я создала логотип на мексиканскую тему. Как создавать логотипы в Photoshop, я расскажу в следующем примере.

Возможности слой-формы

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

Режим Shape

На повестке дня режим, официально стоящий «по умолчанию» у всех инструментов группы Shape (Фигура).
1. Создайте новый документ File | New (Файл | Создать), установив следующие значения:
• Preset (Набор): Web;
• Size (Размер): 800×600, 72 ppi;
• Color Mode (Цветовой режим): RGB Color;
• Background Contents (Содержимое фона): White (Белый).
2. Активизируйте инструмент Rectangle (Прямоугольник). Режим работы — Shape (Фигура). Установите Fill (Заливка) на панели параметров — желтый. Stroke (Штрих) — красного цвета, 20 pt, пунктир. Нарисуйте прямоугольник инструментом.
3. Область, захваченная инструментом, — прямоугольник с заданными параметрами. Обратите внимание на палитру Layers (Слои). Был создан новый слой Rectangle 1 (Прямоугольник 1).
Данный слой имеет тип Shape layer (Слой-форма).
Слой имеет особенности работы:
• векторная форма маскирует (ограничивает видимость) содержимого слоя. Векторная форма активного слоя отображается в палитре Paths (Контуры);
• векторная форма накладывает ограничения на работу в слое — к слою не применяются растровые операции, такие как рисование, фильтры (помните, аналогично в текстовом слое нельзя было выполнять эти операции).
Слой состоит из взаимодействия двух компонентов: растрового содержимого и векторной маски. Рассмотрим, как работать с этими запчастями.

Режим Shape layers

Работа в режиме Shape

Настройка растрового содержимого слоя

Вы можете легко изменить цвет слоя двойным щелчком по пиктограмме слоя в палитре Layers (Слои). Вызывается диалоговое окно Color Picker (Палитра цветов), где вы можете изменить цвет. Также изменять параметры заполнения и обводки вы можете из панели параметров инструментов группы Shape (Фигура).

Работа с векторной формой слоя

Копирование формы

Режимы комбинирования форм
5. Активизируйте инструмент Ellipse (Эллипс). По умолчанию включен первый режим New layer (Новый слой), таким образом, никакого комбинирования нет. Предыдущая форма блокируется, и создается новый слой с новой формой.

Работа в первом режиме New layer
6. Удалите верхний слой в корзину или отмените действие. Переключитесь на второй режим комбинирования Combine Shapes (Объединить фигуры). Растяните по изображению эллипс. Как вы заметили, новые слои не образуются, происходит добавление данной формы в рамках одного слоя.
7. Выберите следующий режим Subtract Front Shape (Вычесть переднюю фигуру). Вычтите из нашей формы эллипс.
8. Все подконтуры, входящие в состав формы слоя, могут быть выделены инструментом Path Selection (Выделение контура), изменены на уровне опорных точек инструментом Direct Selection (Стрелка), т. е. существуют физически независимо в одной логической структуре — форме слоя.
9. Вы можете выравнивать и распределять выделенные подконтуры в составе одного слоя. Для этого необходимо выделить подконтуры щелчком инструмента Path Selection (Выделение контура), удерживая клавишу (как если бы вы выделяли файлы). Я выделила 1-, 2-, 3- и 4-й подконтуры.
10. Щелкните по первой кнопке Align: Top Edges (Выравнивание: Верхние края). Подконтуры выровняются.

Работа в режиме объединения и вычитания форм

Выделение подконтуров инструментом Path Selection
Выполнение операции выравнивания
Зачем вам пригодится построение фигур? Для создания логотипов и любых заказных форм в программе, без дополнительного использования Adobe Illustrator.

Рисование инструментом Custom Shape. Смайлик

Как вы знаете, существуют геометрические формы: эллипс, прямоугольник, линия и т. д. Все, что не попадает в раздел «геометрических» — это Custom Shape (Произвольная фигура). Вот такую форму мы сейчас и создадим. Нарисуем смайлик.

Создание формы

Объединим логически связанные подконтуры в один. Инструментом Path Selection (Выделение контура) обведите в «рамку» все подконтуры формы. В панели параметров Path Selection выберите из выпадающего списка режимов комбинирования Merge Shape Components (Объединить компоненты формы). Теперь наша форма — одно целое, и при выделении Path Selection будет выделено все сразу.

Выполнение операции Merge Shape Components

Задание формы в набор

Для занесения смайлика в набор заказных форм выполните команду главного меню Edit | Define Custom Shape (Редактирование | Определить произвольную фигуру).
В появившемся окне дайте имя Smile.

Форма заносится последней в набор форм, находящихся в данный момент в программе. Где это можно увидеть? Активизируйте инструмент Custom Shape (Произвольная фигура). В выпадающем списке параметра Shape (Фигура) — самая последняя — наша форма-смайлик.

Сохранение как отдельного файла

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

1. Выполните команду главного меню Edit | Presets | Preset Manager (Редактирование | Наборы | Управление наборами). Также эта команда сопровождает все аналогичные наборы в программе.
2. В разделе диалогового окна Preset Type (Тип набора) выберите Custom Shapes (Заказные фигуры), щелчком укажите форму Smile (можно несколько форм). Нажмите кнопку Save Set (Сохранить).

Save Set —сохранение выделенных форм, как отдельного файла
3. В диалоговом окне укажите имя файла и место его сохранения. Таким образом, вы можете создать любой логотип и форму и сделать избранное сохранение их как служебного файла.
Создание логотипа для кафе В рекламе кафе я использовала логотип, созданный в программе Photoshop. Мой логотип имеет два цвета, поэтому он состоит из двух слоев (у одного слоя — один цвет растра).

Файл с логотипом в слоях

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

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

3. Создайте инструментом Pen (Перо) контур кружки. Инструмент Pen работает в режиме создания контуров.

Источник