Супер картрижд ретро игры - урок по Adobe Photoshop
5 апреля 2008. Разместил: NonSa
На прошлой неделе я брал интервью у удивительного проектировщика James White (NS: художник и дизайнер из Канады). Одна вещь поразила меня - его использование retro стиля. Вдохновленный идеей, я решил показать вам, как очень легко создать действительно cool – эффект 3D геометрии в Photoshop. После мы еще создадим картридж ретро видео игры Atari.
Шаг 1
Создайте новый документ, я использовал 600x600. Добавьте новый слой и залейте его белым цветом, назовем его ”Блоки”. После идем Filter>Stylize>Extrude (/ Стилизация/ Экструзия).
Выберите Блоки, размер 50-60 пикселей, глубина 255 и случайный, выбираем ”Solid Front Faces”.
Шаг 2
Идите Image>Adjustments>Levels (Изображение/Корректировка/Уровни), используем настройки как на изображении внизу:
Шаг 3
Идите Image>Adjustments>Invert (//Инверсия). Сейчас мы имеем темное изображение.
Шаг 4
Здесь мы создадим 3D эффект. Идите Filter>Blur> Radial Blur (Фильтры/Размытие/Радиальное размытие). Используйте максимальное количество, 100.
Шаг 5
Сейчас открываем Layer>New Fill Layer>Gradient (Слой/Новая заливка слоя/Градиент). Выбираем цвета градиента: красный, зеленый и циан. Это предаст изображению стиль 80’х. Измените Blend Mode (Режим смешивания) на Overlay (Перекрытие).
Шаг 6
Создайте новую папку выше слоя с Градиентом, назовем его ”Свет”. Выбираем инструмент Line Tool (U) (Линия) и белый цвет. Создаем несколько линий по краям некоторых элементов подобно изображению ниже.
Шаг 7
Объедините все линии в одном слое и идите Filter>Blur> Radial Blur (//Радиальное размытие). Используйте настройки как на скриншоте. После этого изменим режим смешивания слоя ”Свет” на Color Dodge (Осветление основы).
Шаг 8
Инструментом Magic Wand Tool (W) (Волшебная палочка), выбираем черные области слоя ”блоки”. Затем Rectangular Marquee Tool (M) (Прямоугольное выделение), снимаем выделение некоторых областей. Чтобы убрать выделение лишних областей, удерживая Alt, тяните прямоугольное выделение вокруг область, где необходимо отменить предыдущее выделение. Рядом с вашим курсором появится значок (-).
После этого создаем новый слой выше всех других слоев и идем Layer >Layer Mask >Reveal Selection (Слой >Маска слоя >Показать выделенную область).
Шаг 9
Залейте новый слой черным цветом. Идите Filter>Noise>Add Noise (//Добавить шум). Используйте настройки как на скриншоте. Затем Image>Adjustments>Levels (// Уровни). И увеличиваем количество черного цвета. Это создаст немного звезд в нашем проекте.
Шаг 10
Сгруппируйте все слои и папки и назовите эту папку ”Проект”. Затем выбираем инструмент Rounded Rectangle Tool(U) (Закругленный прямоугольник) и создаем закругленный контур.
После этого переходим в палитру Контуры и щелкаем на иконке ”Load Path as a Selection”. Затем мы будем иметь выбор. Теперь Layer>Layer Mask> Reveal Selection.
Шаг 11
Сначала идите Image> Canvas Size (Изображение/Размер холста). Измените размер документа 600x900 pixels. Инструментом Rounded Rectangle Tool (U) создайте новый Слой-форму, подобно изображению ниже. Затем Filter>Noise> Add Noise (//Добавить шум).
Добавим Layer Style (Стиль Слоя). Для начала, добавьте Gradient Overlay (Перекрытие градиентом), а затем Bevel and Emboss (Скос и Рельеф, Тиснение), подобно изображению ниже.
Шаг 12
Создайте новый закругленный прямоугольник, только меньше, чем предыдущий. Это будет нашим ярлыком. Примените Layer Style: черный цвет в Color Overlay (Перекрытие цветом), черный цвет в Stroke (Кайма, обводка), и Bevel and Emboss. Настройки показаны ниже.
Шаг 13
Уменьшите размер нашей папки ”Проект”, подобно изображению ниже. Затем создаем новый слой. Заливаем его Градиентом, используя цвета черный и темно-серый.
Шаг 14
Создайте новый закругленный прямоугольник внизу картриджа. Сделайте его в ширину слегка больше. Идите Filter >Blur > Gaussian Blur (Фильтры/ Размытие/ Размытие по Гауссу). Используйте радиус 3.5. Сейчас мы имеем тень для картриджа.
Шаг 15
Сейчас мы добавляем текст. Шрифт Bauhaus чаще всего использовался для картриджей Atari; так что и мы будем придерживаться правила. Цвета здесь так же очень важны. Вы, возможно, использовали бы красный, желтый, голубой, или зеленый. На изображении ниже использовался оранжевый цвет. Нейтральный цвет будет хорош для второстепенного текста, подобно белому или светло-серому.
Заключение
Поражает, что мы можем сделать, применяя фильтры в Photoshop. В данном случае, мы создали абстрактный 3D проект, используя Extrude и Radial Blur. Вы можете добавить больше элементов и света. Идея - показать вам, что игра в Photoshop важна.
Шаг 1
Создайте новый документ, я использовал 600x600. Добавьте новый слой и залейте его белым цветом, назовем его ”Блоки”. После идем Filter>Stylize>Extrude (/ Стилизация/ Экструзия).
Выберите Блоки, размер 50-60 пикселей, глубина 255 и случайный, выбираем ”Solid Front Faces”.
Шаг 2
Идите Image>Adjustments>Levels (Изображение/Корректировка/Уровни), используем настройки как на изображении внизу:
Шаг 3
Идите Image>Adjustments>Invert (//Инверсия). Сейчас мы имеем темное изображение.
Шаг 4
Здесь мы создадим 3D эффект. Идите Filter>Blur> Radial Blur (Фильтры/Размытие/Радиальное размытие). Используйте максимальное количество, 100.
Шаг 5
Сейчас открываем Layer>New Fill Layer>Gradient (Слой/Новая заливка слоя/Градиент). Выбираем цвета градиента: красный, зеленый и циан. Это предаст изображению стиль 80’х. Измените Blend Mode (Режим смешивания) на Overlay (Перекрытие).
Шаг 6
Создайте новую папку выше слоя с Градиентом, назовем его ”Свет”. Выбираем инструмент Line Tool (U) (Линия) и белый цвет. Создаем несколько линий по краям некоторых элементов подобно изображению ниже.
Шаг 7
Объедините все линии в одном слое и идите Filter>Blur> Radial Blur (//Радиальное размытие). Используйте настройки как на скриншоте. После этого изменим режим смешивания слоя ”Свет” на Color Dodge (Осветление основы).
Шаг 8
Инструментом Magic Wand Tool (W) (Волшебная палочка), выбираем черные области слоя ”блоки”. Затем Rectangular Marquee Tool (M) (Прямоугольное выделение), снимаем выделение некоторых областей. Чтобы убрать выделение лишних областей, удерживая Alt, тяните прямоугольное выделение вокруг область, где необходимо отменить предыдущее выделение. Рядом с вашим курсором появится значок (-).
После этого создаем новый слой выше всех других слоев и идем Layer >Layer Mask >Reveal Selection (Слой >Маска слоя >Показать выделенную область).
Шаг 9
Залейте новый слой черным цветом. Идите Filter>Noise>Add Noise (//Добавить шум). Используйте настройки как на скриншоте. Затем Image>Adjustments>Levels (// Уровни). И увеличиваем количество черного цвета. Это создаст немного звезд в нашем проекте.
Шаг 10
Сгруппируйте все слои и папки и назовите эту папку ”Проект”. Затем выбираем инструмент Rounded Rectangle Tool(U) (Закругленный прямоугольник) и создаем закругленный контур.
После этого переходим в палитру Контуры и щелкаем на иконке ”Load Path as a Selection”. Затем мы будем иметь выбор. Теперь Layer>Layer Mask> Reveal Selection.
Шаг 11
Сначала идите Image> Canvas Size (Изображение/Размер холста). Измените размер документа 600x900 pixels. Инструментом Rounded Rectangle Tool (U) создайте новый Слой-форму, подобно изображению ниже. Затем Filter>Noise> Add Noise (//Добавить шум).
Добавим Layer Style (Стиль Слоя). Для начала, добавьте Gradient Overlay (Перекрытие градиентом), а затем Bevel and Emboss (Скос и Рельеф, Тиснение), подобно изображению ниже.
Шаг 12
Создайте новый закругленный прямоугольник, только меньше, чем предыдущий. Это будет нашим ярлыком. Примените Layer Style: черный цвет в Color Overlay (Перекрытие цветом), черный цвет в Stroke (Кайма, обводка), и Bevel and Emboss. Настройки показаны ниже.
Шаг 13
Уменьшите размер нашей папки ”Проект”, подобно изображению ниже. Затем создаем новый слой. Заливаем его Градиентом, используя цвета черный и темно-серый.
Шаг 14
Создайте новый закругленный прямоугольник внизу картриджа. Сделайте его в ширину слегка больше. Идите Filter >Blur > Gaussian Blur (Фильтры/ Размытие/ Размытие по Гауссу). Используйте радиус 3.5. Сейчас мы имеем тень для картриджа.
Шаг 15
Сейчас мы добавляем текст. Шрифт Bauhaus чаще всего использовался для картриджей Atari; так что и мы будем придерживаться правила. Цвета здесь так же очень важны. Вы, возможно, использовали бы красный, желтый, голубой, или зеленый. На изображении ниже использовался оранжевый цвет. Нейтральный цвет будет хорош для второстепенного текста, подобно белому или светло-серому.
Заключение
Поражает, что мы можем сделать, применяя фильтры в Photoshop. В данном случае, мы создали абстрактный 3D проект, используя Extrude и Radial Blur. Вы можете добавить больше элементов и света. Идея - показать вам, что игра в Photoshop важна.
