Вторник
24.12.2024, 4.14.45
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки все

Дизайн сайта в стиле «Eco»
Eco Theme Template


Шаг 1:

Создайте новый файл 1000?720 с разрешением 72 dpi и заполните фон белым цветом. Теперь создайте новый слой нарисуйте прямоугольник цвета #699A00 и размера 1000 x 185 px.



Шаг 2:

Откройте окно стилей слоя (Layer> Layer Style) и добавьте эффекты Inner Shadow и Gradient Overlay:




Результат:



Шаг 3:

Создайте новый слой и нарисуйте линию 1 px цвета #799E00 через центр прямоугольника.



Шаг 4:

Теперь нарисуйте еще одну линию, только цвета #81AA00 ниже Вашей первой линии.



Шаг 5:

Теперь на новом слое нарисуйте черный прямоугольник чуть ниже второй линии.



Шаг 6:

Добавьте к Вашему прямоугольнику стиль слоя Inner Shadow.



Результат:



Шаг 7:

На новом слое, перекрывая черный прямоугольник нарисуйте еще один, цвета #E9E9E9 и размером 1000 x 30 px.



Шаг 8:

Стили слоя: Drop Shadow, Inner Shadow, Gradient Overlay:





Результат:



Шаг 9:

В новом слое нарисуйте линию шириной 1px и цвета #484848 на черном прямоугольнике, как показано ниже.



Шаг 10:

Выберите Horizontal Type Tool и установите шрифт Arial, 15 pt цвет #B7FFAD. Напечатайте ссылки, как показано ниже. Оставьте место между ссылками и добавьте вертикальную полоску цвета #7A9E08 .



Шаг 11:


Теперь сделайте новый сет слоев с названием ‘Content Box’. В новом слое нарисуйте большой прямоугольник цвета #F6F6F6 и размера 690 x 320 px.



Шаг 12:

Добавляем Stroke с такими настройками:



Шаг 13:

Создайте новый слой и нарисуйте серый прямоугольник цвета #EFEFEF.



Шаг 14:

К прямоугольнику, нарисованному в предыдушем шаге добавьте стили слоя Inner Shadow и Gradient Overlay:




Шаг 15:

Выберите Horizontal Type Tool и шрифтом в Arial, жирным, 14 pt, цвета #440600. Напечатайте заголовок. Теперь создайте новый текстовый слой и шрифтом Webdings, 36 pt, белым цветом напечатайте ‘4 ? чтобы получить стрелку, и поместите ее как на рисунке ниже:



Шаг 16:

Теперь установите шрифт Arial, 11 pt, цвета #000000. Напечатайте текст.



Шаг 17:

Рядом с большим боксом добавляем малый:



Шаг 18:

Теперь выберите Rounded Rectangle Tool радиусом в 10 px и проверьте anti-alias. В новом слое нарисуйте зеленый прямоугольник цвета #699A00 и размера 141 x 31 px . Теперь обрежьте верхнюю часть как показано ниже.



Шаг 19:


Стили слоя:




Результат:



Шаг 20:


Выберите Horizontal Type Tool и шрифтом Arial, жирным, 13 pt цвета #BFFF7B. Напечатайте на кнопке текст.



Шаг 21:

Теперь таким же способом создайте боксы для других секций.



Шаг 22:

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



Выберите Horizontal Type Tool и шрифтом Baskerville Old Face, 42 pt, жирным цвета #F6F6F6 впечатайте на шапку название вашего сайти. Добавьте стили слоя:




Результат:



Финальный вариант (кликабельно):




Автор: Photoshop & Design News Box
Перевод: Винни-Пух
Источник


Источник: http://www.artscroll.ru/page.php?id=14142
Категория: уроки все | Добавил: yana (31.05.2010)
Просмотров: 1379 | Теги: шаблон сайта, дизайн сайта | Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2024