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

Как в фотошопе написать текст по кругу с помощью инструмента Контуры | DesigNonstop — О дизайне без остановки

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

33

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

Шаг 1.В новом документе с помощью инструмента «Овальная область» (Elliptical Marquee Tool), удерживая Ctrl, выделяем круг.

Шаг 2.В верхнем меню выбираем «Окно» (Window) > «Контуры» (Paths) и открываем контейнер. Потом жмем на иконку в нижней части контейнера «Сделать из выделенной области рабочий контур» (Make Work Path From Selection).

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

Шаг 4.Теперь выбираем инструмент «Текст» (Type Tool), подводим курсор к контуру, и когда он стал таким, как на рисунке ниже, начинаем печатать текст.

Шаг 5.Получили такой результат. Здесь можно регулировать размер текста и межбуквенное расстояние.

Шаг 6.Нажимаем Ctrl+H, чтобы отключить линию контура. Эта же комбинация клавиш включает контур.

Шаг 7.Для того, чтобы текст был написан по внутренней части контура, нам надо воспользоваться инструментом «Выделение контура» (Path Selection Tool). После того, как инструмент активирован, подводим курсор к тексту. Когда он стал таким, как на рисунке ниже, нажимаем кнопку мыши и двигаем ее поперек контура.

Шаг 8.В какой-то момент весь текст должен перескочить во внутреннюю часть контура.

Шаг 9.Нажимаем Ctrl+H, чтобы отключить контур. Мы получили текст, написанный по внутренней части контура.

PS.Есть еще один альтернативный вариант, как в фотошопе написать текст по кругу. Для этого создаем квадратный документ, например 400х400 пикселей. Если создать прямоугольный документ, то текст будет написан не по кругу, а по овалу. В центре документа пишем текст. В настройках текста лучше задать «Масштаб по вертикали», например 200%, растянув текст по вертикали.

После этого выбираем «Фильтр» (Filter) > «Искажение» (Distort) > «Полярные координаты» (Polar Coordinates) и далее отмечаем «Прямоугольные в полярные» (Rectangular to Polar), нажимаем ОК. На промежуточной стадии сервис предложит растрировать текст, нажимаем «Да». После этого текст будет написан по кругу.

Оцените, пожалуйста, статью! (0 голосов, в среднем: 0 из 5)

Текст по кругу в Фотошоп

При работе с Фотошоп бывает необходимо сделать оформление текста по кругу. C помощью этого простого урока вы сможете красиво оформлять тексты вокруг круглых объектов или создавать оригинальные фоторамки.

1. Открываем наш документ. Выбираем инструмент Ellipse Tool (с указанными настройками). Рисуем круг, удерживая клавишу Shift:

2. Выбираем инструмент Type (Текст). Помещаем курсор над линией круга, пока он не примет следующий вид.

3. Печатаем наш текст, он будет распределяться по линии круга. Редакировать текст: крутить его, устанавливать положение внутри или снаружи, можно с помощью инструмента Path Selection Tool и точек управления.

Еще один вариант создания кругового текста — использование полярных координат:

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

2. Удерживая SHIFT, выбираете инструмент прямоугольное выделение. Перейдите в меню Filter> Distort > Polar Coordinates (Фильтр>Искажение>Полярные координаты) и кликните ОК когда появится подсказка, чтобы растеризовать текст.

3. Удостовертесь, что выбрана опция Rectangular to Polar (Прямоугольные в полярные), нажимаете ОК и получаете ваш текст по кругу.

Как проще всего написать текст по кругу в фотошопе?

Всем привет, дорогие друзья! Как ваше настроение? У меня прекрасное: погода супер, через две недели отпуск, день рождения и т.д. Но сейчас не об этом. Скажите, вы часто видели какой-то текст, который написан по кругу? Я думаю, что да. Ведь сегодня такие картинки часто используются, например в каких-либо логотипах и т.д.

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

1. Давайте создадим с вами новый документ, например 800*600, хотя это роли особой не играет.
2. Теперь выберите инструмент «Овальное выделение» и сделайте круг, ну то есть круглое выделение…Ну в общем вы меня поняли. 
3. Далее в верхнем меню выбираем «Окно», а затем «Контуры». Вообще это меню отвечает за отображение всех панелей в фотошопе, поэтому если у вас пропадет палитра «История» или что-нибудь еще, то вы сможете активировать ее снова в меню «Окно». 
4. Появилась новая панелька? Если нет, то посмотрите где-нибудь около панели слоев. Бывает такое, что она может быть прикреплена к ней. В общем теперь вам нужно нажать на маленькую кнопочку «Сделать выделение рабочей областью» на этой маленькой панельке. Видите, что произошло? Выделение превратилось в контур. Вот это нам и нужно. 
5. Теперь берем в руки инструмент «Текст» и подведите курсор к нашей получившемуся круглому рабочему контуру. Когда при наведении курсор изменится, это будет означать, что можно нажимать левую кнопку мыши. Нажали? Молодцы. Теперь весь текст, который вы напишите, будет идти по кругу. Конечно текст не всегда полностью совпадет с размером круга, поэтому здесь подгоняйте сами, чтобы всё уместилось как надо. 
6. Теперь можете удалить или скрыть (CTRL+H) рабочий контур, иначе он вам будет мешать, если вы захотите уменьшить или трансформировать написанное вами. Ну и конечно же вы можете поиграться со стилями слоя для вашего текста, чтобы было красивее. 

Альтернативный вариант

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

Вам нужно выбрать инструмент «Эллипс», а вверху поставить режим «контур». И теперь, когда вы нарисуете этот эллипс, то вы точно также сможете писать по кругу любые тексты.

Ну а почему бы тогда постоянно не использовать второй способ? Дело в том, что благодаря изначальному методу, мы сможем делать надписи не только по кругу, но и по квадратной области, или вообще по кривой. Вот опробуйте проделать всё то же самое, что в в первом варианте, только выделение делайте с помощью инструмента «Лассо». Что у нас получится? Клево, да? Грубовато и некрасиво у меня вышло, но это только для примера.

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

Ну что? Сложно было? По-моему легче легкого. Теперь только надо бы что-нибудь внутрь загнать, чтобы наша писанина не выглядела пустой. Можно запихнуть хоть планету (как я это сделал на заглавной картинке), хоть монету, хоть логотип, хоть даже и не что-нибудь круглое. Решать вам.

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

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

С уважением, Дмитрий Костин.

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

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

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

Инструмент «Прямоугольник»

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

1. Для прорисовки контура годится любой инструмент, в зависимости от того, какая вас интересует геометрическая фигура. В нашем случае – круг, поэтому мы кликаем на инструмент «Прямоугольник» правой мышиной кнопкой и выбираем «Эллипс».
2. Как видите, после того, как вы это сделали, изменилась шапка программы, в ней добавились новые пункты. Например, можно выбрать тип контура, что мы и сделаем. Из трех предложенных вариаций выберите пункт «Контур».
3. Теперь рисуем наш контур. Чтобы в результате получился все-таки не эллипс, а именно круг, перед началом работы, зажмите на клавиатуре кнопку Shift. Забегая вперед, замечу, что если вам понадобится поменять положение круга, зажмите пробел и переместите контур туда, куда необходимо, после чего отпустите пробел.

Инструмент «Текст»

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

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

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

Поворачиваем текст в Фотошопе

Работа с текстом в фотошопе: обзор популярных эффектов

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

Текст по контуру

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

1. Создайте документ Photoshop.
2. Выберите инструмент из группы Фигуры и нарисуйте контур (выберите значение Контур из раскрывающегося списка режимов на панели параметров).
3. Щёлкните на кнопке инструмента Горизонтальный текст . На самом деле вы можете выбрать и Вертикальный текст — ничего не изменится, обрабатываются они одинаково, просто в моём примере используется именно Горизонтальный текст .
4. Переместите указатель мыши к кромке контура — туда, где будет начинаться текст. Если всё сделано верно, курсор должен принять вид, как показано на рисунке ниже.

1. Щёлкните кнопкой мыши. На холсте появился курсор ввода.
2. Наберите желаемый текст (он будет располагаться по контуру) и подгоните его размер под размеры фигуры.

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

Если текст расположился неудачно, его можно переместить прямо по контуру.

1. Выберите инструмент Выделение контура (на палитре щёлкните значок ).
2. Подведите указатель мыши к контуру (курсор примет вид: ).
3. Удерживая нажатой кнопку мыши, двигайте указатель в сторону, куда хотите сместить текст, и он будет следовать в том направлении.

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

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

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

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

Эффекты текстового слоя

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

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

Текст-маска

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

1. Выберите инструмент Горизонтальный текст-маска или Вертикальный текст-маска .
2. Щёлкните кнопкой мыши на холсте.
3. Введите надпись.
4. Уделите внимание размеру шрифта, стилю, начертанию, другим параметрам.
5. Когда всё готово, на панели параметров нажмите галочку.

Поворот и отражение отдельных букв в тексте

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

Для примера я взял простой документ состоящий из двух слоёв, текстового со словом “Литера” и фонового слоя с градиентом. К тесту я добавил стиль “Тень” (Drop Shadow):

Вот как выглядит панель слоёв моего документа:

Обычно, чтобы вращать, отражать и масштабировать текст, мы используем команду “Свободная трансформация”, активируем её при помощи комбинации клавиш Ctrl+Т, после чего вокруг всего текста появляется габаритная рамка.

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

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

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

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

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

Чтобы преобразовать текста в форму, убедитесь, что в палитре слоёв выбран именно нужный слой. Далее, имеется нюанс в связи с отличием версий Photoshop. В версиях CS5 и ниже, для этого действия следует перейти по вкладке главного меню Слои –> Шрифты –> Преобразовать в кривые (Layer –> Type –> Convert to Shape):

А в версии CS6 Следует пройти по вкладке Шрифт –> Преобразовать в кривые (Type –> Convert to Shape):

Отображение слоя в панели слоёв после этого преобразования тоже будет отличаться. На рисунке слева – CS5 и ниже, справа- CS6. В любом случае, это изменение в палитре слоёв означает, что наш текст был успешно преобразован в форму:

Теперь вокруг букв появился контур, и, если мы возьмём инструмент “Выделение контура” (Path Selection) и кликнем по краю буквы, то контур этой буквы выделится, на контуре отобразятся его опорные точки:

Теперь можно применять трансформацию и любую дополнительную опцию трасформации к отдельным буквам. Нажимаем комбинацию Ctrl+T, подводим курсор к букве с выделенным контуром и поворачиваем:

Таким же образом я повернул букву “т”. А к букве “е” я применяю дополнительные опции трансформации – “отразить по вертикали” и “Искажение” (Distort):

Кроме того, можно просто уменьшить размер буквы, таким образом я уменьшу букву “р”.

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

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение “Фонарик” для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое “спасибо”, поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Как в фотошопе повернуть текст на определенный угол? Различные способы

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

Фотошоп — это не текстовый редактор. И конечно, редактировать так, как это делается в специализированном редакторе типа «Word», не получится (да это и ни к чему), но совершить нужные манипуляции с текстом, вроде поворотов, отражений, закручиваний и прочих вполне можно. Photoshop – в первую очередь редактор графический, а потому и изменения текста будут в нем исключительно графические.

Поворачиваем текст под углом 90 градусов

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

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

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

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

Однако, нам его надо повернуть. Заходим в верхнее меню «Редактирование» и выбираем там «Свободное трансформирование». Вокруг текста появится рамка с квадратиками по углам и по середине.

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

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

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

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

Как в Photoshop повернуть текст по кругу

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

Буква «Т» над дугой это и есть кнопка, вызывающая окно деформации текста.

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

Итак, открылось окно деформации. Здесь нажимаем на вкладку «стиль» и увидим множество самых различных вариантов деформации текста.

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

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

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

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

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

Вот и вся процедура написания. В принципе, ничего сложного.

Как сделать поворот текста вертикально?

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

Зеркальный поворот текста в Photoshop

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

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

Поворачиваем текст в Photoshop

Во время создания документа и работы над изображением в Adobe Photoshop пользователю может потребоваться внести в него различный текст. Также бывает достаточно часто, что требуется вносить текст под каким-то определённым углом. Итак, давайте рассмотрим, как можно «поворачивать» текст в программе Фотошоп.

Как повернуть текст в Adobe Photoshop

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

Вариант 1: Стандартный инструмент вращения

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

Итак, небольшая инструкция для этого способа:

Создайте документ и воспользуйтесь инструментом «Текст», чтобы что-то написать.

Напишите текст, с которым будете работать в последствии.

Теперь выделите его в панели слоёв с помощью нажатия по текстовому слою левой кнопкой мыши.

Воспользуйтесь комбинацией клавиш Ctrl+T.

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

Если вам нужно, чтобы текст поворачивался ровно на определённый градус (0, 15, 30, 45 и т.д.), то когда «вертите» его зажимайте клавишу Shift.

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

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

Вариант 2: Параметры трансформирования

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

Давайте рассмотрим, как это реализовать на примере пошаговой инструкции:

1. С помощью инструмента «Текст» напишите тот текст, который будет в последствии поворачиваться.
2. Выделите слой с текстом в панели со слоями и нажмите сочетание клавиш Ctrl+T.
3. Теперь по области внутри рамки кликните правой клавишей мыши и выберите из контекстного меню один из предложенных вариантов:
   • «Масштабирование», «Поворот» и «Наклон» это по сути почти то же самое, что было рассмотрено в предыдущей инструкции. Единственное, немного отличается реализации, например, предлагается сразу же вписать количество градусов, на которые требуется повернуть объект;
   • «Поворот на n-градусов по/против часовой стрелки» поворачивает текст на указанное количество градусов;
   • «Отразить по горизонтали/вертикали» делает зеркальное отражение текста.

После применения эффекта нажмите на Enter, чтобы он применился к текстовому слою.

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

Вариант 3: Вертикальное написание текста

Сам инструмент «Текст» имеет встроенную функцию написания текста в вертикальном положении. Реализовать эту задумку можно по следующей инструкции:

1. В панели инструментов нажмите правой кнопкой мыши по инструменту «Текст».
2. Появится контекстное меню, где вам требуется нажать на инструмент «Вертикальный текст».

Начните писать текст.

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

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

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

Как написать текст в «Фотошоп» по кругу и внутри него: уроки

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

Урок «Фотошопа «: текст по кругу

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

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

Текст внутри круга в «Фотошоп»

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

Теперь перейдите в панель «Контуры». Если она у вас не открыта, то перейдите по пути «Просмотр >> Контуры». В нижней части этой панели присутствует кнопка «Сделать из выделенной области рабочий контур». Нажмите её.

Вот и всё, контур создан! Теперь можно в «Фотошопе» разместить текст по кругу. Для этого нужно лишь выбрать инструмент «Горизонтальный текст» и щелкнуть левой кнопкой мыши по любому месту на контуре. Введите текст с клавиатуры, после чего откройте панель «Символ». Здесь можно выбрать другой шрифт, его размер (иначе надпись может не уместиться на окружности). В некоторых случаях может потребоваться изменение интервала между символами или даже увеличение их ширины.

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

Текстовую надпись можно спокойно вращать вдоль контура. Для этого используется инструмент «Выделение контура». Если при активированном инструменте навести курсор на текст и зажать левую кнопку мыши, то текст перемещается движениями вправо-влево. Если сдвинуть курсор ближе к центру изображения, то текст окажется внутри круга. В «Фотошопе» всё это делается очень просто. Для отключения контура нажмите сочетание клавиш «Ctrl+H».

Надпись по кругу в «Фотошоп»

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

Писать по кругу в «Фотошоп»

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

Создайте новый файл с одинаковой шириной и высотой. В центре документа пропишите текст. В панели «Символ» увеличьте масштаб по вертикали до 200%. У вас получится вытянутая в высоту надпись. Затем проследуйте по пути «Фильтр >> Искажение >> Полярные координаты». Отметьте пункт «Прямоугольные в полярные» и нажмите кнопку «OK». Текст сразу напишется по кругу. Недостаток данного способа — вам придется растрировать текст, из-за чего его дальнейшее редактирование окажется невозможным.

Предлагаю новый урок по фотошопу «Написание текста в фотошопе CS6», где я простым языком объясняю то, что сама очень долго не понимала. Мы рассмотрим:

• написание текста в фотошопе по кругу
• как в фотошопе написать текст по диагонали и в квадрате
• что делать, если не можете убрать контур

Я пользовалась только горизонтальным текстом — как и большинство блогеров. Я и этим бы не пользовалась, но картинки к постам как-то подписывать надо было…

Написание текста в фотошопе cs6: горизонтально, по кругу, по диагонали

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

Как написать горизонтальный текст в фотошопе

Работать в этом уроке будем Инструмент «Горизонтальный текс». Для этого кликаем по нему левой кнопкой мыши и пишем любой текст горизонтально, почти как в вордовском документе

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

Написание текста в фотошопе по кругу

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

Кликаем левой кнопкой мыши на Инструмент «Элипс» и на нашем холсте, зажав кнопку шифт, рисуем круг. Нарисовав округлый контур, отпускаем шифт.

Берём Инструмент «Горизонтальный текст» и ставим курсор на любое место круглой линии.
Пишем текст. Если хотим его расположить красиво, переносим курсор в начало текста и начинаем работать клавишей «Пробел» на клавиатуре компа.

Для того, чтобы убрать контур круга, есть два варианта (в разных компах работает один из них):
— нажимаем одновременно клавиши CTRL + h (у меня не срабатывает)
— нажимаем галочку на верхней панели фотошопа (когда стоит ещё курсор Инструмента Текст):

Остаётся только текст, круг исчезнет. Если у вас контур круга не исчез, значит он у вас не прозрачный — идём в настройки на верхнюю панель фотошопа и внимательно смотрим настройки возле надписи «Заливка» И «Штрих».

Что делать, если не можете убрать контур

У вас должен быть пункт 3 и пункт 4 такой, как на рисунке — с диагональкой, которая означает «Нет цвета».

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

Это касается настроек «Заливка» и «Штрих» — сделайте их одинаковыми. После этого повторите надпись по контуру круга.

Для большей наглядности смотрим моё видео:

Как видите, всё довольно просто, если знать некоторые нюансы.

Как в фотошопе написать текст по кругу, чтобы «нижние» слова были не вверх ногами?

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

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

Смотрите видео:

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

Как в фотошопе написать текст по диагонали

В левой панели инструментов берём Инструмент «Линия» и проводим диагональ. Меняем инструмент на «Горизонтальный текст», ставим курсор на диагональ в любом месте и пишем текст. Нажимаем галочку в верхней панели — написание завершено.

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

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

Инструкция

Чтобы написать текст по кругу в приложении Microsoft Office Word, воспользуйтесь объектами WordArt. Для этого откройте вкладку «Вставка» и найдите панель инструментов «Текст». Выберите подходящий стиль надписи из контекст ного меню, вызываемого кнопкой-миниатюрой WordArt. В открывшемся окне введите свой текст . Завершив ввод, нажмите кнопку ОК.

Надпись будет размещена в документе. Выделите ее, — станет доступно контекст ное меню «Работа с объектами WordArt». Убедитесь, что вы находитесь на вкладке «Формат» и найдите блок инструментов «Стили WordArt». Нажмите на кнопку-миниатюру «Изменить фигуру» и выберите в контекст ном меню группу «Траектория». Нажмите на значок в виде окружности с подписью «Кольцо». Ваша надпись будет размещена по кругу . По необходимости отредактируйте границы объекта.

Другой способ: откройте вкладку «Вставка» и выберите в блоке «Иллюстрации» инструмент «Фигуры». В контекст ном меню кликните по макету «Овал». Нажмите клавишу Shift и, удерживая ее нажатой, создайте окружность в рабочей области документа. На вкладке «Вставка» вновь выберите инструмент «Фигуры» и щелкните по пункту «Надпись». Задайте область для надписи и введите свой текст .

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

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

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

Источники:

• как написать делаешь

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

Вам понадобится

• — Adobe Photoshop или другая программа редактирования изображений с похожим функционалом.

Инструкция

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

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

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

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

Допустим, нам потребовалось написать текст вокруг какого-либо предмета на рисунке. В Фотошопе имеется масса способов и инструментов для выполнения этой задачи. В фотошопе текст можно написать по замкнутому и незамкнутому контуру. Имеется возможность задать начало и конец текста, высоту, направление, выравнивание, с помощью перемещения курсора мыши текст можно перевернуть.
В данной статье рассмотрим написание текста с помощью инструмента «Перо» (Pen Tool, группа инструментов включается клавишей P).

Выбираем этот инструмент «Перо» и создаём плавную изогнутую линию. Перо должно находится при этом в режиме «Контур»(Paths).

Затем создадим замкнутую векторную фигуру овальной формы с помощью инструмента «Эллипс» (Ellipse Tool, группа инструментов включается клавишей U). У меня получилась такая картинка:

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

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

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

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

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент «Выделение контура» (Path Selection Tool).

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

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

При желании мы можем перевернуть текст вверх ногами. Для этого надо подвести курсор к тексту, он примет следующую форму:

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

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент «Текст», а инструмент «Выделение контура» (Path Selection Tool)!!

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

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

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

Теперь, когда «Эллипс» выбран, изменилась панель параметров, находящаяся вверху окна программы под главным меню, сейчас она показывает нам различные варианты работы с инструментом. В левой части панели нам предлагается выбрать тип контура. Это может быть векторная фигура (Vector-based Shapes), «Контур» (Paths) или «Пиксели на основе формы» (Pixel-based Shapes). Мы выберем опцию «Контур» (Paths):

В версиях CS5 и ниже эти опции на панели параметров выглядят несколько иначе, но принцип точно такой же:

Шаг 3: Создайте Ваш контур
Теперь, когда инструмент «Эллипс» выбран, создайте контур в Вашем документе. Перед началом зажмите клавишу Shift, чтобы получился ровный круг, а не эллипс. Чтобы нарисовать круг из его центра, а не от угла, дополнительно зажмите клавишу Alt. Если в процессе отрисовки контура Вам понадобилось изменить его положение относительно документа, зажмите клавишу «Пробел» и переместите контур на нужное место, затем отпустите пробел и продолжайте отрисовку.

В моем случае, я собираюсь сделать круговую траекторию вокруг мяча для гольфа. Вот так это будет выглядеть:

Шаг 4: Активация инструмента «Текст» (Type Tool) и выбор шрифта
После того, как контур готов, выберите инструмент «Текст» (Type Tool) на панели инструментов:

Для данного примера я выбрал шрифт «Терминатор», скачать его можно . Затем задаём шрифту размер и цвет:

Шаг 5: Наведите курсор на контур
Наводим курсор мыши прямо на линию контура, при этом I-образный значёк курсора изменится, к нему добавится волнистая линия, пересекающая его. Это говорит нам, что текст добавится непосредственно на контур:

Шаг 6: Нанесите текст на контур
Кликните в любом месте по контуру и начните вводить текст. Точка, где Вы кликните, будет началом текста, но не волнуйтесь, если вы нажали в неправильном месте, т.к. в дальнейшем мы можем легко перемещать текст вдоль (вокруг) контура. По мере ввода, текст принимает направление контура:

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

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

Шаг 7: Выбираем инструмент «Выделение контура» (Path Selection)
Выберите этот инструмент на инструментальной панели:

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

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

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

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

Зеркальное отражение текста

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

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

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

Скрываем контур

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

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

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

Текст в Фотошопе: практика и трюки

Разобравшись с стандартными возможностями инструмента Horisontal Type Tool в Фотошопе, перейдем к более продвинутым приемам работы. Как пустить надпись по кругу, как заполнить форму текстом, как создать абзац и выбить в нем место под фотографию? Для такой работы нам понадобится тесное содействие с векторными инструментами. Поэтому в дополнение к этой статье советую прочитать:

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

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

Как в Фотошопе пустить текст по кругу?

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

Выберите векторный примитив — инструмент Ellipse Tool. В настройках инструмента должен быть выбран режим Path. С этим режимом инструмент создает только векторные контуры. Далее рисуем сам круг.

Теперь выбираем Horisontal Type Tool и подводим мышку к контуру. При наведении на контур курсор сменит иконку.  Теперь кликайте по контуру и пишите текст.

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

Мы можем четко определить непонятные знаки, которые появились на контуре. Но сам инструмент Type Tool на них никак не реагирует. Инструмент Move Tool тоже не помощник. Он просто передвигает весь слой целиком.

Дело в том что мы работаем с векторным контуром. Поэтому нам нужны инструменты управления векторными контурами, а не чем то другим. Подойдут оба инструмента по работе с векторными якорями — Path Direction Tool и Direct Selection Tool.

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

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

Если выровнять текст по центру, появится третья точка. Выберите инструмент Type Tool и нажмите Centre Text на панели настроек. Теперь текст находится по центру. А боковые точки регулируют соотношения центра на оси. Это позволит разместить надпись 100% по центру оси, а не на глаз.

Передвигать рычажки можно как инструментом Path Direction Tool так и Direct Selection Tool. Однако это не все. Кликните мышкой по одному из якорей сдвиньте его внутрь окружности.

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

Точно так же текст пускается по неполной кривой. Выберите инструмент Pen Tool и нарисуйте неполную кривую. Нажмите ESC на клавиатуре чтобы оборвать контур. Теперь проделайте все тоже самое с инструментом Type Tool.

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

Теперь вы знаете как в Фотошопе пустить текст по кругу.

Как заполнить векторный контур текстом?

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

Я выбрал инструмент Custom Shape Tool. О нем я подробно рассказывал как в текстовом уроке для Custom Shape Tool как и в видео уроке. Из меню Custom Shape Tool я выбираю сердце. В настройках инструмента, конечно, режим Path. Просто наведите его на форму. Когда курсор изменится с обычного на «выпуглый», начинайте писать текст.

Текст внутри векторной формы подчиняется всем законам параграфа. Его можно выравнять по левой, правой стороне или по центру. Но самое интересное другое. Нарисуйте прямоугольник с режимом Add to path Area (+) Затем переключите режим на Subtract path from Area (-) и вырежте из прямоугольника небольшой кусок.

Теперь примените Horizontal Type Tool к внутненней части прямоугольника и у вас получится обтекаемый текст. В вырезанную часть можно вставить тумб. Величина обтекания легко контролируется при помощи дополнительного контура с режимом Subtract path from Area (-).

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

Идеальное выравнивание в меню

Как добиться идеального расположения надписи для кнопки меню? Конечно на глаз тоже очень прикольно, но неплохо бы задействовать более точные инструменты. Выберите инструмент Rounded Rectangle Tool. На этот раз режим инструмента Shape Layer вместо Path. Я хочу создать элемент графики, а не пустой контур.

Неплохо, осталось придумать дизайн. Добавим один из готовых стилей для веб графики, который идет с Фотошопом по умолчанию. Если вы не разбираетесь в стилях, прочитайте мою статью Как добавить стиль в Фотошопе. Ну а если нет на это времени вот быстрый экскурс. На панели настроек инструмента Custom Shape Tool выберите вкладку стилей. В ней выберете один из готовых стилей или кликните по маленькой круглой иконке и из появившегося меню выберите Web. Это загрузит готовую коллекцию стилей для веб. Я выбрал простой «стеклянный» веб стиль.

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

Но вернемся к тексту. Просто выберите инструмент Horizontal Type Text и кликните по внутренней части кнопки. Это действие фактически продублирует уже созданный контур кнопки для текста. Остается только выровнять текст по центру и настроить нужный размер. О настройках тексты я подробно писал в статье Работа с текстом в Фотошопе.

Кнопки созданы, текст написан. Но как выровнять их по центру? Дело в том что в Фотошопе нет вертикального выравнивания для текста. Нет его и в Иллюстраторе. Ни Фотошоп, ни Иллюстратор не являются программами верстки. Но не переживайте. Отсутствие вертикального выравнивания не конец жизни. Откройте панель Windows > Characters для работы с текстом. На этой панели измените параметр Set the Baseline Shift. Этот параметр сдвигает текст вверх или вниз относительно его основания. Просто сдвиньте текст вниз ближе к середине и все.

Контур и текст

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

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

Пожалуй теперь, вместе с уроком Инструмент Type Tool в Фотошопе, вы знаете 50% всего, что можно знать о работе с текстом. В следующих уроках я подробно разберу панель Characters и приемы работы с параграфами и панелью Paragraph.

Скачать фаил

Чтобы скачать фаил кликните по кнопке Like для Facebook. После этого появится ссылка на PSD фаил с стилекром, контурами и текстом, пущенным по кругу, обтекаемыми параграфами и прочим. Все можно посмотреть и покрутить.

Скачать фаил

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

Автор:

Секреты красивых надписей на страничках уроков фотошопа для начинающих.

Как быстро выбрать шрифт.

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

Рельефный текст.

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

Оригинальная надпись всегда привлекает внимание.

Объемный текст.

Нашла интересный урок по превращению обычного текста в объемный.

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

Заполнение крупного плакатного шрифта изображением.

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

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

Как написать текст по кругу.

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

Проверим на практике, как написать текст по контуру.

Как написать текст на кружке.

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

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

Как написать хромированный текст.

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

Коллекция русских шрифтов.

Секрет красивых надписей заключается еще и в выборе подходящего шрифта.

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

Коллекция каллиграфических русских шрифтов.

Рукописный каллиграфический русский шрифт «Колокольчик»просто незаменим для поздравительных надписей.

Шрифт «Ласточка» сделает Вашу надпись каллиграфической. Он тонкий и изящный. Русский шрифт в стиле небрежной каллиграфии будет хорош для поздравительных открыток.

Коллекция русских декоративных шрифтов.

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

Русский шрифт «Габриола» послужит декоративным украшением. Две разновидности шрифта отлично дополняют друг друга.Для сказочных фотоколлажей просто незаменим русский шрифт «Страна чудес».

Стеклянный текст.

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

Самый сложный вариант — применение команды Layer > Create Clipping Mask (Слой > Создать обтравочную маску).

Секреты красивых надписей.

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

Нарисовать круглую печать в фотошопе. Как сделать печать для документов в фотошопе

Информация:
Посетите группу ВКонтакте . Профессиональный юмор и полезная информация. Регулярные публикации по 1С и на другие интересные темы

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

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

Пример созданной в Word круглой печати

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

сайт_

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

Основные затруднения при создании круглой печати в Word

Основная «сложность» при заключается в том, что вы не знаете как сделать текст по кругу. Именно из-за этого и полезли в интернет для решения такой примитивной задачи. Угадал? Скорее всего именно так.

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

Тут была важная часть статьи, но без JavaScript её не видно!

Делаем круглую печать в Word

Как сделать ободок и картинку в центре я пояснять не буду. Это автофигура и обычная картинка из внешнего файла — тут всё просто. А вот изогнутый текст делается с помощью свойств объекта Надпись. Для начала добавляем надпись на лист и пишем внутри текст. Писать лучше сразу весь текст, по крайней мере тот, что образует один круг внутри «печати». Это всё потому, что кривизну текста так настраивать удобнее.

Далее выделяем Надпись и в меню Лента открываем появившуюся вкладку Формат, ищем там «Текстовые эффекты», а в них — «преобразовать / круг». Вот, собственно, и весь фокус с искривлённым по кругу текстом. Там же при желании можно выбрать любой тип искажения текста.

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

Подведём итоги

Вот таким способом можно создать круглую печать в Word. Стоит заметить, что при печати на чёрно-белом принтере все цвета преобразуются в градации серого. Также вместо лазерного принтера для печатей лучше использовать струйный (вспомните почему?) или выполнить печать в файл и отнести его туда, где есть цветной принтер.

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

Примечание: Этот урок не предназначен и не является пособием для создания поддельных печатей для документов. Урок учит создавать шуточные печати для открыток или просто для украшения любых изображений не являющимеся документами. Ни в коем случае не нарушайте законов РФ.

Создаем круг для печати

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

Чтобы создать круг с пустой заливкой, но с цветовой обводкой — воспользуйтесь инструментом Эллипс :

Настройки инструмента в верхней панели выглядят так — основной цвет прозрачный, цвет обводки #013fcd

Теперь когда настройки круга установлены, нарисуйте круг.

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

Дублируем круг

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

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

Измените размер обводки нового круга на 1 пиксель .

Нажмите CTRL+T для масштабирования и уменьшите круг зажав SHIFT+ALT (чтобы круг уменьшался пропорционально центру).

Отлично! Мы подготовили каркас для печати и место для надписи.

Добавляем надпись для печати

Скопируйте последний круг с тонкой обводкой и сделайте этой копии у круга обводку прозрачной — по сути круга не будет видно, но он будет сверху оригинального. Далее активируйте инструмент Text Tool чтобы добавить надпись.

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

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

Осталось добавить главную надпись по центру.

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

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

Для примера создадим печать нашего любимого сайта сайт.

Создаем новый документ с белым фоном и равными сторонами.

Затем протягиваем направляющие до середины холста.

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

Рисуем круглую рамку (читаем статью). Ставим курсор на пересечение направляющих, зажимаем SHIFT и, когда уже начали тянуть, зажимаем еще и ALT . Это позволит фигуре растягиваться относительно центра во все стороны.

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

С верхней надписью мы справились, а вот с нижней придется повозиться.

Переходим на слой с фигурой и вызываем свободное трансформирование сочетанием клавиш CTRL+T. Затем, применяя то же прием, что при создании фигуры (SHIFT+ALT ), растягиваем фигуру, как на скриншоте.

Пишем вторую надпись.

Вспомогательную фигуру удаляем и продолжаем.

Создаем новый пустой слой в самом верху палитры и выбираем инструмент «Овальная область» .

Ставим курсор на пересечение направляющих и снова рисуем круг от центра (SHIFT+ALT ).

Толщину обводки выбираем на глаз, цвет не важен. Расположение – снаружи.

Снимаем выделение сочетанием клавиш CTRL+D .

Создаем еще одно кольцо на новом слое. Толщину обводки делаем чуть меньше, расположение – внутри.

Теперь поместим графическую составляющую – логотип в центр печати.

Я нашел в сети вот такое изображение:

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

Снимаем видимость со слоя с фоном (белым) и, находясь на самом верхнем слое, создаем отпечаток всех слоев сочетанием клавиш CTRL+ALT+SHIFT+E .

Включаем видимость фона и продолжаем.

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

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

Печать готова, но можно сделать ее немного реалистичнее.

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

Затем применяем к этому же слою фильтр «Шум» . Искать в меню «Фильтр – Шум – Добавить шум» . Значение выбираем по своему усмотрению. Примерно так:

Теперь меняем режим наложения для этого слоя на «Экран» .

Добавим еще немного дефектов.

Перейдем на слой с печатью и добавим к нему слой-маску.

Выбираем кисть черного цвета и размером 2-3 пикселя.

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

Результат:

Вопрос: если потребуется воспользоваться этой печатью в будущем, то как быть? Рисовать ее заново? Нет. Для этого в Фотошопе есть функция создания кистей.

Давайте сделаем уже настоящую печать.

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

Здравствуйте, дорогие друзья. С вами на связи Ольга Абрамова.

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

Конечно, я ещё не всё это навязала, но в планах есть. Впрочем, ковры и салфетки кое-какие уже связаны. Вот похвастаюсь некоторыми из них 🙂

Ну и ладно, порисовалась и будет 🙂

А сегодня я поделюсь с вами как создать печать в Фотошопе. Настоящий штамп, немного размытый, ну как на документах смотрится 😉 У меня Фотошоп CS 5.

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

Я по обыкновению пошла по нашим блоггерам в поисках оптимального описания данного процесса.

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

Теперь я вас проведу пошагово и у вас тоже будет своя печать.

1. Открываете Фотошоп и создаёте документ размером, например, 500х320 рх.

2. Выбираете инструмент «Горизонтальный текст» в виде буквы Т и пишите нужный текст. Если текста много то шрифт делайте поменьше, примерно на 18 рх, задайте цвет, если надо, уменьшите или растяните межстрочный интервал. Обычно используется шрифт Arial. Я работала с цветом 2e0da7 .

Теперь выполните «Слои — Растрировать — Текст» . После растрирования текст уже невозможно будет редактировать.

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

4. Выполните «Слои — Выполнить сведение» . Появится белый фон.

5. В меню «Редактирование — Выполнить обводку» установите необходимые вам значения для обводки: например, ширина 3 рх, цвет такой же, как у текста, т.е. 2e0da7 . Снимите выделение комбинацией клавиш CTRL+D или просто кликните по пустому полю.

6. Теперь поработаем с фильтром. Выберите: «Фильтр — Штрихи — Разбрызгивание» и задайте параметры: радиус: 1, с мягчение: 5. Либо на свой вкус и данность момента.

7. Сохраняем изображение как для веб в формате.jpg высокого качества.

8. Открываем в фотошопе это изображение и уже работаем с ним. Чтобы получить прозрачную печать, делаем следующее:

Дважды кликаем по фону с замком для превращения его в редактируемый слой.
— В палитре Каналы, которая расположена рядом с вкладкой Слои, (по умолчанию все каналы выделены синим) нажимаем крайнюю слева внизу иконку (кружочек с пунктиром) — выделяем белые цвета на изображении.
— Нажимаем клавиши DEL, белый цвет удаляется и CTRL+D — выделение снимается. Фон стал прозрачным.

9. Теперь уже сохраняем картинку в формате.png.

Документ к работе готов.

P.S. Если вам понадобится менее яркая картинка, то в том же фотошопе уменьшите её непрозрачность со 100% на меньшее число.

Есть ли способ заставить фотошоп писать текст справа на лево когда…

Профиль All of Photoshop (RU) Вместо извинений за свой пост, прочтите это All of Photoshop (FAQ) — TOP 5 Не менее полезные ссылки Поиск по меткам 20 лет с photoshop, 2010, 2012, adobe, adobe cs6, adobe evolution, adobe photoshop, adobe photoshop elements, adobecreativedays, after effects, allofphotoshop, apple, bug, color, competition, creative cloud, creative days, creative future, creative suite, creative suite 6, creativefuture, creativefuture 2010, cs 5.5, cs5, cs6, drawing, event, facebook, help, illustrator, lightroom, link, moscow, news, photoshop, photoshop cs6, photoshop elements, poll, premiere elements, premiere pro, ru_photoshop, sale, steve jobs, stuff, terry white, tutorial, useful, video, wacom, Москва, Новости, Россия, Терри Уайт, бесплатно, вебинар, видео, день фотографа, джейпег, евангелист от Adobe, интервью, история, календарь, конкурс, конференция, мероприяте, музей, не умею читать по-английски, новый тэг: я круче всех! абсолютно!, объявление, онлайн, паранормальное, программное обеспечение, скидка, сочи, спикер, туториал, форум, фотограф, фотожаба, фотошоп, эволюция творчества, это фотошоп!, я не могу догадаться заглянуть в FAQ, я не умею запускать программы, я не умею пользоваться поисковиком, я талантливый сын своего времени

(Удалённый комментарий) 22-июн-2005 07:27 ээ… растериз, флип горизонталь? если надо чтобы быквы не были зеркальны — то вероятно никак. Либо скрипты. 22-июн-2005 07:49 а вот интересно, зачем это вам — текст справа налево? если для трюка рекламного — то, простоите, один слоган не так уж долго и по буковке набрать… а много текста — так никто ведь не будет читать мучится… 14-май-2019 11:30 А я сейчас как раз застряла. Раньше стоял CS6, там просто включила мидл ист — и все привет. Сейчас поставила последнюю версию и эта фишка не срабатывает. Миддл ист включен в префах, а в характеристиках текста не активен. Может, знаете, как быть? Не охото с пдфами возиться. 22-июн-2005 15:35 У меня CS, там на панели инструменентов текста есть значки (такие-же как в Word-е). Но если значков нет, то это можно выставить в опциях самой панели в Paragraph. А у вас текста много?

Концентрический текст в Photoshop | Джордж Орнбо

Концентрический текст в Photoshop | Джордж Орнбо

Последнее обновление Суббота, 16 ноября 2019 г.

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

Приблизительное время чтения: 2 минуты

Оглавление

Создание концентрической линии

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

Чтобы создать линию для текста, нам нужно создать для нее путь. Здесь вам понадобится инструмент «Перо», но немного попрактиковавшись, это несложно. Сначала включите линии сетки, выбрав «Просмотр»> «Показать»> «Сетка». Затем выберите инструмент Elipse Tool и нарисуйте три круга, которые вы будете использовать в качестве ориентира для рисования. Убедитесь, что они расположены равномерно. Сетка здесь пригодится, так как вы можете просто щелкнуть по точке, удерживать Shift и нарисовать круг.

По кривой

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

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

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

У вас есть обновления или предложения по этой статье? Вы можете отредактировать его здесь и отправить мне запрос на перенос.

Теги

Последние сообщения

Об авторе

Джордж Орнбо (George Ornbo) — инженер-программист из Бакингемшира, Англия.

Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.

← http://shapeshed.com

Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 Международный (CC BY-NC-SA 4.0)

Работа с векторной графикой: создать значок

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

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

Примечание 2: Для обозначения нажатий клавиш используется следующий формат: KEY1 + KEY2. Пример: нажатие клавиши Ctrl +; означает, что вам нужно нажать клавишу Control и клавишу с точкой с запятой. Соответствующее нажатие клавиши macOS cmd +; указывает, что вы должны нажать командную клавишу и; на клавиатуре.

ШАГ 1: ПОДГОТОВКА ДОКУМЕНТА:

1.1 Выберите в меню «Файл> Новый», чтобы создать новый документ, 800 x 800 пикселей:

1.2 Щелкните «Просмотр» в главном меню; убедитесь, что установлен флажок Snap; нажмите «Привязать к» и убедитесь, что все параметры активированы:

1,3 Нажмите Ctrl + R (Mac: cmd + R), чтобы отобразить линейку. Щелкните правой кнопкой мыши линейку и выберите «Процент»:

.

1,4 Наконец, давайте вставим несколько рекомендаций, которые делят документ на 10 строк и 10 столбцов.

• В PHOTOSHOP CC: Выберите «Вид> Новый макет руководства» в меню и примените следующие настройки:

• IN PHOTOSHOP CS6: В Photoshop CS6 отсутствует команда «Новый макет руководства».Чтобы помочь пользователям CS6 быстро вставлять руководства, я создал действие, которое выполняет всю работу за вас. Он называется «CS6: Вставьте направляющие 10×10» и включен в бесплатный набор действий, представленный в начале этого руководства. Загрузите и распакуйте zip-файл; загрузите набор действий в Photoshop и запустите второе действие для нового документа, созданного на шаге 1.1.

Чтобы скрыть / показать направляющие, нажмите Ctrl +; (Mac: cmd +;) или установите / снимите флажок в меню: «Вид> Показать> Направляющие».На данный момент нам не нужны направляющие, так что вы можете скрыть их сейчас.

ШАГ 2: СОЗДАЙТЕ ВНЕШНИЕ ФОРМЫ:

2,1 Щелкните правой кнопкой мыши инструмент фигуры на панели инструментов и выберите инструмент Многоугольник:

2,2 Наведите указатель мыши на верхнюю часть рабочей области; щелкните образец цвета «Заливка» и выберите черный цвет:

2,3 Переместите мышь немного вправо; щелкните образец цвета обводки и установите для обводки значение «Без цвета»:

2.4 Теперь щелкните в любом месте документа, чтобы вставить форму. Неважно, где именно вы щелкнете, потому что на следующем шаге мы выровняем (отцентрируем) форму.

Появится диалоговое окно «Создать многоугольник». Вставьте эти настройки и нажмите ОК:

Примечание 3 : Вы можете «поиграть» с настройками в диалоговом окне «Создать многоугольник», чтобы создать значки различной формы:

2,5 Новый слой с именем «Многоугольник 1» был создан на панели «Слои».Центрируем его как по горизонтали, так и по вертикали. Удерживая нажатой клавишу Shift, щелкните фоновый слой, чтобы выбрать оба слоя:

2,6 Выберите команду меню: «Слой> Выровнять> Вертикальные края»

Теперь выберите команду: «Слой> Выровнять> Горизонтальные края»

2,7 Теперь многоугольник должен быть отцентрирован над фоном:

2,8 Нажмите Shift + Ctrl + N (Mac: Shift + cmd + N), чтобы создать новый пустой слой.Назовите его «Белый круг»:

.

2,9 Перейти на панель инструментов. Щелкните правой кнопкой мыши инструмент «Форма» и выберите «Инструмент эллипса»:

.

2.10 Переместите указатель мыши в верхнюю часть рабочей области; щелкните образец цвета «Заливка». На этот раз установите белый цвет в качестве цвета заливки. От «Обводки» до «Без цвета»:

2.11 Переместите указатель мыши немного вправо; щелкните маленький значок шестеренки и выберите «Круг (диаметр или радиус)»:

2.12 Щелкните в любом месте документа . Появится диалоговое окно «Создать эллипс». Введите следующие настройки и нажмите ОК:

2.13. Центрируем белый круг. Переходим на панель слоев. Выделив слой «Белый круг», удерживая клавишу Shift, щелкните слой «Фон». Таким образом вы выберете все 3 слоя:

2.14 Используйте команды меню: «Слой> Выровнять> Вертикальные края» и «Слой> Выровнять> Горизонтальные края», чтобы выровнять формы (см. Шаг 2.6)

2,15 Выберите слой «Белый круг». Нажмите Ctrl + J (Mac: cmd + J), чтобы скопировать его. Переименуйте новый слой в «Черный круг».

Дважды щелкните миниатюру слоя «Черный круг»: появится окно выбора цвета. Выберите черный цвет и нажмите ОК.

2,16 Нажмите Ctrl + T (Mac: cmd + T). Перейдите в верхнюю часть рабочей области и установите для W idth и H восемь на 99%:

Дважды нажмите клавишу Enter для подтверждения.Ваш документ должен выглядеть на этом этапе:

ШАГ 3: СОЗДАЙТЕ КРУГ КРУГОВ

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

3,1 Пришло время использовать рекомендации, которые мы создали на шаге 1.4. Нажмите Ctrl +; (Mac: cmd +;), чтобы отобразить их, или выберите «Просмотр»> «Показать»> «Направляющие».

Здесь я хотел бы напомнить вам об этих очень полезных сочетаниях клавиш:

• Удерживая Ctrl + Пробел, щелкните, чтобы увеличить масштаб до выбранной точки (Mac: cmd + Пробел)
• Удерживайте Ctrl + Alt + пробел и щелкните, чтобы уменьшить масштаб (Mac: cmd + option + пробел)
• Удерживая клавишу пробела, перетаскивайте мышь, чтобы перемещаться по разным частям документа.

3,2 Нажмите Shift + Ctrl + N (Mac: Shift + cmd + N), чтобы создать новый пустой слой.Назовите его «Круг кругов»:

.

3,3 Увеличьте масштаб до верхней части значка (помните нажатия клавиш масштабирования в 3.1):

3,4 Перейдите на панель инструментов и выберите «Эллипс»:

3,5 Переместите указатель мыши в верхнюю часть рабочей области; щелкните образец цвета «Заливка». Установите белый цвет в качестве цвета заливки. От «Обводки» до «Без цвета»:

3,6 Указатель мыши должен иметь форму перекрестия.Переместите указатель вверх, точно туда, где вертикальная направляющая 50% пересекает горизонтальную направляющую 20%:

3,7 Щелкните в этой точке. Появится диалоговое окно «Создать эллипс». Введите 4 пикселя в поля ширины и высоты, установите флажок «Из центра» и нажмите «ОК»:

.

Первый круг был добавлен в точку, где вы щелкнули:

3.8 Удерживая нажатой клавишу «Пробел», перетащите мышь так, чтобы перемещаться по нижней части значка.Поместите указатель перекрестия точно там, где вертикальная направляющая 50% пересекает горизонтальную направляющую 80%:

3.9 Щелкните в этой точке. Появится диалоговое окно «Создать эллипс». Введите 4 пикселя в поля ширины и высоты и нажмите ОК. Второй круг был добавлен в точку, где вы щелкнули:

3.10 Перейдите на панель «Слои». Вы заметите, что новый слой с именем «Эллипс 1» был создан и выбран. Удерживая нажатой клавишу Shift, щелкните слой «Круг кругов», чтобы выбрать оба слоя:

3.11 Нажмите Ctrl + E (Mac: cmd + E), чтобы объединить два слоя. Переименуйте объединенный слой в «Круг кругов».

3.12 Нажмите V, чтобы выбрать инструмент «Перемещение». Нажмите Ctrl +; (Mac: cmd +;), чтобы скрыть направляющие. Нажмите Ctrl + 1 (Mac: cmd + 1) для увеличения до 1: 1.

На этом этапе документ Photoshop должен выглядеть так:

Панель слоев должна выглядеть так:

3,13 Выбрав слой «Круг кругов», нажмите Ctrl + T (mac: cmd + T)

Перейдите в верхнюю часть рабочей области и введите 2.5 (или 2,5) в поле угла трансформации:

Дважды нажмите клавишу Enter, чтобы применить (или щелкните галочку на панели параметров инструмента).

3,14 А теперь уловка. Продолжайте нажимать Shift + Ctrl + Alt + T (Mac: Shift + cmd + option + T). Каждый раз, когда вы нажимаете эти 4 клавиши одновременно, Photoshop будет добавлять 2 круга. Повторите столько раз, сколько необходимо, чтобы завершить большой круг:

3,15 (только PHOTOSHOP CC): перейдите на панель слоев.Там вы найдете множество слоев под названием «Круг кругов, копирующий X». Первый слой назовем «Круг кругов копия 71»:

.

3,16 (только PHOTOSHOP CC): с выбранным слоем «Круг из кругов, копия 71» прокрутите вниз до нижней части стопки слоев. Удерживая нажатой клавишу Shift, щелкните слой «Круг кругов». Это выберет все промежуточные слои:

3,17 (только PHOTOSHOP CC): нажмите Ctrl + E (Mac: cmd + E), чтобы объединить выбранные слои.Переименуйте объединенный слой в «Круг кругов».

Панель слоев теперь должна выглядеть так:

ШАГ 4. СОЗДАЙТЕ ВНУТРЕННЮЮ ГРАФИКУ:

4.1 Выберите слой «Черный круг». Нажмите Ctrl + J (Mac: cmd + J), чтобы скопировать его. Переименуйте новый слой в «Белый круг 2».

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

4.3 Нажмите Ctrl + T (Mac: cmd + T). Наведите указатель мыши на верхнюю часть рабочей области и введите 60% в восемь полей W idth и H :

Дважды нажмите клавишу Enter, чтобы применить (или щелкните галочку на панели параметров инструмента).

Теперь документ Photoshop должен выглядеть так:

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

Перейдите в панель «Слои» и выберите слой «Черный круг». Нажмите Ctrl +; (Mac: cmd +;), чтобы показать руководства.

4,5 Перейдите на панель инструментов и выберите инструмент «Прямоугольник»:

4,6 Перейти в верхнюю часть рабочей области; щелкните образец цвета заливки и установите белый цвет в качестве цвета заливки. Оставьте для «Обводки» значение «Без цвета»:

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

Создан новый слой с именем «Прямоугольник 1».

4,8 Нажмите Ctrl +; (cmd +;), чтобы скрыть направляющие.

Нажмите Ctrl + T (cmd + T). Перейти в верх рабочей области; введите 60% в поле Высота (оставьте поле Ширина равным 100%) и дважды нажмите клавишу Enter для подтверждения:

Ваш документ Photoshop теперь должен выглядеть так:

4.9 Теперь создадим обтравочный контур. Перейдите на панель слоев и выберите слой «Черный круг». Нажмите Ctrl + J (cmd + J), чтобы продублировать его.Переименуйте новый слой в «Черный круг 2». Выберите слой «Прямоугольник 1» и нажмите Ctrl + Alt + G (cmd + option + G), чтобы создать обтравочную маску. Обратите внимание на эффект на левом и правом краях слоя «Прямоугольник 1»:

4.10 Выберите слой «Черный круг 2». Нажмите Ctrl + T (cmd + T). Перейти в верх рабочей области; введите 94% в оба поля высоты и ширины и дважды нажмите клавишу Enter для подтверждения:

Обратите внимание, как уменьшение размера слоя «Черный круг 2» повлияло на левый и правый края слоя «Прямоугольник 1»:

ШАГ 5: ДОБАВЛЕНИЕ ТЕКСТА И ДРУГИХ ЭЛЕМЕНТОВ ДИЗАЙНА:

5.1 Нажмите T, чтобы выбрать инструмент «Текст». Перейдите на панель параметров (вверху рабочей области), установите черный цвет в качестве цвета текста и выберите режим «Текст по центру»:

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

Вы также можете выбрать инструмент Custom Shape Tool и добавить произвольную форму по вашему выбору:

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

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

Перейдите на панель «Слои» и выберите слой «Белый круг 2».

5.4 Убедитесь, что выбран слой «Белый круг 2».

Перейдите на панель «Контуры» (выберите «Окно> Путь», если панель не видна).

Там вы найдете путь под названием «Белый круг 2 Форма Пути, копия 2».Щелкните и перетащите его на значок «Создать новый путь» в нижней части панели «Контуры»:

5.5 Новый контур с именем «Белый круг 2 Копия контура формы» теперь должен быть создан на панели «Контуры» (в Photoshop CS6 его имя должно быть «Путь 1»:

Мы будем использовать форму этого кругового контура, чтобы поместить текст в верхней части круга. Но сначала нам нужно увеличить его размер. Нажмите Ctrl + T (cmd + T). Перейти в верх рабочей области; введите 130% в оба поля высоты и ширины и дважды нажмите клавишу Enter для подтверждения:

5.6 Нажмите T, чтобы выбрать инструмент «Текст». Перейдите на панель параметров (вверху рабочей области) и установите белый цвет шрифта. Выберите шрифт по своему вкусу, установите его размер от 10 до 30 пунктов.

Если у вас Photoshop CS6, нажмите Ctrl + Shift + N (cmd + Shift + N), чтобы создать новый пустой слой.

5,7 Переместите указатель вверху круглой формы. Форма указателя изменится на курсор над изогнутой пунктирной линией:

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

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

Перейдите на панель Paths и повторите шаг 5.4 , чтобы продублировать путь «Белый круг 2 Shape Path»:

5.9 Нажмите Ctrl + T (cmd + T). Перейти в верх рабочей области; введите 140% в восемь полей W idth и H и дважды нажмите клавишу Enter для подтверждения.

5.10 Нажмите T, чтобы выбрать инструмент «Текст».

Если у вас Photoshop CS6, нажмите Ctrl + Shift + N (cmd + Shift + N), чтобы создать новый пустой слой.

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

Чтобы исправить это, перейдите на панель инструментов и выберите «Инструмент выбора пути» (или нажмите Shift + A, пока не выберете маленькую черную стрелку):

Наведите курсор на текст, пока форма курсора не изменится на двунаправленную стрелку:

Теперь щелкните и перетащите курсор вверх , пока текст не потечет вдоль внутренней стороны круга:

5.11 Перейдите на панель «Слои» и переименуйте этот новый текстовый слой в «Круговой текст 2». Наконец, восстановите видимость слоя «Круговой текст 1», щелкнув глазное яблоко слева от имени слоя.

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

Значок полностью состоит из векторной графики. Таким образом, вы можете изменить его размер (нажмите Ctrl + Alt + i или cmd + option + i) без потери качества!

С уважением
Panos

Создание водяного знака изображения в Photoshop

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

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

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

Добавьте новый слой, выбрав «Слой»> «Новый»> «Слой».Это прозрачный слой, на котором вы разместите круги.

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

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

Когда круг окажется в нужном месте, выберите «Окно»> «Пути» для просмотра палитры «Контуры».

Выберите инструмент «Кисть» и выберите кисть.Я использовал жесткую круглую кисть размером примерно 40 пикселей.

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

Щелкните инструмент «Выбор контура», который разделяет позицию в палитре «Инструменты» с инструментом «Прямое выделение». Нажмите на путь, и он выделит весь путь.

Если маркеры преобразования не отображаются, нажмите Ctrl + T (Command + T на Mac).Удерживая Shift и Alt (Shift и Option на Mac), перетащите внутрь, чтобы создать круг, концентрический с предыдущим кругом.

Повторите процесс выбора кисти, щелкните путь, чтобы он был выбран, и щелкните Обвести контур кистью.

Щелкните инструмент «Выбор контура» и, выделив этот меньший круг, нажмите Ctrl + T (Command + T на Mac). Удерживая Shift и Alt (Shift и Option на Mac), потяните немного наружу, чтобы создать круговой контур для ввода текста.

Выберите инструмент «Текст» и удерживайте указатель мыши над третьим контуром.

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

Щелкните один раз, чтобы привязать инструмент «Текст» к контуру. Выберите цвет текста — в моем случае я выбрал черный — и выберите шрифт и размер шрифта — я использовал Myriad Pro — 24 точки. Введите текст для использования — я набрал:

© 2012, Хелен Брэдли — проектант.com —

Чтобы ввести ©, удерживайте Alt и введите 0169.
?

Выделив текст, отобразите палитру символов, выбрав «Окно»> «Символ», и отрегулируйте трекинг, чтобы развернуть текст так, чтобы он полностью охватил форму.

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

Перетащите, чтобы сделать кривые линии.

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

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

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

Как только вы это сделаете, вы можете добавить эффект гранжа.

Начните с скрытия фонового слоя, выберите верхний слой и нажмите Control + Alt + Shift + E, чтобы создать сплющенный слой с прозрачностью. Скройте все слои, кроме этого верхнего.

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

Чтобы добавить эффект гранжа, щелкните значок «Добавить маску слоя» в нижней части палитры слоев, чтобы добавить маску к слою.Найдите интересное изображение текстуры для использования, например, это на сайте www.mayang.com/textures.

Сделайте его такого же размера, как ваше изображение, выбрав «Изображение»> «Изменить размер», снимите флажок «Сохранить пропорции», нажмите «Окно» и щелкните файл изображения, защищенного авторскими правами, чтобы использовать его размеры. Щелкните ОК.

Теперь вернитесь к изображению, защищенному авторскими правами, щелкните маску, чтобы выбрать ее, и выберите «Изображение»> «Применить изображение». В поле «Источник» выберите изображение текстуры (оно не появится в списке, если оно не подходящего размера), а затем установите другие параметры в соответствии с вашими требованиями, чтобы вы обратили беспокойство на свой символ авторского права.Щелкните ОК.

Добавьте новый слой и нажмите Control + Alt + Shift + E, чтобы создать плоскую версию изображения на этом слое, но с сохранением его прозрачности. Сделайте все остальные слои невидимыми и обрежьте изображение вокруг своей формы.

Затем выберите «Файл»> «Сохранить как» и сохраните его как изображение .PNG для использования в Photoshop или Lightroom в качестве наложения авторских прав.

Если вы выберете верхний слой и нажмете Control + I, вы перевернете его, чтобы получить белую версию изображения, защищенного авторским правом, которое затем можно сохранить как второй.png файл.

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

Деформация текста для соответствия формам с помощью Illustrator

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

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

1. Теперь для нашего руководства мы интегрируем текст в форму сердца.Это напоминает прошлые ностальгические эпохи, когда искаженный текст и типографское искусство были в моде. Итак, первый шаг — создать наше Сердце. Используя инструмент «Перо» (ярлык P), нарисуйте свое сердце на артборде. Для этого вам, вероятно, понадобятся 3 точки привязки сверху, по одной с обеих сторон и одна снизу. Раскрасьте его так, как хотите. Просто посмотрите на изображение ниже.

2. Сделайте резервную копию своего сердца, нажав CTRL + C и CTRL + V на клавиатуре. Скройте и заблокируйте это в палитре слоев для использования позже.

3. Затем, используя Pen Tool, мы разделим наше сердце. Сначала убедитесь, что вы установили для заливки полное отсутствие заливки, а для обводки установили толщину 5 пунктов белого цвета. Затем начертите две линии (с небольшим изгибом, если хотите) через сердце. Убедитесь, что концы выходят за форму сердца.

4. После этого используйте инструмент выбора, чтобы выбрать обе линии, которые вы создали. Затем перейдите в Object -> Path -> Outline Stroke.

5.После этого выделите все свои формы на артборде, просто перетащив их, выделив все формы. Затем перейдите в окно Pathfinder и найдите параметр «Минус передний». Это должно разрезать сердце на три части.

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

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

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

9. Затем с выделенным текстом и верхней формой сердца перейдите в Object -> Envelope Distort -> Make with Top Object.

10. Отлично! Теперь вы можете видеть, что мы исказили текст в форме верхнего сердца.

11. Продублируйте процесс для нижнего текста и средней формы сердца.

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

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

14. Вы также можете попробовать добавить в текст градиентные цвета.

15. Добавьте эффекты блеска, продублировав сердце, превратив его в светло-серый цвет, а затем добавив специальный эффект, Эффекты -> Размытие -> Размытие по Гауссу. При необходимости отрегулируйте прозрачность.

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

И вуаля! Теперь вы знаете, как преобразовывать текст в фигуры.

Купить сейчас

Текст по контуру в Photoshop CS

Ожидаемая функция Photoshop и доступная только в Photoshop CS и более поздних версиях — это инструмент «Текст на контуре».
Путь может быть открытым или замкнутым, а также контуром с векторной заливкой.

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

Выберите инструмент «Перо» (P), инструмент «Линия», инструмент «Перо FreeForm» или любой из инструментов «Фигура» с активной панелью параметров «Контуры».

Построение контура (пример открытого контура)
В этом примере мы будем рисовать синусоидальную кривую с помощью инструмента «Перо» с активными контурами.

См. Пример ниже для создания простой кривой «s».

Подготовка настроек типа
Затем выберите инструмент «Тип» (T) на панели инструментов (также откройте палитру «Окно> Символ» и установите желаемые параметры типа), затем поместите курсор в начало открытого контура, как я сделал. ниже.

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

Введите текст
Нажмите, чтобы начать, и введите путь, как показано ниже.

Переместить текст по контуру
Чтобы переместить шрифт по контуру, сначала выберите «Инструмент выбора контура (P)» на панели инструментов и просто щелкните и перетащите в начале текста, как я анимировал ниже.

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

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

Другие простые примеры, включая. Печатайте на замкнутом пути.
В этом примере используется инструмент Elipse Tool (U) для создания кругового пути с включенной панелью параметров «Пути».

Печатайте на векторной фигуре.
В этом примере используется инструмент «Прямоугольник со скругленными углами (U)» с активной панелью параметров «Слои формы».

Пользователи

Pre CS найдут эти альтернативные методы поддельного текста на пути полезными.
Круглый текст: использование векторной маски
Круговой (редактируемый) текст: упрощенный

Фотопея — текст

Вставка текста в изображения — важная операция редактирования изображений. Photopea предлагает богатый набор инструментов для работы с текстом.Текст хранится в документах PSD внутри Type Layers , у которых есть эскиз с заглавной буквой T.

Существует три типа слоев типа:

• Точка текста — определяется исходной точкой. Текст начинается с этого места и продолжается на одной строке до разрыва строки (Enter).
• Текст абзаца — определяется прямоугольником. Абзацы автоматически разбиваются на несколько строк для заполнения прямоугольника.
• Текст на кривой — определяется кривой, буквы расположены вдоль кривой.

Создание текстового слоя

Инструмент «Текст» используется для работы со слоями «Текст»:.

Чтобы создать текст Point , выберите инструмент «Текст» и щелкните (нажмите и отпустите) мышь в каком-либо месте, которое станет началом координат.

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

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

Чтобы создать текст на кривой , сначала выберите кривую (на панели «Контуры» или в слое-фигуре / векторной маске) ​​и щелкните по ее контуру.

На кривой появятся два новых символа (точки): символ X и символ O. Текст помещается между ними. Используйте инструмент «Выбор контура», чтобы переместить эти точки, или переключить рендеринг текста на противоположную сторону кривой.

Редактирование текстового слоя

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

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

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

Круг «Рисованный» — Планета Photoshop

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

ПРИМЕЧАНИЕ. Если вы используете команду «Обводка» с прямоугольным выделением и хотите острые углы, используйте параметр «Внутри».Если вы хотите, чтобы углы были слегка закругленными, используйте внешний вид.

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

Но вот как можно сделать что-то особенное, что-то (пока) обычное: эффект «нарисованного от руки».
1. Добавьте новый слой (необязательно, но настоятельно рекомендуется).
2. Сделайте круглое или эллиптическое выделение вокруг элемента, который нужно выделить.
3. В нижней части палитры «Контуры» нажмите кнопку, которая преобразует выделение в рабочий контур.Если вы думаете, что вам может понадобиться повторно использовать этот путь позже, дважды щелкните имя Work Path в палитре Paths и назовите путь, чтобы сохранить его.

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

Нажатие кнопки «Обводка контура» в нижней части палитры контуров с помощью этой кисти произвело бы довольно интересный эффект, но мы можем сделать даже больше.
6. Находясь в палитре кистей, откройте панель «Динамика формы». (Щелкните имя «Динамика формы», чтобы открыть панель, а не устанавливать флажок слева.)
7. В «Динамике формы» установите ползунок «Колебание размера» где-то между 10 и 40%. Установите для всплывающего меню «Управление» значение «Затухание». Соответствующее число для ввода в поле «Шаги» зависит от длины окружности контура, который вы проводите, а также от выбранного вами минимального размера.

8. В нижней части палитры «Контуры» нажмите кнопку «Обвести контур», чтобы применить кисть к контуру.