С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

Мне всегда было интересно воссоздавать популярные графические эффекты, в том числе плакаты к фильмам. Вам может показаться, что это не реально воссоздать эффект с таким качеством графики , но после того, как вы изучите этот урок, вы будете готовы ко всему.

 

Этот урок покажет вам, как создать эффект текста к фильму «Морской бой» используя только стили слоя и с использованием основных фильтров Photoshop и режимов наложения. Давайте начнем.

 

Предварительный просмотр:

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Файлы

 

Исходник

 

Шаг 1

 

Создайте новый документ размером в1920 на 1280 пикселей. Откройте фоновый слой и залейте его черным цветом, а затем применить следующие настройки стиля слоя.


 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Для градиента используйте следующие цвета: # 000000 внизу и # 001E2D в верху.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

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

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Шаг 2

 

Далее мы создадим световое пятно в центре нашего холста.

 

Создайте новый слой, залейте его черным и измените в панели слоев параметр Заливка (Fill) до 0%.

 

Примените следующие настройки стиля слоя.

 


Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

У вас должно получиться что-то похожее на изображение ниже.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Шаг 3

 

Для того чтобы придать нашему фону тонкий дымчатый образ, создайте новый слой, измените цвета переднего и заднего плана на чёрный и белый, выберите меню Фильтр> Рендеринг> Облако (Filter> Render> Clouds).

 

В панели слоев установите Режим наложения (Blend mode) этого слоя на Перекрытие (Overlay) и снизьте непрозрачность до 25%.

 

У вас должно получиться что-то похожее на изображение ниже.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Шаг 4

 

Теперь мы создадим светящийся горизонт. На новом слое нарисуйте черный прямоугольник в нижней части холста, в нашем случае это 1920 на 640 пикселей. Переместите его так, что он охватывал нижнюю половину холста.

 

Примените следующие настройки стиля слоя.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Создайте градиент из 3-х цветов, # 000000 с начала до 90%, # 304550 с 90% до 95%, и # FFFFFF с 95% до 100%.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

У вас должно получиться что-то похожее на изображение ниже.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Шаг 5

 

Вставьте силуэт боевого корабля на холст. Скачать образец можно по этой ссылке.

 

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

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

У вас должно получиться что-то похожее на изображение ниже.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Шаг 6

 

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

 

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

 

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

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Цвет, используемый для стиля Наложение цвета (Color Overlay) является # 026AB2.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Цвета и пропорции для стиля Наложение градиента (Gradient Overlay) таковы, слева направо: # FFFFFF на 0%, # 5F5F5F на 30%, # FFFFFF на 77%, и # A7A7A7 на 100%.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Текстуру, которую мы использовали для стиля Наложение узора (Pattern overlay), можно взять здесь.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе
]

 

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

У вас должно получиться что-то похожее на изображение ниже.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Шаг 7 

 

Создайте свой подзаголовок, используя тот же шрифт, но меньшего размера и примените следующие настройки стиля слоя.

 

Цвета, используемые в стиле Наложение градиента (Gradient Overlay) являются # 495052 слева, и # DAE1E3 справа.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

У вас должно получиться что-то похожее на изображение ниже.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

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

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

Альтернативный вариант

 

Теперь, когда мы создали базу текстового эффекта, используя стили слоя, то вы можете легко создавать новые фоны, делая этот стиль текстового эффекта полезным в различных ситуациях.

 

Текстовый эффект в стиле фильма «Морской бой» в Фотошопе

 

На этом всё. Надеюсь, вам понравился этот урок.

 

Файлы

 

Исходник

 


Автор урока: команда сайта www.designpanoply.com


Переводчик урока: Ирина Шипилова 

Ссылка на источник

 



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 13.06.2012
  •   Просмотров: 3084
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Виталий (21.10.2012 | 00:18)

Всплывающее окно на этом сайте грузилось 8 секунд при интернете в 3 Мбит/c. Сделай что-нибудь попроще. На html с мелкими изображениями, а не сплошной картинкой. Я бы показал образец, но боюсь сочтешь за спам и удалишь.

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки