PDA

Просмотр полной версии : Красивый кибер текстовый эффект



Photoshop
11.03.2017, 09:24
Вы не можете увидеть ссылки прежде чем ответите

Учебное пособие Ресурсы

Cyber Текстурный пак (Вы не можете увидеть ссылки прежде чем ответите
) - MariaSemelevich (Вы не можете увидеть ссылки прежде чем ответите
)

Шаг 1Создайте новый документ с помощью Cmd / Ctrl + N или File> New в 1920 пикселей в ширину и 1200 пикселей высоты, разрешение 200 точек / дюйм. Вы можете изменить размер документа специально для вашего монитора.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 2Создание градиентной заливки слоя (Layer> New Layer> Заливка градиентом ... или использовать "Создать новую заливку или корректирующий слой" значок в нижней части панели слоев). Установка по умолчанию Black & White градиент и изменение цвета левого ползунка к # 182b46 и правильный набор цвет # 000000, стиль: радиальные Масштаб: 120%. Это будет главным световое пятно и точка фокусировки.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 3Поместите картонный текстуры в рабочее документ с помощью File> Place ... / Место Embedded. В свободном режиме (Cmd / Ctrl + T или Edit> Free Transform) увеличить размер совсем немного Transform. Нажмите Enter / Return, чтобы применить изменения. Меняем режим смешивания на "Multiply" и уменьшить непрозрачность до 70%, Fill до 75%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 4Для того, чтобы изменить структуру и создать объем, я использую слой облаков. Набор переднего плана / фона цвета по умолчанию (D), создайте новый слой (Cmd / Ctrl + Shift + N или использовать "Создать иконку нового слоя" в нижней части панели слоев). Перейти в Filter> Render> Clouds ... Изменение режима смешивания слоя на "Color Dodge" и уменьшить непрозрачность до 25%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 5Теперь добавьте какой-нибудь текст на задний план. Мы создаем хакера обои. Так что берите Вертикальный тип инструмента (T) установлен шрифт "Arial Regular" с размером шрифта: 9PT и цвет # 00ffd8 и использовать "Центр текст" выравнивание. Создать текстовое поле для немного меньше, чем размер рабочего поля, а затем начинается самое интересное, чтобы ввести любой текст. Достаточно ввести буквы, символы и заглавной буквы. Просто наберите что-то странное с кучей разных персонажей, как показано на изображении ниже.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 6Сделайте две копии этого слоя (Cmd / Ctrl + J или Layer> Duplicate слой ...). Изменить часть текста в копии текста, которые будут изменяться. Постарайтесь, чтобы каждая буква была под письмом от предыдущих слоев. Меняем режим наложения этого слоя на "Overlay" и сгруппировать их (Cmd / Ctrl + G). Набор для группы Opacity: 40%, Fill: 50%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 7Теперь создадим текстуру пикселированные камуфляж. Я думал, что это будет выглядеть интересно и стильно. Для создания этого я использовал Adobe Illustrator CC. Если вы не можете иметь Illustrator или не хотят тратить время, просто использовать вашу любимую форму из пакета и перейдите к шагу 12. В этом несколько шагов, которые я говорил вам, как создавать интересные абстрактные формы в Illustrator. Откройте Adobe Illustrator и создайте новый документ с Ширина: 1920, Высота: 1200, Растровые эффекты: 300ppi.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 8Возьмите Rectangle Tool (M). Набор для заливки и обводки тот же цвет (в моем случае это черный, но вы можете использовать любой цвет). Рисовать прямоугольники абстрактные формы, как в изображении ниже. Там нет никаких правил или точного соответствия. Вы можете создать свою собственную версию, которая будет лучше, чем у меня. Главное, это принцип.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 9Выбрать все прямоугольники с Selection Tool (V), нажмите правой кнопкой мыши> Group или перейдите в Object> Group. Создайте кисть из этой фигуры. Перейти к панели Brush (Окно> Кисти) и нажмите на значок списка в нижней части панели Brush. В вдовы, которые появляются набор "Art Brush" и нажмите кнопку OK. Теперь вам нужно настроить вы кисть.
Вы не можете увидеть ссылки прежде чем ответите

В окне настроек установите следующие новые параметры кисти - Brush Scale Опции: "растягиваться, чтобы соответствовать Stroke Length", Направление: "Инсульт слева направо", Colorization: Оттенки, Перекрытие: "Отрегулировать углы и складки, чтобы предотвратить дублирование" и нажмите кнопку OK, чтобы применить настройки.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 10Удалить абстрактные формы и нарисуйте прямоугольник (Rectangle Tool (M)) 514,378 PT Ширина и высота 315,584 пт. Выберите прямоугольник и применить искусство кисти (просто нажмите на на нужной кисти). Эксперимент с размером прямоугольника и кисти. Точно таким образом создаются с абстрактными кругами в Привет-Tech форме (как вы, наверное, догадались основой является Ellipse Tool (L)). Вы также можете создать больше кистей и каждая новая щетка даст совершенно иную форму.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 11Когда вы будете довольны результатом, и принять решение о продолжении фото манипуляции с желаемой фигуры копию этой формы (Cmd / Ctrl + C или перейдите в меню Edit> Copy), откройте Photoshop и вставьте его (Правка> Вставить или Cmd / Ctrl + V ) в рабочем документе.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 12Чтобы отрегулировать цвет и размер рисунка, я советую вам, чтобы вставить эту форму, как "Shape Layer". С помощью Free Transform Tool (Cmd / Ctrl + T или Edit> Free Transform) поиграться с размером и положением фигуры, чтобы найти интересную часть (я лично только немного увеличил размер). Обязательно установите заливки и обводки цвет черный (вы можете настроить форму с помощью Rectangle Tool (U)). Если вы используете форму из моего набора не забудьте добавить "Stroke", в противном случае вы получите несколько иную форму.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 13Преобразование формы в Smart Object (Вы не можете увидеть ссылки прежде чем ответите
) (справа - нажмите на слой> Преобразовать в смарт - объект или перейдите на Layer> Smart Objects> Преобразовать в Smart Object) и установите режим смешивания "Soft Light", Непрозрачность: 50%, Fill: 50%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 14Теперь поиграйте с фильтрами. Во-первых, превратить абстрактные формы в пикселированные камуфляж. Опытным я выбрал этот вариант, поскольку он поддерживает атмосферу картины. Итак, переходим к Filter> Stylize> Tiles. Установить количество плитки до 10 и максимальное смещение до 10%, заполняющая пустое пространство С: "прообраза". Вы также можете продолжать играть с фильтрами, чтобы найти интересный вид.
Вы не можете увидеть ссылки прежде чем ответите
'
Шаг 15В результате изображение я решил добавить немного текстуры. Перейти к Filter> Style> Wind. Установить метод для "Ветер" и направление "справа». В моих картинах, я использую этот фильтр, потому что это очень хорошо, чтобы передать эффект цифровых артефактов или что-то в этом роде. И это выглядит успешно, если вы пытаетесь применять его правильно :).
Вы не можете увидеть ссылки прежде чем ответите
Шаг 16Создать новый шаблон, заполненный слой (Layer> New Fill Layer> Pattern ... или использовать "Создать новую заливку или корректирующий слой" значок в нижней части панели слоев). Выбор модели с горизонтальными линиями, Масштаб: 100%. Меняем режим смешивания на "Overlay". Если у вас нет этой модели попробовать использовать что-то подобное из оригинальных наборов, которые находятся в Photoshop (нажмите на шаблон> Настройки / малая шестерня> "Веб-шаблоны").
Вы не можете увидеть ссылки прежде чем ответите

Шаг 17Если у вас нет этого шаблона вы можете просто создать это. Создайте новый документ с 10 пикселей в ширину и 500 пикселей высоты, разрешение 200 точек / дюйм (Если вам нужны вертикальные линии, которые изменяют значения друг друга). Выберите примерно половину рабочего поля с помощью Rectangular Marquee Tool (M) и залейте его черным цветом (Edit> Fill> Color или использовать D (по умолчанию цвета) и Cmd / Ctrl + Del или Shift + F5). Перейти к Edit> Define Pattern ... Вернуться назад к предыдущему шагу, но теперь изменить масштаб до 1%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 18Возьмите Brush Tool (B) с мягкой круглой формой, Размер: 100px, Opacity: 50% и нарисуйте черным цветом прямыми горизонтальными линиями на маске корректирующего слоя (удерживать нажатой клавишу Shift, чтобы сделать прямые линии). Мне нравится этот эффект. Напоминает шумового сигнала на старом мониторе или камеры.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 19Поместите еще одну текстуру "04" из папки "Каркасы" (File> Place ... / Место Embedded). Поверните его на 90 градусов по часовой стрелке и увеличить его размер до тех пор, пока не достигнет текстуры края рабочего поля. Поместите текстуру так, что обе фигуры симметрично. Меняем режим на "Divide" не волнуйтесь, что текстура ушла. Хорошо, это просто трудно увидеть.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 20Черные линии превратились в белый цвет. Использовать корректирующий слой "Уровни" (Layer> New Adjustment Layer> Levels ...), чтобы увеличить черный цвет в этой текстуры. Набор для черного значения ползунка 187 и клип этот слой текстуры. Если вы хотите, чтобы текстура стала более заметной, увеличьте значение для чернокожих.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 21Чуть больше эффектов и перейти к тексту :). Создайте новый слой (Cmd / Ctrl + Shift + N или использовать "Создать новый слой" значок в нижней части панели слоев). Возьмите Polygonal Lasso Tool (L) и выберите что-то вроде полукруга только с идеально плоским основанием. Для плоской линии удерживайте клавишу Shift. Возьмите Brush Tool (B) (мягкую круглую кисть, размер: 250px, Opacity: 100%, цвет: # 3da09f) и использовать край кисти, нарисуйте немного свечения на гладкой стороне. Используйте Eraser Tool (E) с мягкой круглой формы с мягкими краями.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 22Создать много полос вокруг изображения. Установите режим смешивания слоя на "Color Dodge". Добавьте маску слоя для этого слоя (нажмите на иконку "Добавить маску слоя" или перейдите на Layer> Layer Mask> Reveal All). Перейти в Filter> Render> Clouds. Это создает мягкую текстуру на линиях.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 23Я говорю вам не только о создании картины, но и о последствиях. Используйте их, или вы не решаете. А теперь текстовый эффект! Возьмите Horizontal Type Tool (T) установить шрифт "Ebrima Bold", (этот шрифт должен быть в вашем Photoshop) с размером шрифта: 62.34 пт и белый цвет заливки. На "Character" вкладка (Window> Character) Установите режим "All Caps". Введите любое слово. В моем случае это "кибервойны" и поместите его в центре изображения, между двумя сторонами каркаса.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 24Вы можете вернуться к шагам 7 - 11 и нарисовать новую форму или используйте форму пакета. Таким образом, нарисовать форму остроумия Custom Shape Tool (U) (я использую "Shape 2"), расположите его так, чтобы текст был читаемым и узнаваемые персонажи. Держите Cmd / Ctrl и кликните на иконке слоя формы, чтобы сделать выбор.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 25Добавьте перевернутую маску слоя Тип слоя (удерживая Opt / Alt и нажмите на иконку "Добавить маску слоя" или перейдите на Layer> Layer Mask> Hide Selection). Снова создайте выделение, но в это время из текста, добавьте маску слоя к абстрактной формы (обычной маски слоя, перейдите в Layer> Layer Mask> Reveal Selection).
Вы не можете увидеть ссылки прежде чем ответите

Шаг 26Выберите тип (удерживая Cmd / Ctrl и кликните на слое типа), обратный выбор (Cmd / Ctrl + Shift + I или Select> Inverse). Перейти к слою маску формы и с трудноизвлекаемыми круглой кистью (Непрозрачность: 100%, цвет: черный) удалить все ненужные компоненты, кроме деталей для текста. Кроме того, удалить строку в пределах текста (обратного выбора снова). Как правило, у вас есть прекрасная возможность для творчества. Постарайтесь быть творческим :). Чтобы отменить выбор изображения перейдите к Select> Отменить выделение или использовать Cmd / Ctrl + D.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 27Выберите оба слоя, дублировать его (Cmd / Ctrl + J или Layer> Duplicate Layer ...) и объединить его в один (Layer> Merge Layers ... или Cmd / Ctrl + E). Преобразовать полученный слой в смарт-объект (Layer> Smart Objects> Преобразовать в Smart Object). Перейти к Filter> Stylize> Wind. Установить метод для "Ветер" и направление "справа». Примените этот фильтр еще раз (Cmd / Ctrl + F или Фильтр> Последний фильтр / Wind). Переместите этот слой под двумя текстовыми слоями и группы все это (Cmd / Ctrl + G или используйте "Создать группу" значок в нижней части панели слоев). Удалить Fill до 0%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 28Теперь перейдем к текстовому эффекту. Дважды щелкните на группе (или используйте "Добавить стиль слоя" значок или перейдите в Layer> Layer Style> Stroke ...), из выпадающего списка выберите "Stroke". В окне, которое появится набор Size: 2px, Непрозрачность: 50%, заполняющая Тип: Градиент, установите черный и белый градиент с "Отраженный" стиль, угол наклона: 90 градусов.
Вы не можете увидеть ссылки прежде чем ответите

Перейти на следующий. Добавить Inner Glow с непрозрачностью: 100%, уровень шума: 10% и установите цвет # ff7878, заглушают: 0%, размер: 7px. Этот стиль создает глубину и выдвигает на первый план письмо.
Вы не можете увидеть ссылки прежде чем ответите

Добавьте Satin стиль с цветом # 212121, Непрозрачность: 63%, Расстояние: 12px, Размер: 19px. Сатин по тексту придает объем и добавляет цвет.
Вы не можете увидеть ссылки прежде чем ответите

Градиент может создать основной цвет текста как Сатин. Настройка градиента # 000000> # 73c1ff> # 840000> # ab0000> # d20000> # ff8383. Комплект Стиль: Отраженный, Угол обзора: 90 градусов, Масштаб: 31%, Непрозрачность: 100%.
Вы не можете увидеть ссылки прежде чем ответите

Добавьте немного текстуры. Используйте диагональный рисунок. Если у вас нет вы можете создать его или использовать другой из шага 16 или добавлять пользовательские "Веб-шаблоны" из Photoshop (нажмите на шаблон> малая шестерня> "Веб-Patterns"). Установите режим наложения на "Divide", непрозрачность 100% и идти дальше.
Вы не можете увидеть ссылки прежде чем ответите

Чтобы выделить текст на картинке, я использовал "Outer Glow" стиль с непрозрачностью: 35%, Уровень шума: 20%, цвет: # 73c1ff, Spread: 0%, Размер: 250px. Кроме того, как изменить Контур показано на изображении ниже.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 29Таким образом, не дублировать текст группы (Cmd / Ctrl + J или Layer> Duplicate Layer ...) и изменить цвет в стиле "Outer Glow" на # ff1e1e и уменьшить непрозрачность до 30%. На изображении сильфонные вы можете увидеть, что произошло после того стиля. Самое главное, устанавливается группа Fill до 0% и не используйте Непрозрачность в противном случае это будет влиять на стиль.
Вы не можете увидеть ссылки прежде чем ответите

Вы не можете увидеть ссылки прежде чем ответите

Шаг 30Создать звуковую волну с помощью текста. Дубликат любую текстовую группу (Cmd / Ctrl + J или Layer> Duplicate Layer ...) восстановление Fill до 100% и удалить стиль слоя (просто захватить "Fx" и падение в мусор). Преобразовать эту группу в смарт-объект (Layer> Smart Objects> Преобразовать в Smart Object). Меняем режим смешивания на "Overlay". Перейти к Filter> Distort> Wave ... Набор для Количество генераторов: 217 для длины волны мин: 1, макс: 64, Amplitude мин: 5, Макс: 35, масштаб: 100% для обоих значений и тип двигателя: Синус, Проверено "Repeat Край Пиксели ".
Вы не можете увидеть ссылки прежде чем ответите

Шаг 31Дублируйте этот слой два раза (Cmd / Ctrl + J или Layer> Дублировать слой ...). Для получения первой копии набора Fill: 50%, а для вторых настроек изменения фильтра к числу генераторов: 28 Длина волны, мин: 1, макс: 25, все остальное оставить как есть. Эта волна будет немного меньше, чем предыдущий.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 32Остается последняя деталь. В заключительной части, мы добавим бликов и виньетка. Первые вспышки. Поместите "05" изображение из папки "факелах" (File> Place ... / Место Embedded) под волновых слоев. Измените размер так, чтобы изображение подходит в рабочее пространство. Изменение для этого слоя режим смешивания на "Screen".
Вы не можете увидеть ссылки прежде чем ответите

Шаг 33Добавьте еще две вспышки, как показано на изображении ниже. Набор изображений не очень большой, но вы можете попробовать использовать другие сигнальные ракеты. Меняем режим обоих слоя на "Screen". Вы можете использовать корректирующий слой "Color Balance" или "Цветовой тон / Насыщенность", чтобы изменить цвет вспышек.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 34Последний слой представляет собой градиентной заливки слой (Layer> New Fill Layer> Gradient ... или использовать "Создать новую заливку или корректирующий слой" значок) с заданным по умолчанию черно-белый градиент, но сдвиг белый ползунок Местоположение: 50 - 60% к градиенту плотности и Шкала около 120%, Угол обзора: 90, Тип: Отраженный. Для того, чтобы этот слой начал работать в правильном направлении, измените режим смешивания на "Overlay" и уменьшить Fill до 40%.
Вы не можете увидеть ссылки прежде чем ответите

Шаг 35Не бойтесь экспериментировать и пробовать что-то новое. Вот несколько вариантов, которые можно сделать из этого учебника.
Вы не можете увидеть ссылки прежде чем ответите

Вы не можете увидеть ссылки прежде чем ответите

Окончательные результатыЭто все! Я надеюсь, что вам понравился этот урок и показать вам что-то новое в Photoshop. Вот мой окончательный результат. Не стесняйтесь показать свои художественные работы :)
Вы не можете увидеть ссылки прежде чем ответите

Скачать PSD
Скачать (Вы не можете увидеть ссылки прежде чем ответите
)Cyber ​​Warfare.zip | 50.7 MB