Металлический стиль для фотошопа: metal » Photoshop Styles,

alexxlab
Разное |

Содержание

Металлический логотип в стиле фильма Трансформеры · Мир Фотошопа

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

Ресурсы урока:

Шаг 1

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

Для начала, нужно создать фигуру в виде букв TF. Вы можете сделать это в программе Фотошоп при помощи инструмента pen tool, но мне удобнее это сделать в программе Иллюстратор. Для получения точных прямых линий при рисовании удерживайте нажатой клавишу Shift, а для выравнивания фигуры можно воспользоваться линейками и сеткой: View ? Show Grid

Шаг 2

После того, как фигура нарисована. скопируйте ее и вставьте ее как слой-фигуру в Фотошоп на новый документ. Новый документ создайте размером 2400?2700 пикселов с разрешением 300 dpi. К фигуре логотипа примените стиль слоя Bevel and Emboss:

Шаг 3

Теперь к фигуре с логотипом добавьте стиль слоя Drop Shadow с теми значениями, которые показаны на рисунке:

Шаг 4

Пришло время добавить к логотипу металлическую текстуру.

Используем ее в качестве фона. Откройте текстуру, перенесите ее на наш локумент и в палитре Слои поместите ее под слой с логотипом. Обесцветьте текстуру: Image ? Adjustments ? Desaturate.

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

Шаг 5

Для того, чтобы добавить к логотипу текстуру, я используюу другую металлическую текстуру. Откройте металлическую текстуру с царапинами, перенесите ее в дркумент и поместите поверх слоя с логотипом. Теперь, удерживая нажатой клавишу Ctrl, кликните по миниатюре слоя с логотипом, чтобы загрузить его выделение, затем перейдите на слой с металлической текстурой с царапинами (он находится над слоем с логотипом), инвертируйте выделение (Shift + Ctrl+ I) и нажмите Delete. Тем самым, текстура ляжет на логотип, а лишние ее части будут удалены.

Снимите выделение (Ctrl + D), измените режим наложения слоя с металлической текстурой на логотипе на Overlay, и снизьте непрозрачность слоя стекстурой до 80%.

Шаг 6

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

Создайте отражение тем же методом, каким мы добавляли металлическую текстуру с царапинами на логотип. После этого, к слою с отражением примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur) и измените режим наложения на Overlay.

При нажатой клавише Ctrl кликните по миниатюре слоя с логотипом, чтобы загрузить его выделение. Создайте новый слой и на нем нарисуйте тень вокруг левой стороны логотипа. Слою с тенью измените режим наложения на Overlay, непрозрачность 65%. На анимации ниже Вы можете увидеть те области, на которых есть тень:

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

Шаг 7

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

Инструментом Eraser Tool (E) с мягкими краями и непрозрачностью 50%, сотрите часть освещения, оставив его в области между букв.

Шаг 8

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

Шаг 9

В финальном шаге добавьте корректирующий слой Gradient Map (Layer ? New Adjustment Layer ? Gradient Map) с настройками, которые показаны на рисунке ниже:

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

Стили слоя в фотошопе: описание, применение

Вернемся к работе со слоями. Речь пойдет о диалоговом окне Стиль слоя и тех эффектах и настройках, которые предлагает это окно.

Стили слоя обратимы и остаются доступными для редактирования до тех пор, пока вы сохраняете документ как файл PSD. По мере изменения содержимого слоя, стили также изменяются.

Стили слоя великолепны для добавления к рисунку завершающих штрихов, и они действительно могут заставить текст и графические элементы буквально «выстреливать» со страницы! В этой статье мы разберем что такое стили слоя, где они находятся и как применять.

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

Примечание

Если слой заблокирован (рядом с миниатюрой находится замочек), то при двойном клике появится окно Новый слой, где нажав ОК, вы снимите блокировку и преобразуете его в полноценный слой. Еще раз сделайте двойной клик для открытия стилей.

Условно, окно можно разделить на три части:

  1. слева столбик — стили слоя и готовые специальные эффекты фотошопа;
  2. в середине — параметры и настройки, выбранных эффектов;
  3. справа узкий столбик — стандартные кнопки и миниатюра просмотра изменений, которая показывает как будет меняться слой при выборе тех или иных настроек.

Стили

Это самая первая строчка первого столбца. Нажав на нее, увидите стандартный набор стилей, примерно, вот такой:

Что такое стили слоя? Их история началась давно и созданы они были только для веб. Когда в интернете становилось все больше и больше сайтов, каждый вебмастер пытался сделать свой сайт красивым. Это сейчас интернет перенасыщен миллионами способов как это можно сделать, а тогда наличие такой кнопки было предметом гордости:

Именно поэтому фотошоп в себя включил такого рода графику. Но в те времена, в области веб-графики, балом правила Macromedia Fireworks.

Чтобы избавиться от конкуренции, компания Adobe просто купила Macromedia. Конкуренция закончилась, а стили остались. По большому счету они и не нужны. 

Конечно, нужны они или не нужны — решать каждому самостоятельно. Раз они включены в состав программы, то подробно разберем, что это такое.

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

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

Рядом с выбором стилей, имеется маленькая кнопочка в виде стрелочки в кружочке. Нажав на нее появится дополнительное меню, в котором можно изменить размер миниатюр, загрузить свой набор/сохранить его или восстановить стандартный. Также можно переключиться на один из дополнительных наборов стилей.

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

Параметры наложения

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

Сразу перейдем к самому интересному и «вкусному»…

Готовые специальные эффекты фотошопа

Забегая вперед, отмечу, что в настройках всех параметров, кроме тиснения, есть такие параметры как Наложение и Непрозрачность.

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

Photoshop CS5 предлагает к использованию такие эффекты:

Тень

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

Внутренняя тень

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

Внешнее свечение

Название говорит само за себя. Объект, как будто светится. Можно настроить, чтобы свечение было не одним цветом, а градиентом от одного к другому. Настраивается размер, размах свечения, а также его качество.

Внутреннее свечение

Аналогично, как с внутренней тенью. В настройках есть только одно отличие: можно указать источник свечения (Из центра или На краях)

Тиснение (Контур, Текстура)

Заслуженно считается самым мощным и адаптируемым стилем слоя в фотошоп. Традиционное использование — преобразование плоского объекта в объёмный, трёхмерный, но это только малая часть возможностей этого стиля. Кроме этого, с помощью «Тиснения» можно создавать металлические эффекты, хромовые и золотые поверхности, имитацию отражения, стекло и многое другое. Более подробно о тиснении можно почитать тут.

Глянец

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

Наложение цвета

Целиком меняет цвет у выбранного слоя. Получается своего рода заливка. Настроек, практически, нет.

Наложение градиента

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

Наложение узора

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

Обводка

Обводит по контуру все изображение. Редактируется цвет и положение (Снаружи, Внутри, Из центра). Полезный параметр — тип ободки, где есть градиент. Вообще градиенты всегда только украшают изображение.

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

В завершении урока, посмотрим как в итоге выглядит слой со специальными эффектами:

Как видите, под слоем появился список эффектов, которые к нему применены. У каждого из них есть значок видимости, нажав на который можно отключить эффект, например, Наложение градиента. Справа от миниатюры надпись fx — указывает что к слою применены эффекты. Нажмите на стрелочку, чтобы их свернуть.