Как сделать пустой фон в фотошопе
Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)
2015-04-22 / Вр:23:08 / просмотров: 81704
Здравствуйте, дорогие друзья! В этой статье я расскажу, как в Photoshop (фотошопе) сделать фон картинки прозрачным. Для чего нужен прозрачный фон?
Часто фон одной картинки закрывает другую картинку. В таких и подобных случаях полезно уметь делать фон прозрачным.
Будем работать с рисунком, который вы видите снизу: у нас есть пенек, а на пенек мы посадили колобка. Как видите, белый фон вокруг колобка закрывает пенек, да и вообще портит всю картину:
Значит, нам нужно удалить этот белый фон, фактически мы его не удаляем (ведь размер картинки остается прежний), а делаем его прозрачным, невидимым. Есть три способа удаления мешающего фона.
○ 1 способ:
Будем использовать инструмент «Волшебная палочка». В графическом редакторе Photoshop откройте изображение. Справа, в слоях, нажмите двойным щелчком правой кнопкой мыши по замочку:Далее откроется окошко, где нужно нажать на кнопку «Ок».
Нажмите «Волшебной палочкой» на белый фон. Когда фон выделится, жмите на клавиатуре клавишу «Delete»:
Все, фон исчез:
○ 2 способ:
Удаляем фон при помощи инструмента «Магнитное лассо»:
Нажимайте возле колобка и просто ведите курсор вокруг него. Линия сама будет притягиваться по контуру:
После выделения нужно перейти в верхнем меню на пункт «Выделение» => «Инверсия»:
Жмите на клавиатуре клавишу «Delete». Все, фон исчез:
Хочу обратить ваше внимание, что 1 и 2-ой способ можно применять, если фон у картинки однотонный, например, только белый или только красный и т. д. А вот в случаях, когда фон разноцветный или имеет другие изображение сзади, то лучше использовать 3-й способ.
○ 3 способ: Удаляем фон при помощи режима «Быстрая маска». Она находится внизу:
Нажимаем на «Быструю маску», выбираем инструмент «Кисть» и просто зарисовываем колобка, но не затрагивая фон:
Когда зарисовали колобка, нужно отжать кнопку «Быстрая маска»:
А на клавиатуре нажать клавишу «Delete».
Все, фон исчез:
Теперь самое важное: как сохранить?
Как сохранить изображение с прозрачным фоном
Если картинку сохранить в формате JEPG, то вместо прозрачного фона он будет белым. Сохранять нужно в формате PNG или GIF. Итак, сохраняем:
Жмите в меню на «Файл» => «Сохранить как…»:
В «Имя файла:» дайте название картинке, в «Тип файла» найдите и выберите формат «PNG». Жмите на кнопку «Сохранить»:
Все, проверяйте результат. Теперь, если колобка вставить на другую картинку, то мы видим, что фон колобка исчез:
Можете посмотреть мой видео-урок по теме «Как сделать прозрачный фон картинки в Photoshop»:
Подписывайтесь на обновление моего блога .
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
Добавить комментарий
Метки: для начинающих, фотошоп
Как сделать прозрачный фон у картинки?
2013-04-07 / Вр:21:33 / просмотров: 52715
Интересно, знаете ли вы, как сделать прозрачный фон картинки? Ну, раз вы уже здесь, значит вам эта тема наверняка нужна и она вам будет полезной.
Итак, зачем нужен прозрачный фон картинкам? Случаи бывают разные, вот, например: ○ для наложения в фото-редакторе фотографии одну на другую так, чтобы остался фон основной фотографии;
○ когда фон картинки не подходит к фону сайта и т.д.
Вы видите с примеров, насколько необходим прозрачный фон картинок. Ну что, приступим теперь к делу. Я научу вас создавать прозрачный фон картинки в редакторе фотошоп.
Как сделать прозрачный фон у картинки.
Шаг 1. Давайте для примера я возьму простую картинку формата JPEG. Вы можете использовать любой другой формат картинки, например GIF, BMP или PNG.
Как видите, на моей картинке в примере фон голубоватый, от него я хочу избавиться и сделать его прозрачным. Я воспользуюсь редактором Фотошоп (Photoshop) и открою в нем эту картинку. Кто не умеет обращаться фотошопом, тогда для открытия картинки в редакторе сделайте такие действия:
«Файл» => «Открыть» или клавиши и выберите вашу картинку.
Шаг 2. Теперь нужно разблокировать картинку. Два раза кликните по замочку левой кнопкой мыши, таким методом вы снимите блокировку с фона картинки. Вместо замочка появится галочка.
Шаг 3. Теперь воспользуемся волшебной палочкой. Я не шучу, так действительно называется инструмент в фотошопе, который находится в левой части экрана.
А вот так выглядит волшебная палочка . Этой волшебной палочкой мы будем выделять фон.
Указываем параметры:
Допуск — 121. Параметры допуска можно менять от 0 и до тех пор, пока не выделится весь фон, а точнее максимум до 255. Птички должны стоять на сглаживании и смежные пиксели . Ну, в общем, как на картинке в примере.
Шаг 4. Кликаем волшебной палочкой на фон картинки и жмем клавишу клавиатуры «Delete». Таким методом я избавляюсь от фона. Но это еще не все. Картинку нужно сохранить.
Шаг 5. Картинку нужно сохранить в формате, который поддерживает прозрачный фон. Это формат gif и png. Если сохранить JPEG или BMP, то прозрачный фон просто пропадет.
Чтобы сохранить прозрачную картинку жмите:
«Файл» => «Сохранить как» или .
В «Тип файлов» выбираем формат GIF и жмем «Сохранить».
В открывшемся окне убедитесь, что птичка стоит на «Прозрачность». Жмите на кнопку «ОК».
Вот и все. Вы только что со мной проделали шаги, которые сделали картинке прозрачный фон. Теперь эту картинку можно налаживать на другую и фон мешать не будет.
Вот и все, дорогие мои друзья, подошла к заключению эта тема. Теперь вы знаете, как сделать прозрачный фон у картинки. Если есть вопросы, пишите в комментариях, постараюсь ответить. До скорых встреч.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
Добавить комментарий
Метки: для начинающих, фотошоп
Как сделать прозрачный фон в Фотошопе
Довольно часто можно найти в Интернете подходящее изображение, например, чтобы вставить его на веб-сайт. А возможно, Вы делаете коллаж, и нужно на один рисунок добавить другие. Вот только нужные изображения обычно имеют какой-либо фон.
Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора Adobe Photoshop. У меня установлена англоязычная версия Adobe Photoshop CS5, поэтому показывать буду на нем. Постараюсь приводить различные сочетания горячих клавиш.
Если у Вас еще не установлен фотошоп, Вы им очень редко пользуетесь или он на английском, можете сделать прозрачный фон в Paint.net. Это простой русскоязычный редактор изображений, который займет не много места на жестком диске. Перейдя по ссылке, Вы можете прочесть подробную статью. Скачать программу Paint.net можно с нашего сайта.
Для начала рассмотрим простой пример. Предположим, у Вас есть изображение на однотонном фоне, это может быть логотип или название чего-либо. Сделаем этот логотип или надпись на прозрачном фоне в фотошоп.
Открываем нужное изображение в редакторе. Теперь сделаем прозрачный фон для слоя. В окне «Слои» кликаем два раза мышкой по добавленному слою – напротив него будет стоять замочек. Откроется окно «Новый слой», нажмите в нем «ОК». После этого замочек исчезнет.
Выбираем инструмент «Волшебная палочка». В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D».
Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift» и продолжайте выделение. Для удаления выделенных областей нажмите «Delete».
Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D».
Чтобы правильно сохранить изображение на прозрачном фоне, выберите формат PNG или GIF, в любом другом формате, оно сохраниться на белом фоне.
Если у Вас изображение или фотография, на которой много различных цветов и объектов, рассмотрим, как сделать прозрачный фон для изображения в фотошопе.
В этом случае, воспользуемся инструментом «Быстрое выделение». Кликаем по волшебной палочке левой кнопкой мыши с небольшой задержкой и выбираем из меню нужный инструмент.
Теперь нужно выделить объект, который мы хотим оставить на прозрачном фоне. В строке свойств устанавливайте различные размеры и кликайте на объект, добавляя к нему области. Если ошибочно выделится ненужный фон, нажмите «Alt» и уберите его.
Для просмотра результата нажмите «Q». Розовым будут выделены те части изображения, которые станут прозрачными.
Копируем выделенные области, нажав «Ctrl+C». Дальше создаем новый файл, «Ctrl+N», с прозрачным фоном.
Вставляем в него скопированные фрагменты, «Ctrl+V». Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик». Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.
Делайте белый фон рисунка прозрачным, или делайте прозрачный фон для отдельных фрагментов цветного изображения или фотографии в фотошопе. После этого, можно их использовать там, где это необходимо: вставлять на сайт, добавлять на другой рисунок или делать интересные коллажи.
(Пока оценок нет) Загрузка…Как сделать прозрачный фон в Фотошопе?
Графический редактор Photoshop позволяет как обрабатывать имеющиеся изображения, так и создавать новые картинки. Корректное наложение одного изображения на другое возможно исключительно при наличии прозрачного фона. Визуально его несложно идентифицировать – фон представляет собой поле из квадратиков серого и белого цветов, расположенных в шахматном порядке. Как создать прозрачный фон?
1
Создание прозрачного фона в Photoshop – использование “волшебной” палочкиДанный алгоритм создания прозрачного фона основан на удалении уже имеющегося фона.
- Запускаете редактор и открываете необходимое изображение.
- Т.к. далее вы будете работать с данной картинкой, снимите блокировку слоя. Для этого кликаете вкладку со слоями (в англоязычной версии фотошопа – это “Layer”). Находите замочек и кликаете по нему двойным щелчком левой клавиши мыши. В появившемся окне жмете “Ok”. Замочек исчез, приступаете к редактированию.
- Среди инструментов боковой панели выбираете “волшебную” палочку (“Magic Wand Tool”). Ее “работа” основана на оценке тона и цвета каждого пикселя изображения – выделены будут лишь участки, близкие по оттенку. Насколько близкие – определит параметр “Допуск” (или “Tolerance”).
- Поэтому следующий этап – установка величины допуска (верхняя панель параметров).
- Выделив необходимое поле, жмете удаление – “Delete”. Фон изображения удален, а значит стал прозрачным.
2
Создание прозрачного фона в Photoshop – использования “магнитного лассо”Используя данный метод, вы сможете выделить и зафиксировать требуемый объект, удалив (сделав прозрачным) фон картинки.
- Запускаете Photoshop, открываете картинку для редактирования.
- Снимаете “замочек” с картинки для возможности дальнейшей ее коррекции – во вкладке слоев (“Layer”) кликаете по замочку двойным щелчком мыши.
- В группе “Лассо” выбираете “магнитный” инструмент (“Magnetic Lasso Tool”). Основная его задача – распознавание края объекта на основании цветового контраста. При работе с данным видом лассо необходимо вести курсор максимально точно и близко к границе области выделения. “Магнитная” линия надежно зафиксирует край необходимой картинки. Объект будет выделен тем точнее, чем более контрастные цвета окажутся по разные стороны от проведенной границы.
- Когда объект будет выделен, переходите во вкладку выделения (“Select”) и выбираете строку инверсии (“Inverse”). Либо используйте сочетание клавиш Shift + Ctrl + I.
- Удаляете фон – жмете клавишу “Delete”. Выделенное изображение будет располагаться на прозрачном фоне.
Данный метод будет особенно полезным, если фоновое изображение разноцветное.
- Активируете графический редактор, загружаете изображение для корректировки.
- Снимаете блокировку слоя и приступаете к редактированию.
- Кликаете пиктограмму “быстрой маски” (“Quick Mask”). Значок располагается ниже переключателя цвета.
- Далее выбираете для работы кисть. При необходимости корректируете ее диаметр действия (в верхней панели параметров). Закрашиваете объект, который должен остаться на прозрачном фоне. Старайтесь действовать максимально аккуратно и не затрагивать фон.
- После этого вновь кликаете “быструю маску” – область выделения будет отмечена пунктиром.
- Жмете “Delete” – перед вами появится выделенная картинка на прозрачном фоне.
Создавая новое изображение, вы также можете установить прозрачный фон. Для этого в открывшемся окне в строке “Содержимое фона” (“Background Contents”) устанавливаете значение “Прозрачный” (“Transparent”) и кликаете “Ok”.
Первая полоса
Еда и напитки
Как сделать тушенку из курицы
Как сделать белый прозрачным в фотошопе. Как сделать прозрачный фон в фотошопе
Если вам кажется, что полностью удалить фон с изображения под силу только мастеру фотошопа, эта статья убедит вас в обратном. Узнайте, как сделать прозрачный фон у картинки, не имея профессиональных навыков в фотомонтаже. Всё, что вам потребуется, – это удобный графический редактор «Домашняя Фотостудия» . Софт позволит вам заменить фон любого изображения на прозрачный всего за несколько шагов.
В стартовом окне кликните кнопку «Открыть изображение» , в дереве файлов найдите папку, где хранится нужное изображение. Загрузите картинку в пограмму для работы.
Прежде, чем выполнить замену фона, убедитесь, что на снимке вас всё устраивает. В меню «Изображение» вы найдёте множество удобных инструментов для улучшения фото. Исправьте несовершенства, выбрав вкладку «Устранение дефектов». Вы легко сможете удалить с фото шумы, эффект красных глаз или исправить нарушение цветового баланса. Используйте «Коррекцию освещения» для настройки экспозиции и детализации вручную.
Довольны результатом? Замечательно, теперь вам предстоит изменить фон на фото.
В меню «Эффекты» кликнете по вкладке «Замена фона» . Первое, что потребуется сделать, – отделить объект от фона. Для этого аккуратно обведите фигуру по краю с помощью курсора. Ошиблись? Не страшно! Просто воспользуйтесь функцией «Выделить другую область» и начните работу заново. Для удобства вы можете увеличить масштаб изображения, нажав кнопку «100%» . Замкните начало и конец выделения двойным щелчком мыши. Получилось неровно? Скройте небрежные края, увеличив степень размытия границ.
Отлично! Теперь в списке вариантов для оформления отметьте самый первый пункт – «Без фона» . Один клик – и всё, что находится за границей выделения, удалено. На изображении это будет обозначено шахматным узором. На примере – фото с цветным задним планом, но вы также можете сделать белый фон картинки прозрачным. Алгоритм действий не изменится.
Обратите внимание на возможности опции «Замена фона» . В дальнейшем вы сможете оформлять подложку снимков однотонной или градиентной заливкой, а также с помощью текстур и фоновых изображений. Не подошли варианты коллекции программы? Загрузите файл с вашего компьютера. Всё – очень просто!
Не спешите закрывать окно замены фона, прежде – сохраните результат. Нажмите кнопку «Сохранить в файл» . В появившемся окне введите название изображения и в строке «Тип файла» установите в качестве формата PNG или GIF. Это важно, поскольку только указанные форматы поддерживают отображение прозрачных участков. Если вы пропустите этот нюанс, программа автоматически сохранит изображение с белым фоном. Проверьте настройки и повторно кликните «Сохранить» . Готово!
Быстро и легко, правда? Всего три шага – и вы получили фото с прозрачным фоном!
При желании вы можете дополнительно обработать изображение уже после замены фона. Обратите внимание на панель инструментов. С помощью кистей осветления и затемнения, размытия и резкости вы сможете редактировать отдельные участки снимка. Инструмент «Штамп» пригодится для ретуши. Просто зажмите кнопку ALT, выберите на фото область, которая будет источником штампа, и закрасьте нежелательный объект.
Наложите слой с png-или gif-картинкой на другое изображение. Меняйте размер и положение объекта. Настройте режим смешивания и прозрачность, при желании используйте маску. Подробную инструкцию о том, как выполнить фотомонтаж в «Домашней Фотостудии», вы найдёте в других статьях онлайн-учебника.
Теперь вы знаете, как сделать задний фон картинки прозрачным и как можно применить этот полезный навык. Если вы решите скачать «Домашнюю Фотостудию», вам не нужно будет осваивать сложные графические редакторы. Качественная ретушь, быстрое устранение дефектов, доступный новичку фотомонтаж – в программе есть всё необходимое для работы с фотографиями. Преображайте любые изображения быстро, просто и с удовольствием!
Очень часто случается так, что подобрав для определённых целей картинку, она вас вроде-бы и устраивает, но есть один важный нюанс – она не подходит по цвету. Такая ситуация очень знакома контент-менеджерам, или людям, которые имеют дело с размещением графических элементов. Что делать в этом случае? В голову не приходит ничего другого, кроме как сделать фон картинки прозрачным, для того, чтобы основное изображение выгодно смотрелось на фоне интернет-странички или баннера. О том, как это сделать, мы сегодня вам и расскажем.
Вам понадобятся:
Подготовка к обработке
Для этого открываем графический редактор Adobe Photoshop, нажимаем «Файл», «Открыть», и выбираем изображение, для которого хотим сделать прозрачный фон (или нажимаем правой кнопкой мыши по необходимому изображению, переходим в меню «Открыть с помощью…», и среди списка предустановленных программ выбираем Adobe Photoshop).
В качестве примера мы используем знак «СТОП», но, в принципе подойдёт любая оригинальная фотография . Итак, изображение мы загрузили. Что дальше?
Работаем с «волшебной палочкой»
Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).
Выбрав “волшебную палочку”, в верхнем меню станет доступно меню его настроек. В графе «Допуск» рекомендуем установить значение «21». Пожалуй, это все подготовления, которые нужны для того, чтобы сделать фон размытым или прозрачным (как в нашем случае).
Удаляем фон
Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.
Сохранение изображения
Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).
Как в фотошопе сделать прозрачный фон?
Фотошоп — одна из самых популярных программ среди людей, увлекающихся дизайном, графикой и рисованием. Фотошоп может понадобиться и людям далёким от творчества, но нуждающимся в его функциях. Например, понадобилось использовать какое-то изображением в тексте, но неприемлемо поместить его с имеющимся фоном. Для этого вы можете либо поменять фон , либо использовать прозрачный фон. Давайте попробуем разобраться, как в фотошопе сделать прозрачный фон.
Как в фотошопе сделать прозрачный фон — первый способ:
Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.
Как в фотошопе сделать прозрачный фон — второй способ:
Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».
Второй этап — необходимо скрыть слой под названием «фон». Для этого нужно будет просто кликнуть на изображение глазка, находящееся слева от слоя.
Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.
Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.
Теперь вы может использовать изображение без первоначального фона, вставляя его в требующийся документ. Нужно отметить, что инструмент «резинка» довольно сложен для новичков, если рука «не набита» ежедневной работой в данной программе. Поэтому могут возникнуть сложности при попытке «стереть» фон вокруг мелких объектов, таких как трава, например. Можно посоветовать либо совершенствовать мастерство, либо использовать для работы графический планшет (что больше свойственно профессионалам), либо попробовать другой способ.
Как в фотошопе сделать прозрачный фон — третий способ:
Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.
В сети есть большое количество видеоуроков по данной теме. Например, можно проследить за последовательностью действий на видео к статье.
Теперь вы сделали один шаг в сфере изучения базовых возможностей графической программы фотошоп и попутно реализовали свою потребность в качественном визуальном оформлении вашей работы. Поздравляем!
2 голосаДоброго времени суток, уважаемые читатели. Умение делать картинки с прозрачных фоном невероятно нужно каждому начинающему разработчику сайтов, дизайнеру и даже обычному человеку.
Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.
Оказывается, что у многих возникают трудности с этим, но публикаций в интернете на эту тему в интернете вообще нет. Только несколько тем на форумах. Но, я беру на себя миссию исправить эту несправедливость…
Итак, сейчас я одену на себя рыцарские доспехи и развею все страхи, сомнения, непонимание и превращу трудности искусства фотошопного в бесхитростную обыденность. Я также поведаю обо всех тонкостях мастерства. Готовьтесь. «Ведать» я буду очень простым языком, чтобы понятно стало каждому, так что прошу прощения у читателей, которых смущает такая дотошность и они сами все прекрасно знают.
Более терпеливых я благодарю за понимание. Приступим.
Чего нужно добиться, чтобы фотка была действительно прозрачной
Прозрачность на картинке обычно отображается вот такой шашкой. Если вы видите ее в Google, то значит изображение можно без проблем качать и при наложении этого объекта на другой фон не поменяется цвет.
Как вы можете увидеть, такая шашка не отображается, если изображение в поиске отражено через миниатюру. Надо кликнуть на картинку и дополнительная информация откроется.
Вот смотрите, я скопировал этот рисунок и вставил его на фотографию поля. Не буду вдаваться как именно я это сделал, сейчас это не важно. Самое важное, что вы видите все части поля, кубики как будто были вырезаны и наложены на картинку.
Если бы я не нашел в поиске фотографию с шашкой, то иллюстрация выглядела совсем иначе. Фон был бы белым и прямоугольным.
Почему так? Эта шашечка – общепринятый признак, если вы его видите, то значит в этой части иллюстрации цвета нет совсем, и при наложении вы увидите нижнюю часть рисунка. Точно также прозрачность отображается и . Если вам нужно убрать фон из фотографии, то необходимо добиться того, чтобы вместо цвета, вы смогли узреть вот этот заветный узор. Шашку.
Как правильно хранить прозрачные картинки
Все мы привыкли к такому формату фотографий, как jpeg. Некоторые люди даже и не знают о существовании других. Однако, он не понимает, что такое прозрачность. Для того, чтобы скачивать и хранить на своем компьютере «правильные» фотографии, вам понадобится понять и запомнить новый формат — png.
Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.
Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.
Зачем было нужно придумывать другой формат? Все дело в том, что популярный jpeg, не понимает, что такое прозрачность. Он меняет ее на привычный белый.
Как избавиться от фона: простой и довольно быстрый способ без лишних заморочек
В моем блоге вы можете найти статью, в которой я показываю 4 инструмента и привожу видео, в котором можно найти 3 способа избавиться от фона на рисунке (). Можете прочитать ее, если вам интересно. Сейчас я хотел бы показать вам еще один прием, так как считаю, что без этого статья была бы не полной. Мало ли, кто-то не захочет лазить по моему блогу. А тут все в одном месте.
Итак, открываем картинку.
Находим инструмент «Фоновый ластик». Если не можете его отыскать, то подержите несколько секунд мышку с зажатой левой кнопкой на клавише обычного ластика. Нужный инструмент откроется. Вы сможете его добавить, щелкнув по нему.
Можете увеличить диаметр ластика, чтобы стирать было удобнее.
Теперь повозюкайте по ненужным элементам на картинке. Вы увидите, как шашка начинает проявляться, а цвет исчезать!
Надеюсь, что после того как вы закончите, у вас не возникнет вопроса в каком формате сохранять обработанный рисунок. Конечно же PNG.
Данный метод стирания не назовешь самым лучшим и невероятно удобным. Поэтому я рекомендую вам все-таки обратить внимание на предыдущую мою статью, полностью посвященную этой теме.
А если вам интересно работать в фотошопе, то советую вам начать на этом зарабатывать! Спрос есть. Вы без труда можете попробовать , обрабатывать картинки, и делать много всего интересного. Поверьте, это действительно нужно. Вы можете убедиться, открыв несколько сайтов для фрилансеров.
Думаете, что у вас не получится или вы слишком стары для этого дерьма? Не хватает времени? Поверьте, это все нелепые отговорки. Я юрист и зарабатываю достаточно, но … у вас есть хобби, любимое увлечение? Вы живете полной жизнью? Вам действительно не скучно?
Что бы вы ни знали и чем бы ни интересовались. Интернет открывает массу новых возможностей. Впустите в свою жизнь изменения. Если деньги вас не интересуют – это еще лучше. Это дает больше шансов вашему проекту стать дорогим, крутым и успешным. Все известные люди не работают ради прибыли, они трудятся, потому что любят то, чем они занимаются. Редко кто из них называет это «работой».
Прошло время, когда основное время человек проводил за компьютером или телевизором. Теперь все развиваются, улучшают какие-то свои навыки и делятся с людьми тем, что они знают. По сути так всегда было, увеличились только масштабы.
Кстати, не так давно читал секреты долголетия кавказских горцев. Один из принципов состоит в том, что к ним постоянно ходит молодое поколение, чтобы советоваться по каким-то важным вопросом. Старики чувствуют себя нужными, а потому не испытывают никаких отрицательных эмоций относительно старости. На Кавказе не бояться становиться старыми.
Кстати, позитивный настрой – это еще один их секрет. Старцы утверждают, что со злыми, раздраженными и скучными людьми, у которых нет интересных увлечений, никто не хочет общаться, а потому, такой образ жизни крайне невыгоден, особенно в пожилом возрасте.
Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля » и овладейте им в совершенстве. Очень быстро у вас появится прибыльное хобби. Не так уж увлечены дизайном? Обратите внимание на то, и создавайте свои проекты.
Если вам понравилась эта статья, и я хотя бы немного заинтересовал вас – подписывайтесь на рассылку. Пусть не сейчас, но дайте себе шанс заняться чем-то новым. Я буду присылать вам свои публикации о том, как можно зарабатывать деньги в интернете.
Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?
Обернется ли хобби во что-то большее или вы просто покажете результат своих трудов друзьям, дабы получить их похвалу и восхищение? В отличие от многих вы встанете с дивана и сделаете то, что выведет вас за рамки привычного. Вы попытаетесь изменить свою жизнь. Это очень похвально.
Я искренне желаю вам успехов в ваших начинаниях и надеюсь, что эта наша встреча будет не последней.
28.01.2015 27.01.2018
Сделать прозрачный слой в фотошопе на изображении проще простого. Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.
Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.
Прозрачный слой по умолчанию в фотошопе отображается в виде шахматной доски. Вот так выглядит прозрачный слой:
А так выглядит список слоев
Мы можем над прозрачным слоем поместить другой слой с изображением. Вот так выглядит яблоко на прозрачном слое в photoshop.
Такое изображение будет иметь прозрачный фон под яблоком, поэтому вы можете его вставить на сайте на любой фон.
Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.
Также можно регулировать у слоев прозрачность. Это может понадобится для разных целей — например создать полупрозрачный фон или сделать прозрачным изображение.
Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).
Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!
Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе» . Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.
Фотошоп сделать фон прозрачным. Как сделать прозрачный фон в фотошопе
Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон !
В интернете я не нашел нормальных идей как сделать прозрачный фон для готовой картинки, поэтому начал сам экспериментировать и нашел более менее подходящее решение!
Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):
Здесь есть белый фон, от которого я хочу избавиться и вместо него сделать прозрачный фон. В этом нам поможет Pixlr — онлайновое подобие фотошопа.
Загружаем наше изображение. Справа в окошке «Слои» появится слой «Фоновый», на котором замочек (не дает удалять фон картинки).
Два раза кликнув левой кнопкой мыши по этому замочку, вы сможете снять блокировку с фона. Вместо замочка появится галочка.
Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).
Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.
В итоге на выходе получаем то же изображение с прозрачным фоном.
Единственный минус Pixlr — нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?
39 60 839 0Очень часто случается так, что подобрав для определённых целей картинку, она вас вроде-бы и устраивает, но есть один важный нюанс – она не подходит по цвету. Такая ситуация очень знакома контент-менеджерам, или людям, которые имеют дело с размещением графических элементов. Что делать в этом случае? В голову не приходит ничего другого, кроме как сделать фон картинки прозрачным, для того, чтобы основное изображение выгодно смотрелось на фоне интернет-странички или баннера. О том, как это сделать, мы сегодня вам и расскажем.
Вам понадобятся:
Подготовка к обработке
Для этого открываем графический редактор Adobe Photoshop, нажимаем «Файл», «Открыть», и выбираем изображение, для которого хотим сделать прозрачный фон (или нажимаем правой кнопкой мыши по необходимому изображению, переходим в меню «Открыть с помощью…», и среди списка предустановленных программ выбираем Adobe Photoshop).
В качестве примера мы используем знак «СТОП», но, в принципе подойдёт любая оригинальная фотография . Итак, изображение мы загрузили. Что дальше?
Работаем с «волшебной палочкой»
Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).
Выбрав “волшебную палочку”, в верхнем меню станет доступно меню его настроек. В графе «Допуск» рекомендуем установить значение «21». Пожалуй, это все подготовления, которые нужны для того, чтобы сделать фон размытым или прозрачным (как в нашем случае).
Удаляем фон
Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.
Сохранение изображения
Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).
Довольно часто можно найти в Интернете подходящее изображение, например, чтобы вставить его на веб-сайт. А возможно, Вы делаете коллаж, и нужно на один рисунок добавить другие. Вот только нужные изображения обычно имеют какой-либо фон.
Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.
Делайте белый фон рисунка прозрачным, или делайте прозрачный фон для отдельных фрагментов цветного изображения или фотографии в фотошопе. После этого, можно их использовать там, где это необходимо: вставлять на сайт, добавлять на другой рисунок или делать интересные коллажи.
Оценить статью:В Фотошопе одним из ключевых понятий является прозрачность . Поэтому если вы только начали знакомиться с этой программой, то уделите внимание этой функции, в будущем знание того, как делать в Фотошопе прозрачный фон, или как сделать только часть рисунка прозрачной может пригодиться при обработке фотографий и рисунков, и значительно расширить диапазон ваших возможностей. Работа это довольно несложная, поэтому если вы терпеливо выполните все пункты, у вас обязательно все получится. Так что давайте перейдем к самой обработке фотографий.
Необходимо:
— Adobe Photoshop.
Инструкция:
- У программы «Photoshop» есть одна выгодная отличительная особенность , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
- Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя «, а после этого нажать на «Ок ». У вас должно получиться два идентичных слоя: «Фон » и «Слой1 ».
- Далее слой «Фон » нужно скрыть . Для этого нужно просто кликнуть на «глазок » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
- После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png более практичен, поскольку его распознает большее количество программ.
- Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым , но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.
28.01.2015 27.01.2018
Сделать прозрачный слой в фотошопе на изображении проще простого. Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.
Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.
Прозрачный слой по умолчанию в фотошопе отображается в виде шахматной доски. Вот так выглядит прозрачный слой:
А так выглядит список слоев
Мы можем над прозрачным слоем поместить другой слой с изображением. Вот так выглядит яблоко на прозрачном слое в photoshop.
Такое изображение будет иметь прозрачный фон под яблоком, поэтому вы можете его вставить на сайте на любой фон.
Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.
Также можно регулировать у слоев прозрачность. Это может понадобится для разных целей — например создать полупрозрачный фон или сделать прозрачным изображение.
Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).
Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!
Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе» . Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.
Как сделать прозрачный фон в photoshop. Как сделать фон прозрачным (photoshop). Как сделать картинку полупрозрачной в Adobe Photoshop
Полупрозрачные картинки применяются на сайтах в качестве фона или миниатюр к постам, в коллажах и других работах.
Этот урок посвящен тому, как сделать картинку полупрозрачной в Фотошопе.
Для работы нам понадобится какое-нибудь изображение. Я взял вот такую картинку с автомобилем:
Заглянув палитру слоев, мы увидим, что слой с названием «Фон» заблокирован (значок замка на слое). Это значит, что мы не сможем его отредактировать.
Для разблокировки слоя кликаем по нему два раза и в открывшемся диалоговом окне нажимаем ОК .
Теперь все готово к работе.
Прозрачность (в Фотошопе она называется «Непрозрачностью» ) меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим названием.
При нажатии на треугольник появляется ползунок, которым можно регулировать значение непрозрачности. Также в это поле можно ввести точную цифру.
В общем-то, это все, что необходимо знать о прозрачности изображений.
Давайте выставим значение, равное 70% .
Как видим, авто стало полупрозрачным, и через него проступил фон в виде квадратиков.
Нажимаем сочетание клавиш CTRL+S и в открывшемся окне выбираем нужный формат:
После того, как выбрали место для сохранения и дали имя файлу, нажимаем «Сохранить» . Полученное изображение в формате PNG выглядит следующим образом:
Если фон сайта имеет какой-либо рисунок, то он (рисунок) будет просвечивать через наш автомобиль.
Такой вот простейший способ создания полупрозрачных изображений в программе Фотошоп.
При создании коллажей и других композиций в Фотошопе зачастую возникает необходимость удалить фон с изображения или перенести объект с одной картинки на другую.
Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.
Сделать это можно несколькими способами.
Первый – воспользоваться инструментом «Волшебная палочка» . Способ применим в том случае, если фон изображения однотонный.
Открываем изображение. Поскольку картинки без прозрачного фона чаще всего имеют расширение JPG , то слой с названием «Фон» будет заблокирован для редактирования. Его необходимо разблокировать.
Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .
Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).
Теперь нажимаем клавишу DEL . Готово, белый фон удален.
Следующий способ убрать фон с картинки в Фотошопе – воспользоваться инструментом «Быстрое выделение» . Способ сработает в том случае, если изображение имеет примерно один тон и нигде не сливается с фоном.
Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.
Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.
Третий способ самый сложный и применяется на цветных изображениях, где нужный участок сливается с фоном. В данном случае нам поможет только ручное выделение объекта.
Для ручного выделения в Фотошопе есть несколько инструментов.
1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.
2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.
3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.
4. Перо. Наиболее гибкий и удобный для выделения инструмент. Пером можно рисовать как прямые линии, так и кривые любой сложности.
Итак, выбираем инструмент «Перо» и обводим наше изображение.
Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.
Опорные точки можно перемещать, зажав клавишу CTRL справа, а удалять, выбрав в меню соответствующий инструмент.
Пером можно выделять сразу несколько объектов на изображении.
По окончании выделения (контур необходимо замкнуть, вернувшись к первой опорной точке) нажимаем внутри контура правой кнопкой мыши и выбираем «Образовать выделенную область» .
Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.
Мы рассмотрели основные приемы для удаления фона с изображений. Существуют и другие способы, но они малоэфективны и не приносят желаемого результата
Любите фотографировать, делать разные коллажи с фотографий и картинок? Или возможно хотите на свой сайт или в группу Вконтакте сделать шапку с несколькими фото, но проблема в фоне, ведь он мешает при накладке картинок друг на друга.
В этой статье я расскажу сразу два метода, как с помощью программы Фотошоп сделать у картинки прозрачный фон, убрать как белый фон в картинки, фотографии – это буде очень легко и быстро, так и общий задний фон, а здесь будет немножко трудней.
Я скачал с Интернета для примера две картинки с разными фонами – фото с охоты гепарда и улитку. Скачать их можете . Давайте начнем с картинки с белым фоном – улитки.
Удаляем задний белый фон в картинке
Сразу скажу, что это будет происходить очень быстро и очень легко. Так что, несомненно, каждый с этой работой справиться. Ну что, друзья, поехали.
1. Открываем фотошоп и грузим в него картинку с белым фоном.
2. Заходим в пункт «Выделение», после в «Цветной диапазон».
3. Выбираем «По образцам», кликаем пипеткой левой кнопкой мыши по белой области картинки. Разброс ставим 40 и нажимаем «ОК».
3. Улитка у нас теперь обведена. Но если увеличить картинку и присмотреться, то увидим, что белые силуэты в улитке также взялись в обводку.
4. Переходим в инструмент «Быстрое выделение». Нажав кнопочку ALT, левой кнопкой мыши убираем ненужное выделение.
5. Перед удалением фона, нужно разблокировать слой. Разблокируем, нажав два раза левой кнопкой мыши. Если этого окна нет, зайдите в пункт меню «Окно» и поставьте флажок на «слои».
6. Удаляем фон нажав кнопочку «Delete». После правовой кнопкой мыши кликаем на картинке и выбираем «Отменить выделение», если не получается, нажимаем Ctrl + D, выделение уберется.
7. На этом этапе мы и закончили удаление белого фона в улитке.
Обязательно выбираем тип файла «.PNG», в другом случае фон будет белый, не прозрачный. Сохраняем.
Открываем и любуемся картинкой без белого фона.
Удаляем сложный задний фон в картинке
Бросаем нашего гепарда в фотошоп. Теперь давайте попробуем вырезать на картинке гепарда и его жертву от фона, другими словами удалим фон.
1. Переходим в пункт «Быстрое выделение» и выбираем нужные для себя параметры кисти для этого инструмента. Одним из главных параметром – это размер кисти. Выберите подходящий размер, что бы было удобно выделять фон. Остальное в этом случае можно оставить по умолчанию.
2. Теперь левой кнопкой мыши выделяем фон, который хотим удалить. Если выделение залазит не туда, куда нам нужно, в нашем случае на гепарда и его жертву, тогда зажмите клавишу «ALT» и левой кнопкой мыши уберите выделение, которое залезло. Что бы увеличить-уменьшить масштаб зажмите клавиши Shift+Alt и крутите колесико на мышке. Чтобы «ходить» по картинке при выделении зажимайте пробел.
После, как выделили, кликаем правой кнопкой мыши не выходя с инструмента «Быстрое выделение» и переходим в пункт «Уточнить край» и в настройках краев, в пункте сгладить, в нашем случае указываем где-то 10 и нажимаем «ОК». После разблокируем слой и нажимаем «Delete» и удаляем фон.
Функция «Сгладить» нужна для того, что бы при удалении края были гладкие.
Если нужно немножко подтереть, используйте «Ластик»
Посмотреть этот урок у видео формате
У вас есть возможность посмотреть этот урок у видео формате. Мы записали для вас видео урок, чтобы вам было еще понятливей и легче осваивать новые навыки. Также после просмотра не забудьте подписаться на наш канал в ютубе.
Вам понадобится
- — программа «Фотошоп»
- — изображение, у которого необходимо сделать полупрозрачный фон.
- — знать, как создавать новый слой
- — уметь пользоваться инструментом «Заливка», чертить фигуры в фотошопе
Инструкция
Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу Delete.
Если неоднороден, то выделите саму картинку инструментом «Прямолинейное » или «Перо». В случае выделения изображения инструментом «Перо» выложите нужный контур и при необходимости отредактируйте его инструметом «Перо+». При редактировании этим инструментом вы можете добавлять опорные точки щелчком мыши созданного контура и, передвигая точки, менять его . Затем, не убирая курсор с контура, нажмите правую клавишу мыши и выберите «Образовать выделенную область». Растушевку установите на значение в 0 пикселей и поставьте галочку у параметра «Сглаживание». В результате этих действий контур будет преобразован в выделение. Удалите выделенное, нажав клавишу Delete.
Создайте новый слой и расположите его ниже слоя с картинкой. Наведя курсор на него, нажмите на левую клавишу мыши и, не отпуская кнопку, переместите курсор ниже слоя с изображением. Таким способом вы перетащите новый слой ниже слоя с картинкой. Ниже самого изображения создайте пока что непрозрачный фон нужного цвета и нужной фигуры.
Полупрозрачное изображение может применять в самых разных сферах. Например, таковые картинки часто можно встретить на сайтах, в социальных сетях, при оформлении какого-либо дизайнерского продукта и т.д. Создать полупрозрачное изображение достаточно просто, если использовать специальные программы. В данном случае рассмотрим, как работать с Adobe Photoshop.
Как сделать картинку полупрозрачной в Adobe Photoshop
В зависимости от того, какого именно эффекта прозрачности вы хотите добиться, нужно выбирать дальнейший способ действий. Возможно, вам нужно сделать непрозрачной какую-то область изображения, а не всю картинку, а возможно, требуется делать плавные переходы. Всё это можно без проблем реализовать в Adobe Photoshop. Нижем рассмотрим, как именно.
Вариант 1: Изменение прозрачности для всего изображения
Самый простой способ, применимый только в том случае, когда требуется сделать прозрачным всё изображение. Реализовать его можно следующим образом:
Вариант 2: Установка частичной прозрачности
Немного сложнее обстоит ситуация, когда нужно сделать так, чтобы только часть изображения была прозрачной. В этом случае можно воспользоваться масками.
Сам же алгоритм действий выглядит следующим образом:
Также бывают ситуации, когда требуется сделать резкий переход от непрозрачного изображения к прозрачной части. К сожалению, представленным способ сделать его очень сложно, поэтому рассмотрим некоторое «модификацию» действий:
Вариант 3: Градиентное наложение
Чем похож на предыдущий способ, но позволяет сделать более плавные переходы с изменением прозрачности изображения. Реализуется по следующей инструкции:
Как сохранить готовую работу
Вне зависимости от того, какой способ реализации вы выбрали, вам нужно правильно сохранить полученный результат. Многие пользователи допускают ошибку при сохранении, что ведёт к частичной или полной потере прозрачности. Чтобы этого избежать, выполните небольшую инструкцию:
- По завершению работы нажмите «Сохранить как». Этот пункт можно найти в контекстном меню при нажатии на кнопку «Файл».
- В «Проводнике» обязательно выберите напротив графы «Тип файлов» PNG, PNS. Это универсальный типы файлов, которые можно использовать на веб-сайтах и которые сохраняют прозрачность изображения.
- Задайте имя для файла и воспользуйтесь кнопкой «Сохранить».
С помощью рассмотренных в инструкции способов, вы сможете сделать прозрачным как всё изображение, так и какую-то его часть. Если у вас остались какие-либо вопросы по поводу инструкций, то задавайте их в комментариях. Мы постараемся ответить максимально оперативно.
Прозрачность фона в фотошопе. Как в фотошопе сделать прозрачный фон
Приветствую Вас, дорогие читатели моего блога!
Недавно мне понадобилось убрать фон с картинки, с фотошопом я не дружу особо. И скажу Вам, что у меня его даже нет на компьютере. (Ну правильно вообще то, зачем мне то, с чем я не умею работать).
Но фон с картинки надо было как то убрать, я начала бороздить просторы интернета, в поисках решения своей задачи. Вариантов очень много на самом деле, но я искала, что нибудь полегче)). Я нашла очень легкий и простой способ, как можно убрать фон с картинки.
И так, давайте приступим. Нам понадобиться фотошоп, но так, как у меня его нет. Я использую онлайн фотошоп. Очень удобная штука, я Вам скажу. И конечно же картинка фон которой мы хотим сделать прозрачным.
Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон
Заходим в онлайн фотошоп. Я использовала вот этот PIXLR
Выбираем: Загрузить изображение с компьютера.
Теперь справа в окошке «СЛОИ» надо открыть замочек
Кликаем на него 2 раза левой кнопкой мыши, должна появиться галочка в квадратике.
Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.
Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.
Разрабатывая макет полиграфии или верстая сайт, может потребоваться некоторые участки изображения сделать прозрачными. Например, для того, чтобы фон фотографии совпадал с фоном макета или углы изображения не перекрывали текст.
Прозрачный фон изображения позволяет делать красивое . Этот прием сокращает пустое пространство и улучшает вид верстки.
Такие векторные редакторы как CorelDRAW и Illustrator могут скрывать часть изображения с помощью контурной маски, это быстрый и простой метод сделать прозрачный фон, если форма предмета простая.
Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.
В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.
Чтобы сделать прозрачный фон, необходимо вырезать предмет, а фон удалить. В зависимости от формы предмета, выберите тот , который будет удобен в данной ситуации.
Качество готовой картинки в основном зависит от качества выделения. Постарайтесь максимально точно повторить форму предмета подходящими инструментами лассо.
Если края предмета имеют не четкие края, выделение тоже должно иметь слегка размытые грани. Для этого нужно щелкнуть по выделению правой кнопкой мыши и задать значение «Растушевки». Значение размытия сработает ко всему выделению.
Однако, бывают редкие ситуации, когда только часть предмета имеет размытый край или отсутствие фокусировки. В таком случае, необходимо комбинировать несколько способов выделения.
Для примера, я специально выбрал более сложное изображение с разной степенью фокусировки, соответственно с разной четкостью границ.
Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.
Преимущество этого метода заключается в том, что вы можете менять жесткость краем меняя жесткость кисти в процессе рисования. Но есть и недостаток: выделение кистью не такое точное как лассо. Но это не единственный способ получить выделение с разной четкостью границ.
Добавление к выделению нечетких областей
А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…
Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.
Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.
Возможно, этот прием покажется более сложным, чем предыдущий. В общем, делайте, как удобно вам.
После того, как вы удалили фон, необходимо сохранить изображение в формате поддерживающем прозрачность.
PSD — самый первый из них. Он легко читается во всех редакторах Adobe и не только. Он содержит всю информацию о слоях эффектах и т.д. поэтому, как правило, имеет большой вес.
Tiff — формат похожий по свойствам с предыдущим. Тоже может содержать прозрачные области. Из-за высокого качества, часто используется в полиграфии.
PNG — имеет относительно не большой вес и позволяет сохранять качество изображения. Чаще всего используется в веб-дизайне. Баннера, кнопки сайтов, графические элементы веб-страницы часто содержат этот формат.
Внимание! Прежде чем сохранять обязательно удалите альфа каналы, если вы их создавали в процессе выделения.
Отсечение фона маской
Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.
Если предмет имеет простую форму (круг, прямоугольник, треугольник и т.д.) применение маски может сэкономить время и силы на обработке изображения. При более сложной форме предмета лучше использовать фотошоп и формат изображения поддерживающий прозрачность.
Еще один недостаток этого метода состоит в том, что маской невозможно частично размыть края предмета, в отличие от обработки в фотошопе.
Clipping Mask в Adobe Illustrator
Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.
После отсечения маской части изображения вы можете продолжать редактировать контур. Двойной щелчок по обтравочной маске позволит менять расположение предметов внутри контура, удалять, вносить новые, менять форму контура или снова разобрать Clipping Mask и вытащить все элементы.
PowerClip в CorelDRAW
В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.
Контур в CorelDRAW также можно редактировать после создание маски.
Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.
3. Прозрачность режимом наложения
Что делать, если фон фотографии, как и фон макета уже белый, но углы изображения перекрывают важные детали макета. В таком случае, можно применить режим наложения. Применение этого режима к изображению будет достаточно, чтобы белый угол не залезал на изображение.
Этот способ позволяет получить прозрачный фон одним нажатием кнопки, совершенно ничего не выделяя и не вырезая.
В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).
В CorelDRAW возьмите инструмент — Transparency.
В панели параметров инструмента настройте так, как показано на скриншоте ниже:
Использовать этот режим нужно аккуратно, у него есть и свои недостатки. Хорошо работать он будет только на белом фоне, а сам предмет тоже станет прозрачным при наложении на текст или на другие изображения.
Видео урок: прозрачный фон
Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:
(Visited 2 851 times, 1 visits today)
Довольно часто можно найти в Интернете подходящее изображение, например, чтобы вставить его на веб-сайт. А возможно, Вы делаете коллаж, и нужно на один рисунок добавить другие. Вот только нужные изображения обычно имеют какой-либо фон.
Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.
Делайте белый фон рисунка прозрачным, или делайте прозрачный фон для отдельных фрагментов цветного изображения или фотографии в фотошопе. После этого, можно их использовать там, где это необходимо: вставлять на сайт, добавлять на другой рисунок или делать интересные коллажи.
Оценить статью:Как в фотошопе сделать прозрачный фон?
Фотошоп — одна из самых популярных программ среди людей, увлекающихся дизайном, графикой и рисованием. Фотошоп может понадобиться и людям далёким от творчества, но нуждающимся в его функциях. Например, понадобилось использовать какое-то изображением в тексте, но неприемлемо поместить его с имеющимся фоном. Для этого вы можете либо поменять фон , либо использовать прозрачный фон. Давайте попробуем разобраться, как в фотошопе сделать прозрачный фон.
Как в фотошопе сделать прозрачный фон — первый способ:
Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.
Как в фотошопе сделать прозрачный фон — второй способ:
Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».
Второй этап — необходимо скрыть слой под названием «фон». Для этого нужно будет просто кликнуть на изображение глазка, находящееся слева от слоя.
Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.
Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.
Теперь вы может использовать изображение без первоначального фона, вставляя его в требующийся документ. Нужно отметить, что инструмент «резинка» довольно сложен для новичков, если рука «не набита» ежедневной работой в данной программе. Поэтому могут возникнуть сложности при попытке «стереть» фон вокруг мелких объектов, таких как трава, например. Можно посоветовать либо совершенствовать мастерство, либо использовать для работы графический планшет (что больше свойственно профессионалам), либо попробовать другой способ.
Как в фотошопе сделать прозрачный фон — третий способ:
Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.
В сети есть большое количество видеоуроков по данной теме. Например, можно проследить за последовательностью действий на видео к статье.
Теперь вы сделали один шаг в сфере изучения базовых возможностей графической программы фотошоп и попутно реализовали свою потребность в качественном визуальном оформлении вашей работы. Поздравляем!
При создании коллажей и других композиций в Фотошопе зачастую возникает необходимость удалить фон с изображения или перенести объект с одной картинки на другую.
Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.
Сделать это можно несколькими способами.
Первый – воспользоваться инструментом «Волшебная палочка» . Способ применим в том случае, если фон изображения однотонный.
Открываем изображение. Поскольку картинки без прозрачного фона чаще всего имеют расширение JPG , то слой с названием «Фон» будет заблокирован для редактирования. Его необходимо разблокировать.
Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .
Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).
Теперь нажимаем клавишу DEL . Готово, белый фон удален.
Следующий способ убрать фон с картинки в Фотошопе – воспользоваться инструментом «Быстрое выделение» . Способ сработает в том случае, если изображение имеет примерно один тон и нигде не сливается с фоном.
Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.
Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.
Третий способ самый сложный и применяется на цветных изображениях, где нужный участок сливается с фоном. В данном случае нам поможет только ручное выделение объекта.
Для ручного выделения в Фотошопе есть несколько инструментов.
1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.
2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.
3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.
4. Перо. Наиболее гибкий и удобный для выделения инструмент. Пером можно рисовать как прямые линии, так и кривые любой сложности.
Итак, выбираем инструмент «Перо» и обводим наше изображение.
Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.
Опорные точки можно перемещать, зажав клавишу CTRL справа, а удалять, выбрав в меню соответствующий инструмент.
Пером можно выделять сразу несколько объектов на изображении.
По окончании выделения (контур необходимо замкнуть, вернувшись к первой опорной точке) нажимаем внутри контура правой кнопкой мыши и выбираем «Образовать выделенную область» .
Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.
Мы рассмотрели основные приемы для удаления фона с изображений. Существуют и другие способы, но они малоэфективны и не приносят желаемого результата
Бесцветный фон в фотошопе. Как сделать прозрачный фон в photoshop
Как в фотошопе сделать прозрачный фон?
Фотошоп — одна из самых популярных программ среди людей, увлекающихся дизайном, графикой и рисованием. Фотошоп может понадобиться и людям далёким от творчества, но нуждающимся в его функциях. Например, понадобилось использовать какое-то изображением в тексте, но неприемлемо поместить его с имеющимся фоном. Для этого вы можете либо поменять фон , либо использовать прозрачный фон. Давайте попробуем разобраться, как в фотошопе сделать прозрачный фон.
Как в фотошопе сделать прозрачный фон — первый способ:
Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.
Как в фотошопе сделать прозрачный фон — второй способ:
Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».
Второй этап — необходимо скрыть слой под названием «фон». Для этого нужно будет просто кликнуть на изображение глазка, находящееся слева от слоя.
Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.
Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.
Теперь вы может использовать изображение без первоначального фона, вставляя его в требующийся документ. Нужно отметить, что инструмент «резинка» довольно сложен для новичков, если рука «не набита» ежедневной работой в данной программе. Поэтому могут возникнуть сложности при попытке «стереть» фон вокруг мелких объектов, таких как трава, например. Можно посоветовать либо совершенствовать мастерство, либо использовать для работы графический планшет (что больше свойственно профессионалам), либо попробовать другой способ.
Как в фотошопе сделать прозрачный фон — третий способ:
Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.
В сети есть большое количество видеоуроков по данной теме. Например, можно проследить за последовательностью действий на видео к статье.
Теперь вы сделали один шаг в сфере изучения базовых возможностей графической программы фотошоп и попутно реализовали свою потребность в качественном визуальном оформлении вашей работы. Поздравляем!
Разрабатывая макет полиграфии или верстая сайт, может потребоваться некоторые участки изображения сделать прозрачными. Например, для того, чтобы фон фотографии совпадал с фоном макета или углы изображения не перекрывали текст.
Прозрачный фон изображения позволяет делать красивое . Этот прием сокращает пустое пространство и улучшает вид верстки.
Такие векторные редакторы как CorelDRAW и Illustrator могут скрывать часть изображения с помощью контурной маски, это быстрый и простой метод сделать прозрачный фон, если форма предмета простая.
Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.
В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.
Чтобы сделать прозрачный фон, необходимо вырезать предмет, а фон удалить. В зависимости от формы предмета, выберите тот , который будет удобен в данной ситуации.
Качество готовой картинки в основном зависит от качества выделения. Постарайтесь максимально точно повторить форму предмета подходящими инструментами лассо.
Если края предмета имеют не четкие края, выделение тоже должно иметь слегка размытые грани. Для этого нужно щелкнуть по выделению правой кнопкой мыши и задать значение «Растушевки». Значение размытия сработает ко всему выделению.
Однако, бывают редкие ситуации, когда только часть предмета имеет размытый край или отсутствие фокусировки. В таком случае, необходимо комбинировать несколько способов выделения.
Для примера, я специально выбрал более сложное изображение с разной степенью фокусировки, соответственно с разной четкостью границ.
Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.
Преимущество этого метода заключается в том, что вы можете менять жесткость краем меняя жесткость кисти в процессе рисования. Но есть и недостаток: выделение кистью не такое точное как лассо. Но это не единственный способ получить выделение с разной четкостью границ.
Добавление к выделению нечетких областей
А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…
Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.
Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.
Возможно, этот прием покажется более сложным, чем предыдущий. В общем, делайте, как удобно вам.
После того, как вы удалили фон, необходимо сохранить изображение в формате поддерживающем прозрачность.
PSD — самый первый из них. Он легко читается во всех редакторах Adobe и не только. Он содержит всю информацию о слоях эффектах и т.д. поэтому, как правило, имеет большой вес.
Tiff — формат похожий по свойствам с предыдущим. Тоже может содержать прозрачные области. Из-за высокого качества, часто используется в полиграфии.
PNG — имеет относительно не большой вес и позволяет сохранять качество изображения. Чаще всего используется в веб-дизайне. Баннера, кнопки сайтов, графические элементы веб-страницы часто содержат этот формат.
Внимание! Прежде чем сохранять обязательно удалите альфа каналы, если вы их создавали в процессе выделения.
Отсечение фона маской
Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.
Если предмет имеет простую форму (круг, прямоугольник, треугольник и т.д.) применение маски может сэкономить время и силы на обработке изображения. При более сложной форме предмета лучше использовать фотошоп и формат изображения поддерживающий прозрачность.
Еще один недостаток этого метода состоит в том, что маской невозможно частично размыть края предмета, в отличие от обработки в фотошопе.
Clipping Mask в Adobe Illustrator
Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.
После отсечения маской части изображения вы можете продолжать редактировать контур. Двойной щелчок по обтравочной маске позволит менять расположение предметов внутри контура, удалять, вносить новые, менять форму контура или снова разобрать Clipping Mask и вытащить все элементы.
PowerClip в CorelDRAW
В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.
Контур в CorelDRAW также можно редактировать после создание маски.
Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.
3. Прозрачность режимом наложения
Что делать, если фон фотографии, как и фон макета уже белый, но углы изображения перекрывают важные детали макета. В таком случае, можно применить режим наложения. Применение этого режима к изображению будет достаточно, чтобы белый угол не залезал на изображение.
Этот способ позволяет получить прозрачный фон одним нажатием кнопки, совершенно ничего не выделяя и не вырезая.
В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).
В CorelDRAW возьмите инструмент — Transparency.
В панели параметров инструмента настройте так, как показано на скриншоте ниже:
Использовать этот режим нужно аккуратно, у него есть и свои недостатки. Хорошо работать он будет только на белом фоне, а сам предмет тоже станет прозрачным при наложении на текст или на другие изображения.
Видео урок: прозрачный фон
Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:
(Visited 2 847 times, 1 visits today)
39 60 922 0Очень часто случается так, что подобрав для определённых целей картинку, она вас вроде-бы и устраивает, но есть один важный нюанс – она не подходит по цвету. Такая ситуация очень знакома контент-менеджерам, или людям, которые имеют дело с размещением графических элементов. Что делать в этом случае? В голову не приходит ничего другого, кроме как сделать фон картинки прозрачным, для того, чтобы основное изображение выгодно смотрелось на фоне интернет-странички или баннера. О том, как это сделать, мы сегодня вам и расскажем.
Вам понадобятся:
Подготовка к обработке
Для этого открываем графический редактор Adobe Photoshop, нажимаем «Файл», «Открыть», и выбираем изображение, для которого хотим сделать прозрачный фон (или нажимаем правой кнопкой мыши по необходимому изображению, переходим в меню «Открыть с помощью…», и среди списка предустановленных программ выбираем Adobe Photoshop).
В качестве примера мы используем знак «СТОП», но, в принципе подойдёт любая оригинальная фотография . Итак, изображение мы загрузили. Что дальше?
Работаем с «волшебной палочкой»
Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).
Выбрав “волшебную палочку”, в верхнем меню станет доступно меню его настроек. В графе «Допуск» рекомендуем установить значение «21». Пожалуй, это все подготовления, которые нужны для того, чтобы сделать фон размытым или прозрачным (как в нашем случае).
Удаляем фон
Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.
Сохранение изображения
Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).
Вам понадобится
- — программа «Фотошоп»
- — изображение, у которого необходимо сделать полупрозрачный фон.
- — знать, как создавать новый слой
- — уметь пользоваться инструментом «Заливка», чертить фигуры в фотошопе
Инструкция
Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу Delete.
В окне «Слои» при выделенном нижнем слое установите нужный процент его непрозрачности, перемещая рычажок в поле «Непрозрачность» и наблюдая за изменением прозрачности фона на . Чем меньше будет значение непрозрачности, тем прозрачнее будет фон; чем — тем непрозрачнее.
Источники:
- Просто о создании сайтов и баннеров
Перед многими владельцами сайтов возникает вопрос, как обновить сайт или привнести в него что-нибудь новое. Менять на сайте можно многое: шрифт, цветовую гамму, расположение информационных блоков, общий фон. В этой статье вы узнаете, как установить картинку в качестве фона для сайта .
Вам понадобится
- Редактор html-кода
Инструкция
К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.
Первое, на что следует обратить внимание перед тем, картинку на сайт в качестве фона, это макет ширины сайта : фиксированный он или растягивающийся во весь экран. Если ширина фиксированная, то смело можете размещать картинку . Отображаться она будет у всех пользователей одинаково хорошо. Если сайт «резиновый», то изображение будет у каждого пользователя подгоняться под ширину экрана и может отображаться .
Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.
Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.
Обратите внимание
Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.
Полезный совет
Для редактирования сайта пользуйтесь программой Dreamweaver.
Источники:
- как сделать сайт картинки в 2019
Фотошоп открывает перед пользователями широкие возможности в обработке фотографий и рисунков – вы можете создать на выбранном изображении любой визуальный эффект, и количество этих эффектов ограничивается только вашим воображением, а также умением работать в Фотошопе. Одним из выразительных и красивых эффектов является прозрачность изображения. Умение делать фон фотографии прозрачным, а также уменьшать общую прозрачность рисунка поможет вам в дальнейшем редактировании изображений.
Инструкция
Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.
Выберите на панели инструментов любой инструмент, которым можно выделить те или иные области – вызовите их M или W. Масштабируйте рисунок для удобства и выделите те области, которые вы хотите сделать прозрачными.
После того, как выделение будет готово, замкните его и нажмите Delete. Лишние фрагменты изображения исчезнут, и вместо них вы увидите прозрачный фон.
В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).
Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.
Видео по теме
При создании логотипа весьма желательно иметь возможность сделать его фон прозрачным — в этом случае он будет более органично вписываться в любое оформление, будь то страница веб-сайта, документ в формате Word, флэш- или видео-ролик и т.д. Кроме того полупрозрачный логотип можно накладывать в качестве ватермарки на изображения и фотографии. Наиболее распространенный инструмент для проведения такого рода графических работ — Adobe Photoshop.
При создании коллажей и других композиций в Фотошопе зачастую возникает необходимость удалить фон с изображения или перенести объект с одной картинки на другую.
Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.
Сделать это можно несколькими способами.
Первый – воспользоваться инструментом «Волшебная палочка» . Способ применим в том случае, если фон изображения однотонный.
Открываем изображение. Поскольку картинки без прозрачного фона чаще всего имеют расширение JPG , то слой с названием «Фон» будет заблокирован для редактирования. Его необходимо разблокировать.
Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .
Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).
Теперь нажимаем клавишу DEL . Готово, белый фон удален.
Следующий способ убрать фон с картинки в Фотошопе – воспользоваться инструментом «Быстрое выделение» . Способ сработает в том случае, если изображение имеет примерно один тон и нигде не сливается с фоном.
Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.
Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.
Третий способ самый сложный и применяется на цветных изображениях, где нужный участок сливается с фоном. В данном случае нам поможет только ручное выделение объекта.
Для ручного выделения в Фотошопе есть несколько инструментов.
1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.
2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.
3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.
4. Перо. Наиболее гибкий и удобный для выделения инструмент. Пером можно рисовать как прямые линии, так и кривые любой сложности.
Итак, выбираем инструмент «Перо» и обводим наше изображение.
Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.
Опорные точки можно перемещать, зажав клавишу CTRL справа, а удалять, выбрав в меню соответствующий инструмент.
Пером можно выделять сразу несколько объектов на изображении.
По окончании выделения (контур необходимо замкнуть, вернувшись к первой опорной точке) нажимаем внутри контура правой кнопкой мыши и выбираем «Образовать выделенную область» .
Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.
Мы рассмотрели основные приемы для удаления фона с изображений. Существуют и другие способы, но они малоэфективны и не приносят желаемого результата
Как в фш сделать прозрачный фон. Как в фотошопе сделать прозрачный фон
Приветствую Вас, дорогие читатели моего блога!
Недавно мне понадобилось убрать фон с картинки, с фотошопом я не дружу особо. И скажу Вам, что у меня его даже нет на компьютере. (Ну правильно вообще то, зачем мне то, с чем я не умею работать).
Но фон с картинки надо было как то убрать, я начала бороздить просторы интернета, в поисках решения своей задачи. Вариантов очень много на самом деле, но я искала, что нибудь полегче)). Я нашла очень легкий и простой способ, как можно убрать фон с картинки.
И так, давайте приступим. Нам понадобиться фотошоп, но так, как у меня его нет. Я использую онлайн фотошоп. Очень удобная штука, я Вам скажу. И конечно же картинка фон которой мы хотим сделать прозрачным.
Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон
Заходим в онлайн фотошоп. Я использовала вот этот PIXLR
Выбираем: Загрузить изображение с компьютера.
Теперь справа в окошке «СЛОИ» надо открыть замочек
Кликаем на него 2 раза левой кнопкой мыши, должна появиться галочка в квадратике.
Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.
Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.
Как в фотошопе сделать прозрачный фон?
Фотошоп — одна из самых популярных программ среди людей, увлекающихся дизайном, графикой и рисованием. Фотошоп может понадобиться и людям далёким от творчества, но нуждающимся в его функциях. Например, понадобилось использовать какое-то изображением в тексте, но неприемлемо поместить его с имеющимся фоном. Для этого вы можете либо поменять фон , либо использовать прозрачный фон. Давайте попробуем разобраться, как в фотошопе сделать прозрачный фон.
Как в фотошопе сделать прозрачный фон — первый способ:
Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.
Как в фотошопе сделать прозрачный фон — второй способ:
Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».
Второй этап — необходимо скрыть слой под названием «фон». Для этого нужно будет просто кликнуть на изображение глазка, находящееся слева от слоя.
Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.
Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.
Теперь вы может использовать изображение без первоначального фона, вставляя его в требующийся документ. Нужно отметить, что инструмент «резинка» довольно сложен для новичков, если рука «не набита» ежедневной работой в данной программе. Поэтому могут возникнуть сложности при попытке «стереть» фон вокруг мелких объектов, таких как трава, например. Можно посоветовать либо совершенствовать мастерство, либо использовать для работы графический планшет (что больше свойственно профессионалам), либо попробовать другой способ.
Как в фотошопе сделать прозрачный фон — третий способ:
Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.
В сети есть большое количество видеоуроков по данной теме. Например, можно проследить за последовательностью действий на видео к статье.
Теперь вы сделали один шаг в сфере изучения базовых возможностей графической программы фотошоп и попутно реализовали свою потребность в качественном визуальном оформлении вашей работы. Поздравляем!
Вам понадобится
- — программа «Фотошоп»
- — изображение, у которого необходимо сделать полупрозрачный фон.
- — знать, как создавать новый слой
- — уметь пользоваться инструментом «Заливка», чертить фигуры в фотошопе
Инструкция
Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу Delete.
В окне «Слои» при выделенном нижнем слое установите нужный процент его непрозрачности, перемещая рычажок в поле «Непрозрачность» и наблюдая за изменением прозрачности фона на . Чем меньше будет значение непрозрачности, тем прозрачнее будет фон; чем — тем непрозрачнее.
Источники:
- Просто о создании сайтов и баннеров
Перед многими владельцами сайтов возникает вопрос, как обновить сайт или привнести в него что-нибудь новое. Менять на сайте можно многое: шрифт, цветовую гамму, расположение информационных блоков, общий фон. В этой статье вы узнаете, как установить картинку в качестве фона для сайта .
Вам понадобится
- Редактор html-кода
Инструкция
К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.
Первое, на что следует обратить внимание перед тем, картинку на сайт в качестве фона, это макет ширины сайта : фиксированный он или растягивающийся во весь экран. Если ширина фиксированная, то смело можете размещать картинку . Отображаться она будет у всех пользователей одинаково хорошо. Если сайт «резиновый», то изображение будет у каждого пользователя подгоняться под ширину экрана и может отображаться .
Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.
Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.
Обратите внимание
Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.
Полезный совет
Для редактирования сайта пользуйтесь программой Dreamweaver.
Источники:
- как сделать сайт картинки в 2019
Фотошоп открывает перед пользователями широкие возможности в обработке фотографий и рисунков – вы можете создать на выбранном изображении любой визуальный эффект, и количество этих эффектов ограничивается только вашим воображением, а также умением работать в Фотошопе. Одним из выразительных и красивых эффектов является прозрачность изображения. Умение делать фон фотографии прозрачным, а также уменьшать общую прозрачность рисунка поможет вам в дальнейшем редактировании изображений.
Инструкция
Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.
Выберите на панели инструментов любой инструмент, которым можно выделить те или иные области – вызовите их M или W. Масштабируйте рисунок для удобства и выделите те области, которые вы хотите сделать прозрачными.
После того, как выделение будет готово, замкните его и нажмите Delete. Лишние фрагменты изображения исчезнут, и вместо них вы увидите прозрачный фон.
В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).
Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.
Видео по теме
При создании логотипа весьма желательно иметь возможность сделать его фон прозрачным — в этом случае он будет более органично вписываться в любое оформление, будь то страница веб-сайта, документ в формате Word, флэш- или видео-ролик и т.д. Кроме того полупрозрачный логотип можно накладывать в качестве ватермарки на изображения и фотографии. Наиболее распространенный инструмент для проведения такого рода графических работ — Adobe Photoshop.
При создании коллажей и других композиций в Фотошопе зачастую возникает необходимость удалить фон с изображения или перенести объект с одной картинки на другую.
Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.
Сделать это можно несколькими способами.
Первый – воспользоваться инструментом «Волшебная палочка» . Способ применим в том случае, если фон изображения однотонный.
Открываем изображение. Поскольку картинки без прозрачного фона чаще всего имеют расширение JPG , то слой с названием «Фон» будет заблокирован для редактирования. Его необходимо разблокировать.
Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .
Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).
Теперь нажимаем клавишу DEL . Готово, белый фон удален.
Следующий способ убрать фон с картинки в Фотошопе – воспользоваться инструментом «Быстрое выделение» . Способ сработает в том случае, если изображение имеет примерно один тон и нигде не сливается с фоном.
Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.
Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.
Третий способ самый сложный и применяется на цветных изображениях, где нужный участок сливается с фоном. В данном случае нам поможет только ручное выделение объекта.
Для ручного выделения в Фотошопе есть несколько инструментов.
1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.
2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.
3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.
4. Перо. Наиболее гибкий и удобный для выделения инструмент. Пером можно рисовать как прямые линии, так и кривые любой сложности.
Итак, выбираем инструмент «Перо» и обводим наше изображение.
Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.
Опорные точки можно перемещать, зажав клавишу CTRL справа, а удалять, выбрав в меню соответствующий инструмент.
Пером можно выделять сразу несколько объектов на изображении.
По окончании выделения (контур необходимо замкнуть, вернувшись к первой опорной точке) нажимаем внутри контура правой кнопкой мыши и выбираем «Образовать выделенную область» .
Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.
Мы рассмотрели основные приемы для удаления фона с изображений. Существуют и другие способы, но они малоэфективны и не приносят желаемого результата
2 голосаДоброго времени суток, уважаемые читатели. Умение делать картинки с прозрачных фоном невероятно нужно каждому начинающему разработчику сайтов, дизайнеру и даже обычному человеку.
Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.
Оказывается, что у многих возникают трудности с этим, но публикаций в интернете на эту тему в интернете вообще нет. Только несколько тем на форумах. Но, я беру на себя миссию исправить эту несправедливость…
Итак, сейчас я одену на себя рыцарские доспехи и развею все страхи, сомнения, непонимание и превращу трудности искусства фотошопного в бесхитростную обыденность. Я также поведаю обо всех тонкостях мастерства. Готовьтесь. «Ведать» я буду очень простым языком, чтобы понятно стало каждому, так что прошу прощения у читателей, которых смущает такая дотошность и они сами все прекрасно знают.
Более терпеливых я благодарю за понимание. Приступим.
Чего нужно добиться, чтобы фотка была действительно прозрачной
Прозрачность на картинке обычно отображается вот такой шашкой. Если вы видите ее в Google, то значит изображение можно без проблем качать и при наложении этого объекта на другой фон не поменяется цвет.
Как вы можете увидеть, такая шашка не отображается, если изображение в поиске отражено через миниатюру. Надо кликнуть на картинку и дополнительная информация откроется.
Вот смотрите, я скопировал этот рисунок и вставил его на фотографию поля. Не буду вдаваться как именно я это сделал, сейчас это не важно. Самое важное, что вы видите все части поля, кубики как будто были вырезаны и наложены на картинку.
Если бы я не нашел в поиске фотографию с шашкой, то иллюстрация выглядела совсем иначе. Фон был бы белым и прямоугольным.
Почему так? Эта шашечка – общепринятый признак, если вы его видите, то значит в этой части иллюстрации цвета нет совсем, и при наложении вы увидите нижнюю часть рисунка. Точно также прозрачность отображается и . Если вам нужно убрать фон из фотографии, то необходимо добиться того, чтобы вместо цвета, вы смогли узреть вот этот заветный узор. Шашку.
Как правильно хранить прозрачные картинки
Все мы привыкли к такому формату фотографий, как jpeg. Некоторые люди даже и не знают о существовании других. Однако, он не понимает, что такое прозрачность. Для того, чтобы скачивать и хранить на своем компьютере «правильные» фотографии, вам понадобится понять и запомнить новый формат — png.
Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.
Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.
Зачем было нужно придумывать другой формат? Все дело в том, что популярный jpeg, не понимает, что такое прозрачность. Он меняет ее на привычный белый.
Как избавиться от фона: простой и довольно быстрый способ без лишних заморочек
В моем блоге вы можете найти статью, в которой я показываю 4 инструмента и привожу видео, в котором можно найти 3 способа избавиться от фона на рисунке (). Можете прочитать ее, если вам интересно. Сейчас я хотел бы показать вам еще один прием, так как считаю, что без этого статья была бы не полной. Мало ли, кто-то не захочет лазить по моему блогу. А тут все в одном месте.
Итак, открываем картинку.
Находим инструмент «Фоновый ластик». Если не можете его отыскать, то подержите несколько секунд мышку с зажатой левой кнопкой на клавише обычного ластика. Нужный инструмент откроется. Вы сможете его добавить, щелкнув по нему.
Можете увеличить диаметр ластика, чтобы стирать было удобнее.
Теперь повозюкайте по ненужным элементам на картинке. Вы увидите, как шашка начинает проявляться, а цвет исчезать!
Надеюсь, что после того как вы закончите, у вас не возникнет вопроса в каком формате сохранять обработанный рисунок. Конечно же PNG.
Данный метод стирания не назовешь самым лучшим и невероятно удобным. Поэтому я рекомендую вам все-таки обратить внимание на предыдущую мою статью, полностью посвященную этой теме.
А если вам интересно работать в фотошопе, то советую вам начать на этом зарабатывать! Спрос есть. Вы без труда можете попробовать , обрабатывать картинки, и делать много всего интересного. Поверьте, это действительно нужно. Вы можете убедиться, открыв несколько сайтов для фрилансеров.
Думаете, что у вас не получится или вы слишком стары для этого дерьма? Не хватает времени? Поверьте, это все нелепые отговорки. Я юрист и зарабатываю достаточно, но … у вас есть хобби, любимое увлечение? Вы живете полной жизнью? Вам действительно не скучно?
Что бы вы ни знали и чем бы ни интересовались. Интернет открывает массу новых возможностей. Впустите в свою жизнь изменения. Если деньги вас не интересуют – это еще лучше. Это дает больше шансов вашему проекту стать дорогим, крутым и успешным. Все известные люди не работают ради прибыли, они трудятся, потому что любят то, чем они занимаются. Редко кто из них называет это «работой».
Прошло время, когда основное время человек проводил за компьютером или телевизором. Теперь все развиваются, улучшают какие-то свои навыки и делятся с людьми тем, что они знают. По сути так всегда было, увеличились только масштабы.
Кстати, не так давно читал секреты долголетия кавказских горцев. Один из принципов состоит в том, что к ним постоянно ходит молодое поколение, чтобы советоваться по каким-то важным вопросом. Старики чувствуют себя нужными, а потому не испытывают никаких отрицательных эмоций относительно старости. На Кавказе не бояться становиться старыми.
Кстати, позитивный настрой – это еще один их секрет. Старцы утверждают, что со злыми, раздраженными и скучными людьми, у которых нет интересных увлечений, никто не хочет общаться, а потому, такой образ жизни крайне невыгоден, особенно в пожилом возрасте.
Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля » и овладейте им в совершенстве. Очень быстро у вас появится прибыльное хобби. Не так уж увлечены дизайном? Обратите внимание на то, и создавайте свои проекты.
Если вам понравилась эта статья, и я хотя бы немного заинтересовал вас – подписывайтесь на рассылку. Пусть не сейчас, но дайте себе шанс заняться чем-то новым. Я буду присылать вам свои публикации о том, как можно зарабатывать деньги в интернете.
Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?
Обернется ли хобби во что-то большее или вы просто покажете результат своих трудов друзьям, дабы получить их похвалу и восхищение? В отличие от многих вы встанете с дивана и сделаете то, что выведет вас за рамки привычного. Вы попытаетесь изменить свою жизнь. Это очень похвально.
Я искренне желаю вам успехов в ваших начинаниях и надеюсь, что эта наша встреча будет не последней.
Сделать фон Photoshop прозрачным, удалить или сохранить его
Изображение успешно вырезано, но что делать дальше? Как сделать фон прозрачным в фотошопе? В нашем уроке вы узнаете, как сохранять объекты с прозрачным фоном и редактировать их в Photoshop.
Вырезание объекта в редакторе изображений, таком как Photoshop или Affinity, может занять довольно много времени. Чтобы эти усилия окупились, важно знать, как вырезанный вами объект можно редактировать с прозрачностью без потери информации.Чтобы убедиться, что у вас есть изображение в правильном формате для предполагаемой цели, при сохранении изображения следует учитывать несколько моментов.
Содержание
Прозрачный фон в Photoshop: разблокировка слоев
В нашем примере мы хотим вырезать руку, держащую лист, из фона (голубое небо). Первый шаг — импортировать или открыть изображение в Photoshop. Объект будет автоматически создан в качестве фона в размере нашего изображения.Для некоторых приложений может иметь смысл работать с этим заблокированным фоновым слоем. Но в большинстве случаев вам понадобится редактируемое изображение. Для этого вам нужно разблокировать фоновый слой или преобразовать изображение в нормальный слой.
Это можно сделать двумя способами. Дважды щелкните фоновый слой и подтвердите открывшееся рабочее пространство. Или перетащите маленький значок замка на значок мусорной корзины в нижней правой части окна слоев. Это снимет блокировку фона, и теперь вы можете перетащить изображение в любое место в окне проекта.
Внешний вид прозрачных пленок в Photoshop: При перемещении изображения ваш объект будет отображаться на серо-белом фоне шахматной доски. Вот как Photoshop отображает прозрачные пленки и сообщает вам, что в этой позиции окна проекта нет другого содержимого, кроме пустого и прозрачного пространства.
Вырезание объектов — одна из многих возможностей
На следующем этапе мы хотим отделить объект от фона.Поскольку между рукой, держащей лист, и голубым небом есть хороший контраст, это изображение идеально подходит для вырезания — особенно с использованием нового инструмента выбора объекта в Photoshop 2020.
Использование инструмента выбора объекта для вырезания
Вот как: Выберите инструмент «Выбор объекта» на панели инструментов и нарисуйте приблизительно область, которую хотите вырезать. Photoshop должен автоматически определить края и сделать предварительный выбор. Затем нажмите Select and Mask в верхнем меню.В этой рабочей области вы можете уточнить выбор, чтобы получить почти идеальный результат за короткое время. В нашем примере инструмент «Выбор объекта» в Photoshop уже дал очень хороший результат.
Уточнение краев для получения идеального результата
Чтобы уточнить это выделение, снова щелкните «Выделение и маска» в верхнем меню и используйте инструмент «Уточнить край кисти» на левой панели инструментов, чтобы провести по контурам листа и кончиков пальцев. Если вы еще не удовлетворены измененным выбором объекта, вы можете дополнительно определить интеллектуальный радиус 1 пиксель в правом окне настроек.
Затем перейдите в «Параметры вывода» и установите флажок «Очистить цвета». Ваш исходный файл будет сохранен, а вырезанная область будет создана как отдельный слой. Наконец, подтвердите рабочее пространство, щелкнув OK, и ваш вырезанный объект будет отображаться: рука с листом отображается в Photoshop на прозрачном фоне, то есть серо-белый узор в виде шахматной доски.
Цветовое пространство RGB — создание прозрачного фона в Photoshop
Объект, который мы вырезали, представляет собой изображение в цветовом пространстве RGB.RGB — это как раз подходящее цветовое пространство, если вы хотите опубликовать свое изображение в цифровом виде, например, на экранах или в Интернете. Photoshop позволяет сохранять изображение с прозрачностью непосредственно для веб-публикации. Чтобы сохранить прозрачность, вам нужно только выбрать правильный формат при сохранении изображения.
PNG обеспечивает прозрачность цифровых изображений.
Щелкните файл и затем «Сохранить как». Откроется новое окно. Выберите PNG под типом файла здесь. PNG (Portable Network Graphics) — это формат графических файлов, который поддерживает сжатие данных без потерь и является наиболее широко используемым графическим форматом без потерь во всемирной паутине.PNG также может отображать прозрачность в цветовом пространстве RGB, что делает его идеальным для сохранения вырезанного объекта.
Наконец, сохраните файл под уникальным именем и нажмите «Сохранить». В следующем окне вы можете настроить уровень сжатия файла. Нажмите ОК, чтобы подтвердить настройки и сохранить изображение как PNG с прозрачностью. Теперь вы можете перетащить сохраненный файл изображения прямо в новый документ Photoshop. После того, как изображение будет вставлено, вы увидите только вырезанный объект.
Важно: Невозможно впоследствии восстановить удаленный фон, потому что PNG игнорирует эту информацию об изображении при сохранении файла.
Для проектов печати: сохраните прозрачный фон в цветовом пространстве CMYK
Если вы хотите распечатать изображение, вы должны сохранить его как другой формат файла в своей программе макета, поскольку цветовое пространство CMYK не поддерживает формат PNG.
Преобразование изображения — из RGB в CMYK
Сначала преобразуйте изображение RGB в цветовое пространство CMYK. Щелкните Изображение в меню и выберите цветовой режим CMYK в разделе «Режим». При преобразовании в Photoshop вы можете выбрать, сглаживать слои или нет.Щелкните здесь Не объединять. Появится сообщение, информирующее вас о том, что документу будет назначен новый цветовой профиль в цветовом пространстве CMYK. Подтвердите это окно с помощью OK.
Формат TIFF делает фон прозрачным.
Теперь вы преобразовали изображение из RGB в CMYK и можете сохранить его для печати, щелкнув «Файл» и «Сохранить как» в меню. В следующем окне выберите тип файла TIFF и нажмите «Сохранить». В последнем окне представлены различные параметры настройки, которые в основном касаются размера файла.
Чтобы сохранить изображение с прозрачностью в формате TIFF, установите флажок Сохранить прозрачность. После подтверждения окна ваше изображение будет сохранено в цветовом пространстве CMYK в формате TIFF с прозрачностью. Теперь вы можете вставить этот файл в открытые проекты Photoshop или InDesign. Должна отображаться только вырезанная область.
Прозрачные пленки увеличивают объем данных: для файлов TIFF требуется много памяти
У вас должно быть достаточно памяти для хранения одного, но особенно нескольких изображений в формате TIFF с прозрачностью.Это связано с тем, что файл изображения, сохраненный в формате TIFF с прозрачностью, обычно имеет очень большой размер . Среди прочего, это связано с четырьмя цветовыми каналами, встроенными цветовыми профилями, прозрачностью и общим объемом информации об изображении.
Источники: Спикер и дизайнер: медиа-дизайнер Кристоф Ульрих.
Как сделать прозрачный фон в Photoshop — 3 совета
В этом видео я покажу вам, как сделать прозрачный фон в Photoshop.Это очень легко сделать, и вы можете это сделать, даже если вы новичок в Photoshop. Я использую 3 разных изображения в качестве примеров и показываю вам процесс выбора и удаления фона, чтобы сделать его прозрачным. Это полезно для многих разных вещей, включая изменение фона изображения, композицию и многое другое. Важно знать, как сделать прозрачный фон в Photoshop.
Как сделать прозрачный фон в Photoshop
В этом первом совете по созданию прозрачного фона в Photoshop мы будем использовать это изображение логотипа Twitter.Убедитесь, что фоновый слой разблокирован. Вы можете нажать на замок, и он разблокирует его, или вы можете просто создать новую копию этого фонового слоя, Command + J. А так как у нас есть логотип, который имеет большой контраст между фоном, мы собираемся сделать так, чтобы Photoshop сделал всю работу за нас.
Итак, если вы перейдете в Window и перейдете к свойствам, здесь есть кнопка, которая говорит, что удалить фон. Так что щелкните по нему. И одним щелчком мыши Photoshop вырезал этот логотип и создал свою собственную маску слоя.Если вы отключите фоновый слой, вы увидите прозрачность. Если бы это был более сложный логотип, вы могли бы использовать маску для уточнения выделения.
Теперь нам нужно сохранить этот логотип в формате PNG. PNG — один из лучших форматов файлов, поддерживающих прозрачность. Теперь мы перейдем к файлу-> экспорт-> экспортировать как. Здесь написано, что это формат настроек файла. Убедитесь, что выбран PNG и установлена прозрачность. Если вы хотите изменить размер изображения, вы можете сделать это и здесь, но мы собираемся экспортировать его и сохранить.Теперь я хочу использовать свой недавно созданный прозрачный логотип и разместить его прямо по центру экрана прямо здесь.
Итак, теперь я просто перетащу свой логотип в Photoshop и нажму галочку. Так что, если я переместу это, я вижу, что логотип на сотовом телефоне на самом деле белый. Итак, мы смотрим на миниатюру прямо здесь, где находится логотип Twitter. Это смарт-объект, и если вы дважды щелкните по нему здесь, вы можете редактировать смарт-объект.
Я собираюсь подойти сюда, чтобы Редактировать-> Заполнить и заполнить содержимое белым цветом, скажем ОК, я собираюсь закрыть свой смарт-объект, и я собираюсь сохранить его, и теперь я могу преобразовать свой логотип с помощью команды + T и уменьшите его до размера, при котором он выглядит хорошо и как бы заменяет логотип, который был там, и нажмите галочку.Вот так мы смогли сделать прозрачный фон на логотипе. И экспортируйте его как PNG. У меня есть еще два совета.
Как сделать прозрачный фон для изображения с помощью маски слоя.
Итак, в этом примере мы собираемся использовать инструмент выбора объекта в Photoshop. Здесь вверху находится кнопка «Выбрать тему», мы нажимаем на нее, и Photoshop делает все возможное, чтобы сделать выбор. Я собираюсь использовать инструмент быстрого выбора и займусь здесь одной маленькой областью. Я собираюсь спуститься к нижней части панели слоев и нажать значок добавления маски слоя, и теперь замечаю, что благодаря использованию маски слоя у вас теперь прозрачный фон.
А если я хочу эту маску доработать. И дважды щелкните маску слоя. И нажмите кнопку выбора и маски, и я могу использовать здесь ползунок прозрачности, чтобы увидеть немного больше фона, и на самом деле Photoshop неплохо справился. Если мне нужно сделать больше, я мог бы использовать инструмент Refine Edge и, возможно, просто обойти внешнюю часть волос, а затем я собираюсь спуститься вниз, где написано, что выход два. Я собираюсь вывести его на ту же маску слоя. Я скажу ОК,
Я собираюсь добавить новый пустой слой поверх нулевого слоя.Я собираюсь удерживать alt или option и закрепить его на слое ниже того, что это будет делать, это позволит мне выполнить любое ретуширование, которое мне нужно, чтобы продолжить это изображение. Но я не собираюсь идти дальше. Я добавил этот дополнительный слой, чтобы показать вам этот пример.
Итак, теперь давайте предположим, что мы хотим использовать это изображение для композиции. У нас получилась эта модель вырезанная из белого фона, фона, прозрачного. Теперь мы хотим поместить это изображение в другое изображение как часть композиции. Итак, теперь я собираюсь прийти сюда, чтобы сохранить файл как файл сохранения на вашем компьютере, и у меня есть все эти форматы, в которых я могу сохранить мой документ, чтобы я мог сохранить его в PNG, потому что он поддерживает прозрачность.
Кроме того, JPEG 2000 теперь поддерживает прозрачность JPEG JPEG 2000, но он не так часто используется. Документы Photoshop также поддерживают прозрачность, но тогда этот документ предназначен только для использования в Photoshop, TIFF также поддерживает прозрачность, поэтому я собираюсь выбрать TIFF и сказать «Сохранить», ЕСЛИ появятся подсказки, я скажу ОК.
А вот изображение, с которым я хочу поработать. Я собираюсь сделать копию фонового слоя Command + J. И я хочу перевернуть его, потому что окна на другой стороне, поэтому я скажу команду + T, щелкните правой кнопкой мыши и скажу перевернуть по горизонтали, и теперь я собираюсь получить свое изображение с моделью, которая уже вырезана и имеет прозрачность.Я собираюсь перенести его на это изображение или перетащить. Я оставлю его там и поставлю галочку.
Но, как вы можете видеть, файл TIFF поддерживает прозрачность вместе с файлом PNG и еще кое-что, на что следует обратить внимание, когда вы просто перетаскиваете изображение в Photoshop таким образом, оно появляется как смарт-объект. Если вы дважды щелкните по нему, этот смарт-объект откроется, и там будут все слои, поэтому добавленный мной дополнительный слой и маски слоев, если я хочу уточнить выбор, я могу сделать это прямо здесь.Я мог бы сделать больше редактирования, а затем сохранить свой смарт-объект, чтобы формат TIFF также поддерживал прозрачность.
Как сделать прозрачный фон для текстового слоя
Совет №3, мы будем работать с текстом. Итак, создайте новый документ File-> New, и я выберу нестандартный размер 1280 x 720. Мне нужен белый фон, и я скажу создать. В этом новом документе, который мы создали, будет текстовый слой.
Что я хочу сделать с этим текстовым слоем? Я хочу иметь возможность использовать этот текстовый слой для любого изображения, которое я хочу.Я собираюсь перейти к своему текстовому инструменту и набрать слово ЛЕТО. Поставь мой флажок здесь. Я немного сдвину его. На этот раз я воспользуюсь инструментом выделения объектов и нарисую прямоугольник вокруг слова лето. Выбраны все буквы. Затем в нижней части панели слоев я нажму «Добавить маску слоя». И когда я выключаю фон, у меня появляется текстовый слой с прозрачностью.
Прежде чем сохранить это как файл PNG, я думаю, что хочу изменить цвет шрифта на белый.Итак, я собираюсь выделить свой текст, подойти сюда и изменить свой цвет на белый. Нажмите на галочку, которую трудно увидеть, но теперь я сохраню ее как PNG.
Я собираюсь подойти сюда, чтобы экспортировать файл, экспортировать как, мой формат — PNG, вы можете видеть, что есть прозрачность, но убедитесь, что прозрачность отмечена. Я не собираюсь менять размер, который собираюсь экспортировать, и выбирать, где его сохранить на рабочем столе, и говорить «сохранить». Вот изображение, к которому я хочу добавить свой PNG-файл.Вот мой файл PNG. Перетащите его в мой документ. Поставляется как смарт-объект, поэтому я могу потянуть эти ручки, расположить его там, где я хочу, и сказать «ОК».
Посмотреть мой сайт фотографии здесь 👉 https://www.charlescabreraphotography.com
См. Мою предыдущую статью в блоге здесь 👉 https://charlescabrera.com/how-to-crop-an-image-in-photoshop-2-minute-tip/
Как сделать прозрачный фон Элементы Photoshop 13
Как сделать прозрачный фон при редактировании
Здравствуйте
Мне было интересно, как получить прозрачный фон во флеше.Я провел много исследований и видел много форумов, но я не хочу, чтобы мой файл экспортировался в HTML. Возможно ли иметь прозрачный фон, а некоторым нужен файл HTML? Я пробую это войти в Camtasia Studio, но за анимацией есть белый прямоугольник, блокирующий все остальное.
Спасибо
Orion31
Вы экспортируете видео для входа в Camtasia? Следовательно, если в параметрах экспорта видео есть флажок, чтобы указать игнорировать цвет сцены и создать альфа-канал.Не говорите сжать видео в Adobe Media Encoder, просто возьмите файл MOV в Camtasia.
Если вы скажете, что Camtasia поддерживает импорт SWF-файлов, то Camtasia сделает фон прозрачным.
Как сделать прозрачный фон в файле PNG
Я хочу сделать изображение PNG с прозрачным фоном, а не с белым фоном. См. Эту ссылку для изображения:
http: // www.drifterandthegypsy.com/wp-content/uploads/2012/11/lookatthebrightside_11.jpg
У меня очень старая программа Photoshop Photoshop 7.
Я попробовал нажать «Сохранить для Интернета», выбрать формат PNG-24 и установить флажок «Прозрачность», но это не сработало.
Привет
Попробуйте что-то вроде следующего:
(нажмите на скриншоты ниже, чтобы увидеть больше великолепных обзоров)
1. Выберите волшебную палочку и установите те же настройки в параметрах панели инструментов, как показано ниже.
Нажмите на белую область за пределами желтого круга с помощью волшебной палочки.
2. выберите> изменить> развернуть и введите 1
3. перейти в редакцию> вырезать
4. Зайдите в Image> Trim и отметьте прозрачные пиксели
.5. перейдите в файл> сохранить для Интернета и выберите проверенный с прозрачным форматом PNG-24
& lbrack; Заблокировано & rsqb; Как сделать прозрачный фон в моем файле Illustrator & quest;
Я относительно новичок в Illustrator (работаю в CS4) и создал логотип компании для одного из моих клиентов.Когда я помещаю логотип в Photoshop или InDesign, он находится в белом поле. Как сделать фон прозрачным в исходном файле Illustrator?
Illustrator> просмотр> увидеть сетку прозрачности
Вы увидите узор в виде шахматной доски, указывающий, где у вас есть прозрачность.
Сохраните свой .ai с совместимым файлом PDF и поместите его в InDesign
Если в InDesign вы разместили файлы .eps, вы
InDesgin> > просмотр> производительность дисплея> высококачественный дисплей
Как сделать прозрачный фон & quest;
У меня черный текст на белом фоне.Точно так же, как то, что вы видите здесь, в этом посте.
Я хочу перетащить текст на несколько картинок. Как мне избавиться от белого фона, чтобы я это делал? Спасибо!
Просто перетащите текст на изображение слоя фотографии.
(я предполагаю, что вы создали текст в отдельном файле изображения, и он всегда находится на отдельном слое)
Как сделать черный фон моей фотографии в Photoshop CS6 & quest;
Как сделать черный фон моей фотографии в Photoshop CS6?
Привет-
Есть несколько способов сделать это.Без более точного описания фотографии, которую вы используете, я привел несколько ссылок:
Использование инструмента быстрого выбора:
Инструмент Magic Wand:
Прочие:
Сообщите нам о других проблемах:
Жанель
Может кто-нибудь подскажет, как сделать резервную копию 13 элементов на случай, если у меня сломался телефон и мне нужно переустановить & quest; Я использую Windows 7 & период; Спасибо & excl;
Может кто-нибудь подскажет, как сделать резервную копию элементов 13 на случай, если мой ноутбук сломался и мне нужно переустановить с помощью Windows 7.
В этом не должно быть необходимости. Файлы для скачивания доступны в нескольких местах, и они должны оставаться такими.
PES 10, 11, 12, 13 — https://helpx.adobe.com/photoshop-elements/kb/photoshop-elements-downloads.html
PE 10, 11, 12, 13 — https://helpx.adobe.com/premiere-elements/kb/premiere-elements-downloads.html
Вы также можете загрузить демонстрационную версию программного обеспечения со страницы, указанной ниже, а затем использовать свой текущий серийный номер для ее активации.
Не забудьте выполнить шаги, описанные в Примечании: очень важные инструкции в разделе на страницах этого сайта загрузите и включите файлы cookie в вашем браузере, иначе загрузка не будет работать правильно.
Photoshop / Premiere Elements 13: http://prodesigntools.com/photoshop-elements-13-direct-download-links-premiere.html
Как создать прозрачный фон
Привет, ребята.
Я хочу создать прозрачное изображение или фон. Не могли бы вы помочь мне, как создать прозрачное фоновое изображение. Имя моего веб-сайта — Digi Shiksha. Я хочу размещать изображения на facebook для этого. Я хочу создать прозрачное изображение, если вы знаете. мне как создать прозрачное изображение?
Вам также потребуется сохранить в формате, поддерживающем прозрачность, — как PNG. JPEG не работает.
Дэйв
Как измерить расстояние в элементах фотошопа 14 & quest; любой инструмент и квест;
Как измерить расстояние в элементах фотошопа 14? любой инструмент?
Вы можете использовать онлайн-инструмент и следить за L (длиной) в поле в области документа или в окне > Панель информации .
Длина отображается в единицах измерения значения правила, таких как дюймы, пиксели или …
Как создать прозрачный фон в Adobe Illustrator & quest;
Я делаю логотип и сохраняю его как PNG с прозрачным фоном. Это для веб-сайта. Как создать прозрачный фон? Спасибо!
Фон прозрачный, если вы что-то не рисуете.
Как перенести лицензию Photoshop Elements на новый компьютер с Windows 8
Как перенести лицензию Photoshop Elements на новый компьютер с Windows 8?
Привет
Перед установкой в новой системе выполните следующие действия, чтобы отключить Photoshop Elements в старой системе.
1. Запустите Photoshop Elements.
2 — перейдите к опции «Помощь» и выберите «Отключить».
После отключения вы можете загрузить Photoshop Elements по ссылке ниже.
Загрузить продукты Photoshop Elements | 10, 11, 12, 13
Сообщите нам, если это поможет!
С уважением
Vivet
Как исправить ошибку 400 Photoshop Elements 7
Как исправить ошибку 400 Photoshop Elements 7.Могу вообще не подключаться …
К вашему сведению, это форум Фотошопа, а не форма пунктов, но думаю может помочь
Невозможно подключиться к службам Photoshop.com
Как перенести в новый Photoshop элементы 12 моего старого ноутбука laptop & quest;
Как перенести в новый Photoshop элементы 12 моего старого ноутбука? Кроме того, я бы перешел к 13 пунктам.
Загрузить продукты Photoshop Elements | 12, 11, 10
Милениум
Как загрузить копию Photoshop Elements 8 для моего ноутбука & lpar; Она у меня на столе & rpar;
Как загрузить копию Photoshop Elements 8 для моего ноутбука (она у меня на столе)
Скачать на следующей странице:
http: // helpx.Adobe.com/Photoshop-elements/KB/Photoshop-Elements-7-8-9-downloads.html
Как перенести в новый Photoshop Elements 10 со старого портативного компьютера
Как перенести на новый Photoshop Elements 10 со старого портативного компьютера?
Вы должны быть установлены так же, как на старой машине.
Если вы сохраняете экземпляр лицензии, отключите его во время удаления.
Или, если вы уже использовали свою установку «два», вам необходимо выключить машину, а затем
, чтобы он освободил экземпляр для новой установки.
как сделать фон прозрачным в фотошопе cc 2021 |
От фотографии продукта до веб-дизайна, как правило, изображение бывает только лучше, кроме как сделать фон прозрачным в фотошопе. Однако решение этой задачи без соответствующих инструментов вызовет раздражение даже у самых разносторонних фотографов. К счастью, недавние обновления Adobe Photoshop упрощают этот метод. Иногда для этого достаточно нескольких щелчков мышью.
Новая функция Photoshop 2020 механически удаляет x-прозрачный фон.Этот метод использует вычисления для проверки того, что компоненты изображения остаются и от которых нужно избавляться. А.И. Однако он редко бывает таким универсальным, как чей-то редактор, а для сложных изображений также необходимо ручное удаление фона с помощью ряда различных инструментов выделения Photoshop.
Искоренить портретную съемку на заднем плане с помощью альтернативы
Photoshop 2020 поставляется с заменой отсечки для удаления фона, которая приводится в действие инструментом «Выбрать тему». Однако обрезка не всегда получается правильной, но она хорошо работает для простых изображений, а для других она будет улучшена.Прежде чем начать, убедитесь, что у вас установлен Photoshop 2020 версии 21.0.0 или более поздней. Если нет, вам нужно сначала обновить программное обеспечение.
Начните с копирования слоя «Сделать фон прозрачным» в слое Photoshop, чтобы сформировать такой слой, в котором Photoshop должен использовать этот инструмент. Выберите полную фотографию (команда + A в macOS или Control + A в Windows), скопируйте и вставьте. На панели слоев щелкните значок глаза рядом со значком внимания красного x прозрачного фонового слоя, чтобы закрыть фон.Отсюда вы будете работать только с новым созданным слоем.
На панели «Свойства» справа перейдите в раздел «Быстрые действия».
В разделе «Быстрые действия» нажмите «Удалить фон». Вам придется подождать несколько минут, пока программа найдет тему и уберет прозрачность фона в фотошопе. После завершения программы вы должны увидеть тему на прозрачном фоне с меткой x (обозначенном клетчатым узором).Если вы не видите этот прозрачный фон, убедитесь, что слой прозрачного фона вашей футболки скрыт.
Эта быстрая техника отлично работает для нескольких фотографий, а для других результат вызывает смех. Если это не сработает, перейдите к описанной ниже ручной процедуре. Если продукт закрыт, но примерно вправо, щелкните маску, которую Photoshop создал механически (черно-белое изображение на панели слоев). Выбрав маску, используйте белую кисть, чтобы выделить тему, и черную кисть, чтобы стереть все фоновые элементы, которые не были удалены.
Когда вы будете довольны результатом, вы сможете удалить фоновый слой и сохранить файл как PNG, чтобы позаботиться о прозрачности, или как PSD, чтобы вернуться и ВНЕСТИ много изменений позже.
Создание графики с прозрачностью в Photoshop: Только IU: Файлы: Создание графики для Интернета: Все темы обучения: Библиотека материалов обучения ИТ UITS: Университет Индианы
Photoshop позволяет нам создавать графику, включающую прозрачность, что может приводить к некоторым визуальным эффектам. интересные эффекты для нашей веб-графики.Ханна спросила, можем ли мы сфотографировать собаку и придать ей форму сердца с прозрачной областью вокруг сердца. Мы легко можем сделать это в Photoshop, используя маски.
Нам нужно будет создать новый документ для размещения нашего изображения.
ПРИМЕЧАНИЕ: Если вы хотите пройти описанные ниже шаги, посмотрите это видео о создании графики с прозрачностью в Photoshop.
Шаг 1. Чтобы создать новое изображение, в строке меню
Щелкните Файл, щелкните Новый…
Откроется окно «Новый документ » :
Здесь мы можем изменить настройки документа, чтобы наша графика была готова к работе в Интернете с самого начала. Первое, что мы сделаем, это изменим тип документа.
Шаг 2. Чтобы изменить тип создаваемого документа, на панели в верхней части окна «Новый документ»
Щелкните Интернет
Содержимое окна изменится и покажет нам параметры для создания веб-графика. Если вы посмотрите на панель справа, вы заметите, что Photoshop уже установил разрешение для нашего нового файла на 72 ppi.Здесь мы установим размер нашего нового документа, а также укажем, что нам нужен прозрачный фон.
При создании веб-графики в Photoshop следует отметить то, что теперь веб-графику можно создавать на артбордах . Монтажная область в Photoshop — это область в нашем документе, которая содержит иллюстрации, которые мы затем можем экспортировать в формат файла, готового к использованию в Интернете. У нас может быть несколько артбордов в Photoshop, каждая со своими слоями и изображениями; однако в этом упражнении мы будем использовать только одну монтажную область.
Начнем с определения размера артборда. Photoshop предлагает несколько различных размеров для веб-графики, но нам нужно что-то немного меньшее, чем то, что представлено здесь, так как у нас ограниченное количество места для этой графики в нашем веб-документе. Давайте изменим размер нашей монтажной области на квадрат 300 пикселей.
Шаг 3. Чтобы изменить размер нашей монтажной области, в поле «Ширина» в правой части окна «Новый документ»,
Нажмите и перетащите текущее значение, введите: 300 Tab key 300
Далее, мы изменим цвет фона нашего документа.В Photoshop мы можем указать, хотим ли мы установить определенный цвет для нашего фона, прежде чем мы начнем работать. По умолчанию цвет фона установлен на белый, но нам бы хотелось, чтобы фон был прозрачным. Мы можем изменить цвет фона в раскрывающемся списке Background Contents.
Шаг 5. Чтобы указать, что нам нужен прозрачный цвет фона, в разделе «Содержимое фона» окна «Новый документ» нажмите
Щелкните, щелкните «Прозрачный»
ПРИМЕЧАНИЕ: В Photoshop CC 2017 и более ранних версиях , чтобы просмотреть раскрывающееся меню «Содержимое фона», в нижней части окна «Новый документ» нажмите.
Последнее, что нам нужно проверить, — это цветовой режим нашего документа. Мы можем видеть это чуть выше раскрывающегося списка Background Contents. Как часть веб-профиля для него установлено значение RGB, поскольку веб-графика обычно просматривается на экране. Компьютерные экраны всех типов используют цветовой режим RGB, сочетающий красный, зеленый и синий свет для отображения цветов на наших экранах. Рекомендуется дважды проверить этот параметр при работе с веб-графикой, чтобы убедиться, что мы используем правильный цветовой режим для нашей работы.
Шаг 6. Чтобы убедиться, что мы работаем в цветовом режиме RGB, при необходимости, в раскрывающемся списке Color Mode,
Щелкните, щелкните RGB
Теперь, когда мы убедились, что все наши настройки верны, мы готовы закончить создание нашего нового документа.
Шаг 7. Чтобы завершить создание нашего нового документа,
Щелкните
Откроется новый документ. Начнем добавлять изображения, с которыми мы собираемся работать, в наш документ.
Использование команды «Поместить»
Чтобы добавить изображения в наш документ Photoshop, мы будем использовать команду Photoshop «Поместить » для импорта изображений.В Photoshop CC есть два варианта размещения изображений: «Поместить внедренное» и «Поместить связанное». Каждый из этих параметров работает по-разному:
- Поместить встроенный позволяет нам разместить весь документ в нашем документе Photoshop, и он рассматривается как смарт-объект. Он работает так же, как команда «Поместить» в предыдущих версиях Photoshop.
- Поместить связанный позволяет нам разместить ссылку на существующий файл в нашем документе Photoshop и упрощает обновление изображения, которое включено в ряд документов.«Поместить связь» ведет себя аналогично команде «Поместить» в InDesign.
Сегодня мы будем использовать Place Embedded, так как мы не будем изменять изображения за пределами этого документа.
Шаг 1. Чтобы импортировать первое изображение, в строке меню,
Щелкните File, щелкните Place Embedded …
Step 2. Чтобы открыть нужный файл,
Double -Щелкните white_dog.jpg
Наше первое изображение появится как новый слой на панели «Слои».Перед тем, как разместить второе изображение, давайте изменим размер и положение этого изображения так, чтобы собака была в центре нашего артборда. Мы можем сделать это легко, так как мы еще не завершили размещение нашего изображения.
Шаг 3. Чтобы разместить курсор там, где он нам нужен,
Укажите на верхний правый угол изображения
Шаг 4. Чтобы изменить размер изображения,
Нажмите и перетащите вверх и вправо, пока собака не станет больше
ПРИМЕЧАНИЕ: В Photoshop CC 2018 и старше, чтобы сохранить пропорциональность изображения при изменении его размера, нажмите и удерживайте клавишу Shift, затем нажмите и перетащите вверх и вправо, пока изображение больше.
Шаг 5. Чтобы переместить изображение так, чтобы собака была по центру монтажной области,
Наведите указатель мыши на изображение, нажмите и перетащите изображение, пока собака не появится в центре монтажной области
Шаг 6. Повторите шаги 4 и 5, если необходимо, чтобы сделать собаку достаточно большой, чтобы она занимала большую часть монтажной области, и разместила ее в центре.
На этом этапе наш артборд должен выглядеть так:
Теперь мы можем завершить процесс размещения нашего изображения.
Шаг 7. Для завершения размещения нашего изображения на клавиатуре нажмите:
Введите
Давайте разместим второе изображение.
Шаг 8. Повторите шаги 1 и 2, чтобы поместить файл heart.png .
Появится изображение сердца. Это уже идеальный размер, поэтому мы закончим размещать изображение, не изменяя его.
Шаг 9. Чтобы завершить размещение изображения на клавиатуре, нажмите:
Введите
Наше изображение должно выглядеть следующим образом:
Теперь мы готовы использовать сердце для создания маска для изображения нашей собаки.
Превращение рисунка в маску слоя
Мы будем использовать панель «Слои», чтобы превратить форму сердца в рамку для нашего изображения — этот процесс также называется созданием маски слоя . Маски слоя — это настройки прозрачности, которые мы применяем к слоям, которые, по сути, скрывают пиксели от просмотра, не удаляя их. Это означает, что мы можем вернуться к переопределению прозрачных областей позже, потому что мы не удалили ни одного пикселя.
Во-первых, нам нужно подготовить сердечную графику для процесса маскирования слоя.Нам потребуется растрировать слой heart , чтобы превратить наше размещенное изображение в растровое изображение, вместо того, чтобы рассматривать его как смарт-объект.
Шаг 1. Чтобы подготовить слой heart для маскирования, на панели Layers,
Щелкните правой кнопкой мыши пустую область рядом с именем слоя, щелкните Rasterize Layer
Теперь наши слои готовы к работе процесс маскировки. Прежде чем продолжить, убедитесь, что слой heart является активным.
Шаг 2. Убедитесь, что слой heart является активным слоем на панели «Слои».
Шаг 3. Чтобы начать создание маски, в строке меню,
Щелкните слой, маска точечного слоя, щелкните из прозрачности
Теперь у нас есть маска, созданная из прозрачной области вокруг сердца, и сердце слой на панели слоев выглядит следующим образом:
Однако наша новая маска слоя должна быть на другом слое.Нам нужно будет нажать и перетащить маску слоя на слой white_dog . Давай сделаем это сейчас.
Шаг 4. Чтобы применить маску слоя к правильному слою, на панели «Слои»,
Нажмите и перетащите маску слоя на слой white_dog
ПРИМЕЧАНИЕ : Убедитесь, что ваш курсор находится указав на маску слоя, прежде чем нажать и перетащить маску на слой white_dog ; в противном случае весь слой heart будет перемещен ниже уровня white_dog .
Наша маска теперь находится на правильном слое, и слой должен выглядеть примерно так, как на следующем изображении:
Давайте скроем слой сердце , чтобы мы могли видеть наше законченное изображение.
Шаг 5. Чтобы скрыть форму сердца, на панели «Слои»,
Щелкните
Наше законченное изображение должно выглядеть примерно так:
Прозрачные области этого изображения также будут прозрачными при помещении в сайт.
Шаг 6. Сохраните файл как dog.psd .
Мы завершили работу над изображением в форме сердца — теперь давайте переключимся и создадим веб-графику в Illustrator.
Работа с прозрачными текстовыми слоями в Photoshop — Medialoot
Позвольте фону проявиться с этим стильным эффектом «вырезания»
Вы когда-нибудь хотели сделать текстовые слои в Photoshop прозрачными и позволить фоновому слою просвечивать? Маски слоев и обтравочные маски нельзя напрямую применять к текстовым слоям в Photoshop, поэтому мы должны использовать другой подход, если мы не хотим преобразовывать наши текстовые слои в смарт-объекты, векторы или растровые изображения * gulp *.
Шаг 1
Создайте новый документ в Photoshop и поместите изображение для использования в качестве фона.
Множество отличных фотографий можно бесплатно получить на Unsplash.
Шаг 2
Нарисуйте белый прямоугольник на холсте и установите для параметра «Непрозрачность» значение около 90%.
Шаг 3
Теперь добавьте текстовый слой, который мы будем делать прозрачным. Убедитесь, что цвет текста на 100% черный (# 000000), а затем сгруппируйте текст и прямоугольник вместе.
Шаг 4
Дважды щелкните групповой слой, чтобы изменить параметры наложения. Внизу окна «Параметры наложения» установите для параметра «Смешивание, если» значение «Серый» и перетащите левый маркер «Этот слой» на значение не менее «1». Возможно, вам придется немного изменить значение, чтобы получить более гладкие края, но не беспокойтесь о том, чтобы оно было идеальным, так как это только временно.
Шаг 5
Теперь у вас есть полностью редактируемый прозрачный текстовый слой.Вы можете переключить фоновый слой для другого изображения, изменить стиль шрифта и / или свободно отредактировать слой прямоугольника.
Шаг 6
Когда вы закончите редактирование, я рекомендую преобразовать текстовый слой в форму и вычесть ее из прямоугольного слоя, чтобы получить более гладкий и качественный результат.
Щелкните правой кнопкой мыши текстовый слой на панели «Слои» и выберите «Преобразовать в форму». Используйте инструмент «Выбор контура», чтобы выделить текст, вырезать (CMD + X) и вставить (CMD + V) его на слой прямоугольника.Не снимая выделения с текстовых фигур, выберите «Вычесть переднюю форму» в раскрывающемся списке «Операции с контурами».
Результат
Вот окончательный результат. Есть много разных способов добиться эффекта прозрачного текста, но я считаю, что это самый простой и гибкий способ работы с прозрачными текстовыми слоями. Возможность свободно редактировать текстовый слой без лишних дополнительных действий очень важна для дизайнеров.
Практическое руководство по Photoshop: прозрачный фон с полупрозрачной тенью
Как создать прозрачный фон с полупрозрачной тенью в Photoshop
Поскольку одна из целей фотографии продукта — точно представить продукт (хотя и с великолепным стилем и оптимальным освещением), пост-обработка минимальна, за одним важным исключением: удаление фона.Чистый вид, который вы видите на большинстве снимков продуктов, — это результат выделения объекта из фона и его замены сплошным цветом, обычно белым фоном.
Помимо умелого извлечения продукта, вы захотите сохранить исходную тень, над которой вы так усердно работали, чтобы правильно настроить освещение. Сохранение оригинальной полупрозрачной тени позволит вам разместить ваш продукт на любом цветном фоне, что будет естественным и естественным образом. Если вы используете цвет, отличный от белого, этот цвет будет просвечивать сквозь тень, как если бы он изначально был сфотографирован на этой поверхности.
Сохраните исходную тень вашего продукта в Photoshop, чтобы она выглядела естественно на любом цветном фоне. Нажмите, чтобы твитнуть.В этом пошаговом видеоуроке я покажу вам в Photoshop, как извлечь объект из фона и добавить исходную полупрозрачную тень, даже если вы новичок в Photoshop. Если вы предпочитаете следовать письменным инструкциям, я включил их ниже.
Извлечь объект из фона
1. Щелкните правой кнопкой мыши фон и выберите «Дублировать слой».
2.Щелкните фоновую копию, затем щелкните правой кнопкой мыши инструмент «Лассо» на левой вертикальной панели инструментов, чтобы выбрать «Магнитное лассо».
3. Щелкните одну точку на краю объекта и перемещайте курсор по периметру (пока не обращайте внимания на тень), пока не дойдете до начальной точки, затем щелкните исходную точку, чтобы завершить лассо.
4. Увеличьте масштаб объекта, чтобы зафиксировать все точки, в которых лассо не совсем прилегало к периметру. Чтобы очистить тесные области, щелкните правой кнопкой мыши инструмент «Лассо» и измените выделение на «Инструмент многоугольного лассо», чтобы выбрать именно те места, которые вы хотите исправить.
5. Щелкните «Выбрать» на верхней панели инструментов и выберите «Инверсия». Нажмите Ctrl + x, чтобы удалить фон. Отключите фоновый слой, чтобы увидеть свою работу.
Повторно добавить исходную тень
6. Отключите фоновую копию, а затем включите и выберите фон. Нажмите «Выбрать» на верхней панели инструментов и выберите «Цветовой диапазон». Измените выбор на «Тени». Поиграйте с ползунками «Нечеткость» и «Диапазон», чтобы получить желаемый вид тени. Возможно, вам будет проще принять это решение, установив флажок «Инвертировать», но не забудьте снять этот флажок, прежде чем нажимать «ОК».
7. Теперь будут выделены теневые области. Нажмите Ctrl + c, чтобы скопировать тени, и Ctrl + v, чтобы вставить в новый слой.
8. Переместите теневой слой Layer 1 выше фоновой копии. Отключите фон и включите фоновую копию. Если хотите, объедините слои, выбрав оба, удерживая Ctrl, а затем нажмите Ctrl + e.
И все! Если это звучит сложно, то только потому, что я постарался сделать эти инструкции очень конкретными.
