Категория > Самоучитель CSS > Наложение текстуры в фотошопе - «Веб-дизайн»

Наложение текстуры в фотошопе - «Веб-дизайн»


18-03-2016, 13:15. Автор: Мстислав

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



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


Как наложить текстуру на текст в Photoshop


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



2. Добавляем в наш проект нужную текстуру, которую размещаем над слоем текста.


3. Применяем так называемую “обтравочную маску”. Для этого выделяем слой с текстурой и нажимаем сочетание клавиш Control + Alt + G (для Mac: Command + Option + G).



Создать маску можно и с помощью выпадающего меню – выделяете слой с текстурой, кликаете правой кнопкой мышки и находите пункт “Create Clipping Mask”. В итоге будет результат как на картинке выше.


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


5. Следующий шаг – регулировка изображения. Иногда требуется сделать текст чуть более контрастным или светлым. Для этого можно использовать “корректирующий слой” – кликаем по иконке круга с черно-белыми половинками (находится внизу панели инструментов).



Во всплывающем меню выбираете один из инструментов, например Levels. Определяем параметры эффекта и применяем его.


Здесь есть один нюанс – у меня лично настройка сработала не к слою с текстурой, а ко всей картинке, поэтому я выбрал корректирующий слой и нажал Control + Alt + G (определил его как маску).


6. На финальном этапе можно (по желанию) изменить режим наложения текста. Выбираете слой с тектом, а затем определяете для него опцию наложения в значение “Multiply”.



В итоге текст будет более органично вписан в фон. Можете увидеть разницу переключая режимы настройки “Multiply” и “Normal”. На этом наложение текстуры в фотошопе на текст можно считать завершенным.


Как наложить текстуру на объект в фотошопе


Алгоритм данной процедуры идентичен. Но, раз уж текст для абсолютных новичков, покажу пример реализации и для него. Действия, по сути, те же, только в начале добавляем не текст, а нужный вам объект (форму или, допустим, кисти фотошопа). После этого размещаем над этим слоем текстуру и создаем обтравочную маску (Control + Alt + G).



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


Перейти обратно к новости