7. Добавляем вертикальную направляющую. По ней будем рисовать сайдбар (боковую колонку).
Вообще, весь текст, который мы будем добавлять в реальности, как вы понимаете, будет добавлятся во время верстки иP HTML программирования, но на макете показать всю типографику, как она будет выглядеть, мы обязаны.
6. Пишем текст меню и заголовка блога. Цвет белый, шрифты – в меню я использовал Arial полужирный 18pt, в заголовке – Arial Black обычный 48pt, в описании – Arial Black 21pt. В шапке к заголовку и описания я добавил падающей тени, чтобы выделить светлый текст на светлом фоне. При верстке и создании действующей темы Wordpress тень будет добавляться средствами CSS.
Не обязательно повторять все как у меня – можете даже поискать другие изображения и составить совершенно другой коллаж. Добавляем падающую тень по вкусу.
5. Самый творческий шаг . Из того клипарта, что я предложил составляем коллаж в нашей шапке, руководствуясь исключительно своим дизайнерским вкусом и чувством композиции. Конечно, для этого вам понадобятся навыки работы со слоями, но если вы читаете этот урок, то смею предположить, что таковые у вас имеются и не буду подробно останавливаться на этом.
Можете поэкспериментировать с настройками сами, но результат должен быть примерно таким:
Теперь добавьте эффекты
4. Рисуем панель навигации – меню. Возьмите инструмент Rounded Rectangle Tool, раидус скругления – 10рх, режим – Fill Pixels. Эти параметры можно задать на панели параметров инструмента, которая находится под меню. Выберите основной цвет #a43121. И нарисуйте панель
3. Добавляем эффекты слоя -падающую тень.
2. Заливаем фон цветом #ffffee. И копируем в документ кусок старой бумаги, подгоняя под направляющую
1. Создаем новый документ размером 876х1158рх. Затем -направляющую View->New Guide. Параметры ставим как на скриншоте
(можете поискать другие)
Сперва нам понадобятся некоторые изображения:
Здравствуйте, товарищи! Как вы все знаете, в интернете полно различных туториалов, клипартов, кистей, шрифтов и прочих материалов на тему ретро. Но ведь это ретро – буржуйское, забугорное, неродное и чуждое русской душе . Я решил исправить это недоразумение и создать дизайн (в будущем это будет тема Wordpress) в стиле советского ретро 50-60х годов, а так же, написать подробный, понятный всем и каждому урок. Начинаем-с.
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
_gaq.push(['_trackPageview']);
_gaq.push(['_setAccount', 'UA-18356450-1']);
В стиле советского ретро - рисуем макет сайта в Photoshop | CG on Every Day
Комментариев нет:
Отправить комментарий