На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:



Разместите здесь свою рекламу
Главная » Photoshop » Создаем макет для сайта знакомств
31.08.2019

Создаем макет для сайта знакомств

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

Из этого урока вы узнаете, как создать макет сайта Знакомств. Но вы можете использовать этот макет и для другого веб-сайта.

Сложность: низкая
Время: до 1 часа

Навыки для "прокачки":
- работа с "горячими клавишами"
- работа со стилями слоя
- работа с фигурами в Фотошоп

С помощью уроков вэб дизайна мы всего лишь показываем, как можно сделать интересные макеты, а уж для какой тематики, вы выбираете сами.

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

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

Шаг 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. Теперь вам понадобится следующий набор кистей

. Если вы изучаете уроки вэб дизайна, то в вашем Фотошоп должно быть неимоверное количество различных кистей, стилей, градиентов.
И еще раз на новом слое добавим некоторые детали.

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

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

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

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

Ссылка на источник: http://www.talk-mania.com/web-layouts/40173-dating-agency-layout.html
Переводчик: Артеменко Люба

(+2 баллов, 2 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.