Как удалить фон с гифки в фотошопе
В этом видео я покажу как удалить фон с гифки в фотошопе. Простой урок для начинающих как убрать фон с gif анимации в программе фотошопе.
Я использую Adobe Photoshop CC 2017
Похожие записи:
39 thoughts on “ Как удалить фон с гифки в фотошопе ”
А что делать если объект размыт?
Смотря, что за объект и как размыт. Кинь ссылку на файл, а там видно будет.
@Фотошопер – уроки фотошопа Да не, я просто спрашиваю, просто у меня бывают случаи когда нужно удалить фон и гифка или изображение на фоне размыты
Госпидяяяя! Как хорошо, что вы есть ! Столько информации можно от вас узнать. Дай вам бог здоровья! Вы просто сокровище, для всех нас, обучающихся фотошопу.
Ого! Вот супер фотошоп мастер, я думал-думал как убрать фото гифки фоны любой и вот нашёл вам помог спасибо большое лайк постаить!))
КАК ВСЕГДА СУПЕР, СПАСИБО БОЛЬШОЕ!
Пожалуйста создай красивую анимацию перехода для сцен, чтобы была лого, и другие крутые штуки. Заранее спасибо!
Это лучше в Афтер Эффектсе сделать.
@Фотошопер – уроки фотошопа спасибо за ответ!
@Фотошопер – уроки фотошопа но если бы сделал была бы круто
Спасибо. Отличный урок.
оооооооооооооооооооооооооооооооо, кааакоой же каеф. Спасибо Вам огромнейшеее. Вы супер человек)
А как такую анимацию сделать?
Спасибо, очень полезное видео. Как здорово что Вы с нами делитесь своими знаниями. Бесконечно Вам благодарна.
в данном случае можно было просто поменять режим наложения)
Тогда бы огонь был слишком светлый… зависит от фона.
Как всегда топ! Очень информативный канал!
Блин когда надо было, не мог нормально найти, а как не надо видео подъехало))
Что делать если делал рамку для веб-камеры с свечением, но сделал её как гиф и сделал на прозрачном фоне, но из-за свечения появляется белая оконтовка свечения. А так, спасибо за урок, вы мастер своего дела)
Когда сохраняешь, правее галочки прозрачность, есть параметр "Фон", у тебя там стоит белый, выбери "Не показывать".
Здравствуйте у меня есть такая проблема Фотошопе когда я выбираю какой то шрифт у меня появляйться какието квадратики помогите��пж
Не у всех шрифтов присутствует и кириллица и латиница, отсюда и такая ситуация.
@Фотошопер – уроки фотошопа на всех языках пробывал
Как шрифт называется? А лучше кинь ссылку на скриншот, посмотрим как это выглядит.
@Фотошопер – уроки фотошопа почти весь в каталоге шрифтов извините не могу кинуть скриншот
век живи – век учись ! спасибо учитель )
Почему когда я печатаю текст и выбираю цвет у меня вместо допустим зеленого, серое
Может картинка в режиме "Градации серого", Изображение > Режим > RGB.
Может режим наложения слоя стоит какой то, нужно выбрать "Обычный".
Вариантов много, нужно смотреть скриншоты….
Как сделать голограмму, покажите подробно пожалуйста. Очень срочно нужно. Не нашел нормальных видео. У вас у одного похоже самые адекватные видео.
Очень круто, кайф. Спасибище)
Добавить комментарий Отменить ответ
Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.
Как убрать фон у гифки в фотошопе
В этом уроке я расскажу, как удалить фон из анимации. Есть одно но — для такого варианта нужны картинки основы и картинки с анимацией на темных фонах. Пробовала этот прием проделать с картинками на белом фоне + анимация на светлом фоне — у меня ничего не вышло. Итак, я взяла вот такую картинку.
Открываем анимацию, делаем активным слой первый (щелкаю по нему мышкой, чтобы он поменял цвет на синий ,глазок включен). Нажимаем и удерживаем клавишу Shift, щелкаем по последнему слою в панели слоев картинки – анимации. Все слои у нас выделились.
Не отпуская клавиши Shift, мышкой перетаскиваем анимацию на картинку, в моем случае – это картинка с девочкой
Перетащив анимацию– нам надо поставить ее в нужное место и подогнать по размеру. Для этого первый кадр анимации делаем активным и ставим 50% Непрозрачности
Первый слой анимации у нас выделен – зажимаем и удерживаем клавишу Shift, щелкаем по последнему кадру анимации — все слои выделены ( слой с девочкой мы не трогаем!!). Нажимаем на инструмент – перемещение и передвигаем анимацию на картинке в нужное место
Анимация немного большая для этой картинки. Не снимая выделения со слоем анимации, нажимаем Ctrl+T ( эта команда вызывает инструмент — Свободная трансформация), удерживая клавишу Shift ( чтобы изображение увеличилось или уменьшалась пропорционально), потянем за уголок квадрата. Уменьшив размер самой анимации – переместим ее обратно в то место, что до этого выбрали
Если необходимо изменить угол наклона анимации, то для этого нажимаем Ctrl+T, удерживая клавишу Shift — за уголок квадрата — поворачиваем ее.
Снимаем выделение со всех кадров анимации ( просто щелкните по первому слою с анимацией), ставим 100% Непрозрачность — вот теперь как выглядит наша картинка
Теперь мы с вами избавимся от черного фона в анимации. Можно работать сразу со всей группой. Но я исхожу из того, что вы только учитесь — поэтому пойдем более долгим, но более понятным путем. Открываем панель анимации — 1 кадр — 1 слой ( основной, у меня это девочка) + первй слой анимации
Активный у нас слой — первый слой анимации — будем менять режим его наложения, для этого открываем закладку
И выбираем режим — Экран ( у вас может быть другой перевод — посчитайте — какая позиция сверху)
Смотрите, как изменился наш слой с анимацией – он стал прозрачным.
Дублируем первый кадр в панели анимации, нажав вот сюда
Второй кадр анимации – слой основной + второй слой с анимацией.
Меняем режим наложения слоя на режим — Экран.
Вот таким способом – дублируя кадры в панели анимации и открывая следующие слои с анимацией, заменяя режим наложения слоя, мы должны обработать все слои анимации (которые добавляем к картинке) и собрать новую анимацию.
Кадров в анимации должно получится столько, сколько кадров в той анимашке, что вы добавляете к картинки. Если в ней был 5 кадров, то и в вашей новой анимации их должно получиться 5,
Урок 1. Как убрать задний фон с картинки в фотошопе?
Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.
Как говорят многие — буду писать для чайников!
Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!
Он помогает мне делать классные уникальные картинки (Об этом я напишу позже — у меня там свои фишки, советую подписаться на мой блог. А то вдруг статья выйдет, а вы не узнаете об этом…)
Делать различные 3D коробки и обложки, надписи и т.д
Поэтому я понемногу стал овладевать этими знаниями, и хочу начать обучать и вас! Это не будут очередные унылые и заумные уроки для профессионалов — все будет для чайников в интересном формате (друзья, здесь без обид).
По этому поводу я создаю на блоге еще один раздел под названием «Уроки Фотошоп»!
Да разделов у меня многовато, и один даже есть пустой — но вы на это не смотрите! Скоро я исправлюсь и все-все заполню полезными статьями…
Вам всего лишь нужно подписаться на мой блог и ждать их появления у себя на электронной почте! А ваши подписки — это как маяк в морской глуши, будут меня мотивировать и показывать правильный путь, и тогда не будет места для лени!
Ну что, заканчиваем с таким сказочным вступлением и пора бы приступать к теме поста…
В этой небольшой статье мы раскроем такой небольшой секрет: «Как убрать задний фон с картинки в фотошопе?»
Недавно я сам задавался таких вопросом и был в поисках ответа на него… Но теперь, все это я делаю в считанные секунды и даже друзья-блоггеры просят меня о помощи (я им не раскрыл секрета и сказал, что лучше напишу статью по этому поводу — вот они обрадуются)
Как убрать задний фон с картинки в фотошопе!
Но для начала нам понадобится программа под названием Photoshop (точнее так — Adobe Photoshop)…
Не важно какая версия но главное чтобы она была! Или можете воспользоватся онлайн Фотошопом, найдя его через любой поисковик — его возможности особо не уступают возможностям установочной программы!
Открываем наш Фотошоп…
Теперь нам нужно добавить нашу картинку для удаления фона: Файл — Открыть… (думаю тут скрин не нужен)
Я буду использовать вот такую картинку для примера (возьму и библиотеки блога, чтобы не грузить лишнее):
P.S. А вот небольшое замечание: картинка должна быть в формате JPG, с форматами PNG и GIF такая фишка не пройдет… Но если у вас картинка не в формате JPG, то это еще не повод для расстройств — нам нужно просто сменить формат картинки!
Как сменить формат картинки?
Здесь все просто! Можно воспользоватся например программой Paint (это стандартная программка, которая есть на каждом компьютере — ну или по крайней мере должна быть)
Открываем картинку и просто сохраняем ее в уже нужном нам формате (Jpg) без каких либо изменений!
C Фотошопом такая фишка не проходит: не хочет картинки формата PNG и GIF сохранять в Jpg…
Кстати, я использую Adobe Photoshop CS6 Portable… (p.s. мне очень хорошая версия попалась)
После добавления картинки, в окне «Слои» сделайте двойной клик и в открывшемся окне нажмите «ок» (так мы сможем создать новый не заблокированный слой и в последствие произвести изменения):
Теперь нам нужно выбрать в левой панели инструмент под названием «Волшебная палочка» (работает точнее чем «Быстрое выделение«) и с помощью нее производить клики по тем участкам картинки, которые хотим удалить… (сделали клик левой кнопкой мыши, тем самым выделив участок и нажали Delete):
После удаления фона нужно произвести сохранение (Файл — Сохранить как…). Картинку нужно сохранять только в формате PNG, только тогда фон останется прозрачным!
В общем вот мой результат:
Возможно у меня есть некоторые погрешности, но я просто спешил — все это можно исправить, уделив больше внимания! Но главное, чтобы вы уловили саму суть…
Теперь такую картинку с легкостью можно поместить на любой фон!
Уроки фотошопа — как убрать фон… Второй вариант!
А вот второй вариант! Если честно, то он мне не по душе!
Все остается прежним, только мы используем другой инструмент, а именно — «Перо». Вообщем, смотрите картинку:
Надеюсь суть картинки понятна! Нам нужно выделять объект точечками пока не замкнется контур… Если поставили точку неверно, не переживайте — ее можно отменить (во вкладке: Окно — История, ну или кликом правой кнопкой мыши по ней — Удалить опорную точку)
Для удобного проставления точек можно использовать увеличение картинки.
Когда проставите все точки и контур замкнется, сделайте клик правой кнопкой мыши — Образовать выделенную область, ну а дальше смотрите на картинке:
После всех этих действий фон станет прозрачным, останется только сохранить картинку в формате PNG.
Почему мне не по душе этот вариант?
- очень долго (особенно, если картинка — это не круг или квадрат=)
- контур картинки иногда изменяет свой вид
И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:
Ну да, не удержался и записал про два способа=)
На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!
Как удалить фон из анимации GIF?
GIF или формат обмена графикой — это короткое анимированное изображение без звука. Это серия изображений, объединенных в один файл, который будет повторяться непрерывно или в течение определенного периода времени. Однако не каждый файл GIF будет создан с прозрачным фоном. Многие пользователи захотят иметь прозрачный фоновый GIF-файл, который они могут объединить с другими GIF-файлами. Когда дело доходит до удаления фона из файла GIF, это не так просто, как кажется. В этой статье мы предоставим вам методы, с помощью которых вы легко сможете удалить фон любого файла GIF.
Метод 1. Использование сайта редактирования изображений в Интернете
Есть много интернет-сайтов, которые предоставляют инструменты для редактирования файлов GIF. Каждый сайт индивидуален и использует разные эффекты для редактирования. Некоторые заменяют цвет фона на прозрачность, а другие просто удаляют выделенную область. В зависимости от вашего GIF вы можете попробовать сайт, который помогает лучше редактировать. В этом методе мы используем сайт онлайн-редактирования изображений в качестве примера, чтобы продемонстрировать идею редактирования GIF-файлов в Интернете. Вы всегда можете проверить разные сайты с помощью разных инструментов для удаления фона.
- Откройте браузер и перейдите в Онлайн-редактор изображений сайт. Нажмите кнопку «Выбрать изображение» и выберите файл GIF, который хотите отредактировать. Вы также можете загружать GIF-файлы с URL-адреса.
Примечание. Вы также можете просто перетащить файл GIF в область «Выбрать изображение».
Загрузка GIF на сайт - Теперь нажмите на опцию «Дополнительно» и выберите опцию «Прозрачность». Теперь выберите один из вариантов на левой панели, а затем щелкните область GIF.
Примечание: в нашем случае была выбрана прозрачная область, поэтому мы просто щелкнули по цвету фона.
Делаем фон прозрачным - Пройдет какое-то время и затем уберут фон. Это действительно зависит от типа GIF, который вы пытаетесь редактировать.
- Наконец, вы можете нажать кнопку «Сохранить», а затем щелкнуть значок папки, чтобы загрузить файл GIF в свою систему.
Сохранение GIF в систему
Метод 2: Использование Adobe Photoshop
Photoshop — одна из самых известных программ для редактирования изображений, известная во всем мире. Как мы знаем, GIF-файлы — это серия объединенных изображений, поэтому мы можем разделить их в Photoshop, чтобы редактировать каждый кадр отдельно. Если у вас нет Photoshop, вы можете использовать программу GIMP, которая работает очень похоже на Photoshop. Выполните следующие шаги, чтобы сделать прозрачный фон для GIF:
Примечание: если кадры на временной шкале отображаются правильно после выполнения всех операций редактирования в слоях, пропустите шаги 5 и 6.
- Откройте приложение Photoshop, дважды щелкнув ярлык или выполнив поиск с помощью функции поиска Windows.
- Теперь нажмите на меню «Файл» в строке меню и выберите опцию «Открыть». Перейдите к файлу GIF и откройте его.
Открытие файла в фотошопе - Вы можете видеть, что каждый кадр открывается как слой на панели слоев. Выберите инструмент Magic Wand (или нажмите W), а затем выберите фон для каждого слоя. При нажатии кнопки Backspace или Delete будет удалена выбранная область.
Примечание. Вы также можете щелкнуть меню Windows в строке меню и выбрать опцию «Временная шкала». Это откроет временную шкалу, через которую вы можете воспроизводить и просматривать свой файл GIF.
Удаление фона для каждого слоя - Это займет некоторое время, если у GIF сложный фон. После этого вы можете проверить рамки временной шкалы, чтобы увидеть, не совпадают ли они и не совпадают.
Примечание: иногда редактирование может испортить временную шкалу, и во всех кадрах будет отображаться одно и то же изображение. Это также сохранит GIF как одно изображение. - Если кадры совпадают, выберите первый кадр, удерживайте клавишу Shift, а затем выберите последний кадр. Это выберет все кадры. Теперь щелкните значок меню в правом верхнем углу панели «Таймлайн» и выберите параметр «Удалить кадры». Это удалит все неправильные кадры.
Удаление испорченных кадров - Теперь снова щелкните значок меню на панели «Таймлайн» и выберите «Создать кадры из слоев». Это позволит правильно создать все рамки по слоям.
Изготовление рамок из слоев - Теперь щелкните меню «Файл» в строке меню и выберите «Экспорт»> «Сохранить для Интернета». Затем выберите «Форматировать как GIF», выберите качество GIF-изображения в раскрывающемся меню «Предустановки» и нажмите кнопку «Сохранить».
Сохранение отредактированного GIF - Назовите файл и выберите расположение для файла. На этом завершится процесс удаления фона из файла GIF.