Real Estate Layout
Сегодня я покажу, как создать сайт по недвижимости.
Рисуем
Начнем с нового документа
Размер, как обычно 760x770пикселей
Фон: белый
Продублируйте фоновый слой (чтобы сделать дубликат, убедитесь, что у вас выбран фоновый слой на вашей панели слоев, затем нажмите CTRL+J)
Идите в Filter > Noise > Add noise (Фильтр > Шум > Добавить шум) , и используйте те же настройки, что и я
Затем нажмите CTRL+U , и используйте следующие настройки :
У нас прекрасный фон для нашего макета.
Возьмите Rounded rectangle tool (Инструмент "Прямоугольник с закругленніми краями"), и создайте фигуру, как моя
Теперь скачайте следующее изображение ,
и расположите его как я:
Убедитесь, что этот слой выделен на вашей панели слоев, затем с помощью " Single Column Marquee Tool "(Инструмент "Область (вертикальная строка)") сделайте выделение как у меня
Затем нажмите CTRL+J ( это клавиатурное сокращение создамт новый слой сверху слоя с домом )
Я создал ноый слой посредством копирования
Выберите этот новый слой на панели слоев, затем нажмите V на вашей клавиатуре, и выберите Move tool (Инструмент "Перемещение") , и затем нажмите CTRL+T
Вы увидете на экране элементы управления трансформацией
С помощью Move toоl (Инструмента "Перемещеиние") измените горизонтальный масштаб, до тех пор, пока у вас не будет тот же результат, как и у меня
Выберите Rounded rectangle Tool (Инструмент "Прямоугольник со скругленными углами") , и создайте немного фигур. Вы можете увидеть, что я создал 6 маленьких фигур белого цвета и расположил их вверху нашего макета. Эти фигуры будут нашими кнопочками.
Затем я создал фигуру с левой стороны голубого цвета.
Для слой с голубой фигурой добавьте следующие стили слоя
Вот мой результат. Вы можете увидеть, что я добавил также некоторый текст. Это простая работа и я думаю, что каждый может сделать ее сам. Если вы хотите, можете скачать 3D логотип с www.logo-3d.com ( talk-mania сайт ) и использовать вместо моего текстового логотипа
После этого, я расположил некоторые формы и текст на этой оранжевой фигуре
Я добавил некоторый текст в тело данного макета. В то же время, я добавил несколько изображений
Если у вас есть Talk-Mania Big-Pack, то вы можете найти прекрасный набор пиксельных иконок для следующего шага. Пожалуйста загрузите кисти пиксельных иконок и создайте 3 или 4 иконки на правой стороне вашего макета
Теперь выберите Line Tool (Инструмент "Линия") (убедитесь, что ширина установлена в 1 пкс ), и создайте 2 маленькие линии, как я.
Вы можете заметить, что я расположил другой текст на макете
Теперь, пожалуйста зайдите в www.photo-shop-brush.com ( Talk-mania сайт ) и скачайте следующий набор кистей : Free Photoshop Brushes
После того как вы загрузите кисти, создайте новый слой поверх всех слоев, и добавьте простые детали с помощью brush tool (инструмента "Кисть").
Надеюсь, вы найдете этот урок полезным.
Автор: Talk-mania
Перевод: BerdArt
Источник