Как сделать шаблон в фотошопе.

Этот вопрос интересует многих начинающих дизайнеров. На помощь Вам может придти Divine — бесплатный плагин для Photoshop, который позволяет из файла *.psd сделать шаблон для WordPress.
Скачать можно с официального сайта: www.divine-project.com/download
Инструкция:
1. Запустите установочный файл Divine_setup.exe. В появившемся окне визарда жмите «Далее»:


Дальнейшая установка так же не отличается от стандартной (выбираете папку и завершаете установку)
2. После завершения установки откроется окно приветствия плагина Divine, из него можно начать работу с заготовленным шаблоном в формате psd.

3. Создание простого шаблона для CMS WordPress:
Откройте подготовленный Вами шаблон, через меню программы Photoshop. После того как шаблон загрузится запустите установленный плагин: “File > Automate > Divine”.

Окно плагина имеет несколько важных для работы областей: Верхнее меню,  Рабочая область и Панель свойств элементов. В меню можно переключить язык на Русский, если в нём Вам удобнее работать (Divine > Language). В рабочей области отображается страница, с которой Вы работаете.

Далее нам необходимо назначить правила для основных элементов шаблона. Обычно это: Header(Шапка), Sidebar, Post(Основной контент), Footer (Подвал сайта). Для CMS WordPress возможно разбиение этой четвёрки на более мелкие составляющие, например, в Sidebar можно выделить:

  • Form text field(Текстовое поле для Формы),
  • Form “Submit” button (Кнопка формы),
  • Sidebar caption (Заголовок сайдбара),
  • Sidebar link (ссылка — обычно пункт меню),
  • Sidebar text (текстовый блок).

Дополнительно к элементу Post выделяются:

  • Post main title (Заголовок статьи),
  • Post date (Дата публикации),
  • Post Author (Ник или имя автора),
  • Post text (Основной текст),
  • Number of comments (количество комментариев),
  • Comments link (Ссылка на комментарии),
  • Read more (Читать далее),
  • Comment response (Ответ на комментарий),
  • Previous comments link (Ссылка на предыдущую страницу с комментариями),
  • Next comments link (Ссылка на следуюущую страницу с комментариями),
  • Comment author (Автор комментария),
  • Comment date (Дата комментария),
  • Comment text (Текст комментария)

Если Вам не хватило стандартных элементов, можно назначить и свои. Для создания нового правила, выделите требуемый элемент, вызовите контекстное меню и выберете пункт «UserItem»:

Панель Element Properties, отображённая на рисунке выше доступна слева от рабочей области в панели элементов. На ней отражаются все создаваемые вами элементы и слои. При выборе элемента в панели, он автоматически подсвечивается в рабочей области.

Для публикации шаблона необходимо нажать «Publish» в панели меню.

Поддерживается два режима публикации: непосредственно на хостинг и на локальный компьютер. Чтобы выбрать куда сохранить Ваш шаблон воспользуйтесь меню слева (под кнопкой Publish)