- •Содержание
- •Глава 1. Виды компьютерной графики, их характеристика 6
- •Глава 2. Графический редактор adobe photoshop 19
- •Глава 3. Подготовка графики для web и мультимедиа 81
- •Глава 4. Основы web-дизайна. Язык html 90
- •Глава 5. Сайтостроение в Macromedia Dreamweaver 103
- •Глава 6. Проектирование web-сайта 122
- •Введение
- •I. Растровая, векторная, фрактальная графика
- •Глава 1. Виды компьютерной графики, их характеристика
- •II. Разрешение растровых изображений
- •1. Разрешение экрана монитора:
- •III. Изменение размеров, разрешения изображения
- •IV. Программы – графические редакторы двумерной графики
- •V. Форматы графических файлов
- •1. Критерии выбора формата файла
- •2. Методы сжатия информации (используемые в разных форматах файлов)
- •3. Виды форматов графических файлов
- •Глава 2. Графический редактор adobe photoshop
- •I. Выделение областей в Photoshop
- •4. Выводы: что можно делать с выделенной областью?
- •II. Инструменты рисования. Выбор цвета
- •III. Многослойные изображения
- •IV. Создание теней, отражений
- •V. Цветокоррекция
- •Цветокоррекция с помощью Пипеток
- •Особенности действия Пипеток :
- •Цветокоррекция Белой и Черной пипетками
- •VI. Ретушь – устранение дефектов фото
- •Типы дефектов: технические дефекты (царапины, пятна, отслоение эмульсии) и художественные (неправильная композиция, освещенность, неудачный фон).
- •1. Инструменты ретуши, коррекции
- •1.1. Инструмент `Штамп`
- •1.2. Инструмент `Восстанавливающая кисть`
- •1.3. Инструмент `Заплатка` (Patch)
- •1.4. Инструментом `Красные глаза` убираем дефект
- •1.5. Инструмент `Замена цвета`
- •1.6. Инструменты Размытие , Палец (Размазывание) , Резкость
- •1.7. Инструменты Осветлитель , Затемнитель , Губка
- •1.8. Инструмент Обрезка (Рамка)
- •2. Увеличение резкости
- •2.1. Инструменты увеличения резкости отдельных элементов (вручную)
- •2.2. Фильтры для увеличения резкости
- •2.2.1. Автоматические фильтры
- •2.2.2. Настраиваемые фильтры
- •3. Профессиональная ретушь фото:
- •Этап I. Создание снимков фото в палитре История
- •Этап II. Фильтр `Пыль и царапины`
- •Этап IV. Удаляем крупные дефекты Штампом
- •Этап V. Завершение ретуши: фильтр `Контурная резкость`
- •Методика использования фильтра `Контурная резкость`
- •VII. Использование каналов
- •2. Использование альфа-каналов
- •3. Создание рамок для фото, используя альфа-каналы
- •4. Получение черно-белых изображений (из цветных)
- •VIII. Векторные инструменты, контуры в Photoshop
- •2. Работа с контурами (Paths): обводка, заливка и пр.
- •3 . Векторные инструменты группы Перо (Pen)
- •С Установка стиля нового слоя вободное перо : создание контуров, выделений
- •Инструменты редактирования контуров
- •Глава 3. Подготовка графики для web и мультимедиа
- •I. Оптимизация – уменьшение объема файла
- •Х Таблица 5 арактеристики растровых форматов файлов
- •II. Создание рисунка на прозрачном фоне (без фона)
- •III. Анимация: разработка анимированных баннеров
- •Глава 4. Основы web-дизайна. Язык html
- •I. Основные понятия. Редакторы html
- •II. Структура html-кода страницы
- •III. Html-теги и атрибуты
- •Обязательные тэги
- •Форматирование абзацев, заголовков
- •Создание гиперссылок
- •Форматирование шрифта
- •Вставка изображения
- •Создание списков
- •Создание таблиц
- •Описание фреймов
- •Комментарии
- •Глава 5. Сайтостроение в Macromedia Dreamweaver
- •I. Интерфейс Dreamweaver. Начало работы
- •Начало работы в Dreamweaver
- •II. Принципы языка html и работа в режиме html-кода
- •III. Работа в режиме дизайна: форматирование текста
- •Форматирование абзацев
- •Создание списков
- •IV. Создание сайта в Dreamweaver
- •1. Настройки окна `Определение сайта`
- •2) В категории Удалённая информация (Remote Info)
- •3) В категории Примечания к дизайну (Design Notes)
- •2. Установка параметров страницы и русской кодировки
- •3. Разметка макета web-страницы
- •4. Настройка цвета страницы
- •5. Вставка рисунков
- •6. Ввод текста web-страницы
- •7. Настройка гиперссылок
- •Создание остальных страниц сайта и настройка ссылок
- •Рисунки в качестве ссылок. Карты изображений
- •Глава 6. Проектирование web-сайта
- •Этапы проектирования сайта
- •Рекомендуемая литература
- •Содержание этапов работы по проектированию сайта
- •241036, Г. Брянск, ул. Бежицкая, 14
2.2. Фильтры для увеличения резкости
Для повышения
резкости используются
фильтры группы Резкость. Для их вызова нажимают Фильтр /Резкость. Откроется меню из 5 фильтров: из них 2 - настраиваемых фильтра, 3 - автоматических |
|
2.2.1. Автоматические фильтры
Фильтр Резкость (или Сделать четче, Sharpen) делает фото немного четче, усиливает разницу в цвете между пикселями.
Фильтр Резкость+ (Sharpen More) - более сильный вариант 1-го фильтра.
Фильтр Резкость на краях (или Резкие границы, Sharpen Edges) ищет в фото области резкого перепада цвета (границы объектов) и увеличивает там конт-
раст, для остального фото сохраняется размытость. ЗАДАНИЕ. Откройте фото Наведи резкость .png Фото размыто, ему не хватает резкости. Создайте ещё 3 дубликата фото (нажав 3 раза Изображение/ Дублировать), чтоб к ним применить разные автомат. фильтры и сравнить. Примените: |
|
к 1му дубликату Фильтр /Резкость. Если эффект фильтра слаб, примените его несколько раз (3-4 раза); для повтора можно нажимать Ctrl+F.,
к 2му дубликату Фильтр/Резкость+, к 3му - Фильтр/Резкость на краях 3-4 раз
Расположите на экране дубликаты рядом. Какой фильтр лучше для этого фото?
2.2.2. Настраиваемые фильтры
Фильтр Контурная резкость (Unsharp Mask, Нечеткая маска) можно настраивать индивидуально под каждое фото. Даёт эффект фокусировки - увеличивает контрастность контуров. Подробно рассмотрим его ниже, в конце ретуши.
Фильтр `Умная` резкость (Смарт-обострение) позволяет выбрать алгоритм обработки и отдельно корректировать резкость теней, полутонов и светлых областей.
3. Профессиональная ретушь фото:
убираем множественные дефекты
При ретуши главное – не увлекаться радикальными изменениями, стремиться к естественности (см. в презентации примеры ретуши фото бабушки и др.). Ретушь фото с множественными мелкими дефектами проводят по ЭТАПАМ: |
|
I. Запоминают состояние исходного фото с дефектами - создают копию (снимок)
II. Нижнюю копию фото размывают фильтром Пыль и царапины - мелкие дефекты удалятся. Но резкость фото падает, его используют как вспомогательное: из него берут только пиксели, которые перекроют царапины!
III. В
исходной (четкой) копии легко удаляют
все
мелкие дефекты -
путём
перенесения в
него с размытой
копии
пикселей без
царапин (инструментом
)
IV. Крупные дефекты удаляют обычно - инструментами Штамп, Восст.кисть
V. Повышают резкость фото (фильтром Контурная резкость).
Этап I. Создание снимков фото в палитре История
ЗАДАНИЕ. Ретушь фото с множественными дефектами. Откройте файл Много дефектов.psd. Увеличьте его до 100%. 1. Запомните состояние фото, сделав его Снимок:
щелкните в палитре
История,
внизу кнопку
Палитра История всегда делится на 2 части: а) в верхней хранятся снимки фото. 1й снимок создается автоматически при открытии файла, остальные - по вашей команде |
|
Имея снимок, после любого количества операций можно вернуться в состояние этого раннего снимка (щелкнув по нужному снимку в палитре История). б) Нижняя часть палитры фиксирует последние операции. Их количество (20 по умолчанию) можно изменить в меню Редактирование /Установки. |
|
