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

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

Всем привет.

С вами в блоке в этом уроке мы закончим наш сайт портфолио на следующем уроке мы рассмотрим версию для мобильных телефонов перед началом рекомендую скачать весь необходимый материал по ссылке в описании так начнем открываем Photoshop наш старый проект которому делали в прошлом уроке и создадим нашу область для нашего центра, но у нас будет серого цвета. И нарисуй прямоугольник размер будет 1200 на 880 пикселей так готова теперь нам нужно создать заголовок для нашего контента назовём наш фон создадим новый слой выберем инструмент текст оставим направляющие и того чтобы проще было отцентрировать наш заголовок расстояние между заголовком и картинкой то есть нашей шапкой будет 80 пикселей выберем шрифт лото убери начертания жирный и выставим размер текст в 12 пикселей расстояние между буквами будет 270 и того чтобы нож заголовок выделялся так как он будет маленького размера выставим цвет серый добавим текст последние фотографии готова выравнивал, а относительно нашей направляющие и центрирование. Соколова готов теперь нам надо выставить ещё одну направляющую 80 пикселей от нашего заголовка туда будет начинаться наш контент.

Теперь мы вас планирую для того чтобы нам разместить контент нам нужно понять.

Какого размера будет каждый блок то есть ширина нашей странице 1000 Pixel. Куда можно добавить. Четыре элемента по 250 пикселей, но если мы так сделаем то фотографии будут прижиматься друг другу, что не очень хорошо для этого. Мы создали монстра по между каждой из фотографий про стопы будут размером в 20 пикселей.

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

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