Как сделать гранжевые текстуры
Создаём гранжевую текстуру в Фотошоп
В этом уроке мы будем работать с корректирующими слоями и фильтрами, чтобы создать бесшовную гранжевую текстуру.
1. Создание документа
Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) размером 3х3 дюйма. Имейте в виду, что мы будем работать в версии CC 2014.
Шаг 2
Примените фильтр Облака (Фильтр > Рендеринг > Облака) (Filter > Render > Clouds). Полученный эффект послужит основой для текстуры.
2. Изменение цветовой основы
Шаг 1
Далее мы будем изменять начальную текстуру облаков, чтобы получить что-нибудь необычное. В Фотошопе для этого существует масса фильтров и инструментов.
Примените фильтр Рябь (Фильтр > Искажение > Рябь) (Filter > Distort > Ripple).
Шаг 2
Создайте корректирующий слой Уровни (Levels) и настройте, как показано на скриншоте.
Шаг 3
3. Создание узора
Шаг 1
Примените фильтр Сдвиг (Фильтр > Другое > Сдвиг) (Filter > Other > Сдвиг). Задача этого фильтра в том, чтобы свести 4 угла изображения в центре. Скорее всего Вам нужно будет поэкспериментировать с настройками.
Шаг 2
Сейчас нам нужно скрыть или изменить швы на текстуре. Для этого понадобятся гранжевые кисти, вложенные в архив урока. Используйте оттенки серого, чтобы закрасить видимые границы. После этого можно ещё раз применить фильтр шума или резкости.
Шаг 3
Чтобы сохранить текстуру, перейдите в меню Редактирование > Определить узор (Edit > Define Pattern). Для заполнения объектов этим узоров в своих проекта используйте инструмент Заливка (Paint Bucket Tool) (G).
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Гранжевая текстура
Доброго дня, уважаемый читатель, в этом уроке я покажу, как можно сделать самому.
Я думаю, многие для оформления постеров или же сайтов искали подобные текстуры, перерывая десятки сайтов. А сделать их проще простого.
Для начала создаем документ нужного размера (я сделал 800×600). Делаем 4 слоя. Нумеровать я их буду снизу вверх.
1 слой
Фильтры → Визуализация → Облака → Плазма. Устанавливаем значение не слишком большое, но движок должен находиться ближе к правой стороне.
Далее Цвет → Обесцвечивание с параметром «Средне».
2 слой
Повторяем то же самое, что и с первым слоем, но только в «Плазме» не забываем нажать на кнопку «Новое зерно».
Затем идем в Фильтры → Имитация → Гимпрессионист. Ставим Painted_Rock и жмем «Применить».
3 слой
Фильтры → Визуализация → Облака → Сплошной шум с такими настройками:
4 слой
Снова Фильтры → Визуализация → Облака → Сплошной шум, но Х делаем больше Y.
Самая важная часть
Применяем различные режимы наложения к слоям. Они находятся на панели слоёв, это выпадающий список с параметром «Нормальный».
У нас получилось такое изображение…
Теперь можно добавить трещин больше на новом слое с помощью (некоторые из них я залил на сайт).
Затем создаем новый слой, берем инструмент «Градиент», устанавливаем цвет переднего плана — белый, цвет фона — черный, и градиент «Основной в фоновый». Проводим как на рисунке.
Устанавливаем режим наложения «Перекрытие» и получаем такой результат… Я еще добавил красный текст в режиме наложения «Умножение».
Самостоятельное создание бесшовной гранжевой текстуры в Photoshop
В этом уроке я расскажу, как собственными средствами Phtoshop, используя корректирующие слои, различные фильтры и эффекты, создать гранжевую текстуру.
Вот что у меня получилось в итоге:
Шаг 1: Создание основы текстуры
Создаём документ размером 512 на 512 пикселей на белом фоне. Конвертируем фоновый слой в обычный и преобразуем его в смарт-объект.
Шаг 2: Добавление фильтров и корректирующих слоёв к первому смарт-объекту
Добавляем корректирующий слой «Постеризация» (Posterize) и ставим уровень от 10 до 15:
Добавляем корректирующий слой «Яркость/Контрастность» (Brightness/Contrast), уменьшаем яркость, увеличиваем контрастность:
Если на документе имеются ярко выраженные чёрные или белые области, примените корректирующий слой «Кривые» и опустите правый конец кривой и/или поднимите левый конец кривой:
Зажав клавишу Ctrl, выбираем все слои и преобразуем их в смарт-объект.
Шаг 3: Добавление фильтров и корректирующих слоёв ко второму смарт-объекту
Шаг 4: Создание бесшовного шаблона с помощью плагина
Теперь из этой заготовки мне необходимо сделать бесшовный шаблон. Для этого я воспользуюсь бесплатным плагином Seamless Textures Generator, скачать который и прочитать описание можно на этой странице.
А вот как выглядит эта текстура, наложенная на документ размером 1280 на 800 пикселей:
Шаг 4: Создание бесшовного шаблона с помощью вручную
Можно сделать бесшовную текстуру и вручную. Возвращаемся к смарт-объекту, который мы сохранили в качестве оригинала, дублируем его, и растрируем дубликат в обычный слой.
Если Вы присмотритесь повнимательнее, то увидите горизонтальный и вертикальный швы ровно по осевым линиям документа. Их необходимо удалить. Инструментом «Прямолинейное лассо» обводим швы, особая точность не нужна:
А вот как выглядит большой документ, залитый этой текстурой:
Гранжевая текстура в Фотошоп
В этом уроке мы будем работать с корректирующими слоями и фильтрами, чтобы создать бесшовную гранжевую текстуру.
1. Создание документа
Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) размером 3х3 дюйма. Имейте в виду, что мы будем работать в версии CC 2014.
Шаг 2
Примените фильтр Облака (Фильтр > Рендеринг > Облака) (Filter > Render > Clouds). Полученный эффект послужит основой для текстуры.
2. Изменение цветовой основы
Шаг 1
Далее мы будем изменять начальную текстуру облаков, чтобы получить что-нибудь необычное. В Фотошопе для этого существует масса фильтров и инструментов.
Примените фильтр Рябь (Фильтр > Искажение > Рябь) (Filter > Distort > Ripple).
Шаг 2
Создайте корректирующий слой Уровни (Levels) и настройте, как показано на скриншоте.
Шаг 3
3. Создание узора
Шаг 1
Примените фильтр Сдвиг (Фильтр > Другое > Сдвиг) (Filter > Other > Сдвиг). Задача этого фильтра в том, чтобы свести 4 угла изображения в центре. Скорее всего Вам нужно будет поэкспериментировать с настройками.
Шаг 2
Сейчас нам нужно скрыть или изменить швы на текстуре. Для этого понадобятся гранжевые кисти, вложенные в архив урока. Используйте оттенки серого, чтобы закрасить видимые границы. После этого можно ещё раз применить фильтр шума или резкости.
Шаг 3
Чтобы сохранить текстуру, перейдите в меню Редактирование > Определить узор (Edit > Define Pattern). Для заполнения объектов этим узоров в своих проекта используйте инструмент Заливка (Paint Bucket Tool) (G).
Создаём Гранжевый Ретро Текст в программе Adobe Photoshop
В этом уроке я покажу вам, как использовать стили слоя, шум, гранжевые текстуры и корректирующие слои, чтобы создать гранжевый полутоновый ретро текст. Давайте приступим!
Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
1. Создаём Основу для Узора
Шаг 1
Шаг 2
2. Создаём Гранжевый Полутоновый Узор
Шаг 1
Шаг 2
Нажмите значок Новый слой эффектов (New effect layer) в нижней части панели настроек Галереи фильтров (Filter Gallery), чтобы добавить ещё один фильтр.
Шаг 3
Нажмите кнопку ‘OK‘, когда завершите.
Шаг 4
3. Создаём Задний фон с Простым Узором
Шаг 1
Создайте новый документ 950 x 750 px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Цвет (Solid Color).
Шаг 2
Шаг 3
Дважды щёлкните по слою с заливкой, чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
Итак, мы создали задний фон.
4. Создаём Текстовый Слой
Шаг 1
Шаг 2
Переименуйте текстовый слой в Текст (Text), далее, щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 3
Продублируйте слой Текст (Text).
5. Создаём Экструзию из Слоёв
Шаг 1
Ещё раз продублируйте слой Текст (Text), переименуйте новый дубликат слоя в Экструзию (Extrusion), а затем поместите этот слой в новую группу, назовите эту группу Экструзия (Extrusion).
Шаг 2
Находясь на слое Экструзия (Extrusion), нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform Mode). Нажмите по одному разу клавиши со стрелкой влево и вниз, чтобы сдвинуть слой Экструзия (Extrusion) на 1 px в этих направлениях.
Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 3
Нажмите клавиши (Shift+Ctrl+Alt+T) примерно 21 раз, чтобы создать 21 копию с той же самой трансформацией.
Фактически, вы можете решить, сколько копий вы хотите создать, исходя из желаемого размера экструзии, поэтому не бойтесь выбрать любое количество копий на своё усмотрение.
Шаг 4
Выделите все слои с экструзией, а затем идём Слой- Упорядочить- Инверсия (Layer > Arrange > Reverse), чтобы выставить правильный порядок слоёв.
Шаг 5
Поместите верхние три слоя с экструзией в новую группу Спереди (Front), нижние три слоя в другую группу Сзади (Back), а остальные слои в отдельную группу Середина (Middle). Примечание переводчика: все три группы будут расположены внутри группы Экструзия (Extrusion).
6. Создаём Слои с Тенью
Шаг 1
Продублируйте последний слой с экструзией (нижний слой в группе Сзади (Back). Назовите этот дубликат слоя Тень (Shadow).
Переместите слой Тень (Shadow) из группы Экструзия (Extrusion) в панель слоёв в новую группу, назовите новую группу Тень (Shadow). Примечание переводчика: создайте новую группу Тень (Shadow) ниже слоя с группой Экструзия (Extrusion).
Шаг 2
Используя ту же самую трансформацию, продублируйте шаги, чтобы создать пару дубликатов для тени, только на этот раз, вам нужно будет сместить слой Тень (Shadow) на 1 px вправо и на 1 px вниз. Примечание переводчика: добавьте ещё два слоя с тенью, единственное, вам нужно сместить тень на 1рх вправо и на 1 рх вниз.
Шаг 3
Не забудьте упорядочить слои с тенью, когда вы завершите создавать дубликаты слоёв.
Шаг 4
Поместите слой Текст (Text) и дубликат слоя Текст (Text) в отдельную группу, назовите эту группу Текст (Text).
7. Стилизуем Текстовые Слои
Дважды щёлкните по дубликату слоя Текст (Text), чтобы применить следующий стиль слоя:
Шаг 1
Добавьте стиль слоя Обводка (Stroke) со следующими настройками:
Шаг 2
Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Шаг 3
Добавьте стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки:
Шаг 4
Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
Шаг 5
Уменьшите значение Заливки (Fill) для дубликата слоя Текст (Text) до 0.
Шаг 6
Дважды щёлкните по оригинальному слою Текст (Text), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
Итак, мы стилизовали фронтальную часть текста.
8. Стилизуем Экструзию
Шаг 1
Шаг 2
Щёлкните правой кнопкой мыши по слою с группой Спереди (Front) и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Style), далее, щёлкните правой кнопкой мыши по слою с группой Сзади (Back) и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer Style).
Раскройте группу Середина (Middle), выделите все слои внутри группы, далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, ещё раз выберите опцию Вклеить стили слоя (Paste Layer Style).
Шаг 3
Дважды щёлкните по слою с группой Середина (Middle ), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
Таким образом, мы стилизовали экструзию.
9. Стилизуем Тень
Шаг 1
Дважды щёлкните по слою с группой Тень (Shadow), чтобы применить стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки:
Шаг 2
Уменьшите значение Заливки (Fill) для слоя с группой Тень (Shadow) до 0%.
10. Добавляем Текстуры
Перед тем, как добавить текстуры, поместите группы Текст (Text), Экструзия (Extrusion) и Тень (Shadow) в одну группу, назовите эту группу Текстовый Эффект (Text Effect), чтобы всё было организованно в палитре слоёв.
Шаг 1
Вначале добавьте Гранжевую текстуру 11 поверх слоя с заливкой Цвет (Solid Color). Примените масштабирование к текстуре при необходимости.
Переименуйте слой с текстурой в BG Texture, а затем поменяйте режим наложения на Осветление основы (Color Dodge), а также уменьшите Непрозрачность (Opacity) слоя с текстурой до 30%.
Шаг 2
Если вы используете более поздние версии программы Photoshop, или у вас не получается применить коррекцию напрямую к смарт-объекту по какой-то причине, то вам нужно либо растрировать слой с текстурой или вместо этого использовать корректирующие слои.
Шаг 3
Поставьте галочку в окошке Использовать прежние (Use Legacy), а также уменьшите Контрастности (Contrast) до -50.
Опция Использовать прежние (Use Legacy) помогает отрегулировать контрастность полностью чёрного и белого цвета, что создаёт гораздо меньший контраст.
Шаг 4
Добавьте текстуру Фотоплёнки на наш рабочий документ, расположив текстуру поверх остальных слоёв. Примените масштабирование к текстуре при необходимости.
Переименуйте слой с текстурой в Текстура Наложения 1 (Texture Overlay 1), а затем поменяйте режим наложения для слоя с текстурой на Перекрытие (Overlay).
Шаг 5
Шаг 6
Добавьте Гранжевую текстуру 16 на наш рабочий документ, расположив текстуру поверх остальных слоёв. Примените масштабирование к текстуре при необходимости.
Переименуйте слой с текстурой в Текстура Наложения 2 (Texture Overlay 2), а затем поменяйте режим наложения для данного слоя с текстурой на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 20%.
Шаг 7
11. Добавляем Корректирующие Слои
Шаг 1
Добавьте корректирующий слой Градиент (Gradient) поверх всех остальных слоёв.
Установите тип градиента от Прозрачного до Цвета заливки (Transparent to Fill Color). Установите следующие цвета градиента: #6f6f6f слева и #000000 справа.
В панели настроек, установите Стиль (Style) на Радиальный (Radial), Масштаб (Scale) 200, а затем поменяйте режим наложения для данного корректирующего слоя с градиентом на Перекрытие (Overlay).
Шаг 2
Добавьте новый новый корректирующий слой Яркость / Контрастность (Brightness/Contrast). Установите значение Контрастности (Contrast) на 25.
Шаг 3
Шаг 4
Добавьте новый новый корректирующий слой Цветовой Баланс (Color Balance). Установите следующие настройки:
Средние тона (Midtones)
12. Создаём Гранжевый Эффект
Шаг 1
Перейдите на слой с группой Текстовый Эффект (Text Effect), далее, нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить слой-маску к слою с группой.
Шаг 3
Выберите инструмент Заливка (Paint Bucket Tool), в панели управления данного инструмента. выберите тип заливки Узор (Pattern), а затем выберите узор 15 из набора Светлые Гранжевый Узоры.
Убедитесь, чтобы маска слоя Текстовый Эффект (Text Effect) была активной, а затем щёлкните по ней, чтобы залить её выбранный узором.
Шаг 3
Чтобы усилить гранжевый эффект, нажмите клавиши (Ctrl+L), чтобы появилось окно коррекции Уровни (Levels). Усильте значение Теней (Shadows), чтобы затемнить заливку узора внутри маски, которая усилит участки, скрытые маской, в результате усиливая гранжевый эффект.
Поздравляю! Мы завершили урок!
В этом уроке мы создали простой полутоновый узор, используя пару фильтров.
Далее, мы создали текст, преобразовали его в смарт-объект, продублировали его, чтобы создать слои с тенью и с экструзией. После этого, мы стилизовали каждый слой с текстом, экструзией и тенью, включая группы, чтобы создать полутоновый ретро эффект.
В заключение, мы добавили текстуры, корректирующие слои и заливку узором для завершения заключительного эффекта.
Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.