Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Шаблон на тему Call of Duty 4 Отличный шаблон для КС сайта Кисти оружее скачать OurWarez for uCoz by ReaL Шаблон для сайтов на uCoz Классные неоновые иконки Бесплатно Красивый шаблон для uCoz Как в PhotoShop нарисовать 3D иконку коробки (упаковки)? Вращающийся онлайн кинотеатр (самообновляемый) V 1.0 Обработка фото Как сделать Эффект загнутой страницы Иконки групп для ucoz by CкРиПтЕг Создание композиции в фотографиях Иконки для форумов в системе UcoZ - Темно-зеленые иконки Как сделать макияж в Adobe Photoshop Скачать шаблон для ВАРЕЗА Soft Portal By avdey =) Скачать иконки для сайта Скачать Музыкальный набор кнопок Голубые иконки для сайтов Скачать шаблон бесплатно Как превратить современный город в руины Меняем цвет автомобиля в фотошопе Скачать шаблон для uCoz Набор иконок для форумов в системе UcoZ - Жёлтые иконки. Шаблон для uCoz в стиле "VISTA"
Главная » Статьи » Уроки 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)
Просмотров: 1170 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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