Как сделать прозрачную картинку photoshop


Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop



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

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

  • - программа Photoshop;
  • - изображение.

Инструкция

1

Загрузите в графический редактор картинку, для которой необходим прозрачный фон, любым привычным для вас способом. Можете развернуть контекстное меню щелчком по иконке файла и выбрать Photoshop из списка программ. Если окно графического редактора уже открыто, нажмите сочетание клавиш Ctrl+O или воспользуйтесь опцией Open меню File. Кликните два раза по слою с изображением и нажмите на кнопку ОК диалогового окна. Теперь у вас есть возможность редактировать картинку.

2

Отделите рисунок от старого фона. Выбор способа, которым вы это сделаете, зависит от характера изображения: однотонный предмет несложно выделить инструментом Magic Wand или опцией Color Range, объект с четким контуром без мелких деталей прекрасно обводится инструментом Polygonal Lasso. Для многоцветных изображений с более сложными очертаниями можно нарисовать маску вручную или убрать фон фильтром Extract.

3

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

4

Похожим образом работает опция Color Range меню Select. Откройте ее настройки и кликните по цвету, на основе которого собираетесь создавать выделение. Если объект или фон не оказались выделены полностью, передвиньте вправо регулятор величины Fuzziness.

5

Если предмет, который должен находиться на прозрачном фоне, имеет сложные очертания, продублируйте слой с картинкой клавишами Ctrl+J и откройте фильтр Extract опцией из меню Filter. Обведите контуры предмета инструментом Edge Highlighter. Внутреннюю область картинки залейте инструментом Fill. Применив кнопкой ОК результат действия фильтра на изображение, загрузите выделение из обработанного слоя, кликнув по его иконке при зажатой клавише Ctrl.

6

На основе созданного тем или иным способом выделения создайте маску, нажав для этого на кнопку Add layer mask, находящуюся в нижней области палитры слоев. Работая с выделением, сделанным при помощи фильтра Extract, вернитесь на слой с исходной версией картинки.

7

Если созданная маска скрыла предмет, а не фон, примените к ней опцию Invert группы Adjustments меню Image. Некорректно созданную маску можно доработать инструментом Brush. Закрасьте черным участки картинки, которые должны быть скрыты. Фрагменты, которые должны остаться видимыми, но оказались прозрачными, прокрасьте по маске белым цветом.

8

Применив опцию Save As меню File, сохраните картинку с прозрачным фоном в файл png.

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

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

Инструкция

1

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

2

Теперь на панели инструментов выберите Background eraser tool (ластик, позволяющий стирать фон), установите размер ластика, подходящий к вашему изображению, выберите достаточную жесткость и в строке «Допуск» установите значение 40%.

3

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

4

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

5

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

6

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

Источники:

  • как сделать фон черным

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

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

Инструкция

1

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

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

2

Фотография загружается в фотошоп в виде одного слоя, полностью непрозрачного. В программе есть специальная панель, где можно увидеть всю стопку слоев. Вызывается и прячется она по нажатию клавиши F7, либо через меню Window-Layers (Окна-Слои). В панели слоев фотография отображается как Фон (Background). Это специальный самый нижний слой, который обладает некоторыми ограничениями. Работать на нем не нужно и непродуктивно, ведь под рукой всегда лучше иметь исходное изображение. Потому первым делом нужно кликнуть по этому слою правой кнопкой мыши и выбрать пункт Дублировать Слой (Duplicate Layer), задать новому слою имя и нажать Ок. Теперь можно скрыть фоновый слой, чтобы он не мешал, нажав на глазик рядом с превью слоя.

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

3

Для того, чтобы работать со слоем, его нужно сначала выделить. Нужно просто кликнуть мышью по нужному слою в панели Слои. Он подсветится особым образом, так что всегда можно сказать какой слой в данный момент является рабочим. Теперь можно сделать фон прозрачным. Начинать нужно всегда с выделения той части фотографии, которую нужно оставить видимой. Если объект с четкими геометрическими границами, лучше всего подойдет инструмент Полигональное Лассо (Polygonal Lasso Tool). Этим инструментом нужно прокликать по углам объекта вдоль его границ, создавая замкнутую рамку выделения из прямых отрезков. Все, что окажется внутри границ выделения будет считаться объектом обработки для инструментов фотошопа, все, что останется снаружи рамки, будет игнорироваться. Теперь можно скопировать выделенную область с одного слоя на другой командой Ctrl+J или через контекстное меню правой кнопкой мыши «Скопировать на новый слой» (Layer via copy). В панели слоев появится новый слой со скопированной областью. Его содержимое можно посмотреть, выключив глазик просмотра нижнего слоя, и оставив просмотр только нового. Область вокруг объекта на этом новом слое будет заполнена шахматным рисунком из бело-серых квадратов. Так Фотошоп показывает область прозрачности. Теперь фото можно сохранить в формате png, который поддерживает прозрачность, либо назначить ему новый фон.

4

Копировать или вырезать на новый слой - самый незамысловатый способ удалить фон, но и не слишком гибкий, ведь чтобы исправить ошибки нужно начинать все сначала. Есть и другой способ. В самом низу панели слоев есть ряд кнопок. Если нажать на третью справа, которая называется “Добавить слой маску» (Add layer mask), то к выделенному слою на панели Layers добавится белый прямоугольник. Это маска прозрачности слоя, она определяет что в слое будет видимым, что невидимым и что полупрозрачным. Работает она следующим образом: все, что закрашено на маске черным цветом - невидимо, что закрашено белым цветом - видимо полностью, и все, что закрашено оттенком серого будет видимо частично. Причем чем светлее серый, тем более прозрачной будет область, и чем темнее, тем более непрозрачным будет все закрашенное. Рисовать по маске можно любыми инструментами рисования фотошопа, но чаще всего рисуют кистью (brush) черного и белого цветов. Если создавать маску, когда на слое уже что-то выделено, то область выделения на маске будет залита белым, а все остальное - черным. Кликнув по иконке маски в панели Слои можно подправить ошибки выделения белой/черной кистью, что дает дополнительную гибкость в работе. Плюсом выступает и то, что выделение не будет сбрасываться всякий раз, когда вы решите выделить на фото что-то другое, а останется на маске. Также маска ничего по-настоящему не удаляет и не перекрашивает, только прячет, потому все изменения полностью обратимы.

5

Обычно работают следующим образом. Инструментом выделения делают грубый трафарет объекта с фотографии, а затем его уточняют вручную с помощью маски, корректируя границы с помощью небольшой кисти с жесткостью 95%. Дополнительные опции для уточнения маски можно получить, если выделить маску в панели слоев и открыть панель Свойства (Properties) через меню Окна. В панели свойств маски можно задать общую прозрачность, размытость границ, а также открыть дополнительные опции, нажав на кнопку Выделение и Маска (Selection and Mask). В открывшемся окне можно задать «умный радиус», чтобы уточнить границы автоматически, что неплохо помогает в выделении волос. Так же настраивается растушевка, гладкость границ и их контрастность, можно отодвинуть границу выделения наружу или вовнутрь, и настроить каким образом вывести все эти изменения.

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

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

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

Как сделать изображение четким в фотошопе

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

  • Фотошоп и камера РАВ

Инструкция

1

Проще всего исправить недостаток четкости тем, кто пользуется цифровыми зеркальными фотокамерами и снимает в формате RAW. Откройте снимок в программе Adobe Camera RAW (плагин фотошопа для работы с изображениями рав-формата) и переместите ползунок «Четкость» до получения нужного результата. Это придаст общему виду фотографии больше четкости. Не перестарайтесь, поскольку слишком усилив этот показатель, вы рискуете сделать фото грубым. Дополнительно в соседней вкладке можно немного переместить вправо ползунок «Резкость». Этот инструмент делает более четкими мелкие детали, такие как волосы, радужка глаза и т.п. Но помните, что усиливая резкость, вы можете усилить шумы. Поэтому постарайтесь найти баланс между двумя этими показателями.

2

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

3

Другой способ увеличить четкость снимка - это использование фильтра «Цветовой контраст». Создайте копию исходного слоя и выделите его. Выберите пункт меню «Фильтр – Другое – Цветовой контраст». Появится окно настройки фильтра. Установите ползунок в необходимом месте (рекомендую так же сделать несколько слоев с разными настройками, чтобы потом выбрать лучший из них). Измените режим наложения слоев на «Перекрытие», «Мягкий свет» или «Жесткий свет». Отрегулируйте прозрачность слоя. Ваше изображение стало не только более четким ,но и более красочным и контрастным.

Источники:

  • в фотошопе текст четким

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

Как сделать цвет прозрачным в Фотошопе

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

  • - Adobe Photoshop.

Инструкция

1

Откройте в Adobe Photoshop нужную картинку (пункт меню «Файл» (File) -> «Открыть» (Open) или горячие клавиши Ctrl+O). Кликните пункт меню «Выделение» (Select) -> «Цветовой диапазон» (Color Range). Появится окно «Цветовой диапазон» (Color range).

2

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

3

Найдите пункт «Разброс» (Fuzziness) – с его помощью можно расширить диапазон выбираемых цветов. Ниже находятся пункты «Выделенная область» и «Изображение». Если выбрать первый, то в превью-окошке программы будет предварительно отображаться выделенная область. Если второй, то изображение будет показано целиком.

4

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

5

Если вы хотите добавить к выделенному цвету еще один, нажмите на «Пипетка+», а затем кликните по этому цвету. Если убавить, то действуйте аналогичным образом, только при помощи «Пипетки-». Выбрав необходимый цвет (или цвета), нажмите ОК. Как видите, в документе выбранные цвета стали выделенными.

6

В списке слоев (если он отсутствует, нажмите F7) нажмите правой кнопкой мыши по фону, в появившемся меню выберите «Из заднего плана», а в следующем окне – сразу ОК. Фон превратится в слой. Нажмите Delete на клавиатуре. Выделенные участки станут прозрачными.

Источники:

  • прозрачный цвет

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

Как создать прозрачный слой

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

  • - программа Photoshop.

Инструкция

1

Графический редактор Photoshop позволяет сгенерировать прозрачный слой в качестве фонового слоя нового документа. Для его создания воспользуйтесь опцией New из меню File или комбинацией клавиш Ctrl+N. Введите линейные размеры документа в открывшемся окне, выберите его разрешение из раскрывающегося списка Resolution и цветовой режим из списка Color Mode. Документ с прозрачным фоном можно создать в любом из доступных в Photoshop цветовых режимов кроме Bitmap.

2

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

3

Если вы привыкли пользоваться горячими клавишами, новый прозрачный слой можно создать, нажав комбинацию Shift+Ctrl+N. После этого появится окно с теми же самыми настройками создаваемого слоя.

4

Существует другой способ создать прозрачный слой. Для того чтобы это сделать, щелкните по кнопке Create a new layer. Это вторая справа кнопка под палитрой слоев. Новый прозрачный слой появится над активным слоем без дополнительных диалоговых окон.

5

Если в конце работы вам нужно получить однослойный файл на прозрачном фоне, сведите слои командой Merge Visible из меню Layer и сохраните файл в формате psd, tiff, png или gif, открыв окно настроек сохраняемого файла командой Save As меню File. Можете применить команду Save, если вы сохраняете только что созданный документ. Если на выходе вам нужно получить многослойный файл для дальнейшей работы, сохраняйте его в psd или tiff, не сводя слои.

Видео по теме

Источники:

  • Создание слоя в Photoshop

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

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

Инструкция

1

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

2

Один из способов сделать фон полупрозрачным – использовать атрибут opacity. Однако его свойства распространяются на все без исключения элементы, которые попадают в поле действия. Следовательно, вместе с фоном прозрачными становятся , а также бледнеет надпись. В принципе, opacity может успешно применяться для создания эффекта наложения. Используется он в следующей связке тегов:<html>   <head>   <title>Заголовок</title>   <style>      body {      background: url(адрес картинки.jpg);         }         div {          opacity: 0.6;         background: #параметр цвета;         padding: 10px;          }   </style>   </head><body>      <div>Текст</div></body></html>• Opacity – значение прозрачности.• Background: url(адрес картинки.jpg) – изображение, которое должно оказаться под фоном.• Background: #параметр цвета – цвет фона.• Padding: 10px – толщина полей элемента.

3

Еще один вариант, как можно задать прозрачность.<html>   <head>   <title>Заголовок вкладки</title>      <style type="text/css">         BODY {         background: url(bg.gif);          }         .semiopacity {         position: relative;         width: 100%;         height: 200px;          }         .semiopacity .transparent {         background: #цвет фона;          opacity: 0.5;          filter: alpha(Opacity=50);          height: 100%;          }         .semiopacity .text {         padding: 5px;         position: absolute;         left: 0; top: 0;          }      </style></head><body>      <div class="semiopacity">      <div class="transparent"></div>      <div class="text"> Текст </div></div></body></html>• Background: url(bg.gif) – фоновый рисунок.• Position: relative – относительное позиционирование.• Opacity: 0.5 – значение прозрачности.• Filter: alpha(Opacity=50) – значение прозрачности в IE.• Position: absolute – абсолютное позиционирование. • Left: 0; top: 0 – положение слоя.

4

Для решения поставленной задачи можно использовать возможности программы Adobe Photoshop. Для этого нарисуйте фон с требуемым уровнем прозрачности и сохраните его в формате png, а затем вставьте его в код background: url(opacity.png).<html><head>   <title>Заголовок вкладки</title>         <style type="text/css">         BODY {          background: url(bg.gif);         }         semiopacity {         padding: 5px;          background:url(opacity.png);         }         </style> </head> <body>      <div class="semiopacity"> Текст на прозрачном/полупрозрачном фоне </div></body></html>

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

Как в Фотошопе убрать предмет

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

  • - программа Photoshop;
  • - изображение для работы.

Инструкция

1

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

2

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

3

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

4

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

5

В пятой версии Photoshop (CS5) убрать объект без ущерба для окружающего фона можно еще быстрее. Приблизительно выделите предмет с помощью какого-либо инструмента, например, «Лассо» (Lasso). Зайдите в «Редактирование» (Edit) и выберите команду «Выполнить заливку» (Fill).

6

В поле «Использовать» (Use) выберите «С учетом содержимого» (Content-Aware). Режим оставьте «Нормальный», а непрозрачность - 100%. Объект исчезнет, а программа заполнить это место подобно окружающим областям. Этот способ хорошо подходит для удаления мелких предметов с небольших участков.

Видео по теме

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

Как обвести картинку в Фотошопе

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

  • - Adobe Photoshop.

Инструкция

1

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

2

Увеличьте размер холста по горизонтали и вертикали на нужную величину. Нажмите Ctrl+Alt+C или в разделе Image главного меню выберите пункт "Canvas Size...". Укажите новые значения полей Width и Height появившегося диалога. В группе кнопок Anchor кликните на центральную. Нажмите OK

3

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

4

Создайте рабочий путь, описывающий контур, по которому нужно обвести картинку. Используйте инструменты Pen или Freeform Pen, либо преобразуйте в путь область выделения (это может оказаться более удобным). Выделите обводимую картинку, используя подходящие инструменты. Кликните по выделенной области правой кнопкой мыши. В контекстном меню выберите пункт "Make Work Path...". Появится диалог. В поле Tolerance введите значение допуска. Нажмите кнопку OK.

5

Скорректируйте рабочий путь, если надо. Используйте инструменты Path Selection, Add Anchor Point, Delete Anchor Point, Convert Anchor Point.

6

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

7

Обведите картинку. Переключитесь в панель Paths. Кликните правой кнопкой по элементу списка, соответствующему созданному на четвертом шаге пути. В контекстном меню выберите пункт "Stroke Path...". В выпадающем списке отобразившегося диалога укажите инструмент, выбранный на шестом шаге. Нажмите кнопку OK.

8

Удалите рабочий путь, если он больше не нужен. Правой кнопкой мыши кликните по элементу в панели Paths. В меню выберите пункт Delete Path.

Наверняка у каждого, кто создавал обложку (для книги в InDesign), возникал вопрос при оформлении обложки: Как вставить рамку, орнамент, буквицу, чтобы не было видно заднего фона, а был виден только один узор?
На самом деле это не сложно, и я хочу показать, как сделать рамку с настройкой прозрачности при помощи программы Gimp (аналог Photoshop - свободно распространяемая программа) на примере простого узора.

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

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

Инструкция

1

Сначала загрузим в программу Gimp файл узора с помощью команды Файл -> Открыть. Выделим изображение с помощью инструмента Кадрирование (в виде ножа), чтобы остался только один орнамент и дважды щелкнем по экрану, чтобы кадрировать.

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

2

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

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

3

Чтобы точнее можно было выделить задний фон по цвету, можно применить команду Цвет -> Уровни и далее следует перетянуть треугольники, изменяя освещенность и насыщенность, при этом гораздо естественнее получаются цвета, чем с помощью команды Тон-Насыщенность.

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

4

Затем выделим задний фон с помощью инструмента Выделение по цвету (делается это для того, чтобы одним щелчком удалить весь фон одного цвета, в том числе и в промежутках между элементами узора). Перед удалением фона желательно проставить в настройках порог около 35,5%. Далее нажимаем Delete, чтобы удалить фон.

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

5

Можно изменить цвет рамки с помощью команды Цвет-Тонирование

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

6

Теперь самое главное - экспортируем узор в файл с расширением .png. Для этого выполняем команду Файл -> Export as -> Щёлкаем по + плюсу , чтобы выбрать в выпадающем меню тип файла (Изображение PNG).

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

7

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

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

8

Теперь для красоты копируем узор и отражаем по вертикали с помощью команды Объект -> Трансформировать -> Повернуть на 180 и наслаждаемся результатом!

Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

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

Как сделать фон на фото прозрачным

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

  • 1. Программа Photoshop;
  • 2. картинка, с которой нужно удалить фон.

Инструкция

1

Откройте картинку, фон которой нужно сделать прозрачным, в редакторе Photoshop. Выберите меню File («Файл»), пункт Open («Открыть»). Для быстрой работы можно использовать «горячие клавиши» Ctrl+O.

2

В палитре Tools («Инструменты»), которая по умолчанию находится в левой части окна Photoshop, выберите инструмент Brush Tool («Кисть»). Для быстрого выбора инструмента Brush Tool («Кисть») можно воспользоваться клавишей В.В панели Brush («Кисть»), которая находится вверху окна программы под главным меню, настраиваем параметры инструмента. У инструмента Brush («Кисть») есть два параметра: Master Diameter («Диаметр») и Hardness («Жесткость»), которые можно настроить при помощи ползунков, или ввести числовые значения параметров в поля над ползунками. Первый параметр определяет размер рабочей кисти. Второй параметр определяет ее жесткость.

3

Перейдите в режим Quick Mask («Быстрая маска»). Для этого нужно щелкнуть по правому из двух прямоугольников в нижней части палитры Tools («Инструменты»). Можно просто нажать клавишу Q.
Закрасьте те участки фото, которые останутся непрозрачными, зажав левую кнопку мыши. Закрашиваемые области становятся красными. Мелкие детали изображения удобнее обводить кистью малого диаметра. Диаметр кисти можно настраивать в процессе работы.

4

Выйдите из режима «Быстрая маска». Для этого нажмите левый прямоугольник внизу палитры Tools («Инструменты») или клавишу Q.

5

Сделайте картинку слоем. Для этого в палитре "Layers" («Слои») наведите указатель курсора на единственный имеющийся там слой, щелкните правой кнопкой мыши. В появившемся контекстном меню выберите пункт "Layer from background" («Слой из фона»).

6

Удалите фон. Для этого в меню Edit («Редактировать») выберите пункт Clear («Очистить»), или просто нажмите клавишу Delete.

7

Отмените выделение. Для этого в меню Selection («Выделение») выберите пункт Deselect («Отменить выделение»).

8

Сохраните полученную картинку с прозрачным фоном в формате PNG. Для этого в меню File («Файл») выберите пункт Save As («Сохранить как»).

Полезный совет

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

Источники:

  • Описание различных способов выделения в Photoshop

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

Как сделать прозрачным задний фон

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

  • - Программа «Фотошоп»;
  • - картинка, у которой нужно сделать прозрачный фон.

Инструкция

1

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

2

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

3

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

4

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

5

Также можно выделить сам объект на картинке инструментом «Перо», сначала проложив контур и отредактировав его инструментом «Перо+», а затем нажав на правую клавишу мыши и выбрав «Образовать выделенную область». Для того чтобы был выделен не предмет, а фон, нужно выполнить команду «Выделение - Инверсия».

6

Если выделено все фоновое пространство, и выделение не выходит за границы объекта на изображении, удалите выделенное, нажав кнопку Delete.

Полезный совет

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

Источники:

  • Photocub.ru

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

Как сделать картинку прозрачной

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

  • - программа Adobe Photoshop

Инструкция

1

Прежде чем сделать изображение прозрачным, подготовьте его к работе с фоном. В нем должна быть откорректирована яркость, контрастность и другие параметры.
Откройте изображение и установите для него небольшой размер (например, 600х800) при разрешении 72 точки на дюйм. Это позволит уменьшить вес иллюстрации без лишних потерь качества. Также разрешение может быть 300 точек на дюйм, если в рисунке важны мелкие детали.
Теперь можно начинать работу с цветокоррекцией. Откройте меню Hue\Saturation и Brightness\Contrast и откорректируйте параметры так, чтобы рисунок был ярким и контрастным. Также вы можете использовать пункты «Автоконтраст» и «Автоуровни».

2

У рисунка должен быть однородный фон — лучше всего белый, и если фон разнообразный — выберите любой инструмент выделения объекта изображения с фона и вырежьте его.
Чтобы сохранить изображение с однородным фоном в виде прозрачного, нажмите Save for web в меню File и установите галочку около слова transparency (прозрачность). Формат выбирайте PNG-8. Ниже вы увидите окошки, в которых можно указать, какие цвета надо сделать прозрачными в итоговом варианте рисунка. Отметьте эти цвета на диаграмме, а затем нажмите внизу окна Color Table иконку прозрачности.

3

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

4

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

Источники:

  • как сделать прозрачной картинку

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

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

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

  • - программа Photoshop;
  • - изображение.

Инструкция

1

Для изготовления самого простого фона потребуется создать слой и заполнить его цветом. Откройте файл с объектом, к которому нужно добавить новый задний план, опцией Open меню File и разблокируйте единственный слой, из которого состоит загруженное изображение, два раза кликнув по пиктограмме в виде замка.

2

Опцией Solid Color группы New Fill Layer меню Layer, добавьте в файл слой, заполненный цветом, и перетащите его под разблокированное фото. Включите инструмент Lasso, обведите с его помощью объект, находящийся на переднем плане, и, кликнув по кнопке Add layer mask, добавьте к слою маску.

3

Для визуального отделения объекта от фона создайте тень. Для этого опцией Duplicate Layer меню Layer скопируйте слой с объектом и превратите его в заготовку для тени, залив черным цветом или затемнив слой при помощи фильтра Brightness/Contrast, который можно найти в группе Adjustments меню Image. Присвойте параметру Contrast максимально возможное значение, а величину Brightness выставьте на минимум.

4

Размойте созданный черный силуэт опцией Gaussian Blur группы Blur меню Filter. Перенесите тень под слой с предметом или фигурой, которая ее отбрасывает, включите инструмент Move Tool и сдвиньте темный слой в сторону противоположную той, с которой на объект падает свет. Можете уменьшить прозрачность тени, настроив параметр Opacity так, чтобы добиться большей реалистичности картинки.

5

Темный фон можно слегка оживить, создав световое пятно при помощи градиентной заливки. Добавьте в файл слой, использовав кнопку Create a new layer, включите Gradient Tool в режиме Radial Gradient и заполните созданный слой радиальным градиентом со светлой серединой и темными краями. Если средняя часть получилась темной, включите опцию Reverse в настройках градиента и повторите заливку.

6

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

7

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

8

В той же вкладке включите опцию Spacing и настройте ее величину так, чтобы между отдельными следами кисти оставалось значительное расстояние. Перейдите на вкладку Shape Dynamics и присвойте параметру Size Jitter значение около шестидесяти процентов. Это позволит вам получить отпечатки разной величины. Во вкладке Scattering включите опцию Both Axes и настройте разброс следов кисти, ориентируясь на изменение картинки в окне превью.

9

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

10

Для сохранения файла со всеми деталями фона, расположенными на отдельных слоях, примените опцию Save As меню File, выбрав формат psd. Для просмотра или загрузки в интернет выберите формат jpg.

Источники:

  • Делаем открытку-валентинку в Фотошоп
  • как в фотошопе изменить фон на фото

Источники:

  • Инструмент «Волшебная палочка» (Magic Wand)

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


Источник: http://www.kakprosto.ru/kak-125218-kak-v-fotoshope-sdelat-prozrachnyy-fon-dlya-kartinki


Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Как сделать прозрачную картинку photoshop

Похожие новости:






[/SHORT_NEWS_LAST]
Страници: 1 2 3 > >>