Создаем макет для сайта web хостинга

Создаем макет для сайта web  хостинга - уроки фотошоп

Из этого урока веб дизайна вы узнаете, как создать интересный макет для сайта web хостинга, используя всего 2-3 цвета. Сложность: низкая Время: до 1 часа Навыки для «прокачки»: - работа с фигурами - работа со стилями слоя Создаем макет для сайта web  хостинга - уроки фотошоп Для начала мы должны создать новый документ. Размер 1000 × 1100 пикселей, и белым фоном. Активируем инструмент Прямоугольник (Rectangle Tool), и создадим две фигуры, используя следующие цвета: верхняя # 393e43, и нижняя # 373a3e. Создаем макет для сайта web  хостинга - уроки фотошоп Затем создадим еще две формы, как на картинке ниже. Создаем макет для сайта web  хостинга - уроки фотошоп Теперь добавим Стили слоя (Add a layer style) Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Инструментом Произвольная фигура (Custom Shape Tool), добавим стрелки. И добавим те же Cтили слоя (Add a layer style) как указано выше. Создаем макет для сайта web  хостинга - уроки фотошоп Теперь создадим кнопки, инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool). Создаем макет для сайта web  хостинга - уроки фотошоп Снова добавим Cтили слоя (Add a layer style). Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Вот как будет выглядеть наша кнопка. Создаем макет для сайта web  хостинга - уроки фотошоп Далее поставим цвет переднего плана # 25272a, и создадим две фигуры инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool). Создаем макет для сайта web  хостинга - уроки фотошоп Для обеих форм добавим следующие Cтили слоя (Add a layer style). Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Создаем макет для сайта web  хостинга - уроки фотошоп Вот что должно получиться. Создаем макет для сайта web  хостинга - уроки фотошоп В верхней форме добавим еще три фигуры, и добавим те же Cтили слоя (Add a layer style). Здесь мы будем добавлять тарифы на хостинг. Если у вас более чем три позиции, то вы можете создать больше фигур. Создаем макет для сайта web  хостинга - уроки фотошоп Инструментом Горизонтальный текст (Horizontal Type Tool), мы добавим текст, и в то же время добавим несколько изображений с серверами. Создаем макет для сайта web  хостинга - уроки фотошоп В уроке используется шрифт: Myriad Pro (курсив) В середине макета добавим хорошее изображение, и текст. Создаем макет для сайта web  хостинга - уроки фотошоп Наш последний шаг заключается в создании окна поиска, где ваши клиенты будут иметь возможность выбрать доступное доменное имя. И будем использовать те же те же Cтили слоя (Add a layer style), что и для кнопки. Создаем макет для сайта web  хостинга - уроки фотошоп Вот на этом мы закончим наш урок веб дизайна! Создаем макет для сайта web хостинга - уроки фотошоп Надеюсь, он был для вас полезен. Автор/Переводчик: Артеменко Любовь Ссылка на источник: http://www.grafpedia.com/tutorials/create-web-hosting-layout

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика