Как убрать фон у картинки с анимацией.
Как убрать фон у картинки с анимацией в фотошопе? В отличии от простой картинки,где конечный слой один, фон на анимации нужно убирать на каждом слое, так как картинка с анимацией состоит из нескольких слоев, от двух и больше. Для удаления фона воспользуемся «волшебным ластиком».
Откроем картинку с анимацией.
1-Смотрим, что представляет собой анимация. В окне слоев есть определенное количество слоев анимации,
а в окне анимации соответственное количество кадров.
В окне анимации убираем кадры, нажав на маленький треугольник и, в появившемся окне, кликнуть по «удалить анимацию».
2-На панели инструментов выбрать «волшебный ластик» (он находится в кнопке «ластик» ) и щелкнуть по фону на картинке левой кнопкой мыши. Черный фон исчезнет.
И на первом слое, в окне слоев, фон тоже исчезнет.
3-В окне слоев активировать второй слой (кликнуть по слою) и включить глазок: щелкнуть левой кнопкой мыши по месту, где должен быть глазок, на нижнем слое глазок выключить, кликнув по глазку.
4-«Волшебным ластиком кликнуть по черному фону на картинке. На картинке фон исчезнет,
и в окне слое, на втором слое, тоже исчезнет.
5-Перейти на третий слой, кликнув по нему и включить глазок.( На предыдущем слое глазок отключить.)
6-«Волшебным ластиком» кликнуть по фону на картинке.
Так делать, пока не уберете фон на всех слоях.
7-Теперь нужно выделить все слои в окне слоев: нажав и удерживая Shift, одновременно кликнуть по нижнему слою. Все слои выделятся синим.
Выключить глазок на верхнем слое и включить на нижнем.
Переходим в окно анимации.
Вернем кадры анимации на место, но уже без фона.
8-В окне анимации нажать на маленький треугольник и в появившемся окне выбрать «создать кадры из слоев».
В окне анимации появятся кадры соответственно слоям .
Теперь нужно поставить на каждом кадре одинаковое время.
9-Нажав и удерживая Shift, кликнуть по последнему кадру, чтобы выделить все кадры. Поставить время 0,2 сек, как на первом кадре.
10-Кликнуть по первому слою в окне слоев,
по первому кадру в окне анимации и, нажав на пуск , запустить анимацию.
Получится вот такая картинка.
11- Сохранить файл для Web и устройств в Gif.
Теперь эту анимацию можно вставлять на другую картинку. Как это делать смотрите, как вставить анимацию в простую картинку и как вставить анимацию в другую анимацию.
Некоторые готовые анимации после удаления фона и сохранения на компьютере ломаются, но об этом в следующий раз.
Tags: анимация уроки фотошоп
Бесплатные фотошоп фото и картинки
Связанные изображения из iStock | Сохранить сейчасфотошоп логотип Рамадан
Рамадан Карим
древесина фотошоп в абстракции
Старая древесина
квадраты красочный фотошоп
Квадратные красочные обои для рабочего стола
луна крупным планом пейзаж
Изолированная фоновая луна крупным планом, высокое разрешение.
закат зима пляж
Закат на пляже, скалы, длинная выдержка!
первоцвет красный пунктирный
Первоцвет крупным планом
веб-дизайн фотошоп красные волосы
Кукла с рыжими волосами и шляпой-фантазией
получил фотошоп два
Отстой
безопасный фотошоп замок
Сейф
фон абстрактный цвет
Фото 3
фон абстрактный цвет
Фото 2
Фото 1
фон абстрактный цвет
Фото 5
фон абстрактный цвет
Сток фото 4
древесина знак пустой
Деревянный знак
твердотельный накопитель мягкий светитьсяМягкий круг
текстура фон абстрактный
Стилизованный BG
фон фотошоп абстрактный
Фото 1
кирпичи стена гранж
Кирпичная стена
лебедь капли природа
Лебедь в капле
луна синий облака
Полнолуние
Россия лес поле
Поле
город цифровой здания
Цифровой город
город цифровой здания
Цифровой город
выдавливать цифровой фотошоп
Цифровой цветок
тренироваться станция старый
Отфотошопленный вокзал
тренироваться станция старый
Отфотошопленный вокзал
радиальный фотошоп приколоть
Радиальный
планета космос атмосфера
Планета
графика графика проектирование
Графика
графика графика проектирование
Графика
графика графика проектирование
Графика
панели графика фотошоп
Панель
графика графика проектирование
Графика
графика графика проектирование
Графика
абстрактный форма назад
Абстрактная форма
графика графика иллюстрированный
Размытие
чашка торт кекс
Кекс с логотипом
Алиса Волшебная страна фотошоп
Алиса в стране чудес
компьютер сбой система
Сбой системы
фон обои линия
Фотографии новой серии
фон обои линия
Фотографии новой серии
фон обои линия
Фото новой серии
фон обои линия
Бесплатные фото новая серия
портрет люди сам
Портрет
портрет люди сам
Портрет
питьевой молоко красочный
Питьевое молоко 3
питьевой молоко красочный
Питьевое молоко 5
питьевой молоко красочный
Питьевое молоко 4
питьевой молоко красочный
Питьевое молоко 2
питьевой молоко красочный
Питьевое молоко 1
обниматься школа дети
Обниматься
фон текстура бумага
Бесплатное фото
фон текстура бумага
Фото
обои бумага графика
Сток-фото
обои бумага графика
Фотофайлы
обои бумага графика
Фото
облака розы Роза
Небеса
случайный город городской
Фотошоп Работа
летающий летать облако
Я лечу 1
Ищете иллюстрации для фотошопа? Перейти к иллюстрации
Связанные ключевые словафотошоп фон графика шаблон абстрактный проектирование цвет графика
Подробнее
Связанные изображения из iStock | Сохранить сейчасAdobe Photoshop — Как расширить фон изображения?
спросил
Изменено 7 лет, 7 месяцев назад
Просмотрено 18 тысяч раз
У меня есть изображение с женщиной, и мне нужно сделать рекламу (размер 260ммx125мм).
Я хочу поставить женщину на левую сторону, но тогда правая сторона становится пустой. Итак, как мне решить проблему? Я выбрал цвет с изображения, но он определенно отличается от реального изображения.
Должен ли я использовать инструмент «Штамп» в Photoshop или есть лучший способ сделать это?
Кстати, он будет использоваться в печати, поэтому мне нужно хорошее качество.
- Adobe-Photoshop
- изображения
- фон
- обработка фотографий
Профессиональная техника состоит в том, чтобы просто добавить маску слоя с градиентом на одной стороне, чтобы смягчить край и дублировать цвет или текстуру на слое под ним. Смотрите скриншот слоев ниже.
Это особенно полезно, если у вас не так много текстур для копирования или когда вам нужно расширить большую часть фона. Вы можете использовать эту технику, чтобы дублировать небольшие части текстуры и объединять их вместе без каких-либо швов.
По возможности рекомендуется избегать искажения пикселей, особенно для проектов печати, поскольку печать часто усиливает эти искажения.
Таким образом, изображение будет:
3- Выделить часть фона
- Скопируйте/вставьте его на отдельный слой.
-
Правка > Преобразование > Отразить по горизонтали - Выровняйте левый край копии по правому краю существующего фона.
-
Edit > Free Transformи растяните копию, чтобы заполнить дополнительную область. - Затем на дополнительных слоях используйте инструменты клонирования или восстановления, чтобы исправить любые части, которые находятся не на своем месте (например, легкое «свечение» вокруг фигуры или края, если это необходимо)
Я выбрал слишком много фона и получил больше свечения, чем мне действительно хотелось. Если бы я сделал выделение выделения тоньше и попытался избежать этого свечения, конечные результаты были бы лучше.
Photoshop будет интерполировать растянутые пиксели, чтобы они выглядели высококачественно (и в большинстве случаев не выглядели «растянутыми»). Однако имейте в виду, что этот метод работает только в том случае, если фон в основном однотонный — он не будет хорошо работать с насыщенным или узорчатым фоном.
1 Я испробовал все перечисленные здесь методы, и все они хороши для разных типов изображений. Однако для этого изображения я бы использовал алгоритм Content Aware . Нет ничего проще:
Начиная с исходного изображения
в качестве фонового слояв Photoshop:Вы можете использовать
Файл > Открыть, перетащить или вставить, чтобы перенести изображение в Photoshop. Если по какой-либо причине это не фоновый слой, щелкните правой кнопкой мыши слой вLayersи выберитеMerge Down.
Перейдите в
Изображение > Размер холста.в верхнем меню. В открывшемся диалоговом окне
.. Размер холставведите необходимые дополнительные размеры и нажмите кнопку ОК.Я решил добавить 332 пикселя, чтобы получить хорошие 1500 пикселей.
.. При активном инструменте
Rectangular Marquee Tool(выберите один из инструментов слева или просто нажмите M ) выберите только что расширенную область — с небольшим перекрытием с правильным фоном.Нажмите Удалить и выберите
Content Awareв раскрывающемся спискеUse:диалогового окнаFill.
И вуаля!
довольно идеальное и бесшовное расширение фона.Несколько советов:
- При попытке расширить, скажем, более 50% ширины изображения, я считаю, что лучше делать это в несколько этапов.
- Некоторые изображения не могут быть расширены. Немного проб и ошибок с разными изображениями помогут вам понять, что можно расширить, а что нельзя.
- Я совершенно уверен, что алгоритм Content Aware в версиях Creative Cloud намного лучше, чем в предыдущих версиях (CS5, CS6).
- Инструмент «Точечная восстанавливающая кисть»
П.С. Это Photoshop CC, я просто изменил тему для ностальгии.
Я всегда стараюсь не усложнять Итак, вот самое простое решение для этого
, так как вы уже достигли стадии, когда вы просто хотите заполнить белый пробел, чтобы они сливались вместе без шва. Вы можете использовать для этого инструмент исправления.
сделайте выделение с помощью инструмента «Прямоугольная область» вокруг разрыва, затем выберите инструмент «Заплатка» и перетащите его в его боковую часть. Photoshop атомарно рассчитает интерполяцию пикселей и даст вам гораздо более точный результат, чем любой другой метод.
Вот пример
- Используйте волшебную палочку или лассо, чтобы выбрать как можно больше фона, не теряя ее волосы.
(я использовал точечную выборку, допуск 8, сглаживание, непрерывность для волшебной палочки)
Select > inverse
Выбрать > уточнить край
Нажмите на кисть и закрасьте край ее волос, пока не получите красивый край, это удалит фон, сохранив ее волосы. Поэкспериментируйте с размером кисти и другими параметрами, пока результат не будет выглядеть хорошо
Скопируйте полученное выделение на новый слой
Сделайте фон любым цветом
Этот метод лучше всего работает с исходным изображением высокого качества. Удачи!
3Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя адрес электронной почты и парольОпубликовать как гость
Электронная почтаТребуется, но никогда не отображается
Опубликовать как гость
Электронная почтаТребуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.