Создаем макет блога (Часть 2).
Шаг 12. Рисуем иконку комментариев. Задаем основной цвет - #76aae3. На новом слое с помощью Custom Shape Tool(U) рисуем подходящую форму. После этого меняем основной цвет на белый и с помощью Pencil Tool(B) рисуем маленькие белый линии. Для сопрводтельного текста будем использовать шрифт Arial, size 11, #5c5b5b.
Шаг 13. Дублируем текстовый блок и перемещаем его вниз.
Шаг 14. Пришло время для боковой панели. Рисуем область (на новом слое) шириной 200 пикселей с помощью Pencil Tool(B), предвартельно задав для основного цвета #74aae2. Для текста будет использовать шрифт verdana, size 14, #74aae2.
Шаг 15. Для подложки под аватарку будем использовать основной цвет - #ededed и инструмент Rounded Rectangle Tool(U), а для шрифта на боковой панели - verdana, size 11, #616161.
Шаг 16. Нарисуем иконку, которая будет стоять напротив пунктов меню Recent Posts и Archives. Кроме этой иконки остальный установки будут аналогичны использованным в шаге 15.
Шаг 17. Рисуем иконку, для этого увеличиваем масштаб до 3200% и задаем для основного цвета - #bebcbc. Далее выбираем инструмент Pencil Tool(B) c диаметром 1px и рисуем форму, как на рисунке внизу:
Шаг 18. Добавляем согнутый уголок все тем же инструментом, но #acabab цвета.
Шаг 19. Теперь, давайте добавим тени с помощью Карандаша двух цветов: #e7e7e7 и #ebebeb.
Шаг 20. Разместим иконку в подходящих местах.
Шаг 21. Ну вот почти и все. Добавим лишь разделительную черту между основным блоком и боковой панелью. Для этого воспользуемся ранее сделанной тенью, повернем её (Edit>Tranform>Rotate 90 CW) и сотрем лишнее. Ну вот и все, наш макет блога готов!
Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор Mark.