Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Иконки для форумов в системе UcoZ - Темно-зеленые иконки StyleX Скачать шаблон для блога Скачать иконки групп на тему КС Скачать бесплатно набор шрифтов Скачать шаблон бесплатно для uCoz СКАЧАТЬ кнопки для форума Шаблон для Counter Strike for uCoz Скачать шаблон для музыкального портала Адаптация под uCoz шаблон сайтов Шаблон для онлайн кинотеатра скачать Шаблон uCoz Шаблон для СОФТпортала Скачать шаблон by bannerkz|TeKtOnIk Фото в готическом стиле Иконки груп для ucoz Скачать бесплатно Большой набор иконок 262 штук Скачать шаблон для uCoz Скачать кнопки на тему "Warcraft" ОТЛИЧНЫЙ ШАБЛОН ДЛЯ UCOZ СКАЧАТЬ кнопки для форума ucoz Отличный шаблон для ucoz на тему SOFT PORTAL Скачать шаблон для Блога Скачать шаблон для ВАРЕЗ-портала Иконки для форумов в системе 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)
Просмотров: 1514 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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