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

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



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

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

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

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

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

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

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

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

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

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

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте: vk.com/designlessons

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Люба
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
31-08-2019, 13:15
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 2 * 1 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
.