Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Скачать шаблон для блога Скачать бесплатно шаблон для UCOZ Design_by_Asman_Web2.0 Скачать кисть для фотошопа - Смешные Смайлы Как нарисовать стильный логотип в фотошопе? Скачать шаблон для ВАРЕЗА Soft Portal By avdey =) Сложный шаблон для uCoz Warez шаблон, адаптированный из dle Скачать иконки групп Yellow icons Анимированный дождь Шаблоны под uCoz Скачать шаблон для ucoz Скачать абстрактные кисти для фотошопа HDR Что ЭТО?. Что лучше Photoshop или Photomatix Скачать шаблон для ucoz шаблон для сайта "Qwarez" Скачать бесплатно Новый Шаблон для UcoZ (от Web-Masteru.Net.Ru) Шаблон для Вареза Как сделать "Красивая иконка папки в фотошопе" Скачать Шаблон на тему Call of Duty 4 Как делать панораму в Photoshop Скачать РАбоТОСПОСОБНЫЙ шаблон для uCoz Как создавать эффект лучей Блок автоматически обновляемых новостей с ajax окнами V 1.2 (release 2 in 1) Рисуем сайт для хостинговой компании Отличный шаблон для КС сайта
Главная » Статьи » Уроки 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)
Просмотров: 1542 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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