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

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



Здравствуйте, поклонники 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), добавим несколько деталей. Вот наш результат.

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

Вот наш заключительный результат.

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

Сайт: Stadion-Kuban.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте: vk.com/Stadion-Kuban

И в Твиттере: twitter.com/Stadion-Kuban

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Люба
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
11-08-2020, 16:07
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 6 + 2 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
.