Урок 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. Александр:
    Ты выбрал самый правильный путь — обучение чайников мастерству.

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

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

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

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

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

    Ответить
    • Vlad:
      Да, небольшой косяк!

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

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

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

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

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

    Ответить
    • Vlad:
      Думаю, что для чайника…
      Ответить
  4. Кирилл:
    Отличная статья, всё доходчиво и понятно расписано! =)
    Только есть небольшая ошибка:
    «…картинка должна быть в формате JPG, с форматами PNG и GIF такая фишка не пройдет…»
    Нужно наоборот разработать с форматом PNG. Так как JPG не поддерживает прозрачности. (Или у меня что-то с фотошопом)
    Ответить
    • Vlad:
      Спасибо!
      P.S. Пишу этот коммент второй раз… Во время первого раза отключили свет и я не успел его отправить=)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          Ответить
  7. Alex:
    Это к каждой картинке подходит? Потому, как у меня далеко не со всеми картинками работал этот способ!
    Ответить
    • Vlad:
      Когда писал статью — работало только с Jpg (об этом я упомянул в статье и что с этим делать тоже…)

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

      Ответить
  8. Галина Парахонько:
    Спасибо! Теперь я точно освою фотошоп, давно искала такую информацию. Действительно для чайников, очень доступно изложено. Еще раз огромное спасибо.
    Ответить
    • Vlad:
      Очень рад, что смог вам немного помочь!
      Ответить
  9. Алексей:
    Сейчас убрать задний фон можно не обязательно в фотошопе. Можно убирать фон прямо в Online. Например, так, как указано здесь в видео http://youtu.be/qS-rvKgWq-s
    Ответить
    • Vlad:
      Можно все сделать online!

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

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

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

      Ответить
  11. Александр:
    Наверное я тупее всех начинающих. за 15 месяцев я ничему в фотошопе не научился
    Ответить
    • Vlad:
      А вы заходите ко мне на блог, буду вас по немного обучать… =)
      Ответить
  12. Татьяна:
    Мне тоже первый способ больше нравится. Только вот еще хочу научиться делать задний фон размытым. Влад, может подскажите как?
    Ответить
    • Vlad:
      Первый способ не всегда эффективен и тогда приходиться использовать второй…

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

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

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

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

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

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

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

      Ответить
      • Юлия:
        Буду заходить!! Спасибо =)
        Ответить
        • Vlad:
          Даже не ожидал такого быстрого ответа! =)
          Ответить
  14. Александра:
    в общем/вообще. других вариантов не существует. побуду и я учителем русского языка.
    Ответить
    • Vlad Lemishko:
      Спасибо, я это учту! =)
      Ответить
  15. Артем:
    Хорошая статья, но сложные картинки большой гемор вырезать, я на killafon.ru щас вырезаю для своей организации, рекоммендую!
    Ответить
    • Vlad Lemishko:
      Спасибо! Попробую как-то… =)
      Ответить
  16. Secret:
    Отличная идея!У МЕНЯ НЕТУ ВОЛШЕБНОЙ ПАЛОЧКИ! Сними видео по 2 способу, а так ничего не понятно.
    Ответить
    • Vlad Lemishko:
      В видеоуроке показаны два способа! :улыбка:
      Ответить
  17. Галина Кузьмина:
    То что я чайник — это 100 % Благодарю за второй способ. У меня почему-то нет волшебной палочки и я не знала как быть. С вашей помощью убрала фон в течение пары минут!!! Низкий поклон.
    Ответить
    • Vlad Lemishko:
      :улыбка:
      Ответить
  18. Айомка:
    У меня adobe photoshop cs6 extended и там нет инструмента «волшебная палочка». Первый вариант не вышел.
    Да и со вторым провал. Сделала все, сохранила. Итог — выделение картинки пером, остался контур + все по-прежнему
    Ответить
    • Vlad Lemishko:
      Бывает… :улыбка:
      Ответить
  19. ALex:
    Спасибо тебе — Добрый человек, выручил! Всяческих благ тебе!
    Ответить
  20. Марина:
    Здравствуйте! По уроку все понятно, но при выполнении возникла трудность, у меня нет, той самой «волшебной палочки». Хотя версия таже самая (скачивала по вашей ссылке). Вопрос: Есть ли возможность изменять панель инструментов и как это сделать? Заранее спасибо=)
    Ответить
    • Vlad Lemishko:
      Здравствуйте. Странно, попробуйте использовать горячую клавишу «W». В данной версии программы такой возможности не обнаружил)
      Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

:язык: :улыбка: :удивление: :сплю: :сомневаюсь: :смех: :симпатия: :рыдать: :подмигнуть: :круто: :злой: :задуматься: :деньги: :грустно:

Оповещение на e-mail о выходе новых статей

Введите ваш e-mail адрес:

Топ комментаторов!
Макси(1)
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика