Шаблон для сайта из PSD

Главная » Уроки » Веб-дизайн

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

Шаблон для сайта из PSD

Стоит ли говорить, что дизайн веб-ресурса должен быть уникальным. Обычные шаблонные варианты дизайна могут неоднократно встречаться в Сети, а его профессиональная разработка стоит больших денег. Однако есть другой способ сделать «внешность» сайта эксклюзивной.

Создание шаблона для сайта из макета формата PSD на сегодняшний день пользуется в среде веб-мастеров довольно широкой популярностью. Работая с таким макетом, во-первых, можно исполнить внешний вид интернет-ресурса на весьма высоком уровне, во-вторых, при этом не требуется особых навыков, необходимы лишь поверхностное знание и умение пользоваться основными функциями Adobe Photoshop.

Варианты преобразования PSD-макетов

Вопрос «как нарезать шаблон веб-сайта из PSD-файла?» интересует довольно многих начинающих дизайнеров и веб-мастеров по совместительству. Программа Adobe Photoshop окажется незаменимой для этого. Существует два варианта нарезки шаблона из PSD. Первый – более трудоемкий, поскольку осуществляется вручную. В программу Photoshop загружается PSD-файл, из которого планируется создать шаблон для интернет-ресурса, затем его разделяют на области, такие как шапка, область текста, навигационный блок, футер. Для нарезки, которая требует высокой точности, применяется инструмент «раскройка» и проводятся еще большое количество операций с файлом, что отнимает много сил и, что также немаловажно, времени. Второй – более автоматизированный способ, заключающийся в установке специального плагина, участие человека в процессе создания шаблона для веб-ресурса также не исключается.

Установка Divine

Divine представляет собой бесплатный плагин, созданный для программы Photoshop. Он позволяет из PSD-файла сделать шаблон для сайта, но работающего исключительно на движке WordPress. Поэтому если у вас установлена другая система управления интернет-ресурсом, например, «1С-Битрикс», то в этом случае придется кропотливо создавать шаблоны для Битрикс в Adobe Photoshop без этого плагина.

Скачать Divine представляется возможным любому желающему, для чего необходимо зайти на официальный сайт программы. После того, как загрузка программы на компьютер подошла к концу, следует запустить установочный файл, которой имеет название Divine_setup.exe. В открывшемся окне нужно кликнуть по кнопке «Далее». Установка данного плагина, как и любой другой компьютерной программы, стандартна и не требует никаких дополнительных действий. После ее завершения вы увидите окно приветствия Divine, из которого можно начинать работать с PSD-макетом, заранее найденным в Сети.

Работа с Divine

Изначально необходимо через меню программы Adobe Photoshop открыть подобранный вами макет. После его загрузки, требуется запустить плагин, для чего выполняются действия: File – Automate – Divine. В окне плагина можно увидеть несколько ключевых областей, важных для работы в нем: Рабочая область, Верхнее меню, а также не менее важная Панель свойств элементов.

Итак, для ключевых элементов шаблона пришло время назначить определенные правила. К ключевым обычно относятся Шапка сайта (Header), Область основного контента (Post), так называемый Sidebar, Подвал (Footer). Кроме того, при необходимости можно разбить эти элементы на еще меньшие составляющие. Так, для того, чтобы создать новое правило, требуется выделить нужный элемент, затем вызвать контекстное меню, где выбрать пункт под название «UserItem».

В процессе работы в программе Divine можно заметить панель Element Properties, на которой отражаются все созданные вами слои и элементы. Если выбрать тот или иной элемент в этой панели, то в рабочей области он автоматически подсвечивается. Благодаря функциональным особенностям данного плагина можно создавать довольно сложные и уникальные шаблоны, которые после установки их на сайт придадут ему привлекательный вид и профессиональное оформление.

Чтобы опубликовать подготовленный шаблон, следует в панели меню нажать «Publish». Пользователю доступно два режима публикации: во-первых, непосредственно на хостинг, во-вторых, на локальный компьютер.

Таким образом, используя современные средства преобразования одних файлов в другие, такие как, к примеру, рассмотренный выше плагин Divine, можно нарезать из PSD-макета шаблон для веб-сайта довольно быстро и не прикладывая к этому особых усилий.

Категория: Веб-дизайн; Урок сделан: 02.12.2011; Просмотров : 1952; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru