Все о фотошопе

Все для фотошоп - видео уроки, плагины, PSD шаблоны, рамки, клипАрты - все бесплатно!

В закладки | Написать администрации



Скачивай без регистрации, обсуждай, добавляй свое

Навигация

    - Новости
    - Правила сайта
    - О проекте
    - Faq

PS Материалы

    - Картинки
    - Обои
    - Кисти
    - Макросы
    - Стили
    - Формы
    - Текстуры
    - Плагины
    - Рамки
    - PSD
    - Иконки
    - Шрифты
    - Патерны
    - Клипарты
    - Аватары

Программы

    - Графика
    - 3Dmax
    - Mac OS X
    - Разное

Уроки и книги

    - Видео уроки
    - Photoshop CS2
    - Photoshop CS3
    - 3DS MAX
    - Учебники

Шаблоны

    - Joomla
    - TemplateMonster
    - BoxedArt
    - DataLifeEngine
    - WordPress
    - Другие

3D материалы

    - 3D материалы





Уроки, Photoshop CS2, Photoshop CS3: Уроки Photoshop: Шаблон сайта "на старой бумаге" в Фотошоп
Опубликовал: WeLcOmE tO My LiFe   Теги: ---   

Автор www.talk-mania.com. Оригинал статьи на английском

Шаблон сайта

Шаг 1. Для создания такого шаблона сайта вам потребуется изображение бумаги, лучше папируса. Когда вы его найдете, положите его в центр вашего шаблона (на отдельном слое, конечно же).

папирус

Теперь, добавим Тень нашему папирусу. Для этого, находясь на слое с папирусом, идём Layer>Layer Styles>Drop Shadow (Слой>Стиль Слоя>Тень) и задаём параметры, как на картинке внизу:

стили слоя drop shadow

А вот как должен выглядеть результат:

рисуем тень

Шаг 2. Выбираем Инструмент Полигональное Лассо (Polygonal Lasso Tool) и создаём выделение, как на картинке внизу.

lasso tool

С помощью данного выделения мы нарисуем несколько кнопок. Убедитесь, что вы находитесь на слое с папирусом...

layer

...и нажмите Ctrl+J, чтобы скопировать выделенную область на новый слой (можно назвать новый слой, например, "button (кнопка)").

копируем выделенное


Шаг 3. Находясь на слое с кнопкой выбираем Edit>Transform>Rotate 180 (Редактирование>Трансформирование>Поворот на 180 градусов), и с помощью Инструмента Перемещения (Move (V)) перемещаем кнопку наверх.

transform

После этого переносим нашу кнопку под папирус, для этого просто слой с кнопкой перемещаем под слой с листом.

button

Для создания других кнопок просто повторяем предыдущие действия. У нас их будет пять и вяглядеть они будут так:

шаблон сайта

Ну и текст заодно добавим

шаблон для сайта

Шаг 4. Изменим цвет кнопок. Для этого идем на слой с нужной кнопкой и далее нажимаем Ctrl+U, чтобы вызвать окно Hue/Saturation (Цветовой тон/Насыщенность). Зададим параметры, как на картинке внизу:

hue

Вот так выглядит наша новая кнопка:

кнопка

А вот так всё меню после того, как мы раскрасили все кнопки:

рисуем меню

Шаг 5. Пришло время добавить текст и картинки (думаю вы сами с этой задачей прекрасно справитесь).

создаем шаблон сайта

Шаг 6. Шаблон уже сейчас смотрится хорошо, но если добавить хороший фон позади листа, будет смотреться ещё лучше. В качестве фона будем использовать текстуру дерева. Её можно нарисовать самим или скачать например отсюда . Поместите её под слой с папирусом.

создаем шаблон

Выглядить стал получше, но если текстуру обесцветить (для этого идём Image>Adjustment>Desaturate (Изображение>Коррекция>Обесцветить)) всё вообще станет замечательно.

desaturate

А вот и наш финальный макет сайта:

макет сайта

Автор www.talk-mania.com. Оригинал статьи на английском



Похожие новости:


Раздел: Уроки, Photoshop CS2, Photoshop CS3 | сен 5 | Просмотров: 28812

Авторизация

  
 
  

Регистрация | Забыли пароль?



загрузка...


Наши партнеры

 


Статистика

Rambler's Top100


загрузка...
На нашем сайте представлены лучшие ресурсы в помощь дизайнерам и специалистам, которые профессионально занимаются рекламой и продвижением товаров, услуг, созданием графических объектов. Уроки и обучающие материалы любого уровня – для специалистов и тех, кто только начал изучение загадочного мира рекламы, и ищет способы воздействия на аудиторию, свой индивидуальный стиль. Динамика современного мира заставляет нас держать руку на пульсе модных тенденций современного искусства рекламы и дизайна. Наш сайт был создан в 2007 году, и обширная коллекция обучающих и демонстрационных видеоматериалов постоянно пополняется новыми ресурсами. Обучающие программы по работе с 3D – изображениями, различные версии программ Photoshop, инструменты работы в CorelDraw и многая другая полезная информация – иконки, коллекция разнообразных шрифтов, клипарты и паттерны, материалы для работы с анимацией, Вы можете бесплатно скачать на нашем сайте. Уроки любой степени сложности помогут вам освоить новейшие дизайнерские тенденции, а представленные шаблоны – воплотить в жизнь самые смелые, креативные идеи. Вы расширите рамки обыденности, почерпнете новые, эксклюзивные идеи для развития своего личностного и творческого потенциала! Мы работаем для Вас, чтобы сделать Ваш мир ярче, а профессиональные качества совершенными.
Главная  |  Правила сайта  |  Контакты администрации  |  RSS канал  |  Статистика      Copyright © 2007-2010г. Design.Ru-Deluxe.Ru