Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

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

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

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


 
Опции учебника
Рисуем сайт для хостинговой компании, веб-дизайн

Предыдущий учебник Рисуем сайт для хостинговой компании, веб-дизайн Следующий учебник
Опубликовал(а) Gostemilov
21.06.2015
Рисуем сайт для хостинговой компании, веб-дизайн


VPS-hosting-layout

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

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


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






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


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






Получаем вот это:


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






Должно получиться следующее:


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






Красный блок:






Зеленый блок:






В результате имеем:


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


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


Выставляем режим смешивания "overlay" и прозрачность 40%.


Снимаем выделение Ctrl+D и получаем


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


Дальше вставляем трехмерные изображение серверных шкафов.


Забиваем текст


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


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


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





Вот вам готовый шаблон сайта

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

Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 55
Сообщений: 92,012
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=55149
  #1  
By Gostemilov on 21.06.2015, 23:00
Рисуем сайт для хостинговой компании, веб-дизайн

и тут talk mania)...а ваще симпотично смотрится ) если бы не было такого колличества текста...а так спасибо.)
  #2  
By Gostemilov on 21.06.2015, 23:00
Рисуем сайт для хостинговой компании, веб-дизайн

Как говориться - на здоровье, главно чтоб пригодилось
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Стильный зелёный сайт, веб-дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 15:30
Джинсовый сайт, веб-дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 12:00
Профессиональный сайт, веб-дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 08:35
Рисуем сайт "Портфолио Дизайнера", веб-дизайн Gostemilov Необработанные уроки Photoshop 0 22.06.2015 21:30
Дизайн сайта хостинговой компании, Design an amazing 3d hosting layout Gostemilov Необработанные уроки Photoshop 0 19.06.2015 23:55

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 04:54. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 15.00%).