VPS-hosting-layout
читать дальшеСоздаем документ 760x770 пикселей, с белым фоном
Выбираем Rounded rectangle tool с радиусом 5 и рисуем несколько прямоугольников, приблизительно как на рисунке. Таким образом мы разметим основные разделы сайта и верхнее меню
Далее переходим к свойствам стилей нашего меню и выставляем следующие параметры:
Применяем полученный стиль ко всем кнопкам меню
Далее выбираем слой с большим черным блоком и применяем к нему следующий стиль
Получаем вот это:
Идем к нижнему черному блоку и применяем к нему следующий стиль:
Должно получиться следующее:
Дальше мы переходим к нашим трем цветным блокам (синий, красный, зеленый) и по очереди добавляем к ним следующие стили:
Красный блок:
Зеленый блок:
В результате имеем:
Выделяем синий прямоугольник. При нажатой клавише Ctrl кликаем на пиктограмму нашего прямоугольника
Создаем новый слой Ctrl+Shift+Alt+N, выбираем Brush tool с мягким контуром и рисуем несколько наклонных линий вот так
Выставляем режим смешивания "overlay" и прозрачность 40%.
Снимаем выделение Ctrl+D и получаем
Подобные действия проделываем для красного и зеленых блоков
Дальше вставляем трехмерные изображение серверных шкафов.
Забиваем текст
И вот уже практически готовый шаблон
Вставляем блок с поиском, рисуя его по аналогии с цветными
Далее займемся отрисовкой указателей. Тут вы можете фантазировать как только пожелаете.
К каждому из блоков я добавил вот по такой стрелочке. Перейдем к стилю:
Вот вам готовый шаблон сайта
Автор: razvans www.tutorialized.com/
Перевод: Beavis