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



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