- •Содержание
- •Глава 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
3. Создание рамок для фото, используя альфа-каналы
ЗАДАНИЕ. Рамка в виде карандашной растушевки.
1. Откройте любой портрет. Инструментом выделения выделите овал под рамку. 2. Создайте новый канал: в палитре Каналы щелкните внизу кнопку . На черном фоне канала будет видно наше выделение овала. |
|
4. Растушуйте контур выделения: Выделение /Растушевка, = 25-45 (чем больше фото, тем выше, чтоб потом штриховка заходила на портрет).
Выделение залейте белым цветом и инвертируйте: Выделение /Инверсия.
5. Видоизменим выделение фильтрами: примените шум (точечное распыление): Фильтр /Шум /Добавить шум (Filter/Noise/Add Noise). В окне задайте: Количество (Amount) =30, Распределение (Distribution) - Равномерное (Uniform), желательно Монохромный (Одноцветный).
растушуйте штрихами площадь выделения: Фильтр /Штрихи /Наклонные штрихи (Filter/Brush Strokes/Angled Strokes); настройте: 95 /15 / 9.
6. В палитре Каналы вернитесь в цветной канал RGB (щелкните по нему).
Загрузите из канала созданное выделение: Выделение /Загрузить выделение, в окне укажите Канал - Альфа 1, Операция - Новая выделенная область.
7. Инвертируйте выделение: Выделение /Инверсия. Залейте выделение белым цветом (или другим – по вкусу). Можно мягко стереть растушевку по периметру, чтоб она плавно переходила в фон сайта (презентации).
ЗАДАНИЕ. Рамка в виде мозаичной растушевки. 1. Откройте девушка.jpg. Используя , выделите фон. 2. Создайте новый канал, нажав внизу окна Каналы 3. Залейте белым цветом выделение (ведь в канале выделенную область нужно обозначить белым). 4. Видоизменим выделение фильтрами: Нажмите Фильтр /Другие/ Минимум =15. Фильтр сжимает белые области маски, уменьшая область выделения |
|
Размоем контур выделения: Фильтр/Размытие/Размытие по Гауссу (Blur /Gaussian Blur). Радиус размытия - чуть меньше радиуса сжатия =14,9.
Фильтр /Оформление /Мозаика (или для получения кристаллического ореола Фильтр /Оформление /Кристаллизация), =10.
Перейдите в обычный RGB-канал (щелкнув по нему). Загрузите выделение, созданное в канале: Выделение /Загрузить выделение.
Залейте полученное выделение белым цветом. Слегка сотрите мозаику по периметру, если надо, чтоб она плавно переходила в фон.
ЗАДАНИЕ. Фигурные рамки. 1. Откройте фото. Инструментом сделайте прямоугольное выделение. Площадь его рассчитайте так, что за пределами прямоугольника будет рамка. Нажмите Выделение /Инверсия, |
|
чтоб стала выделена область вне прямоугольника - область под рамку
2. Создайте новый канал, нажав внизу окна Каналы кнопку . В канале будет видно наше выделение. Эту область залейте белым цветом. Снимите выделение (Выделение /Отменить выделение или Ctrl+D).
3. Область в канале белого цвета означает `выделено`, и далее фильтры применятся лишь к этой области (область под рамку). Примените Фильтр/ Искажение /Стекло (Distort/Glass); настройки фильтра Блоки, Холст, Изморозь, Линзы (Blocks, Canvas, Frosted) дают разный тип рамок – см. презентацию.
4. В палитре Каналы вернитесь в канал RGB. Загрузите выделение из канала: Выделение /Загрузить выделение (или нажав Ctrl, щелкните по каналу).
5. Прежде чем заливать выделение под рамку цветом, в палитре Слои создайте новый слой. Рамку будем оформлять в этом отдельном слое.
6. Залейте эту область цветом фона или другим. Снимите выделение.
7. Нажмите Слой /Стиль слоя и примените к рамке эффекты: Внутренняя тень, Внешнее и внутренне свечение. Другой вариант заполнения рамки получится, если применить ещё эффект Тиснение /Текстура и рядом справа подобрать Узор для заполнения рамки.
Другие варианты. Применяя в канале разные фильтры (для белой области под рамку), можно получать другие эффекты. Так, попробуйте Фильтр/ Искажение / Рябь (Distort/Ripple), Оформление /Цвет. полутона (Pixelate /Color Halfone), Фильтр /Brush Strokes /Sprayed Strokes, Фильтр/ Текстура/ Stained Glass).
