З шаблонів Photoshop (.psd формат) готовий сайт
1. Редагування шаблону
Для того, щоб скористатися всіма описаними нижче функціями, необхідна наявність Photoshop 7.0 на Вашому комп'ютері.
На жаль необхідна установка нових шрифтів для редагування тексту, якщо його у Вас немає, а в шаблоні використовується. Наскільки мені пам'ятається, в халявних темплейт (Web.Templates.Collection-Argento) додаткові шрифту не прілогается, а шкода. Якщо все ж Ви вирішите встановити свої шрифти, то робиться це так:
1. Виберіть:
Пуск> Настроювання-> Панель управління-> Шрифти
(Start-> Settings-> Control Panel-> Fonts) для того, щоб відкрити необхідну системну папку.
2. Виберіть Файл-> Встановити Шрифти (File-> Install Font).
3. У вікні, виберіть папку (FONTS) з шрифтами, яку Ви розархівували з скачав файлу.
4. Натисніть на кнопку "Вибрати все" ( "Select All") і декілька разів натисніть Ок
5. Закрийте вікно.
2. Редагування назви компанії
На даному етапі Ви вивчіть що таке Шар (layer) і як знайти той Шар, який необхідний для редагування.
3. З редагуванням квітів думаю зрозуміло.
1. Виберіть потрібний шар.
2. Виберіть інструмент Paint Bucket. Цей інструмент перемальовує всі крапки зі схожими квітами на шарі відповідно до кольору переднього плану (foreground color).
3. Встановіть колір переднього плану. Для цього клікніть на верхньому квадраті вибору кольору і у вікні, виберіть необхідний колір.
4. З обраним інструментом Paint Bucket клікніть на новинах і Ви побачите, що колір змінився на необхідний.
4. Заміна картинок
5. Вставка додаткових картинок
Як додавати картинки в шаблон за допомогою створення нового шару.
6. Приховування частини шару
1. Виберіть "Edit> Deselect" для того, щоб прибрати всі можливі виділення.
2. Виберіть інструмент "Rectangular Marquee" і намалюйте квадрат навколо "website!".
3. Виберіть "Select> Inverse" для того, щоб інвертувати виділення.
4. Натисніть кнопку "Layer Mask" вгорі панелі шарів "Layers Tab" для того, щоб приховати не невиділення частина шару, тобто ту частину, яку Ви виділяли в пункті 2.
5. Якщо Ви хочете повернути назад тільки що приховану частину, виберіть "Layer> Remove Layer Mask> Discard" для видалення цієї маски або "Layer> Disable Layer Mask" для відключення її.
Це було все необхідне для того щоб підготувати шаблон для свого сайту. А ось як зробити з .psd файлу web сторінку слід далі.
7. Нарізка і створення web сторінки
На цьому кроці вивчимо що таке напрямні, як їх створити і редагувати. Наріжемо .psd картинку для отримання HTML сторінки, яку зможемо переглядати в браузері.
На відміну від картинок, які складаються з однієї частини, web сторінка складається з великої кількості елементів, пов'язаних між собою мовою розмітки HTML. Кожна картинка на web сторінці є окремий файл. Незважаючи на те, що ці картинки можуть мати різний формат і розмір, в момент відображення сторінки в браузері вони справляють враження цілої картинки.
HTML код буде сформований автоматично, якщо Ви скористайтеся можливістю фотошопа для отримання такого ефекту. Вам необхідно лише позначити, які частини шаблону повинні бути сконвертовані в окремі картинки, іншими словами - зробити нарізку.
Може кому і допоміг разобратсья.
Удачі в освоєнні веб будівництва!
P.S. якщо є рідкісні красиві шрифти, повідомте.
Інформація частково взята з www.templater.ru