Робота з Photoshop і Dreamweaver
Примітка. При інтенсивному використанні функції інтеграції вигідніше зберегти файли Photoshop на сайті Dreamweaver, щоб прискорити доступ до них. У цьому випадку не забудьте приховати їх, щоб закрити доступ до вихідних ресурсів і виключити зайву передачу даних між локальним сайтом і віддаленим сервером.
Наприклад, якщо шлях до сайту Dreamweaver прописаний як C: \ Sites \ mySite, а файл Photoshop збережений в C: \ Images \ Photoshop, Dreameaver не розпізнає вихідний ресурс як частина сайту mySite. Це може привести до ускладнень при необхідності загального доступу до файлу Photoshop для інших учасників робочої групи, оскільки Dreamweaver визначить
файл як доступний тільки на певному локальному диску.
При зміні в Photoshop вихідного зображення Dreamweaver дає можливість оновити зображення в Dreamweaver натисканням єдиної кнопки.
Примітка. Функція «Оновити з оригіналу» для вставлених зображень буде недоступна, але тим не менше вихідний файл Photoshop можна буде відкрити, виділивши вставлене зображення і натиснувши кнопку «Змінити» в інспектора властивостей.
1 У Photoshop виконайте одну з таких дій.
• Цілком чи частково скопіюйте один шар, виділивши за допомогою інструменту «Область» частина зображення, яку необхідно скопіювати, а потім виберіть меню «Правка»> «Копіювати». При цьому для обраної області в буфер обміну копіюється тільки активний шар. Ефекти на основі шарів не копіюються.
• Скопіюйте та об'єднайте кілька шарів за допомогою інструменту «Область», щоб виділити частину зображення, яку необхідно скопіювати, а потім виберіть меню «Правка»> «Злита копія». При цьому шар виділеної області і всі верстви під ним зводяться і копіюються в буфер обміну. Успішно копіюються ефекти на основі шарів і пов'язані з будь-яким з цих шарів.
• Скопіюйте фрагмент, виділивши його за допомогою інструменту «Виділення фрагмента» і вибравши меню «Правка»> «Копіювати». При цьому активний шар фрагмента і всі верстви під ним зводяться і копіюються в буфер обміну.
Щоб швидко виділити зображення повністю, виберіть меню «Виділення»> «Все».
Після вставки на сторінку Dreamweaver зображення Photoshop вихідний PSD-файл можна змінювати в Photoshop. Щоб зберегти цілісність вихідного файлу, при використанні техніки копірованія- вставки рекомендується завжди вносити зміни в початковий PSD-файл (а не в веб-зображення), а потім виконувати вставку заново.
Більшість параметрів зображення доступні на вкладці «Параметри» і змінюються в залежності від обраного формату файлу. Ряд параметрів зображень GIF і JPEG доступний для зручності через спливаюче меню «Збережені параметри».
Параметри зображення JPEG
Зображення JPEG можна оптимізувати за допомогою параметрів стиснення і згладжування. Неможливо змінити його колірну палітру.
Якість Якість зображення покращується або погіршується з допомогою повзунка. З підвищенням якості розмір файлу збільшується.
Згладжування Дозволяє посилити згладжування. Низька якість зображень може зажадати більшою мірою згладжування.
Послідовне відображення в браузері Зображення відображається з низьким дозволом, яке поступово збільшується в міру завантаження. За замовчуванням не обраний.
Різкість на краях кольору Дозволяє отримувати зображення більш високої якості.
Підкладка Дозволяє задати фон зображення. Можна встановити прозорість для 32-бітних (біт на канал) PNG. Для цього натисніть прозору кнопку в діалоговому вікні «Підкладка». Крім того, можна застосувати параметр «Підкладка» для згладжування розташованих під полотном меж об'єктів шляхом підбору кольору підкладки до тла.
Видалити невживані кольору Зменшує розмір файлу, видаляючи кольору, які не використовуються в зображенні.
Оптимізація за розміром Вказує розмір зображення в кілобайтах. Для 8-бітових зображень майстер намагається підігнати розмір файлу, регулюючи кількість квітів або передачу півтонів.
• індексувати прозорість Використовуйте індексовану прозорість для експорту зображень GIF, які містять прозорі області. За допомогою індексованої прозорості можна встановити спеціальні кольору, щоб зробити зображення прозорим після експорту. Індексована прозорість включає або відключає пікселі з певними квітами.
• Альфа-прозорість Використовуйте альфа-прозорість для експорту 8-бітних зображень PNG, які містять прозорі області. Альфа-прозорість дозволяє створювати градиентную прозорість і напівпрозорі пікселі.
Підкладка Дозволяє задати фон зображення. Можна встановити прозорість для 32-бітних PNG. Для цього клацніть значок прозорості в діалоговому вікні «Підкладка». Крім того, можна застосувати параметр «Підкладка» для згладжування розташованих під полотном меж об'єктів шляхом підбору кольору підкладки до тла.
Видалити невживані кольору Зменшує розмір файлу, видаляючи кольору, які не використовуються в зображенні.
Черезстрочне відображення в браузері Зображення відображається Чергувати і спочатку з низьким дозволом, яке поступово збільшується до кінцевого значення в міру завантаження. За замовчуванням не обраний.
Оптимізація за розміром Дозволяє вказати розмір зображення в кілобайтах. Для 8-бітових зображень майстер намагається підігнати розмір файлу, регулюючи кількість квітів або передачу півтонів.
Збережені параметри
У Dreamweaver передбачено кілька параметрів. Залежно від обраних збережених параметрів, описані вище параметри зображення для конкретних типів файлів можуть змінюватися.
GIF Web 216 Перетворює всі кольори в безпечні веб-кольори. Колірна палітра містить до 216 квітів.
GIF Websnap 256 Перетворює кольори, які не відповідають веб-палітрі, в найближчі кольору до безпечних веб- квітам. Колірна палітра містить максимум 256 кольорів.
GIF Websnap 128 Перетворює кольори, які не відповідають веб-палітрі, в найближчі кольору до безпечних веб- квітам. Колірна палітра містить до 128 квітів.
GIF Adaptive 256 Колірна палітра, яка містить тільки поточні кольори, використовувані в графіку.
Колірна палітра містить максимум 256 кольорів.
JPEG - краща якість Встановлює значення якості 80 і значення згладжування 0, в результаті виходить високоякісне, але об'ємне зображення.
JPEG - файл меншого розміру Встановлює значення якості 60 і значення згладжування 2, в результаті виходить файл в 2 рази менше, але зі зниженим якістю.
наверх
Зміна масштабу зображення або параметрів продукції, що експортується області на
вкладці «Файл» (необов'язково)
1 Виберіть вкладку «Файл».
2 для збільшення або зменшення зображення одним із таких способів.
• Вкажіть розмір у відсотках.
• Введіть абсолютні значення ширини і висоти в пікселях.
3 Виберіть «Зберегти пропорції», щоб підтримувати вихідні пропорції зображення при зміні розміру.
4 Змініть контур розміщується зображення за допомогою параметра «Експортувати область» і виконайте один з наступних кроків.