Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Шаблон для клана КС Скачать шаблон для uCoz Как сделать картинку в стиле Ретро Космический неон Скачать Шаблон для CS портала на uCoz Шаблон сайта для ucoz Шаблон адаптация из DLE для ucoz Шаблон UCOZ на тему cs by bannerkz Иконки групп by kz-love Шаблоны под uCoz Шаблон для МегаПортала Скачать бесплатно офигенный шаблон для ucoz от Jocker_Rip_UinSell Иконки для форумов в системе UcoZ - Темно-зеленые иконки Скачать Музыкальный набор кнопок Скачать шаблон для СОФТПОРТАЛА Скачать cs-clan шаблон by bannerkz.ru для UCOZ Скачать шаблон для сайта клана CS 1.6 Рисуем дизайн сайта в Photoshop Скачать Шаблон JumpStyle для ucoz Abstrakt by r0man Скачать шаблон для ucoz на тему rap_diz_by_yurec Скачать шаблон для мУзыКаЛьного сайта шаблон на тему Lineage2 для клан форума. Скачать бесплатно шаблон для ucoz Dle To Ucoz by Bass Анимированная грозовая молния
Главная » Статьи » Уроки 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)
Просмотров: 1541 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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