Доброго времени суток, уважаемые читатели моего блога. Продолжаем улучшать картинки на своем сайте при помощи Photoshop. Благодаря этому уроку вы можете создать дизайн впечатляющего списка товаров для интернет-магазина или фотогалереи.
Конечно, полезные советы из этого урока вы можете применить и для других целей. Например, создать красивое профессиональное фото для своей подруги или подготовить крутой подарок для начальника.
В любом случае сегодня мы будем говорить про черный фон для фотошопа: как его нарисовать самому, где искать готовые образцы и вставить в свое изображение. Я покажу два метода. Один понравится тем, кому хочется творить; другой порадует любителей быстрых решений.
В конце этой публикации вы можете найти видео, которое сократит время чтения или дополнит его визуально. Как поступить, читать или сразу перейти к просмотру – решать вам. Я же приступлю к описанию процесса.
Если вы всерьёз задумываетесь о изучении работы с фотошопом, то рекомендую присмотреться именно к вот этому хорошему курсу — «Фотошоп с нуля в видеоформате VIP 3.0». Я учился по его предыдущей версии и периодически возвращаюсь к нему, что бы вспомнить те или иные возможности этой классной программы.
Творческий метод
Разработчикам на заметку. В качестве примеров для работы с картинками в фотошопе, я, как правило, использую картинки из Aliexpress. Если вы делаете свой сайт, то благодаря ним у вас не возникнет проблем с авторскими правами. Просто вставляете ссылку и скриншот может выступать в качестве рекламного материала.
Убиваете сразу двух зайцев: товар может понравиться кому-то из читателей и проблем с законом у вас не возникнет. Сегодня я нашел [urlspan]двустороннюю флешку[/urlspan], которую можно вставить как в телефон, так и в компьютер. На мой взгляд – очень удобно. К тому же, учитывая как часто мы стали пользоваться всякими гаджетами, еще и невероятно полезно.
[urlspan]
Но, если для вас этот вариант не подходит, и вы хотите скачать бесплатные изображения, могу предложить прочитать мою статью о том, где искать картинки, чтобы не бояться нарушить закон об авторском праве.
Я взял прямоугольное изображение и мне не нужно обрабатывать края. Если у вас нестандартная картинка, например, портрет, прочитайте статью о том, как правильно вырезать объекты на фотографии. Она очень подробная, вы быстро научитесь выполнять эту задачу профессионально.
Первым делом мне нужно создать новый слой. Это будет задний фон изображения, который мне и предстоит сделать черным. В меню слоя я просто щелкаю по кнопке «Создать новый слой». Эту же задачу вы можете решить при помощи сочетания клавиш Shift+Ctrl+N.
Пока этот слой находится над моей картинкой, он будет его перекрывать. Если я сейчас что-то нарисую на нем, то этот объект будет находиться не сзади скриншота с флешкой, а прямо на нем. Мне нужно поместить слой под фотографию.
По идее, сделать это можно просто перетащив его мышью вниз, но сперва нужно убрать замочек рядом с нижнем слоем, на котором располагается фото. Эти действия откроют его для редактирования. Только после этого со слоем можно будет работать.
Под цифрой 1 я показал как у вас должно получиться. Щелкните по нижнему слою, чтобы он подсветился. Таким образом вы его активируете. Это будет означать, что все изменения, которые вы будете применять, будут относиться именно к нему, а не к основному объекту.
Теперь возьму инструмент «Рамка».
Мне нужно увеличить слой, чтобы он «вылезал» за пределы основной фотографии. Тогда черный фон будет видно.
Теперь выбираю инструмент заливка. Чтобы открыть дополнительное меню инструментов, я просто на несколько секунд задерживаюсь на той или иной кнопке.
Ставлю черный цвет и щелкаю по фото.
Симпатично, но не слишком интересно. Сейчас я покажу как сделать фон более красивым. Для этого беру градиент, щелкаю по плашке с цветом и выставляю оттенки от более черного к менее. Если хотите научиться делать плавный переход цвета с умом, прочитайте статью об этом в моем блоге.
Мне бы хотелось сделать текстуру более красочной. Сперва я добавлю шум, а потом сделаю его размытым. Захожу во вкладку «Фильтр», нахожу здесь «Шум» и щелкаю по нему.
Вы можете попробовать и другие варианты. Мне, например, нравятся еще и пыль и царапины, облака и волокна в разделе «Рендеринг». Экспериментируйте.
В принципе, и такой эффект уже выгладит не плохо, но можно сделать еще лучше.
Снова перехожу в «Фильтры», затем «Размытие» и жму на «Размытие по Гауссу». Это один из самых распространенных эффектов. Естественно, вы можете попробовать все, что так есть. «В движении» тоже выглядит не плохо.
Выставьте ползунок таким образом, чтобы эффект вас удовлетворил. Все зависит от разрешения картинки.
На саму иллюстрацию я добавлю тень, чтобы она возвышалась над фоном. Перехожу в «Параметры наложения» и кликаю на «тень».
Что меня здесь интересует? В первую очередь угол. Щелкайте без стеснения, смотрите как будет перемещаться тень на рисунке справа. Как правило, помимо этого я редактирую смещение, размах и размер. Все зависит от размера картинки.
Если вы работаете с «живой» фотографией, то помните, что в природе черных теней не бывает. В верхней части панели, под режимом наложения, есть плашка с цветом. Можете поменять его на серенький, желтый или любой другой. В зависимости от превалирующего оттенка на картинке.
Вот такой результат у меня получился.
Теперь вы знаете как работать без готового рисунка фона. Но есть метод попроще и побыстрее. Сейчас я расскажу о нем.
Скачать готовый фон
Вы можете скачать готовые фоны из интернета и вставить их на собственную картинку, если работаете не для публики, то бояться вам нечего. Главное знать как именно их искать.
Я рекомендую вбивать в поисковик черные обои для рабочего стола или черные текстуры. Как правильно скачать? Щелкните по эскизу, чтобы он немного увеличился, а лишь затем сохраняйте. Только в этом случае вы получите большой размер.
Вот отличная подборка от Google — перейти и скачать. Но можете поискать подходящие варианты и в Яндексе.
Простой и быстрый метод
Первые шаги не будут отличаться. Вам нужно открыть фотографию, разблокировать ее (нажать на замочек), создать новый слой и перетащить его под основную иллюстрацию. Далее перенесите картинку из папки в ваше изображение. Почему нужно делать именно так я уже писал в статье как правильно увеличить размер картинки.
Растяните картинку. Готово. Будьте внимательны. Новый слой с фоном должен находиться под основной иллюстрацией.
Ну вот и все.
Можете посмотреть видео, чтобы убедиться, что все сделано правильно. Не обессудьте, для его создания я выбрал другую картинку. Скриншот со страницы bluetooth маяка, который можно повесить на те предметы, которые вы боитесь потерять. Вешаете его на ключи или пульт от телевизора и сможете заставить пищать, в том случае, если внезапно потеряете.
Видео инструкция
Ну вот и все. Желаю вам успехов. И если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте больше о работе с фотошопом. Пусть каждый день делает вас лучше.
