- •Содержание
- •Глава 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. Инструменты ретуши, коррекции
1.1. Инструмент `Штамп`
Инструмент Штамп служит для копирования одной части изображения на другую (делает заплатку). Поэтому для настройки Штампа вверху, на панели настроек (см. рис. ниже) определяют:
- диаметр кисти штампа (в поле Кисть) и жесткость (в поле Нажим),
- режим наложения нового рисунка на старый - в полях Режим, Непрозрачность
Среди разных режимов наложения Штампа чаще используют 3:
Нормальный – новое изображение всегда перекрывает старое.
Замена темным (или Темнее) – штамп затемняет светлые участки (перекрывает старое изображение только там, где было светлее).
Замена светлым (Светлее) – штамп осветляет темные участки.
Как использовать Штамп. Удерживая Alt, щелкают в точку-образец (откуда надо скопировать фрагмент). Потом щелкают или водят по области, куда надо скопировать образец. При этом крестик + на рисунке будет показывать, откуда сейчас берется образец для копирования.
Кисть Штампа берите с мягкими краями, чтоб скрыть контур вставляемой заплатки. Если флажок Выравнивание (Align) на панели настроек отмечен, место образца будет смещаться при перемещении мыши от 1й точки-образца.
ЗАДАНИЕ. Откройте фото Родинка.jpg. Удалим Штампом родинку со щеки
1.
Чтобы аккуратно выполнить ретушь, Лупой
увеличьте
масштаб фото.
2. Включите Штамп , вверху на панели выберите кисть с мягкими краями, режим Замена светлым. Этот режим нужен, чтоб новый фрагмент-заплатка осветлял темную родинку (т.е. перекрывал старое фото только там, где темнее). 3. Удерживая Alt, щелкните в точку-образец (откуда будете копи-ровать фрагмент) – в щеку без дефекта. Потом водите мышью по родинке (царапине), куда надо скопировать образец.
ЗАДАНИЕ. Уберем Штампом круги под глазами (или мешки). Откройте фото Круги у глаз.jpg. Увеличьте масштаб его показа 1. Для Штампа настройте: Кисть с мягкими краями, Режим Замена светлым, непрозрачность 50%. Тогда Штамп внесёт |
|
несильные изменения. При ретуши нельзя делать радикальных изменений!
2. Нажав Alt, щелкните у носа - в область-образец (подходящую по цвету).
3. Осветлите круги под глазами, двигаясь мазками вдоль естественных линий.
ЗАДАНИЕ. Отретушируйте фото (файл В лодке.jpg), используя Штамп.
Пример результата ретуши этого фото - см. в презентации.
1.2. Инструмент `Восстанавливающая кисть`
Восстанавливающая кисть (Healing Brush) работает подобно Штампу (позволяет указать, откуда брать образец), но ещё подстраивает края за- |
|
платки под цвет окружающих пикселей, чтоб она не выделялся из окружения.
Инструмент
Точечная
восстанавливающая
кисть
(Spot
Healing
Brush)
работает
автоматически (не надо указывать
область-образец), заменяет дефект
рисунком из прилегающих областей. Надо
лишь вверху задать размер
кисти, чтоб
он совпадал с площадью дефекта, и щелкнуть
по дефекту. Хорош для заделки небольших
точечных пятен,
что можно закрыть за 1 раз.
Инструменты , эффективнее Штампа тем, что при вставке заплатки смешивают её края с окружающим цветом. Но если к дефекту прилегает область другого цвета (напр., не кожа, а одежда), инструменты могут ошибиться - смешать края заплатки (кожи) с ненужным цветом одежды. В таких случаях - с контрастными областями лучше Штамп, он не смешивает заплатку с исходным рисунком, а кладёт поверх него (поэтому кисть Штампа лучше задавать с мягкими краями, чтоб скрыть контур вставляемой заплатки).
ВЫВОД: , хороши для мелких дефектов на достаточно однородном фоне. Если надо удалить большой дефект на контрастном фоне, сначала
используют Штамп (чтоб окружающие пиксели не влияли на наложение), затем подправляют результат инструментом . ЗАДАНИЕ. Откройте файл Девушка.jpg. Штампом удалите большие дефекты, потом подправьте результат Восст. кистью |
|
ЗАДАНИЕ. Откройте файл Щека.jpg. Инструментом Штамп и потом Восстанав. кистью удалите дефекты (прыщи). |
|
