- •Содержание
- •Глава 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
Методика использования фильтра `Контурная резкость`
Если фото трансформировали, изменяли размеры или разрешение, ретушировали, оно станет менее четким. Повысим резкость фильтром Контурная резкость. Он даёт эффект фокусировки - увеличивает контрастность контуров.
1. Установите масштаб просмотра фото 100%. Так легче оценить эффект. Нажмите Фильтр /Резкость/ Контурная резкость. В Photoshop этот фильтр управляется 3 параметрами: Эффект (Количество, Amount) - степень увеличения контраста границ (степень резкости). Рекомендуют выбирать 150-200%. Как начальное установите 160% |
Рис. 10. Исходное фото немного нечеткое |
Большое значение (180-200) задают, если в фото объекты с четкими границами.
Небольшое значение (< 100) выбирайте для естественных объектов и фигур.
Размер фото (в пикселях) |
Радиус |
1500 - 2000 |
1.0 - 2.0 |
1000 - 1500 |
0.7 - 1.3 |
800 - 1000 |
0.5 - 0.8 |
600 - 800 |
0.4 - 0.6 |
400 - 600 |
0.3 - 0.4 |
300 - 400 |
0.3 |
200 - 300 |
0.2 - 0.3 |
0 - 200 |
0.2 |
Радиус подберите, чтоб стали четкими мелкие детали, но не возникли ореолы вокруг крупных фигур.
Порог (Threshold) – порог, выше которого фильтр начинает действовать. При Пороге =0 в операции участвуют все пиксели, при 255 фото не меняется.
Порог выбирайте минимальный, задайте пока =0.
2. Далее: если резкость оригинала невысока, а радиус уже на пределе (ореолы становятся заметны), для усиления действия фильтра увеличивают Эффект.
Наоборот, возможно надо уменьшить Эффект и Радиус, если на фото много мелких деталей (фактурная ткань и т.п.), чтоб на фото не появилось `терки`.
3. Порог. Если на фото нет шума (зерна), Порог оставьте =0. Если шум (зерно) есть, увеличьте до 4-8 (до 20), чтоб не усилить шум.
Но учтите: при печати фото шум сглаживается регулярной структурой растра (в каждой ячейке растра 4 соседних пикселя осредняются). Т.е. в фото для печати полностью избавляться от шума не надо.
А в фото для экрана надо полностью избавится от шума.
А радиус задать не выше 1. Ведь при jpg-сжатии шум, ореолы могут усилиться.
4. Примеры действия разных параметров фильтра – см. в презентации. Подберите к этому фото параметры сами, если затрудняетесь, примените как в презентации, на рис. 4: Эффект 160%, Радиус 1.5, Порог 15.
СОВЕТЫ. 1) Можно преобразовать фото в режим Lab (Изображение /Режим /Lab), в окне Каналы выделить канал Luminosity (Яркость) и применить фильтр (только к этому каналу), чтоб усилить яркость, не затрагивая цвет пикселей.
2) Можно дублировать слой с фото (Слой /Создать дубликат). К верхнему слою применить фильтр с высоким Эффектом и Радиусом 2-3.5 (появятся ореолы). Чтоб скрыть свечение границ (излишнюю резкость), надо дублировать этот слой. К верхнему слою применить Режим смешивания Замена темным; ко 2му резкому слою – Режим Замена светлым и уменьшить у этого слоя Непрозрачность так, чтоб исчезли белые ореолы, лишняя резкость.
Итак, лучше создать 3 дубликата фото. Применить фильтр к 1му фото;
2е фото перевести в Lab и применить фильтр к каналу Яркость (см. совет 1);
к 3му фото применить фильтр как в совете 2. Сравнить 3 фото (результаты), выбрать лучшее.
Использование фильтра `Пыль и царапины` (Dust & Stretches)
Важный этап подготовки фото - очистка от царапин, пылинок, пятен. Это трудоемко, делается вручную инструментами ретуши (как в примерах выше).
Но если фон однородный (без мелких деталей), но с дефектами - пылью и пр., то фон выделяют и успешно применяют фильтр Пыль и царапины (см. пример фото в презентации). Или фильтр применяют к крупным объектам фото с мелкими дефектами.
Фильтр закрашивает дефекты цветом фона (на глубину Радиуса). Чтобы отличить дефекты от нужных зерен пленки, служит параметр Порог.
Использование фильтра `Размытие` (Blur)
Часто после сканирования фото получается зернистым, текстурным, не гладким. Чтобы смягчить зернистость фото, используйте Фильтр /Размытие/ Размытие Гаусса (Blur /Gaussian Blur) со значением ниже 1.
Затем, чтоб сделать фото четче, 1-2 раза примените Фильтр/ Резкость/ Резкость на краях (Filter /Sharpen /Sharpen Edges).
Иногда для фокусировки внимания на главном объекте фон фото выделяют (отделяя от главного объекта) и размывают фильтром Размытие Гаусса.
По раз
