Бесплатные уроки Фотошоп на каждый день: Гладкий дизайн рекламы телефона

Конечный результат:

Шаг 1

Создайте новый файл размером 600х700 пикселей, создайте новый слой (Create New Layer) “brown background”, потом сделайте выделение всего холста (Ctrl+A) и залейте его цветом #2B1104.

Шаг 2

Установите цвет заливки – чёрный и цвет фона – белый, создайте новый слой (Create New Layer) и назовите его “main clouds”. Примените фильтр Облака (Clouds Filter) и установите Режим наложения – Умножение (Blending Mode – Multiply), Непрозрачность – 65%.

Шаг 3

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

Шаг 4

Создайте новый слой (Create New Layer) под слоем с телефоном и назовите его “light radial gradient”. Инструментом Градиент (Gradient Tool) сделайте радиальную заливку из центра нижней части телефона цветом от #683C16 к прозрачному.

Шаг 5

Создайте новый слой (Create New Layer) над слоем с радиальным градиентом, но под слоем с телефоном. Назовите его “smaller clouds”, установите цвет заливки – чёрный, а цвет фона – белый. Примените фильтр Облака (Clouds Filter). Потом перейдите в меню Слой»Слой-маска»Показать все (Layer > Add Layer Mask > Reveal All). Выберите инструмент Градиент (Gradient Tool) цветом от чёрного (0%) к чёрному (100%) и сделайте заливку из центра основания телефона, как в предыдущем шаге.

Шаг 6

Понизьте Непрозрачность слоя с облаками до 25% и установите Режим наложения – Осветление основы (Blending Mode – Color Dodge):

Шаг 7

Вставьте изображение трещин земли в наш документ под слой с телефоном. Назовите этот слой “cracks”. Перейдите в режим Перспективы (Transform – Perspective) и немного сведите верхние точки, чтобы создать иллюзию перспективы. Потом в режиме Масштабирования (Tramsform – Scale) уменьшите высоту слоя. Во время этого удерживайте Alt.

Шаг 8

Используя большой мягкий ластик с непрозрачностью 25% сотрите края текстуры, чтобы она плавно переходила в фон. Потом установите Режим наложения – Умножение (Blending Mode – Multiply):

Шаг 9

Чтобы усилить трещины, перейдите в меню Уровни (Levels) и настройте, как показано ниже.

Шаг 10

Теперь вставьте изображение растения. На моей картинке видны белые края после извлечения на горстке земли. Чтобы избавиться от этого, используйте инструмент Ластик (Eraser Tool).

Шаг 11

Измените размер слоя с растением и поместите его, как показано ниже. Потом повторите этот процесс и создайте ещё одно маленькое растение.

Шаг 12

Перейдите в меню Уровни (Levels) и настройте, как показано ниже, каждый слой с растением.

Шаг 13

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

Шаг 14

Выберите чёрную кисть среднего размера с непрозрачностью 10%, режим кисти – затемнение основы (color burn). Затемните внутренние части кучек с песком, чтобы придать больше глубины изображению. Потом установите режим – осветление основы (color dodge) и цвет – белый. Обрисуйте противоположную сторону горки.

Шаг 15

Вставьте несколько листков в верхнюю часть телефона и расположите их так, будто они растут сверху. Затем примените стиль Отбрасывание тени (Layer Style - Drop Shadow) с настройками, показанными ниже, и вы усилите эффект того, что листья находятся над телефонм.

Шаг 16

Добавьте ещё несколько цветков на телефон и примените к ним тот же стиль слоя, что и для предыдущего растения. Можете просто скопировать его с первого слоя.

Шаг 17

Создайте новый слой (Create New Layer) над слоем с телефоном и назовите его “screen reflection”. Инструментом Овальная область (Elliptical Marquee Tool) создайте овальное выделение на области экрана телефона, как показано ниже. Потом залейте его линейным градиентом цветом от белого к прозрачному.

Затем инструментом Волшебная палочка (Magic Wand Tool) выделите чёрный экран телефона в слое с телефоном, потом вернитесь в созданный слой “screen reflection” и перейдите в меню Слой»Добавить маску слоя»Показать выделенную область (Layer > Add Layer Mask > Reveal selection). Это оставит градиентную заливку только на телефоне. Потом установите Непрозрачность этого слоя – 10%.

Шаг 18

Создайте новый слой под слоем с телефоном и растениями, но над уже имеющимися слоями с фоном. Назовите этот слой “background circle 1”. Создайте овальное выделение и залейте его градиентом, как и в предыдущем шаге. Установите Непрозрачность этого слоя – 45% и Режим наложения – Перекрытие (Blending Mode – Overlay):

Шаг 19

Повторите этот процесс и добавьте ещё несколько таких кругов. Я понизил ещё больше непрозрачность некоторых кругов, чтобы они не были совсем одинаковыми.

Шаг 20

Создайте новый слой (Create New Layer) “light line 1”, этот слой должен быть над слоем с телефоном. Инструментом Перо (Pen Tool) нарисуйте кривую линию, как показано ниже.

Выберите инструмент Кисть (Brush Tool), задайте ему размер – 1 пиксель, цвет – белый. Потом контурным инструментом кликните правой кнопкой на контуре и выберите Обводка контура (Stroke Path). В появившемся окне выберите Кисть (Brush) и установите значение Имитировать нажим (Simulate Pressure).

Шаг 21

Инструментом Лассо (Lasso Tool) удалите некоторые части линии так, чтобы создать иллюзию того, что она обвивает телефон. После этого примените стиль Внешнее свечение (Layer Style - Outer Glow) к линии:

Режим – Осветление, Метод - Мягкий

Шаг 22

Инструментом Ластик (Eraser Tool), мягким ластиком с небольшой непрозрачностью подотрите края линии.

Шаг 23

Используя этот метод, нарисуйте ещё одну линию, скопируйте на неё стиль с первого слоя, но измените в нём цвет на розовый. Поместите некоторые слои с растениями под слои с линиями.

Шаг 24

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