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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

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

Читайте также:  Игры тесты кто я

Еще одна важная настройка – «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.

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

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

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

Готово. Жмете «Ок».

Альтернативный более простой вариант

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

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

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

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

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

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

Читайте также:  Гаусс пушка своими руками в домашних условиях

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

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

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

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

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

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

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

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

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

Так как сделать прозрачный текст в Фотошопе (Photoshop)? Начнем:

Создание прозрачного текста

  1. Для начала нужно создать новый документ с заданными размерами, фон залить черным.

Основной цвет поменять, сделав белым. Выбрать на панели инструментов «Горизонтальный текст».

Выбрать шрифт – лучше всего с плавными линиями, например, Helvetica, Yanone Kaffeesatz или Cochin Italic. Такой шрифт будет лучше смотреться в готовом документе. Мы выбрали для урока шрифт “Yanone Kaffeesatz”. Уж очень мы его любим.

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

  • Сделать копию текстового слоя (можно воспользоваться горячими клавишами CTRL+J).
  • Вернуться к основному слою. Щелкнуть правой кнопкой мыши и выбрать “Параметры наложения”.
  • Можно кстати и по-другому сделать. Достаточно дважды кликнуть по оригинальному слою левой клавишей мыши, чтобы вызвать панель со стилями слоя.

    Здесь вначале выбрать параметр «Тиснение» и выставить следующие настройки: стиль – Внешний скос, метод – Жесткая огранка, контур глянца – Сглаживание, режим подсветки – Линейный свет – то есть все, как указано на скриншоте. Квадратик внизу нужно сделать серым.

    Выбрать параметр «Контур» и настроить его, согласно скриншоту.

    Следующим нужно настроить параметр “Обводка”, следуя скриншоту:

    Последней настроить «Тень»:

  • Нажать OK и вернуться к верхнему слою (то есть копии текстового слоя). Вызвать панель со стилями этого слоя двойным кликом левой клавиши мыши.
  • Здесь также добавить тиснение со следующими настройками:
    Цвет в нижнем квадратике должен быть темно-серым.
  • Следующий пункт – определить контур, согласно скриншоту:

    Далее настроить внутреннее свечение:

    И нажать OK. Получаются вот такие слои с эффектами.

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

    Читайте также:  Header content type text plain

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

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

    Результат

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

    Ими можно будет украсить любой документ. Удачи!

    УРОКИ И СТАТЬИБОЛЬШЕ ОТ АВТОРА

    Разделение фото на равные части в Photoshop

    Инструмент «Волшебная палочка» в Фотошопе

    Удаление прыщей в Фотошопе

    Установка паттерна (узора) в Фотошопе

    Кадрирование фото в Фотошопе

    Создание фона в Фотошопе

    Установка и работа с кистями в Фотошопе

    Работа с альфа-каналами в Фотошопе

    Работа с направляющими в Фотошопе

    Раскраска черно-белого фото в Фотошопе

    Удаление красных глаз на фото в Фотошопе

    Превращение фото в рисунок в Фотошопе

    3 КОММЕНТАРИИ

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

    Спасибо огромное за полезною информацию

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

    Опубликовано admin в

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

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

    После выделения нажимаем комбинацию клавиш Ctrl+j создается новый слой уже с нашей собачкой нажимаем справа от слоя на пустое место и открываются настройки фото.

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

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

    Создание обводки в Photoshop

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

    Обработка фотографий в фотошопе

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

    Ссылка на основную публикацию
    Как связаться с инстаграм по телефону
    В этой статье расскажем о том, как работает горячая линия линия Инстаграмм, можно ли обратиться по телефону или доступен только...
    Как разблокировать телефон samsung galaxy j1 mini
    Характеристики Samsung Galaxy J1 mini Отзывы о Samsung Galaxy J1 mini Инструкция Samsung Galaxy J1 mini Прошивка Samsung Galaxy J1...
    Как разблокировать флешку от защиты записи
    Извиняюсь за заголовок, но именно так задают вопрос, когда при действиях с USB флешкой или SD картой памяти Windows сообщает...
    Как связаться с инстаграмом
    В этой статье расскажем о том, как работает горячая линия линия Инстаграмм, можно ли обратиться по телефону или доступен только...
    Adblock detector