Рекомендуем ознакомиться со следующими разделами Фотошопа:

Из этого урока веб дизайна вы узнаете, как создать интересный макет для сайта web хостинга, используя всего 2-3 цвета.

Сложность: низкая
Время: до 1 часа

Навыки для «прокачки»:
- работа с фигурами
- работа со стилями слоя

Для начала мы должны создать новый документ. Размер 1000 × 1100 пикселей, и белым фоном.
Активируем инструмент Прямоугольник (Rectangle Tool), и создадим две фигуры, используя следующие цвета: верхняя # 393e43, и нижняя # 373a3e.

Затем создадим еще две формы, как на картинке ниже.

Теперь добавим Стили слоя (Add a layer style)

Инструментом Произвольная фигура (Custom Shape Tool), добавим стрелки. И добавим те же Cтили слоя (Add a layer style) как указано выше.

Теперь создадим кнопки, инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool).

Снова добавим Cтили слоя (Add a layer style).

Вот как будет выглядеть наша кнопка.

Далее поставим цвет переднего плана # 25272a, и создадим две фигуры инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool).

Для обеих форм добавим следующие Cтили слоя (Add a layer style).

Вот что должно получиться.

В верхней форме добавим еще три фигуры, и добавим те же Cтили слоя (Add a layer style). Здесь мы будем добавлять тарифы на хостинг. Если у вас более чем три позиции, то вы можете создать больше фигур.

Инструментом Горизонтальный текст (Horizontal Type Tool), мы добавим текст, и в то же время добавим несколько изображений с серверами.

В уроке используется шрифт: Myriad Pro (курсив)
В середине макета добавим хорошее изображение, и текст.

Наш последний шаг заключается в создании окна поиска, где ваши клиенты будут иметь возможность выбрать доступное доменное имя. И будем использовать те же те же Cтили слоя (Add a layer style), что и для кнопки.

Вот на этом мы закончим наш урок веб дизайна!

Надеюсь, он был для вас полезен.

Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://www.grafpedia.com/tutorials/create-web-hosting-layout