Фотошоп для фотографа 2013

Учимся делать стильные обои в Фотошопе

| Категория: Уроки по обработке фотографий в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим как создавать стильные обои.


Финальный результат

Учимся делать стильные обои в Фотошопе

Приступаем к уроку Фотошопа


Часть первая.


1. Откройте изображение "Dune.tif".


Учимся делать стильные обои в Фотошопе

Вы можете использовать любое другое изображение. Измените размер изображения (Image > Canvas size (Изображение > Размер холста)). Не забудьте поставить галочку напротив «сохранять пропорции».


Я выбрал 800х600.


2. Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу).


Я использовал радиус 19. Нам нужен действительно мягкий фон, чтобы он не конкурировал с элементами переднего плана, которые мы добавим позже.


Учимся делать стильные обои в Фотошопе

3. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")).


Учимся делать стильные обои в Фотошопе

4. Нажимаем shift+Backspace, чтобы открыть окно заполнения. Выбреете образец – линию сканирования (как создать чуть ниже ↓).


Учимся делать стильные обои в Фотошопе

Туториал «Линия сканирования»


А. Создаём новое изображение размером 2х4pix. (for web) Фон прозрачный.


Учимся делать стильные обои в Фотошопе

В. Нажимаем D. Берём карандаш (Pencil Tool Инструмент - Карандаш (Инструмент Карандаш / Клавиша "B")) и закрашиваем чёрным половину холста.


Учимся делать стильные обои в Фотошопе

Затем нажимаем Ctrl+A.


С. Edit > Define Pattern (Редактирование > Определить узор). Сохраняем новый образец.


Учимся делать стильные обои в Фотошопе

Нажимаем Ок, чтобы заполнить изображение выбранным образцом.


Учимся делать стильные обои в Фотошопе

5. Изменяем Blending mode (Режимы наложения) на Screen (Осветление), чтобы наш фон стал видимым. Теперь добавляем маску слоя (Add layer mask) находиться в нижней части панели слоев (Учимся делать стильные обои в Фотошопе).


Учимся делать стильные обои в Фотошопе

6. Выбираем линейный градиент (Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G")). Нажимаем "D". Теперь протащите градиент, как показано на картинке. ↓


Учимся делать стильные обои в Фотошопе

7. Устанавливаем непрозрачность слоя 42%.


Учимся делать стильные обои в Фотошопе

8. Теперь мы добавим сетку. (Образец. Создаём новое изображение размером 20х20, с прозрачным фоном. Берём КВАДРАТНУЮ кисть размером 1 pix. Удерживая Shift обводим края квадрата. Затем сохраняем изображение, как новый образец.

Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и заполняем его образцом (Shift+backspace).


Учимся делать стильные обои в Фотошопе

Учимся делать стильные обои в Фотошопе

9. Изменяем Blending mode (Режимы наложения) на Soft light (Мягкий свет).


Учимся делать стильные обои в Фотошопе

10. Непрозрачность слоя с сеткой ставим 17%.


11. Добавить маску слоя (Add layer mask) в нижней части панели слоев и используем горизонтальный градиент.


Учимся делать стильные обои в Фотошопе

12. После того, как я увидел результат, я решил уменьшить непрозрачность слоя со сканером до 10%.


Учимся делать стильные обои в Фотошопе

Теперь ваше изображение должно быть похоже на это. ↓


Учимся делать стильные обои в Фотошопе

13. Добавляем линии. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и используем Line Tool Инструмент - Линия (Инструмент Линия / Клавиша "U"), 1pix., цвет белый.


Учимся делать стильные обои в Фотошопе

Учимся делать стильные обои в Фотошопе

14. Рисуте линии, как показано на картинке. Или рисуйте свои линии.


Совет. Удерживайте нажатым shift, чтобы проводить ровные горизонтальные и вертикальные линии.


Учимся делать стильные обои в Фотошопе

Уменьшите непрозрачность слоя до 45%.


Учимся делать стильные обои в Фотошопе

Часть вторая.


15. Добавляем какой-нибудь текст. Я использую шрифт Gunship.


Учимся делать стильные обои в Фотошопе

16. Следующее, что я сделал – добавил огромные буквы. Чтобы добиться лучшего эффекта, в Blending mode (Режимы наложения) ставим Overlay (Перекрытие) и непрозрачность слоя убавляем до 33%.


Учимся делать стильные обои в Фотошопе

17. Поиксперементируйте с непрозрачностью и Blending mode (Режимы наложения) всех шрифтов. Я остановился на этом варианте.


Учимся делать стильные обои в Фотошопе

18. Теперь открываем меню shape tool (Инструменты в виде Формы) и выбираем Polygon Tool Инструмент - Многоугольник (Инструмент Многоугольник / Клавиша "U").


Учимся делать стильные обои в Фотошопе

19. Далее устанавливаем следующие настройки: ↓


Учимся делать стильные обои в Фотошопе

20. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Нажимаем D, затем Х.


Рисуем шестиугольник.


Учимся делать стильные обои в Фотошопе

И заливаем выделение белым.


Учимся делать стильные обои в Фотошопе

21. В Blending mode (Режимы наложения) ставим Overlay (Перекрытие) и непрозрачность слоя убавляем до 26%.


Учимся делать стильные обои в Фотошопе

22. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Удерживая Ctrl, кликаем по слою с шестиугольником. Шестиугольник выделится. Теперь переходим к новому слою, который только что создали.


Учимся делать стильные обои в Фотошопе

23. Edit > Stroke (Редактирование > Обводка). Цвет белый. Размер 1px.


Учимся делать стильные обои в Фотошопе

Теперь у нас есть полупрозрачный шестиугольник с белой окантовкой.


Учимся делать стильные обои в Фотошопе

24. Слейте оба слоя (Ctrl+E). Дублируйте слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) с шестиугольником столько раз, сколько вам нужно и размещайте копии по изображению.

Совет. Удерживая нажатыми Ctrl+Shift, можно выравнивать копии при перемещении.


Учимся делать стильные обои в Фотошопе

Должно получиться что-то вроде этого. ↓


Учимся делать стильные обои в Фотошопе

Часть третья.


25. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Устанавливаем цвета переднего плана и фона. Я выбрал оранжевый и синий, т.к они создают контраст с использованным мной фоном. Но вы можете использовать любые цвета на ваш выбор.


Учимся делать стильные обои в Фотошопе

26. Filter > Render > Clouds (Фильтр > Рендеринг > Облака).


Заполняем новый слой облаками.


Учимся делать стильные обои в Фотошопе

27. В Blending mode (Режимы наложения) ставим Lighten (Замена светлым).


Учимся делать стильные обои в Фотошопе

28. К слою с облаками добавляем маску слоя (Add layer mask) в нижней части панели слоев.


Учимся делать стильные обои в Фотошопе

29. Используем линейный градиент слева направо в слое с облаками.


Учимся делать стильные обои в Фотошопе

30. Уменьшаем прозрачность до 42%.

Попробуйте использовать этот tutorial с другими фильтрами, цветами, образами, чтобы добиться интересных результатов.


Один из вариантов:


1. Создаём слой с облаками.


Учимся делать стильные обои в Фотошопе

2. Используем Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении).


Учимся делать стильные обои в Фотошопе

Я использую этот вариант для быстрого создания фона при проектировании брошюр, объявлений и т.д.


Учимся делать стильные обои в Фотошопе

Часть четвёртая.


31. Создаём новый текст. Я использую шрифт Galant.


Учимся делать стильные обои в Фотошопе

Растеризуйте слой с текстом → правой кнопкой по слою и Rasterize layer (Растеризовать слой).


32. Находясь в текстовом слое, используем Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)). В открывшемся меню выбираем Distort (искажение).


Учимся делать стильные обои в Фотошопе

33. Искривляйте текст, пока не удовлетворитесь полученным результатом.


Учимся делать стильные обои в Фотошопе

34. Переходим в layer style (стиль слоя) этого слоя (двойной щелчок на слое): ↓


Учимся делать стильные обои в Фотошопе

Не забудьте изменить gloss (блеск).


Теперь текст должен выглядеть так: ↓


Учимся делать стильные обои в Фотошопе

Дублируйте слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) и сделайте его невидимым.


35. Теперь сделаем текст прозрачным. Переходим к layer styles (стилям слоя).


Учимся делать стильные обои в Фотошопе

Вот, что должно получиться: ↓


Учимся делать стильные обои в Фотошопе

36. Переходим к скрытому слою и делаем его видимым. Цвет переднего плана выбираем белый. Добавляем маску слоя.

Выбираем линейный градиент. Нажимаем D и применяем градиент, пока вас не удовлетворит результат.


Учимся делать стильные обои в Фотошопе

Часть пятая.


37. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Меняем Blending mode (Режимы наложения) на "Color (Цветность)". (Этот вариант используется для данного проекта, но вы можете использовать любой. Всё зависит от результата, которого вы хотите добиться.)


38. Совет. Используйте Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L") для соединения прямых линий.

Удерживая Shift, рисуем прямые линии. Отпускаем Shift, не отрываясь, ведём polygon lasso (Многоугольное лассо) под углом 45°, затем опять нажимаем Shift и проводим прямую линию. Закончив, подведите конец одной линии к другой, и отпустите. Появится выделение.


Учимся делать стильные обои в Фотошопе

39. Измените цвет переднего плана. Я выбрал этот: ↓


Учимся делать стильные обои в Фотошопе

Залейте выделение выбранным цветом. Выделение не снимайте!


40. Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Идём Edit > Stroke (Редактирование > Обводка).


Учимся делать стильные обои в Фотошопе

Теперь изображение должно выглядеть так: ↓


Учимся делать стильные обои в Фотошопе

Часть шестая.


41. Добавим какой-нибудь текст в наши шестиугольники и вокруг них.


Учимся делать стильные обои в Фотошопе

42. Выделяем область, захватывающую шестиугольники: ↓


Учимся делать стильные обои в Фотошопе

И пишем любой текст или нажимаем Ctrl+V и вводим текст из буфера обмена: ↓


Учимся делать стильные обои в Фотошопе

43. Дублирйте слой с текстом и, используя Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V"), располагайте его на изображении, где захотите.


Вот и всё.


Финальный результат

Учимся делать стильные обои в Фотошопе

Автор: Colin Smith;
Перевод: Джей Ди;
Оригинал;
Текст доработан командой сайта PhotoshopPro.ru