Купить этот сайт

Уроки » Шаблоны → Шаблон «Гранж» часть 1  

Вот что мы будем создавать. (нажмите чтобы посмотреть во всю величину)



:



Файлы которые понадобятся вам для выполнения урока.
Фото 1: Колонка
Фото 2: Зеленая абстракция
Образец 1: Растровые линии 16х16
Образец 2: Образец для фона
Образец 3: Текстура для фона
Образец 4: Текстура с пузырьками

Кисти: Гранжевые кисти 1 brushes1.zip [102,31 Kb] (cкачиваний: 3)
Кисти: Гранжевые кисти 2 brushes2.zip [16,52 Kb] (cкачиваний: 3)

:



Сначала создадим новый документ. Я использовал размеры 760x760px

Залейте фон светло желтоватым цветом, я использовал #D7CEAF

Создайте новый слой и залейте холст образцом «Растровые линии 16х16»



Примечание: Ваши косые линии будут черного цвета, для того чтобы инвертировать цвета нажмите CTRL+I.

Измените тип смешивания этого слоя на Overlay и понизьте непрозрачность до 50%



Склейте все слои вместе и примените Filter > Noise > Add Noise с такими параметрами.



Создайте новый слой и заполните образцом «Образец для фона»



Смените тип смешивания слоя на Overlay и непрозрачность 40%



:



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


нажмите чтобы увеличить


Примените стиль слоя Outer Glow



Загрузите выделение этого слоя (CTRL+щелчок по слою), сожмите это выделение на 4 пиксела (Select > Modify > Contract) и на новом слое залейте выделение радиальным градиентом (Radial Gradient) с цветами #F5D57C и #A32C1E



Вернемся к слою с белым бордюром, добавляем к нему маску слоя и с помощью гранжевых кистей добавляем эффект грязи. Если вы не знаете что такое маска слоя то используйте инструмент Eraser Tool (Ластик) :eraser00:



Примените стили слоя Inner Glow и Stroke к слою с градиентом





Теперь загрузите фотографию «Зеленая абстракция» перенесите на ваш документ, измените размеры под размер баннера и обрежьте ненужное.



С помощью большой мягкой кисти сотрите углы и смените тип смешивания слоя на Overlay или Soft Light и понизьте непрозрачность на свое усмотрение.



С помощью большой гранжевой кисти на новом слое добавим эффект грязи на градиент и сменим тип смешивания слоя на Overlay или Soft Light




Загрузите фото «Колонка» перенесите его на холст и измените размеры под размер заголовка.



С помощью Polygonal Lasso Tool :polygona: создайте выделение вокруг колонки и удалите белую часть.



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



Затем я добавил текст с помощью шрифта Standart 07_53 (можете загрузить его здесь standard0753.zip [22,76 Kb] (cкачиваний: 3)), размеры 24 и 32 pt без Anti-Aliasing



Примените к слою с текстом следующие стили слоя Drop Shadow, Inner Shadow, Gradient Overlay.






:



Теперь будем создавать кнопки навигации. Для начала нужно создать на палитре слоев папку (группу слоев) и в этой группе создать новый слой.
Создайте выделение под заголовком, это будет первая кнопка. Мое выделение 36x60px



Залейте выделение градиентом из двух темных цветов #6D5E39 и #51462A



Добавьте к этому слою с градиентом стили слоя Inner Glow и Pattern Overlay (Текстура с пузырьками)





Добавьте на слой с кнопкой маску слоя и потрите его гранжевой кистью.



Добавьте на кнопку текст, я добавил «01»

Для текста я использовал Шрифт: Tahoma, размер: 12, жирный (Bold), цвет: белый, AA: None.



Понизьте заполнение (Fill) до 50% и примените стили слоя Inner Shadow, Outer Glow, Gradient Overlay






Кнопка фактически готова, теперь добавим текст ссылки. Добавьте текст справа от кнопки. Я использовал шрифт с теми же параметрами но цвет изменил на #BA5E38



Примените стили слоя Inner Shadow, Gradient Overlay, Stroke






Продублируйте слой с кнопкой и переместите вправо, измените текст.


Информация к уроку:

Категория - Уроки » Шаблоны

Дата публикации: 23-03-2011, 18:04

Опубликовал: killot

Просмотров: 998

Комментариев: 0

Ссылки к этой статье:

Источник - Photoshop Star

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с Photoshop Star

Еще по этой теме:

Как создать эффект тумана в Photoshop Как создать эффект тумана в Photoshop
В этом уроке вы узнаете, как шаг за шагом создать ...
Шаблон «Фан-клуб» Шаблон «Фан-клуб»
В этом уроке вы узнаете как создать темный ...
Юзербар Юзербар
В этом уроке создадим "Юзербар" которые ...
Шаблон «Гранж» часть 2 Шаблон «Гранж» часть 2
Продолжение к уроку Шаблон «Гранж». В этом уроке ...
Смайлик Yahoo! Смайлик Yahoo!
В этом уроке мы воссоздадим смайлик который стал ...
Шаблон Шаблон "Blue-Gray" - Заголовок
Продолжаем создавать наш шаблон "Blue-Gray" В ...
Значок звезды в стиле Web 2.0 Значок звезды в стиле Web 2.0
В этом уроке мы создадим символ звезды, который ...
Текст в стиле чужих 2 Текст в стиле чужих 2
В это туториале я покажу вам как сделать ...
Шаблон - Рождественская   тема Шаблон - Рождественская тема
Создаем симпатичный новогодний (рождественский) ...
Индустриальный заголовок для игры Индустриальный заголовок для игры
В этом туториале вы узнаете как создать стильный ...

Социальные закладки:


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

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Ты робот? (да-нет)
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: