Нажмите "Enter" для пропуска содержимого

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

Содержание

как ее сделать и настроить


Два способа создания обводки

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

Обводка слоя в «Фотошопе»

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

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

  1. Выбрать слой.
  2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

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

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

  • по границе слоя снаружи;
  • так, чтобы граница была ее центром;
  • по границе внутри.

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

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

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

Простая обработка прямоугольных изображений

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

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

В статье как растянуть изображение я рассказывал почему лучше не копировать картинку при помощи Ctrl+C и вставлять (Ctrl+V), а перетаскивать его из папки в окно программы. Не буду повторяться. Именно этим способом я добавил фотографию набора micro SD и USB переходника с Aliexpress в заранее подготовленное окно.

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

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

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Обводка с использованием двух слоев

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

  1. Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.

  2. После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.

  3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.

  4. После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.

  5. Далее, можно перейти на панель «Стиль» и добавить еще одну окантовку. Кроме того, можно залить буквы слова цветом или текстурой.

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

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

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

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

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

Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

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

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

Окно стилей слоя с настройками:

Фигура с обводкой:

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

Обводка при помощи меню Редактирование

Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

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

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

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

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Обводка текста по контуру

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

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

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

Создадим контур в Adobe Photoshop тремя способами

Растрирование текста

  1. В палитре «Слои» кликаем правой кнопкой мыши по слою с текстом. В выпадающем меню выбираем строку «Растрировать текст».

  1. Нажав кнопку «Ctrl», кликаем по иконке текстового слоя. В результате у текста появилась обводка пунктирной линией.
  2. Затем переходим в меню «Выделение» и находим там строку «Модификация». Далее выбираем «Сжатие». Устанавливаем числовое значения сжатия равное «5».

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

Посмотрите, как трансформировалось наше выделение.

  1. Теперь избавимся от заливки внутри выделения, нажав Del. В конце не забудьте нажать Ctrl+D и убрать выделение.

Готово!

Заливка

Первые этапы в данном способе такие же, как в предыдущем.

  1. Снова напишем «Photoshop». Кликнем по иконке слоя, не забыв при этом нажать «Ctrl». Выполним сжатие слоя через меню «Выделение» – «Модификация».
  2. Создадим новый слой – в палитре «Слои» кликаем по иконке «Создать новый слой».

  1. После этого в меню «Редактирование» выбираем «Выполнить заливку». В строке «Содержание» устанавливаем режим «Цвет». В окне «Палитра цветов» выбираем цвет белый.

Обратите внимание! Быстро найти чисто-белый цвет в палитре можно, набрав в строке цифрового значения цвета #ffffff.

  1. Нажимаем «ОК». И получаем точно такой же результат, как в первом способе.

Стили слоя

  1. Дважды кликнем левой кнопкой мыши по слою с текстом.

Обратите внимание! Кликнуть нужно по самой строке, а не по иконке слоя.

  1. Появляется окно «Стили слоя». Здесь нас интересует параметр «Выполнить обводку». Ставим «галочку» в данной строке и делаем настройки:
  • устанавливаем размер – это толщина обводки нашего будущего контура;
  • положение – «Снаружи»;
  • цвет возьмём красный.

Чтобы выбрать цвет, щёлкните по цветовому окошку и в «Палитре цветов» выберете нужный.

Всё, нажимаем «ОК».

  1. Осталось уменьшить заливку до 0 % и вуаля – контур готов.

Как сделать обводку текста в фотошопе двумя классными способами?

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

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

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

Как сделать обводку текста в Фотошопе?

Этот способ подойдет для создания обводки текста в Фотошопе:

  1. Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.

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

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

Обводка с использованием двух слоев

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

  1. Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.

  2. После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.

  3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.

  4. После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.

  5. Далее, можно перейти на панель «Стиль» и добавить еще одну окантовку. Кроме того, можно залить буквы слова цветом или текстурой.

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

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

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

Создание контура

Также в Фотошопе можно накладывать контур вокруг текста, причем несколькими способами:

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


    Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.

  2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.

  3. Есть еще один способ, в котором используются вкладки меню. Первым делом, перейти на вкладку «Слои», далее «Текст», после — «Создать рабочий контур». На панели должен быть выбран слой с надписью.

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

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

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

Видео инструкция

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

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

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

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

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

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

Создание рамки

Первый способ сделать обводку изображения – это создание рамки:

  1. Открыть изображение.

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

  3. После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».

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

В результате изображение будет обведено рамкой.

Окантовка объекта

Также можно выполнить обводку контура объекта:

  1. Выделить объект с помощью инструмента «Волшебная палочка».

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

  3. Перейти на вкладку «Контуры» в панели слоев.

  4. Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.

  5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».

  6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.

Второй вариант:

  1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «, чтобы вынести его на отдельный слой.

  2. Выбрать в меню «fx» пункт «Обводка».

  3. Дальнейшая процедура уже знакома и описывалась ранее.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0

».

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

Иногда требуется обвести выделенную область (т.е. обрисовать контур

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

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

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

Вот как можно добавить контур по краю изображения:

Шаг 1

Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все

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

Шаг 2

Выберите команду меню Редактирование => Выполнить обводку (Stroke)

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

Шаг 3

Нажмите кнопку ОК, чтобы просмотреть новый контур.

Как легко сделать обводку текста в фотошопе двумя простыми методами?


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

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

Идем в главном меню, выбираем File (Файл) и в открывшемся меню выбираем команду Open (Открыть). Откроется диалоговое окно, в котором нужно найти папку с нашим изображением и открыть его в Фотошопе.

Для написания текста в фотошопе нужно выбрать инструмент T (Текст или TypeTool) на панели инструментов (на картинке инструмент Т помечен красным квадратиком).

Обрамление фото

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

Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».

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

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

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

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

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

Одновременно с появлением вертикального курсора в палитре Layers (Слои, для открытия нажимаем F7) автоматически образуется новый текстовый слой, который выделен синим цветом, что означает активирование слоя .

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

Чтобы выбрать шрифт на панели настроек инструмента текст открываем окошко со списком шрифтов и в выпадающем окне мы увидим список шрифтов. Из списка шрифтов выбираем нужный нам шрифт.

Способ №3: Выделение текста при резкой смене цветов

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

А теперь давайте разбираться, как выйти из подобной ситуации.

  1. Для начала нужно зажать клавишу CTRL и кликнуть на панели слоев по миниатюре слоя с надписью. Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:

  2. Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:

  3. Переходим к волшебству. Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:

  4. Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.


    Затем “приправим” надпись немного тенями:

Вот и все! Кликаем “ОК” и получаем шикарный вариант выделенного текста на очень сложном фоне:

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

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

Как выбрать цвет и размер текста в Фотошопе

Рядом с окошком для выбора шрифта находится окошко для выбора размера шрифта, в котором необходимо выбрать размер шрифта.

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

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

Теперь можно приступать к написанию текста. В нашем случае мы напишем слово «Поздравляю!» и возьмём цвет для текста с зелёной ленты на картинке. Получилась вот такая надпись:

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

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

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

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

Как сделать обводку текста в фотошопе

В открывшемся окне выбираем «Параметры наложения» и затем выбираем стиль слоя «Обводка», при этом появляется окно настроек стиля.

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

Следующий параметр «Положение» отвечает за расположение обводки – выбираем параметр «снаружи». «Режим наложения» устанавливаем «нормальный» и «непрозрачность» устанавливаем 100%.

В параметре «Тип обводки» выбираем цвет в палитре цветов. В нашем случае выбираем чёрный цвет.

Ручной способ

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

Сперва отменим все предыдущие преобразования текста, нажав комбинацию клавиш Ctrl+Z.

  1. Удерживая кнопку Ctrl на клавиатуре, нажимаем один раз левой кнопкой мыши по иконке текстового слоя. Вокруг текста появляется выделение в виде пунктирной линии.

  1. На верхней панели фоторедактора Photoshop выбираем: «Выделение» – «Модификация» – «Расширить».

  1. В открывшемся окне выбираем количество пикселей, на которое нужно расширить выделение. Примем 10 пикселей. Нажимаем «ОК». Область обводки увеличилась в размерах.

  1. Слева на панели инструментов выбираем «Прямоугольная область». На панели настройки инструмента находим строку «Выделение и маска» и кликаем по ней левой кнопкой мыши.

  1. Открывается окно настроек. Увеличим сглаживание и нажимаем «ОК». За счёт данных манипуляций обводка вокруг текста становится более плавной.
  2. Создаём новый слой выше текстового слоя, нажав Ctrl+J.
  3. В меню «Редактирование», которое находится на верхней панели Фотошоп, выбираем «Выполнить заливку». Или нажимаем набор горячих клавиш: Shift+F5.
  4. В окне настроек в графе «Содержимое» выбираем «Цвет» (в палитре находим необходимый цвет обводки). Непрозрачность ставим 100% и нажимаем «ОК».

  1. На созданном ранее слое появился залитый контур. Снимаем выделение – Ctrl+D
  2. Слой с обводкой перемещаем ниже текстового слоя и дважды кликаем левой кнопкой мыши по строке с залитым контуром.
  3. Открывается уже известное нам ранее окно настройки. И здесь уже дайте волю Вашей фантазии. Поиграйте с настройками.

Мне приглянулась настройка «Наложение градиента». Выбираю радужный вариант и нажимаю «ОК». Чтобы снять выделение, нажимаю Ctrl+D.

Вот, что получилось в итоге.

Эффекты с текстом в фотошопе

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

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

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

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

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

Создание контура

Также в Фотошопе можно накладывать контур вокруг текста, причем несколькими способами:

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


    Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.

  2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.

  3. Есть еще один способ, в котором используются вкладки меню. Первым делом, перейти на вкладку «Слои», далее «Текст», после — «Создать рабочий контур». На панели должен быть выбран слой с надписью.

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

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

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

Как изменить текст в Фотошопе

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

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

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

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

Изменение цвета текста и его шрифта выполняется, как было описано выше.

Стандартные средства

Размер. Изменяется толщина обводки (значения указаны в пикселях).

Положение. Обводка выполняется внутри краев объекта, снаружи (по краям), по центру.

Наложение обводки. Задается к применяемому слою и слоям, находящимся под ним.

Непрозрачность. Данной опцией регулируется прозрачность обводки.

Тип (управление заполнением). Заполнение предполагает три варианта: цвет, градиент, узор.

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

Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).

Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

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

Видео инструкция

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

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

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

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

Создание нескольких контуров на тексте

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

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

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

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

Другой способ сделать это, и поэтому вы можете добавить столько штрихов, сколько хотите, – это продублировать слой еще раз, снова щелкнуть его правой кнопкой мыши и перейти в Параметры наложения> Обводка.

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

Как быстро и просто сделать обводку в фотошопе | Pixelbox.ru — Дополнения и уроки по Фотошопу

Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

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

стилей слоя (Layer Style):

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

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

Для примера я выбрала 

тип обводки градиент и радужный градиент.

Окно стилей слоя с настройками:

Фигура с обводкой:

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

Обводка при помощи меню Редактирование

Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

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

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

 

Тут вы тоже можете выбрать 

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

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

 

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

Как сделать окантовку текста в Photoshop? | others

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

Вот как можно сделать окантовку текста в Фотошоп, процесс по шагам:

1. Введите текст с помощью инструмента Type Tool, при этом укажите его цвет (например желтый).
2. После того, как текст будет введен, Фотошоп автоматически создаст для него слой (список слоев Layers), где будет размещен введенный текст. Для того, чтобы получить доступ к инструменту окантовки, сделайте двойной щелчок мышью на этом слое в списке слоев Layers.
3. Откроется окно редактирования стиля слоя (Layer Style). Окантовка станет доступной, если поставить галочку в разделе Окантовка (Stroke) в левой части окна.

Теперь можно настроить окантовку шрифта. Слайдер Size настраивает толщину окантовки в пикселах. Выберите толщину 1, если текст у Вас мелкий. Выпадающий список Position выбирает положение окантовки — для внешней окантовки выберите Outside. Выпадающий список Fill Type позволяет выбрать тип раскраски окантовки (выберите Цвет, Color). Инструмент выбора цвета Color позволяет задать цвет окантовки. Чтобы окантовка была хорошо заметна, нужно выбрать для неё контрастный цвет, в качестве такого цвета хорошо подойдет черный.

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

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

Пунктирная обводка в фотошопе. Пунктирная линия в Photoshop

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

Методы построения

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

Настройка кистей

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

Итак, перед тем как создавать пунктирную линию, необходимо выбрать инструмент «Кисть» и вызвать контекстное меню настроек. Здесь следует задать нужную жесткость и толщину линий. После процедуры перейти в панель кистей, где располагается интервальная опция. Ползунок интервала можно передвинуть до нужного значения, оптимальным решением считается 150%.

Инструмент «Перо»

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

  1. Активируем «Перо» и ставим первую — начало линии.
  2. Ставим вторую точку в желаемом месте, где будет заканчиваться геометрический объект.
  3. Следующим шагом станет создание нового слоя, который можно добавить с помощью горячих клавиш или на панели управления слоев.
  4. Теперь следует кликнуть на полученный контур правой кнопкой мыши и в появившимся окне выбрать пункт «Выполнить обводку контура».
  5. Всплывет еще одно окно, где будет отображаться способ обводки. По умолчанию стоит значение «Кисть» — подтверждаем.

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

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

  1. Создаем опорную точку все тем же инструментом «Перо».
  2. Находим нужное место на холсте и зажимаем левую кнопку мыши — стараемся преобразовать радиус кривизны до нужного значения.
  3. Можно продолжить создание кривой новыми дугами, которые делаются точно так же, как и в пункте 2.

Последующие этапы остаются неизменными — общая картина операций не меняется, и все делается в точности, как в случае с прямой пунктирной линии в «Фотошопе».

Другие инструменты

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

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

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

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

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

Как нарисовать пунктирную линию в фотошопе… Ответов на этот вопрос может быть несколько. Все зависит от того, каково ее назначение. Допустим, вы хотите обыграть ссылку, подчеркнув текст. Самый просто способ – инструмент текст. Да, это несколько банально, но, тем не менее работает. Просто «пишем» так сказать символ «_». Пробел можете поставить один. Или несколько. На ваше усмотрение.

Линию можно растрировать. В окне слоев найдите слой с линией, щелкните по нему правой клавишей мыши и выберите команду «растрировать текст».


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


Давайте дадим кисти имя.


Теперь на боковой панели инструментов выбираем «кисть» и переходим к ее настройкам.


Из перечня кистей выбираем созданную нами и устанавливаем настройку «интервалы» на 300%.

Все! Смотрим, что получилось.


Давайте изучим третий способ. Здесь нам опять придется воспользоваться кистью. Выбираем круглую жесткую кисть размером 4 пикселя. И вновь устанавливаем настройку интервалы величиной в 300%.


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



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



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

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

Автор Олег задал вопрос в разделе Другие языки и технологии

Как сделать в фотошопе пунктирную линию? и получил лучший ответ

Ответ от Dagpress-Media[гуру]
Выберите инструмент Карандаш. Дважды щелкните на второй самой маленькой кисти в палитре Кисти. Интервалы (Spacing) до значения ~250%. Теперь просто проведите линию вашим карандашом, и Вы получите пунктир. Чтобы сделать строку прямой, удерживайте клавишу SHIFT в то время, как Вы проводите линию. Другой способ: щелкните в начальной точке, затем с нажатой клавишей SHIFT в конечной точке вашей линии. Photoshop создаст пунктирную линию между этими двумя точками. Для получения разнообразных пунктиров Вы можете изменять размер кисти и увеличивать интервал. Также, Вы можете загрузить набор квадратных кистей.
Ссылка на урок.ru/2011/11/blog-post_2336.html

Ответ от Люд@Мила [гуру]
В Кореле это делается через абрис (перо абриса) . может и в Фотошопе, что-то подобное.

Ответ от Fiery [гуру]
можно нарисовать в иллюстраторе, скопировать и вставить в фотошоп

Ответ от Акимов Глеб [гуру]
А CS6 уже и так поддерживается эта возможность, можно сразу выбрать готовую пунктирную обводку.

3 голоса

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

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

Вас ждет масса информации. Приступим?

Инструмент «Линия»

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

Сперва о важном. Один из самых важных параметров – толщина. Благодаря линии вы можете рисовать даже прямоугольники. Просто надо сделать ее пожирнее.

Далее идет «Заливка» и «Обводка». Щелкаете по плашке с цветом слева от надписей и выбираете оттенок. Если хотите выполнить обводку, вписываете ее ширину. Сейчас, на моем скриншоте показан вариант без нее. Иконка отсутствия цвета выглядит именно так. Серая линия перечеркнутая красным.

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

Вот так будет выглядеть линия, если выбрать красный цвет для обводки.

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

Если уменьшить толщину и убрать заливку, вы получите просто пунктир.

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

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

Если в тот момент, когда вы ведете линию, нажать Shift, то Photoshop автоматически создаст ровную линию. Горизонтальную или вертикальную. В зависимости от того, куда вы ее ведете.

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

Ну а сейчас покажу другой.

Инструмент «Кисть»

Эти прямоугольники я нарисовал при помощи линий, нарисованных кистью.

Выбираете тип и размер, подходящей для линии кисти.

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

Перед вами две линии. Желтая нарисовала при помощи инструмента «Линия», лиловая кистью.

Как сделать волну

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

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

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

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

Инструмент «Перо»

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

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

То же самое вытворяю с каждой новой точкой.

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

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

Снова жму на правую клавишу мыши и выбираю «Удалить контур».

Вот такой результат у меня получился.

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

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

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


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

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

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


Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.

Ну вот и все. Осталось дело за вами. Решайте когда вы будете готовы и приступайте к завоеванию новых вершин. Если вам понравилась эта статья – подписывайтесь на рассылку и каждый день на шаг приближайтесь к заветной цели.

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

Я желаю вам удачи. До новых встреч.

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

Инструмент «Line»

Чтобы найти инструмент «Line», нажмите и удерживайте кнопку мыши над инструментом «Rectangle» на главной панели инструментов. Будет открыто меню для выбора формы инструмента. Если включены какие-либо инструменты фигур, также можно выбрать инструмент «Line» в верхнем меню параметров.

Почему инструмент «Line» считается фигурой? По сути, инструмент «Line» просто создает тонкие прямоугольники, которые выглядят как линии, потому что цвета заливки «Fill» и контура «Stroke» одинаковы. Если вы хотите, чтобы линия была пустой внутри (как прямоугольник), просто выключите заливку.

С помощью инструмента «Line» легко рисовать прямые линии. Просто щелкните в любой точке изображения и перетащите линию в требуемом направлении. Если вы хотите нарисовать строго горизонтальную или вертикальную линию, удерживайте клавишу Shift при перетаскивании, и Photoshop позаботится обо всем остальном.

Научившись рисовать прямые линии в Photoshop, можно поэкспериментировать с расширенными параметрами и создать пунктирные линии из точек или штрихов. Чтобы найти эти параметры, щелкните значок «Stroke Options» в левой части панели параметров, а затем выберите «More Options». Здесь можно задавать и сохранять пользовательские настройки, включить пунктирную линию и выбрать длину штрихов и пробелов.

Инструмент «Brush»

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

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

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

Инструмент «Pen»

Наконец, инструмент «Pen» чрезвычайно полезен для рисования прямых и изогнутых линий. Чтобы выбрать инструмент «Pen», нажмите на значок в форме пера на главной панели инструментов, затем щелкните кнопкой мыши на изображении, чтобы установить начальную точку, и еще раз, чтобы установить конечную точку. Photoshop автоматически создаст прямую линию между двумя точками, независимо от того, где они расположены на изображении. Если удерживать клавишу Shift при задании этих точек, можно создать линейные сегменты с углами наклона 45 и 90 градусов.

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

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

Методы построения

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

Настройка кистей

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

Итак, перед тем как создавать пунктирную линию, необходимо выбрать инструмент «Кисть» и вызвать контекстное меню настроек. Здесь следует задать нужную жесткость и толщину линий. После процедуры перейти в панель кистей, где располагается интервальная опция. Ползунок интервала можно передвинуть до нужного значения, оптимальным решением считается 150%.

Инструмент «Перо»

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

  1. Активируем «Перо» и ставим первую — начало линии.
  2. Ставим вторую точку в желаемом месте, где будет заканчиваться геометрический объект.
  3. Следующим шагом станет создание нового слоя, который можно добавить с помощью горячих клавиш или на панели управления слоев.
  4. Теперь следует кликнуть на полученный контур правой кнопкой мыши и в появившимся окне выбрать пункт «Выполнить обводку контура».
  5. Всплывет еще одно окно, где будет отображаться способ обводки. По умолчанию стоит значение «Кисть» — подтверждаем.

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

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

  1. Создаем опорную точку все тем же инструментом «Перо».
  2. Находим нужное место на холсте и зажимаем левую кнопку мыши — стараемся преобразовать радиус кривизны до нужного значения.
  3. Можно продолжить создание кривой новыми дугами, которые делаются точно так же, как и в пункте 2.

Последующие этапы остаются неизменными — общая картина операций не меняется, и все делается в точности, как в случае с прямой пунктирной линии в «Фотошопе».

Другие инструменты

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

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

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

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

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

В этом уроке я покажу Вам, как сделать пунктирную линию в Фотошопе.

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

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

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

Берем инструмент «Прямоугольник» и настраиваем его, как показано на картинках ниже:

Размеры пунктира выбирайте под свои потребности.

Затем кликаем в любом месте белого холста и, в открывшемся диалоговом окне нажимаем ОК .

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

Даем имя кисти и нажимаем ОК .

Инструмент готов, давайте проведем тест-драйв.

Выбираем инструмент «Кисть» и в палитре кистей ищем наш пунктир.


Затем нажимаем F5 и в открывшемся окне настраиваем кисть.

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

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

Поскольку нам, скорее всего, нужна прямая, то протянем направляющую от линейки (горизонтальную или вертикальную, какую хотите).

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

Скрыть и показать направляющие можно клавишами CTRL+H .

Если у Вас твердая рука, то линию можно провести и без клавиши SHIFT .

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

Снова нажимаем клавишу F5 и видим такой инструмент:

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

Вот таки нехитрым способом мы с Вами научились рисовать пунктирные линии в Фотошопе.

Автор Олег задал вопрос в разделе Другие языки и технологии

Как сделать в фотошопе пунктирную линию? и получил лучший ответ

Ответ от Dagpress-Media[гуру]
Выберите инструмент Карандаш. Дважды щелкните на второй самой маленькой кисти в палитре Кисти. Интервалы (Spacing) до значения ~250%. Теперь просто проведите линию вашим карандашом, и Вы получите пунктир. Чтобы сделать строку прямой, удерживайте клавишу SHIFT в то время, как Вы проводите линию. Другой способ: щелкните в начальной точке, затем с нажатой клавишей SHIFT в конечной точке вашей линии. Photoshop создаст пунктирную линию между этими двумя точками. Для получения разнообразных пунктиров Вы можете изменять размер кисти и увеличивать интервал. Также, Вы можете загрузить набор квадратных кистей.
Ссылка на урок.ru/2011/11/blog-post_2336.html

Ответ от Люд@Мила [гуру]
В Кореле это делается через абрис (перо абриса) . может и в Фотошопе, что-то подобное.

Ответ от Fiery [гуру]
можно нарисовать в иллюстраторе, скопировать и вставить в фотошоп

Ответ от Акимов Глеб [гуру]
А CS6 уже и так поддерживается эта возможность, можно сразу выбрать готовую пунктирную обводку.

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

Вот пример рисунка, полученного с помощью вышеописанных телодвижений:

Были применены следующие настройки кисти:
Текст: тип — карандаш кегль (Size) 3 пкс, жёсткость (Hardness) 100%, интервал (Spacing) 180%
Подчёркивание: тип — кисть, кегль (Size) 3 пкс, жёсткость (Hardness) 100%, интервал (Spacing) 205%
Рамка: тип — карандаш, кегль (Size) 6 пкс, жёсткость (Hardness) 100%, интервал (Spacing) 180%

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

Создание рамок из пунктирных линий

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

Такой кистью можно провести горизонтальную линию. Но вертикальную уже не получится, вернее, получится, но некрасиво:

Для создания вертикальной прерывистой линии нужно повернуть отпечаток кисти на 90 или 270 градусов:

Теперь можно смело дорисовать и вертикальную прерывистую линию:

Но если мне нужен пунктир по кругу или по любой кривой, то этот способ уже не подходит. Если спросить у мирового разума, то он, разум, посоветует не заниматься ерундой с пунктиром в Photoshop, а воспользоваться Adobe Illustrator, создать в нём слой с нужной линией, и перенести в Фотошоп. Я Illustrator не использую, и мне нужно создать круговой пунктир именно в Фотошопе. Оказалось, способ есть, и довольно простой. Мне потребовалось десять минут на его изобретение.

Выбираем круглую кисть, задаём диаметр отпечатка 9 пикселей, интервал 170%. Создаём контур, выполняем обводку контура, как в случае с точками.
Далее кликаем правой клавишей мыши по контуру, выбираем пункт «Образовать выделенную область» (Make Selection) с радиусом растушёвки 0. Вот увеличенный фрагмент рисунка:

Затем идём по вкладке Выделение —> Модификация —> Граница (Select —> Modify —> Border), задаём ширину один или два пикселя.

Теперь надо инвертировать выделенную область нажатием комбинации клавиш Ctrl+Shift+I. Убираем лишнее, нажав клавишу Delete.
У меня получился симпатичный такой пунктирный круг:

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

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

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

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

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

1) Выбираем «Кисть » и среди палитры находим созданный инструмент.
2) Нажимаем клавишу F5 и определяем интервалы между пунктирами. (с помощью специального ползунка регулируем расстояние).
3) Хорошим помощником выступит направляющая линия (горизонтальная, вертикальная).

После следует поставить кисть на начало направляющей, и с помощью кнопки Shift , не отпуская мышь, продолжить пунктир. Скрыть или показать ортогональность можно нажав комбинацию CTRL+H . Если вы не сомневаетесь в своих умениях, то провести направляющую можно, не используя SHIFT . Чтобы построить вертикальные оси, следует выполнить ряд действий: нажать клавишу F5 и увидеть изображение, как на картинке.

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

Быстрый ответ, как сделать рамку в Photoshop cs6?

Кроме того, как добавить рамку в Photoshop?

  1. Откройте фотографию в Photoshop и посмотрите на панель «Слои».
  2. Выберите «Слой» > «Создать» > «Слой из фона» и в появившемся диалоговом окне нажмите «ОК».
  3. Выберите «Изображение» > «Размер холста», убедитесь, что установлен флажок «Относительно», и введите количество пикселей, которое нужно добавить вокруг изображения.

Кроме того, где находится инструмент «Рамка» в Photoshop cs6? Выберите инструмент «Рамка» на панели «Инструменты» или нажмите «K». На панели параметров инструмента выберите прямоугольную или эллиптическую рамку.

Кроме того, как я могу добавить рамку к фотографии?

  1. Выберите изображение, к которому вы хотите применить рамку.
  2. На вкладке «Макет страницы» в группе «Фон страницы» выберите «Границы страницы».
  3. В диалоговом окне «Границы и заливка» на вкладке «Границы» выберите один из параметров границы в разделе «Параметры».
  4. Выберите стиль, цвет и ширину границы.

Как добавить границу в HTML?

  1. Добавьте границу, используя внутренний CSS.

Как поместить белую рамку вокруг изображения в Photoshop?

Как добавить белую рамку в Snapseed?

Как изменить размер слоя?

На панели «Слои» выберите один или несколько слоев, содержащих изображения или объекты, размер которых вы хотите изменить.Выберите «Правка» > «Свободное преобразование». Вокруг всего содержимого на выбранных слоях появляется граница преобразования. Удерживая нажатой клавишу Shift, чтобы не исказить содержимое, перетащите углы или края до нужного размера.

Что такое рамки в Photoshop?

Поднимите редактирование на новый уровень с помощью инструмента «Рамка» от Adobe. Рамки в Photoshop CC — это специальные маски, используемые для хранения других изображений. Рамки можно рисовать или создавать из фигур. Как только вы узнаете, как сделать рамку в Photoshop, она может содержать изображение с вашего локального жесткого диска или из поиска Adobe Stock.

Как добавить границу к JPG?

Щелкните правой кнопкой мыши изображение, которое хотите отредактировать. Нажмите «Открыть с помощью». В списке программ нажмите «Microsoft Paint», затем нажмите «Открыть». Изображение открывается в Microsoft Paint. Щелкните значок инструмента «Линия» в верхней части окна Paint. В списке цветов щелкните цвет, который вы хотите использовать для границы.

Какое приложение добавляет рамки к изображениям?

Afterlight — редактирование и границы Polaroid Доступное для iOS и Android приложение After Light позволяет вносить точные корректировки в ваши фотографии и добавлять различные рамки Polaroid.

Какое приложение позволяет обрамлять изображения?

  1. ВСКО. Сделайте ваши фотографии красивыми и профессиональными с помощью стильных фильтров и пресетов VSCO.
  2. Снэпсид.
  3. Послесвет 2.
  4. Пик стежок.
  5. Черный.
  6. Adobe Photoshop Express.
  7. Призма.
  8. Наложение.

Как добавить рамку в Photoshop 2021?

Как добавить цвет рамки в HTML?

  1. Изменение цвета четырех границ элемент в красный: getElementById(«myDiv»).
  2. Измените цвет верхней и нижней границы на зеленый, а левой и правой границы на фиолетовый, элемент: getElementById(«myDiv»).
  3. Вернуть цвет границы

Создание фоторамок в Photoshop с помощью масок и фильтров

Автор Стив Паттерсон.

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

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

Исходное фото.

Этот урок из нашей серии фотоэффектов.Давайте начнем!

Получите все наши руководства в виде готовых к печати PDF-файлов!

Шаг 1: Дублирование фонового слоя

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

Палитра слоев в Photoshop показывает изображение на слое Background .

Так как наш фоновый слой содержит информацию об исходном изображении, всегда рекомендуется дублировать его перед выполнением какой-либо работы.Таким образом, мы не будем трогать оригинал, и у нас всегда будет возможность вернуться к нему, если он нам понадобится. Самый простой способ дублировать слой в Photoshop — использовать сочетание клавиш Ctrl+J (Win)/Command+J (Mac). Если мы снова посмотрим на палитру «Слои», то увидим, что теперь у нас есть два слоя — исходный фоновый слой внизу и его копия, которую Photoshop назвал «Слой 1», сверху:

Нажмите «Ctrl+». J» (Win) / «Command+J» (Mac), чтобы дублировать фоновый слой.

Шаг 2: Добавьте новый пустой слой между двумя существующими слоями

Далее нам нужно добавить новый слой между двумя существующими слоями.Для этого убедитесь, что в палитре слоев в данный момент выбран «Слой 1» (он должен быть выделен синим цветом). Затем, удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните значок «Новый слой» в нижней части палитры «Слои»:

. щелкните значок «Новый слой».

Обычно Photoshop добавляет новый слой выше текущего выбранного слоя в палитре слоев, но, удерживая нажатой клавишу «Ctrl» / «Command», это говорит Photoshop добавить его ниже текущего выбранного слоя вместо этого.Теперь мы видим в палитре слоев, что у нас есть новый пустой слой между фоновым слоем и «слоем 1»:

Новый пустой слой появляется между фоновым слоем и «слоем 1».

Шаг 3: Залейте новый слой белым цветом

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

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

Если для цветов переднего плана и фона заданы значения по умолчанию, убедитесь, что новый пустой слой выбран в палитре слоев.Затем используйте сочетание клавиш Ctrl+Backspace (Win)/Command+Delete (Mac), чтобы заполнить слой текущим цветом фона, то есть белым. В окне документа ничего не произойдет, поскольку изображение на «Слое 1» блокирует просмотр нового слоя, но если мы посмотрим на нашу палитру «Слои», мы увидим на миниатюре предварительного просмотра слоя, что слой действительно был заполнен. с белым:

Миниатюра предварительного просмотра нового слоя теперь заполнена белым, что говорит нам о том, что сам слой заполнен белым.

Шаг 4: Добавьте дополнительное пространство холста вокруг изображения

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

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

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

Теперь вокруг фотографии добавлено дополнительное пространство на холсте.

Шаг 5: Загрузите выделение вокруг фотографии

Мы также добавим немного пространства внутри краев фотографии. Удерживая нажатой клавишу Ctrl (Win)/Command, щелкните непосредственно миниатюру предварительного просмотра слоя для «Layer 1» в палитре слоев:

. миниатюра предварительного просмотра.

Это загружает выделение вокруг содержимого слоя, и если вы посмотрите в окно документа, вы увидите, что выделение появилось вокруг фотографии:

Вокруг фотографии появляется выделение.

Шаг 6: Уменьшение выделения

Нам нужно сделать выделение немного меньше, и мы можем легко сделать это, используя одну из встроенных функций Photoshop для работы с выделениями. Подойдите к меню «Выбор» в верхней части экрана, выберите «Изменить», а затем выберите «Контракт».Когда появится диалоговое окно «Выбор контракта», введите значение от 5 до 15 пикселей для параметра «Контракт по», в зависимости от размера и разрешения вашего изображения. Это сообщает Photoshop, на сколько пикселей нужно сжать выделение, или, другими словами, насколько меньше мы хотим его сделать. Я собираюсь ввести значение 10 пикселей:

Перейдите в Select> Modify> Contract и введите значение 5-15 пикселей в диалоговом окне.

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

Теперь между выделенным и края фотографии.

Шаг 7: Добавьте маску слоя

Мы собираемся добавить маску слоя к «Слою 1». Прежде чем мы сможем это сделать, нам нужно выбрать «Слой 1», поэтому щелкните его в палитре слоев, чтобы выбрать его. Он будет выделен синим цветом:

Нажмите «Слой 1» в палитре «Слои», чтобы выбрать его.

Затем, выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Щелкните значок «Маска слоя» в нижней части палитры «Слои».

Это добавляет маску слоя к «Слою 1», и мы видим в палитре «Слои», что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя появляется на «Слое 1». в палитре слоев.

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

Далее мы создадим эффект границы с помощью нашего первого фильтра Photoshop!

Шаг 5: Загрузите выделение вокруг фотографии

Мы также добавим немного пространства внутри краев фотографии. Удерживая нажатой клавишу Ctrl (Win)/Command, щелкните непосредственно миниатюру предварительного просмотра слоя для «Layer 1» в палитре слоев:

. миниатюра предварительного просмотра.

Это загружает выделение вокруг содержимого слоя, и если вы посмотрите в окно документа, вы увидите, что выделение появилось вокруг фотографии:

Вокруг фотографии появляется выделение.

Шаг 6: Уменьшение выделения

Нам нужно сделать выделение немного меньше, и мы можем легко сделать это, используя одну из встроенных функций Photoshop для работы с выделениями. Подойдите к меню «Выбор» в верхней части экрана, выберите «Изменить», а затем выберите «Контракт». Когда появится диалоговое окно «Выбор контракта», введите значение от 5 до 15 пикселей для параметра «Контракт по», в зависимости от размера и разрешения вашего изображения. Это сообщает Photoshop, на сколько пикселей нужно сжать выделение, или, другими словами, насколько меньше мы хотим его сделать.Я собираюсь ввести значение 10 пикселей:

Перейдите в Select> Modify> Contract и введите значение 5-15 пикселей в диалоговом окне.

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

Теперь между выделенным и края фотографии.

Шаг 7: Добавьте маску слоя

Мы собираемся добавить маску слоя к «Слою 1».Прежде чем мы сможем это сделать, нам нужно выбрать «Слой 1», поэтому щелкните его в палитре слоев, чтобы выбрать его. Он будет выделен синим цветом:

Нажмите «Слой 1» в палитре «Слои», чтобы выбрать его.

Затем, выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Щелкните значок «Маска слоя» в нижней части палитры «Слои».

Это добавляет маску слоя к «Слою 1», и мы видим в палитре «Слои», что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя появляется на «Слое 1». в палитре слоев.

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

Далее мы создадим эффект границы с помощью нашего первого фильтра Photoshop!

Шаг 8: Применение фильтра «Брызги» к маске слоя

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

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

Теперь, когда мы уверены, что выбрана маска слоя, а не сам слой, мы можем применить наш фильтр. Как я упоминал в начале этого урока, в Photoshop есть множество фильтров, которые отлично работают, когда дело доходит до создания интересных рамок для фотографий. Здесь мы рассмотрим несколько примеров, но вам определенно захочется поэкспериментировать с другими фильтрами. Во-первых, мы попробуем один из моих любимых фильтров, фильтр-кисть «Брызги».Перейдите в меню «Фильтр» в верхней части экрана, выберите «Мазки кисти», а затем выберите «Брызги». Когда появится диалоговое окно, я введу значение 10 для радиуса распыления и 5 для гладкости:

Диалоговое окно фильтра «Брызги». Введите «10» для «Радиуса распыления» и «5» для «Гладкости».

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

Эффект границы фотографии, созданный с помощью фильтра «Брызги».

Шаг 9: Примените фильтр «Стекло»

Давайте попробуем другой фильтр для другого эффекта границы фотографии. Сначала нажмите Ctrl+Z (Win)/Command+Z (Mac), чтобы отменить фильтр брызг. Затем вернитесь в меню «Фильтр», на этот раз выберите «Искажение», а затем выберите «Стекло».Когда появится диалоговое окно фильтра «Стекло», я введу 8 для величины искажения и 4 для сглаживания. Я оставлю для параметра «Текстура» значение «Матовое», а для параметра «Масштабирование» установите значение 100%:

Введите «8» для «Искажения» и «4» для «Гладкости» в диалоговом окне фильтра «Стекло» или поэкспериментируйте с настройками. самостоятельно, используя окно предварительного просмотра слева.

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

Фоторамка, созданная путем применения фотошоповского фильтра «Стекло» к маске слоя.

Шаг 10. Примените фильтр «Распыленные мазки»

Давайте попробуем еще один. Нажмите Ctrl+Z (Win)/Command+Z (Mac) еще раз, чтобы отменить последний примененный фильтр. На этот раз перейдите в меню «Фильтр», выберите Мазки кисти , а затем выберите Распыленные мазки.Когда появится диалоговое окно, я введу 6 для длины штриха, 10 для радиуса распыления и установлю направление штриха на правую диагональ:

Когда появится диалоговое окно «Распыленные штрихи», введите « 6″ для «Длины штриха» и «10» для «Радиуса распыления» и установите «Направление штриха» на «Правая диагональ».

Опять же, вы можете самостоятельно поэкспериментировать с этими настройками, если хотите использовать область предварительного просмотра слева. Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна и применить фильтр к маске слоя.Вот граница моей фотографии, созданная с помощью фильтра «Распыленные мазки»:

Граница фотографии, созданная путем применения фильтра «Распыленные мазки» к маске слоя.

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

Шаг 11. Обрежьте лишнее белое пространство вокруг фотографии

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

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

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

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

И вот оно! Вот лишь несколько примеров того, как легко создавать интересные рамки для фотографий в Photoshop, используя только простую маску слоя и фильтры Photoshop! Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств по эффектам Photoshop!

Границы Photoshop — как их создать с помощью масок слоя

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

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

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

Создание границ в Photoshop

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

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

Шаг 1. Создайте новый слой

После того, как ваше базовое изображение будет готово, создайте новый слой между исходным и дубликатом слоя. Вы можете сделать это, выбрав «Слой» > «Создать» > «Слой» в верхнем меню, или нажав Ctrl+Shift+N, или щелкнув маленький квадратный значок, выделенный в примере на изображении выше. В любом случае убедитесь, что новый слой находится между исходным слоем и его копией.

Шаг 2. Раскрасьте новый слой белым цветом

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

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

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

Шаг 3. Расширьте изображение, увеличив размер холста

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

Вы можете найти этот параметр, перейдя в меню вверху и выбрав Изображение > Размер холста, или нажав Alt+Ctrl+C.Когда приглашение открыто, установите флажок «Относительно» и увеличьте размер холста на любую величину, которая вам подходит. В этом примере мы добавили дополнительные два дюйма с каждой стороны холста. Результат выглядит так:

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

Шаг 4. Создайте и сузьте выделение вокруг изображения

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

Сделайте это, выбрав Select > Modify > Contract, а затем введя число. Это зависит от размера вашего изображения. Как только вы нажмете OK, ваше изображение должно выглядеть примерно так:

Шаг 5. Создайте маску слоя

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

Чтобы узнать больше о масках слоев и о том, как они работают, вы можете просмотреть эту запись в блоге о маскировании в Photoshop или посмотреть лекцию о масках слоев из этой серии видео Udemy.com, посвященной основам Adobe Photoshop CC.

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

Сначала убедитесь, что выделен правильный слой. В данном примере это Base Image — Copy . Затем нажмите кнопку «Маска слоя» в образце «Слои», как показано на рисунке слева.Вы заметите маленькую иконку цепочки, связывающую базовое изображение — скопируйте и его маску слоя вместе в образце слоев.

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

Шаг 6. Создайте границу с помощью фильтров

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

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

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

В этом примере давайте сделаем что-то яркое и заметное, выбрав «Фильтр» > «Пикселизация» > «Кристаллизовать» и установив для параметра «Размер ячейки» значение 25.На снимке экрана выше предварительный просмотр увеличен на 100%, чтобы вы могли видеть детали, но вы можете увеличивать и уменьшать масштаб, используя знаки + и -, если хотите увидеть, как будет выглядеть готовый продукт.

Говоря о…

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

Последнее обновление страницы: декабрь 2013 г.

Добавление рамки к изображению в Photoshop – Blackbird Publishing

Вот пример ситуации, когда вам может понадобиться рамка вокруг изображения…

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

Предпосылки

  • У вас есть Photoshop.
  • У вас есть изображение в формате psd.

Как добавить рамку вокруг изображения

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

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

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

  • Выберите желаемый цвет и ширину, но оставьте место в центре.(См. ниже примеры использования разной ширины.)
  • В верхней строке меню выберите «Выбрать», а затем «Отменить выбор».

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

Примеры рамок разной ширины

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

 
Для сравнения, вот та же обложка без рамки, затем 2px, 10px, 20px, 30px и 40px.

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

Версия Photoshop

В этом посте использовалась версия Photoshop 2017 года.1.1 Выпуск Adobe Photoshop CC, 20170425.r.252 x64, для OS X 10.10.5.

Подпишитесь на информационный бюллетень Blackbird Publishing!

Попробуйте это: Создайте цифровую рамку в Photoshop

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

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

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

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

Ste p Два: Откройте фотографию в Adobe Photoshop, затем откройте палитру слоев (ее можно найти в верхней строке меню Windows > Layers).Затем разблокируйте слой с фотографией (отмеченный как фоновый слой с символом замка на слое в меню «Слои»), чтобы внести коррективы. Вы можете разблокировать слой, дважды щелкнув его в палитре слоев. Мы создадим круг, в который поместим нашу фотографию, а затем добавим за ним узор.

Ste p Three: С помощью инструмента Elliptical Marquee (форма пунктирного круга на панели инструментов) создайте активный круг выделения. Чтобы получить идеально круглый круг, удерживайте нажатой клавишу Shift, вытягивая круг.Теперь, с активным кругом (пунктирная линия, которая выглядит как марширующие муравьи), щелкните значок «Маска слоя» в нижней части меню «Слои». Ваша фотография должна появиться в форме круга. Прежде чем вносить какие-либо дальнейшие корректировки, сохраните файл в многоуровневом формате PSD.

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

Вы можете найти шаблоны для использования в своих различных проектах в Интернете (некоторые из них могут быть уже отформатированы для определенных продуктов) на unisubgraphics.ком. Есть также стоковые веб-сайты, такие как thinkstock.com или Shutterstock.com. Вы также можете создать свою собственную библиотеку, сканируя старую бумагу или ткани, создавать выкройки с помощью своих растущих навыков работы с программным обеспечением или смотреть обучающие видеоролики на Youtube или Lynda.com. Вы также можете использовать само изображение большего размера с низкой непрозрачностью позади фотографии, меньшего размера спереди со 100-процентной видимостью.

Как добавить границы к изображению (в бесплатных приложениях или в Photoshop) ⋆ Магазин эстетического дизайна

ПРИЛОЖЕНИЯ: Instagram, Snapchat, Pinterest, Youtube, Twitter, Tumblr, Facebook, Discord, Tiktok, Reddit, Yubo, Deviantart , Linkedin, Одноклассники, Weibo, Weheartit, Stumbleupon, Vimeo, Wattpad, Android, Apple, Whatsapp, Facetime, Zoom, Telegram, Viber, Skype, SMS, Talk, Wechat, Line, Facebook Messenger, imo, Meet, Quora, Google Диск, Dropbox, Blogger, WordPress, Google, Yahoo, Bing, Safari, Chrome, Microsoft Edge, Lightroom, Prequel, Picsart, VSCO, Canva, Meitu, Polarr, Ebay, Word, Excel, PowerPoint, Dribbble, Behance, Tinder, Bumble , Магазин приложений, Google Play, Uber, Lyft, Waze, Shazam, Apple watch, Musixmatch, Citymapper, Shopify, Squarespace, Groupme, Whiteboard, Canvas, Powerschool, Brave, PayPal, Find my iPhone, Google Duo, Notability, Notion

ПОТОКИ И МУЗЫКА: Netflix, Hulu, HBO, Apple TV, Disney, Disney Plus, Amazon Prime Video, AnimeLab, Soundcloud, Spotify, Google Play Music

МАГАЗИНЫ, ETC: Shein, McDonald’s, Nike, Amazon, Starbucks, Creative Market, Airbnb, Etsy

GENERIC: Сердце-глаз, Социальные сети, Домашнее животное, Наушники, Книга, Здоровье, Изображение, Файлы, Заметки, Солнце, Часы, Дождь, Фитнес, Карты, Игры, Луна, Дом, Веб-камера, Фонарик, Подкаст/Микрофон, Календарь, Веб-сайт, Сердце, Настройки, Телефон, Напоминания, Экономия, Подарок, Кошелек, Деньги, Калькулятор, Контакты, Wi-Fi, Видеокамера, Камера, Ярлыки, Акции, Астрология, Электронная почта, Покупки, Софтбол / Бейсбол, Баскетбол, Американский футбол, Футбол

ИГРЫ: Wordle, Cards, Scramble, Pokemon Go, Среди нас, Minecraft, Roblox, Cookie Run Kingdom, Moon Pioneer, Candy Crush, Angry birds, Coin Dozer, Clash of Clans, The Sims, Pet Rescue Saga, Brawl Stars , Subway Surfers, Mobile Legends Bang Bang, PUGB, Garena Free Fire, Call of Duty, Genshin Impact, Clash Royale, Homescapes, Disney Tsum Tsum, Lineage M, Fantasy Westward Journey, Monster Strike, King of Glory, Grand Theft Auto, GRIS , LevelHead, Hay Day, Alto’s Odyssey, Final Fantasy, Critical Ops, League Of Legends

Как сделать значки с рамками в Photoshop? – Рампфестудсон.ком

Как сделать значки границ в Photoshop?

Создайте рамку или рамку вокруг изображения

  1. Откройте фотографию в Photoshop и посмотрите на панель «Слои».
  2. Выберите «Слой» > «Создать» > «Слой из фона» и в появившемся диалоговом окне нажмите «ОК».
  3. Выберите «Изображение» > «Размер холста», убедитесь, что установлен флажок «Относительно», и введите количество пикселей, которое нужно добавить вокруг изображения.

Как создать значок RP?

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

Как поставить рамку на картинку в Photoshop?

Как использовать инструмент «Рамка» в Photoshop CC 2019

  1. Шаг 1: Выберите инструмент «Рамка». Новый инструмент «Рамка» в Photoshop находится на панели инструментов.
  2. Шаг 2. Выберите форму рамки на панели параметров.
  3. Шаг 3: Нарисуйте рамку в том месте, где вы хотите разместить изображение.
  4. Шаг 4: Поместите изображение в рамку.

Как сделать контур в Photoshop?

Чтобы обвести изображение в Photoshop, дважды щелкните слой, чтобы открыть панель «Стили слоя». Выберите стиль «Обводка» и установите тип обводки «Снаружи». Отсюда просто измените цвет и ширину контура в соответствии с желаемым видом!

Как обрамить картинку рамкой?

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

Как поместить рамку вокруг изображения JPEG?

Добавить рамку любого цвета или толщины линии

  1. Щелкните правой кнопкой мыши текстовое поле, автофигуру, изображение или объект, к которому вы хотите добавить границу.
  2. Выберите соответствующий пункт меню «Формат» и перейдите на вкладку «Цвета и линии».
  3. В разделе «Линия» выберите цвет и другие параметры.

Как сделать белую рамку вокруг фотографии?

Как получить белые рамки с помощью приложения Instagram

  1. В приложении Instagram нажмите значок +, чтобы добавить новую фотографию.
  2. Нажмите «Далее» в правом верхнем углу.
  3. Теперь фильтр должен быть активен.
  4. Дважды нажмите на выбранный вами фильтр.
  5. Вы увидите ползунок, а рядом с ним квадрат.
  6. Нажмите на квадрат.
  7. Теперь нажмите «Готово», а затем «Далее».

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

Как выделить выделенную область в Photoshop?

Вот шаги для обводки выделения:

  1. Выберите цвет переднего плана и создайте выделение.
  2. Выберите «Правка» → «Обводка (контур)». Откроется диалоговое окно «Обводка».
  3. Выберите желаемые настройки.
  4. Нажмите OK, чтобы применить обводку.

Как добавить рамку вокруг изображения в Photoshop?

Выберите «Изображение» > «Размер холста», убедитесь, что установлен флажок «Относительно», и введите количество пикселей, которое нужно добавить вокруг изображения. Каждое число разделено между краями, поэтому ввод 200 пикселей в каждое поле приводит к ширине границы 100 пикселей.Также убедитесь, что Anchor установлен на центральный квадрат, а затем нажмите OK.

Как сделать гранжевую рамку в Photoshop?

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

Как выглядит сплошная рамка в Photoshop?

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

Как изменить цвет границы на холсте?

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

.

Станьте первым комментатором

Добавить комментарий

Ваш адрес email не будет опубликован.