WordPress 3.0: Creating and Editing Custom Themes / WordPress 3.0: Создание и редактирование собственных тем оформления: 05 - Building a home page mockup

Настало время приступить к созданию дизайна сайта в Photoshop.

shylep 19.10.11 в 17:30

Если вас не привлекет работа в Photoshop или эта часть

shylep 19.10.11 в 17:31

круса, в файлах упражнений вы сможете найти готовые Photosop файлы

shylep 19.10.11 в 17:40

Если у вас нет к ним доступа, беспалтные файлы упражнений доступны на странице курса.

shylep 19.10.11 в 17:43

Также вы можете продолжить этот курс со второй главы.

shylep 19.10.11 в 17:44

Мы собираемся продолжить работу с домашней страницей.

shylep 19.10.11 в 17:45

Домашняя страница хорошее место для начала просмотра всего сайта, но это

shylep 19.10.11 в 18:52

необязательно

shylep 23.10.11 в 06:36

Если у Вас есть личные предпочтения , чтобы начать с любого места вашего сайта

shylep 23.10.11 в 06:47

непременно делайте это.

shylep 23.10.11 в 06:50

Теперь у нас есть отправная точка.

shylep 23.10.11 в 06:54

Это просто типографские стили, несколько вариантов цветов, некоторые вещи

shylep 23.10.11 в 06:55

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

shylep 23.10.11 в 06:59

Теперь я открою его. Мы немного используем этот потенциал, но

shylep 23.10.11 в 06:59

нам необходим новый документ для нашего дизайна.

shylep 23.10.11 в 07:01

Создадим новый документ.

shylep 23.10.11 в 07:02

Создадим документ с размерами 800х1200 пкс.

shylep 23.10.11 в 07:03

Сейчас не будет ничего сложного.

shylep 23.10.11 в 07:04

Это именно то чем мы собираемся заняться. Если созданный вами слой отличается от этого

shylep 23.10.11 в 07:15

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

shylep 23.10.11 в 07:16

В этом и заключается вся прелесть работы по созданию дизайна на компьютере.

shylep 23.10.11 в 07:18

Двойным кликом на слое преобразуем его фоновый слой.

shylep 23.10.11 в 07:19

Это просто снимает блокировку и теперь я смогу изменить параметры "Холста"

shylep 23.10.11 в 07:21

увеличив его размеры до 1200х1400 пикс.

shylep 23.10.11 в 07:22

Теперь мы можем вставить белый фон из нашего оригинального документа

shylep 23.10.11 в 07:28

идеально расположенного по центру, именно так как сейчас,

shylep 23.10.11 в 07:32

что позволит нам свободно размещать на нем контент за пределами основного изображения

shylep 23.10.11 в 07:34

и позволит подгонять его по необходимости.

shylep 23.10.11 в 07:35

Теперь создадим новый слой кликнув на эту маленькую иконку

shylep 23.10.11 в 07:35

вот хдесь. И перетащим созданный слой под слой контента.

shylep 23.10.11 в 07:36

Дадим ему название "Content ". И теперь я заполним созданный слой фоновым цветом

shylep 23.10.11 в 07:37

просто нажав комбинацию клавиш "Shift+Backspace".

shylep 23.10.11 в 07:40

Я собираюсь сделать его белым, так как мы имеем белое на белом.

shylep 23.10.11 в 07:42

Возможно мы заполним его серым.

shylep 23.10.11 в 07:42

Вызовем палитру подбора цветов и изменим цвет фонового слоя на серый.

shylep 23.10.11 в 07:43

Затем зальем им слой подожки используя комбинацию клавиш "Alt+Backspase"

shylep 23.10.11 в 07:44

Помните как я применял фильтр "Шум" вот к этому изображению.

shylep 23.10.11 в 08:55

Это выглядет немного мрачновато. Возможно мы попробуем немного его изменить.

shylep 23.10.11 в 08:56

Я собираюсь взять образец цвета прямо вот отсюда и затем немного

shylep 23.10.11 в 08:57

серого вот отсюда.

shylep 31.10.11 в 15:49

Сейчас наш фоновый цвет серый. Нажав сочетание клавиш Shift+Backspace, заполним все это сервм цветом.

shylep 31.10.11 в 15:51