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

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

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Наш опрос



Наши новости

       
18-03-2016, 13:15
Наложение текстуры в фотошопе - «Веб-дизайн»
Рейтинг:
Категория: Самоучитель CSS

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



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


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

Теги: CSS Веб-дизайн, слой текст можно текстуру наложения

Просмотров: 846
Комментариев: 0:   18-03-2016, 13:15
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме: