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

18 марта 2016 742 Самоучитель CSS 0

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

Как наложить текстуру на текст в 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 может пригодиться для создания разного рода иллюстраций, картинок, постеров и т.п.

В прошлом посте про бесплатные осенние текстуры была одна красивая иллюстрация, которая привлекла мое внимание. Это отличный пример того зачем могут пригодиться данные материалы. Поэтому сегодня я бы хотел рассмотреть вопрос как наложить текстуру в фотошопе подобно картинке выше. Продвинутым пользователям это все, конечно, уже известно, однако тем новичкам, что не сталкивались с данным уроком ранее, заметка однозначно пригодится. В данной методике нет ничего сложного, постараюсь детально остановится на каждом шаге. Как наложить текстуру на текст в 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 может пригодиться для создания разного рода иллюстраций, картинок, постеров и т.п.