Wordpress Layout # 6 Обучение Photoshop, свободный, макет, PSD, шаблон, тема, сайт, WordPress

Добро пожаловать в учебнике 230, в этом учебнике Л. показывается, как создать гладкую, чистую и СПАблагородные блога WordPress.

Настройка холсте и руководства

Создать новый документ 1200 x 1520, заполните ваш фоновый слой цветом # E6E6E6.

Макет делали будет 900px широкий, так что были понадобитсянастроить некоторые руководства. В меню "Вид> Новый путеводитель" из меню в верхней части, в всплывающем окне введите следующие параметры.

Сделайте то же самое снова только на этот раз ввести эти параметры.

Создание заголовка

ВыберитеRectangular Marquee Tool, затем создайте прямоугольник, ширина полотна и около 80 пикселей в высоту. Заполните прямоугольник с любого цвета, затем добавить эти стили слоя.

Вы должны иметь нечто подобное.

<P> На левой стороне добавить свой сайт WordPress Название и слоган, заполнить текст, используя цвет # 979797. Как только вы добавите ваш Название и слоган добавить тени с использованием параметров ниже.

Вы должны иметь нечто подобное.

Создание навигации

Использование инструмента текста добавить ссылки на манекена в правой части заголовка.

Использование инструмента округлены сделать прямоугольник выделения вокруг каждой ссылки навигации.

Заполните прямоугольники в любой цвет, тоDD эти стили слоя.

Вы должны иметь нечто подобное.

Создание Добро Площадь

Использование прямоугольных Marquee Tool сделать выбор под заголовком, убедитесь, что выделение на новый слой Underneath заголовке.

Заполните выделение любого цвета, затем добавить эти стили слоя.

Вы должны иметь нечто подобное.

В настоящее время собирается добавить символ из wefunction, нажмите сюда (HTTP: / / wefunction.com/2008/11/free-character-pack /) и загрузить обновления характер. После того как Вы скачали ее, извлечь ее слишком жесткий диск, то Open Up "002__002.eps" в Photoshop. Перетащите характер более на свой холст и позиция его, какрисунке ниже.

Чоп символы ножки от чуть ниже удар по приветствуем области.

Наконец добавить тени с использованием параметров ниже.

С правой стороны символа добавить простой Sentance о вашемблог.

Создание Содержание области

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

Заполните выделение любого цвета, затем добавить эти стили слоя.

Создайте новый слой под содержании прямоугольника, а затем выберите полигонального лассо. На углу прямоугольника содержание создать треугольной формы, как на картинке ниже.

Убедитесь, что отбор не опускается ниже инсульт приветствуем района. После того как Вы создали выбор заполнить его цветом # a9a9a9. Вы должны чПр-то вроде этого.

Дразнящий До WordPress Сообщения

Внутри нашего контента, позволяющий начать издеваться наш манекен должности. Выберите инструмент тип и добавить названия пример сообщения, используя цвет # 666666 и шрифт размером 24pt. Под постНазвание добавить мета данные (например, должность времени, дате публикации, автор и категория).

Под данную должность Meta добавить 1 пиксель строки, используя легкий сероватый цвет. Теперь над головой, чтобы WooThemes и скачать этот значок Pack (http://www.woothemes.com/2009/09/woofunction-178-amazing-web-design-icons /). На правой стороне Заголовок добавить значок речи пузыря с текстом говорю комментарии.

Покончить с должностями с манекеном и некоторые изображения манекен текста. После того как вы добавили DUMmy текста добавить дополнительную кнопку с помощью кнопок навигации. Ive также бросили в некоторых социальных кнопки для хорошей мерой.

Создание Sidebar

Боковой панели, будут расположены на левой стороне, против которой многие блоги отобразить его ON направо. В боковой панели чата собирается добавить Flickr Gallery первых, создать раздел использовать шрифт размером 18pt, используйте цвет # 666666 по статье цвета.

Под названием Flickr галерея добавить небольшой эскиз изображения, как ACT как наш манекен галерея Flickr. Прежде чем мы продолжим наш Sidebar добавлении элемента Пусть каждая отдельная часть, используя простые сепаратора. Выбор прямоугольной инструментом Marquee, затем создайте две 1 пиксель линиями друг на друга. Заполните строки в двух разных сотрудничествоЮК, линия Thats на дне заполнить белые и линии, которая сидит на вершине заполнить сероватого цвета темнее фона боковой панели. Наконец перетащить слой разделительные линии содержания под слоем поле, чтобы они красиво исчезнут за сотрудничествоntent поле.

Продолжить, чтобы раздуть из боковой панели с элементами вы хотите на боковой панели, добавили Ive простой список последних комментариев, а некоторые сайт спонсоров.

Создание Footer

Продублируйте приветствуем backgr областиound перетащите его вниз к нижней части холста. Откройте окно стилей слоя затем переключиться между цветами инсульт и внутреннюю тень. Вы должны убедиться, что белая линия под темно серая линия иначе вы получите обыкновение отступомэффекта.

На левой стороне Footer добавить красивый значок щебетать с речью пузыря рядом с ней. Речь пузырь из нестандартных форм библиотеку изнутри Photoshop.

Добавить фиктивную должность Twitter внутри пузыря T речиКурица Stick заголовка сверху. С правой стороны нижнего колонтитула добавить информацию об авторских правах и может быть немного другой характер изображения из wefunction.

Создание Pagination

Выбор прямоугольной инструментом Marquee или прямоугольник инструментоми создать несколько ящиков площади чуть более Footer инсульт. Используя те же методы, как мы сделали для нашего содержания окна, добавьте немного треугольной серой форме, чтобы они выглядели, как будто они заворачивают инсульт колонтитулов.

На рРАВО стороны Footer добавить 1 одного квадратного с маленькой стрелкой внутри него, снова использовать те же методы, что и выше для получения 3D эффекта.

Well Done. Готово

Thats все это сделали, Херес готового макета.

Заключительный Примечание

Спасибо запринимает участие в этом учебнике, IL нетерпением ждем ваших комментариев. Также обратите внимание на готовые темы WordPress, которая будет доступна для загрузки на FREEEE. Подписка через наш RSS-каналы, чтобы следить.

Спасибо.