Пестрый дизайн CD обложки

В этом уроке мы научимся работать с кое-какими оригинальными техниками на примере создания обложки для CD. Некоторые из них — улучшение производительности посредством работы с Smart Objects. Наше конечное изображение будет в стиле обложек, которые делаются для дисков серии Ministry of Sound. Также мы познакомимся с фильтром Displace Filter, который будем применять для искажения некоторых деталей.

1 Шаг

Начнем с создания нового документа с размерами 912×912px. Вы можете выбрать любой другой размер исходя из ваших потребностей, но тогда придется использовать другие настройки фильтров в ходе урока. Заполните фон черным цветом, нажав D для установки цветов по умолчанию, а затем Alt + Backspace, чтобы залить фон основным выбранным цветом. Теперь нам нужно написать текст — каждое слово на отдельном слое, что даст нам больше свободы в дальнейшем. Нажимаем T, чтобы выбрать Text Tool, набираем первое слово строчными буквами. Выбираем этот текст, открываем меню Window > Character и немного поработаем с параметрами текста, чтобы текст вышел таким, как на рисунке ниже. Я использовал шрифт Helvetica, но другие шрифты с засечками, такие как Arial, тоже подойдут. Уменьшите расстояние между буквами, а также подгоните размеры текста под нужные вам. Проделайте то же самое с другими двумя словами.

2 Шаг

Выделите все текстовые слои в палитре Layers, щелкните по ним правой кнопкой мыши и выберите Convert To Smart Object. Преобразовав их в Smart Object, мы можем применять к объекту любые эффекты, как к обыкновенному слою, оставляя его при этом полностью редактируемым. При выбранном слое Smart Object кликните на кнопку маски панели Layers. Нам нужно будет добавить несколько выщерблин на слой с текстом, поэтому возьмите какую-нибудь абстрактную кисть в виде кляксы и начните в режиме маски черным цветом наносить кляксовидные пятна на рисунок. Используйте кляксы разных размеров и прозрачности (Opacity), чтобы в итоге вышло что-то, похожее на скриншот ниже.

3 Шаг

Создайте новый слой и также преобразуйте его в Smart Object. Далее идем в Filter > Render > Clouds, жмем OK, потом открываем Filter > Blur > Gaussian Blur, выставляем радиус 20px и жмем OK. Можно увидеть, что после того, как мы преобразовали слой в Smart Object, значения всех эффектов можно изменить по двойному клику. Теперь создайте из этого слоя обтравочную маску (clipping mask) — кликните на границе между текущим Smart Object и текстовым объектом, удерживая клавишу Alt нажатой.

4 Шаг

Здесь добавьте два корректирующих слоя (Adjustment Layer) Levels и Hue/Saturation и убедитесь, что они также находятся в режиме обтравки, как и слой с текстурой облаков.

5 Шаг

Создайте новый слой и установите основной цвет белым. Возьмите теперь инструмент Line Tool и, выбирая им различную толщину между 1px и 4px, нанесите на рисунок несколько линий под углом 45°, держа Shift нажатой. У вас должно получиться что-то похожее на приведенный ниже рисунок. Теперь спрячьте все другие слои, кроме текущего, и нажмите File > Save As и укажите что-нибудь вроде dmap.psd. Теперь включите спрятанные слои, а текущий, с линиями, можно удалить.

6 Шаг

Выберите текстовый Smart Object и вызовите меню Filter > Distort > Displace, используйте настройки по умолчанию, нажмите OK и выберите файл, который вы только что сохранили (dmap.psd).

7 Шаг

Выберите Brush Tool, затем нажмите F5 и установите все так, как показано ниже.

8 Шаг

Создайте новый слой, инструментом Eyedropper Tool возьмите цвет с части текста. Этим цветом и кистью, которую вы создали на предыдущем шаге, нанесите на рисунок пузыри, идущие от текста. Сделайте это в нескольких местах, затем понизьте Opacity этого слоя до 50%.

9 Шаг

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

10 Шаг

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

11 Шаг

Возьмите Smudge Tool и, используя большую мягкую кисть, размажьте некоторые линии примерно так, как показано на рисунке.

12 Шаг

Теперь преобразуйте слой в Smart Object и затем, также как в шаге 2, при помощи маски нанесите кистью кляксы на изображение.

13 Шаг

Добавьте еще раз фильтр Displace, используя настройки, приведенные ниже и тот же самый шаблон (dmap.psd).

14 Шаг

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

15 Шаг

Создайте обтравочную маску между слоем с цветами и Smart объектом с линиями. Поместите эти два слоя в новую группу, а саму группу передвиньте на место прямо над слоем “Background”. В итоге отключите все остальные слои.

16 Шаг

Используя ту же кисть, что и в 8 шаге, нарисуйте еще больше пузырьков на новом слое. Эти сделайте чуть больше предыдущих.

17 Шаг

Выполняем двойной щелчок по слою, выставляем стиль Inner Bevel с параметрами, приведенными ниже.

18 Шаг

Мы используем ту же технику, что и в 14-15 шагах, чтобы раскрасить пузыри. Создайте новый слой и нанесите на него немного краски.

19 Шаг

Теперь просто создайте очередную обтравочную маску между цветным слоем и пузырьками.

20 Шаг

Я думаю, что показать все удобство использования Smart объектов пора прямо сейчас. Сперва, найдите тот объект, который содержит текст, выполните двойной клик по нему, и откроется новый документ для редактирования данного слоя. Поскольку в новом документе будет прозрачный фон — создайте там новый слой, сместите его в самый низ стека слоев в палитре Layers и залейте его черным цветом.

21 Шаг

Создаем новый слой поверх остальных, выбираем Ellipse Tool и наносим белый эллипс на букву О, как показано ниже. Здесь вы можете даже добавить еще какой-нибудь текст, как это сделал я.

22 Шаг

Нажимаем Ctrl + S, чтобы сохранить изменения в новом документе, иначе они отменятся при закрытии. Затем закрываем документ (Ctrl + W). Когда вы снова вернетесь в основной документ — заметите, что слой с текстом изменился в соответствии с вашими действиями.

23 Шаг

Последнее что я сделал — поместил лого в верхнюю часть рисунка. Ниже вы можете увидеть, как выглядит моя палитра Layers в конце работы.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта psdlearning.com, автор перевода указан в начале урока.