Дизайн Реалистичен фон от неръждаема стомана и текст [Photoshop Инструкция]

Уеб дизайнерите и уебмастърите обичаха хладните стоманени или метални ефекти преди Web 2.0 бури и измива всичко; напускане на WWW с лъскави уебсайтове с градиенти. Apple.com винаги е бил свързан с добрия дизайн на Web 2.0 интерфейса, но тези момчета никога не са губели хладните черни и сребърни ефекти, нито пък са успели да го направят по-добре в дизайна и типографията.

Вдъхновени от техния дизайн, аз се опитвам да върна тези стилове в моя личен дизайн и по този начин да създам нещо солидно и да изглежда малко като парче метал от неръждаема стомана. Пълно обучение по Photoshop след скок.

Фон от неръждаема стомана

Етап 1

Създайте празен нов документ с размер 600 × 400. Създайте нов слой, наречете го 'заден план' и я попълнете със сив цвят [# c0c0c0]. дубликат 'заден план' слой, назовете новия слой "стоманен фон"и го поставете върху"заден план".

Стъпка 2

С избрания слой "стоманен фон" се прилага Филтър -> Добавяне на шум и въведете следните настройки:

• Количество: 14.21
• Разпределение: Гаус
• Проверено монохроматично

Стъпка 3

С „стоманен фонслоя все още е избран, отидете филтър -> мъгла -> Размазване на движението и въведете следните настройки:

• Ангел: 0
• Разстояние: 34 пиксела

Кликнете с десния бутон 'стоманен фон', изберете Опции за смесване и въведете следните настройки за Градиентно наслагване - Редактор на градиента:

Цветен стоп 1

• Цвят: # 000000
• Непрозрачност: 50%
• Местоположение: 0%

Цветен стоп 2

• Цвят: #ffffff
• Местоположение: 50%

Цветен стоп 3

• Цвят: # 000000
• Непрозрачност: 50%
• Местоположение: 0%

Метален текст

Стъпка 4

Вашият фон от неръждаема стомана е основно направен, ние ще продължим от там да вмъкнем метален текст, който трябва да изглежда съвпадение. Използвай Инструмент за текст, напишете нещо в средата, за предпочитане с дебел шрифт (тук използвам Myriad Pro Bold). Кликнете с десния бутон на мишката (или кликнете два пъти) върху текстовия слой, за да стартирате Опции за смесване диалоговия.

1. Бъдете сянка

• Непрозрачност: 38%
• Разстояние: 1px
• Разпространение: 1%
• Размер: 2px

• Дълбочина: 100%
• Размер: 0px
• Омекотява: 0px
• Маркирайте Opacity: 42%
• Непрозрачност на сянката: 32%

Текстът ви трябва да изглежда нещо подобно на по-долу.

Стъпка 5

Ето нещо, което трябва да следвате здраво. Задръжте бутона за управление (Mac: Command key) и щракнете с левия бутон върху текстовия слой, за да подчертаете неговия контур. Уверете се, че контурът все още е там, изберете „стоманен фон"слой, и. \ t Натиснете Control + J (Mac: Command + J)

По този начин вие дублирате стоманения фон във формата на вашия текст. Преименувайте слоя на „текст фони го преместете нагоре.

Стъпка 6

Промянатекст фон' да се Color Burn, донесете го непрозрачност до 67%.

Вашият краен резултат трябва да изглежда нещо подобно на изображението по-долу.

Изтеглете .PSD файл.