| Главная » Статьи » Веб-дизайн |
Для урока нам понадобиться текстура, сохраняем ее себе на компьютер. ![]() Шаг 1. Открываем картинку в Photoshop и следуем Edit > Define pattern. Пишем имя и жмем ОК. Создаем новый документ: 960 pixels ширина и 900 pixels по высоте. Берем Paint Bucket Tool,в панели опций выбираем: pattern. И выбираем тот который создали. ![]() Кликаем на слое с помощью Paint Bucket Tool. Получите следующее: ![]() Ставим цвет переднего плана: #49290a и с помощью Rounded Rectangle Tool создаем форму, и располагаем посередине макета. ![]() Добавляем стили слоя: ![]() ![]() Добавим другие формы, ниже коричневых форм. В этот раз используем белый цвет для форм. ![]() Добавляем те же самые стили слоя что использовали ранее: ![]() ![]() Результат: ![]() Шаг 2. В низ макета добавляем картинку растения и дивана.
Под слоем с диваном, создаем круглую форму используя инструмент Ellipse Tool
Следуем Filter > Blur > Gaussian blur и настройки как показано ниже:
Теперь у нас есть тень под диваном
Шаг 3. На левой части макета создаем боксы, используя Rectangle Tool
Добавляем стили слоя: ![]() Добавляем текст и картинки:
На правой части баннеры:
Создаем линию чтобы разделить посты
Чтобы создать линию, используем Horizontal Type Tool и следующие настройки шрифта:
Создаем кнопки:
Финальный результат:
автор: Grafpedia | |
| Просмотров: 660 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |























