Создаем макет сайта для студий дизайна интерьера

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

Здравствуйте, поклонники web дизайна. Из сегодняшнего урока вы узнаете, как сделать макет сайта для студии дизайна интерьера Сложность: низкая Время: до 1 часа Навыки для «прокачки»: - работа с «быстрыми клавишами» - работа со стилями слоя - работа с векторными объектами Фотошоп - работа с кистями Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 1. Создайте новый документ размером 760x770 пикс., цвет фона не имеет значения. Убедитесь, что у вас установлены цвет переднего плана черный, а цвет фона белый. Затем перейдите Фильтр-> Шум-> Добавить шум (Filter-> Noise-> Add Noise), и используйте следующие настройки: Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 2. После этого, инструментом Прямоугольник (Rectangle Tool) используя цвет: # DDDDDD, создадим форму в середине макета. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 3. Для этой формы добавим следующие стили слоя (Add a layer style): Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Вот наш результат. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 4. Теперь дублируем этот слой (убедитесь, что у вас выбран слой, затем нажмите на CTRL + J). После этого нажмите на CTRL + T, чтобы трансформировать второй слой. Поверните вторую фигуру, как на картинке ниже. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 5. Теперь пришло время добавить несколько изображений на наш макет. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 6. Для всех изображений, которые вы добавляете в ваш макет, добавьте следующие стили слоя. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 7. Теперь давайте создадим еще один прямоугольник на левой стороне нашего макета. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 8. На этой красной форме мы добавим наше меню. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Шаг 9. Теперь мы добавим некоторые детали. Скачайте следующий набор кистей.

Кисти

затем создадим новый слой (Нажмите CTRL + SHIFT + ALT + N), добавим несколько деталей. Вот наш результат. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Вот наш заключительный результат. Создаем макет сайта для студий дизайна интерьера - уроки фотошоп Переводчик: Артеменко Люба Ссылка на источник: http://www.talk-mania.com/web-layouts/40144-interior-design-layout.html

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

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