1. Ashir28.06.2024 в 22:40от
Загрузка...

Создаём в Фотошоп постер из игры

Тема в разделе "Уроки/Видеоуроки", создана пользователем DjMOON, 08.11.2013.

  1. DjMOON

    DjMOON

    Статус:
    Оффлайн
    Регистрация:
    23.08.13
    Сообщения:
    38
    Репутация:
    11 +/-
    В этом уроке вы узнаете, как создать постер из игры “Metro Last light”
    Ресурсы

    [​IMG]

    Шаг 1

    Для начала работы вам необходимо загрузить архив с ресурсами урока. Создайте новый документ. Файл-создать. Ширина – 1500пикс., Высота - 1500 пикс., Разрешение 72. С помощью инструмента “Заливка” (Paint bucket tool) залейте созданный нами документ черным цветом (000000).

    [​IMG]

    Шаг 2

    Откройте исходное изображение технического комплекса (metro-last-light-pc-1368448512-056) и с помощью инструмента Перемещение (Moove Tool) перенесите его на наш документ. Зажав комбинацию клавиш (Ctrl+T) трансформируйте как показано на скриншоте ниже:

    [​IMG]

    Шаг 3

    Добавьте слой-маску к слою с которым вы только что работали. Используйте инструмент Ластик (Eraser tool) кисть мягкая размер произвольный и пройдитесь по низу исходного изображения чтобы получить эффект градиента как показано на скриншоте ниже:

    [​IMG]

    Шаг 4

    Добавьте корректирующий слой Карта Градиента(Gradient Map) для этого перейдите в: Изображение – Коррекция - Карта Градиента (Images- Correction-Gradient map). Установите режим наложения на Перекрытие (Overlay).

    [​IMG]

    И вот что у вас должно получится:

    [​IMG]

    Шаг 5

    В этом шаге мы с вами нарисуем главную букву постера “М”. Создайте новый слой поверх всех слоёв, используйте инструмент Перо (Pen tool). Режим фигура цвет жёлтый (eead04), для того чтобы буква получилась идеальной вам нужно использовать направляющие, для того чтобы их открыть перейдите в: Просмотр - Линейки. Далее вам нужно активировать инструмент Перемещение (Move Tool) и вытягивайте линии на линейке по горизонтали или по вертикали.

    [​IMG]

    Шаг 6

    После того как вы завершили создание буквы “М” правой кнопкой мыши кликните по слою с буквой и выберите Растрировать слой (Polygonal lasso tool). Используйте инструмент Прямолинейное Лассо создайте контур выделения как показано на скриншоте ниже:

    [​IMG]

    И нажмите клавишу Del чтобы удалить выделенную область.

    [​IMG]

    Шаг 7

    Стоя на слое с буквой используйте инструмент Ластик (Eraser tool). Загрузите кисть под названием (spooky splats), из списка кистей выберите любую которая вам понравится и пройдитесь по контуру буквы, а также вы можете слой-маску к слою с буквой, это нужно для того чтобы избежать каких-то лишних действий и вернуть слой к прежнему виду.

    [​IMG]

    Примечание: чтобы мазки кистью не были однообразными кликните правой кнопкой мыши и изменяйте направление угла кисти (круг с направляющей стрелкой).

    Шаг 8

    Создайте новый слой выше всех слоёв, используйте инструмент Кисть (Brush Tool), загрузите кисть под названием (Paint Splatter), из списка кистей выберите любую которая вам понравится и поставьте брызги краски там, где вам нравится.

    [​IMG]

    И вот что у вас должно получится, после завершения работы с краской вам нужно склеить два слоя. С зажатой клавишей Shift Выделите слой с краской и слой с буквой и зажмите комбинацию клавиш (Ctrl+E)

    [​IMG]

    Шаг 9

    Откройте исходное изображение с тумана (texture_tutsps), поместите его на наш документ и трансформируйте (Ctrl+T) его по размеру буквы, слой с текстурой должен располагаться в самом вверху.

    [​IMG]

    Примените к этому слою Обтравочную маску (Create Clipping mask) Для этого удерживайте клавишу Alt наведите курсор мыши между слоем с текстурой и слоем буквы, у вас появится значок слоя со стрелкой направленной вниз.

    [​IMG]

    Для слоя с текстурой измените режим наложения на Жесткий Свет (Hard Ling).

    [​IMG]

    Далее процесс аналогичный, откройте исходное изображение текстуры бетона (texture_tutsps2). И проделайте туже самую операцию.

    [​IMG]

    Установите режим наложения для слоя с текстурой бетона на Мягкий свет (Soft ling).

    [​IMG]

    Создайте новый слой выше всех слоёв, примените к нему Обтравочную маску используйте инструмент Кисть ( Brush Tool). Кисть мягкая размер произвольный и пройдитесь по краям буквы чтобы придать им небольшой эффект ржавчины, цвет (76370d).

    [​IMG]

    Измените режим наложения на Перекрытие (Overlay).

    [​IMG]

    Шаг 10

    Основной фронт работ завершен, создайте новый документ: Файл-Создать (File-New) Ширина 500 Высота 500 пикс. Используйте инструмент Перо (Pen tool). Создайте контур слова “Метро”.

    [​IMG]

    Возвращаемся к нашему основному документу, создайте новый слой выше всех слоёв. После того как вы замкнете контур надписи кликните правой клавишей мыши по одному из контуров и выберите “Выполнить заливку контура”.

    [​IMG]

    Содержимое: Черный цвет.

    [​IMG]

    И вот что у вас должно получится:

    [​IMG]

    Затем используйте инструмент Ластик (Eraser tool) и сотрите участки как показано на скриншоте ниже:

    [​IMG]

    Шаг 11

    Далее с помощью инструмента Перемещение ( Move Tool) переместите надпись “Метро” на созданный ранее слой, и трансформируйте его как показано на скриншоте ниже при помощи комбинации клавиш (Ctrl+T).

    [​IMG]

    Далее создайте ещё один слой выше всех слоёв и при помощи инструмента Горизонтальный текст (Horizontal Text) создайте надпись “Last Light” используя шрифт (Stencilia)

    [​IMG]

    Шаг 12

    Мы почти закончили, создайте новый слой выше всех и поместите туда исходное изображение Туннеля (tunnel_tutsps) Трансформируйте при помощи комбинации клавиш (Ctrl+T) как показано на скриншоте ниже.

    [​IMG]


    Используйте инструмент Ластик (Eraser tool), кисть мягкая, размер произвольный, и сотрите верхнюю часть чтобы получить эффект градиента:

    [​IMG]

    Поместите слой с туннелем над слой с техническим комплексом, и вот мы закончили.

    [​IMG]
     
  2. forez0r

    ПРИВ :*
    forez0r

    Статус:
    Оффлайн
    Регистрация:
    16.08.12
    Сообщения:
    259
    Репутация:
    261 +/-
    Во-первых, пихай под спойлер, во - вторых, укажи от куда взял. Точно не сам, т.к. видел на Photoshop-Master
     
  3. Alco321

    Alco321

    Статус:
    Оффлайн
    Регистрация:
    21.02.13
    Сообщения:
    446
    Репутация:
    230 +/-
    Спасибо, позновательно :)
     
  4. STAТHAM

    STAТHAM

    Статус:
    Оффлайн
    Регистрация:
    08.03.14
    Сообщения:
    213
    Репутация:
    59 +/-
    класс у меня получилось, держи +
     
  5. Алиса Кысикова

    Алиса Кысикова

    Статус:
    Оффлайн
    Регистрация:
    25.05.14
    Сообщения:
    50
    Репутация:
    17 +/-
    спасибо чувак
    пригодилось очень
    :preved:
     
  6. YARGON

    YARGON

    Статус:
    Оффлайн
    Регистрация:
    03.01.13
    Сообщения:
    1.068
    Репутация:
    916 +/-
    Вот это тема, серьезно. Спасибо
     
  7. D2Pac

    D2Pac

    Статус:
    Оффлайн
    Регистрация:
    06.02.14
    Сообщения:
    286
    Репутация:
    428 +/-
    Депозит:
    888
    А мне дизайнер нужен для оформления темы))
     
  8. Owzhyker

    Owzhyker

    Статус:
    Оффлайн
    Регистрация:
    01.05.14
    Сообщения:
    85
    Репутация:
    27 +/-
    Супер!
     
  9. ReaZzon

    ReaZzon

    Статус:
    Оффлайн
    Регистрация:
    02.10.13
    Сообщения:
    1
    Репутация:
    2 +/-
    Спасибо, очень интересно
     
  10. TOTSPODEM

    TOTSPODEM

    Статус:
    Оффлайн
    Регистрация:
    22.11.13
    Сообщения:
    69
    Репутация:
    15 +/-
    Не знаю, как по мне, так можно было и проще сделать, но в итоге получить тот же результат.
     
  11. docufa

    docufa

    Статус:
    Оффлайн
    Регистрация:
    11.07.14
    Сообщения:
    81
    Репутация:
    17 +/-
    Полезный урок, спасибо