Эффект луж акварелью

Для начала мы нарисуем дождливую текстуру, вот такую:

Как вы сами понимаете, такую текстуру мы рисуем не в компьютерных графических редакторах, а на обычном листе бумаги. Даже не рисуем, а создаем посредством разбрызгивания черной краски (разбавленной сильно с водой) кисточкой. Разбрызгиваем мы краску не просто так, а как можно художественнее, красивее.

У кого нет сканера и желания впадать в детство могут скачать себе уже готовую текстуру, с которой мы будем работать в этом уроке: rain.zip (730 кб).

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

Обратите внимание, на панельке с опциями для инструмента Rectangular Marquee Tool мы выбрали опцию Fixed Size (фиксированный размер выделения), потому что нам нужен определенный размер фрагмента - 1024х768 - т.к. мы с вами будем создавать обои под наиболее распространенное разрешение экрана. Когда мы выбираем опцию Fixed Size для Rectangular Marquee Tool, нам нужно обязательно прописать размеры для выделения, они прописываются в графах width (ширина) и height (высота). Если вы создаете изображение для веб, то не забудьте указать в каких единицах измеряется ширина и высота - px - пикселах (по умолчанию Photoshop выставляет ширину и высоту в сантиметрах, что нам с вами совсем не нужно в нашем случае).

Когды мы выставили все нужные опции для Rectangular Marquee Tool, кликаем по нашему изображению - появится прямоугольник заданного фиксированного размера. Не переключаясь на другие инструменты (т.е. все еще находясь в режиме Rectangular Marquee Tool), мы можем подвигать прямоугольник по нашему холсту (изображению). Для этого кликаем в любом месте холста левой кнопкой мыши и, не отпуская ее, передвигаем прямоугольник, куда и как нам нужно.

Когда вы поместите выделение так, как показано на иллюстрации, скопируем его (Ctrl+С), а затем создадим новый документ (File - New), куда вставим скопированный фрагмент (Ctrl+V). После этого старый файл с текстурой следует закрыть, чтобы не мешал, а новый - сохранить как *.psd.

Обратите внимание, если вы скопировали какой-либо фрагмент изображения, и создаете сразу после этого новый документ (рисунок), то фотошоп автоматически даст новому документу такие размеры, как у скопированного фрагмента - это очень удобно. В нашем случае эти размеры - 1024х768 пикселов. Однако, не забывайте, что вы можете при создании нового документа установить свои размеры.

Итак, у нас с вами должен был получиться примерно вот такой рисунок:

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

Первый инструмент - это Magic Wand Tool. Выберем его на панели инструментов, кликнем левой кнопкой мыши по белому пространству, предварительно выбрав на панели со слоями нужный нам слой с текстурой, и о чудо - мы выделили одним простым движением большой фрагмент с белым фоном, который нам осталось только удалить.

Но не спешите. Конечно, Magic Wand Tool уже облегчил нам задачу, ведь нам не придется скрупулезно обводить долго и упорно нужные нам фрагменты. Но тем не менее поработать нам придется достаточно, прежде, чем мы удалим все белые области на нашем рисунке. Поэтому мы с вами все же не будем использовать в нашем случае Magic Wand Tool, мы обратимся к еще более замечательному инструменту.

Color Range - при помощи этого инструмента мы сможем сразу выделить все пространство нужного нам цвета на нашем рисунке (в нашем случае белое). Для этого сначала сделайте все слои невидимыми, кроме того, с которого мы будем убирать белый фон (слой с текстурой). Убедитесь, что значок кисти на панели со слоями у вас стоит на слое с текстурой. Выберите инструмент Eyedropper Tool ("пипетка") на панели инструментов и при помощи него возьмите белый цвет с нашего изображения.

Вот теперь мы можем воспользоваться инструментом Color Range. Для этого в меню выберите пункт Select - Color Range.

Появится следующее окошко:

Выставите такие же опции, как показано на иллюстрации. Sampled Colors - 40. Нажмите ОК. Все белое пространство на нашем рисунке выделится. Теперь мы можем удалить его (вырезать - Ctrl+X).

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

Для этого выбираем в меню Image - Mode. Если стоит галочка напротив RGB - то все в порядке, если нет, то выбираем режим RGB, чтобы работать с нашим изображением дальше.

Далее убеждаемся, как всегда, что у нас выбран нужный нам слой, слой с которым мы будем сейчас работать, слой с текстурой. Как вы помните, мы сейчас его будем окрашивать в голубой цвет. Выбираем в меню: Image - Adjustments - Color Balance.

Теперь немного прибавим голубого (cyan) и синего (blue) нашей текстуре.

Когда, мы установили нужные значения, нажмем на ОК. Делаем видимым белый слой под нашей текстурой. Затем создаем новый слой (он должен располагаться поверх слоя с текстурой). Затем выбираем голубой цвет на палитре с цветами и закрашиваем им новый слой. После чего делаем новый слой полупрозрачным (opacity 20-40%).

Должны получить примерно следующее:

Теперь мы с вами создадим надпись, что мы с вами изобразили дождь. Для этого мы с вами выберем на панели инструментов инструмент Horizontal Type Tool (предварительно выбрав черный цвет на палитре с цветами).

Далее кликаем левой кнопкой мыши в любом месте страницы - таким образом мы создадим новый текстовой слой. Не переключаясь с инструмента Horizontal Type Tool наберем на клавиатуре слово "Дождик", предварительно выбрав на панельке с дополнительными опциями нужные параметры шрифта (Tahoma - тип шрифта, должен стоять по умолчанию на компьютере у всех, Bold - полужирное начертание шрифта, 16 pt - размер шрифта в пунктах).

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

Появится окошко с различными опциями.

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

Далее, нажимаем на кнопку ОК и передвигаем слой с текстом, как показано на иллюстрации ниже:

Теперь выбираем инструмент Magic Wand Tool, с которым мы познакомились в начале главе. Убеждаемся, что значок кисти на панельке со слоями стоит напротив слоя с текстом. Далее нажимаем на букву Д в нашем слове - буква выделится. Удерживая кнопку Shift, выделяем все буквы слова "ДОЖДИК" при помощи инструмента Magic Wand Tool. Затем передвигаем выделение (не переключаясь с инструмента Magic Wand Tool) так, как показано на иллюстрации.

Переключаемся на слой с нашей текстурой. Копируем выделение (Ctrl+C) и вставляем новым слоем (Ctrl+V). Новый слой должен лежать под полупрозрачным голубым слоем. Передвигаем новый слой туда, где стоит текстовой слой со словом "ДОЖДИК". Делаем текстовой слой со словом "ДОЖДИК" невидимым. Должно получится примерно следующее:

Хочу обратить ваше внимание, что слово "ДОЖДИК" выглядело бы гораздо лучше, если бы было написано другим шрифтом. Поскольку у каждого пользователя на компьютере лежат абсолютно разные шрифты, то в примере надпись была выполнена одним из стандартных шрифтов, который по идее должен быть на компьютере у каждого, но вы можете выполнить надпись другим, декоративным, более подходящим к данной ситуации шрифтом.

В принципе наши обои готовы:

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