Виды текста в Photoshop
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
В Photoshop различают два вида текста: фигурный и простой. Фигурный текст предназначен в основном для небольших объемов текста, например для заголовков. Для этого текста может быть выполнено только форматирование символов и строк.
Простой текст может состоять из нескольких абзацев. Помимо форматирования, которое выполняется по отношению к фигурному тексту, для простого текста может быть выполнено форматирование абзаца. Простой текст, в отличие от фигурного, помещается в специальный текстовый блок, который ограничивает длину строк и высоту колонок. Если длина строки превышает ширину текстового блока, программа автоматически начинает новую строку.
Ввод и форматирование фигурного текста
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Прежде чем приступить к вводу, следует выбрать направление текста. Для ввода горизонтального текста в документ Photoshop применяется инструмент Горизонтальный текст. Чтобы ввести вертикальный текст, следует выбрать Вертикальный текст. Если необходимо изменить направление введенного текста, можно воспользоваться кнопкой-переключателем. Выбор ориентации текста на панели параметров инструмента Текст.
Опции списка, обозначенного на панели параметров пиктограммой позволяют задать степень сглаживания краев символов текста. Так, опция None (Нет) дает возможность отключить алгоритм сглаживания. Используя опции Crisp (Резкость), можно при сглаживании повысить визуальную резкость контуров символов. При использовании опции Strong (Толщина) после сглаживания буквы становятся немного толще. А опция Smooth (Гладкость) служит для максимального сглаживания контуров.
Инструмент Текст
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Если выбран инструмент Текст, то курсор приобретает такой вид. Поместите его в то место в окне изображения, где должен начинаться текст, щелкните мышью и введите текст. Текст окрашивается в основной цвет. Образец этого цвета виден на панели параметров. При необходимости изменить цвет текста дважды щелкните на образце цвета либо на панели параметров, либо на панели инструментов.
Горизонтальный текст-маска
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Если выбран инструмент Горизонтальный текст-маска, то при использовании этого инструмента текстовый слой не создается. Горизонтальный текст-маска служит для создания границы выделенной области по контуру букв текста. Во время ввода текста создается маска, а после щелчка на кнопке Е она автоматически преобразуется в выделенную область.
Чаше всего такой режим ввода текста применяется для создания специальных эффектов, например для создания текстов, заполненных изображением. Чтобы получить изображение, показанное на мы выбрали инструмент и ввели текст. По контуру букв этого слова была создана выделенная область. Потом мы скопировали выделенную область из фонового слоя на новый слой (команда Layer | New | Layer via Сору) и применили к новому слою эффект Bevel and Emboss.
Paragraph
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Форматирование фигурного текста можно выполнить, воспользовавшись опциями его панели параметров, но возможности палитры Character (Символ) намного богаче. Для быстрого вызова палитр Character (Символ) и Paragraph (Абзац) на панели параметров инструмента Текст имеется кнопка g.
Если в документе Photoshop нет текстовых слоев, то все значения, введенные в поля параметров палитр Character или Paragraph, становятся заданными по умолчанию. После этого любой текст набирается с этими атрибутами.
Чтобы изменить атрибуты текста на уже имеющемся слое, необходимо выделить текстовый слой в палитре Layers и внести необходимые изменения в палитру Character (Символ) или Paragraph (Абзац). Изменения будут действовать на весь текст, расположенный на этом слое. Если требуется изменить форматирование только части текста, расположенного на текстовом слое, нужно выделить этот слой, выбрать инструмент Текст, выделить фрагмент текста и внести изменения в поля атрибутов текста.
Гарнитура
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Гарнитура. Гарнитура определяет внешний вид символов. На палитре Character (Символ) в списке гарнитур шрифтов видны все шрифты, установленные на компьютере. Чтобы расширить этот список, следует добавить новые шрифты в папку Fonts (Шрифты) с помощью средств операционной системы Windows.
Кегль. Кегль определяет размер шрифта. Размером шрифта считается расстояние от самой нижней точки подстрочного элемента до самой верхней точки надстрочного элемента. Единицей измерения размеров шрифтов является пункт. Один пункт равен 1/72 дюйма. Список, в котором вводится размер шрифта, включает несколько стандартных кеглей. Вы можете ввести в поле этого списка любое значение в пределах от 0,1 до 1296 пунктов.
Начертание
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Начертание. Начертание — это модификация гарнитуры шрифта. Гарнитура может иметь четыре начертания. Regular (Обычный) — обычное начертание символов; Bold (Полужирный) — линии, из которых состоят символы шрифта, несколько толще, чем при обычном начертании; Italic (Курсив) — толщина линий шрифта такая, как при обычном начертании, но шрифт имеет наклон вправо; Bold Italic (Полужирный курсив) — толщина линий шрифта такая, как при полужирном начертании, и шрифт имеет наклон вправо. Не все шрифты имеют все четыре начертания. Если нужный вам шрифт имеет только обычное начертание, для имитации полужирного или курсивного начертания можно воспользоваться кнопками Щ Ложный полужирный и [т] Ложный курсив или командами Faux Bold или Faux Italic в меню палитры Character (Символ).
Высота и ширина. Эти параметры позволяют изменить высоту и ширину символов. При этом кегль шрифта остается прежним.
Кернинг. Расстояние между символами является атрибутом шрифта и должно быть одинаковым по всему тексту. Однако, при равном расстоянии, интервал между некоторыми парами символов может выглядеть несколько увеличенным.
Таблицы кернинга
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Таблицы кернинга входят в состав каждого шрифта. С помощью этой таблицы Photoshop автоматически сдвигает те пары символов, для которых необходим кернинг. Если вы хотите воспользоваться автоматической расстановкой кернинга, установите опцию Metrics (Метрический). Для ручной установки кернинга установите текстовый курсор между символами, которые хотите придвинуть друг к другу, и введите в поле отрицательное значение. При положительных значениях кернинга символы отодвигаются один от другого.
Тренинг. Межсимвольные расстояния. По умолчанию текст вводится со значением трекинга 0, Чтобы уменьшить межсимвольное расстояние, необходимо ввести отрицательное значение трекинга, а чтобы увеличить — положительное. Интерлиньяж. Межстрочное расстояние. Интерлиньяж — это расстояние между базовыми линиями строк. Базовая линия проходит по нижнему краю основных элементов символов. Как и кегль, интерлиньяж измеряется в пунктах.
Смещение базовой линии. Этот параметр служит для смещения базовой линии вверх или вниз. При положительных значениях параметра базовая линия смещается вверх, при отрицательных — вниз. Единица измерения смещения базовой линии — пункт.
Character
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
В седьмой версии Photoshop появился ряд кнопок, которые позволяют применить к символам специальные эффекты. Все они продублированы командами меню палитры Character (Символ).
Кнопки Ц Все прописные (команда AN Caps) и Малые прописные (команда Small Caps) позволяют задать регистр символов, а кнопки Верхний индекс (команда Superscript) и Щ Нижний индекс (команда Subscript) верхние и нижние индексы. На рис, 11.12 показаны примеры применения этих опций. Кнопка [Щ] Подчеркнуть (команда Underline) позволяет добавить
к символам нижнюю линию подчеркивания, а Щ зачеркнуть (команда
Strikethrough) — получить зачеркнутый текст.
Фигурный текст можно преобразовать в простой. Для этого в меню Layer выберите команду Type | Convert to Paragraph Text (Текст | Преобразовать в абзац). После такого преобразования текст помещается в текстовый блок, который задает длину и ширину колонки. Все форматирование фигурного текста сохраняется, но теперь в тексте можно выполнять форматирование абзаца.
Ввод и форматирование простого текста
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Необходимость в использовании простого текста возникает только тогда, когда нужно ввести и отформатировать несколько абзацев текста. В любительской практике такая необходимость возникает довольно редко. Примером того, где может понадобиться использование простого текста, является художественный одностраничный табель-календарь на целый год.
Чтобы ввести простой текст, выберите инструмент Текст. В окне изображения нажмите кнопку мыши и, удерживая ее, переместите курсор. После того как вы отпустите кнопку, на экране появятся границы текстового блока, а курсор будет помещен в его правый верхний угол.
Текстовый блок
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Маркеры на сторонах и в углах текстового блока служат для изменения его размеров. Чтобы изменить размер текстового блока, приблизьте курсор к изображению маркера и, когда курсор примет вид двунаправленной стрелки, переместите маркер в нужное место. Если курсор приобрел вид^*, текстовый блок можно повернуть.
После изменения размеров текстового блока изменяются количество и длина строк текста, но переформатирование символов и абзацев не происходит (рис. 11.14).
После создания текстового блока можно ввести текст вручную или скопировать его через буфер обмена из текстового редактора. Если в буфере обмена находится фрагмент текста, то сразу после создания текстового блока выберите команду Edit | Paste (Редактирование | Вставить) или нажмите клавиши Ctrl+У Если в текстовый блок поместился не весь текст, то правый нижний маркер блока будет иметь следующий вид: Щ. В этом случае расширьте границы блока или перенесите часть текста в другой блок.
Рис. 11Л 4, Изменения размеров и поворот текстового блока
Изменение размеров текстового блока
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Для форматирования абзацев простого текста применяются опции палитры
Paragraph (Абзац). Форматирование абзаца действует на абзац в целом и может быть выполнено либо по отношению к слою простого текста, либо по отношению к выделенным на этом слое абзацам.
Отступы и отбивки
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Все значения отступов и отбивок вводятся в пунктах. Это позволяет точно соотносить указанные значения с размером шрифта текста, расстояние от левой границы текстового блока до начала строк и от конца строк до правой границы текстового блока.
Параметр Абзацный отступ позволяет оформить так называемую красную
строку. При положительном значении этого параметра первая строка абзаца отодвигается вправо на заданное количество пунктов.
Для того чтобы первая строка выступала влево относительно левого края текста (висячая строка), следует ввести отрицательное значение параметра Абзацный отступ и такое же, но положительное значение параметра Отступ слева.
Отбивка — это расстояние между последней строкой одного абзаца и первой строкой следующего. Значение отбивки прибавляется к значению межстрочного расстояния (интерлиньяжу). Параметр Отбивка перед абзацем позволяет изменить расстояние от первой строки выделенного абзаца до последней строки предыдущего, а параметр Отбивка после абзаца [Щ| позволяет изменить расстояние от последней строки выделенного абзаца до первой строки следующего.
Выравнивание текста
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Выравнивание текста осуществляется с помощью семи кнопок в верхней части палитры Paragraph (Абзац). Первые три кнопки позволяют выравнивать как простой, так и фигурный текст. Выравнивание фигурного текста осуществляется относительно точки ввода (точки, в которой был сделан щелчок мышью при вводе текста), а обычного текста — относительно границ текстового блока.
Последние четыре кнопки применимы только к обычному тексту. Эти кнопки позволяют задать выравнивание текста по формату, заданному границами текстового блока. Перенос слов при выравнивании осуществляется по пробелам между словами. Программа старается сохранять одинаковую ширину пробелов, межбуквенные расстояния и ширину символов, но при выравнивании по формату это не всегда возможно. В подобных случаях программа вынуждена увеличивать или уменьшать эти параметры текста. При необходимости растянуть строку Photoshop в первую очередь увеличивает ширину пробелов, потом —межбуквенные расстояния и в последнюю очередь — ширину самих букв. При значительном увеличении указанных параметров возникают так называемые “жидкие” строки.
Justification
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Чтобы избавиться от “жидких” и “плотных” строк, можно вручную задать интервалы, в пределах которых Photoshop может менять ширину пробелов, межбуквенные расстояния и ширину символов. Для этого необходимо в меню палитры Paragraph (Абзац) выбрать команду Justification (Выключка) В диалоговом окне этой команды (рис. ] 1.16) можно задать минимальное (Minimum), максимальное (Maximum) и желаемое (Desired) значение изменения параметров Word Spacing (Ширина пробелов), Letter Spacing (Межбуквенные расстояния) и Glyph Scaling (Ширина символов)
Если в палитре Paragraph установлен флажок Hyphenate (Перенос), то в английских текстах программа автоматически расставляет переносы слов. Причем символы перекосов расставляются как при первоначальном размещении текста, так и при его редактировании, форматировании и изменении размеров текстового блока.
Преобразование текста
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Если бы возможности Photoshop по работе с текстом сводились только к его форматированию и размещению в окне изображения, то Photoshop мало чем отличался бы от программ верстки и при этом еще и очень уступал бы им. Но поскольку текст — тоже своего рода графика, a Photoshop — лучший графический редактор, то, чтобы программа смогла проявить свои лучшие качества, следует преобразовать текст в более “родные” для Photoshop графические объекты: растровые изображения, контуры или векторные формы.
Текст на искривленной поверхности
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Текст на искривленной поверхности — художественный прием, когда текст как бы помешается на эластичную оболочку, а потом эта оболочка всевозможными способами изгибается или “натягивается” на разные геометрические фигуры. Для создания такого рода эффектов в Photoshop имеется довольно мощная процедура. Вызывается она путем выбора команды Layer | Type | Text Wrap(Слои | Текст | Оболочка текста) или щелчком на кнопке Щ па панели параметров инструмента Текст.
Диалоговое окно Text Wrap (Оболочка текста) позволяет трансформировать текст согласно небольшому набору заданных криволинейных поверхностей. Форма этих поверхностей выбирается из списка Style (Стиль). С помощью переключателя Horizontal/Vertical (Горизонтальный/Вертикальный) можно задать направление изгиба поверхности.
Параметр Bend (Изгиб) позволяет изменить изгиб поверхности. При отрицательных значениях этого параметра поверхность с текстом изгибается в той же плоскости, но в обратном направлении.
Параметры Horizontal Distort
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Параметры Horizontal Distort (Горизонтальное искажение) и Vertical Distort
(Вертикальное искажение) позволяют изменить саму оболочку. При положительных значениях параметра Horizontal Distort левая часть оболочки уменьшается, а правая увеличивается. Это создает зрительный эффект поворота поверхности в горизонтальной плоскости вокруг вертикальной оси по часовой стрелке с одновременным растягиванием текста по горизонтали.
При отрицательных значениях Horizontal Distort создается впечатление поворота против часовой стрелки.
При положительных значениях параметра Vertical Distort верхняя часть оболочки уменьшается, а нижняя — увеличивается. Что касается отрицательных значений, то в данном случае все происходит наоборот: верхняя часть увеличивается, а нижняя — уменьшается. Это создает эффект вращения текста в вертикальной плоскости вокруг горизонтальной оси.
Команда Text Wrap (Оболочка текста) может быть применена как к фигурному, гак и к обычному тексту. После применения этой команды сохраняется возможность редактирования и форматирования текста.
Растрирование текста
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Если вы собираетесь применить к тексту те средства Photoshop, которые предназначены для обработки растровых изображений, например фильтры, то текст необходимо растрировать. Для этого используется команда Layer | Rasterize Туре {Слой | Растеризовать f Текст). После выбора данной команды текстовый слой преобразуется в слой обычного растрового изображения.
Если к текстовому слою были применены эффекты Photoshop, то они при растрировании слоя не растрируются и при необходимости преобразовать их в растровое изображение, нужно будет воспользоваться командой Layer | Layer Style | Create Layer (Слой | Стиль слоя | Создать слой).
Вместе с преимуществами, которые дает растрирование, есть у данной возможности один существенный недостаток. При масштабировании или увеличении размеров слоя растрового изображения четкие линии букв могут быть уменьшении размеров возникает опасность потери мелких деталей букв.
Создание открыток
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Очень многие простые графические редакторы, поставляемые обычно вместе с цифровыми камерами, имеют функцию создания разного рода сувенирной продукции, например открыток или календарей. С помощью такой программы из обычной фотографии можно менее чем за минуту сделать открытку вполне приемлемого вида.
Скорость получения результата и легкость, с которой осваивается соответствующая функция, являются несомненным достоинством простых редакторов. Достигается все это за счет применения шаблонов. Использовать их легко и просто, но ваши творческие возможности жестко ограничиваются количеством поставляемых с программой шаблонов.
Pattern Fill (Заполнение узором)
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
1. Создадим новый документ Photoshop. Применим в качестве фона заливочный слой узора (хотя ничто не мешает использовать для фона и растровое изображение).
2. В палитре Layers щелкнем на кнопке и выберем нз появившегося меню команду Pattern (Узор). В диалоговом окне Pattern Fill (Заполнение узором) (рис. 11.24) щелкнем на стрелке рядом с образцом узора, а в появившемся окне на кнопке (£). Выберем библиотеку узоров Color Paper (Цветная бумага). Узоры этой библиотеки будут добавлены к остальным образцам узоров. Выберем узор Buff Textured.
3. Поскольку фоном будет служить слой узора, фоновый слой изображения можно удалить за ненадобностью.
В Photoshop все гораздо медленнее и сложнее, но шаблоны (если вам нужна серия однотипных открыток) получаются более универсальными, а возможности по оформлению единичной открытки практически безграничны. Далее мы попробуем создать шаблон открытки, который позволял бы в качестве элемента оформления использовать любую фотографию, менять взаимное расположение элементов, добавлять текст и изменять его форматирование.
Слой изображения
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Над слоем узора создадим обычный слой изображения и заполним его белым цветом. Впрочем, цвет не имеет никакого значения. Важно, чтобы слой не был прозрачным.
В палитре Layers щелкнем на кнопке н подключим к слою маску. 11 по умолчанию она белая. Выберем инструмент Эллиптическая область, построим границу выделенной области в виде дуги окружности. Инвертируем выделенную область (Select | Inverse) и закрасим се черным цветом (Edit | Fill).
5. Щелкнем на кнопке [^] и подключим к слою эффект Drop Shadow (Отбросить тень) (рис. 11.25). Собственно шаблон уже готов. Остается только добавить текст и фотографию.
6. Выберем инструмент Текст и введем текст “С днем рождения”. Выберем в палитре Layers текстовый слой и подключим к нему эффекты Drop Shadow и Bevel and Emboss.
Layers
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
И. Откроем файл фотографии. Выберем инструмент Перемещение и переместим (скопируем) фотографию в наш документ открытки. По умолчанию созданный таким способом слой помешается над выбранным до операции копирования. Нам необходимо, чтобы слой с фотографией был расположен над слоем с маской. Если это не так, переместите в палитре Layers пиктограмму слоя с фотографией на нужное место. Теперь в окне изображения видна только фотография.
9. В палитре Layers поместим указатель мыши между слоем с фотографией и слоем с маской. Нажмем клавишу Alt и выполним щелчок мышью. Будет создана так называемая макетная группа из двух слоев. В макетной группе непрозрачность нижнего слоя определяет непрозрачность верхнего. То есть то, что прозрачно в нижнем слое, будет прозрачно и в верхнем. Области верхнего слоя, расположенные над непрозрачными
областями нижнего, будут непрозрачны и закроют собой соответствующие области нижнего слоя. Готовый шаблон с помещенной в него фотографией показан на рисунке 11.26.
Чтобы сохранить все слон, документ следует сохранить в формате PSD.
Создать макетную группу
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Пользоваться шаблоном намного проще, чем создавать его. Чтобы заменить фотографию, необходимо удалить слой, содержащий старый снимок, скопировать на его место новый и вновь создать макетную группу. После этого вы сможете свободно изменять размеры снимка, перемещать его в пределах окна, образованного макетной группой, и добиваться наилучшей композиции открытки.
Текстовый слой позволяет с легкостью заменить существующий текст. При необходимости можно добавить новые текстовые слои с новыми блоками текста.
Особенности подготовки изображений для публикации в Интернете
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Интернет распространяется по миру с огромной скоростью. Общее число сайтов исчисляется миллионами, а число пользователей — сотнями миллионов.
Ежедневно в Сети возникают тысячи новых узлов. Каждый узел — это минимум одна электронная страница, и почти на каждой странице мы видим какое-нибудь изображение, причем подавляющее большинство изображений в Сети относятся к разряду растровых.
Наряду с другими факторами компьютерная графика послужила причиной
вэрывообразного роста Интернета. Графика и механизм гиперссылок сделали Интернет простым и понятным даже для детей и домохозяек. Поскольку Adobe Photoshop давно уже является лучшим редактором растровых изображений, многие web-дизайнеры создают свои произведения именно в этой программе.
Скорость передачи данных в Сети все время повышается, но, несмотря на это, перед web-дизайне рам и постоянно стоит задача уменьшить размер файла изображения так, чтобы сохранить его качество и вместе с тем ускорить передачу его по каналам связи. Поэтому, кроме возможностей по созданию изображений, в Adobe Photoshop включены и мощнейшие механизмы по их оптимизации.
"Чем меньше, тем лучше"
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
При подготовке изображения для размещения в Сети действует одно, но очень важное правило: “Чем меньше, тем лучше”. Продиктовано оно ограниченной пропускной способностью линий связи. Интернет устроен так, что уж если пользователь связался с узлом и запросил какое-нибудь изображение, то он его обязательно получит. Другой вопрос, сколько времени это займет. Как правило, большинство подключений к Интернету, особенно в нашей стране, осуществляется с помощью модемов и телефонных линий связи. Стандартной скоростью передачи данных для такого типа подключения является 28 800—56 ООО бод, хотя еще не редкость и более низкие скорости. Цветное изображение стандартного экранного размера 800×600 пикселей с разрешением 72 ppi занимает на диске примерно 1,38 Мб. Такое изображение будет передаваться на компьютер пользователя более трех минут на скорости 56 000 бод
и вдвое дольше на скорости 28 800 бод. Не каждый пользователь захочет ждать так долго, тем более что многие из них сами платят за время, проведенное в Сети.
Поэтому при подготовке изображения для размещения в Интернете необходимо уменьшить размер файла насколько это возможно.
Форматы файлов и методы сжатия
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Размер файла зависит от его печатных размеров, разрешения и цветовой модели.
Поскольку, размещая изображение в Интернете, мы считаем, что оно в первую очередь будет выводиться на экран, то печатные размеры особой роли не играют. Для вывода на экран имеет значение, сколько пикселей содержится в изображении. Считается, что стандартное экранное разрешение составляет 72 ppi.
Image
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
В верхней части диалогового окна команды Image | Image Size (Изображение | Размер изображения) вы всегда можете узнать размер изображения в пикселях. Если вы видите, что этот размер можно уменьшить, то установите флажок Resample Image, введите в поле Resolution (Разрешение) значение 72, а в поля Width и Height — новые значения длины и высоты. Изображение будет отображаться на экране примерно с теми размерами, которые вы ввели при разрешении 72 ppi.
Важнейшей характеристикой изображения, влияющим на размер файла, является цветовая модель. При цветовой модели RGB цвет одного пикселя задается с помощью 24 бит. Цветовая модель индексированных цветов (Indexed Color) способна сохранять 256 цветов, используя всего 8 бит. Это позволяет, не теряя резкости и деталей изображения, уменьшить размер файла втрое. При правильном подборе индексированных цветов человеческий глаз практически не замечает разницы между использованием 16 миллионов цветов модели RGB и 256 цветами модели индексированных цветов. Уменьшение количества цветов является одним из широко применяемых методов оптимизации изображения для размещения в Интернете.
применение алгоритма сжатия
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Вторым методом является применения алгоритма сжатия, который реализуется при сохранении изображения в формате файла JPEG. Этот алгоритм способен уменьшить размер изображения более чем в 15 раз и при этом сохраняет все 16 миллионов цветов модели RGB. Сжатие по данному алгоритму приводит к потере качества изображения. При больших степенях сжатия теряются мелкие детали изображения, ухудшается резкость, в областях с высоким контрастом возникает характерная “грязь”.
Оба алгоритма оптимизации широко применяются при подготовке графики для Wfeb. К уменьшению количества цветов в изображении прибегают в основном там, где в изображении изначально не слишком много цветов. Это могут быть тексты в графическом виде, разного рода фоны и заливки. Для оптимизации полноцветных фотографий чаще выполняется сжатие файла в формате JPEG (Joint Photographic Expert Group). Этот алгоритм сжатия позволяет добиться размеров файлов меньших, чем при уменьшении количества цветов, а многочисленные методы улучшения качества изображения сводят к минимуму возникающие искажения.
JPEG
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Для сохранения изображения в формате файлов JPEG можно воспользоваться командой File | Save As (Файл j Сохранить как). В диалоговом окне Save As (рис. 12.1) в списке Format (Формат) следует выбрать пункт JPEG. После щелчка на кнопке Сохранить на экране появится диалоговое окно JPEG Options (Параметры JPEG).
Quality (Качество)
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
С помощью параметра Quality (Качество) можно задать степень сжатия и качество сохраняемого изображения. Всего этот параметр имеет 12 градаций качества изображения. В формате TIFF изображение, показанное на рис. 12.3, занимает на диске 726 Кб, В формате JPEG при максимальном качестве это изображение занимает 170 Кб, а искажения, внесенные алгоритмом сжатия, почти незаметны даже при большом увеличении (рис. 12.4). Среднее сжатие позволяет уменьшить файл до 37 Кб, и на границах областей с малым контрастом становятся заметны искажения (рис. 12.5). Максимальная степень сжатия и, соответственно, минимальное качество позволяют уменьшить файл до 9 Кб (таким образом, размер файла по сравнению с исходным уменьшился более чем в 80 раз). Искажения при таком сильном сжатии уже настолько велики, что мешают рассмотреть детали изображения.
Переключатель Format Options (Параметры формата) позволяет выбрать
один из трех алгоритмов сжатия. Опция Baseline (”Standard”) соответствует стандартному алгоритму сжатия. Опция Baseline Optimized — улучшенному алгоритму и позволяет дополнительно уменьшить размер файла на 5-10% без потери качества.
Выбор опции Progressive
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Выбор опции Progressive позволяет сохранить изображение в так называемом прогрессивном JPEG-формате. Сохраненное в таком формате изображение выводится в окне браузера не последовательно строка за строкой, а в несколько проходов через 3—5 строк. Это дает пользователям сайта возможность, не дожидаясь полной загрузки изображения, догадаться о его содержании и либо продолжить загрузку, либо отказаться от нее. Список Scans позволяет выбрать количество проходов, необходимых для вывода изображения.
Mate
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Формат JPEG не поддерживает сохранение прозрачных областей изображения. Если ваше изображение имеет такие области, то из списка Mate (Кайма) вы можете выбрать цвет для замены прозрачности. В нижней части диалогового окна можно узнать будущий размер сохраняемого файла и время, необходимое для его загрузки при разных скоростях передачи данных.
Формат файлов GIF (Graphics Interchange Format) был создан компанией CompuServe специально для передачи изображений по каналам Интернета. С помощью этого формата реализуется метод оптимизации изображений путем уменьшения количества сохраняемых оттенков.
Данный формат основан на цветовой модели индексированных цветов. Максимальное количество оттенков, которые может иметь изображение в формате GIF, равно 256, Оптимизация изображения сводится к еще большему уменьшению этого количества и такому подбору сохраняемых оттенков, чтобы изображению был нанесен как можно меньший ущерб.
Indexed Color
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
GIF. как и JPEG, поддерживает чересстрочную развертку изображения при просмотре его в окне браузера. Кроме того, GIF — единственный формат графических файлов, позволяющий сохранять в одном файле несколько изображений. При загрузке такого файла браузер последовательно выводит изображения на экран. Это свойство формата GIF широко используется для создания небольших анимированных изображений дня размещения на web-страницах.
При выборе в диалоговом окне Save As формата сохранения файла GIF и щелчке на кнопке Сохранить запускается стандартная процедура перевода изображения в цветовую модель индексированных цветов. На экране появляется диалоговое окно Indexed Color (Индексированные цвета), в котором можно выбрать количество и способ подбора сохраняемых оттенков, а также методы улучшения изображения. После выхода из этого диалогового окна тут же появляется диалоговое окно GIF Options (Параметры GIF) (рис. 12.7). При выборе опции Normal (Нормальный) создается обычный GIF- Рис. 12.7. Диалоговое окно файл, а опция Interlaced (Чересстрочный) позволяет создать GIF-файл с чересстрочным выводом на экран.
PNG-8
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
PNG-8
Это довольно новый формат файлов. Как следует из расшифровки аббревиатуры PNG (Portable Network Graphics), данный формат специально создан для передачи графических файлов по каналам Интернета. PNG-8, как и GIF, уменьшает размер файла за счет уменьшения количества цветов. Основным его преимуществом является возможность сохранения прозрачности. Для этого вместе с изображением сохраняется один альфа-канал, содержимое которого интерпретируется современными браузерами как прозрачность и частичная прозрачность.
PNG-24
Данный формат файлов сохраняет полную палитру RGB и не вносит в изображение никаких искажений. Как и формат PNG-8, он поддерживает сохранение прозрачных областей изображения. К сожалению, PNG-24 очень незначительно уменьшает размер файлов. Так, например, файл размером I Мб с его помощью может быть уменьшен всего до 560 Кб, т.е. менее чем вдвое. Поэтому PNG-24 применяется довольно редко, и только в тех случаях, когда важно сохранить все 16 миллионов цветов модели RGB и одновременно не внести в изображение никаких искажений.
Оптимизация изображений и команда Save for Web
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Для оптимизации изображений Adobe Photoshop располагает очень мошной
командой Save for Web (Сохранить для Web). Она позволяет сохранять изображения во всех приемлемых для просмотра через браузер форматах файлов.
Применяя различные установки оптимизации, ВЫ можете просматривать до четырех оптимизированных изображений и сравнивать их между собой. После выбора команды File | Save for Web (Файл ] Сохранить для Web) на экране появляется ее диалоговое окно (рис, 12.8).
Большая часть диалогового окна представляет собой окно предварительного просмотра изображения. Четыре вкладки вверху этого окна позволяют просматривать: оригинал изображения (Original), оптимизированное изображение (Optimized), два изображения (2-Up) и четыре изображения (4-Up).
При первой загрузке этого диалогового окна активна вкладка Original (Оригинал) и все окно предварительного просмотра занимает неоптимизированное изображение. При щелчке на вкладке Optimized (Оптимизированное) это окно полностью отводится оптимизированному изображению.
При выборе вкладки 2-Up окно предварительного просмотра разбивается на два окна, В первом вы видите оригинал, а во втором — оптимизированное изображение, и уже можете ИХ сравнивать.
Вкладка 4-Up
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Вкладка 4-Up позволяет одновременно видеть оригинал изображения и три варианта его оптимизации (рис. 12.9). Чтобы создать вариант оптимизации, щелкните на одном из окон просмотра (левое верхнее окно по умолчанию отводится для оригинала изображения, его лучше не трогать) и в правой части диалогового окна выберите формат файла и параметры оптимизации.
Формат файла
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Под каждым окном просмотра программа сообщает вам формат файла, предполагаемый размер файла, скорость его загрузки, а также некоторые параметры оптимизации.
В нижней части окна располагается информационная строка. Когда вы помещаете курсор в окно предварительного просмотра, в ней выводятся цифровые значения:R, G и В. Цветовые составляющие модели RGB
Alpha. Значение яркости альфа-канала. Если в изображении нет альфа-канала, то программа считает, что изображение содержит альфа-канал сплошного черного цвета, и в этом поле выводится значение 255
Hex. Шестнадцатеричное значение цвета
Index. Цифровое значение индексного цвета. Это поле используется, толь
ко если вы сохраняете изображение в формате GIF или PNG-8.
Browser Dither
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Кнопка [Й] предназначена для просмотра изображения в окне браузера. При щелчке на этой кнопке загружается браузер, установленный на вашем компьютере в качестве программы просмотра web-страниц по умолчанию. В случае установки несколько таких программ (а если вы занимаетесь подготовкой графики для Web, то у вас должны быть установлены как минимум Internet Explorer и Netscape Communicator) после щелчка на кнопке Q можно выбрать другой браузер и просмотреть изображение в нем.
Опции меню, которое расположено над окнами предварительного просмотра (рис. 12.10), управляют отображением оптимизируемых изображений. Если вы просматриваете одновременно четыре варианта оптимизации, то опции этого меню действуют для каждого из них в отдельности. Первая опция Browser Dither позволяет увидеть, как будет выглядеть изображение на мониторах с 8-битовой глубиной цвета (так называемые VCA-мониторы).
Опция Uncompensated Color (Без компенсации цвета). Этот режим устанавливается по умолчанию. Изображение выглядит таким, каким оно является на самом деле. Все отключается, даже цветовой профиль документа.
Standard Windows Color
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Standard Windows Color (Стандартные цвета Windows). Этот режим позволяет увидеть изображение так, как оно будет выглядеть на типичном мониторе под управлением Windows.
Standard Macintosh Color (Стандартные цвета Macintosh). Изображения, которые нормально смотрятся под Windows, на экране выглядят намного светлее.
Установка этой опции позволяет увидеть, как изображение будет смотреться на экране Macintosh.
Use Document Color Profile (Использовать цветовой профиль документа).
При выборе этой опции изображение отображается так, как оно выглядело в окне Adobe Photoshop.
В нижней части меню можно выбрать скорость передачи данных. Это значение будет использоваться программой для расчета времени, необходимого на загрузку изображения.
В левой части расположены кнопки инструментов для просмотра изображения.
Инструмент [Щ] Лупа позволяет увеличивать и уменьшать изображение, а инструмент Рука — перемещать изображение в окне предварительного просмотра. Применяются эти инструменты так же, как аналогичные инструменты Adobe Photoshop.
Оптимизация файлов JPEG
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Чтобы сохранить изображение в формате JPEG, выберите эту опцию из списка Optimized File Format (Формат оптимизированного файла) в правой части диалогового окна. Если ранее был выбран другой тип файла, то вид правой части диалогового окна изменится и на экране появятся параметры оптимизации для JPEG-файлов (рис. 12.П). Вкладка Color Table (Цветовая таблица) используется только при сохранении изображений в формате GIF и PNG-8 и в данном случае пуста.
Compression Quality
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
В отличие от диалогового окна JPEG Options (Параметры JPEG) (см. рис. 12.2) команда Save for Web позволяет задавать 100 градаций сжатия изображения.
Для этого служит параметр Quality (Качество). Список Compression Quality
(Качество сжатия), как и аналогичный список окна JPEG Options, предлагает четыре градации качества изображения:
Maximum (Максимальное). Соответствует минимальному сжатию и максимальному качеству изображения. Параметр Quality = 80.
High (Высокое). Более сильное сжатие при достаточно высоком качестве
изображения. Quality = 60,
Medium (Среднее). Высокая степень сжатия при удовлетворительном качестве изображения. Quality = 30.
Low (Низкое). Очень сильное сжатие файла при низком качестве изображения. Quality = 10.
Попробуем с помощью команды Save for Web добиться минимального размера файла изображения, показанного на рис. 12.12. Это цветное изображение имеет размер 1,22 Мб и при скорости 28 800 бод (бит/с) загружалось бы около 6 минут.
Medium
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Выберем качество изображения Medium (Quality = 30). При такой степени сжатия размер файла будет равен 86,76 Кб и его загрузка при той же скорости займет 32 секунды. На рис. 12.13 видно, что, хотя в изображении и возникли искажения, в целом они его еще не портят.
При степени сжатия Medium размер файла уменьшился до 86,76 Кб, но возникли
небольшие искажения. Теперь проверим размеры изображения. Для этого необязательно выходить из диалогового окна. Достаточно щелкнуть на вкладке Image Size (Размер изображения) (рис. 12.14). Наше изображение имеет размер 800×529 пикселей.
Quality
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
В настоящее время пользователи, как правило, устанавливают для своих мониторов разрешение минимум 800×600 пикселей. Но многие владельцы 15-дюймовых мониторов предпочитают разрешение 640×480 пикселей. На таком мониторе наше изображение целиком не поместится, и в окне браузера возникнут полосы прокрутки. В Интернете считается хорошим тоном, если при отображении любого изображения не возникает горизонтальная полоса прокрутки. Поэтому уменьшим размер нашего изображения до 625×413 пикселей. Размер файла уменьшился до 50,17 Кб.
Чтобы добиться меньшего размера файла, увеличим степень сжатия. Для этого введем в поле параметра Quality (Качество) значение 10. Это чрезмерное сжатие, теперь искажения стали слишком заметны, особенно в области текста (рис. 12.15). Зато размер файла уменьшился до 31,26 Кб.
Optimized
Дата: 29.07.2008
Рубрики: Новости | Оставить комментарий
Установим флажок Optimized (Оптимизированный). Если он установлен, включается улучшенный алгоритм сжатия и можно еще немного уменьшить размер файла. После установки флажка Optimized файл уменьшился до 29,95 Кб. Если бы изображение не содержало текст, можно было бы воспользоваться опцией Blur (Размытие). С ее помощью возможно немного размыть изображение и еще уменьшить размер файла при той же степени сжатия. Алгоритм сжатия JPEG хорошо сжимает области с плавными переходами яркости и почти не сжимает высоко контрастные участки изображения. Если уменьшить количество таких участков, то размер файла тоже уменьшится. К сожалению, размытый текст станет совершенно нечитаемым.
Восстановим качество изображения. Правда, это приведет к некоторому росту размера файла. Adobe Photoshop позволяет пользователям с помощь маски самим определять, какие области изображения следует сжимать больше, а какие —меньше. Черный цвет маски интерпретируется программой как максимальное сжатие, а белый цвет — как минимальное.
Выйдем из диалогового окна Save for Web и в альфа-канале создадим маску. Для этого заполним альфа-канал сплошным черным цветом, а область текста с помощью аэрографа закрасим в белый цвет.
В Shades 301 iPod Edition от Myvu добавлена практическая обработка
Дата: 19.07.2008
Рубрики: Новости | Оставить комментарий
Определенно вы помните, что в прошлом году Solo Plus HMD (Myvu) нацелился на пользователей iPod? Постойте, что? Вы забыли об этом сразу же, как только увидели? Вы будете одним из первых, кто расскажет о том, что вы сейчас прочтете: в вышеупомянутое оборудование была добавлена еще одна опция для тех, кто хочет просматривать клипы из iPod на домашних кинотеатрах и поразить всех своих друзей. Shades 301 iPod Edition, который стоит 2 Бенджамина, вообще выглядит иначе чем Solo Plus и по сообщениям будет включать в себя пару наушников, съемный соединительный кабель, встроенный аккумулятор и кабель для фиксации на шее.
E-Ink представил новый сегментированный на ячейки дисплей – по типу старых школьных LCD
Дата: 19.07.2008
Рубрики: Новости | Оставить комментарий
E-Ink выпустил новый дисплей, который поступил в продажу на прошлой неделе, основанный на технологии сегментирования дисплея на ячейки (SDC). Новый экран на 40% тоньше и более гибкий, чем предыдущие дисплеи, и теперь его можно преобразовать в «органические непрямоугольные уникальные формы, включая круги, кривые и другие нестандартные формы».
jDome окружает вас 180-градусным отображение игры и общественным позором
Дата: 19.07.2008
Рубрики: Новости | Оставить комментарий
Это довольно очевидная концепция: возьмите полупрозрачный купол и спроецируйте на него изображение. Затем встаньте в середине купола, окружив себя 180-градусным игровым пространством. Джон Нильсон изобрел и запатентовал эту концепцию и теперь разрабатывает jDome, оценив его в $125-200. Мы заметили некоторые минусы этой концепции. В стоимость не включен проектор и вам придется подстроить ваше игровое пространство под круглую форму купола, чтобы не было искажений. Продукт предполагает, что вы будете проводить ваше игровое время, стоя напротив купола. И если быть точными вы сможете приобрести этот продукт за сумму чуть больше $6,000.
LP-XC55 и LP-XC50 проекторы от Sanyo поддерживают Активную обслуживающую систему фильтрования
Дата: 19.07.2008
Рубрики: Новости | Оставить комментарий
Sanyo выпустила дуэт проекторов LP-XC55 и LP-XC50 на японский рынок. Оба проектора исполнены в белом цвете, имеют 7-ваттный встроенный спикер, разрешение 1,024 x 768, систему защиты, позволяющую держать кабель в защищенным месте и активную обслуживающую систему фильтрования для легкого обслуживания. По существу система позволяет эксплуатировать проекторы дольше без очистки фильтров и «автоматически сообщает о загрязнении фильтров и необходимости их замены». Есть только одна разница между проекторами – 3100 ANSI цветов (XC55)/ 2,600 ANSI цветов (XC50) и, конечно, стоимость - ¥365,400 ($3,529) / ¥312,900 ($3,022).
Появился WUXGA F30 DLP проектор ProjectionDesign n – первый в мире
Дата: 19.07.2008
Рубрики: Новости | Оставить комментарий
F30 первый в мире DLPпроектор ProjectionDesign с разрешением дисплея WUXGA (1,920 x 1,200), предназначенный для проведения в жизнь бизнес-идей. Прекрасно приспособленный к демонстрациям на основе разрешения WUXGA, являющегося базой для лэптопов, проектор от ProjectionDesign также обеспечен 1080р с поддержкой формата 4:3. Внутри этого 4300-цветового проектора вы найдете DLP .95 чип и 2 х 300W UHP лампы, обеспечивающие непрерывную работу на 2000 часов при полной мощности (5000 часов при экономичном режиме). Имеется DVI, HDMI 1.3a, VGA. Цена? Лучше спросите у ProjectionDesign. Другими словами, он слишком дорого стоит для вас, мистер менеджер среднего звена.