Учимся писать в фотошопе: Блог об интернет-маркетинге и воронке продаж

Учимся работать с Pen Tool | Уроки Фотошопа (Photoshop)

Доброго времени суток, друзья. Сегодня я расскажу вам про важный инструмент в Photoshop — Pen Tool (Перо). Этот Photoshop урок претендует на полное руководство по Pen Tool в фотошопе, поэтому, если я что-то забыл, напомните мне об этом в комментариях.

Учимся работать с Pen Tool

Инструмент Pen Tool представлен в панели инструментов в виде иконки пера — . Pen Tool имеет 2 режима работы: Shape Layer (Форма) и Paths (Путь).

Как можно догадаться из названия, в режиме Shape Layer перо будет создавать форму на новом слое:

А Paths будет создавать путь:

Думаю, вы поняли разницу.

Сначала мы рассмотрим режим Paths

Работаем с Pen Tool в фотошопе: Paths (Пути)

Для того, чтобы создать путь, выберите инструмент Pen Tool, установите режим Paths, и начинайте ставить точки:

Каждая точка — это так называемый anchor point (якорь). Главная особенность Pen Tool состоит в том, что якорь можно передвигать после того, как он уже поставлен. Если в момент выставления якоря вы будете удерживать клавишу Shift, у вас получится идеально прямая вертикальная или горизонтальная линия (в зависимости от того, под каким углом вы будете ставить якорную точку):

Чтобы передвинуть точку, возьмите инструмент Direct Selection Tool (A)

Кликните им по нужной точке и двигайте её:

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

Также существует инструмент Path Selection Tool, он отличается тем, что выбирает весь путь сразу.

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

Давайте удалим вот эту точку:

Для этого возьмите инструмент Delete Anchor Point Tool и кликните им по точке, и она будет удалена:

По такому же принципу работает Add Anchor Point Tool (Добавление точки) — выберите его и кликните по любому месту на пути, появится новая точка.

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

Удерживая Ctrl можно перемешать точку, а если вы нажмёте на один из концов касательной, то сможете «сломать» угол:

Для удаления пути нажмите по нему правой кнопкой мыши и выберите Delete.

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

Учимся работать с Pen Tool: Shape Layer (Форма)

Для этого режима работы с Pen Tool справедливо всё тоже самое, что и для путей. Разница в том, что всё, находящееся внутри периметра точек автоматически становится формой. Эту особенность можно использовать для создания уникальных иконок, форм и много другого. Но, конечно, чаще всё-таки используется режим Paths.

Для наглядности, вот такое сердце рисуется с помощью Pen Tool в режиме Shape Layer за 2 минуты:

Форму можно сохранить (если вы собираетесь использовать её не один раз). Для этого возьмите инструмент Path Selection Tool (A) (или Direct Selection Tool), и нажмите на форму правой кнопкой мыши, в появившемся меню нам понадобится Define Custom Shape:

Дайте форме имя, и нажмите ОК. Теперь новая форма сохранена, и вы всегда сможете использовать её, выбрав инструмент Custom Shape (U):

Этим же способом вы можете сохранять формы, созданные в режиме Paths.

Скажу несколько слов о параметрах пересечения Pen Tool

Их всего 5:

Create new shape layer (создать новую форму) — Если выбран этот параметр, Pen Tool будет создавать новую форму (при этом она будет создана на новом слое).

Add to shape area (Добавить к форме) — Работает с формой на текущем слое:

Subtract from shape Area (Вычесть из формы) — Вычитает одну форму из другой:

Intersect shape area (Пересечение форм) — Активным становится только участок на пересечении форм:

Exclude Overlapping shape area (Исключение пересекающихся форм) — Удаляет места пересечений форм:

Выделение с помощью Pen Tool

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

Итак, допустим нужно сделать выделение памятника. Для этого активируйте Pen Tool в режиме Paths, и начинайте строить форму:

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

Теперь дорабатываем углы с помощью Convert Point Tool и удаляем лишние точки, словом, подгоняем форму:

Берем Selection Tool (A) и нажимаем правой кнопкой мыши по пути, находим Make Selection и нажимаем:

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

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

Учимся работать с Pen Tool: Штрих и заливка

Pen Tool позволяет заштриховывать и заливать пути.

Штриховка представляет собой применение какого-либо инструмента (это может быть кисть, карандаш, ластик, инструменты затемнения и осветления и т.д.) по пути. Для того, чтобы заштриховать путь, надо кликнуть по нему правой кнопкой мыши и выбрать Stroke Path:

Появится окно, в котором можно выбрать инструмент для штриха:

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

Этот метод применяется, например, в уроке красивый фон в photoshop.

Заливка пути аналогична инструменту Paint Bucket Tool (заливка). Всё пространство между точками заполняется выбранным цветом. Чтобы выполнить заливку, достаточно кликнуть по пути правой кнопкой мыши и выбрать Fill Path (Заполнить путь). При этом заливка выполняется на текущем слое.

Что ещё можно делать с Pen Tool

Photoshop позволяет также писать текст вдоль созданного пути. Для этого нужно создать путь:

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

Существует ещё инструмент Freedom Pen Tool (свободное перо):

Он позволяет создавать путь подобно тому, как вы рисуете кистью

Однако получаемый результат далёк от идеала, поэтому данный инструмент практически не используется.

Посмотреть все созданные пути мы всегда можете во вкладке Paths панели слоёв:

На этом photoshop урок подошёл к концу. Надеюсь, вы узнали много нового о том, как работать с Pen Tool в фотошопе, и этот инструмент теперь станет вашим другом 🙂 А я желаю вам успехов и прощаюсь до новых встреч на страницах psforce.ru 😉

Pen Tool вектор

Курсы Фотошопа | Учимся фотошопить: от нуля и до профессионала

• Курсы Дизайн
• 14 июля, 2022
• 207
• 5 minutes read

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

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

Чему вы научитесь?

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

• Разработка коллажей.
• Работа со скриптами.
• Ретуширование изображений.
• Взаимодействие со сложными эффектами.
• Взаимодействие с текстами.

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

Записаться на курс

Для кого разработаны курсы Photoshop?

Курсы Фотошопа онлайн рассчитаны на разную аудиторию:

• Новички. Не имея начальных навыков, вы научитесь работать профессионально в редакторе. Мы научим вас работать с текстами, слоями и кистями. Вы сможете фотошопить изображения, либо пойти по дизайнерскому пути.
• Дизайнеры. Получите навыки работы с красками и слоями, научитесь обрабатывать и ретушировать изображения, увеличите свои знания и умения. После курса вы научитесь использовать такие инструменты, как Action и Batch, которые позволят экономить время.
• Людям, работающим с графикой. Сможете дополнять свои произведениями бликами и тенями, рисовать. Подарите жизнь самым смелым идеям.

Курсы Фотошопа для иллюстраторов

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

Записаться на курс

Ваши навыки после обучения

Формат курсов

Процедура обучения состоит из следующих этапов:

1. Лекции. Изучите отличительные черты изучаемого материала, станете профессионалом в фотошопе. Чтобы закрепить информацию, выполните практику, которая предполагает 90% всей программы.
2. Поддержка от спикеров. Ими выполняется проверка домашнего задания, они помогут разобраться в непонятных вопросах, рассказывают секретные лайфаки. После завершения курса вы продолжите общаться в закрытых чатах с профессионалами и коллегами.
3. Итоговая работа. Первый и самым серьезным кейсом для вас станет итоговая работа. Сделав её, у вас появится основа для портфолио, привлекающего внимание.

Популярные курсы для Дизайна

Как обвести текст в Photoshop (+ сделать его прозрачным)

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

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

Давайте начнем и научимся обводить текст в Photoshop.

НАСТОЯТЕЛЬНО РЕКОМЕНДУЕТСЯ

Adobe Photoshop

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

НАЧАТЬ БЕСПЛАТНУЮ ПРОБНУЮ ПРОБНУЮ ВЕРСИЮ

• Хотите купить Photoshop? Нажмите здесь, чтобы узнать, как >>

Содержание

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

Шаг 1 — Открыть

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

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

Чтобы создать пустой документ, перейдите в верхнюю строку меню и выберите Файл > Создать.

Введите сведения о новом документе, например, Ширина 500 x Высота 500 пикселей  разрешение 300 dpi на панели подробностей Preset Details.

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

Шаг 2. Создайте текстовый слой

Далее мы создадим текстовый слой на панели слоев.

Перейдите к верхней строке меню и выберите Слой и в раскрывающемся меню. Затем выберите New > Layer.

Либо щелкните значок New Layer , квадрат со знаком плюс, внизу панели Layers.

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

Шаг 3. Выберите инструмент «Текст»

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

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

Шаг 4. Выберите стиль шрифта

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

Выберите стиль шрифта в раскрывающемся меню на панели параметров инструмента «Текст».

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

Установите размер шрифта и выберите цвет из палитры цветов .

Шаг 5. Введите текст

Нажмите на окно холста и напишите текст.

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

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

Шаг 6. Стиль слоя 

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

Перейдите к верхней строке меню над окном холста и выберите Layer > Layer Style > Stroke.

После выбора стиля слоя Stroke 9Откроется диалоговое окно 0013 – здесь вы можете ввести свойства обводки текста.

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

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

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

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

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

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

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

Выберите Color и нажмите на Color Box . Откроется диалоговое окно Color Picker , в котором можно выбрать цвет.

Если вас устраивают свойства выделенного текста, нажмите OK.  

На панели «Слои» под текстовым слоем будет добавлен эффект стилей слоя.

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

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

Вы хотите знать, как заставить текст повторять форму? Посмотрите этот учебник по Photoshop, чтобы узнать, как печатать контур.

Как сделать текст прозрачным с помощью контура в Photoshop

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

Виола — ваш текст теперь прозрачен.

Однако настройка непрозрачности слоя «Текст» также сделает контур текста прозрачным. Так как же сделать только текст прозрачным?

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

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

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

Кроме того, если вы еще не готовы к сложности Photoshop, узнайте, как обводить текст в Photoshop Elements.

Photoshop Selections: советы, приемы и методы Онлайн-класс

1. Все темы
2. творческий
3. Фотография
4. Редактирование изображений

Предварительный просмотр

С Ричардом Харрингтоном Нравится 41 пользователю

Продолжительность: 4ч 14м Уровень мастерства: средний Дата выпуска: 23.01.2023

Начать бесплатную пробную версию на 1 месяц

Детали курса

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

В этом курсе Рич Харрингтон раскрывает важность точного выбора, будь то маскирование, изменение цвета и тона или даже сохранение прозрачности, и показывает, как сделать это с помощью инструментов Adobe Photoshop CC. Познакомьтесь с командами меню «Выделение» и инструментами «Выделение», «Лассо» и «Волшебная палочка», а затем узнайте, как уточнить выделение с помощью «Расширения и сжатия», «Сглаживания и растушевки», «Быстрой маски» и других элементов управления. Опытные пользователи Photoshop также оценят передовые методы, включающие команду «Цветовой диапазон» и выбор альфа-канала.

Этот курс был создан Rhed Pixel. Мы рады провести этот тренинг в нашей библиотеке.

Навыки, которые вы приобретете

• Adobe Photoshop

Получите общий сертификат

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

Обучение LinkedIn Обучение

Сертификат об окончании

• Демонстрация в вашем профиле LinkedIn в разделе «Лицензии и сертификаты»

• Загрузите или распечатайте в формате PDF, чтобы поделиться с другими

• Поделитесь изображением в Интернете, чтобы продемонстрировать свое мастерство

Познакомьтесь с инструктором

• Ричард Харрингтон

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

  Я также муж и отец.

Отзывы учащихся

9 оценок

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

• 5 звезд Текущее значение: 8 88%
• 4 звезды Текущее значение: 1 11%

Сюзанна Тамир

Сюзанна Тамир

Дизайн пустыни для Интернета и печати

5/5 31 января 2023 г.

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

Полезный · Отчет

Содержание

Что включено

• Практикуйтесь, пока учитесь 2 файла упражнений
• Учитесь на ходу Доступ на планшете и телефоне

Похожие курсы

Скачать курсы

Используйте приложение LinkedIn Learning для iOS или Android и смотрите курсы на своем мобильном устройстве без подключения к Интернету.