Самоучитель по Adobe Photoshop 5.5


9Фотошоп www


Photoshop для WWW
Photoshop для WWWPhotoshop создавался как программа, предназначенная для очень узкого круга потребителей, использующих настольные издательские системы. В те времена стоимость аппаратуры (компьютер...
Авторские права
Авторские праваЦифровая меткаИллюстрации, размещаемые в книгах или журналах, охраняются авторским правом. Без разрешения обладателя этих прав (журналиста, фотографа, издателя, дизайнера и т. п.) о...
Анимация
АнимацияВас, вероятно, заинтриговали анимационные возможности формата GIF. До выхода версии 5.5 Photoshop не имел встроенного инструмента создания анимированных GIF-файлов, и пользователям приходи...
Информация о файле
Информация о файлеИнформация об изображении может понадобиться не только для защиты прав его автора. Гораздо чаще она необходима при передаче изображений в редакцию или сервис-бюро Полезна информа...
Рис 9 28 Диалоговое окно File Info
Рис 9.28. Диалоговое окно File InfoПримечаниеПримечаниеВ диалоговом окне GIF89a Export Options (Параметры экспорта GIF89a) есть флажок Export Caption. Он становится доступным только, если заполнен...
Кнопки
КнопкиВторым специфическим элементом дизайна Web-страниц являются графические элементы управления — кнопки. Рисование кнопок стало своеобразным особым "жанром", и если вы не хотите удари...
Рис 9 26 Диалоговое окно эффекта Bevel and Emboss
Рис 9.26. Диалоговое окно эффекта Bevel and Emboss10. Отдельно для светов и теней определяются непрозрачности растяжек. Для уменьшения контраста установите в обоих полях Opacity значение 65%.11. С...
Рис 9 27 Кнопка готова
Рис 9.27. Кнопка готова 9. Пересчитайте изображение на размер 60х60 пикселов с помощью команды Image Size... меню Image.10. Отключите видимость слоя Background.11. Экспортируйте документ в формат...
Прозрачность
ПрозрачностьПодготовка изображений в формате GIF имеет ряд особенностей, связанных с получением прозрачных участков. В этом разделе займемся созданием такого изображения. 1. Откройте файл plane, t...
Рис 9 7 Диалоговое окно GIF89a Export Options
Рис 9.7. Диалоговое окно GIF89a Export Options6. Перед вами диалоговое окно фильтра экспорта (Рисунок 9.7). Поле TransparencyFrom является серый цвет (R:192, G:192, В:192). Выбор цвета никак не от...
Рис 9 8 Окно предварительного просмотра
Рис 9.8. Окно предварительного просмотра 10. Установите флажки Use Best Match для более точного соответствия цветов изображения цветам палитры и Interlaced для создания изображения с чересстрочной...
Рис 9 9 Диалоговое окно GIF89a Export Options
Рис 9.9. Диалоговое окно GIF89a Export Options 9. Нажмите кнопку ОК. Введите имя GIF-файла, например planel.gif, и нажмите кнопку Save.10. Откройте полученный файл в браузере и оцените результат....
Рис 9 10 Первое диалоговое окно
Рис 9.10. Первое диалоговое окно мастера Export Transparent Image.Выбор прозрачных областей6. Нажмите кнопку Next. Мастер создаст копию экспортируемого изображения и далее будет работать только с...
Рис 9 11 Второе диалоговое окно
Рис 9.11. Второе диалоговое окно мастера Export Transparent Image.Выбор назначения изображения 8. Нажмите кнопку Next9. Третье окно мастера экспорта (Рисунок 9.12) позволяет вам выбрать формат фай...
Рис 9 12 Третье диалоговое окно
Рис 9.12. Третье диалоговое окно мастера Export Transparent Image.Выбор формата файла 10. Четвертое окно предупреждает вас о том, что формат GIF поддерживает только восьмибитные изображения и след...
Рис 9 13 Окно фильтра экспорта Save For Web
Рис 9.13. Окно фильтра экспорта Save For WebУправление масштабом отображения в области просмотра организовано так же, как и в самом Photoshop: с помощью списка масштабов в левом нижнем углу окна и...
Рис 9 14 Установки экспорта в
Рис 9.14. Установки экспорта в формат JPEG модуля Save For Web6. Список Compression quality предлагает несколько типичных значений качества изображения от Low до Maximum. Более тонкая регулировка...
Рис 9 15 Предварительный просмотр
Рис 9.15. Предварительный просмотр оптимизированного изображения а окне браузера При поточной обработке большого количества графических файлов установка всех перечисленных параметров для каждого и...
Рис 9 16 Установки сохранения
Рис 9.16. Установки сохранения в формат GIF модуля Save For Web7. Наиболее существенный параметр индексированного изображения — это количество цветов в его палитре. Оно задается в поле Colors и до...
Рис 9 17 Обозначения на образцах
Рис 9.17. Обозначения на образцах в палитре цветов (слева направо):цвет приведен к палитре Web, цвет блокирован, цвет отредактирован,цвет выделен ПримечаниеПримечаниеМногочисленные команды меню па...
Размеры и разрешение
Размеры и разрешениеВ отличие от бумажной, размер Web-страницы не ограничен ни по горизонтали, ни по вертикали. Тем не менее, ни в коем случае не делайте страниц, ширина которых превышает ширину э...
Рис 9 1 Размер
Рис 9.1. Размер Web-страницына экране монитораРазмеры изображений на странице определяются ее дизайном. Если у вас есть возможность изменить дизайн страницы таким образом, чтобы уменьшить количест...
Размеры разрешения форматы
Размеры, разрешения, форматыЭти основные параметры в приложении к документам, предназначенным для электронного распространения, имеют свою специфику. Подавляющее большинство пользователей Internet...
Резюме
Резюме§ Photoshop широко используется при создании изображений для WWW. Эта работа имеет свою специфику, связанную с невысокой скоростью передачи данных по коммутируемым линиям. Она требует миними...
Сжатые форматы файлов
Сжатые форматы файловКак только передача графической информации по глобальным сетям стала обычным делом, компания CompuServe (крупнейшая онлайновая служба) предложила формат GIF, в основе которого...
Рис 9 4 Изображение с прозрачными областями в окне браузера
Рис 9.4. Изображение с прозрачными областями в окне браузера Вторым форматом графических файлов в WWW является JPEG, уникальный алгоритм которого позволяет добиваться 15-кратной плотности сжатия В...
Рис 9 5 Диалоговое окно JPEG Options
Рис 9.5. Диалоговое окно JPEG Options8. В поле Image Options устанавливается степень сжатия файла. Чем сильнее сжатие, тем меньше получающийся файл, и ниже его качество Параметр имеет 10 градаций...
Рис 9 6 Изображение до и после сохранения в формате JPEG
Рис 9.6. Изображение до и после сохранения в формате JPEG Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению нового формата. Ф...
Уменьшение количества цветов
Уменьшение количества цветовДля представления графики в Internet широко используются индексированные изображения. Они, как вы помните, позволяют передавать до 256 фиксированных цветов. Набор цвето...
Рис 9 2 Способы сглаживания при индексации цветов
Рис 9.2. Способы сглаживания при индексации цветов 1. Откройте файл plane l.tif.2. Создайте копию файла командой Duplicate... меню Image.3. Выберите режим Indexed Color... из списка Mode, находяще...
Фоновые текстуры
Фоновые текстурыЛюбая Web-страница может иметь сплошной цветной фон (его создают средствами HTML) или фон из повторяющихся, как изразцы, графических элементов. В Internet существует много доступны...
Рис 9 19 Документmarble jpg с
Рис 9.19. Документmarble jpg с текстурой мрамора в окне браузера Откройте файл marblejpg Это изображение еще нельзя использовать в качестве текстуры. Если не верите — попробуйте. Результат будет т...
Рис 9 21 Диалоговое окно Offset
Рис 9.21. Диалоговое окно Offset3. Поместите курсор инструмента на правом крае изображения Нажмите клавишу <Shift> и левую кнопку мыши Перемещайте курсор влево примерно на 1/5 ширины изображ...
Рис 9 23 Документ marble jpg с
Рис 9.23. Документ marble jpg с готовой текстурой мрамора в окне браузера Если ширина текстуры превышает горизонталь экрана, то зритель увидит стыковку ее элементарных ячеек только по вертикали. Э...
Рис 9 24 Диалоговое окно New
Рис 9.24. Диалоговое окно New3. Ниже расположены поля ввода ширины, высоты и разрешения нового изображения Справа от них находятся раскрывающиеся списки с единицами измерения Для размеров выберите...
Рис 9 25 Текстура line gif в окне браузера
Рис 9.25. Текстура line gif в окне браузера Пользуясь таким приемом вы можете создавать текстуры в виде рваного края бумаги, пружин блокнота, волнистых линий и т- п. Если высота текстуры окажется...
Элементы дизайна
Элементы дизайнаWeb-страница, в отличие от журнальной или книжной, имеет специфические элементы дизайна. Это обусловлено ее интерактивными качествами и особенностями HTML, языка описания страницы...


Начало