Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

Супер картрижд ретро игры - урок по Adobe Photoshop

5 апреля 2008 | Пользователь NonSa

На прошлой неделе я брал интервью у удивительного проектировщика James White (NS: художник и дизайнер из Канады). Одна вещь поразила меня - его использование retro стиля. Вдохновленный идеей, я решил показать вам, как очень легко создать действительно cool – эффект 3D геометрии в Photoshop. После мы еще создадим картридж ретро видео игры Atari.

Шаг 1
Создайте новый документ, я использовал 600x600. Добавьте новый слой и залейте его белым цветом, назовем его ”Блоки”. После идем Filter>Stylize>Extrude (/ Стилизация/ Экструзия).

Выберите Блоки, размер 50-60 пикселей, глубина 255 и случайный, выбираем ”Solid Front Faces”.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 2
Идите Image>Adjustments>Levels (Изображение/Корректировка/Уровни), используем настройки как на изображении внизу:

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 3
Идите Image>Adjustments>Invert (//Инверсия). Сейчас мы имеем темное изображение.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 4
Здесь мы создадим 3D эффект. Идите Filter>Blur> Radial Blur (Фильтры/Размытие/Радиальное размытие). Используйте максимальное количество, 100.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 5
Сейчас открываем Layer>New Fill Layer>Gradient (Слой/Новая заливка слоя/Градиент). Выбираем цвета градиента: красный, зеленый и циан. Это предаст изображению стиль 80’х. Измените Blend Mode (Режим смешивания) на Overlay (Перекрытие).

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 6
Создайте новую папку выше слоя с Градиентом, назовем его ”Свет”. Выбираем инструмент Line Tool (U) (Линия) и белый цвет. Создаем несколько линий по краям некоторых элементов подобно изображению ниже.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 7
Объедините все линии в одном слое и идите Filter>Blur> Radial Blur (//Радиальное размытие). Используйте настройки как на скриншоте. После этого изменим режим смешивания слоя ”Свет” на Color Dodge (Осветление основы).

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 8
Инструментом Magic Wand Tool (W) (Волшебная палочка), выбираем черные области слоя ”блоки”. Затем Rectangular Marquee Tool (M) (Прямоугольное выделение), снимаем выделение некоторых областей. Чтобы убрать выделение лишних областей, удерживая Alt, тяните прямоугольное выделение вокруг область, где необходимо отменить предыдущее выделение. Рядом с вашим курсором появится значок (-).

После этого создаем новый слой выше всех других слоев и идем Layer >Layer Mask >Reveal Selection (Слой >Маска слоя >Показать выделенную область).

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 9
Залейте новый слой черным цветом. Идите Filter>Noise>Add Noise (//Добавить шум). Используйте настройки как на скриншоте. Затем Image>Adjustments>Levels (// Уровни). И увеличиваем количество черного цвета. Это создаст немного звезд в нашем проекте.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 10
Сгруппируйте все слои и папки и назовите эту папку ”Проект”. Затем выбираем инструмент Rounded Rectangle Tool(U) (Закругленный прямоугольник) и создаем закругленный контур.

После этого переходим в палитру Контуры и щелкаем на иконке ”Load Path as a Selection”. Затем мы будем иметь выбор. Теперь Layer>Layer Mask> Reveal Selection.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 11
Сначала идите Image> Canvas Size (Изображение/Размер холста). Измените размер документа 600x900 pixels. Инструментом Rounded Rectangle Tool (U) создайте новый Слой-форму, подобно изображению ниже. Затем Filter>Noise> Add Noise (//Добавить шум).

Добавим Layer Style (Стиль Слоя). Для начала, добавьте Gradient Overlay (Перекрытие градиентом), а затем Bevel and Emboss (Скос и Рельеф, Тиснение), подобно изображению ниже.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 12
Создайте новый закругленный прямоугольник, только меньше, чем предыдущий. Это будет нашим ярлыком. Примените Layer Style: черный цвет в Color Overlay (Перекрытие цветом), черный цвет в Stroke (Кайма, обводка), и Bevel and Emboss. Настройки показаны ниже.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 13
Уменьшите размер нашей папки ”Проект”, подобно изображению ниже. Затем создаем новый слой. Заливаем его Градиентом, используя цвета черный и темно-серый.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 14
Создайте новый закругленный прямоугольник внизу картриджа. Сделайте его в ширину слегка больше. Идите Filter >Blur > Gaussian Blur (Фильтры/ Размытие/ Размытие по Гауссу). Используйте радиус 3.5. Сейчас мы имеем тень для картриджа.

Супер картрижд ретро игры - урок по Adobe Photoshop


Шаг 15
Сейчас мы добавляем текст. Шрифт Bauhaus чаще всего использовался для картриджей Atari; так что и мы будем придерживаться правила. Цвета здесь так же очень важны. Вы, возможно, использовали бы красный, желтый, голубой, или зеленый. На изображении ниже использовался оранжевый цвет. Нейтральный цвет будет хорош для второстепенного текста, подобно белому или светло-серому.

Супер картрижд ретро игры - урок по Adobe Photoshop


Заключение
Поражает, что мы можем сделать, применяя фильтры в Photoshop. В данном случае, мы создали абстрактный 3D проект, используя Extrude и Radial Blur. Вы можете добавить больше элементов и света. Идея - показать вам, что игра в Photoshop важна.

Супер картрижд ретро игры - урок по Adobe Photoshop

Автор: Fabio

Перевод: NonSa

Источник: psdtuts.com


Отзывов: 10 | Просмотров: 1702

Похожие новости:


  • Создайте эффект мощной ментальной взрывной волны - уроки Adobe Photoshop
  • Взрывной Cool эффект в Photoshop - уроки фотошоп
  • Drawing Explosion
  • Уроки Фотошоп - "Даже феям приходится отдыхать…"
  • уроки фотошоп - Раскалённая надпись в перспективе.

  • каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 39

    #1 Ответил Любава, 6 апреля 2008 02:45

    Класс!!!! Буду пробовать, спасибо..............

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 15

    #2 Ответил DGR, 6 апреля 2008 20:08

    охренеть как просто))))
    я думал сложнее

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 17

    #3 Ответил ZooM1k, 7 апреля 2008 00:56

    Млин!Все таки....создателям и админам этого сайта надо пожать руку!Вот сколько сайтов находил....ЭТОТ самый лучший,отзывчивый...коллектив хороший.Уроки интересные и понятные.Не лагучий.!Просто!Сайт улет.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Гости

    Публикаций: 0

    Комментариев: 0

    #4 Ответил ИмяAny.Taurus, 7 апреля 2008 15:29

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

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 2

    #5 Ответил igor-plyaskin, 7 апреля 2008 16:38

    А у меня проблема по етому уроку.Делов том что как только я дохожу до уменьшения изоброжения папки"проект"(шаг 13), у меня уменьшается масштаб и ярлыка тоже.Короче я не могу вставить рисунок в рамку т.к они уменьшаются вместе. Начинал с начала уже раз 10. Результат тот же. Не могу понять где ошибся. Подскажите в чем у меня может быть проблема?

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 182

    Комментариев: 370

    #6 Ответил NonSa, 8 апреля 2008 00:44

    igor-plyaskin,
    Проверяем содержимое папки "проект". Там должны быть только слои по 3Д-геометрии.
    Возможно то, что Вы называете рамкой, лежит в этой папке. :-)
    И размер меняют дружно...

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #7 Ответил silka, 8 апреля 2008 05:02

    нереально здоровский урок

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #8 Ответил VovanHaker, 21 апреля 2008 13:00

    dash2 . . .

    drinks . . .

    suicide2 . . .

    55856

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 6

    #9 Ответил bumaga, 25 апреля 2008 12:21

    Привет, начиная с шага 11 ничего не получается. настройки не видны или вообще не описаны.
    Зачем увеличивать размер холста - 600х900 делать? После этого градиет растягивается на весь холст и картинка становится только зеленой. ( красный и голубой уходят за пределы видимой части)
    Далее шум - какой? .
    градиент - какие цвета?
    настроки тиснения. контура мелкие, не понятно.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 182

    Комментариев: 370

    #10 Ответил NonSa, 25 апреля 2008 21:48

    bumaga,
    Курсор на скрин и разверните в полный размер.
    Мелковато...но что есть. ))
    Увеличение размера холста не влияет на слой-заливку градиентом. Проверяете предыдущие шаги и слои.
    На этапе 11 шага: слой фон, папка Проект (где, собственно, вся 3Д-геомертия) и слой Закругленный прямоугольник, т.е. сам картридж.

    ответить

    ------------------------------------------------


    добавитьДобавить комментарий:


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

    Всё об известнейшем графическом редакторе Adobe Photoshop. На сайте можно найти много интересных обучающих уроков, достойную коллекцию учебников от известных отечественных и зарубежных мастеров, а так же скачать кисти, плагины, шрифты, макросы, иконки. Так же у нас Вы можете скачать последню версию Adobe Photoshop CS3 и узнать историю происхождения этого грандиозного графического редактора!

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Какой версией Photoshop вы пользуетесь?
    7.0
    CS
    CS2
    CS3
    другой
    не пользуюсь pardon

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее