5
(2)

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

Для проекта важно подобрать качественные исходники в формате PNG, т.е. на прозрачном фоне. Посуду: чашку, чайник лучше выбирать нейтральных тонов, одноцветные.

Создаем новый файл: (Ctrl+N) или (Файл — Создать). Размер файла — 1950 х 1080 пикселей, цвет — белый.

Вызываем Стиль слоя, дважды кликнув на слое ЛКМ. Выбираем Наложение градиента от желтого к белому. Стиль градиента — радиальный. Ставим галочку в опции Инверсия, чтобы светлое пятно было в центре. Увеличиваем масштаб до max.

Перемещаем изображение чашки на рабочий файл.

Создание баннера с эффектом наложения текстуры: советы дизайнера
Создание баннера с эффектом наложения текстуры: пошаговое объяснение и видео демонстрация

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

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

Приемом, который называется «Альт (Alt)+клик», создаем обтравочную маску. Выполняется это так: зажимаем на клавиатуре клавишу Alt, наводим курсор между слоями «лимон», «чашка».
В тот момент, когда курсор примет форму квадратика со стрелочкой, делаем клик ЛКМ. При этом лимон приобретает форму чашки.

Чтобы изображение чашки стало более объемным, следует проявить все тени, которые были на исходнике. Это позволяет сделать режим наложения Умножение.
Находясь на верхнем слое, заходим в режимы наложения, где выбираем Умножение.

Создание баннера с эффектом наложения текстуры: советы дизайнера

Перемещаем на рабочий файл изображение дольки лимона. У меня к нему автоматически программа применила обтравочную маску. Чтобы отменить это, повторяю прием «Alt+клик».

Трансформируем изображение дольки лимона, чтобы добиться нужного размера.
Заходим во вкладку Редактирование, выбираем Трансформирование — Искажение. Укладываем дольку лимона на чашку, двигая верхнюю и нижнюю контрольные точки.

Чтобы более точно совместить дольку лимона с краями чашки, во вкладке Редактирование выбираем Трансформирование — Деформация и придаем изображению нужную. форму.

Создание баннера с эффектом наложения текстуры: советы дизайнера

Перемещаем на рабочий файл изображение чайника. Вызвав Трансформирование (Ctrl+T), уменьшаем размер, размещаем изображение в нужном нам положении.

Создание баннера с эффектом наложения текстуры: советы дизайнера

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

Приемом «(Alt)+клик» накладываем текстуру лимона на чайник. Применяем режим наложения Умножение.

Создание баннера с эффектом наложения текстуры: советы дизайнера

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

Берем инструмент Кисть круглую, мягкую, размером 20 с непрозрачностью 34 %. Рисуем линию — край крышки чайника. При необходимости можно снизить непрозрачность этого слоя.

Создание баннера с эффектом наложения текстуры: советы дизайнера

Следующим этапом создаем тени под чашкой и чайником. Для этого добавляем новый слой, подписываем его «тень чашки». Берем инструмент Эллипс и растягиваем эллипс под чашкой.
Заливаем его цветом близким к цвету теней на чашке. Цвет можно подкорректировать, кликнув на миниатюре слоя, и в открывшейся палитре выбрать нужный оттенок с помощью пипетки.

Заходим во вкладку Фильтр, выбираем Размытие — Размытие по Гауссу. Программа предлагает растрировать этот слой, соглашаемся с этим. Радиус размытия ставим — 18.
Чуть снижаем непрозрачность слоя. Слой с тенью перемещаем с зажатой ЛКМ под слой с изображением чашки.

Далее создаем копию слоя с тенью (Ctrl+J). Перемещаем его под изображение чайника. Трансформируем размер тени. Подписываем слой «тень чайника», и размещаем этот слой под слой «чайник».
Регулируем непрозрачность тени.

Создание баннера с эффектом наложения текстуры: советы дизайнера

Добавляем новый слой и подписываем его «пар». Берем инструмент Кисть, которая называется smoke белого цвета. придаем ей нужный размер и положение. Рисуем пар над чашкой.

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

Затем вызываем Деформацию (вкладка Редактирование — Трансформация — Деформация), и двигая контрольные точки на сетке деформации, придаем струе такую форму, словно она выливается из чайника.

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

Теперь нужно придать струе соответствующий цвет. Для этого добавляем новый слой. Берем инструмент прямоугольник. Растягиваем прямоугольник так, чтобы он закрыл изображение струи полностью. Заливаем его желтым цветом и применяем к прямоугольнику прием (Alt)+клик, т.е. создаем обтравочную маску. Заходим в режимы наложения, выбираем Яркий цвет. Регулируем непрозрачность слоя.

Далее объединяем все слои (кроме слоя «фон») в группу. Для этого выделяем верхний слой, кликнув по нему. Удерживаем зажатой клавишу Shift, кликаем по слою, который находится над слоем «фон».
Все нужные нам слои при этом выделяются. После этого нажимаем сочетание клавиш Ctrl+G. Все выделенные слои помещаются в одну группу.

К этой группе применяем корректирующий слой Цветовой тон/насыщенность. Повышаем насыщенность, чуть снижаем яркость. При этом не забываем прикрепить этот корректирующий слой к слою «группа»,
нажав на иконку с изображение квадратика со стрелочкой внизу панели слоев.

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

На баннере остается разместить текст. Добавляем новый слой, берем инструмент Текст, выбираем шрифт Rade Italic размер — 200 пикселей. Печатаем «Lemon Tea» в левом верхнем углу. На следующем новом слое набираем текст «чай с ярким вкусом лимона»
шрифтом Segoe UI, размером 48 пикселей, и размещаем его под первой надписью. В правом нижнем углу размещаем надпись «интернет-магазин продажи оптом и в розницу» тем же шрифтом Segoe UI, размером 36 пикселей.

Рекламный баннер с эффектом наложения текстуры готов.

Смотрите видеозапись «Создание баннера с эффектом наложения текстуры»

Подписывайтесь на наши социальные сети:

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 2

Оценок пока нет. Поставьте оценку первым.