В этом уроке вы узнаете, как создавать удивительные иллюстрации с помощью цветного редактирования. В этом уроке Эдмар Сиснерос показывает, как создавать логотипы в Photoshop с помощью стилей слоя и световых эффектов.
Во время семинара вы узнаете, как
- Манипулировать текстурами и
- манипулировать стилями слоя и применять их для получения различных эффектов.
- Создавайте блики и эффекты с помощью простых инструментов Photoshop.
Окончательные результаты:.
Ресурсы
- Шрифты — http://www.fontfabric.com/tetra-free-font/
- Текстуры боке — https://www.photoshoptutorials.ws/downloads/photoshop-brushes/freebie-24-abstract-bokeh-brushes/
Шаг первый.
Создайте новый документ в Photoshop. Его размер должен составлять 2100 пикселей в ширину и 3300 пикселей в высоту с разрешением 300 точек на дюйм. С помощью инструмента "Заливка" (G) залейте фоновый слой черным цветом.
Перейдите к инструменту "Текст" (T), выберите шрифт Tetra размером примерно 250 pt (при необходимости вы можете сделать его больше) и напишите слово "Super" в верхней части холста. Шрифт Tetra был выбран из-за его формы. Можно использовать и другие шрифты.
Щелкните правой кнопкой мыши на слое с текстом и выберите Растрировать слой, чтобы сделать его редактируемым.
Создайте новый слой. Загрузите выделение слоя (нажмите Ctrl на иконке слоя) и возьмите инструмент "Кисть" (B). Закрасьте выделение на новом слое, чтобы получить цветное пятно. На скриншоте показаны цвета, которые будут использоваться.
Залейте выделение синим цветом. Выберите мягкую кисть с жесткостью 0% размером примерно 250 пикселей и закрасьте нижнюю часть текста, чтобы создать темный цвет.
Измените размер кисти до 150 пикселей и выберите самый темный зеленый цвет, чтобы создать более светлые мазки по тексту. Не забудьте оставить синий цвет. Вы также можете уменьшить непрозрачность кисти примерно до 40%, чтобы создать плавный переход.
Продолжайте рисовать, но выберите для кисти светло-зеленый цвет. Не забывайте использовать мягкую кисть с низкой непрозрачностью. Закрасьте светлые штрихи, как показано ниже.
Затем с помощью белой краски и маленькой кисти добавьте блики на светлые участки текста.
Когда вы будете довольны результатом, перейдите в меню Слой — Новое изображение — Коррекция — Яркость и контрастность и осветлите цвета.
Результат на данный момент:.
Шаг второй.
Затем добавьте стиль слоя, чтобы придать тексту глянцевый вид. Дважды щелкните на текстовом слое, чтобы открыть меню "Стили слоя". Отметьте опцию Bevel and Emboss (Фаска и тиснение). Введите следующие значения.
Установите флажок Satin и введите следующие значения
Применение стиля слоя приводит к следующим результатам
Создайте новый слой и объедините его с текстовым слоем (Ctrl + E), чтобы применить эффект к тому же слою. На этом этапе вы можете снова изменить яркость и контрастность, если вам кажется, что цвета слишком белые.
Используйте инструмент "Маскировка", чтобы увеличить яркость. Используя очень маленькую мягкую кисть, установите экспозицию на 10% и установите диапазон на "Highlights". С помощью кисти слегка коснитесь светлых участков контура текста.
Шаг третий.
Выполните ту же процедуру для следующих двух слоев текста. Поскольку каждая буква имеет декоративный элемент, мы использовали шрифт Tetra. Напишите слова, как показано на рисунке ниже.
Для этого слова мы выбрали цветовую палитру от темно-фиолетового до очень светло-розового.
Не стесняйтесь экспериментировать с выбранными цветами и сочетаниями. Чтобы применить эффект стиля слоя, можно скопировать стиль слоя с предыдущего слоя и вставить его на другой слой с текстом.
Не забудьте использовать инструмент Осветлитель, чтобы осветлить и контрастировать изображение и осветлить яркие участки.
В последнем слове мы использовали сочетание цветов от очень темно-коричневого до красного и бледно-желтого.
Скопируйте и вставьте стиль слоя из предыдущего слова.
Не забывайте об инструменте Dodge. Настройте яркость и контрастность.
После завершения третьего слова вы должны увидеть следующее сообщение об этом результате
Шаг 4.
Теперь пришло время добавить красочные элементы, чтобы украсить текст. Чтобы создать яркую линию, возьмите инструмент Brush Tool (B) и создайте новый уровень, выберите Hard Brush, 100% Hardness, 100% Opacity, размер около 4 пикселей, откройте меню Brush Menu (F5), откройте в Options Shape Dynamics, измените управление на ‘Pen Pressure’. После ввода этих настроек выберите инструмент PEN (P).
Удерживая клавишу Shift, нарисуйте маршрут, чтобы создать горизонтальную линию. Щелкните правой кнопкой мыши на маршруте, чтобы выбрать контур обводки, измените "инструмент" на имитацию давления и выберите его.
Дважды щелкните по слою, чтобы открыть меню Стиль слоя. Выберите Внешнее свечение и Стиль наложения градиента. Введите следующие значения
В параметре Наложение градиента установите флажок Обратный и задайте угол 0°.
Дважды щелкните Slope, чтобы открыть процессор Slope. Измените цвет оценки, как показано ниже.
Сделайте несколько копий уровня линии и поместите их на край письма.
Используйте инструмент DEFORM (W ARP), чтобы изогнуть линию так, чтобы она соответствовала закругленной части буквы.
На этом этапе рекомендуется не создавать много деталей. Это связано с тем, что позже вы добавите другие элементы, и это может исказить композицию.
Возьмите одну из блестящих линий из первого слова и переместите ее в новую корректировку на слое — Насыщенность / Saturation и измените цвет, чтобы он соответствовал другому слову.
Уложите их таким же образом, как и два других слоя.
Результат на данный момент:.
Шаг 5.
Для световой вспышки под текстом скопируйте уровень текста и поместите его ниже исходного уровня текста. Переместитесь в туалет от фильтра до сверла и установите Угол на 0 и Расстояние на 998.
Удвойте уровень и объедините два размытых уровня, чтобы получить более сильный результат.
Повторите этот шаг с другим уровнем текста.
Шаг 6.
Чтобы добавить блеска, возьмите инструмент "Кисть" 0% и около 120 пикселей, цвет — белый. Создайте новый слой на всех слоях и нарисуйте дополнительные блики в самых ярких областях.
Уменьшите размер кисти, делая крупные блики ближе к крупным.
Сделайте то же самое для двух других уровней текста.
Шаг 7.
Чтобы усилить блеск, создайте пересечение с помощью инструмента Перо. Установите кисть на 100% твердость и размер 4 пикселя, сформируйте динамику и измените элемент управления на Pen Pressure. Выберите инструмент Pen Tool (P), нарисуйте две поперечные линии и используйте кисть как инструмент диаграммы, чтобы удалить границу.
Продублируйте слой с крестами и поместите их на каждое свечение из предыдущего шага.
После добавления светящихся переходов ваше изображение должно выглядеть следующим образом:.
Шаг 8.
Создайте 100% жесткую кисть и волнистую линию размером около 9 пикселей. Нарисуйте длинную горизонтальную линию и переместите ее на фильтр Filter Performance. Используйте следующие параметры для первой волны
На новом слое нарисуйте еще одну линию и примените фильтр "Волна", экспериментируя с настройками для получения наилучших результатов.
Выберите слой с волной и откройте меню Стиль слоя. Примените матовый стиль внешнего свечения и градиентного наложения.
В настройках наложения градиента выберите стиль Отражение градиента и измените цвет оценки, чтобы он соответствовал цветовой палитре на уровне текста.
Теперь можно скопировать стиль слоя на другие волнистые линии.
Создайте новый уровень, который будет дублироваться волной, и настройте цвет в стиле Gradient Overlay с внешним свечением так, чтобы цвет совпадал с цветом текста.
Результат этого шага:.
На этом этапе повторите тот же метод, что и с волной, но используйте другие параметры фильтра для создания точек на заднем плане.
Трансформируйте точки, растягивая их до полного размера фона.
Шаг девятый.
Для завершения добавьте в документ текстуру Bokeh. Выберите изображение из SparkleStock, которое, по вашему мнению, подходит для вашей иллюстрации. Установите и растрируйте матрасную смесь Bokeh и уменьшите непрозрачность матраса до 30%.
Теперь дополните результат, используя комбинацию различных изображений файлов. Вы можете выбрать любое изображение в Bokeh, которое вам больше нравится. Если вы хотите раскрасить текстуру Bokeh кистью, возьмите образец цвета из текста. Используйте уровни оттенка/насыщенности, чтобы изменить цвет текстуры Боке.
Продолжайте добавлять различные уровни и регулировать цвета, чтобы получить наилучший результат.
Шаг 10.
На последнем этапе создайте несколько уровней корректировки, чтобы улучшить внешний вид композиции. Перейдите в Layer New Adjustment Layer — Saturation/Насыщенность и увеличьте насыщенность, чтобы сделать цвета более яркими.
Аналогично, используйте вышеуказанные настройки для создания уровней регулировки под названием Яркость и Контрастность.
Ниже уровней яркости и контрастности создайте уровни настройки, называемые уровнями, и объедините конфигурации.
