
Из этого урока вы узнаете, как создать макет сайта Знакомств. Но вы можете использовать этот макет и для другого веб-сайта.
Навыки для "прокачки":
- работа с "горячими клавишами"- работа со стилями слоя- работа с фигурами в ФотошопС помощью уроков вэб дизайна мы всего лишь показываем, как можно сделать интересные макеты, а уж для какой тематики, вы выбираете сами.
Заключительный результат.
Шаг 1. Создадим новый документ размером 760 х 770 пикселей. Фон: белый
Выберите инструмент Прямоугольник (Rectangle Tool), и создайте следующую форму.
Шаг 2. Для этого слоя Добавим следующие стили слоя (Add a layer style).



Шаг 3. После этого вам нужно скачать кисти
Облака - это бесплатно в уроках Вэб дизайна.
Создайте новый слой (нажмите CTRL + SHIFT + ALT + N) и, добавьте немного облаков на синей форме.
Шаг 4. Далее вам понадобиться изображение бумаги. Вы можете поискать его в интернете. И поместите его, как на изображении ниже.
Шаг 5. Теперь пришло время добавить логотип. С этой задачей вы легко справитесь самостоятельно.
Шаг 6. Теперь добавим текст в заголовке, а также изображение.
Шаг 7. Выберите инструмент Линия (Line Tool), примерно 2 или 3 пикселя и создать 2 или 3 линии.
Используйте цвет который вам больше нравится. В уроке используется светло-серый.
Шаг 8. В нижней части макета создадим еще одну линию.
Шаг 9. Для этой линии Добавим следующие стили слоя (Add a layer style).





Вот что должно получиться.
Шаг 10. Теперь вам понадобится несколько иконок.
Создадим новый слой (нажмите CTRL + SHIFT + ALT + N), добавим несколько небольших иконок, как на картинке ниже.
Шаг 11. Теперь вам понадобится следующий набор
кистей. Если вы изучаете уроки вэб дизайна, то в вашем Фотошоп должно быть неимоверное количество различных кистей, стилей, градиентов.
И еще раз на новом слое добавим некоторые детали.

Вот что у нас получилось.

Вот так легко и просто можно создать интересный макет для вашего сайта.