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

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

Из этого урока вы узнаете, как создать макет сайта Знакомств. Но вы можете использовать этот макет и для другого веб-сайта. Сложность: низкая Время: до 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 Переводчик: Артеменко Люба

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика