На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

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




Разместите здесь свою рекламу
Главная » Photoshop » Создаем макет сайта для студий дизайна интерьера
11.08.2020

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

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

Здравствуйте, поклонники 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

(+2 баллов, 2 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.