Выделяем надписи на фото в Фотошопе. Подложка в фотошопе


Делаем фон в Фотошопе прозрачным. Сохраняем полученный результат на Kak-Legko.ru

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

Необходимо:

— Adobe Photoshop.

Инструкция:

  • У программы «Photoshop» есть одна выгодная отличительная особенность, которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
  • Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя«, а после этого нажать на «Ок». У вас должно получиться два идентичных слоя: «Фон» и «Слой1».
  • Далее слой «Фон» нужно скрыть. Для этого нужно просто кликнуть на «глазок» обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е»). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
  • После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение, чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png. В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png более практичен, поскольку его распознает большее количество программ.
  • Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным.  Однако представленный здесь является наиболее простым, но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.

Похожие инструкции

Белый фон

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

Сделать рамку в фотошопе

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

В фотошопе убрать прыщи

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

Сделать скриншот страницы

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

kak-legko.ru

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

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

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

Именно о выделении надписей на изображении мы сегодня и поговорим.

Выделение текста

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

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

Подложка

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

Исходник для подложки в Фотошопе

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

    Создание слоя для подложки в Фотошопе

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

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

  3. Аккуратно обводим текст выделением, так как это будет конечный (чистовой) вариант.

    Выделенная область для подложки в Фотошопе

  4. Теперь данное выделение необходимо залить цветом. Чаще всего используется черный, но это не принципиально. Нажимаем сочетание клавиш SHIFT+F5 и в выпадающем списке выбираем нужный вариант.

    Настройка заливки выделения в Фотошопе

  5. После нажатия кнопки ОК снимаем выделение (CTRL+D) и снижаем непрозрачность слоя. Значение непрозрачности подбирается сугубо индивидуально для каждого изображения.

    Снижение непрозрачности подлжки в Фотошопе

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

    Готовая подложка в Фотошопе

Цвет и форма подложки может быть любым, все зависит от потребностей и фантазии.

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

Урок: Создаем имитацию стекла в Фотошопе

Исходник для второго варианта подложки в Фотошопе

  1. Переходим на фоновый слой и создаем выделение, как и в первом случае, вокруг текста.

    Подготовка подложки в Фотошопе

  2. Нажимаем сочетание клавиш CTRL+J, копируя выделенный фрагмент на новый слой.

    Копирование фрагмента на новый слой в Фотошопе

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

    Загрузка фрагмента в выделенную область в Фотошопе

  4. Затем идем в меню «Фильтр – Размытие – Размытие по Гауссу». Настраиваем степень размытости, исходя из детализации и контрастности изображения.

    Размытие подложки по Гауссу в Фотошопе

  5. Применяем фильтр (ОК) и убираем выделение (CTRL+D). На этом можно и остановиться, так как текст уже достаточно хорошо виден, но прием подразумевает еще одно действие. Кликаем два раза левой кнопкой мыши по слою с подложкой, открывая окно настройки стилей.

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

    Здесь также можно выбрать цвет свечения.

    Настройка Внутреннего свечения в Фотошопе

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

Способ 2: стили

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

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

Выделение текста тенью в Фотошопе

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

Обводка текста в Фотошопе

Стили дают нам возможность усилить видимость текста на фоне.

Способ 3: факультативный

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

Идеальный пример:

Пример надписи для урока в Фотошопе

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

    Загрузка выделенной области в Фотошопе

  2. Переходим на слой с фоном и копируем выделение на новый (CTRL+J).

    Копирование выделенного текста на новый слой в Фотошопе

  3. Теперь самое интересное. Инвертируем цвета слоя сочетанием клавиш CTRL+I, а со слоя с оригинальным текстом снимаем видимость.

    Инвертирование цветов текста в Фотошопе

    При необходимости надпись можно доработать стилями.

    Выделение текста инверсией в Фотошопе

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

Вариант применения инверсии в Фотошопе

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

Урок: Корректирующие слои в Фотошопе

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

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

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

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Простая рамка в фотошопе. Способ 2

prostaya-ramka-v-fotoshope-sposob-2-4Простая рамка в фотошопе. Способ 2

Здравствуйте, друзья!

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

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

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

Первый — с использованием подложки, второй — непосредственно с самой рамкой, но оба этих действия объединены одной функцией — первоначальным УВЕЛИЧЕНИЕМ РАЗМЕРОВ ХОЛСТА картинки.

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

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

Итак, начинаем.

1. Вспоминаем урок по открытию файлов, и первые шаги прошлого урока. Напоминаю ваши действия Меню — Файл — открыть.

prostaya-ramka-v-fotoshope-sposob-1-1

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

prostaya-ramka-v-fotoshope-sposob-1-2

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

prostaya-ramka-v-fotoshope-sposob-1-3

prostaya-ramka-v-fotoshope-sposob-1-7

В итоге этих действий видим такую картинку.

prostaya-ramka-v-fotoshope-sposob-1-8

 

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

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

prostaya-ramka-v-fotoshope-sposob-2

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

prostaya-ramka-v-fotoshope-sposob-2-1

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

Вот здесь  нужна функция ИНВЕРСИЯ выделения.

Немного теории… Эта функция — наиболее часто используемая операция. Для этого идем в Меню — Выделение — Инверсия, всегда после того, как на картинке было выполнено любое выделение. После применения инверсии выделения произойдет обратное действие (так и переводится слово инверсия). Невыделенная область, которую надо удалить или произвести с ней какие-то другие действия, станет выделенной.

prostaya-ramka-v-fotoshope-sposob-2-2

Так у меня и получилось.

prostaya-ramka-v-fotoshope-sposob-2-3

Удаляем область выделения клавишей Delete.

prostaya-ramka-v-fotoshope-sposob-2-5

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

prostaya-ramka-v-fotoshope-sposob-2-6

В дополнительном окне жмем на ОК, не меняя настроек по умолчанию.

prostaya-ramka-v-fotoshope-sposob-2-7

5. Получили картинку, вокруг которой будем делать простую рамку. Вы помните, что моя исходная фотография была очень большой (4000 на 3000 пк). Проверим, каким стал ее размер после наших действий. Идем в Меню — Изображение — Размер изображения и кликаем левой кнопкой мыши. Как оказалось, у меня получилось 2220 на 1980 пикселей.

prostaya-ramka-v-fotoshope-sposob-2-8

Уменьшим размер до 700 пикселей по ширине, как в прошлом уроке. Высота изменится автоматически. Жмем на ОК.

prostaya-ramka-v-fotoshope-sposob-2-9

Как видите, при масштабе картинки 100%, она заняла все рабочее поле.

prostaya-ramka-v-fotoshope-sposob-2-10

Уменьшим масштаб до 80%, чтобы было видно то, что мы делаем.

prostaya-ramka-v-fotoshope-sposob-2-11

6. А вот теперь увеличим размер холста, чтобы вокруг картинки получилось обрамление. Идем в Меню — Изображение — Размер холста. Кликаем левой кнопкой мыши.

prostaya-ramka-v-fotoshope-sposob-2-12

Добавляем по ширине и высоте по 50 пикселей. Вы можете задать свои размеры.

prostaya-ramka-v-fotoshope-sposob-2-13

Прописываем нужные цифры в соответствующих окнах ширины и высоты и жмем ОК.

prostaya-ramka-v-fotoshope-sposob-2-14

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

prostaya-ramka-v-fotoshope-sposob-2-15

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

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

prostaya-ramka-v-fotoshope-sposob-2-16

Теперь Слой 1 у нас активный (синий). Перетаскиваем новый слой под фото, зажав левую кнопку мыши, не отпуская его до завершения перемещения.

И давайте вспомним материал прошлого урока и переименуем Слой 1 в  слой Подложка. Правой кнопкой кликаем по слою 1 и левой кнопкой по фразе Параметры слоя.

prostaya-ramka-v-fotoshope-sposob-2-17

Пишем новое название слоя и жмем на ОК.

prostaya-ramka-v-fotoshope-sposob-2-18

Я решила сделать подложку в цвет серединки тюльпанов. Активизируем инструмент ПИПЕТКА и кликаем по нужному месту. Вы можете выбрать любой цвет, какой вам понравится. Основной цвет в панели инструментов тоже сменится.

prostaya-ramka-v-fotoshope-sposob-2-19

Активизируем инструмент ЗАЛИВКА, и левой кнопкой мыши кликаем по картинке в рабочем поле. В панели слоев вы увидите, что слой Подложка окрасился равномерно, а на рабочем поле — только по краю. Этого мы и добивались.

prostaya-ramka-v-fotoshope-sposob-2-20

Теперь немного добавим «выпуклости» самой картинке. Я решила  создать на Подложке ее тень. Для этого жмем 2 раза левой кнопкой по активному слою (тюльпаны) и в Стиле слоя — маркер Тень и ОК.

По умолчанию в программе задана тень черного цвета.

prostaya-ramka-v-fotoshope-sposob-2-21

Я решила изменить ее цвет. Вы можете оставить по умолчанию, а можете поучиться со мной.

Итак, жмем левой кнопкой на слово тень, и открываются ее параметры. Кликните по черному окошку левой кнопкой, и появится окно для выбора цвета тени. Я, как правило выбираю тень инструментом ПИПЕТКА, в данном случае взяла цвет подложки и выбрала более темный подходящий цвет, жмем на ОК, и в стилях слоя тоже на ОК. Цвет тени на подложке изменится.

prostaya-ramka-v-fotoshope-sposob-2-22

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

8. А теперь сделаем непосредственно рамочку вокруг картинки.

Активный слой — Слой 0. Нам нужно выделить прозрачное поле вокруг фото. Для этого активизируем инструмент ВОЛШЕБНАЯ ПАЛОЧКА и кликнем ею по прозрачному фону, после чего он выделится с внутренней и наружной стороны.

prostaya-ramka-v-fotoshope-sposob-2-23

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

Выделение прозрачного фона активное и можно теперь на слое Рамка выполнить заливку. Я буду использовать функцию ЗАЛИТЬ из меню программы (Меню — Редактирование — Выполнить заливку).

 

prostaya-ramka-v-fotoshope-sposob-2-24

Я постараюсь подобрать какой-то симпатичный цвет. В дополнительном окне жмем на ЦВЕТ.

prostaya-ramka-v-fotoshope-sposob-2-25

В окне Выбрать цвет можно выбрать цвет визуально, а можно активизировать инструмент ПИПЕТКА. Я так и сделала, и кликнула по листикам тюльпанов. Жмем на ОК в выборе цвета, и в окне Заполнить.

prostaya-ramka-v-fotoshope-sposob-2-26

P.S. : Для окрашивания рамки можно использовать также инструмент ЗАЛИВКА. Так что у вас есть выбор.

При использовании инструмента ЗАЛИВКА будет использован Основной цвет. Значит, цвет рамки нужно будет подобрать заранее.

Ну вот, снимаем выделение.

prostaya-ramka-v-fotoshope-sposob-2-27

И делаем рамку выпуклой. Способов множество, но я выбрала самый простой. Я сделаю ее тиснение.

Кликаем 2 раза левой кнопки по активному слою Рамка, переходим в Тиснение. Я оставила параметры по умолчанию. Вы же можете ими поиграть. Жмем на ОК и рамочка готова.

prostaya-ramka-v-fotoshope-sposob-2-28

9. Теперь осталось подписать свою работу.

Активизируем инструмент Текст. Цвет текста я взяла желтый. Он хорошо подходит и к оранжевой подложке, и к зеленой рамке.

Ставим маркер в нужное место, пишем сам текст, и жмем на слой Т в панели слов левой кнопкой для завершения процесса написания. В случае необходимости перетаскиваем текст в нужное место инструментом ПЕРЕМЕЩЕНИЕ.

Я не люблю очень яркие подписи авторства, поэтому непрозрачность ТЕКСТА сделала 50%.

prostaya-ramka-v-fotoshope-sposob-2-29

Теперь можно и урок завершать. Сделала все, что хотела: фото на подложке и фото в простой рамке.

10. Сохраняем картинку с рамкой.  Напоминаю, идем в Меню — Файл — Сохранить для Web и устройств.

prostaya-ramka-v-fotoshope-sposob-2-30

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

prostaya-ramka-v-fotoshope-sposob-2-31

А вот и мои картинки.

Фото на подложке.

prostaya-ramka-v-fotoshope-sposob-2-32

Фото в рамке.

prostaya-ramka-v-fotoshope-sposob-2-4

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

Если возникнут трудности, то пишите на е-мейл или в комментариях, разберемся. Желаю вам удачи и творческого вдохновения.

 

TEXT.RU - 98.43% 

Похожие записи:

Понравилась статья? Поделись с друзьями!

photoshop-ot-olechki.ru


Смотрите также