Компьютерная графика

Книга и сайт посвящены компьютерной графике. Однако не всей. Мы рассматриваем методы и средства создания и обработки изображений, предназначенные преимущественно для вывода на монитор компьютера и публикации в Интернете. Специальные вопросы предпечатной подготовки (например, цветоделение) и создание трехмерной графики здесь не рассматриваются. Это, конечно, не означает, что вы не сможете распечатать свою картину на принтере. Просто все предпечатные изыски мы оставляем без особого внимания. Подготовка буклетов, рекламных плакатов, обложек и шикарных иллюстраций книг на высоком уровне требует особых знаний, навыков и опыта, которыми обладают специалисты верстки.
Из всех программных средств работы с графикой мы выбрали Adobe Photoshop и Macromedia Flash, а также Dynamic HTML. Photoshop является признанным лидером обработки растровых (точечных) изображений, a Flash — широко известный редактор векторной графики, ориентированный на создание анимации, которая может сопровождаться звуком. Файлы, создаваемые Flash, компактны и могут встраиваться в Web-страницы. Другими словами, векторную графику и серьезную анимацию, которые удается вставить в Web-страницу. можно подготовить в Flash. Динамический HTML (HyperText Markup Language — язык разметки гипертекста) обеспечивает создание несущей конструкции Web-сайта. Это основное средство Web-дизайна имеет свои инструменты для работы с графикой. Корректировать сканированные изображения и делать коллажи лучше всего в Photoshop, а рисовать на «чистом листе бумаге» — в Flash. И то, и другое обычно требуется в Web-дизайне.
Перечисленный выше набор программных средств позволяет решить львиную долю всех графических задач, связанных с Web и экспозицией на мониторе компьютера. Однако настоящая книга не является руководством пользователя по Photoshop, Flash и HTML в том смысле, который обычно вкладывается в это понятие. Вместе с тем эти средства — главные герои нашей книги. Цель книги -дать базовые понятия, поддерживаемые в том или ином объеме практически всеми серьезными графическими пакетами. Мы не стремились к исчерпывающей полноте изложения. Для нас важнее было создать критическую массу сведений, позволяющую начать работу и понять, какая именно информация еще нужна. Для конкретности изложения основные понятия компьютерной графики рассматриваются применительно к Photoshop и Flash. Базовые сведения, подкрепленные множеством примеров, позволят вам самостоятельно освоить основные методы и приемы создания и обработки изображений с помощью этих пакетов, а также почувствовать уверенность в своих силах при переходе к другим графическим программам, таким как CorelDRAW, Macromedia FreeHand, Adobe Illustrator, если это вам понадобится.
Кроме того, мы хотели написать книгу небольшого объема, доступную многим, посвященную одновременно и растровой, и векторной графике («два в одном»), содержащую и элементы теории, и практические рекомендации.

Введение
Цвет
Корекция изображения
Форматы файлов
Мониторы
Интрументарий Photoshop

Уроки Photoshop
Золотой текст

Кому адресована книга
О чем эта книга
Как устроена книга
Что надо иметь
Что такое Webсайт
Особенности графики для Web
Понятие растровой и векторной графики

Компьютерная графика

Цвет
Диалоговое окно Color Picker
Окно Color Picker Текущий
Окно выбора цветов

Окно выбора цветов
Окно выбора цветов
Значки предупреждений
Палитра цветов
Палитра Color в Photoshop
Палитра Swatches в Photoshop
Создание нового образца
Вкладка Swatches выделена
Менеджер цветов
Окно менеджера цветов

Цветовые книги
Окно выбора пользовательских
Индексированный цвет (Indexed Color)
Окно установки параметров
Окно Color Table для
Инструмент Eyedropper
Изображения в оттенках серого цвета
Изображения в режиме Bitmap
Окно установки параметров для режима Bitmap
Окно установки параметров

Слева полутоновое изображение
Результат применении
Результат применения
Результат применения
Окно Duotone Options
Окно Duotone Curve
Цветовой баланс
Окно Color Balance
Цветовые каналы
Установки цвета в Flash

Выбор цвета на панели инструментов
Выбор цвета на панели инструментов
Если щелкнуть на квадратике
Палитры Miхег и Swatches
Овал с непрозрачной
Палитры Mixer и Swatches
Палитры Color Mixer
Градиентные цвета
Настройка градиентной заливки
Импорт и экспорт цветовых палитр

Настройка цветопередачи
Окно Color Settings
Окно Color Settings
Группа Рабочее пространство (Working spaces)
Окно Assign Profile
Convert to Profile
Группа Управление цветом (Color Management Policies)
Утилита Adobe Gamma
Стартовое окно утилиты
Окно Adobe Gamma в

Окно Adobe Gamma в
Внедрение цветовых профилей
Модель RGB
Комбинации базовых цветов модели RGB
Модель CMYK
Комбинации базовых цветов модели CMYK
Взаимосвязь основных цветов RGB и С МУК
Модели HSB и HLS
Графическое представление модели HSB
Модель Lab

Графическое представление модели Lab
Цветовой охват
Цветовой охват различных цветовых моделей
Пикселы и глубина цвета
Сетка на изображении
Установка цвета в Photoshop
Установка цветового режима в Photoshop
То же изображение в
Элементы управления цветом а Photoshop

Компьютерная графика

Корекция изображения
Окно Curves в Photoshop
Задание кривых в Photoshop
Кривая при которой
Исходное изображение градиента
Повышение контрастности
Повышение яркости средних тонов

Исходное изображение
Результат коррекции кривой
Резкость
Фильтр Photoshop позволяющий
Исходное нечеткое изображение
Панель Unsharp Mask
Исходное изображение
Нечеткая маска (Unsharp Mask)
Резкие границы (Sharpen Edges)
Резкость (Sharpen)

Исходное изображение
Резкие границы (Sharpen Edges)
Резкость (Sharpen)
Делаем тестовое изображение
Создание градиента в Photoshop
Разрешение
Изображение с разрешением 480x360 пикселов
Изображение с разрешением 120x90 пикселов
Изображения с разрешением
Окно изменения размеров и разрешения изображения

Яркость
Яркость изображения
Контрастность
Контрастность изображения
Гамма
Градиент при различных значениях гаммы
Инструменты настройки яркости контрастности и гаммы
Панель настройки яркости
Панель настройки яркости
Панель настройки яркости

Уровни и кривые в Photoshop
Диалоговое окно Levels
Окно Levels (Уровни) в Photoshop
Градиент с равномерным
Ввод значений выходных
Гистограмма после преобразования уровней яркости
Исходное вялое (неконтрастное)
То же изображение после
То же изображение после
То же изображение после

То же изображение после
Результат применения

Компьютерная графика

Форматы файлов
Окно Save As
Формат TIFF
Формат EPS
Окно настройки параметров сохранения EPSфайла в Photoshop
Формат PDF

Формат BMP
Формат WMF
О сжатии информации
Кодовое дерево Хаффмена
Кодовое дерево ШеннонаФано
Собственные форматы
Основные форматы для Web
Формат GIF
Сохранение GIFфайлов в Photoshop
Окно настройки параметров сохраняемого GIFфайла в Photoshop

Окно настройки параметров экспорта в GIFфайл в Flash
Формат PNG
Сохранение PNGфайлов в Photoshop
Сохранение PNGфайлов в Flash
Окно настройки параметров экспорта в PNGфайл в Flash
Формат JPEG
Сохранение JPEGфайлов в Photoshop
Окно настройки параметров сохраняемого JPEGфайла в Photoshop
Сохранение JPEGфайлов в Flash
Окно настройки параметров экспорта в JPEGфайл в Flash

Формат SWF
Оптимизация графики для Web
Окно Save for Web предназначенное
Диалоговое окно открывающееся
Меню предварительного просмотра
Меню оптимизации
Кнопка Output Settings
Окно выходных параметров Output Settings
Параметры оптимизации GIFфайлов
Панель параметров оптимизации GIFфайла

Параметры оптимизации PNGфайлов
Параметры оптимизации JPEGфайлов
Фрагмент панели параметров оптимизации JPEGфайла

Компьютерная графика

Мониторы
Мониторы на электроннолучевых трубках
Монитор на основе ЭЛТ
Схема ЭЛТ
Теневая маска

Шаг люминофорного покрытия в ЭЛТ с обычной теневой маской
Апертурная решетка
Шаг люминофорного покрытия в ЭЛТ с апертурной решеткой
FD Trinitron (Sony)
Flatron (LG Electronics)
ErgoFlat (Hitachi)
DynaFlat (Samsung)
Мониторы с жидкокристаллическим дисплеем
Устройство жидкокристаллического дисплея
Сетка транзисторов в ЖКдисплее

Компьютерная графика

Компьютерная графика

Компьютерная графика

«Золотой текст»
При отключении инструмента Туре
Загружаем маску используя комбинацию
Применение фильтра Filter Blur
Для создания сдвига слоев относительно
В результате объединения слоев
Окно Curves Добиваемся снижения яркости средних тонов
Опытным путем добиваемся снижения

В области Source в списке Channel
Клавишей Del удаляем лишний фон изображения
В окне Color Balance подбираем
«Огненный текст»
Создаем новый документ выполнив
Создаем новый документ заполнив
Ближе к нижней границе документа
Установим метод Wind (Ветер) для создания смазанного вида
Текст пылает — выглядит вполне реально!
«Текст в подтеках»

Набрав исходный текст отцентрируем
К инвертированному изображению
Панель фильтра FilterBlurGaussian Blur
Конечный вариант изображения — текст в подтеках
«Ледяной текст»
Поворачиваем наше изображение
Для придания изображению реалистичного
Выбираем отпечаток кисти для инструмента Brush
Текст изо льда — переливается и сверкает на свету