Создание дизайна сайта портфолио в Photoshop — Урок 3

Автор Lyudmila Yeriomenko
Создание дизайна сайта портфолио в Photoshop — Урок 3

Всем привет свой блог и в этом уроке мы закончим с вами наш сайт портфолио в этом уроке мы рассмотрим версию для мобильных телефонов.

Рог будет достаточно простой всё, что нам нужно — это перенести наш основной проект новый документ и выровнять все элементы создадим новый документ назовем его портфолио. Мобайл ширина у нас будет 320 пикселей высота 2.100 320 пикселей — это ширина нашего мобильного телефона также как и в основном проекте выставлен направляющий на 20 300. Инна 160 и теперь перенесём все наши элементы из нашего основного проекта для этого.

Выделите все наши группы нажимаем правой кнопкой мыши нажимаем дубликат слоев и в наш новый документ так готова теперь нам нужно будет выровнять все элементы начнем в шапке сначала выровнять логотип можно — это сделать удерживая клавишу Shift и стрелками на клавиатуре так оно будет быстрее выделим все наши иконки также их выровняем какая машина управляющий.

Ну иконки слишком поэтому мы их немного уменьшим с 32 пикселей до 25 теперь вторую колонку и третью первый уровнем расстояние между ними выделенных все и выровнять по горизонтали так готова. Теперь мы выравниваем наш фон шапки можете выровнять так как вам удобно готова теперь выровнял нос заголовок, но заголовок у нас слишком большой поэтому мы сделаем разрыв строки уровнем его по центру и уменьшена шрифт до 26 пикселей расстояние между букв поставим 90. Я теперь выравнивание посередине нашего документа. Примерно вот так теперь перенесём наш подзаголовок. Здесь также сделаем разрыв строки, но шрифт уменьшает мы не будем мы уменьшим расстояние между строк поставил на 30.

0 комментариев
0

Читайте также