Сайт о телевидении

Сайт о телевидении

» » Как сделать фон на j2 темным. Как сделать черный фон в фотошопе

Как сделать фон на j2 темным. Как сделать черный фон в фотошопе

1 голос

Доброго времени суток, уважаемые читатели моего блога. Продолжаем улучшать картинки на своем сайте при помощи Photoshop. Благодаря этому уроку вы можете создать дизайн впечатляющего списка товаров для интернет-магазина или фотогалереи.

Конечно, полезные советы из этого урока вы можете применить и для других целей. Например, создать красивое профессиональное фото для своей подруги или подготовить крутой подарок для начальника.

В любом случае сегодня мы будем говорить про черный фон для фотошопа: как его нарисовать самому, где искать готовые образцы и вставить в свое изображение. Я покажу два метода. Один понравится тем, кому хочется творить; другой порадует любителей быстрых решений.

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

Если вы всерьёз задумываетесь о изучении работы с фотошопом, то рекомендую присмотреться именно к вот этому хорошему курсу — «Фотошоп с нуля в видеоформате VIP 3.0 ». Я учился по его предыдущей версии и периодически возвращаюсь к нему, что бы вспомнить те или иные возможности этой классной программы.


Творческий метод

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

Убиваете сразу двух зайцев: товар может понравиться кому-то из читателей и проблем с законом у вас не возникнет. Сегодня я нашел двустороннюю флешку , которую можно вставить как в телефон, так и в компьютер. На мой взгляд – очень удобно. К тому же, учитывая как часто мы стали пользоваться всякими гаджетами, еще и невероятно полезно.


Я взял прямоугольное изображение и мне не нужно обрабатывать края. Если у вас нестандартная картинка, например, портрет, прочитайте статью о том, на фотографии. Она очень подробная, вы быстро научитесь выполнять эту задачу профессионально.

Первым делом мне нужно создать новый слой. Это будет задний фон изображения, который мне и предстоит сделать черным. В меню слоя я просто щелкаю по кнопке «Создать новый слой». Эту же задачу вы можете решить при помощи сочетания клавиш Shift+Ctrl+N.

Пока этот слой находится над моей картинкой, он будет его перекрывать. Если я сейчас что-то нарисую на нем, то этот объект будет находиться не сзади скриншота с флешкой, а прямо на нем. Мне нужно поместить слой под фотографию.

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

Под цифрой 1 я показал как у вас должно получиться. Щелкните по нижнему слою, чтобы он подсветился. Таким образом вы его активируете. Это будет означать, что все изменения, которые вы будете применять, будут относиться именно к нему, а не к основному объекту.

Теперь возьму инструмент «Рамка».

Мне нужно увеличить слой, чтобы он «вылезал» за пределы основной фотографии. Тогда черный фон будет видно.

Теперь выбираю инструмент заливка. Чтобы открыть дополнительное меню инструментов, я просто на несколько секунд задерживаюсь на той или иной кнопке.

Ставлю черный цвет и щелкаю по фото.

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

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

Вы можете попробовать и другие варианты. Мне, например, нравятся еще и пыль и царапины, облака и волокна в разделе «Рендеринг». Экспериментируйте.

В принципе, и такой эффект уже выгладит не плохо, но можно сделать еще лучше.

Снова перехожу в «Фильтры», затем «Размытие» и жму на «Размытие по Гауссу». Это один из самых распространенных эффектов. Естественно, вы можете попробовать все, что так есть. «В движении» тоже выглядит не плохо.

Выставьте ползунок таким образом, чтобы эффект вас удовлетворил. Все зависит от разрешения картинки.

На саму иллюстрацию я добавлю тень, чтобы она возвышалась над фоном. Перехожу в «Параметры наложения» и кликаю на «тень».

Что меня здесь интересует? В первую очередь угол. Щелкайте без стеснения, смотрите как будет перемещаться тень на рисунке справа. Как правило, помимо этого я редактирую смещение, размах и размер. Все зависит от размера картинки.

Если вы работаете с «живой» фотографией, то помните, что в природе черных теней не бывает. В верхней части панели, под режимом наложения, есть плашка с цветом. Можете поменять его на серенький, желтый или любой другой. В зависимости от превалирующего оттенка на картинке.

Вот такой результат у меня получился.

Теперь вы знаете как работать без готового рисунка фона. Но есть метод попроще и побыстрее. Сейчас я расскажу о нем.

Скачать готовый фон

Вы можете скачать готовые фоны из интернета и вставить их на собственную картинку, если работаете не для публики, то бояться вам нечего. Главное знать как именно их искать.

Я рекомендую вбивать в поисковик черные обои для рабочего стола или черные текстуры. Как правильно скачать? Щелкните по эскизу, чтобы он немного увеличился, а лишь затем сохраняйте. Только в этом случае вы получите большой размер.

Вот отличная подборка от Google — перейти и скачать . Но можете поискать подходящие варианты и в Яндексе.

Простой и быстрый метод

Первые шаги не будут отличаться. Вам нужно открыть фотографию, разблокировать ее (нажать на замочек), создать новый слой и перетащить его под основную иллюстрацию. Далее перенесите картинку из папки в ваше изображение. Почему нужно делать именно так я уже писал в статье как правильно увеличить размер картинки.

Растяните картинку. Готово. Будьте внимательны. Новый слой с фоном должен находиться под основной иллюстрацией.

Ну вот и все.

Можете посмотреть видео, чтобы убедиться, что все сделано правильно. Не обессудьте, для его создания я выбрал другую картинку. Скриншот со страницы bluetooth маяка , который можно повесить на те предметы, которые вы боитесь потерять. Вешаете его на ключи или пульт от телевизора и сможете заставить пищать, в том случае, если внезапно потеряете.

Видео инструкция

Ну вот и все. Желаю вам успехов. И если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте больше о работе с фотошопом . Пусть каждый день делает вас лучше.

Если вы сделали фотографию, и фон на ней кажется вам слишком светлым - не расстраивайтесь, всё можно исправить. Для этого нужно всего лишь узнать, как затемнить фон. Чтобы сделать фон темнее, вам понадобится один из графических редакторов, например, одна из версий Photoshop, или, как его ещё называют - Фотошоп. Если вы хотите затемнить фон онлайн, то используйте один из бесплатных онлайн фоторедакторов, например - editor.pho.to

Естественно, от вас не требуется освоить этот профессиональный графический редактор со множеством инструментов и функций. Он позволяет сделать фон темнее различными способами, которые варьируются по сложности. Если до этого вы не работали в подобных редакторах, то выбирайте наиболее понятный и простой метод.

Способы затемнения фона

  1. Выделить главных объектов или персонажей с помощью инструмента "Лассо". Поместить выделенные области изображения на отдельный слой. Уменьшить яркость заднего фона на фотографии.
  2. Использовать светофильтр для затемнения.

Эти способы достаточно просты в исполнении, но конечный результат может выглядеть не очень естественным. Существует ещё один способ того, как в Фотошопе затемнить фон аккуратно и незаметно. Он может показаться сложным, но попробовав несколько раз, вы поймете, что нужно совершить всего несколько шагов.

Как затемнить задний фон в Фотошопе

  1. На панели инструментов найдите инструменты Градиент и Быстрая маска, они понадобятся для затемнения. Оцените форму главных объектов на фотографии и выберите такую форму градиента, чтобы было удобно покрыть всю поверхность объектов, которые нужно оставить нетронутыми. Для длинных объектов подойдет продольный градиент, а для округлых - радиальный градиент.
  2. Нажмите кнопку с надписью Быстрая маска.
  3. Выберите подходящий градиент и примените его к фотографии. При этом, все главные объекты должны быть покрыты градиентом. По умолчанию этот инструмент окрашивает область изображения в красный цвет.
  4. Повторно нажмите на кнопку с надписью Быстрая маска. Таким образом, вы выйдете из ее режима.
  5. Теперь выделенную область необходимо скопировать на отдельный слой.
  6. Найдите регулятор яркости и контрастности в выпадающем меню Изображение. Вы увидите ползунок, с помощью которого можно увеличить или уменьшить яркость. Добейтесь нужной степени затемнения фона, даже если затрагиваются светлые участки.
  7. На панели Слои включите маску слоя, чтобы вернуть естественную яркость объектам на переднем плане. Сделать это можно кистью черного цвета. Лучше всего выбрать очень мягкую кисть и проводить ей по нужной области изображения, пока не добьетесь необходимого эффекта. Белая кисть на маске слоя действует наоборот - возвращает затемнение.
  8. В итоге предыдущих действий у вас получилось изображение с очень светлым передним планом и очень темным задним фоном. Вы узнали, как затемнить задний фон, теперь осталось добиться естественности. По сути, вы ничего не делали с самим изображением, а всего лишь наложили на него затемняющий слой. Если он кажется слишком темным, то нужно уменьшить его прозрачность. Как только вы уменьшите прозрачность до нужного уровня, вы получите фотографию с гармонично затемненным фоном. Этот способ хорошо подходит для пейзажей и портретов любой сложности.

На каких снимках нужно затемнить фон

Чаще всего фон делают темнее в двух случаях:

  • Задний фон получился намного светлее переднего плана и отвлекает внимание от главных объектов на фотографии.
  • Задний фон и передний план получились одинаковыми по яркости и сливаются. Внимание рассеивается и сложно выделить главное на фотографии.

Вместе с затемнением заднего фона очень часто используют эффект размытия, чтобы привлечь внимание к главным объектам.

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

Изначально, youtube не располагал такой возможностью, поэтому никакого выбора у человека даже не было. Со временем данная возможность стала доступна только в скрытом режиме. Для этого нужно было прописать специальный код в консоли, которая находится в панели веб-разработчика.

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

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

Активация черного фона с помощью расширения

С выходом встроенного способа активации ночного режима, от расширений многие стали отказываться. Но многие пользователи до сих пор остаются им верны, так как для работы смены стиля нужно нажать всего одну кнопку. Давайте посмотрим на примере браузера гугл хром.


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

Выключение света

Есть еще одно прикольное расширение, которое не окрашивает фон в черный цвет, как это было в предыдущих вариантах, а которая затемняет его, будто выключая свет. Это также довольно полезная вещь, которая не только расслабит ваши глаза, но и сэкономит заряд вашего аккумулятора на ноутбуке.

Для этого снова войдите в магазин расширений и введите в поиске выключение света, после чего установите его.

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

Можно ли сделать черный фон ютуба на телефоне Android

К сожалению, ни в официальном клиенте, ни в веб-версии ютуба в мобильном браузере такой возможности просто напросто нет. Конечно есть персонажи, которые предлагают скачать какие-то файлы плагинов и установить их напрямую в телефон, но лично я не рекомендовал бы этого делать. Бог его знает, что это за плагины, кто их придумал и как они работают. Тем более, что даже адекватной инструкции кроме ссылок на скачивание файлов.

Единственный выход из этой ситуации — это установить приложение из Google Play «Youtube гейминг» . Это тот же самый ютуб, только нацеленный в большей степени на игровой контент. Нет, там можно найти любой контент, и даже тот, который игр не касается, но всё же из-за такой направленности, найти что-то неигровое становится труднее.

Если хотите, сможете ее себе поставить и проверить. Если вас устроит такой вариант решения просмотра ютуб роликов на темном фоне с телефона на андроиде, то пожалуйста. Никто вас не осудит.

Как видите, способов сделать темный фон в ютубе достаточно много, и это я еще не все расширения написал. В принципе, я думаю, что и так всё понятно. Если захотите, то вы сами все проверите на себе.

Ну а на этом я свою заканчиваю. Надеюсь, что она вам понравилась. Поэтому обязательно подпишитесь на уведомления моего блога, а также вступайте в паблики в социальных сетях, чтобы быть в курсе актуальных событий и новых статей. Жду вас снова у себя на сайте. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Как в фотошопе сделать черный и белый фон правильно

Чаще всего люди и разные предметы фотографируются на белом фоне. Также популярна съемка на природе. На черном фоне фотографирование производится гораздо реже. Объяснение этому кроется в дороговизне такой съемки. Приобрести правильное освещение и черные декорации могут позволить себе лишь успешные фотостудии. Но отправить тот или иной объект на черный фон можем и мы. Для этого потребуется лишь программа Adobe Photoshop.

Фотошоп: черно белый фон

Давайте представим, что мы сфотографировали пару яблок на белом фоне. Это сделать очень легко, достаточно приобрести большой лист бумаги (ватман подойдет идеально) и пару настольных ламп приличной мощности. Если же нам нужен черный фон, то всё гораздо сложнее. При использовании вспышки любая темная поверхность будет не такой черной, как нам бы хотелось. Именно поэтому лучше задействовать графический редактор, виртуально сменив белый фон на черный.

После открытия изображения в Фотошопе взгляните на панель «Слои». Если она не открыта, то нажмите клавишу F7 или загляните в меню «Окно». В панели «Слои» необходимо нажать кнопку «Создать новый слой». В нашем случае он будет выполнять роль черного фона. Фотошоп работает именно так.

Теперь нажмите клавишу D. Это сбросит цвета рисования на использующиеся по умолчанию. Значит, цветом фона (ластика) станет белый, а основным цветом — черный. Созданный вами слой сейчас должен быть активен (выделен на палитре «Слои»). Выберите инструмент «Перемещение» и нажмите сочетание клавиш Alt+Backspace. Это мгновенно зальет весь слой черным цветом.

Сделать черный фон в Фотошопе

Однако квадрат Малевича нам не нужен, нам необходимо сделать черный фон в Фотошопе. Дважды щелкните в панели «Слои» по фоновому слою. Вам будет предложено сменить название «Фон» на «Слой 0». Воспользуйтесь этим предложением. Так вы разблокируете данный слой, что позволит совершать с ним любые действия.


Перетащите данный слой поверх залитого черным цветом. Не забудьте его выделить, сделав активным. А теперь всё зависит только от ваших навыков и типа фотографии. Вы можете использовать разные инструменты для выделения того или иного объекта (в нашем случае — это яблоки). Новичкам можно посоветовать инструмент «Быстрое выделение». Но его следует использовать только на таких снимках, которые похожи на наш пример. В случае с неоднородным фоном могут возникнуть некоторые проблемы. Если на белом фоне сфотографирован простейший объект, то никто не мешает задействовать инструмент «Волшебная палочка». Он позволяет выделить предмет за один клик.

Справиться с более сложными объектами поможет «Магнитное лассо». Этот инструмент предназначен для выделения объекта по его контуру. Какой бы вы инструмент не выбрали — результат будет один, нужный вам предмет окажется выделенным. Остается лишь сделать фон черным. В Фотошопе для этого нужно сначала указать, что именно считается фоном.


Когда объект будет выделен — нажмите сочетание клавиш Ctrl+Shift+I. Либо пройдите по пути «Выделение-Инвертировать выделение». После этого у вас окажется выделено всё, за исключением самого объекта. Дальнейшие действия понятны даже начинающему пользователю Photoshop. Нужно удалить выделенную нами область, для чего требуется нажатие клавиши Delete. Или Backspace, если вам так удобнее.


Большая часть работы сделана. Пройдите по пути «Выделение-Отменить выделение». Без всякого сомнения, вы заметите некоторые шероховатости на границах объекта. Можно даже сказать, что получился черно белый фон в Фотошопе. Удалить белые участки поможет ластик, нужно лишь правильно подобрать его размер и жесткость.

Добиться идеального результата позволит использование инструмента «Размытие». Подберите правильный диаметр кисти и пройдитесь по контуру объекта. Это значительно смягчит контраст на краях. Затем останется лишь объединить слои (Ctrl+Shift+E) и сохранить изображение в нужном вам формате.


Такая вот картинка у нас получилась на выходе. В первое время вам могут показаться все эти действия слишком долгими. Но на самом деле наибольшее время занимает выделение. Когда вы научитесь совершать данное действие быстро, то и добиваться черного фона не составит труда.

Инструкция

Загрузите в графический редактор картинку, для которой необходим прозрачный фон, любым привычным для вас способом. Можете развернуть контекстное меню щелчком по иконке файла и выбрать Photoshop из списка программ. Если окно графического редактора уже открыто, нажмите сочетание клавиш Ctrl+O или воспользуйтесь опцией Open меню File. Кликните два раза по слою с изображением и нажмите на кнопку ОК диалогового окна. Теперь у вас есть возможность редактировать картинку.

Отделите рисунок от старого фона. Выбор способа, которым вы это сделаете, зависит от характера изображения: однотонный предмет несложно выделить инструментом Magic Wand или опцией Color Range, объект с четким контуром без мелких деталей прекрасно обводится инструментом Polygonal Lasso. Для многоцветных изображений с более сложными очертаниями можно нарисовать маску вручную или убрать фон фильтром Extract.

Для выделения фона или объекта инструментом Magic Wand введите величину параметра Tolerance в панель настроек под главным меню. Для корректной обработки одноцветного фрагмента вполне достаточно величины в десять единиц. Увеличив значение этого параметра, вы получите возможность выделить большее количество цветов.

Похожим образом работает опция Color Range меню Select. Откройте ее настройки и кликните по цвету, на основе которого собираетесь создавать выделение. Если объект или фон не оказались выделены полностью, передвиньте вправо регулятор величины Fuzziness.

Если предмет, который должен находиться на прозрачном фоне, имеет сложные очертания, продублируйте слой с картинкой клавишами Ctrl+J и откройте фильтр Extract опцией из меню Filter. Обведите контуры предмета инструментом Edge Highlighter. Внутреннюю область картинки залейте инструментом Fill. Применив кнопкой ОК результат действия фильтра на изображение, загрузите выделение из обработанного слоя, кликнув по его иконке при зажатой клавише Ctrl.

На основе созданного тем или иным способом выделения создайте маску, нажав для этого на кнопку Add layer mask, находящуюся в нижней области палитры слоев. Работая с выделением, сделанным при помощи фильтра Extract, вернитесь на слой с исходной версией картинки .

Если созданная маска скрыла предмет, а не фон, примените к ней опцию Invert группы Adjustments меню Image. Некорректно созданную маску можно доработать инструментом Brush. Закрасьте черным участки картинки , которые должны быть скрыты. Фрагменты, которые должны остаться видимыми, но оказались прозрачными, прокрасьте по маске белым цветом.

Применив опцию Save As меню File, сохраните картинку с прозрачным фоном в файл png.

Источники:

  • Инструмент «Волшебная палочка» (Magic Wand)

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

Вам понадобится

  • Adobe Photoshop

Инструкция

Аватар – это небольшое квадратное изображение, которое представляет вас на форумах, социальных сетях и разнообразных сайтах. Как правило, его размер не превышает 150х150 px. Создайте в е новый и при создании укажите размеры – например, 120 на 120 пикселей. Разрешение (resolution) может быть небольшим, а цветовая обязательно должна быть RGB.

После того, как пустой документ нужного размера создан, откройте фото или рисунок, из которого вы хотите сделать . Скадрируйте хотя бы загруженную , обрежьте ее до того фрагмента, который хотите видеть на , с помощью инструмента Crop. Затем продублируйте слой с кадрированным изображением, а копию перетащите на заготовку для аватара.