Как наложить текстуру на текст в Фотошопе
Шрифты… Извечная забота фотошоперов – придание текстам привлекательности. Этого требуют различные обстоятельства, например, необходимость красиво подписать фото или другую композицию. Вариантов украшения масса – от поиска и применения готовых стилей (или создания своих) до использования текстур и режимов наложения слоев.
Сегодня поговорим о том, как стилизовать текст c помощью наложения на него текстуры. Все текстуры, использованные в данном уроке, были найдены на просторах интернета и находятся в публичном доступе. Если Вы планируете использовать созданное изображение в коммерческих целях, то лучше такие изображения покупать на специализированных площадках – стоках.
Наложение текстуры на текст
Прежде, чем начинать стилизацию текста, необходимо определиться с композицией (фоновым изображением и текстурой). Необходимо понимать, что от выбора составляющих элементов зависит общая атмосфера изображения.
Для фона была выбрана вот такая стена из камня:
Текст мы сделаем гранитным с помощью соответствующей текстуры.
Расположение текстур на холсте
- Создаем новый документ (CTRL+N) нужного нам размера.
- Перетягиваем первую текстуру на окно Фотошопа в наш документ.
- Как видим, на текстуре появилась рамка с маркерами, потянув за которые можно (нужно) растянуть ее на весь холст. Старайтесь минимально масштабировать текстуру во избежание потери качества последней.
- То же проделываем и со второй текстурой. Палитра слоев у нас теперь выглядит следующим образом:
Написание текста
- Выбираем инструмент «Горизонтальный текст».
- Пишем.
- Размер шрифта подбираем в зависимости от размера холста, цвет не важен. Для изменения характеристик необходимо перейти в меню
«Окно» и нажать на пункт «Символ». Откроется соответствующее окно, в котором можно изменить характеристики шрифта, но это уже материал для другого урока. Пока пользуйтесь настройками со скриншота.
Итак, надпись создана, можно приступать к наложению на нее текстуры.
Наложение текстуры на шрифт
1. Перемещаем слой с текстом под слой с текстурой гранита. Текст пропадет из поля зрения, но это временно.
2. Зажимаем клавишу ALT и нажимаем ЛКМ на границу слов (верхней текстуры и текста). Курсор при этом должен поменять форму. Этим действием мы «привяжем» текстуру к тексту, и она будет отображаться только на нем.
Палитра слоев после всех действий:
Результат наложения текстуры гранита на текст:
Как видим, текстура «прилипла» к надписи. Осталось лишь придать тексту объема и завершенности всей композиции.
Заключительная обработка
Заключительную обработку мы будем производить с помощью наложения стилей на текстовый слой.
1. Для начала займемся объемом. Дважды кликаем по слою с текстом и, в открывшемся окне настроек стиля, выбираем пункт под названием «Тиснение». Потянем ползунок размера немного вправо, а глубину сделаем 200%.
2. Для того чтобы наша надпись «отделилась» от стены, перейдем к пункту
Взглянем на конечный результат наложения текстуры на текст:
Мы получили стилизованную под гранит надпись.
Это был универсальный способ наложения текстур на любые объекты, редактируемые в Фотошопе. Используя его, можно текстурировать шрифты, фигуры, залитые любым цветом выделенные области и даже фотографии.
Завершим урок несколькими советами.
- Подбирайте правильный фон для Ваших надписей, так как именно от фона зависит общее впечатление от композиции.
- Старайтесь использовать качественные текстуры высокого разрешения, потому что при обработке (масштабировании) может появиться ненужная размытость. Разумеется, можно придать резкости текстуре, но это уже лишняя работа.
- Не слишком сильно воздействуйте стилями на текст. Стили могут придать надписи излишнюю «пластмассовость» и, как следствие, неестественность.
На этом все, освойте приемы, описанные в этом уроке, чтобы получать качественные стилизованные тексты.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТДобавляем в фотошопе текст на неровную поверхность / Creativo.one
На создание этого эффекта меня вдохновили различные стили слоя, доступные на Envato Market.
Скачать архив с материалами к уроку
1. Сохраняем карту смещения
Открываем текстуру ткани в Photoshop и переходим File – Save As (Файл – Сохранить как), пишем название файла Displace Map и сохраняем его.
2. Настраиваем карту смещения
Шаг 1
Жмем правой кнопкой по фоновому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 2
Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем параметр Saturation (Насыщенность) на -100.
Шаг 3
При высоком значении радиуса вы получите более сглаженный и размытый вариант, при низком – более четкий и детализированный.
Шаг 4
Переходим File – Save (Файл – Сохранить), чтобы сохранить изменения, которые мы внесли в файл Displace Map.
3. Меняем цвет текстуры
Шаг 1
Открываем оригинал текстуры ткани, активируем инструмент
На верхней панели параметров инструмента устанавливаем Mode (Режим) на Color (Цветность), Sampling (Проба) на Contiguous (Смежные пиксели) и Tolerance (Допуск) на 100%.
Берем очень большую круглую жесткую кисть и закрашиваем текстуру, стараясь не проводить дважды в одном месте.
Благодаря этому, мы изменили цвет текстуры.
Шаг 2
Дублируем фоновый слой и преобразовываем копию в смарт-объект.
4. Улучшаем цвет текстуры
Шаг 1
Дважды кликаем по копии фонового слоя, чтобы применить стиль слоя Color Overlay (Наложение цвета) со следующими настройками:
- Color (Цвет): #fde8bd
- Blend Mode (Режим смешивания): Divide (Разделение)
В результате цвет текстуры стал ярче.
Шаг 2
В нижней части панели слоев жмем на кнопку Create new
Шаг 3
Из выпадающего меню Colors (Цвета) выбираем Yellows (Желтые) и настраиваем:
- Cyan (Голубой): -30
- Magenta (Пурпурный): -16
- Yellow (Желтый): -47
- Black (Черный): -21
Шаг 4
Далее из выпадающего меню выбираем
- Cyan (Голубой): -100
- Magenta (Пурпурный): -35
- Yellow (Желтый): -100
- Black (Черный): -16
Это сделает цвет более мягким и приглушенным. Но вы можете настроить цвет по своему желанию, в зависимости от результата, который вы хотите получить.
5. Добавляем текст
Шаг 1
Шрифтом Cookie Regular пишем текст белого цвета и устанавливаем его Size (Размер) на 150 pt.
Шаг 2
6. Стилизуем текст
Дважды кликаем по текстовому слою, чтобы применить следующие стили слоя:
Шаг 1
Добавляем стиль слоя Bevel and Emboss (Тиснение):
- Style (Стиль): Pillow Emboss (Контурное тиснение)
- Size (Размер): 8
- Активируем Anti-aliased (Сглаживание)
- Highlight Mode (Режим подсветки): Linear Light (Линейный свет)
- Color (Цвет): #929292
- Opacity (Непрозрачность): 50%
- Shadow Mode (Режим тени): Color Burn (Затемнение основы)
- Color (Цвет): #434343
- Opacity (Непрозрачность): 27%
Шаг 2
Добавляем стиль слоя Color Overlay (Наложение цвета):
- Color (Цвет): #bdadb1
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
Шаг 3
Добавляем стиль слоя Drop Shadow (Тень):
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
- Color (Цвет): #707070
- Opacity (Непрозрачность): 20%
- Снимаем флажок с Use Global Light (Глобальное освещение)
- Angle (Угол): 90
- Distance (Расстояние): 3
- Size (Размер): 5
В результате мы стилизовали текст.
Как видно на картинке ниже, складки просматриваются под текстом, но результат все равно выглядит слишком плоско и нереалистично. Далее мы займемся решением этой проблемы.
7. Применяем фильтры Blur (Размытие) и Displace (Смещение)
Шаг 1
Выбираем смарт-объект с текстом и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 1. Это сделает эффект более мягким и аккуратным.
Шаг 2
Теперь переходим Filter – Distort – Displace (Фильтр – Искажение – Смещение). В результате появится диалоговое окно.
Horizontal Scale (Масштаб по горизонтали) и Vertical Scale (Масштаб по вертикали) отвечает за интенсивность эффекта. Высокое значение позволит создать более волнистые складки, а низкое – более аккуратные.
Вы можете поиграть с настройками, чтобы добиться наилучшего результата. В рамках данного урока мы установим значение 15.
Displacement Map (Схема искривления) устанавливаем на Stretch to Fit (Растянуть), Undefined Areas (Неопределенные области) на Repeat Edge Pixels (Повторить граничные пиксели) и жмем ОК.
Шаг 3
После нажатия на кнопку ОК откроется окно, в котором мы находим созданный в начале урока файл Displace Map и открываем его, чтобы применить к тексту.
Теперь мы видим, что текст повторяет форму ткани и складки смотрятся более реалистично.
Шаг 4
Запомните, что вы в любой момент сможете подкорректировать настройки фильтра Displace (Смещение), если дважды кликните по нему в списке смарт-фильтров и повторно примените с новыми значениями.
8. Настраиваем резкость фона
Это опциональный шаг, и вы можете его пропустить. Но если вы хотите получить более качественный результат, выбираем копию фонового слоя, затем переходим Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) и применяем следующие параметры:
Имейте в виду, что значения, использованные в этом уроке, могут меняться в зависимости от размера изображения и текста, а также от того, какой результат вы хотите получить.
Заключение
В этом уроке мы создали простую карту смещения, используя текстуру ткани, корректирующие слои и фильтры.
Затем мы настроили цвет текстуры и создали текст.
После этого использовали фильтр Displace (Смещение) и применили к тексту карту смещения, чтобы он соответствовал складкам на ткани.
И, наконец, увеличили резкость фона.
Автор: Rose
Источник: design.tutsplus.com
Добавляем в фотошопе текст на неровную поверхность / Creativo.one
Добавление текста на неровном фоне может оказаться достаточно сложной задачей, и обычно результат получается плоским и нереалистичным. В этом уроке вы узнаете, как использовать фильтр Displace (Смещение) для наложения текста на неровную поверхность, чтобы он соответствовал рельефу этой поверхности и выглядел реалистично.
На создание этого эффекта меня вдохновили различные стили слоя, доступные на Envato Market.
Скачать архив с материалами к уроку
1. Сохраняем карту смещения
Открываем текстуру ткани в Photoshop и переходим File – Save As (Файл – Сохранить как), пишем название файла Displace Map и сохраняем его.
2. Настраиваем карту смещения
Шаг 1
Жмем правой кнопкой по фоновому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 2
Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем параметр Saturation (Насыщенность) на -100.
Шаг 3
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 2.
При высоком значении радиуса вы получите более сглаженный и размытый вариант, при низком – более четкий и детализированный.
Шаг 4
Переходим File – Save (Файл – Сохранить), чтобы сохранить изменения, которые мы внесли в файл Displace Map.
3. Меняем цвет текстуры
Шаг 1
Открываем оригинал текстуры ткани, активируем инструмент Color Replacement Tool (Замена цвета) и устанавливаем цвет переднего плана на #d7ba80.
На верхней панели параметров инструмента устанавливаем Mode (Режим) на Color (Цветность), Sampling (Проба) на Contiguous (Смежные пиксели) и Tolerance (Допуск) на 100%.
Берем очень большую круглую жесткую кисть и закрашиваем текстуру, стараясь не проводить дважды в одном месте.
Благодаря этому, мы изменили цвет текстуры.
Шаг 2
Дублируем фоновый слой и преобразовываем копию в смарт-объект.
4. Улучшаем цвет текстуры
Шаг 1
Дважды кликаем по копии фонового слоя, чтобы применить стиль слоя Color Overlay (Наложение цвета) со следующими настройками:
- Color (Цвет): #fde8bd
- Blend Mode (Режим смешивания): Divide (Разделение)
В результате цвет текстуры стал ярче.
Шаг 2
В нижней части панели слоев жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Selective Colors (Выборочная коррекция цвета).
Шаг 3
Из выпадающего меню Colors (Цвета) выбираем Yellows (Желтые) и настраиваем:
- Cyan (Голубой): -30
- Magenta (Пурпурный): -16
- Yellow (Желтый): -47
- Black (Черный): -21
Шаг 4
Далее из выпадающего меню выбираем Blues (Голубые) и меняем значения, как показано ниже:
- Cyan (Голубой): -100
- Magenta (Пурпурный): -35
- Yellow (Желтый): -100
- Black (Черный): -16
Это сделает цвет более мягким и приглушенным. Но вы можете настроить цвет по своему желанию, в зависимости от результата, который вы хотите получить.
5. Добавляем текст
Шаг 1
Шрифтом Cookie Regular пишем текст белого цвета и устанавливаем его Size (Размер) на 150 pt.
Шаг 2
Преобразовываем текстовый слой в смарт-объект и устанавливаем его Fill (Заливка) на 0.
6. Стилизуем текст
Дважды кликаем по текстовому слою, чтобы применить следующие стили слоя:
Шаг 1
Добавляем стиль слоя Bevel and Emboss (Тиснение):
- Style (Стиль): Pillow Emboss (Контурное тиснение)
- Size (Размер): 8
- Активируем Anti-aliased (Сглаживание)
- Highlight Mode (Режим подсветки): Linear Light (Линейный свет)
- Color (Цвет): #929292
- Opacity (Непрозрачность): 50%
- Shadow Mode (Режим тени): Color Burn (Затемнение основы)
- Color (Цвет): #434343
- Opacity (Непрозрачность): 27%
Шаг 2
Добавляем стиль слоя Color Overlay (Наложение цвета):
- Color (Цвет): #bdadb1
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
Шаг 3
Добавляем стиль слоя Drop Shadow (Тень):
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
- Color (Цвет): #707070
- Opacity (Непрозрачность): 20%
- Снимаем флажок с Use Global Light (Глобальное освещение)
- Angle (Угол): 90
- Distance (Расстояние): 3
- Size (Размер): 5
В результате мы стилизовали текст.
Как видно на картинке ниже, складки просматриваются под текстом, но результат все равно выглядит слишком плоско и нереалистично. Далее мы займемся решением этой проблемы.
7. Применяем фильтры Blur (Размытие) и Displace (Смещение)
Шаг 1
Выбираем смарт-объект с текстом и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 1. Это сделает эффект более мягким и аккуратным.
Шаг 2
Теперь переходим Filter – Distort – Displace (Фильтр – Искажение – Смещение). В результате появится диалоговое окно.
Horizontal Scale (Масштаб по горизонтали) и Vertical Scale (Масштаб по вертикали) отвечает за интенсивность эффекта. Высокое значение позволит создать более волнистые складки, а низкое – более аккуратные.
Вы можете поиграть с настройками, чтобы добиться наилучшего результата. В рамках данного урока мы установим значение 15.
Displacement Map (Схема искривления) устанавливаем на Stretch to Fit (Растянуть), Undefined Areas (Неопределенные области) на Repeat Edge Pixels (Повторить граничные пиксели) и жмем ОК.
Шаг 3
После нажатия на кнопку ОК откроется окно, в котором мы находим созданный в начале урока файл Displace Map и открываем его, чтобы применить к тексту.
Теперь мы видим, что текст повторяет форму ткани и складки смотрятся более реалистично.
Шаг 4
Запомните, что вы в любой момент сможете подкорректировать настройки фильтра Displace (Смещение), если дважды кликните по нему в списке смарт-фильтров и повторно примените с новыми значениями.
8. Настраиваем резкость фона
Это опциональный шаг, и вы можете его пропустить. Но если вы хотите получить более качественный результат, выбираем копию фонового слоя, затем переходим Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) и применяем следующие параметры:
Имейте в виду, что значения, использованные в этом уроке, могут меняться в зависимости от размера изображения и текста, а также от того, какой результат вы хотите получить.
Заключение
В этом уроке мы создали простую карту смещения, используя текстуру ткани, корректирующие слои и фильтры.
Затем мы настроили цвет текстуры и создали текст.
После этого использовали фильтр Displace (Смещение) и применили к тексту карту смещения, чтобы он соответствовал складкам на ткани.
И, наконец, увеличили резкость фона.
Автор: Rose
Источник: design.tutsplus.com
Добавляем в фотошопе текст на неровную поверхность / Creativo.one
Добавление текста на неровном фоне может оказаться достаточно сложной задачей, и обычно результат получается плоским и нереалистичным. В этом уроке вы узнаете, как использовать фильтр Displace (Смещение) для наложения текста на неровную поверхность, чтобы он соответствовал рельефу этой поверхности и выглядел реалистично.
На создание этого эффекта меня вдохновили различные стили слоя, доступные на Envato Market.
Скачать архив с материалами к уроку
1. Сохраняем карту смещения
Открываем текстуру ткани в Photoshop и переходим File – Save As (Файл – Сохранить как), пишем название файла Displace Map и сохраняем его.
2. Настраиваем карту смещения
Шаг 1
Жмем правой кнопкой по фоновому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 2
Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем параметр Saturation (Насыщенность) на -100.
Шаг 3
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 2.
При высоком значении радиуса вы получите более сглаженный и размытый вариант, при низком – более четкий и детализированный.
Шаг 4
Переходим File – Save (Файл – Сохранить), чтобы сохранить изменения, которые мы внесли в файл Displace Map.
3. Меняем цвет текстуры
Шаг 1
Открываем оригинал текстуры ткани, активируем инструмент Color Replacement Tool (Замена цвета) и устанавливаем цвет переднего плана на #d7ba80.
На верхней панели параметров инструмента устанавливаем Mode (Режим) на Color (Цветность), Sampling (Проба) на Contiguous (Смежные пиксели) и Tolerance (Допуск) на 100%.
Берем очень большую круглую жесткую кисть и закрашиваем текстуру, стараясь не проводить дважды в одном месте.
Благодаря этому, мы изменили цвет текстуры.
Шаг 2
Дублируем фоновый слой и преобразовываем копию в смарт-объект.
4. Улучшаем цвет текстуры
Шаг 1
Дважды кликаем по копии фонового слоя, чтобы применить стиль слоя Color Overlay (Наложение цвета) со следующими настройками:
- Color (Цвет): #fde8bd
- Blend Mode (Режим смешивания): Divide (Разделение)
В результате цвет текстуры стал ярче.
Шаг 2
В нижней части панели слоев жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Selective Colors (Выборочная коррекция цвета).
Шаг 3
Из выпадающего меню Colors (Цвета) выбираем Yellows (Желтые) и настраиваем:
- Cyan (Голубой): -30
- Magenta (Пурпурный): -16
- Yellow (Желтый): -47
- Black (Черный): -21
Шаг 4
Далее из выпадающего меню выбираем Blues (Голубые) и меняем значения, как показано ниже:
- Cyan (Голубой): -100
- Magenta (Пурпурный): -35
- Yellow (Желтый): -100
- Black (Черный): -16
Это сделает цвет более мягким и приглушенным. Но вы можете настроить цвет по своему желанию, в зависимости от результата, который вы хотите получить.
5. Добавляем текст
Шаг 1
Шрифтом Cookie Regular пишем текст белого цвета и устанавливаем его Size (Размер) на 150 pt.
Шаг 2
Преобразовываем текстовый слой в смарт-объект и устанавливаем его Fill (Заливка) на 0.
6. Стилизуем текст
Дважды кликаем по текстовому слою, чтобы применить следующие стили слоя:
Шаг 1
Добавляем стиль слоя Bevel and Emboss (Тиснение):
- Style (Стиль): Pillow Emboss (Контурное тиснение)
- Size (Размер): 8
- Активируем Anti-aliased (Сглаживание)
- Highlight Mode (Режим подсветки): Linear Light (Линейный свет)
- Color (Цвет): #929292
- Opacity (Непрозрачность): 50%
- Shadow Mode (Режим тени): Color Burn (Затемнение основы)
- Color (Цвет): #434343
- Opacity (Непрозрачность): 27%
Шаг 2
Добавляем стиль слоя Color Overlay (Наложение цвета):
- Color (Цвет): #bdadb1
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
Шаг 3
Добавляем стиль слоя Drop Shadow (Тень):
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
- Color (Цвет): #707070
- Opacity (Непрозрачность): 20%
- Снимаем флажок с Use Global Light (Глобальное освещение)
- Angle (Угол): 90
- Distance (Расстояние): 3
- Size (Размер): 5
В результате мы стилизовали текст.
Как видно на картинке ниже, складки просматриваются под текстом, но результат все равно выглядит слишком плоско и нереалистично. Далее мы займемся решением этой проблемы.
7. Применяем фильтры Blur (Размытие) и Displace (Смещение)
Шаг 1
Выбираем смарт-объект с текстом и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 1. Это сделает эффект более мягким и аккуратным.
Шаг 2
Теперь переходим Filter – Distort – Displace (Фильтр – Искажение – Смещение). В результате появится диалоговое окно.
Horizontal Scale (Масштаб по горизонтали) и Vertical Scale (Масштаб по вертикали) отвечает за интенсивность эффекта. Высокое значение позволит создать более волнистые складки, а низкое – более аккуратные.
Вы можете поиграть с настройками, чтобы добиться наилучшего результата. В рамках данного урока мы установим значение 15.
Displacement Map (Схема искривления) устанавливаем на Stretch to Fit (Растянуть), Undefined Areas (Неопределенные области) на Repeat Edge Pixels (Повторить граничные пиксели) и жмем ОК.
Шаг 3
После нажатия на кнопку ОК откроется окно, в котором мы находим созданный в начале урока файл Displace Map и открываем его, чтобы применить к тексту.
Теперь мы видим, что текст повторяет форму ткани и складки смотрятся более реалистично.
Шаг 4
Запомните, что вы в любой момент сможете подкорректировать настройки фильтра Displace (Смещение), если дважды кликните по нему в списке смарт-фильтров и повторно примените с новыми значениями.
8. Настраиваем резкость фона
Это опциональный шаг, и вы можете его пропустить. Но если вы хотите получить более качественный результат, выбираем копию фонового слоя, затем переходим Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) и применяем следующие параметры:
Имейте в виду, что значения, использованные в этом уроке, могут меняться в зависимости от размера изображения и текста, а также от того, какой результат вы хотите получить.
Заключение
В этом уроке мы создали простую карту смещения, используя текстуру ткани, корректирующие слои и фильтры.
Затем мы настроили цвет текстуры и создали текст.
После этого использовали фильтр Displace (Смещение) и применили к тексту карту смещения, чтобы он соответствовал складкам на ткани.
И, наконец, увеличили резкость фона.
Автор: Rose
Источник: design.tutsplus.com
Добавляем в фотошопе текст на неровную поверхность / Creativo.one
Добавление текста на неровном фоне может оказаться достаточно сложной задачей, и обычно результат получается плоским и нереалистичным. В этом уроке вы узнаете, как использовать фильтр Displace (Смещение) для наложения текста на неровную поверхность, чтобы он соответствовал рельефу этой поверхности и выглядел реалистично.
На создание этого эффекта меня вдохновили различные стили слоя, доступные на Envato Market.
Скачать архив с материалами к уроку
1. Сохраняем карту смещения
Открываем текстуру ткани в Photoshop и переходим File – Save As (Файл – Сохранить как), пишем название файла Displace Map и сохраняем его.
2. Настраиваем карту смещения
Шаг 1
Жмем правой кнопкой по фоновому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 2
Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем параметр Saturation (Насыщенность) на -100.
Шаг 3
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 2.
При высоком значении радиуса вы получите более сглаженный и размытый вариант, при низком – более четкий и детализированный.
Шаг 4
Переходим File – Save (Файл – Сохранить), чтобы сохранить изменения, которые мы внесли в файл Displace Map.
3. Меняем цвет текстуры
Шаг 1
Открываем оригинал текстуры ткани, активируем инструмент Color Replacement Tool (Замена цвета) и устанавливаем цвет переднего плана на #d7ba80.
На верхней панели параметров инструмента устанавливаем Mode (Режим) на Color (Цветность), Sampling (Проба) на Contiguous (Смежные пиксели) и Tolerance (Допуск) на 100%.
Берем очень большую круглую жесткую кисть и закрашиваем текстуру, стараясь не проводить дважды в одном месте.
Благодаря этому, мы изменили цвет текстуры.
Шаг 2
Дублируем фоновый слой и преобразовываем копию в смарт-объект.
4. Улучшаем цвет текстуры
Шаг 1
Дважды кликаем по копии фонового слоя, чтобы применить стиль слоя Color Overlay (Наложение цвета) со следующими настройками:
- Color (Цвет): #fde8bd
- Blend Mode (Режим смешивания): Divide (Разделение)
В результате цвет текстуры стал ярче.
Шаг 2
В нижней части панели слоев жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Selective Colors (Выборочная коррекция цвета).
Шаг 3
Из выпадающего меню Colors (Цвета) выбираем Yellows (Желтые) и настраиваем:
- Cyan (Голубой): -30
- Magenta (Пурпурный): -16
- Yellow (Желтый): -47
- Black (Черный): -21
Шаг 4
Далее из выпадающего меню выбираем Blues (Голубые) и меняем значения, как показано ниже:
- Cyan (Голубой): -100
- Magenta (Пурпурный): -35
- Yellow (Желтый): -100
- Black (Черный): -16
Это сделает цвет более мягким и приглушенным. Но вы можете настроить цвет по своему желанию, в зависимости от результата, который вы хотите получить.
5. Добавляем текст
Шаг 1
Шрифтом Cookie Regular пишем текст белого цвета и устанавливаем его Size (Размер) на 150 pt.
Шаг 2
Преобразовываем текстовый слой в смарт-объект и устанавливаем его Fill (Заливка) на 0.
6. Стилизуем текст
Дважды кликаем по текстовому слою, чтобы применить следующие стили слоя:
Шаг 1
Добавляем стиль слоя Bevel and Emboss (Тиснение):
- Style (Стиль): Pillow Emboss (Контурное тиснение)
- Size (Размер): 8
- Активируем Anti-aliased (Сглаживание)
- Highlight Mode (Режим подсветки): Linear Light (Линейный свет)
- Color (Цвет): #929292
- Opacity (Непрозрачность): 50%
- Shadow Mode (Режим тени): Color Burn (Затемнение основы)
- Color (Цвет): #434343
- Opacity (Непрозрачность): 27%
Шаг 2
Добавляем стиль слоя Color Overlay (Наложение цвета):
- Color (Цвет): #bdadb1
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
Шаг 3
Добавляем стиль слоя Drop Shadow (Тень):
- Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
- Color (Цвет): #707070
- Opacity (Непрозрачность): 20%
- Снимаем флажок с Use Global Light (Глобальное освещение)
- Angle (Угол): 90
- Distance (Расстояние): 3
- Size (Размер): 5
В результате мы стилизовали текст.
Как видно на картинке ниже, складки просматриваются под текстом, но результат все равно выглядит слишком плоско и нереалистично. Далее мы займемся решением этой проблемы.
7. Применяем фильтры Blur (Размытие) и Displace (Смещение)
Шаг 1
Выбираем смарт-объект с текстом и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 1. Это сделает эффект более мягким и аккуратным.
Шаг 2
Теперь переходим Filter – Distort – Displace (Фильтр – Искажение – Смещение). В результате появится диалоговое окно.
Horizontal Scale (Масштаб по горизонтали) и Vertical Scale (Масштаб по вертикали) отвечает за интенсивность эффекта. Высокое значение позволит создать более волнистые складки, а низкое – более аккуратные.
Вы можете поиграть с настройками, чтобы добиться наилучшего результата. В рамках данного урока мы установим значение 15.
Displacement Map (Схема искривления) устанавливаем на Stretch to Fit (Растянуть), Undefined Areas (Неопределенные области) на Repeat Edge Pixels (Повторить граничные пиксели) и жмем ОК.
Шаг 3
После нажатия на кнопку ОК откроется окно, в котором мы находим созданный в начале урока файл Displace Map и открываем его, чтобы применить к тексту.
Теперь мы видим, что текст повторяет форму ткани и складки смотрятся более реалистично.
Шаг 4
Запомните, что вы в любой момент сможете подкорректировать настройки фильтра Displace (Смещение), если дважды кликните по нему в списке смарт-фильтров и повторно примените с новыми значениями.
8. Настраиваем резкость фона
Это опциональный шаг, и вы можете его пропустить. Но если вы хотите получить более качественный результат, выбираем копию фонового слоя, затем переходим Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) и применяем следующие параметры:
Имейте в виду, что значения, использованные в этом уроке, могут меняться в зависимости от размера изображения и текста, а также от того, какой результат вы хотите получить.
Заключение
В этом уроке мы создали простую карту смещения, используя текстуру ткани, корректирующие слои и фильтры.
Затем мы настроили цвет текстуры и создали текст.
После этого использовали фильтр Displace (Смещение) и применили к тексту карту смещения, чтобы он соответствовал складкам на ткани.
И, наконец, увеличили резкость фона.
Автор: Rose
Источник: design.tutsplus.com
Как наложить текстуру гранита на текст в Фотошопе
Создание оригинальных шрифтов в Photoshop — невероятно востребованная задача. Красивые шрифты делают любой текст и картинку привлекательнее. Хотя Photoshop это и не текстовый редактор, а графический, тексты в нем тоже используются в различных ситуациях. К примеру, когда требуется сделать красивую надпись на изображении. Тут у фотошоперов очень богатый выбор украшения текста. Можно использовать готовые стили, или создать свой собственный новый стиль. Либо же применить к тексту различные текстуры, которых просто огромное количество.
В этой статье мы поговорим об использовании текстур для стилизации текста. В качестве примера мы будем использовать текстуру гранита, но по той же схеме можно использовать абсолютно любую текстуру. В интернете есть масса различных текстур, все их можно скачать бесплатно. Однако если создаваемое вами изображение носит коммерческий характер, то лучше приобрести нужную текстуру на специализированных площадках.
Использование текстур для стилизации текста под гранит
Вначале, конечно же, требуется подобрать правильную композицию (текстуру и фон). Они должны гармонично сочетаться меж собой. От выбора компонентов будет зависеть привлекательность надписи на изображении.
Мы будем использовать в качестве фона такую вот красивую кирпичную стену:
А к тексту применим текстуру гранитного камня.
Расположение на холсте изображений с текстурами
- Первым делом потребуется создать новый документ требуемого размера. Для этого можно воспользоваться комбинацией клавиш CTRL+N.
- Теперь требуется поместить в этот документ выбранные заранее фон и текстуру. Для этого просто перетяните мышью из папки первое изображение (текстуру из кирпичей) в окно программы.
- По периметру вставленного изображения появится рамка. С помощью нее можно растянуть изображение на весь холст (потянув за маркеры, которые на скриншоте ниже обведены красными квадратиками).
- Тем же способом вставляем изображение с текстурой гранита в наш проект. Таким образом наша палитра имеет теперь такой вид:
Ввод текста на фоновом изображении
- Кликаем мышью по требуемому инструменту программы – «Горизонтальный текст».
- Затем набираем с клавиатуры требуемый текст – в нашем случае название нашего сайта (MyPhotoshop.ru).
- Размер шрифта укажите по желанию, т.к. это зависит от многих факторов. Цвет в данном случае нам не важен. Если вы захотите позже изменить параметры шрифта нужно выбрать в главном меню “Окно” -> “Символ”.
В результате откроется окно, в котором можно изменять параметры шрифта.
Однако в этом уроке не требуется углубления в эту тему, об этом мы поговорим в другой статье.
После того, как текст мы ввели текст, можно приступать к следующему шагу – применение к нему текстуры.
Применение текстуры к тексту
- Передвинем слой с надписью под слой с изображением текстуры гранита. В результате текст исчезнет, но это пока.
- Затем требуется связать слои текста и текстуры. Для этого зажимаем на клавиатуре кнопку ALT и кликаем левой кнопкой мыши на границе этих двух слоев. При наведении мыши к границе слоев ее указатель должен изменить форму (стрелка на скриншоте ниже указывает, где граница по которой нужно кликнуть).
В результате текстура должна будет как бы «прилипнуть» к тексту. Затем останется лишь придать надписи объема и выполнить завершающие шаги.
Финальная обработка
В завершении мы выполним наложение стилей на слой с надписью.
- Первым делом давайте добавим объема надписи. Для этого выполняем два щелчка мышью по слою с надписью. Затем в открывшейся вкладке кликаем по параметру «Тиснение». После чего подбираем параметры стиля. Мы указали размер – 5 пикс., а глубину передвинули на отметку 220%.
Предварительный результат выглядит так: - Теперь давайте сделаем так, чтобы наша надпись как бы отделилась немного от фона. Для этого понадобится добавить слою с текстом немного тени. Открываем снова параметры наложения (стили слоя), если закрывали, и активируем “Тень”. В параметрах указываем значение на свой вкус. Наша наши настройки можете посмотреть на скриншоте ниже:
Очень важно понимать, что в каждом случае, настройки могут отличаться, а зависит это от многих факторов, взять к примеру размер шрифта или же вид текстуры фона.
Наш предварительный результат: - Вроде бы все выглядит неплохо, но чего-то не хватает. Иногда получается так, что фон слишком яркий и надпись, при всем желании, не сильно выделяется. Это наш случай. Для этого создаем новый слой поверх текстуры фона и закрашиваем его черным цветом:
Теперь передвигаем ползунок непрозрачности этого слоя на отметку 35% (в нашем случае).
Результат
Вот собственно и все, надпись стилизованная под гранит готова.
Точно таким же способом можно применять абсолютно любые текстуры к тексту, либо фигурам.
В завершении статьи дадим несколько рекомендаций.
- Тщательно подбирайте фоновое изображение для надписи. От него завит привлекательность конечного результата.
- Текстуры применяйте качественные и с высоким разрешением. Так как при масштабировании текстуры с низким разрешением могут стать размытыми и испортить общую картину.
- Не перебарщивайте с применением стилей к надписи, иначе текст может стать неестественным.
На этом все! До встречи в наших следующих уроках!
Как добавить текстуру на текст в фотошопе
Шрифты… Извечная забота фотошоперов – придание текстам привлекательности. Этого требуют различные обстоятельства, например, необходимость красиво подписать фото или другую композицию. Вариантов украшения масса – от поиска и применения готовых стилей (или создания своих) до использования текстур и режимов наложения слоев.
Сегодня поговорим о том, как стилизовать текст c помощью наложения на него текстуры. Все текстуры, использованные в данном уроке, были найдены на просторах интернета и находятся в публичном доступе. Если Вы планируете использовать созданное изображение в коммерческих целях, то лучше такие изображения покупать на специализированных площадках – стоках.
Наложение текстуры на текст
Прежде, чем начинать стилизацию текста, необходимо определиться с композицией (фоновым изображением и текстурой). Необходимо понимать, что от выбора составляющих элементов зависит общая атмосфера изображения.
Для фона была выбрана вот такая стена из камня:
Текст мы сделаем гранитным с помощью соответствующей текстуры.
Расположение текстур на холсте
- Создаем новый документ (CTRL+N) нужного нам размера.
Перетягиваем первую текстуру на окно Фотошопа в наш документ.
Как видим, на текстуре появилась рамка с маркерами, потянув за которые можно (нужно) растянуть ее на весь холст. Старайтесь минимально масштабировать текстуру во избежание потери качества последней.
То же проделываем и со второй текстурой. Палитра слоев у нас теперь выглядит следующим образом:
Написание текста
- Выбираем инструмент «Горизонтальный текст».
Пишем.
Размер шрифта подбираем в зависимости от размера холста, цвет не важен. Для изменения характеристик необходимо перейти в меню «Окно» и нажать на пункт «Символ». Откроется соответствующее окно, в котором можно изменить характеристики шрифта, но это уже материал для другого урока. Пока пользуйтесь настройками со скриншота.
Итак, надпись создана, можно приступать к наложению на нее текстуры.
Наложение текстуры на шрифт
1. Перемещаем слой с текстом под слой с текстурой гранита. Текст пропадет из поля зрения, но это временно.
2. Зажимаем клавишу ALT и нажимаем ЛКМ на границу слов (верхней текстуры и текста). Курсор при этом должен поменять форму. Этим действием мы «привяжем» текстуру к тексту, и она будет отображаться только на нем.
Палитра слоев после всех действий:
Результат наложения текстуры гранита на текст:
Как видим, текстура «прилипла» к надписи. Осталось лишь придать тексту объема и завершенности всей композиции.
Заключительная обработка
Заключительную обработку мы будем производить с помощью наложения стилей на текстовый слой.
1. Для начала займемся объемом. Дважды кликаем по слою с текстом и, в открывшемся окне настроек стиля, выбираем пункт под названием «Тиснение». Потянем ползунок размера немного вправо, а глубину сделаем 200%.
2. Для того чтобы наша надпись «отделилась» от стены, перейдем к пункту «Тень». Угол выберем 90 градусов, смещение и размер – по 15 пикселей.
Взглянем на конечный результат наложения текстуры на текст:
Мы получили стилизованную под гранит надпись.
Это был универсальный способ наложения текстур на любые объекты, редактируемые в Фотошопе. Используя его, можно текстурировать шрифты, фигуры, залитые любым цветом выделенные области и даже фотографии.
Завершим урок несколькими советами.
- Подбирайте правильный фон для Ваших надписей, так как именно от фона зависит общее впечатление от композиции.
- Старайтесь использовать качественные текстуры высокого разрешения, потому что при обработке (масштабировании) может появиться ненужная размытость. Разумеется, можно придать резкости текстуре, но это уже лишняя работа.
- Не слишком сильно воздействуйте стилями на текст. Стили могут придать надписи излишнюю «пластмассовость» и, как следствие, неестественность.
На этом все, освойте приемы, описанные в этом уроке, чтобы получать качественные стилизованные тексты.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Всем привет! Давно мы с вами не фотошопили. Поэтому сегодня я расскажу вам, как наложить текстуру в фотошопе на фото, текст или выделенную область объекта для придания потрясающего эффекта. Сделать это несложно. Достаточно выполнить несколько простых шагов. Причем нам не важно, какая у вас стоит версия: CS6, CC или любая другая. Лично я работаю в Photohop СС 2018, и в этом плане он ничем не отличается от других.
Накладываем простую текстуру на фото
Давайте попробуем улучшить это фото парня и девушки путем наложения на них текстуры капель воды. Для нахождения фотографий можно пошарить по яндекс или гугл картинкам. Достаточно ввести что-нибудь типа «Текстура капель воды» . Как только изображения подготовлены, загружаем их по очереди в фотошоп.
- Если картинка с каплями воды меньше фотографии людей, то выберите слой с каплями и нажмите CTRL+T. Это позволит вам увеличить картинку с текстурой до такой степени, чтобы она полностью закрывала фото парня с девушкой. Но если разница в разрешении слишком большая, то не стоит растягивать ее по самый небалуй. Лучше сделайте меньше разрешение фотографии.
- Когда вы все натянули, вам нужно будет выбрать самый подходящий параметр наложения. Для этого идем в панель слоев и из выпадающего списка параметров наложения начинаем выбирать подходящий. Можете сделать все методом проб и ошибок. Мне лично наиболее подходящими показались режим «Перекрытие» и «Мягкий свет» .
- И завершающим штрихом давайте уменьшим прозрачность слоя, дабы фон текстуры не слишком закрывал наше фото. Процентов 60-70 прозрачности будет вполне достаточно.
Как видите, эффект потрясающий. Фотография сразу смотрится гораздо живее.
Наложение сложной текстуры на выделенную область
Если в прошлом примере мы накладывали полупрозрачное фото для выполнения некоего эффекта, то теперь придется немного попотеть. Дело в том, что сейчас мы полностью изменим покрытие объекта на примере автомобиля. Помните, как мы заменяли цвет в фотошопе? Так вот нам предстоит поработать в подобном стиле, только вместо цвета мы сделаем новый узор. Допустим я возьму вот эту фотографию автомобиля и эту текстуру воды.
- Загрузите оба изображения в фотошоп, только убедитесь, чтобы слой с текстурой воды стоял выше, нежели автомобиль. И обязательно растрируйте слой с водой. Для этого нажмите на слой с водой правой кнопкой мыши и выберите пункт «Растрировать слой».
- Теперь, можете сделать слой с водой невидимым, нажав на глаз. На данном этапе он нам будет только мешать.
- Далее, нам нужно выделить сам автомобиль любым удобным инструментом. Я предпочитаю работать с прямоугольным лассо. Попробуйте тоже им воспользоваться. Для начала выделите абсолютно всю машину за исключением колес. Не забывайте про увеличение масштаба (CTRL и +), чтобы выделение было более точным.
- Наверняка будут какие-то детали, которые не нуждаются в наложении текстуры. Нам ух нужно будет удалить. Для этого, в режиме «Магнитного лассо» , ищем в свойствах инструмента функцию «Вычитание из выделенной области» .
- А теперь спокойно выделяем внутри ненужные объекты, такие как стекла, дверные ручки, бампер и т.д. Не переживайте. У вас ничего не сбросится.
- Далее, жмем внутри нашей выделенной области правую кнопку мыши и выбираем «Скопировать» на новый слой. У вас прямо над слоем с автомобилем создастся новый слой только с корпусом авто, который мы выделили. Выделение теперь можно снять путем нажатия комбинации CTRL+D.
- Теперь, нам нужно будет сделать скопированный на новый слой корпус черно-белым. Это важно. Для этого вы можете воспользоваться любым из известных вам способов. Но я рекомендую вам пойти в меню «Изображение» — «Коррекция» — «Черно-белое» . Как видите, корпус стал Ч/Б, а все остальное осталось прежним.
- Теперь, активируем выделение нашего корпуса. Для этого идем на слой с черно-белой деталью и зажав клавишу CTRL нажимаем на миниатюру слоя. При наведении у вас должен будет смениться курсор.
- А теперь вступает в ход изображение воды. Не снимая выделения жмем на глазик, активируя отображение текстуры. После этого инвертируем выделение, нажав комбинацию клавиш SHIFT+CTRL+I. После успешной операции вы должны будете увидеть выделение по периметру холста.
- Теперь, находясь на слое с водой, жмем на клавишу DELETE, чтобы удалить всё, что не входит в выделенную область. Далее выделение можно снять (CTRL+D). Как видите, теперь вода покрывает корпус, но выглядит как-то неестественно. Это решимо.
- Вам нужно будет выбрать в параметрах наложения «Перекрытие» или «Мягкий свет» . Тогда вы удивитесь, как преобразилась ваша машинка.
Выглядит как по-настоящему.
Причем, если поиграться с яркостью или цветовым тоном (CTRL+U), то можно рассмотреть различные интересные вариации преображения. Просто поставьте галочку на режим «Тонирование» и двигайте ползунки.
Подобные эффекты наложения вы можете проделывать не только с автомобилями, но и с любыми другими предметам и объектами.
Накладываем текстуры на текст
А вот, чтобы наложить текстуру в фотошопе на текст, нужно делать уже совершенно другие действия. Никаких картинок скачивать не нужно, а вот наборы узоров не помешало бы. Но в фотошопе есть несколько стандартных наборов. Поэтому сначала мы рассмотрим их, а потом научимся скачивать новые.
- Возьмите инструмент «Текст» и напишите что-нибудь. Только желательно выберите шрифт пожирнее, чтобы текстура была видна отчетлевее.
- Далее, заходим в стили слоя, нажав на миниатюру дважды, и выбираем «Наложение узора» .
- После этого нам нужно будет выбрать сам узор. По умолчанию их не так много, но их можно будет скачать дополнительно. Для начала давайте выберем что-нибудь из имеющегося в стандартном арсенале.
Как видите, получилось довольно интересно.
Но не все знают, что это не весь набор. Если вы при выборе узора нажмете на шестеренку, то вы сможете выбрать один из существующих наборов. Там выбор гораздо интереснее. Кроме того, вы сможете увеличивать и уменьшать масштаб узора, чтобы выявить, как будет лучше.
Вот, например, я поставил природный узор.
Как загрузить новый узор?
Естественно, стандартными узорами особо не обойдешься, поэтому мы с вами загрузим новые. Для этого нам понадобятся так называемые наборы в формате PAT. Найти их несложно. Достаточно в любой поисковой системе вбить что-нибудь вроде «Скачать узоры для фотошопа pat» . Ну а если лень, можете взять их отсюда. Тут полно интересных наборов.
- После того, как мы скачали набор с узорами распакуйте архив.
- Далее, зайдите в фотошоп и выберите меню «Редактирование» — «Наборы» — «Управление наборами» .
- В открывшемся окне из выпадающего меню «Тип набора» выберите «Узоры» . После этого жмем на кнопку «Загрузить» .
- Нам откроется выбор файла в проводнике в директории «Adobe Photoshop/Presets/Patterns» . Для большего удобства рекомендую сохранить скачанные наборы именно в эту папку. После этого выберите файл с набором, который вы скачали.
Как видите, различных узоров теперь стало намного больше. И самое главное, что вы сможете накладывать эти текстуры прямо на текст точно также, как мы это делали выше.
Своя текстура на текст
Ну а если вас не устраивают наборы узоров и вы хотите наложить текстуру в фотошопе с вашей картинкой или фото, то и это вы можете запросто сделать. На самом деле я не буду повторяться, потому что по сути весь процесс идентичен с тем, как мы натягивали фон на автомобиль. Но здесь всё еще легче, так как не придется отключать видимость слоя и пользоваться инструментами выделения.
То есть всё сводится к следующим шагам:
- Наложение слоя с текстурой поверх текста
- Выделение текста путем зажатия CTRL и нажатием правой кнопки мыши на миниатюре слоя.
- Инверсия выделения с помощью комбинации SHIFT+CTRL+I и удаление области вокруг текста.
- Выставление параметра наложения «Перекрытие» или «Мягкий свет» .
Всё просто. Теперь ваш текст обладает уникальной обложкой. Здорово, правда?
Конечно, если вы хотите глубоко изучить фотошоп и научиться им хорошо пользоваться за считанные недели, то рекомендую вам посмотреть эти потрясные видеоуроки . Благодаря им вы будете щелкать фотошоп словно орешки.
Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что она была вам интересна. Ну а вам я рекомендую подписаться на мой блог и вступить в мои паблики в социальных сетях, чтобы не пропустить выхода новой интересной статьи. Удачи вам. Пока-пока!
Автор: Галина Соколова. Дата публикации: 03 июня 2017 . Категория: Уроки фотошопа текст.
В этом уроке мы будем делать объёмный тест и наложим на него текстуру травы.
В результате работы у меня получился текст из травы, который вы видите ниже.
Так как травинки очень мелкие, то результат на полном рисунке будет плохо заметен, всвязи с тем, что публиковать можно картинку только маленького размера, поэтому я показываю результат на части картинки:
Итак, приступим к работе и создадим Новый документ CTRL + N с параметрами Ширина 1920 пикселей и Высота 1080 пикселей.
В палитре Слои у нас образовался слой с замочком, который нужно убрать и для этого дважды щёлкнем по замочку левой кнопкой мышки, после чего появится окно, в котом нужно нажать ОК и в результате мы получим разблокированный слой.
Теперь создадим Новый прозрачный слой , нажав на иконку, помеченную красным квадратиком:
Теперь активируем инструмент Текст , нажав клавишу T и любым жирным шрифтом, удерживая клавишу SHIFT напишем текст: ТРАВА – заглавными буквами, чтобы текст был более жирным:
Теперь перейдём на слой ниже и выполним команду Файл-Поместить , после чего откроется проводник компьютера, где нужно найти папку Исходники, в которой будет находиться текстура травы. Выделим текстуру нажатием на неё левой кнопкой мышки, а затем нажмём на кнопку Поместить. В результате, под текстом у нас появиться текстура травы с рамкой Трансформирования. Теперь нужно дважды щёлкнуть левой кнопкой мышки внутри рамки, чтобы Трансформация применилась :
Теперь нужно взять инструмент Перемещение и передвинуть текстуру влево так, чтобы она охватывала три буквы и слева был запас текстуры:
Теперь удерживая клавишу ALT переместим текстуру вправо, при этом у нас создастся дубликат слоя и этот дубликат совместим с левой текстурой так, чтобы весь текст был охвачен текстурой:
Объединим два слоя с текстурой в один и для этого выделим оба слоя, используя для выделения второго слоя клавишу SHIFT , а затем нажмём CTRL + E :
Теперь создадим выделение для слова ТРАВА и для этого, удерживая клавишу CTRL , щёлкнем по миниатюре слоя ТРАВА, в результате, мы получим выделение текста. Затем, нужно закрыть глазик слоя ТРАВА, при этом сам текст исчезнет, а выделение останется:
На скриншоте опечатка – удерживать нужно клавишу CTRL
Теперь создадим слой-маску для слоя с текстурой, нажав на иконку, помеченную красным квадратиком:
Мы получили текст с текстурой травы, но, чтобы буквы выглядели реально и объёмно, нам нужно создать кисть для травы и прорисовать ею края букв.
Для создания кисти будем использовать стандартную кисть травы:
Создадим поверх всех слоёв Новый прозрачный слой и поставим на нём отпечаток кисти:
Теперь, удерживая клавишу ALT , c помощью инструмента Перемещение передвинем отпечаток вправо и получим дубликат слоя, то есть второе изображение отпечатка кисти:
Теперь вызовем рамку Трансформации CTRL + T и отобразим второй отпечаток по вертикали, затем присоединим его к первому отпечатку, чтобы получилась картинка в виде буквы Х:
Теперь выделим и объединим оба слоя с отпечатками в один слой CTRL + E , затем вызовем опять рамку Трансформации и немного уменьшим размер отпечатка по вертикали:
Теперь опять перетащим отпечаток, удерживая клавишу ALT , чтобы получить дубль и затем полученный дубль с помощью рамки Трансформации расположим поперёк первого отпечатка:
Объединим два слоя с отпечатками в один CTRL + E :
Отпечаток для нашей кисти готов и теперь мы создадим саму кисть. Для этого нам нужно выделить кисть, удерживая клавишу CTRL , щелкнуть по миниатюре слоя и мы получим выделение:
Затем нужно выполнить команду Редактирование-Определить кисть и в открывшемся окне написать имя кисти, например, ТРАВА4. Нажать ОК и кисть появится последней в списке кистей:
Теперь закроем глазик у верхнего слоя и уберём выделение CTRL + D , а затем перейдём на слой-маску и сделаем настройки кисти как показано на скриншотах:
Затем, находясь на слой-маске, прорисуем края букв белой кистью.
На этом урок Как наложить текстуру на текст окончен.
Автор: Галина Соколова
Скачать урок в формате PDF:
Чтобы получить интересные уроки на свой адрес,
введите свои данные в форму подписки ниже:
Эффект текстурированного текста в Photoshop
Автор Стив Паттерсон.
В этом уроке Photoshop мы рассмотрим, как создать интересный эффект, добавив текстуру к тексту. Для создания эффекта не требуется ничего, кроме фотографии для использования в качестве текстуры, маски слоя, простой настройки изображения и, конечно же, текста! Эффект работает лучше всего, когда вы используете текстуру, которая имеет какое-то отношение к теме вашего текста, но, конечно, конечный результат зависит от вас.
Вот пример эффекта, над которым мы будем работать:
Последний эффект текстурированного текста.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Шаг 1. Создайте новый документ
Первое, что нам нужно, это новый документ для работы. Подойдите к меню File вверху экрана и выберите New или нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac).В любом случае открывается диалоговое окно Photoshop New Document . Выберите размер, который вам нужен для вашего документа. Для этого урока я создам документ шириной 800 пикселей и высотой 600 пикселей, и, поскольку я не планирую его печатать, я оставлю разрешение 72 пикселей на дюйм. По завершении нажмите OK, чтобы выйти из диалогового окна. На вашем экране появится новый документ:
Диалоговое окно «Новый документ» в Photoshop.
Шаг 2. Заполните новый документ черным цветом
Я собираюсь использовать черный цвет в качестве фона для своего текстового эффекта, что означает, что мне нужно заполнить документ черным цветом.Для этого перейдите в меню Edit вверху экрана и выберите Fill . Откроется диалоговое окно «Заливка». Выберите Черный для параметра Содержимое вверху диалогового окна. Кроме того, убедитесь, что Режим наложения установлен на Нормальный и Непрозрачность установлен на 100% (это настройки по умолчанию, поэтому вам, вероятно, не нужно их менять):
Выберите «Черный» для параметра «Содержимое» в диалоговом окне «Заливка».
Щелкните OK, чтобы выйти из диалогового окна «Заливка». Photoshop заполняет новый документ сплошным черным цветом:
Теперь документ закрашен черным.
Шаг 3. Добавьте текст
Выберите инструмент Type Tool на палитре инструментов или нажмите букву T на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:
Выберите инструмент «Текст».
После того, как вы выбрали инструмент «Текст», панель параметров в верхней части экрана отобразит параметры для работы с шрифтом.Выберите шрифт, размер шрифта и цвет текста, которые вы хотите использовать, затем щелкните внутри документа и добавьте свой текст. Если вы хотите немного поиграть со своим текстом, вы найдете дополнительные параметры для типа форматирования, такие как интерлиньяж, кернинг, трекинг и сдвиг базовой линии, в палитре Character Photoshop, к которой вы можете быстро получить доступ, нажав на символ и значок переключения палитры абзацев на панели параметров:
Щелкните значок переключения палитры «Символы и абзацы», чтобы просмотреть дополнительные параметры форматирования шрифта.
Я собираюсь использовать фотографию водной ряби для своей текстуры, поэтому я выберу синий цвет для текста и наберу «рябь на воде» в свой документ:
Щелкните внутри документа и добавьте текст.
Когда вы закончите, нажмите галочку на панели параметров, чтобы принять тип и выйти из режима редактирования текста:
Щелкните галочку на панели параметров, чтобы подтвердить текст.
Теперь весь ваш текст должен быть на одном слое прямо над фоновым слоем в палитре слоев:
Весь ваш текст должен быть на одном текстовом слое.
Шаг 4: Откройте текстуру фото
Откройте фотографию, которую хотите использовать в качестве текстуры в эффекте. Вот изображение, которое я буду использовать:
Откройте фотографию, которую вы будете использовать в качестве текстуры.
Шаг 5. Скопируйте фотографию в буфер обмена
Нам нужно временно скопировать изображение в буфер обмена Photoshop, что просто означает, что мы копируем его в память компьютера. Поднимитесь в меню Select вверху экрана и выберите All или нажмите Ctrl + A (Win) / Command + A (Mac) для более быстрого сочетания клавиш.В любом случае выбирается все изображение, и вы увидите контур выделения по краям фотографии. Затем перейдите в меню Edit и выберите Copy или нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.
Шаг 6. Добавьте маску слоя к текстовому слою
Теперь, когда фотография текстуры временно хранится в памяти, вернитесь к исходному документу (содержащему текст). Убедитесь, что текстовый слой выделен синим цветом в палитре слоев, что означает, что это текущий выбранный слой.Если он не выбран, щелкните по нему, чтобы выбрать его. Затем щелкните значок Layer Mask в нижней части палитры слоев. Это не будет выглядеть так, как будто что-то произошло в документе, но если вы снова посмотрите на текстовый слой, вы увидите, что теперь появилась миниатюра маски белого слоя:
Щелкните значок «Маска слоя» в нижней части палитры «Слои». Миниатюра маски слоя появится на текстовом слое.
Шаг 7. Вставьте фотографию в маску слоя
Мы собираемся вставить нашу фотографию текстуры прямо в только что добавленную маску слоя.Обычно Photoshop не позволяет нам вставлять изображение в маску слоя, но вот трюк. Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните миниатюру маски слоя в палитре слоев:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните непосредственно по миниатюре маски слоя.
Вы увидите, что окно вашего документа залито сплошным белым цветом. На самом деле вы видите саму маску слоя, которую мы обычно не видим при работе в Photoshop.Теперь, когда маска слоя видна внутри окна документа, перейдите в меню Edit и выберите Paste или нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию текстуры в маску слоя. Чтобы очистить контур выделения вокруг фотографии, перейдите в меню Select и выберите Deselect или нажмите Ctrl + D (Win) / Command + D (Mac). Поскольку маски слоя работают только с черным, белым и оттенками серого, фотография текстуры внутри маски слоя будет черно-белой:
Фотография текстуры отображается внутри маски слоя в черно-белом режиме.
Теперь, когда фотография вставлена в маску слоя, снова зажмите Alt (Win) / Option (Mac) и щелкните миниатюру маски слоя в палитре слоев:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните еще раз по миниатюре маски слоя.
Это выводит нас из маски слоя и возвращает в нормальный режим просмотра документа. Вы увидите фото текстуры, появившееся внутри текста:
.Фотография теперь отображается внутри текста.
Шаг 8: Примените настройку порога к маске слоя
Чтобы изображение внутри текста выглядело не так, как фотография, а больше походило на интересную текстуру, мы воспользуемся настройкой изображения Photoshop Threshold . Photoshop позволяет нам применять некоторые (но не все) настройки изображения непосредственно к маскам слоя, и настройка «Порог» — одна из тех, что мы можем использовать. При настройке «Порог» все цвета (или оттенки серого) изображения преобразуются в черный или белый, что значительно снижает количество деталей изображения.
Вы должны увидеть белую границу выделения вокруг миниатюры маски слоя в палитре слоев. Это говорит нам, что маска слоя в настоящий момент выбрана. Если вы не видите границы выделения вокруг миниатюры, щелкните по ней, чтобы выбрать ее. Затем перейдите в меню Image вверху экрана, выберите Adjustments , а затем выберите Threshold :
.Выбрав маску слоя в палитре слоев, перейдите в меню «Изображение»> «Коррекция»> «Порог».
Появится диалоговое окно «Порог», и вы сразу увидите изменение внешнего вида текста, при этом некоторые области сплошного цвета остаются видимыми, а другие области теперь скрыты от просмотра. Фактические скрытые области будут полностью зависеть от фотографии, которую вы используете для своей текстуры:
Области текста исчезают из поля зрения, как только выбирается настройка «Порог».
Вы можете контролировать степень воздействия фотографии текстуры на текст, перетаскивая небольшой ползунок в нижней части диалогового окна «Порог» влево или вправо.Помните, что настройка «Порог» берет все на изображении и преобразует его либо в сплошной черный, либо в сплошной белый цвет, а на маске слоя, где находится фотография текстуры, белые области показывают эти части слоя, а черные области скрываются. те части слоя. По мере того, как вы перетаскиваете ползунок влево, все больше и больше фотографий текстуры будут становиться белыми из-за настройки порога, что означает, что все больше и больше текста станет видимым. Перетаскивание ползунка вправо приведет к тому, что большая часть фотографии текстуры станет черной, что означает, что большая часть текста будет скрыта.Точное место, куда вы перетаскиваете ползунок, будет полностью зависеть от фотографии, которую вы используете для текстуры, и эффекта, который вы хотите получить, поэтому вам определенно нужно следить за своим текстом, когда вы перетаскиваете ползунок, пока не добились желаемого результата. Поскольку мой текст в настоящий момент почти не читается, я собираюсь перетащить ползунок влево, чтобы уменьшить влияние текстуры:
Перетаскивание ползунка порогового значения влево и вправо влияет на то, какая часть текста скрыта от просмотра.
Поскольку большая часть моих текстурных фотографий принудительно окрашена в белый цвет, теперь в документе отображается больше текста:
Больше текста теперь видно после регулировки ползунка «Порог».
Шаг 9. Отключите маску слоя от текстового слоя
Если вас устраивают результаты эффекта, вы можете остановиться на этом, но если вы хотите изменить размер фотографии или переместить ее внутри текста, щелкните небольшой значок ссылки между миниатюрой текстового слоя и слоем эскиз маски.Это отсоединит маску слоя от текста, что позволит нам перемещать нашу фотографию текстуры в маске слоя, не перемещая сам текст:
Щелкните значок ссылки, чтобы отсоединить текст от маски слоя, что позволяет перемещать один текст, не перемещая другой.
Шаг 10: Измените размер и / или переместите текстуру фото с помощью Free Transform
Когда фотография текстуры находится на маске слоя, а текст больше не связан, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Photoshop Free Transform и обработать его вокруг фотографии текстуры. .Перетащите любой из угловых маркеров, чтобы изменить его размер. Удерживая нажатой Shift , перетаскивайте ручки, чтобы ограничить пропорции фотографии, если вы не хотите искажать ее форму. Добавьте клавишу Alt (Win) / Option (Mac), перетаскивая маркер, чтобы изменить размер фотографии от центра, а не от угла. Чтобы переместить фотографию внутри текста, просто щелкните в любом месте внутри поля Free Transform и перетащите изображение с помощью мыши:
Используйте «Свободное преобразование» для изменения размера или перемещения фотографии текстуры внутри текста по мере необходимости.
Нажмите Введите (Win) / Верните (Mac), чтобы выйти из команды Free Transform, и все готово! Вот мой окончательный результат текстурированной фотографии:
Последний эффект текстурированного текста.
Куда идти дальше …
И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
Как добавить текстуру в текст в Photoshop
Этот пост может содержать партнерские ссылки для вашего удобства.Прочтите мою политику разглашения здесь.Не забудьте поделиться!
Узнайте, насколько просто добавить текстуру в текст с помощью Adobe Photoshop, с помощью этих простых шагов и видеоуроков.
Если вам когда-нибудь было любопытно узнать, как кому-то удается добиться такого красивого акварельного вида на своем тексте, или вы видели красивый логотип из золотой фольги (как у меня!), То вы будете счастливы узнать, что это действительно очень простой процесс. Для начала вам понадобится Photoshop и ваше любимое изображение акварели, фольги или другой текстуры.
Начните с просмотра этого небольшого видеоролика, который я снял, а затем вы можете прочитать пошаговые инструкции ниже для любых разъяснений.
Как добавить текстуру к тексту в Photoshop
- Начните с открытия нового документа. Выберите размер, который вы хотите, чтобы ваша готовая деталь была, и хотите ли вы, чтобы у нее был прозрачный фон или нет.
- Затем выберите инструмент «Текст» (T) и введите текст.
Если вы создаете кусок, который будет иметь два или более шрифтов или должен быть разбит на несколько слоев, это тоже хорошо.Выберите все шрифты, слои и полный макет, который вам нужен. Затем выберите все текстовые слои на панели слоев, щелкните правой кнопкой мыши и выберите «преобразовать в смарт-объект». - Затем вставьте текстуру или цветное изображение. Для этого проекта я выбрал розово-серое акварельное изображение, которое я сделал с помощью iPad Pro и приложения Procreate. Для этого шага вы можете использовать текстуру золотой фольги, акварель или даже фотографию. Самый быстрый способ добавить его в файл фотошопа — перетащить его.
- Затем вы сделаете изображение или текстуру обтравочной маской.Это можно сделать двумя способами. Во-первых, щелкните правой кнопкой мыши изображение на панели слоев и выберите «Создать обтравочную маску».
Другой способ — удерживать клавишу OPTION на Mac или клавишу CTRL на ПК и навести указатель мыши на линию между слоем изображения и слоем текста. Вы увидите маленький значок, который выглядит как белый квадрат, и появится стрелка вниз. Просто щелкните, и вы создадите обтравочную маску. - Вы можете перемещать изображение за текстом, чтобы получить желаемое размещение.
Видите, как это было просто ?! 5 простых шагов, и вы знаете, как добавить текстуру к тексту в Photoshop!
Вам также могут понравиться:
Не забудьте прикрепить!
Как добавить цвет и текстуру к вашему шрифту с помощью Photoshop — Hello Brio
Хотели бы вы добавить больше текстуры в свой текст для своего блога или брендинга? Вы можете легко! И возможности безграничны.
При работе в Photoshop можно быстро добавить текстуру или цвет к типографике. Вы можете создать практически любой желаемый эффект, например, добавить немного блеска с эффектом блеска, добавить реалистичные текстуры, такие как кожа или дерево, или вы можете создать свои собственные живописные текстуры для еще более индивидуального ощущения.
В этом примере я собираюсь показать вам, как добавить металлический вид, наброски и акварель к вашим рукописным буквам и типографике.
Узнайте, как добавить цвет и текстуру к шрифту и надписи от руки
Быстрый привет Эмили за то, что она запросила это руководство.Спасибо, Эмили!
Шаг 1. Выберите шрифт или стиль надписи
Для этого типа проектов я рекомендую более толстый блочный шрифт, чтобы ваш текст был виден насквозь. Если вы работаете с ручным шрифтом, как я в этом примере, я использовал более блочные стили букв.
Вперед, напечатайте свое слово в Photoshop. Размер и расположение текста по желанию. Затем щелкните правой кнопкой мыши текстовый слой и выберите Rasterize Type .
(Примечание: в этом примере я использую буквенные формы для нового шрифта, над которым я работаю.)
Добавление цвета и текстуры к вашему шрифту — шаг 1 — введите свое слово в Photoshop
Шаг 2. Выберите текстуры
Это самое интересное! Во-первых, вам нужна текстура, достаточно большая для вашего произведения искусства, чтобы вам не пришлось ее повторять. Я рекомендую проверить текстуры Medialoot — у них много классных текстур с высоким разрешением, и многие из них бесплатны. Я выбрал металлическую текстуру.
Добавление текстур в типографику — выберите параметры текстуры — металлическая золотая текстура
Шаг 3. Раскрасьте текст!
Здесь происходит волшебство.
Перетащите текстуры в Photoshop поверх текста. Измените размер текстур с помощью инструмента Transform Tool (CMD + T или CTRL + T) и удерживайте нажатой клавишу SHIFT, чтобы текстуры не растягивались. Вы хотите, чтобы ваши текстуры помещались поверх текста, а интересная часть текстуры накладывалась на ваши буквы.
Затем щелкните правой кнопкой мыши миниатюру текстового слоя и выберите Select Pixels . Теперь вокруг вашего текста должны появиться марширующие муравьи.
Щелкните правой кнопкой мыши слой растеризованного текста и выберите «Выбрать пиксели»
.Затем выберите слой текстуры на панели слоев и нажмите кнопку Добавить маску слоя в нижней части панели слоев.
Щелкните слой текстуры, а затем щелкните Добавить маску слоя
Вуаля! Ваша текстура теперь обрезана по границам ваших букв. (Я рекомендую скрыть текстовый слой под ним, прежде чем использовать изображение, иначе вы можете получить странные неровные края.)
Текстура металлического текста — полное руководство
Вы также можете поиграть с цветами и положением текстуры, пока не получите желаемый результат. Просто щелкните правой кнопкой мыши на маске слоя и выберите Удалить маску слоя , чтобы начать заново.
Мне нравится, где я закончил с этим более теплым, мелким текстом.
Поиграйте с цветом и расположением текстуры поверх текста, пока не получите желаемый вид
Бонусный шаг: создание собственных текстур
Что еще забавно, так это то, что вы можете создавать свои собственные текстуры в цифровом виде и экспериментировать с ними.
Я также создал два фона в Paper и экспортировал их в формате PNG (мне очень нравится приложение Paper для цифровых изображений — подробнее здесь).
Добавление текстур в типографику — выбор параметров текстуры — набросанная текстура карандаша
Добавление текстур в типографику — выберите параметры текстуры — красочная акварельная текстура
Возможности безграничны!
Набросанная текстура добавлена к надписи от руки в Photoshop — следуйте этому руководству, чтобы узнать, как
Акварельная текстура добавлена к надписи от руки в Photoshop — следуйте этому руководству, чтобы узнать, как
Вот еще несколько просто для удовольствия.Вы можете видеть, что этот трюк в Photoshop — это только начало того, чего вы можете достичь с его помощью.
Как использовать инструмент маски слоя для создания персонализированного текста и надписей от руки в Photoshop
Как использовать инструмент маски слоя для создания персонализированного текста и надписей от руки в Photoshop
Вот и все! Если у вас есть какие-либо запросы на обучение, дайте мне знать.
Фотография на обложке: Olu Eletu
циклов рендеринга — Есть ли способ нарисовать текст на текстуре в Blender?
цикл рендеринга — есть ли способ нарисовать текст на текстуре в Blender? — Обмен стеков BlenderСеть обмена стеками
Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.
Посетить Stack Exchange- 0
- +0
- Авторизоваться Зарегистрироваться
Blender Stack Exchange — это сайт вопросов и ответов для людей, которые используют Blender для создания трехмерной графики, анимации или игр.Регистрация займет всего минуту.
Зарегистрируйтесь, чтобы присоединиться к этому сообществуКто угодно может задать вопрос
Кто угодно может ответить
Лучшие ответы голосуются и поднимаются наверх
Спросил
Просмотрено 11к раз
$ \ begingroup $Недавно я рисовал текстуры в Blender, и я очень доволен результатами в том, что касается стандартного рисования, однако мне не удалось найти способ легко добавить текст к текстуре.
Возможно ли это, и если нет, то какие еще существуют обходные пути?
Создан 25 янв.
VRMVRM18.3k77 золотых знаков7070 серебряных знаков116116 бронзовых знаков
$ \ endgroup $ $ \ begingroup $ Инструменты рисованияBlender ограничены простыми кистями и текстурами.Самый простой способ — открыть изображение в графическом редакторе и добавить к нему текст.
Вы можете открыть изображение с текстом и использовать его в качестве текстуры трафарета, чтобы нарисовать его на своей сетке.
Для хитрого обходного пути вы можете добавить текстовый объект, преобразовать его в сетку, использовать логический модификатор, чтобы вырезать его из плоскости, затем расположить его перед вашим объектом и присоединить к вашей сетке и закрасить отверстие. Затем вы можете выбрать отключенную сетку и удалить ее.
Создан 25 янв.
самблер51.2,112 золотых знаков4444 серебряных знака150150 бронзовых знаков
$ \ endgroup $ $ \ begingroup $Лучший способ «нарисовать» текст в текстуре — загрузить текстовый объект в новую сцену с квадратной камерой (1024×1024) и проработать компоновку текста в поле обзора камеры. Добавьте к тексту белый материал без тени и установите черный цвет для вашего мира.Выполните рендеринг в одно изображение, а затем в основной сцене с вашей картиной загрузите новое изображение как текстуру маски кисти. Установите сопоставление на «Обрезать», чтобы избежать мозаичного изображения, и установите флажок «Рассчитать альфа», чтобы черный цвет стал прозрачным. На панели инструментов в разделе «Маска текстуры» выберите «Трафарет», а затем вы можете использовать alt-mmb для его перемещения, shift-alt-mmb для его масштабирования и ctrl-alt-mmb для его поворота.
Создан 30 янв.
Крэйг Ди ДжонсКрейг Ди Джонс7,75111 золотой знак1414 серебряных знаков3535 бронзовых знаков
$ \ endgroup $ $ \ begingroup $Я не уверен, что это лучший способ, чем уже упомянутые.
- Создать текстовый объект
- Преобразовать в сетку
- Примените новый материал к новому объекту текстовой сетки
- Добавьте текстуру изображения в цветовой слот вашего материала
- Развернуть UV текстовой сетки как проекцию детеныша
- Масштабируйте, перемещайте и вращайте UV на изображении, на котором вы хотите нарисовать
- Закрашивание текстуры в трехмерном виде на объект текстовой сетки
Это позволяет рисовать только текст на изображении, не растекаясь по краям.Он также позволяет масштабировать и размещать UV на уже существующей текстуре.
Создан 14 июл.
MoogMoog2,1121010 серебряных знаков1616 бронзовых знаков
$ \ endgroup $lang-py
Blender Stack Exchange лучше всего работает с включенным JavaScriptВаша конфиденциальность
Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Принимать все файлы cookie Настроить параметры
Как добавить стиль и текстуру к шрифту, чтобы он выглядел на открытом воздухе — Medialoot
Объединение текстур и стилей слоев в Photoshop
Если вы когда-нибудь задумывались, как сделать простой текст более естественным, этот блог для вас.Этот конкретный эффект может быть легко достигнут в Photoshop, используя широкий спектр методов (некоторые более сложные, а некоторые глупо простые), но здесь используется простая текстура и легкий стиль слоя. Эта техника, помимо использования в тексте, также может быть использована для ваших типографских композиций, значков и логотипов.
Но прежде чем мы начнем, и если вы хотите следовать этому руководству в точности, как описано, загрузите следующие ресурсы:
Шаг 1
Откройте любое изображение, которое будет использоваться в качестве фона в Photoshop.
Шаг 2
Выберите инструмент «Текст» (T) и напишите текст, используя любой желаемый шрифт. В этом случае я наберу «Приключение» шрифтом Florista.
Шаг 3
Перейдите в Layer> Duplicate Layer. Назовите этот слой «Inner Glow» и нажмите OK.
Шаг 4
На Панели Слоёв установите Заливку слоя «Внутреннее свечение» на 0%.
Шаг 5
При активном слое «Inner Glow», удерживая клавишу Ctrl на клавиатуре, выберите слой «Adventure».
Шаг 6
На панели слоев щелкните значок «Создать новую группу».
Шаг 7
Выделив группу слоев, перейдите в Слой> Новый слой заливки> Сплошной цвет. Назовите этот слой «Цвет», обязательно отметьте «Использовать предыдущий слой для создания обтравочной маски» и нажмите «ОК».
Шаг 8
В окне выбора цвета установите любой цвет для текста. В этом случае я установлю его на # e1e2e2.
Шаг 9
Откройте программу «Грандж-6.jpg »из пакета« Grunge Textures & Vectors ».
Шаг 10
Перейдите в Layer> New> Layer from Background.
Шаг 11
Перейдите в Изображение> Коррекция> Уровни. Установите уровень тени на 100, средний уровень на 0,35, уровень подсветки на 235 и нажмите OK.
Шаг 12
Выберите «Выделить»> «Все», а затем — «Правка»> «Копировать».
Шаг 13
Нажмите клавишу Delete на клавиатуре.
Шаг 14
Нажмите «Q», чтобы войти в режим быстрой маски, и выберите «Правка»> «Вставить».
Шаг 15
Нажмите «Q» еще раз, чтобы выйти из режима быстрой маски.
Шаг 16
Перейдите к Select> Inverse.
Шаг 17
Перейдите в меню «Правка»> «Заливка». Примените следующие настройки и нажмите ОК.
Шаг 18
Выберите «Выбрать»> «Отменить выбор».
Шаг 19
Перетащите слой текстуры в исходный документ и поместите его между слоями «Приключение» и «Внутреннее свечение».
Примечание. При необходимости размер текстуры можно изменить.
Шаг 20
Выделив слой текстуры, перейдите в меню «Слой»> «Стиль слоя»> «Параметры наложения». Примените следующие настройки и нажмите ОК.
Шаг 21
Чтобы сделать текст более интересным, выберите слой «Inner Glow» и перейдите в Layer> Layer Style> Inner Glow. Примените следующие настройки и нажмите ОК.
Примечание. Не имеет значения, какой цвет вы выберете здесь, но в зависимости от размера текста вам может потребоваться немного изменить значение Inner Glow Size.
Шаг 22
Теперь, когда мы закончили наш эффект наружного текста, и если вы хотите изменить цвет текста, просто дважды щелкните миниатюру слоя «Цвет», выберите любой цвет в окне «Палитра цветов» и нажмите «ОК».
Применить что-нибудь ко всему в PicMonkey
Помните, когда вы были ребенком, посадили штурмовика в самосвал, чтобы тащить кучу единорогов на концерт? Или посадить чучело обезьяны на подводную лодку и отправиться в лучшее приключение на свете? По крайней мере, до следующего дня?
Что ж, хотя у PicMonkey нет подводной лодки (пока), нам нравится идея собирать все вместе и делать что угодно с чем угодно.Практически все, что вы можете сделать с графикой в PicMonkey, например, вы можете сделать со шрифтом. Эффект Sculpt , который вы использовали, чтобы усилить изображение бицепса вашей собаки? Это тоже подойдет для текста. И фотография заката, которая «не оправдывает ожиданий?» Вы можете усилить красные оттенки с помощью оттенка для губ Lip Tint .
Хотите посмотреть, как мы это делаем? Давайте соберем вместе русалок и динозавров и посмотрим, что из этого получится.
Текстуры в тексте
PicMonkey имеет пару сотен шрифтов, и они довольно хороши как есть, но вы можете получить от них больше пользы, добавив текстуры.
Выберите шрифт, введите текст и разместите его в любом месте вашего дизайна. Выглядит хорошо. Теперь перейдите на вкладку Текстуры и выберите текстуру, например Акварель. Выберите Blend , Saturation и Fade , чтобы получить желаемый вид. Довольно круто, да? Хотите быть круче? Конечно, у вас.
Выберите текстовое поле, в которое вы только что добавили текстуру, и сдвиньте Fade до 100%. Текстура исчезнет, но вы собираетесь вернуть ее с помощью кисти.Щелкните значок кисти над образцами акварели. В появившейся палитре Erase & Brush щелкните значок кисти. Теперь проведите Fade вниз по акварели. Это то, что делает текстуру «моющейся». Выберите довольно маленький размер кисти на палитре Erase и Brush и закрасьте текст. Текстура акварели появится там, где вы ее закрасите. Вы можете создать потрясающие эффекты, позволяя цвету шрифта просвечивать сквозь текстуру.
Оттенок губ на куртках, лыжах и рожках от мороженого
Черно-белые фотографии — это круто, артистично и исторически.Полная остановка. Тем не менее, цвет может выглядеть довольно круто. Добавление цвета к черно-белому фото требует некоторой практики, но результаты могут быть удивительными. В хорошем смысле. В отличие от классической раскраски фильмов 80-х.
Используйте инструменты ретуширования, чтобы раскрасить людей на черно-белых фотографиях. Нанесите спрей для загара на кожу и сделайте глаза и губы ярче с помощью наших инструментов для глаз и губ. Используйте Highlight на волосах, и готово. Во время работы не забывайте настраивать ползунки, например жесткость , жесткость , силу , интенсивность и т. Д.Они необходимы для создания естественного образа. Так что имейте это в виду, если вы не раскрашиваете картинки клоунов.
Это все кажется довольно простым, если подкрасить лица цветом. Как это хоть что-то делает? А как насчет того, чтобы использовать оттенок Lip Tint , чтобы придать этой куртке розовый оттенок, сделать траву зеленой, а небо голубым? Вот как.
Совет от профессионалов: При использовании любого типа кисти для добавления эффектов работайте на небольших участках, часто делая короткие мазки.Если вы допустили ошибку и вам нужно ее отменить, вы не отмените всю выполненную чистку.
Подправить шрифты — Что? Да!
Помните, всего несколько минут назад мы описали, как добавить текстуру к шрифту, а затем перешли к инструментам Touch Up? Конечно, знаешь. Так что вы можете догадаться, куда мы сейчас идем — с помощью инструментов ретуши шрифтов. Что-нибудь ни к чему, помнишь? Так как насчет использования оттенка Lip Tint на некоторых шрифтах?
Одно предостережение в отношении этого заключается в том, что вы должны использовать основной цвет шрифта, отличный от белого или черного.Кроме этого, все идет.
Давайте посмотрим, как использовать оттенок Lip Tint на тексте. Этот метод лучше всего работает с более светлыми цветами шрифта.
Напечатайте, размер и поместите текст. Затем перейдите на вкладку Touch Up и выберите оттенок Lip Tint . Проведите кистью по шрифту, как вы это делали при применении текстуры Акварель, снова регулируя ползунки. После того, как вы нанесли какой-то один цвет, и он выглядит довольно хорошо, нажмите Применить . Затем проделайте то же самое с другим цветом. Вы даже можете изменить цвета оттенка с помощью палитры цветов.
Текстуры на фотографиях
Добавление текстур к фотографиям — это простой способ добавить немного бликов, а также привлечь внимание к определенным элементам изображения. Он также может связать изображение с другими элементами дизайна, поскольку фольга в Polaroid совпадает с фольгой в живописных мазках кисти на изображении выше.
Чтобы добавить текстуру к фотографии, откройте фотографию и перейдите на вкладку «Текстуры». Выберите одну из текстур — блестки и фольга обычно считаются самыми великолепными. Первое, что вы заметите, — это то, что текстура применяется ко всему изображению.Наверное, не тот образ, на который вы рассчитываете. Итак, пришло время проявить творческий подход, поиграть с затуханием и искусно стереть его.
Щелкните значок «Кисть» в правом верхнем углу элементов управления блеском (или любой другой имеющейся у вас текстурой) на панели. На палитре Erase & Brush выберите вкладку Eraser. Отрегулируйте ползунки и проведите кистью по изображению. Вы увидите, как текстура исчезает везде, где вы чистите. Когда вы удалили всю ненужную текстуру, отрегулируйте ползунки Saturation, и Fade , чтобы завершить внешний вид.
Чтобы узнать, как сделать так, чтобы фотография или текстура отображались через контур формы (например, фотографии выглядывают через рамки Polaroid, а мрамор просвечивает через форму мазка кисти на изображении выше), взгляните на Все, что вам нужно Узнайте об обтравочных масках в New PicMonkey.
Головокружение вверх!
Теперь, когда вы знаете, что мы действительно имеем в виду, когда говорим: «Делайте что-нибудь с чем угодно», приступайте! Так же, как соленые огурцы с арахисовым маслом или попугай поет в металлической группе, вы найдете смесь, которая вам больше всего подходит.
Заливка текстурой текста в PowerPoint 2013 для Windows
Хотя вы можете заполнить текст таким образом, чтобы он выглядел текстурированным в PowerPoint, конечный результат зависит от текстуры, которую вы используете для заливки, и насколько хорошо она контрастирует с фоном слайда. Для удобства чтения убедитесь, что чтобы используемая текстура не была слишком тесной и даже не разноцветной. И как уже было сказано, выбирайте текстуру, контрастирующую с фоном слайда. Посмотрите на слайд, показанный ниже в Рисунок 1 .Обратите внимание, что текст вверху часть слайда имеет текстурную заливку, которая почти сливается с фоном. Текстура, используемая в качестве заливки для текста на нижняя часть слайда выглядит намного лучше, чем в предыдущем примере, по крайней мере, с точки зрения удобочитаемости.
Рисунок 1: Два примера заливки текстурой для текста
Еще одна проблема, связанная с текстом с текстурой, связана с размером текста и шрифтом, который вы используете. Текстурированный текст лучше всего подходит для текста с большим размером текста.Кроме того, используйте шрифт с более толстыми и выраженными линиями. Выполните следующие действия, чтобы узнать, как применить текстурную заливку к тексту. PowerPoint 2013 для Windows:
- Выделите нужный текст для применения текстурной заливки. В качестве альтернативы, если вы просто хотите следовать этому руководству шаг за шагом, вставьте текстовое поле на пустой слайд и введите какой-то текст в нем. Также измените шрифт текста на что-то более блочное, например Arial Black (см. , рис. 2, ). Выделите текст или все текстовое поле , чтобы открыть вкладку Средства рисования Формат на Лента, как показано, выделена красным в пределах Рисунок 2 .
-
Рисунок 2: Вкладка «Формат средств рисования» на ленте Примечание: Вкладка Средства рисования Формат является вкладкой Контекстная . Эти вкладки
специальные вкладки на ленте, которые не видны всем
время. Они появляются только тогда, когда вы работаете с определенным объектом слайда, который можно редактировать с помощью
специальные параметры на этих вкладках. - На вкладке Средства рисования Формат найдите кнопку Заливка текста и нажмите стрелку, направленную вниз, как показано, выделено красным в пределах Рисунок 3 .
-
Рисунок 3: Кнопка заполнения текста - Откроется раскрывающаяся галерея Заливка текста . В этой раскрывающейся галерее выберите Текстура опция (выделена красным на Рисунок 4 ), чтобы открыть Текстура под-галереи, как показано на Рисунок 4 (выделено синим).
-
Рисунок 4: Подгалерея текстур - Вы можете выбрать любую из текстур из этой под-галереи Текстура , нажав на предварительный просмотр эскиз по вашему выбору.Если вы хотите внести некоторые изменения в выбранную текстуру, или если вы хотите выбрать любую Custom Текстура для текста, затем выберите вариант Дополнительные текстуры (выделено зеленым в пределах Рисунок 4 , выше).
- Откроется панель задач Format Shape , как показано на Рис. 5 . Убедитесь что выбрана вкладка Text Options , а затем нажмите кнопку Text Fill & Outline , как показано выделено зеленым цветом в пределах Рисунок 5 .Теперь выберите изображение или текстуру. заполните радиокнопку , как показано красным цветом в пределах Рисунок 5 .
-
Рисунок 5: Переключатель заливки изображения или текстуры - Щелкните стрелку вниз рядом с опцией Текстура , чтобы открыть галерею Текстура это похоже на то, что вы видели на рис. 4 ранее на этой странице. Если вы используете пользовательскую текстуру своего собственный или сторонний набор текстур, например, от Ppted.ком нажмите кнопку File (выделена синим цветом на , рис. 5, ). К узнать больше об использовании других текстур см. в наших Использование пользовательских текстур в качестве заливки для текста в учебнике PowerPoint 2013.