Toderelt.ru

ПК Журнал ТодерельТ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

Многим часто приходится работать с графическим редактором. Одним необходимо это в процессе обучения, другим – для работы, а некоторые начинают работать в них по своей инициативе. Ясно одно – каждый проходит через начальный этап, когда интерфейс давит своим объемом и приходится разбираться самостоятельно. Каждый начинает осваивать программу по-своему: кто-то методом проб и ошибок, кто-то учится, смотря туториалы по графической программе. Пользователи проходят и через изучение инструментов и построение фигур. Один из коварных вопросов, с которым сталкивается новичок – построение волнистых линий в «Фотошопе». Данная среда не имеет непосредственного инструмента «Кривая», поэтому приходится делать их своими руками.

Рисование прямой пунктирной линии в Photoshop

Создаём новый или открываем документ в Photoshop.

Основу для прямой линии мы сделаем с помощью инструмента «Перо» (Pen Tool):

Pen Tool

Но, т.к. мы делаем пунктир, нам для начала надо настроить инструмент «Кисть» (Brush Tool). Подробнее настройках «Кисти» Вы можете почитать здесь. Возьмите этот инструмент, выберите жесткую круглую кисть, размер 3px, цвет черный, далее Вы поймете, почему мы выбрали такие настройки. Но настройки «Кисти» на этом не закончены. Откройте панель кистей (Brushes Panel) и увеличьте параметр «Интервал» (Spacing) до 150%, или до зависимости от того, какое расстояние между пунктиром Вы хотите получить:

панель кистей

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

Создайте новый слой (Ctrl+Shift+N). Теперь просто кликните по полученному контуру правой клавишей мыши и в контекстном меню нажмите на пункт «Выполнить обводку контура» (Stroke Path). Откроется новое окно, где выберите инструмент «Кисть» и нажмите ОК. И наша простая пунктирная линия будет создана. Теперь вы можете удалить рабочий контур (Work Path) или использовать его дальше для создания новых линий. Вы можете перемещать, масштабировать контур, изменять его форму, поворачивать, добавлять опорные точки, пунктирная линия повторит все изменения контура. Просто помните, что выполнять обводку контура следует на новом слое.

пунктирная линия Photoshop

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

Метод №1: через деформацию

  • Для начала необходимо написать текст;
    Текст по кругу в Фотошопе: как написать двумя способами
  • На панели настроек инструмента, в верхней части рабочего окна нужно найти кнопку с буквой Т, которая отвечает за настройки деформации текста;
    Текст по кругу в Фотошопе: как написать двумя способами
  • После нажатия на эту кнопку появится список, где необходимо выбрать стиль «Дугой». В открывшемся окне, необходимо сделать изгиб – 100%. Для этого, под словом Изгиб, тянем ползунок до конца вправо.
    Текст по кругу в Фотошопе: как написать двумя способами

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

Текст по кругу в Фотошопе: как написать двумя способами

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

Есть и один недостаток такого метода: при написании читаемость текста немного ухудшается.

Метод №2: через контур

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

Для того, чтобы нарисовать очертание с помощью инструмента «Фигуры» следуем инструкциям:

  • Слева на панели инструментов нажимаем на значок с кругом. Там выбираем инструмент «Эллипс».
    Текст по кругу в Фотошопе: как написать двумя способамиНа панели инструментов необходимо выбрать цвет заливки на свой вкус. Самое главное, чтобы контур круга не сливался с фоном, на котором он будет нарисован. Все параметры “Эллипса” можно задать в верхней панели настроек инструмента;
    Текст по кругу в Фотошопе: как написать двумя способами
  • Затем, необходимо нажать на клавиатуре кнопку Shift , и удерживая ее, с помощью мыши, нарисовать круг;
    Текст по кругу в Фотошопе: как написать двумя способами
  • Следующим шагом необходимо выбрать инструмент «Текст», подвести курсор к краю круга (посередине курсора должна появится волнистая линия , не окружность ) и кликнуть левой кнопкой мыши. После того, как курсор замигает, можно начинать писать.
    Как сделать текст по кругу в Фотошопе

После написания текста фигуру можно удалить или использовать как украшение для товарного знака. Мы удалим:

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

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

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

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

  1. Слева, на панели инструментов выбираем инструмент «Произвольная фигура»;
    Как сделать текст по кругу в Фотошопе
  2. В панели настроек инструмента открываем список фигур и выбираем «Тонкую круглую рамку»;
    Как сделать текст по кругу в Фотошопе
  3. Нажимаем на клавиатуре SHIFT, и удерживая рисуем фигуру.
    Как сделать текст по кругу в ФотошопеПосле, выбираем инструмент «Текст» и на панели инструментов необходимо устанавливаем выравнивание по центру;
    Как сделать текст по кругу в Фотошопе
  4. Теперь необходимо поднести курсор к контуру нарисованной фигуры, и кликнуть левой кнопкой мыши по внутренней части контура. Текст будет писаться поверх фигуры;
    Как сделать текст по кругу в Фотошопе
  5. Чтобы написать текст снизу, и он не был перевернутым, нужно снова выбрать слой с фигурой и кликнуть левой кнопкой мыши по нижней части круга, но уже с внешней стороны.
    Как сделать текст по кругу в Фотошопе
  6. После, вводим необходимый текст и получаем такой результат:
    Как сделать текст по кругу в Фотошопе
  7. Убираем контур, удалив слой с фигурой, выбираем желаемый цвет шрифта (мы остановились на нашем фирменном цвете) и получаем финальный вариант:
    Как сделать текст по кругу в Фотошопе

На этом все! Навыки по написанию текста по кругу в Фотошопе помогут в создании виртуальных печатей и различных элементов дизайна.

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

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

Для урока нам понадобится создать новый документ. Для этого нажимаем CTRL+N и выбираем нужный размер.

Создание нового документа для урока в Фотошопе

Способ 1: дуга из окружности (кольца)

  1. Выбираем инструмент из группы «Выделение» под названием «Овальная область».

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

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

выделить участок, который хотим удалить,

Выделение участка дуги в Фотошопе

и нажать DELETE.

Удаление участка дуги в Фотошопе

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

Способ 2: дуга из эллипса

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

Эллипсовидное выделение в Фотошопе

Далее выполняем все действия, что и в первом примере (заливка, сжатие выделения, удаление).

Дуги из эллипса в Фотошопе

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

Способ 3: инструмент «Перо»

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

Вторая опрная точка Пера в Фотошопе

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

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

Помимо этой статьи, на сайте еще 12351 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

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

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

Рисуем фигуру пером в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Рисуем облако пером

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

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

Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

Если непонятно, что такое Перо и Контур, то посмотрите Обзор инструмента Pen (Перо).

Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

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

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

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

Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

Вот результат — нарисовано симпатичное белое облако:

А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

В открывшемся окне выберите инструмент Pencil (Карандаш),

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

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

Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

(Подробнее про работу с кистью )

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

Получится вот такой результат:

Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру).

В открывшемся окне задайте имя фигуры и ОК.

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

Как нарисовать волнистые линии в «Фотошопе»?

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

Adobe Photoshop логотип

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

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

Марионеточная деформация

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

  1. Итак, для начала нарисуйте прямую линию. Можно сделать это с помощью обычной кисти, зажав клавишу SHIFT. Как нарисовать дугу в фотошопе пером, с помощью круга и другими способами
  2. Теперь, убедившись, что вы находитесь на слое с этой линией, зайдите в меню «Редактирование» — «Марионеточная деформация» . Ваша прямая должна будет покрыться неким подобием сетки. Как нарисовать дугу в фотошопе пером, с помощью круга и другими способами
  3. Теперь поставьте три опорных точки. Для этого просто нажмите левой кнопкой мыши в начале, середине и в конце линии. Как нарисовать дугу в фотошопе пером, с помощью круга и другими способами
  4. И теперь, зажав левую кнопку мыши в средней опорной точке, начинайте тянуть ее вверх. Как видите, крайние точки остаются как бы прибитыми, зато средняя поднимается ввысь дугой. Как нарисовать дугу в фотошопе пером, с помощью круга и другими способами
  5. Если дуга кажется неестественной, то поставьте еще пару-тройку точек между концами и серединой, после чего подергайте их. После того, как все сделаете, нажмите ENTER. Как нарисовать дугу в фотошопе пером, с помощью круга и другими способами

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

Как нарисовать дугу в фотошопе пером, с помощью круга и другими способами

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

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

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

голоса
Рейтинг статьи
Читать еще:  Avast Clear - программа для удаления программ от Avast
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector