Как сделать надпись с прозрачным фоном. Пишем текст на прозрачном фоне. Переходим к сохранению документа

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

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

Вся мощь средств размывки в программе "Фотошоп" сосредоточена в подменю "Размытие", в меню "Фильтр" (Blur). Цели и причины для размытия перечислять пришлось бы долго, но в подавляющем большинстве случаев главной задачей такой обработки является выделение главного объекта за счет расфокусировки фонового пространства и придание объёма изображению в целом.

Фильтры "Размытие" и "Размытие+"

Самый простое средство от резкости - это инструмент "Размытие" в "Фотошопе". У него нет настроек, поэтому и не требуется ввода параметров. Размыть "с плюсом", значит, размыть ещё сильнее, а если недостаточно, комбинация клавиш Ctrl+F запустит повторную обработку.

Размытие по Гауссу

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

Размытие по рамке

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

"Интеллектуальная" размывка

Самое умное так и называется "Умное …", и этот фильтр действительно соответствует своему названию, хотя в русском "Фотошопе" слово "умное" взято в кавычки, а вот в английской версии нет (Smart Blur). Здесь, помимо радиуса размывки, можно задать порог и качество обработки, а также выбрать один из дополнительных режимов наложения, помимо выставленного по умолчанию ("Ручное", он же режим "Обычные").

Радиальное размытие

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

Имитация размытия изображения при съёмке динамичных объектов

С помощью фильтра "Размытие в движении" "Фотошоп" создает на фотографии характерный эффект смазывания, который получается при съёмке быстро движущегося объекта. Поэтому, кроме интенсивности эффекта, регулируемой движком "Смещение/Сдвиг", естественно, задается направление движения (угол).

Размытие по поверхности

Несмотря на то что название фильтра Surface Blur переводится как "размытие поверхности", в некоторых версиях "Фотошоп" его почему-то называют "Размытие по поверхности".

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

Загадочное усредненное размытие

Есть одно такое размытие в "Фотошопе" (Среднее/Average), деятельность которого даже трудно назвать размытием, потому что этот фильтр просто заливает напрочь всё изображение или выделенную область усредненным цветом этого изображения или фрагмента.

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

Линзовая размывка

Так дословно переводится английское название фильтра Lens Blur, который в русскоязычных версиях программы "Фотошоп" называется "Размытие при малой Это размытие в "Фотошопе" используется в тех случаях, когда идеальная резкость на всей фотографии не устраивает по композиционным или каким-нибудь иным соображениям, то есть когда в фокусе должна остаться только определенная область или объект. От нас требуется лишь указать фильтру, что на снимке должно быть ближе, а что дальше, создав так называемую карту глубины, в качестве которой может послужить, например, построенный в альфа-канале линейный или круговой градиент от черного к белому.

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

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

Затем надо закрыть видимость альфа-канала, вернутся на канал RGB и включить фильтр Lens Blur. Далее, в списке "Источник" выбираем наш альфа-канал и щелкаем мышкой в той области изображения, которая должна быть в фокусе (или задаём расстояние до точки фокуса движком "Фокусное расстояние размытие"). Ну а ползунком "Радиус" подбираем силу размытия (степень расфокусировки). Остальные настройки представляют собой очень тонкие эффекты, которые редко применяются для обычных фотографий, поэтому жмем ОК и с удовлетворением отмечаем, насколько реалистично размытие в "Фотошопе". Оно может имитировать глубину резкости изображаемого пространства.

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

Наряду с фильтрами (плагинами) для размывки, которые всю "черную работу" делаю за нас, в "Фотошоп" для тех же целей предусмотрены инструменты и для ручной работы, которыми можно сделать почти все, что умеют фильтры, и даже немножко больше, а может и лучше (все-таки ручная работа). Речь идет о двух из трех обделенной горячими клавишами и возглавляемой инструментом "Размытие" (Blur Tool).

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

Инструмент "Палец", он же Smudge Tool (размазывать, пачкать), действительно размазывает рисунок, как будто вы провели пальцем по свежеокрашенной картине. Силу эффекта тоже регулирует параметр "Интенсивность", но в отличие от соседнего инструмента здесь еще есть функция выбрав которую (галочкой в квадратике), мы будем размазывать первым цветом. Практическое применение "Палец" находит, например, в подрисовках тончайших деталей при выделении таких сложных объектов, как волосы, шерсть, мех и так далее, а также в своеобразной имитации живописи.

Размытые края

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

Если для выделения используются стандартные инструменты, то для получения плавной границы для них задают растушевку (на вверху или в меню "Выделение > Модификация"). А если для этой цели применяют "Быструю маску" (Q), плавность перехода регулируется непрозрачностью кисти.

Во всех случая выделение нужно инвертировать (Shift+Ctrl+I), не то размоется само изображение, а не края. Кстати, не обязательно нужно использовать выделение, так как размыть края можно и вручную с помощью инструмента "Размытие" (Blur Tool).

Новые фильтры

В версии Photoshop CS6 "в полку" фильтров размывки прибыло. В подменю "Размытие" новички расположились особняком в самом верху, демонстративно оградившись от старых фильтров чертой. Этих "выскочек" зовут Field Blur/Размытие поля, Iris Blur/Размытие диафрагмы и Tilt-Shift/Наклон-смещение, и они, обладая особым интерфейсом, умеют создавать на фото реалистичную глубину резкости.

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

Рассмотрим детально инструменты ретуши: Размытие (Blur), Резкость(Sharpen), Размазывание(Smudge).
Под ретушью Blur (размытие), Sharpen (резкость), Smudge (смазывание). Для работы с этими инструментами нужно подвести указатель мышки к месту на изображении,
которое требует коррекции, и, нажав левую кнопку мыши, произвести изменения. Радиус действия инструмента зависит от выбранного размера кисти на палитре Options. Все три инструмента имеют возможность настройки режима наложения (Mode ) и силы воздействия (Strength ).

Инструменты группы Eraser (Резинка). предназначены для удаления выбранного фрагмента изображения. В Photoshop есть три типа резинок: Eraser (резинка), Background Eraser (резинка для фона), Magic Eraser ("волшебная" резинка).

Инструменты ретуши: Размытие (Blur), Резкость(Sharpen), Размазывание(Smudge).

Под ретушью понимается редактирование изображения с целью улучшения (или изменения) его качества, например, усиление резкости, уменьшение резкости (смягчение) и прочее. Для этого существует группа инструментов: Blur (размытие), Sharpen (резкость), Smudge (смазывание). Для работы с этими инструментами нужно подвести указатель мышки к месту на изображении, которое требует коррекции, и, нажав левую кнопку мыши, произвести изменения. Радиус действия инструмента зависит от выбранного размера кисти на палитре Options. Все три инструмента имеют возможность настройки режима наложения (Mode ) и силы воздействия (Strength ).


  • Blur (размытие) - используется для смягчения резких границ на изображении.

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

  • Smudge (смазывание) - интересный инструмент, который имитирует эффект размазывания невысохшей краски пальцем, он захватывает цвет и по мере движения смешивает его с окружающими цветами. У него в настройках есть опция Finger painting (рисование пальцем), при включении которой в изображение в месте действия инструмента добавляется основной цвет. В инструментах Blur и Sharpen она отсутствует.


На рисунке показано действие инструмента Smudge. При обработке верхней части изображения была включена опция Finger Painting.


Замечание. Инструменты резкость и размытие не работают с черно-белыми и индексированными изображениями.

Группа инструментов Eraser (Резинка).

Эти инструменты предназначены для удаления выбранного фрагмента изображения. В Photoshop есть три типа резинок: Eraser (резинка), Background Eraser (резинка для фона), Magic Eraser ("волшебная" резинка).

  • Eraser . Простая резинка предназначена для удаления части изображения независимо от цвета. В ее настройках есть: опции Mode, Opacity, Flow , режим аэрографа - см. раздел первого урока "Кисть"; опция Erase to history - при включении этого флажка резинка восстанавливает только что стертое изображение. Также можно выбрать, какой формы будет резинка: Brush - кисть, Pencil - кисть с жесткими краями, Block - квадрат.

  • Magic Eraser . "Волшебная" резинка удаляет часть изображения одного цвета или похожих цветов в зависимости от настроек. Все настройки вам уже встречались ранее у инструмента PaintBucket.(Принцип действия похож на инструмент заливки PaintBucket, только вместо заливки удаляет.)

  • Background Eraser . Резинка для фона - удаляет все, но оставляет фон, заданный основным цветом при включении опции Protect Foreground Color . В настройках Limits (Границы)можно выбрать способ действия резинки:
    • Discontiguous - удаляет все подряд,
    • Contiguous - удаляет прилегающие похожие цвета и оттенки,
    • Find Edges - оставляет нетронутым фрагменты изображения с контрастными цветами (резкий переход от одного цвета к другому).

Опция Sampling - задает способ выбора цвета.

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

Итак, приступим:

Шаг 1. Как сделать надпись на прозрачном фоне.

Открываем сайт http://redactor-online.ru/graphics_info.php , выбираем графический редактор онлайн.

Выбираем кнопку «Создать рисунок».

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

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

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

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

Если получившаяся надпись Вас устраивает, переходите к Шагу 3. Как сохранить изображение.

Если хочется еще чего-нибудь добавить, переходим к Шагу 2.

Шаг 2. Как добавить к надписи картинку.

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

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

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

В верхней панели меню выберете «Редактирование» и затем «Копировать».

Кликните на окно с ранее созданной надписью и нажмите на верхней панели «Редактирование», затем «Вставить». Бабочка оказалась в новом слое поверх надписи. Таким образом наш графический документ состоит из 3-х слоев: 1-й слой - прозрачный фон, 2-й слой - текст, 3-й слой - картинка с бабочкой. Увидеть слои и выбрать тот, в котором в данный момент надо работать Вы можете справа в вертикальном окне с названием «Слои». В окне «Журнал» каждая строчка обозначает Ваши действия. Вы можете отменить действие, просто кликнув на предыдущую строчку.

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

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

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

Если полученный результат Вас устраивает, переходите к Шагу 3 - сохранение документа .

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

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

Переходим к сохранению документа.

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

2) Если Вы закончили логотип, то слои надо склеить и сохранить в формате PNG (это позволит сохранить прозрачность фона). Для склеивания слоев надо выбрать пункт меню «Слой» и строку «Выполнить сведение». После этого «Файл» и «Сохранить» в формате PNG.

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

Ваш логотип готов. Осталось его поместить на фотографию Вашей работы.

Шаг 4. Как вставить логотип на фотографию.

Откройте изображение Вашей работы (пункт меню «Файл», затем «Открыть изображение»). Откройте файл с логотипом в формате PNG. Выделите логотип, нажмите «Редактирование», затем строку «Копировать». Кликните на окно с фотографией, затем пункт меню «Редактировать», и «Вставить». Если логотип слишком большой, изменить его можно также, как мы меняли размер изображения «бабочка» в Шаге 2 (пункт меню «Редактировать», затем «Free transform»). Инструментом «Перемещение» поместите логотип в правый нижний угол (как правило) или в желаемое место на фотографии. Готово! Можно публиковать в интернете!

Материал подготовила Е. Матецкая

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

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

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

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

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

Выбираем инструмент «Волшебная палочка» . В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D» .

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

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D» .

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

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

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

Для просмотра результата нажмите «Q» . Розовым будут выделены те части изображения, которые станут прозрачными.

Копируем выделенные области, нажав «Ctrl+C» . Дальше создаем новый файл, «Ctrl+N» , с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V» . Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик» . Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

Оценить статью:

Вы хотите красиво подписать Ваши фото, но не знаете как? Я расскажу два простых способа как сделать надпись на фото:


1. Надпись в Paint .

2. Надпись в Photoshop.



Сделать надпись на фото в Paint .

Шаг №1 . Находим нужное изображение и к ликаем по нему правой кнопкой мыши. Выбираем графу - Открыть с помощью Paint . Подбираем нужный цвет надписи в разделе «Палитра» (Рис.1 ) .

Шаг №2 . В верхнем меню «Рисунок », убираем галочку «непрозрачный фон». Выбираем инструмент «Надпись » (Рис.2).

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

Шаг №3 . После получения надписи на фото, нажимаем «Файл» -> « Сохранить как », в ыбираем формат, в котором мы хотим сохранить наше изображение, пишем имя файла и выбираем место куда сохранить. (Рис.4).

Видео.Как сделать надпись на фото? Программа Paint.

Сделать надпись на фото в Photoshop.


Шаг №1 . Перед началом нужно установить Photoshop. Будем делать прозрачный выпуклый текст. Нажимаем на изображение правой кнопкой мыши, выбираем «открыть с помощью » -> «Photoshop» (если у вас он не установлен, в списке его не будет) . Выбираем инструмент «Текст » или « Horizontal Type Tool » (если у вас установлена английская версия). Набираем текст, выбираем размер, цвет и нужный шрифт (Рис. 1).

Шаг №2 . В меню выбираем «Слои » -> « Тиснение ». При этом, мы должны стоять на слое, с которым нам нужно работать. Справа в нижнем углу он подсвечен, синим цветом (Рис.2).


Шаг №3 . После нажатия «Тиснение» будет виден результат после чего, нажимаем «Да» и сохраняем наше изображения (« Файл » -> «Сохранить как ») или можете поэкспериментировать с параметрами и настройками. Далее делаем прозрачный текст (справа два значения по 100%, берем второе значение и регулируем прозрачность). После всех действий не забудьте сохранить ваше изображение.

Видео.Как сделать надпись на фото? Программа Photoshop.




Top