Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Скачать набор кистей для фотошопа в стиле техно. Кнопка Спасибо для UcoZ (new) Иконки для УкоЗ Шаблон ДЛя СофтПОртала Скачать ШАБЛОН Aimp.Ru to Ucoz Скачать бесплатно шаблон для ucoz на тему Rap Иконки групп для ucoz by CкРиПтЕг Скачать шаблон для сайта клана CS 1.6 Шаблон сайта для uCoz СКАЧАТЬ ШАБЛОН ДЛЯ UCOZ cs ! Трехмерная надпись « Почтовый конверт в PhotoShop » Профессиональная коррекция фотографии шаблон для сайта на тему lineage Скачать шаблон для блога Шаблон для сайтов на uCoz Скачать кнопки для форума шаблон для сайта "Qwarez" Как нарисовать вращающуюся шестерёнку в PHOTOSHOP Текст-сплав Скачать New шаблон (by eKa) для uCoz StyleX Скачать шаблон для uCoz на тему NFS Pro Street Скачать шаблон бесплатно для uCoz Скачать Красные иконки для UCOZ, тёмный форум
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании


В этом уроке показан довольно просто пример сайта для хостинговой компании. Довольно стильно на мой взгляд.

Создаем документ 760x770 пикселей, с белым фоном

Выбираем Rounded rectangle tool с радиусом 5 и рисуем несколько прямоугольников, приблизительно как на рисунке. Таким образом мы разметим основные разделы сайта и верхнее меню
Рисуем сайт для хостинговой компании

Далее переходим к свойствам стилей нашего меню и выставляем следующие параметры:
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

Применяем полученный стиль ко всем кнопкам меню
Рисуем сайт для хостинговой компании

Далее выбираем слой с большим черным блоком и применяем к нему следующий стиль
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

Получаем вот это:
Рисуем сайт для хостинговой компании

Идем к нижнему черному блоку и применяем к нему следующий стиль:
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

Должно получиться следующее:
Рисуем сайт для хостинговой компании

Дальше мы переходим к нашим трем цветным блокам (синий, красный, зеленый) и по очереди добавляем к ним следующие стили:
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

Красный блок:
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

Зеленый блок:
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

В результате имеем:
Рисуем сайт для хостинговой компании

Выделяем синий прямоугольник. При нажатой клавише Ctrl кликаем на пиктограмму нашего прямоугольника
Рисуем сайт для хостинговой компании

Создаем новый слой Ctrl+Shift+Alt+N, выбираем Brush tool с мягким контуром и рисуем несколько наклонных линий вот так
Рисуем сайт для хостинговой компании

Выставляем режим смешивания "overlay" и прозрачность 40%.
Рисуем сайт для хостинговой компании

Снимаем выделение Ctrl+D и получаем
Рисуем сайт для хостинговой компании

Подобные действия проделываем для красного и зеленых блоков
Рисуем сайт для хостинговой компании

Дальше вставляем трехмерные изображение серверных шкафов.
Рисуем сайт для хостинговой компании

Забиваем текст
Рисуем сайт для хостинговой компании

И вот уже практически готовый шаблон
Вставляем блок с поиском, рисуя его по аналогии с цветными
Рисуем сайт для хостинговой компании

Далее займемся отрисовкой указателей. Тут вы можете фантазировать как только пожелаете.
Рисуем сайт для хостинговой компании

К каждому из блоков я добавил вот по такой стрелочке. Перейдем к стилю:
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании
Рисуем сайт для хостинговой компании

Вот вам готовый шаблон сайта
Рисуем сайт для хостинговой компании


Автор: razvans
Перевод: Beavis

взято с demiart.ru

Категория: Для сайта | Добавил: cinemania (28.12.2008)
Просмотров: 1471 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма Входа
Понедельник, 29.04.2024, 02:23
-й день

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
 
Логин:
Пароль:
Друзья сайта
Статистика
Рейтинг сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz