Создаем макет сайта свадебного салона

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

Из этого урока вы узнаете, как создать красивый шаблон сайта свадебного салона. Сайта о вечной истории любви. Сложность: низкая Время: до 1 часа Навыки для "прокачки": - создание композиции - работа с заливками и паттернами - создание векторных форм в Фотошоп - работа со стилями слоя - работа с кистями Создаем макет сайта свадебного салона - уроки фотошоп Итак, давайте начнем! Как обычно, уроки веб дизайна начинаются с создания нового документа. Размер 760x770 пикселей. Цвет фона: белый. Сначала мы должны создать фон. Сохраните следующее изображение на вашем компьютере. Создаем макет сайта свадебного салона - уроки фотошоп Откройте изображение в фотошоп, затем перейдите к Редактирование-> Определить узор (Edit-> Define Pattern). Введите имя для вашего шаблона и нажмите кнопку ОК. Создайте новый слой (нажмите CTRL + SHIFT + ALT + N), выберите инструмент Заливка (Paint Bucket) и используйте следующие параметры: (убедитесь, что у вас выбран ваш шаблон) Создаем макет сайта свадебного салона - уроки фотошоп Щелкните Заливкой на вашем холсте. Создаем макет сайта свадебного салона - уроки фотошоп Затем измените Непрозрачность (Opacity) этого слоя до 15%. Установите режим смешивания на Умножение (Multiply). Создаем макет сайта свадебного салона - уроки фотошоп Теперь пришло время добавить несколько изображений из вашей коллекции фото. Можете добавить фоторамку и изображение с невестой. Создаем макет сайта свадебного салона - уроки фотошоп Теперь откроем следующее изображение и создадим еще один шаблон. Создаем макет сайта свадебного салона - уроки фотошоп Чтобы создать шаблон, перейдите Редактирование-> Определить узор (Edit-> Define Pattern). Инструментом Прямоугольник (Rectangle tool) создадим следующую форму. Создаем макет сайта свадебного салона - уроки фотошоп Убедитесь, что вы используете этот цвет, когда создаете форму: # 600300 Теперь для этой формы добавим следующие стили слоя (Add a layer style). Создаем макет сайта свадебного салона - уроки фотошоп Создаем макет сайта свадебного салона - уроки фотошоп Создаем макет сайта свадебного салона - уроки фотошоп Вот наш результат. Создаем макет сайта свадебного салона - уроки фотошоп Теперь вам понадобятся кисти для украшения картинки. Создаем макет сайта свадебного салона - уроки фотошоп Создайте новый слой (нажмите CTRL + SHIFT + ALT + N) Затем Кистью (Brush tool) , создайте несколько рисунков на макете. Создаем макет сайта свадебного салона - уроки фотошоп Теперь добавим текст на макете. После того, как мы добавим текст, мы сможем лучше увидеть, где мы можем добавить детали. Создаем макет сайта свадебного салона - уроки фотошоп Теперь мы добавим другую деталь, используя другую кисть. Создаем макет сайта свадебного салона - уроки фотошоп Выберите инструмент Линия (Line Tool), и создайте линии, как на изображении ниже: Создаем макет сайта свадебного салона - уроки фотошоп Затем нажмите на кнопку Добавить маску слоя (Add layer mask). Создаем макет сайта свадебного салона - уроки фотошоп Выберите Градиент (Gradient Tool) со следующими настройками: Создаем макет сайта свадебного салона - уроки фотошоп Затем проведите линию от середины линии к правой стороне линии. Вот наш результат. Создаем макет сайта свадебного салона - уроки фотошоп Можете добавить еще какие либо изображения по желанию. Наш макет готов. Мне кажется, у нас неплохо получилось. Читайте наши уроки веб дизайна! Создаем макет сайта свадебного салона - уроки фотошоп Автор/Переводчик: Артеменко Люба Ссылка на источник: http://www.talk-mania.com/web-layouts/35280-wedding-layout.html

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

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