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

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

Документ и выровнять все элементы создадим новый документ назовем его портфолио.

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

Ну иконки слишком большие поэтому мы их немного уменьшим 32 пикселей до 25 тебе вторую колонку и третью первый уровнем расстояние между ними.

Будильник все и выровнять по горизонтали так готова. Теперь мы выравниваем наш фон шапки можете выровнять так как вам удобно готова теперь выровняем наш заголовок, но заголовок у нас слишком большой поэтому мы сделаем разрыв строки уровнем его по центру и уменьшена шрифт дома 26 пикселей расстояние между букв поставим 90 и теперь выравнивание посередине нашего документа. Примерно вот так теперь перенесём наш подзаголовок. Здесь также сделаем разрыв строки, но шрифт уменьшает мы не будем мы уменьшим расстояние между строк. Поставим на 30. Теперь вы равнинного посередине готова теперь займемся областью с нашим контентом перенесём наш заголовок выравнивание посередине мы займемся в нашем контентом здесь у нас получается две фотографии. Но нам нужно будет разместить три для этого мы увеличим высоту нашего фона и ещё одна фотография сперва выровняем 1 она у нас маленькая. Поэтому нам нужно будет увеличить её ширину до нашей правой направляющие для этого выбираем прямоугольник с нашей областью и просто выравниваем ширину также прямоугольник с описанием для этого и нужен clipping Mask чтобы заново не резать фотографию, а просто её так вот выровнить.

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

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