Трансформирование объектов в Photoshop

Обновлено в выпуске Photoshop 21.0 (ноябрь 2019 г.)

При преобразовании любого типа слоя перетаскивание углового маркера ограничительной рамки теперь по умолчанию масштабирует слой пропорционально. При этом кнопка Сохранять пропорции (значок ссылки) на панели параметров находится во включенном состоянии. Чтобы изменить поведение преобразования по умолчанию на непропорциональное масштабирование, выключите кнопку Сохранять пропорции (значок ссылки). Клавиша SHIFT служит переключателем для кнопки Сохранять пропорции. Если кнопка «Сохранять пропорции» включена, при нажатии клавиши SHIFT она выключается (и наоборот). Photoshop запоминает последнюю настройку поведения преобразования — пропорциональное или непропорциональное масштабирование. Это будет поведение преобразования по умолчанию, когда вы запустите Photoshop в следующий раз. 

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

Как вернуть устаревшее поведение преобразования?

В строке меню выберите Редактировать (Windows) или Photoshop (Mac) > Установки > Общие, а затем выберите Использовать прежнюю версию свободного трансформирования.

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

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

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

Цвет пикселов, добавляемых или удаляемых во время трансформирования, вычисляется в Photoshop методом интерполяции, выбранным в разделе «Основные» диалогового окна «Установки». Скорость и качество трансформирования непосредственно зависят от этого параметра интерполяции. Бикубическая интерполяция, применяемая по умолчанию, выполняется медленнее всего, но дает наилучший результат.

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

Трансформирование изображения

A. Исходное изображение B. Отраженный слой C. Повернутая граница выделенной области D. Часть объекта в измененном масштабе 

Команды подпунктов меню трансформирования

Масштаб

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

Поворот

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

Наклон

Наклон элемента по вертикали или по горизонтали.

Искажение

Растягивание элемента по всем направлениям.

Перспектива

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

Деформация

Изменение формы элемента.

Вращение на 180°, вращение на 90° по часовой стрелке, вращение на 90° против часовой стрелки

Вращает элемент на указанное число градусов по часовой или против часовой стрелки.

Отразить

Отражение выбранной области в горизонтальной или вертикальной плоскости.

Видеопособие: советы по работе с векторами в Photoshop

В этом эпизоде видеоуроков «Полная картина» (The Complete Picture) Джулианна демонстрирует функции для работы с векторами в Photoshop.

Обновлено в Photoshop CC (20.0) за октябрь 2018 г.

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

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

Чтобы повторить трансформирование, выберите Редактирование > Трансформирование > Применить снова.

Чтобы дублировать при трансформировании, удерживайте клавиши «Alt» (Win) или «Option» (Mac) при выборе команды «Трансформирование».

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

• Щелкните правой кнопкой мыши слой смарт-объекта и выберите Сбросить трансформирование
• Выберите Слой > Смарт-объекты > Сбросить трансформирование

Photoshop закругленные углы. Как закруглить углы на изображении в фотошопе? Закругление углов у картинок

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

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

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

Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).

Шаг 1

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

Шаг 2

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

Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.

Шаг 4

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

Выделение и выбираем Уточнить край (Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.

Шаг 5

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

Шаг 6

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

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

1 голос

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

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

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

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

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

Быстрый способ закруглить фотку

Итак, работать будем в фотошопе. Открываем изображение.

Находим инструмент «Прямоугольник со скругленными углами».

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

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

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

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

Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.

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

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

Вам нужен именно png.

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

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

Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).

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

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

Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать ).

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

Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.

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

Подбираем идеальный вариант.

Затем во вкладке «Выделение» находим «Инверсия».

Нажимаем кнопочку «del» на клавиатуре и готово.

Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.

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

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

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

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

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

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

Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать ). Думаю, что улучшить его не проблема.

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

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

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

Шаг 1

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

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

Шаг 5

На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:

Шаг 6

Теперь нажмите комбинацию клавиш Ctrl+X (редактирование — вырезать ) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).

Шаг 7

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

Шаг 8

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

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

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

А как сделать только, например, один закругленный угол?

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

Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.

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

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

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь толщиной в 1px :

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

Закругляем все углы рисунка с помощью формы Photoshop

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

1. Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3 , но подойдет и любая другая версия, установленная на вашем компьютере.

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

3. Нажимаем на клавиатуре Ctrl+A чтобы выделить весь рисунок, затем нажимаем Ctrl+C , чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N ) и вставляем в него скопированный рисунок (Ctrl+V ). При этом фон в новом окне должен быть либо , либо того цвета, который должен окружать рисунок с закругленными краями на сайте.

4. Создаем новый слой (Ctrl+Shift+N ). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U) рисуем квадрат или прямоугольник нужного размера:

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

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

7. Удерживая клавишу Ctrl кликаем по превью слоя в панели слоев Layers (у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:

8. В панели слоев Layers переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I (или Select -> Inverse в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.

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

10. Рисунок без острых углов готов. Можно и использовать как аватарку или иллюстрацию на сайте.

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

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

Также для создания картинки с неровными краями или любыми другими подобными эффектами можно использовать картинку с такими неровными краями или закругленными углами, скачанную с какого-нибудь сайта. При этом нужно удалить фон, не относящийся к картинке, например, с помощью инструмента Magic Wand Tool (W) .

Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.

Я долго искал как можно закруглить углы при помощи Adobe Photoshop, но везде где-то не дописывают, либо написано неправильно. Как оказалось закруглить углы у любой картинки займёт не более 30 секунд, естественно после того как вы научитесь это делать.

И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.

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

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

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

Рисунок2

Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.

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

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

В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.

Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.

Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.

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

Затем заходим в меню Редактировать->Скопировать.

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

В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.

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

И что у нас получилось на выходе.

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

3 быстрых и простых способа изогнуть текст в Adobe Illustrator

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

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

Но позже, когда я стал все более и более изощренным в Adobe Illustrator, я добился цели. С помощью простых в использовании инструментов Illustrator сделать изогнутый текст ОЧЕНЬ ЛЕГКО. Нисколько не преувеличиваю, сами поймете почему.

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

Без лишних слов, вперед!

Содержание

• 3 способа искривления текста в Adobe Illustrator 
  • 1. Деформация 
  • 2. Печатайте по траектории 
  • 3. Искажение конверта
• Часто задаваемые вопросы
  • Как преобразовать текст в контур кривой в Illustrator?
  • Как редактировать изогнутый текст в Illustrator?
  • Как изогнуть текст в Illustrator без искажений?
• Заключение

3 способа искривления текста в Adobe Illustrator 

Примечание. Скриншоты взяты из версии Illustrator CC для Mac. Windows или другие версии могут выглядеть немного иначе.

Вы можете добавить быстрый эффект к кривому тексту, используя метод Warp, или просто используйте Type on a Path для удобного редактирования. Если вы хотите сделать что-то более безумное, попробуйте Envelope Distort.

1. Деформация 

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

Шаг 1 : Выберите текст.

Шаг 2 : Перейдите к Эффект > Деформация , и вы увидите 15 эффектов, которые вы можете применить к своему тексту.

Шаг 3 : Выберите эффект и настройте параметры Bend или Distortion . Если вас устраивают настройки по умолчанию, нажмите OK .

Например, я немного подкорректировал настройку Bend до 24%, вот так выглядит эффект арки.

Давайте попробуем другой эффект, выполнив тот же шаг.

В любом случае, с эффектом деформации можно многое сделать. Играть с этим.

2. Введите путь 

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

Шаг 1 : Нарисуйте эллипс с помощью инструмента Эллипс ( L ).

Шаг 2 : Выберите Type on a Path Tool .

Шаг 3 : Нажмите на эллипс.

Шаг 4 : Тип. Когда вы нажмете, появится случайный текст, просто удалите его и введите свой собственный.

Вы можете перемещать текст, перемещая управляющие скобки.

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

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

3. Envelope Distort (Искажение огибающей)

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

Шаг 1 : Выберите текст.

Шаг 2 : Перейдите к Object > Envelope Distort > Make with Mesh . Появится окно.

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

Шаг 4 : Выберите инструмент прямого выделения ( A ).

Шаг 5 : Щелкните опорные точки, чтобы изогнуть текст.

Часто задаваемые вопросы

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

Как преобразовать текст в контур кривой в Illustrator?

Если для создания изогнутого текста вы применили эффекты «Деформация» или «Текст по контуру», вы можете напрямую выделить текст и создать контур ( Command+Shift+O ). Но если вы использовали метод Envelope Distort, вам придется дважды щелкнуть текст, чтобы преобразовать его в контуры.

Как редактировать изогнутый текст в Illustrator?

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

Как изогнуть текст в Illustrator без искажений?

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

Заключение

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

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

О компании June Escalada

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

4 способа согнуть текст

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

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

---

1. Создание смарт-объектов

Шаг 1:  Откройте программу Photoshop, нажмите «Файл» > «Создать», чтобы выбрать нужные размеры для вашего дизайна в рабочей области. Затем выберите инструмент «Текст» и введите текст.

Шаг 2: Если у вас уже есть дизайн. Выберите текстовый слой, перейдите к «Слой» в верхней строке меню, выберите «Смарт-объект» и выберите «Преобразовать в смарт-объект». Вы также можете выделить текст, щелкнуть правой кнопкой мыши и создать его как смарт-объект.

Шаг 3 : Затем выберите «Редактировать» в строке меню, выберите «Преобразовать», затем «Обернуть».

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

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

---

2. Создайте контур с помощью инструмента «Перо»

Шаг 1: Откройте программу Photoshop. Создайте новый документ, выбрав «Файл» > «Новый». Если вы уже работаете над дизайном, возьмите инструмент «Перо» (P) на правой панели задач.

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

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

Шаг 4: Перетащите точку, чтобы превратить линию в кривую с помощью инструмента «Перо».

Шаг 5: Когда вы закончите, щелкните где-нибудь еще на холсте, чтобы отменить выбор пути. Выберите инструмент «Текст» (T).

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

Шаг 7: Теперь напишите текст вдоль контура, как обычно. Затем удерживайте контроль и нажмите Enter, чтобы отменить выбор текста.

---

3. Инструмент преобразования текста

Шаг 1 : Откройте программу Photoshop, выберите размеры рабочего пространства. Если у вас уже есть существующее изображение, нажмите «Открыть» и выберите его на своем устройстве.

Шаг 2: Создайте пустой слой и используйте на нем инструмент Text Type Tool (T).

Шаг 3: Выберите инструмент «Обтекание текстом» в правом верхнем углу. Либо щелкните Edit > Transform > Wrap.

Шаг 4: В настройках обтекания: выберите стиль и степень обтекания.

Шаг 5 : Этот метод деформирует сам шрифт. Если степень трансформации слишком велика, она все равно будет. Отрегулируйте его, пока он не будет соответствовать вашим предпочтениям.

---

4. Создайте контур с помощью инструмента «Эллипс»

Шаг 1 : Откройте программное обеспечение Photoshop, нажмите «Файл» > «Создать», если вы создаете новый документ. Если вы уже создавали изображение, выберите режим «Форма» на панели инструментов.

Шаг 2: Выберите инструмент «Эллипс» (U) и нарисуйте эллипс нужного размера.

Шаг 3: Выберите инструмент «Текст» и нажмите на край эллипса, когда увидите, что курсор «Текст» изменится на курсор «Текст на пути».

Шаг 4: Введите текст. Когда закончите, скройте слой с эллипсом, щелкнув значок глаза на определенном слое.

---

На что обратить внимание при сгибании шрифтов

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