1 Star2 Stars3 Stars4 Stars5 Stars
| 20 Ноя 2010 | комментариев 17

Дизайн в Photoshop: Создание плаката в стиле фильма Трон: Наследие

В преддверии выхода на большой экран фильма «Трон: Наследие» Вам, наверное, будет интересно создать свой плакат в стиле этого фильма. Оказывается, все не так сложно, как может показаться. Используя простые приемы, Вы добьетесь желаемого эффекта

Для начала, создайте новый документ, залейте его черным фоном. Затем выберите инструмент Rounded Rectangle Tool с параметрами:

И создайте путь, как на рисунке ниже:

Затем выберите инструмент Кисть Brush Tool, выберите круглую жесткую кисть размером 10px и установите основной цвет #00ffff. Создайте новый слой. Перейдите в панель Paths и выберите Stroke Path. Уберите путь и переместите получившееся изображение к краю холста.

Теперь маленькая хитрость. Выберите инструмент Move Tool и, удерживая клавиши Alt+Shift, потяните изображение вправо. Этот прием создаст дубликат слоя с прямоугольником, а за счет кнопки Shift, Вы перетащите изображение четко по горизонту.

Склейте оба слоя Ctrl+E. Затем повторите фокус, только теперь переместите прямоугольники вниз.

Опять склейте оба слоя. Теперь перейдите в режим свободного трансформирования Ctrl+T и потяните за верхний центральный якорь вниз.

Потом щелкните правой клавишей и выберите Perspective и потяните вправо за правый нижний якорь.

Создайте дубликат слоя Ctrl+J и переместите дубликат чуть ниже основного.

Затем, для придания более естественной перспективы, в режиме свободной трансформации немного у перемещенного слоя вниз верхний и нижний якоря. Уменьшите непрозрачность Opacity этого слоя до 25%.

Создайте новый слой и выберите инструмент Brush. Примените следующие настройки к кисти:

Теперь, удерживая кнопку Shift, проведите горизонтальную линию, как на рисунке:

Затем создайте две направляющие Guides, как на рисунке.

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

Теперь, удерживая Shift, инструментом Elliptical Marquee Tool создайте область выделения и расположите ее центр в перекрестии направляющих.

Создайте новый слой и выполните команду Edit > Stroke (обводку) с цветом, который указан основным и размером 1px. Выберите инструмент Move Tool и нажмите раз 20 вправо на клавиатуре. Затем, удерживая Ctrl, щелкните по слою с окружностью, чтобы создать область выделения, и нажмите Ctrl+Alt+T. Переместите центр трансформации в перекрестие направляющих.

И, удерживая Shift, поверните область выделения немного вниз.

Нажмите ОК. Теперь, удерживая Alt+Ctrl+Shift, нажимайте Т до тех пор, пока не получится следующее:

Теперь, примените такой стиль слоя:

Создайте дубликат слоя и нажмите Ctrl+T. Затем, удерживая Shift+Alt, уменьшите дубликат, потянув за угол.

Создайте новый слой над фоновым слоем и назовите его Сетка. Залейте серым цветом. Затем, создайте новый документ размеров 50х50 px. Это делается для того, чтобы мы смогли создать текстуру. В новом документе создайте такое изображение (две белые полосы толщиной 2px вверху и слева, фон прозрачный).

И выберите Define Pattern, чтобы создать Текстуру. После этого вернитесь к основному изображению. Помните, Вы работаете с слоем Сетка. Уменьшите заливку Fill слоя до 0% и примените следующий стиль слоя:

Вот, что получится:

Теперь, чтобы «закрепить» примененный стиль к слою, создайте еще один под ним и склейте оба слоя. Заблокируйте прозрачные пиксели на этом слое, нажав на кнопку Lock Transparent Pixels в панели слоев. Теперь добавьте маску к слою Сетка Layer > Layer Mask > Hide All. И инструментом Gradient Tool создайте радиальный градиент от белого к прозрачному из правого верхнего угла влево вниз:

Затем создайте новый слой над слоем Сетка и назовите его Облака. Нажмите D, чтобы установить цвета по умолчанию и примените фильтр Filter > Render > Clouds. Скопируйте маску с слоя Сетка на слой Облака.

Щелкните по изображению слоя Облака, чтобы начать работать с ним. Просто сейчас Вы находитесь на маске. Нажмите Ctrl+U и примените следующие параметры:

Ну что ж, осталось добавить текст и плакат готов.

Окончательный результат

Постер в фильму Трон: Наследие

P. S.

А вот, собственно, то, в каком стиле мы работали:

Опубликовать пост в социальных сетях
Оцените запись
1 Star2 Stars3 Stars4 Stars5 Stars
Комментарии Вконтакте
Комментарии
  • Pingback: Tweets that mention Дизайн в Photoshop: Создание плаката в стиле фильма Трон: Наследие | QuickTUTS - уроки фотошоп на русском языке. -- Topsy.com()

  • Неплохо, но я думал вы над костюмом тоже поработаете, это ведь не так сложно(если по чёрной одежде конечно же)).

  • цвет приятный, да и дизайн хороший.
    Но на плакате видно что много внимания уделено мелочам, хотя кто нам мешает доработать?

  • Бодя

    Как шрифт называется ?

    • vaggah

      Так и называется Tron

  • wladbelsky

    А где скачать этот шрифт?

    • vaggah

      Введите в поиске google tron font и по первой же ссылке сможете скачать.

  • wladbelsky

    А как сделать такой эффект(Эффект трона)?

    • vaggah

      Какой стиль к тексту применить? Просто вопрос не совсем понятен.

  • wladbelsky

    Если просто написать этим шрифтом то такого текста как на плакате не будет.
    Какие настройки к слою надо сделать чтобы получилось как на плакате(или какой-то стиль есть)?

    • vaggah

      Используйте цвет текста, как и для других деталей #00ffff, также, просто скопируйте стиль слоя, который применили к окружности.

  • Григорий

    я вот не понял, на счет сетки, как ее сделать? не получается никак((

    • Григорий

      заранее спасибо))

      • vaggah

        Обратите внимание, что нужно создать новый документ. Собственно, остальное написано: «Затем, создайте новый документ размеров 50х50 px. Это делается для того, чтобы мы смогли создать текстуру. В новом документе создайте такое изображение (две белые полосы толщиной 2px вверху и слева, фон прозрачный).«.
        Это делается для того, чтобы создать шаблон заливки, которым заливают новый слой основного документа.
        Что конкретно не получается?

        • Григорий

          эти вот две полоски(

          • vaggah

            Все очень просто. Создайте прямоугольную область выделения шириной 2px слева и залейте ее белым цветом. Аналогично с верхней.

  • Руслан

    это круто , но у меня русскоязычная версия и я не могу найти Paths и Stroke Path.
    сделайте скриншот пожалуйста . Заранее спасибо