9Фотошоп www

Photoshop для WWWPhotoshop создавался как программа, предназначенная для очень узкого круга потребителей, использующих настольные издательские системы. В те времена стоимость аппаратуры (компьютер...

Авторские праваЦифровая меткаИллюстрации, размещаемые в книгах или журналах, охраняются авторским правом. Без разрешения обладателя этих прав (журналиста, фотографа, издателя, дизайнера и т. п.) о...

АнимацияВас, вероятно, заинтриговали анимационные возможности формата GIF. До выхода версии 5.5 Photoshop не имел встроенного инструмента создания анимированных GIF-файлов, и пользователям приходи...

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

Рис 9.28. Диалоговое окно File InfoПримечаниеПримечаниеВ диалоговом окне GIF89a Export Options (Параметры экспорта GIF89a) есть флажок Export Caption. Он становится доступным только, если заполнен...

КнопкиВторым специфическим элементом дизайна Web-страниц являются графические элементы управления — кнопки. Рисование кнопок стало своеобразным особым "жанром", и если вы не хотите удари...

Рис 9.26. Диалоговое окно эффекта Bevel and Emboss10. Отдельно для светов и теней определяются непрозрачности растяжек. Для уменьшения контраста установите в обоих полях Opacity значение 65%.11. С...

Рис 9.27. Кнопка готова 9. Пересчитайте изображение на размер 60х60 пикселов с помощью команды Image Size... меню Image.10. Отключите видимость слоя Background.11. Экспортируйте документ в формат...

ПрозрачностьПодготовка изображений в формате GIF имеет ряд особенностей, связанных с получением прозрачных участков. В этом разделе займемся созданием такого изображения. 1. Откройте файл plane, t...

Рис 9.7. Диалоговое окно GIF89a Export Options6. Перед вами диалоговое окно фильтра экспорта (Рисунок 9.7). Поле TransparencyFrom является серый цвет (R:192, G:192, В:192). Выбор цвета никак не от...

Рис 9.8. Окно предварительного просмотра 10. Установите флажки Use Best Match для более точного соответствия цветов изображения цветам палитры и Interlaced для создания изображения с чересстрочной...

Рис 9.9. Диалоговое окно GIF89a Export Options 9. Нажмите кнопку ОК. Введите имя GIF-файла, например planel.gif, и нажмите кнопку Save.10. Откройте полученный файл в браузере и оцените результат....

Рис 9.10. Первое диалоговое окно мастера Export Transparent Image.Выбор прозрачных областей6. Нажмите кнопку Next. Мастер создаст копию экспортируемого изображения и далее будет работать только с...

Рис 9.11. Второе диалоговое окно мастера Export Transparent Image.Выбор назначения изображения 8. Нажмите кнопку Next9. Третье окно мастера экспорта (Рисунок 9.12) позволяет вам выбрать формат фай...

Рис 9.12. Третье диалоговое окно мастера Export Transparent Image.Выбор формата файла 10. Четвертое окно предупреждает вас о том, что формат GIF поддерживает только восьмибитные изображения и след...

Рис 9.13. Окно фильтра экспорта Save For WebУправление масштабом отображения в области просмотра организовано так же, как и в самом Photoshop: с помощью списка масштабов в левом нижнем углу окна и...

Рис 9.14. Установки экспорта в формат JPEG модуля Save For Web6. Список Compression quality предлагает несколько типичных значений качества изображения от Low до Maximum. Более тонкая регулировка...

Рис 9.15. Предварительный просмотр оптимизированного изображения а окне браузера При поточной обработке большого количества графических файлов установка всех перечисленных параметров для каждого и...

Рис 9.16. Установки сохранения в формат GIF модуля Save For Web7. Наиболее существенный параметр индексированного изображения — это количество цветов в его палитре. Оно задается в поле Colors и до...

Рис 9.17. Обозначения на образцах в палитре цветов (слева направо):цвет приведен к палитре Web, цвет блокирован, цвет отредактирован,цвет выделен ПримечаниеПримечаниеМногочисленные команды меню па...

Размеры и разрешениеВ отличие от бумажной, размер Web-страницы не ограничен ни по горизонтали, ни по вертикали. Тем не менее, ни в коем случае не делайте страниц, ширина которых превышает ширину э...

Рис 9.1. Размер Web-страницына экране монитораРазмеры изображений на странице определяются ее дизайном. Если у вас есть возможность изменить дизайн страницы таким образом, чтобы уменьшить количест...

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

Резюме§ Photoshop широко используется при создании изображений для WWW. Эта работа имеет свою специфику, связанную с невысокой скоростью передачи данных по коммутируемым линиям. Она требует миними...

Сжатые форматы файловКак только передача графической информации по глобальным сетям стала обычным делом, компания CompuServe (крупнейшая онлайновая служба) предложила формат GIF, в основе которого...

Рис 9.4. Изображение с прозрачными областями в окне браузера Вторым форматом графических файлов в WWW является JPEG, уникальный алгоритм которого позволяет добиваться 15-кратной плотности сжатия В...

Рис 9.5. Диалоговое окно JPEG Options8. В поле Image Options устанавливается степень сжатия файла. Чем сильнее сжатие, тем меньше получающийся файл, и ниже его качество Параметр имеет 10 градаций...

Рис 9.6. Изображение до и после сохранения в формате JPEG Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению нового формата. Ф...

Уменьшение количества цветовДля представления графики в Internet широко используются индексированные изображения. Они, как вы помните, позволяют передавать до 256 фиксированных цветов. Набор цвето...

Рис 9.2. Способы сглаживания при индексации цветов 1. Откройте файл plane l.tif.2. Создайте копию файла командой Duplicate... меню Image.3. Выберите режим Indexed Color... из списка Mode, находяще...

Фоновые текстурыЛюбая Web-страница может иметь сплошной цветной фон (его создают средствами HTML) или фон из повторяющихся, как изразцы, графических элементов. В Internet существует много доступны...

Рис 9.19. Документmarble jpg с текстурой мрамора в окне браузера Откройте файл marblejpg Это изображение еще нельзя использовать в качестве текстуры. Если не верите — попробуйте. Результат будет т...

Рис 9.21. Диалоговое окно Offset3. Поместите курсор инструмента на правом крае изображения Нажмите клавишу <Shift> и левую кнопку мыши Перемещайте курсор влево примерно на 1/5 ширины изображ...

Рис 9.23. Документ marble jpg с готовой текстурой мрамора в окне браузера Если ширина текстуры превышает горизонталь экрана, то зритель увидит стыковку ее элементарных ячеек только по вертикали. Э...

Рис 9.24. Диалоговое окно New3. Ниже расположены поля ввода ширины, высоты и разрешения нового изображения Справа от них находятся раскрывающиеся списки с единицами измерения Для размеров выберите...

Рис 9.25. Текстура line gif в окне браузера Пользуясь таким приемом вы можете создавать текстуры в виде рваного края бумаги, пружин блокнота, волнистых линий и т- п. Если высота текстуры окажется...

Элементы дизайнаWeb-страница, в отличие от журнальной или книжной, имеет специфические элементы дизайна. Это обусловлено ее интерактивными качествами и особенностями HTML, языка описания страницы...