Итоговое изображение
Посмотрите на результат, процесс достижения которого мы опишем в данной статье:
Этап 1
Откройте новый документ размером 600х700 пикселей и создайте в нем новый слой с названием "brown background". Выделите весь холст (Ctrl+a) и залейте его этим цветом #2B1104.
Этап 2
Выберите черный цвет для переднего плана и белый для цвета фона. Создайте новый слой с названием "main clouds" и примените filter > render > clouds. Затем установите режим смешивания данного слоя на "Multiply" и уменьшите уровень прозрачности до 65%.
Этап 3
Теперь выберите фотографию мобильного телефона. Вырежьте его с изображения, используя перо (pen tool), лассо или же волшебную палочку. Я предпочел использовать волшебную палочку, потому что на моем изображении телефон был окружен чистым белым фоном. Скопируйте мобильный телефон в свой рабочий документ. По идее, он должен автоматом вставиться в центр документа, при нажатии Ctrl+V. Сохраняйте телефон в центре по горизонтали, но вертикально сместите его немного вниз. Также, не забудьте переименовать слой в "phone".
Этап 4
Теперь создайте еще один новый слой и разместите его под слоем с телефоном, переименуйте его в "light radial gradient". Выберите инструмент радиальной градации и установить диапазон цветов от #683C15 до прозрачного. Теперь зажмите курсор в середине нижней части вашего телефона и тащите курсор до края вашей рабочей области.
Этап 5
Создайте новый слой поверх слоя с градацией, но так, чтобы он был под слоем с телефоном, назовите его "smaller clouds". Снова установите черный цвет на цвет переднего плана и белый на фон. Затем примените filter > render > clouds.
Затем примените layer > add layer mask > reveal all. Установите диапазон градации черного от 0% прозрачности до 100%. Опять же повторите действие с созданием градации.
Этап 6
Уменьшите уровень прозрачности у слоев с облаками до 25%, смените их режим смешивания на "color dodge".
Этап 7
Теперь вставьте в документ какое-нибудь изображение с потрескавшейся почвой, например. Центрируйте его позади вашего телефона, назовите этот слой "cracks".
Теперь включайте edit > transform > perspective, и тащите за верхние углы вашего изображения для того, чтобы создать иллюзию перспективы.
Теперь включайте edit > transform > scale и уменьшите высоту изображения. Для того, чтобы уменьшить изображение, но оставить трещины вертикально центрированными, просто держите "ALT" в то время, как вы будете тянуть прямоугольник.
Этап 8
Теперь возьмите большой ластик с уровнем прозрачности в 25%, и сотрите края вашего изображения с трещинами так, чтобы получился плавный переход к коричневому фону. У вас должно получиться округлое изображение с трещинами.
Установите режим смешивания слоя на "multiply".
Этап 9
Неплохо было бы трещины сделать более выразительными. Для этого открывайте image > adjustments > levels, и используйте параметры, отображенные ниже. Это должно помочь нам в этом деле.
Этап 10
Теперь вставьте изображение какого-нибудь растения, находящего посреди почвы. Я вырезал такое изображение, используя волшебную палочку, потому что фон изображения был белым.
Вероятно, вы заметите то, что инструмент волшебной палочки оставил белый контур вокруг моего растения. Это результат моего пренебрежения правильными параметрами устойчивости (tolerance). Для того, чтобы исправить это, я воспользовался ластиком среднего размера и аккуратно подправил края растения.
Этап 11
Измените размер растения так, чтобы он соответствовал основе вашего телефона. Теперь повторите это действия с несколькими растениями, также расставляя их вокруг вашего телефона.
Этап 12
Теперь ключите image > adjustments > levels и укажите параметры уровней, как показаны на изображении ниже. Это придаст вашим растениям выразительности, и сделает более сочетаемыми с вашим земляным фоном.
Этап 13
Теперь используйте ластик маленького размера с уровнем в 20%, чтобы немного подтереть почву под каждым изображением растения. Таким образом можно подкорректировать землю под каждым растением и немного смешать их.
Этап 14
Теперь выберите черную кисточку среднего размера с уровнем в 10%, и режимом смешивания "color burn". Немного подкорректируйте внутреннюю часть почвы, чтобы придать ей больше глубины. Затем поменяйте цвет кисти на белый, и режим смешивания на "color dodge". А теперь подкорректируйте другие стороны кучек почвы, выделяя светлые части.
Этап 15
Теперь вставьте немного листьев по верхнему краю телефона, и разместите их так, как будто они прорастают из телефона. Для придания большей глубины примените тень (drop shadow) с параметрами, указанными ниже. Это придаст эффект, будто тень от листьев падает на телефон.
Этап 16
Теперь добавьте еще немного растений и цветов на изображение с телефоном. Я хотел, чтобы у каждого лепестка была такая же тень, как у первого, поэтому я просто кликнул правой кнопкой и скопировал стиль слоя. И затем на каждом новом слое с лепестками кликал применение скопированного стиля слоя.
Этап 17
Теперь создайте еще один слой поверх телефона и назовите его "screen reflection". Используйте инструмент кругового выделения для того, чтоб создать овальное выделение, чтобы оно немного охватывало дисплей вашего телефона. Затем используйте линейную градацию от белого к прозрачному для того, чтобы создать эффект выцветания поперек части дисплея.
Затем используйте волшебную палочку для того, чтобы выделить черный экран телефона. С данным активным выделением, переключитесь обратно на слой с отражением и примените layer > apply layer mask > reveal selection. Это замаскирует области овального градирования, которые расположены вне экрана телефона.
И наконец, уменьшите уровень прозрачности слоя "screen reflection" до 10%.
Этап 18
Теперь создайте еще один слой и расположите его под слоями с телефоном и растениями, но над текущими фоновыми слоями, назовите его "background circle 1". Теперь создайте большое округлое выделение и залейте его линейной градацией от прозрачного к белому. Затем уменьшите его уровень прозрачности до 45% и смените режим смешивания на "overlay".
Этап 19
Теперь повторите это действия, добавляя еще несколько фоновых окружностей. Я установил каждому слою разный уровень прозрачности, получается такой необычный эффект.
Этап 20
Теперь создайте еще один слой, назовите его "light line 1". Только убедитесь, что вы создали его поверх слоя с телефоном. Выберите перо, и нарисуйте волнистую фигуру вокруг телефона и изображений с растениями.
Теперь выберите жесткую кисточку в 1px белого цвета. Ставьте перо, нажмите правой кнопкой на линии выделения. Затем кликайте функцию "stroke path", только прежде убедитесь, что стоит галочка на "simulate pressure". Это обведет ваше выделение белой линией в 1px.
Этап 21
Теперь используйте лассо для того, чтобы выделить и удалить некоторые части вашей белой линии, чтоб это было похоже на то, как будто линия заходит за телефон в определенных точках. Затем нажмите правой кнопкой на слое с линией и примените внешнее свечение (outer glow) в опциях слоя. Укажите параметры, приведенные ниже.
Этап 22
Теперь используйте кисточку среднего размера с низким уровнем для того, чтобы аккуратно стереть верхнюю часть вашей линии так, чтобы получился плавный переход к коричневому фону.
Этап 23
Теперь добавьте еще одну такую линию. Скопируйте опции слоя с внешним свечением, но измените цвет свечения на розовый. Затем передвиньте некоторые слои с цветами так, как будто линия проходит перед ними.
Этап 24
Теперь вставьте изображение какого-нибудь жучка (это изображение я вырезал с оригинала, используя перо). Затем измените размер жучка, используя edit > transform > scale. Дублируйте жучка, и переверните его и поменяйте размер как-нибудь так, чтобы было больше эффекта. Повторите такое действие несколько раз, пока вы не получите несколько жучков, вьющихся вокруг верхушки вашего телефона.
Я также немного поменял размеры некоторых жучков, чтобы придать некоторое чувство перспективы.
Этап 25
Я соединил все слои с жуками путем выделения нужного слоя и нажатия сочетания Ctrl+E. Для того, чтобы придать больше выразительности этому слою, включите image > adjustments > levels и примените параметры, приведенные ниже.
Этап 26
Теперь примените эффект внешнего свечения к слою с жуками (данные ниже).
Этап 27
Дублируйте ваш слой с насекомыми, затем выберите оригинал. Выберите "smudge tool", мощность установите на 50%. Затем размажьте насекомых на оригинальном слое, придав эффект движения. Затем уменьшите уровень прозрачности слоя до 30%, а уровень верхнего слоя с жуками до 80%.
Этап 28
Кроме всего этого, меня беспокоит отсутствие тени телефона на потрескавшейся земле. Для того, чтобы исправить это, я выделил слой с землей, затем используя мягкую кисть среднего размера (установленную на режим burn), немного подкрасил область под телефоном.
Этап 29
Теперь создайте новый слой и назовите его "text box". Создайте прямоугольное выделение где-нибудь на рабочей области документа, под телефоном, например. Заполните его линейный градированием, с диапазоном от прозрачного к черному и снова к прозрачному (пример ниже). Затем понизьте уровень прозрачности данного слоя до 25%.
И вот, все готово!
В комментариях были бы очень рады видеть ваши работы, выполненные следуя данной статье.
Автор статьи © Tom
Русский перевод © CoolWebmasters.Com 2009
