Урок 1. Как убрать задний фон с картинки в фотошопе?

как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

Здравствуйте, уважаемые читатели!

Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.

Как говорят многие — буду писать для чайников!

Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!

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

Делать различные 3D коробки и обложки, надписи и т.д

Поэтому я понемногу стал овладевать этими знаниями, и хочу начать обучать и вас! Это не будут очередные унылые и заумные уроки для профессионалов — все будет для чайников в интересном формате (друзья, здесь без обид).

По этому поводу я создаю на блоге еще один раздел под названием «Уроки Фотошоп»!

Да разделов у меня многовато, и один даже есть пустой — но вы на это не смотрите! Скоро я исправлюсь и все-все заполню полезными статьями…

Вам всего лишь нужно подписаться на мой блог и ждать их появления у себя на электронной почте! А ваши подписки — это как маяк в морской глуши, будут меня мотивировать и показывать правильный путь, и тогда не будет места для лени!

Ну что, заканчиваем с таким сказочным вступлением и пора бы приступать к теме поста…

В этой небольшой статье мы раскроем такой небольшой секрет: «Как убрать задний фон с картинки в фотошопе?»

Недавно я сам задавался таких вопросом и был в поисках ответа на него… Но теперь, все это я делаю в считанные секунды и даже друзья-блоггеры просят меня о помощи (я им не раскрыл секрета и сказал, что лучше напишу статью по этому поводу — вот они обрадуются)

Как убрать задний фон с картинки в фотошопе!

Но для начала нам понадобится программа под названием Photoshop (точнее так — Adobe Photoshop)…

Не важно какая версия но главное чтобы она была! Или можете воспользоватся онлайн Фотошопом, найдя его через любой поисковик — его возможности особо не уступают возможностям установочной программы!

Открываем наш Фотошоп…

Теперь нам нужно добавить нашу картинку для удаления фона: Файл — Открыть… (думаю тут скрин не нужен)

Я буду использовать вот такую картинку для примера (возьму и библиотеки блога, чтобы не грузить лишнее):как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

P.S. А вот небольшое замечание: картинка должна быть в формате JPG, с форматами PNG и GIF такая фишка не пройдет… Но если у вас картинка не в формате JPG, то это еще не повод для расстройств — нам нужно просто сменить формат картинки!

Как сменить формат картинки?

Здесь все просто! Можно воспользоватся например программой Paint (это стандартная программка, которая есть на каждом компьютере — ну или по крайней мере должна быть)

Открываем картинку и просто сохраняем ее в уже нужном нам формате (Jpg) без каких либо изменений!

C Фотошопом такая фишка не проходит: не хочет картинки формата PNG и GIF сохранять в Jpg

Кстати, я использую Adobe Photoshop CS6 Portable… (p.s. мне очень хорошая версия попалась)

После добавления картинки, в окне «Слои» сделайте двойной клик и в открывшемся окне нажмите «ок» (так мы сможем создать новый не заблокированный слой и в последствие произвести изменения):как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

Теперь нам нужно выбрать в левой панели инструмент под названием «Волшебная палочка» (работает точнее чем «Быстрое выделение«) и с помощью нее производить клики по тем участкам картинки, которые хотим удалить… (сделали клик левой кнопкой мыши, тем самым выделив участок и нажали Delete):

как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

После удаления фона нужно произвести сохранение (Файл — Сохранить как…). Картинку нужно сохранять только в формате PNG, только тогда фон останется прозрачным!

В общем вот мой результат:

как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

Возможно у меня есть некоторые погрешности, но я просто спешил —  все это можно исправить, уделив больше внимания! Но главное, чтобы вы уловили саму суть…

Теперь такую картинку с легкостью можно поместить на любой фон!

Уроки фотошопа — как убрать фон… Второй вариант!

А вот второй вариант! Если честно, то он мне не по душе!

Все остается прежним, только мы используем другой инструмент, а именно — «Перо». Вообщем, смотрите картинку:

как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

Надеюсь суть картинки понятна! Нам нужно выделять объект точечками пока не замкнется контур…  Если поставили точку неверно, не переживайте — ее можно отменить (во вкладке: Окно — История, ну или кликом правой кнопкой мыши по ней — Удалить опорную точку)

Для удобного проставления точек можно использовать увеличение картинки.

Когда проставите все точки и контур замкнется, сделайте клик правой кнопкой мыши — Образовать выделенную область, ну а дальше смотрите на картинке:

как убрать задний фон с картинки, убрать задний фон в фотошопе, уроки фотошопа как убрать фон, программа Photoshop, программа adobe photoshop, Adobe Photoshop CS6 Portable

После всех этих действий фон станет прозрачным, останется только сохранить картинку в формате PNG.

Почему мне не по душе этот вариант?

  • очень долго (особенно, если картинка — это не круг или квадрат=)
  • контур картинки иногда изменяет свой вид

И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:

Ну да, не удержался и записал про два способа=)

На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!

На этом все! Всем пока!

  С уважением, автор блога ИНТЕРЕСНО О ПОЛЕЗНОМ

Понравилась статья? Поделиться с друзьями:
Комментариев: 49
  1. Александр

    Ты выбрал самый правильный путь — обучение чайников мастерству.

    Многим — это просто не под силу — у них не хватает мозгов и терпения.

    А быть учителем = это всегда было почетным делом.- Молодец!!!!

    1. Vlad Lemishko (автор)

      Ну как всегда — спасибо!

  2. Александр

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

    Да к тому же — ты сам об этом знаешь -скачивание любой программы чревато потерей денег — пишут :укажите свой номер телефона……

    Я сам не раз попадал на это кидалово

    1. Vlad Lemishko (автор)

      Да, небольшой косяк!

      Но так как программы постоянно обновляются и установка в некотором роде тоже отличается я не стал об этом писать!

      На счет ввода номера — немного надоедает! Но для кого-то это тоже заработок — они нашли свой путь…

    2. Алексей

      Вот1 Вот! именно это я и подразумевал говоря о ссылочном «довеске» . Мало того , что включают «вытягалово» , так помимо того есчё и вгружают в немеренно шлама всякого от которого после хрен избавишься , Я в последнюю свою попытку неделю назад скачать ФШ заполучил в результате списанный с телефона счёт ( небольшой(100) , но обидно ж) и отвратительный Zaxar браузер с огромным шлейфом множащихся с геопрогрессией игровых шопов, И никакие редактора его не берут , Но с ожьей помошью и форумчан таки удавив по частям вроде бы выкинул из памяти машинки…

      1. Vlad Lemishko (автор)

        Даже и не представлял, что из-за фотошопа могут быть такие проблемы… С Антивирусами наподобие бывало, но это уже другая история!

  3. Александр

    Кстати, я чайник и попытался скачать эту програму, хотя мои друзья и закачали фотошоп с5.

    А потом я решил почистить комп , правда я еще где-то лазил и чего-то скачал, но доктор ВЕБ уже обнаружил 8 вирусов., а еще продолжает смотреть.

    Как ты думаешь Влад — это статья предназначена для чайника или для самоубийца?

    1. Vlad Lemishko (автор)

      Думаю, что для чайника…

  4. Кирилл

    Отличная статья, всё доходчиво и понятно расписано! =)
    Только есть небольшая ошибка:
    «…картинка должна быть в формате JPG, с форматами PNG и GIF такая фишка не пройдет…»
    Нужно наоборот разработать с форматом PNG. Так как JPG не поддерживает прозрачности. (Или у меня что-то с фотошопом)

    1. Vlad Lemishko (автор)

      Спасибо!
      P.S. Пишу этот коммент второй раз… Во время первого раза отключили свет и я не успел его отправить=)

      Возможно ты не правильно меня понял, или невнимательно читал статью… Ну или я неправильно понял твой вопрос…

      Картинку после всех изменений нужно сохранять в формате PNG, иначе прозрачный фон не сохранится — все правильно…

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

      С другими форматами эта фишка не проходит, по крайней мере у меня…

      1. Кирилл

        А, точно! Извини, не заметил. :)
        Кстати, замочек ещё можно снять, если кликнуть правой кнопкой мыши по слою и получившемся меню выбрать «Преобразовать в смарт объект», а потом повторить тоже действие, но теперь выбрать «Растрировать слой».
        Для меня это наиболее удобный вариант, может кому тоже пригодится. :)

        1. Vlad Lemishko (автор)

          Ну да, так тоже можно — спасибо за информацию!

          А мне проще «Волшебной палочкой»=)

  5. Лара

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

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

    1. Vlad Lemishko (автор)

      Ну так как просьба идет уже от 3 человек придется написать статью!

  6. Алексей

    Всё это замечательно . Только вот , уже с полтора года я так и не могу воспользоваться версией какого либо из фотошопов . Была одна , но по рошествии примерно месяца она исчезлапосле перезагрузки . С тех пор при всех многочисленных попыток скачать , в ноут набивалось немеренно всякого шлама ( игровые , шоповые и порно кляссеры). И хоть бы кто дал ссылку на честно предлагающий фотошоп( безплатную версию) скопировать без СМСок , идиотских регистраций и без «нагрузки» спамовой.
    Я видите ли, не слишком обеспеченный стабильным заработком художник, И покупать нечто недешёвое и не гарантированно совместимое или » без засад» , для меня непозволительная роскошь. Может быть Вы могли бы помочь желающему освоить дополнительный художнический инструмент…

    1. Vlad Lemishko (автор)

      Здравствуйте! С каждым разом я все больше удивляюсь…

      Вы уже не первый, мне несколько человек предлагали написать пост по установке и предоставить ссылку для скачивания — но, я не думал что это кому-то реально нужно!

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

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

      1. Алексей

        Заранее : СПАСИБА!,
        А что касаемо , ссылок , коих в Сети немерено, так многие или даже большинство из предложенных — эллементарное » КЮ»! По большей мере выводящие просителя на спамерские сайты которые только и рады впиндюрить очередному «лоху» вирусный прицеп от которго избавляться приходиться прибегая к кардинальной чистке. А это весьма муторно , нервно и дорого и вредно для здоровья как машинки так и ея пользователя…. Тем не менее , заранее — благодарю… +++++
        ;-)

        1. Vlad Lemishko (автор)

          Да пока не за что *UNKNOWN*

          Все благодарности потом *OK*

  7. Alex

    Это к каждой картинке подходит? Потому, как у меня далеко не со всеми картинками работал этот способ!

    1. Vlad Lemishko (автор)

      Когда писал статью — работало только с Jpg (об этом я упомянул в статье и что с этим делать тоже…)

      Сейчас специально попробовал — работает с 3 форматами нормально GIF — PNG — JPG…

  8. Галина Парахонько

    Спасибо! Теперь я точно освою фотошоп, давно искала такую информацию. Действительно для чайников, очень доступно изложено. Еще раз огромное спасибо.

    1. Vlad Lemishko (автор)

      Очень рад, что смог вам немного помочь!

  9. Алексей

    Сейчас убрать задний фон можно не обязательно в фотошопе. Можно убирать фон прямо в Online. Например, так, как указано здесь в видео http://youtu.be/qS-rvKgWq-s

    1. Vlad Lemishko (автор)

      Можно все сделать online!

      Но, как по мне — установочная программа лучше… =)

  10. Алексей

    Согласен, Vlad, всегда специализированная программа лучше. Но если делаешь эту операцию не часто, да и не специалист в Фотошопе, то освоить с помощью маленького урока всегда лучше. А я как раз и не специалист в этой области. Хотя для mt[. кто осваивает Фотошоп, твой урок незаменим.

    1. Vlad Lemishko (автор)

      У меня раньше было записано тоже в виде видеоурока, но потом аккаунт на Youtube удалили и я еще не успел все восстановить…

      Лично для меня, удаление фона — это привычная процедура, которую я теперь могу делать на автомате! =)

  11. Александр

    Наверное я тупее всех начинающих. за 15 месяцев я ничему в фотошопе не научился

    1. Vlad Lemishko (автор)

      А вы заходите ко мне на блог, буду вас по немного обучать… =)

  12. Татьяна

    Мне тоже первый способ больше нравится. Только вот еще хочу научиться делать задний фон размытым. Влад, может подскажите как?

    1. Vlad Lemishko (автор)

      Первый способ не всегда эффективен и тогда приходиться использовать второй…

      Размытие выполняется с помощью инструмента «Размытие«. Он находится на боковой панели инструментов, а также в меню «Фильтр«…

      Если у вас есть терпение, а у меня будет вдохновение, то возможно напишу статью на эту тему! =)

      Надеюсь, что первый коммент под статьей будет ваш! ;)

      1. Татьяна

        Объясняете вы хорошо, поэтому буду рада очередному уроку. Только не знаю буду ли первой, там уж как получится. =)

        1. Vlad Lemishko (автор)

          Скоро возобновлю старые видеоуроки и буду писать новые с четким и понятным голосом — все как положено!
          Так что станет еще более понятно и доступно!

          А урок про «Размытие» примерно выйдет через одну статью… ;)

  13. Юлия

    Спасибо большое за такую полезную информацию! Я Фотошоп вчера вечером впервые «в руки взяла» и сегодня уже умею убирать фон двумя способами)) Кстати, вчера я пользовалась уроками с других сайтов, но у меня ничего не получилось. А у Вас все так хорошо и понятно описано! Спасибо! Вы отличный учитель =)

    1. Vlad Lemishko (автор)

      Спасибо вам большое за такие слова! Новые уроки стараюсь делать еще более доступными, так что заходите в гости почаще!

      Если нужна будет помощь, обращайтесь! Всегда буду рад помочь! =)

      1. Юлия

        Буду заходить!! Спасибо =)

        1. Vlad Lemishko (автор)

          Даже не ожидал такого быстрого ответа! =)

  14. Александра

    в общем/вообще. других вариантов не существует. побуду и я учителем русского языка.

    1. Vlad Lemishko (автор)

      Спасибо, я это учту! =)

  15. Артем

    Хорошая статья, но сложные картинки большой гемор вырезать, я на killafon.ru щас вырезаю для своей организации, рекоммендую!

    1. Vlad Lemishko (автор)

      Спасибо! Попробую как-то… =)

  16. Secret

    Отличная идея!У МЕНЯ НЕТУ ВОЛШЕБНОЙ ПАЛОЧКИ! Сними видео по 2 способу, а так ничего не понятно.

    1. Vlad Lemishko (автор)

      В видеоуроке показаны два способа! :улыбка:

  17. Галина Кузьмина

    То что я чайник — это 100 % Благодарю за второй способ. У меня почему-то нет волшебной палочки и я не знала как быть. С вашей помощью убрала фон в течение пары минут!!! Низкий поклон.

    1. Vlad Lemishko (автор)

      :улыбка:

  18. Айомка

    У меня adobe photoshop cs6 extended и там нет инструмента «волшебная палочка». Первый вариант не вышел.
    Да и со вторым провал. Сделала все, сохранила. Итог — выделение картинки пером, остался контур + все по-прежнему

    1. Vlad Lemishko (автор)

      Бывает… :улыбка:

  19. ALex

    Спасибо тебе — Добрый человек, выручил! Всяческих благ тебе!

  20. Марина

    Здравствуйте! По уроку все понятно, но при выполнении возникла трудность, у меня нет, той самой «волшебной палочки». Хотя версия таже самая (скачивала по вашей ссылке). Вопрос: Есть ли возможность изменять панель инструментов и как это сделать? Заранее спасибо=)

    1. Vlad Lemishko (автор)

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

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: