Как создать минимальный дизайн TRON - урок Photoshop

TRON определенно является одним из фильмов о мечте гика. Его костюм и транспортные средства идеально гладкие, поэтому попытки собрать объекты, которые копируют инструменты в TRON, всплывают в Интернете. Что касается дизайнера, то с помощью правых кликов и трюков с использованием Photoshop, вымысел TRON не должен быть сложным.

Сегодня мы создадим обои TRON в Photoshop, используя стоковые фото и векторы. Мы дадим вам точное руководство по как это сделать и почему определенный метод лучше. Вы получите глубокое понимание того, что вы делаете. Пристегнуться для цифровой мечты!

Вы узнаете, как:

• Проанализируйте свой дизайн с готовой точки зрения
• Создавайте структурированные дизайны на основе скрытых или связанных элементов в вашей композиции.
• Используйте ярлыки для ускорения рабочего процесса
• Сделайте сложные выборы и вырезы через каналы
• Эффективно использовать общие инструменты
• Добавьте перспективу в свой дизайн
• Объединить векторы с пикселями
• Создать световые эффекты
• Используйте режимы смешивания
• Используйте стили слоя

Сложность: Начинающий - Средний. Время завершения: 1 час. Инструменты: Photoshop CS3, Illustrator CS3 опционально.

Ресурсы:

• Модель 1 от Маркуса Дж. Ранума
• Модель 2 Маркус Дж. Ранум
• Tech Vector Pack 3 от designious.com
• V5 Prophit шрифт от dafont.com

НОТА: Чтобы установить шрифт, распакуйте на рабочий стол ZIP-архив, содержащий шрифт, а затем скопируйте их. Перейдите в каталог C: \ WINDOWS \ Fonts \ и вставьте их в.

Почему я не могу просто извлечь их прямо в папку Fonts?

Ваша операционная система не позволит вашему архиватору изменять или добавлять какие-либо файлы в каталог C: \ WINDOWS \, поэтому вам нужно сделать это вручную. Если вы открыли Photoshop, перезапустите его, иначе вы не сможете увидеть только что установленный шрифт..

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

Чтобы улучшить позу модели или особенности тела, недостаточно просто добавить несколько случайных линий на.

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

Давай начнем!

Шаг 1

Перейдите в File> New и установите его на 1920x1080px в цветном режиме RGB с разрешением 72 dpi..

Шаг 2

Открой Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. В палитре слоев F7 дважды щелкните замок рядом с большим пальцем слоя. Это обязательно, если мы хотим редактировать изображение через каналы. Теперь у вас должен быть «Слой 0».

Шаг 3

Перейдите в Слой> Дублировать слой, CTRL + J. Теперь перейдите в Filter> Other> High Pass. Используйте настройку 5px и нажмите ОК. В палитре слоев F7 установите режим наложения на Overlay.

Это сделает изображение более четким и позволит сделать более точный выбор волос..

Шаг 4

Перейдите в Layer> Merge Visible, CTRL + SHIFT + E, затем перейдите в Layer> Duplicate Layer, CTRL + J. Установите режим смешивания скопированного слоя на Screen, затем дублируйте его еще два раза. Теперь у нас есть хороший контраст между моделью и фоном.

Шаг 5

Перейдите в окно «Окно каналов»> «Каналы» и выберите «зеленый» канал. Щелкните правой кнопкой мыши и выберите «Дублировать канал».

«Зеленый» канал обеспечивает максимальную контрастность всех каналов. Мы дублируем его, потому что нам нужен фиктивный канал для дальнейшего улучшения контраста.

Шаг 6

Перейдите в Image> Adjustments> Curves, CTRL + M и сформируйте кривую, как показано ниже. Нижняя половина затемнит тени, а верхняя осветит блики. Сделать это дважды.

Шаг 7

Перейдите в Layer> Adjustments> Levels и используйте настройки ниже.

Шаг 8

Возьмите Brush Tool, B, установите Hardness на 100% и покройте черными внутренними белыми пятнами на волосах, лице и остальной части тела.

Нам не нужны какие-либо детали в канале, только набросок модели.

Шаг 9

Возьмите Dodge Tool, O, установите его на Highlights и осветлите все лишние серые цвета на изображении..

Шаг 10

CTRL + щелкнуть большим пальцем канала "Зеленая копия", перейти к палитре слоев, F7, перейти к Select> Inverse, CTRL + SHIFT + я выбираю самый нижний слой и копирую его, CTRL + C.

CTRL + нажатие на миниатюру, независимо от того, загружен ли этот канал или слой, выделение контура выбранного слоя / канала..

Шаг 11

Перейдите в Window> Untitled-1.psd нашего документа и вставьте его, CTRL + V. Перейдите в Edit> Free Transform, CTRL + T и измените его размер, чтобы он соответствовал холсту, как показано ниже. Удерживайте клавишу SHIFT, чтобы сохранить его пропорции. Нажмите Enter, чтобы выйти из режима Free Transform. Чтобы очистить локоны одежды, используйте Clone Stamp Tool, S: нажмите ALT +, чтобы выбрать источник, затем нажмите на локон.

Сделайте то же самое для меча на картинке "модель 2", но используйте инструмент Path, P, чтобы разрезать его.

Шаг 12

Откройте файл «Tech Vector Pack 3» .eps. Когда будет предложено ввести размер файла, введите ширину около 3000 пикселей. Хит ОК.

Для Illustrator вы просто открываете его в векторном формате. Photoshop может открывать файлы .eps Illustrator 8, но в растровом формате. Однако вы можете открыть его в любом размере - файл .eps - векторный!

Шаг 13

Возьмите инструмент Rectangular Marquee Tool, M, выберите круглую техническую форму, перетащите ее щелчком мыши, чтобы создать прямоугольник выделения, скопируйте его, CTRL + C, вернитесь в наш документ Window> Untitled-1.psd и вставьте его, CTRL + V.

Шаг 14

Вернитесь к файлу векторного пакета Window> designious tech shape 4. eps, скопируйте другую фигуру и вставьте ее в наш документ, как в Шаг 13.

Шаг 15

Возьмите инструмент «Выделение», V, установите флажок «Автовыбор», щелкните первую вставленную техническую фигуру и продублируйте ее, CTRL + J. Теперь перейдите в «Правка»> «Свободное преобразование», удерживая клавишу CTRL + T, удерживая клавишу CTRL, и перетащите ее в верхнем левом углу, как показано ниже. Сделайте то же самое для верхнего правого угла. Нажмите Enter, чтобы выйти из режима Free Transform.

Шаг 16

Дублируйте первую фигуру (оригинал) и разместите копии, как показано ниже. Возьмите инструмент Path Path, P, установите его на Shapes и нарисуйте каждую линию свечения на теле, основываясь на эскизе.

В палитре слоев выделите все эти фигуры и нажмите CTRL + E, чтобы объединить их.

Шаг 17

Возьмите инструмент Line Tool, U, установите для него Shape Layers и ширину 7 px, нарисуйте наклонную линию, затем удерживайте клавишу SHIFT. Теперь измените линию на «Добавить в область формы (+)» и нарисуйте горизонтальную линию. Удерживайте клавишу SHIFT, чтобы сделать его идеально горизонтальным.

Шаг 18

Возьмите инструмент «Горизонтальный тип», T, щелкните и перетащите, чтобы создать поле типа и ввести произвольный текст. Установите шрифт «V5 Prophit».

Шаг 19

Выберите слой «Shape 1» и перейдите в Layer> Duplicate Layer, CTRL + J. Поместите несколько копий, как показано ниже. Сделайте то же самое для текста. Чтобы изменить тип ввода, дважды щелкните пальцем слоя в палитре слоев.

Шаг 20

Перейдите в Слой> Новый слой заливки> Сплошной цвет. Выберите темно-синий цвет и нажмите CTRL + SHIFT + [, чтобы отправить его обратно.

Это будет хорошим фоном для нашего изображения.

Шаг 21

Выберите большую фигуру и нажмите кнопку «fx» в палитре слоев, F7. Выберите «Параметры смешивания». Используйте настройки ниже.

Шаг 22

ALT + щелкните значок «fx», который появился рядом с большим пальцем слоя, и перетащите его на другие круглые формы. Вы можете легко узнать их, они не названы «Shape» Ã'¦"и не иметь" T "на большом пальце.

Шаг 23

Создайте новый слой над ним (выберите слой и нажмите CTRL + SHIFT + N, чтобы создать новый слой, затем выберите оба слоя и нажмите CTRL + E (объединить слои)). Для выбранных фигур перейдите в Filter> Blur> Gaussian Blur. Используйте различные настройки от 2 до 6 пикселей по своему усмотрению.

Чтобы добавить больше перспективы, добавьте больше технических фигур над ними.

Шаг 24

Возьмите инструмент выделения, V, выберите маленькую форму и уменьшите ее непрозрачность. 29% сделают хорошо.

Сделайте то же самое для других размытых форм, но немного измените Opacity.

Шаг 25

Создайте новый слой, CTRL + SHIFT + N, возьмите инструмент Elliptical Marquee Tool, M, установите перо на 50 пикселей и сделайте выделение, как показано ниже.

Шаг 26

Возьмите инструмент Paint Bucket Tool, G, ALT + щелкните одну из технических фигур, чтобы выбрать цвет и заполнить выделение. В палитре слоев F7 установите режим наложения слоя на «Наложение». Сделайте то же самое для нижней стороны.

Шаг 27

Создайте новый слой, CTRL + SHIFT + N, возьмите инструмент Elliptical Marquee Tool, M, установите Feather на 30 пикселей и сделайте выделение, как показано ниже. Возьмите Paint Bucket Tool, G и заполните выделение.

Шаг 28

Повторение Шаг 28 за форму позади модели.

Шаг 29

Возьмите инструмент выделения, V и щелкните модель. Теперь перейдите в «Слой»> «Новый корректирующий слой»> «Яркость / контрастность» и «Черно-белый». Для каждого используйте настройки, показанные ниже. Для черно-белого слоя установите непрозрачность на 70%.

Я предпочитаю использовать Black & White вместо Hue / Saturation, потому что он также обеспечивает контроль тонов, а не только насыщенность.

Шаг 30

Создайте новый слой, нажмите CTRL + SHIFT + N и ALT + щелчок между ним и корректирующим слоем под ним. Установите режим смешивания на «Color Dodge».

Шаг 31

Возьмите инструмент Brush Tool, B, нажмите «3», чтобы установить непрозрачность кисти на 30%, установите Hardness на 0%, ALT + нажмите на техническую форму чирка и закрасьте блики тела, часть волос и лицо.

Шаг 32

Измените непрозрачность кисти на 70% и закрасьте несколько бликов, но в небольших областях.

Шаг 33

В палитре «Слои» F7 выберите самый верхний слой и выберите «Выделение»> «Все», нажмите CTRL + A, затем нажмите CTRL + SHIFT + C, чтобы скопировать объединенную версию документа, и нажмите CTRL + V, чтобы вставить ее..

Шаг 34 - Последний шаг

Перейдите в Filter> Sharpen> Unsharp Mask. Используйте настройки ниже или не стесняйтесь использовать свои собственные. Не переусердствуйте, иначе изображение будет выглядеть слишком резким.

Вот окончательное представление о том, что вы получите, если вы правильно прошли весь урок.

Загрузки (PSD, обои)

Вместе с учебником, вот пара файлов, созданных для вас.

• PSD-файл учебника Tron.
• Обои трон- доступны в 1280x800px, 1280x1024px, 1920x1080px и 1680x1050px.

Примечание редактора: Этот пост написан Овидиу Тоадер для Hongkiat.com. Овидиу - автор учебника и графический дизайнер для Vectorious.net - веб-сайта, на котором вы можете скачать доступную векторную графику и иллюстрации для ваших проектов..