Вита-Пресс

Свойства блоков Граница (border) Обтекание блока текста

Позиционирование. Как попасть туда, не знаю куда Избранные страницы. Стиль персональный

Применение стиля для тега. Штучная работа Взаимодействие стилей. Кто на новенького?

Каскадность стилей и приоритеты. Чем больше влия­ние, тем меньше значимость — все не как в жизни Это интересно!

Ссылки могут быть украшением ID-классы Обобщение

Три способа задания стиля Приоритеты Flash

Основные понятия Типы символов Анимация движения Анимация формы Кнопки Динамический HTML

Работа со слоями Примеры использования DHTML Творческая работа. Тема «Технический проект» Самооценка Рефлексия

Глава VIII. Основы веб-дизайна (8 ч)

В данной главе вы увидите, что проектирование содержимого сайта — один из самых ответственных моментов при создании любого веб-ресур­са. Посетителей привлекает в первую очередь актуальная для них инфор­мация, заставляющая их вновь и вновь возвращаться на сайт. Дизайн лишь подчеркивает содержание сайта, облегчает его восприятие, помога-

62

ет ориентироваться в нем. Здесь же вы познакомитесь, как с помощью веб-дизайна достигнуть этих целей, создадите сами ряд элементов дизайна.

Основные понятия: дизайн, векторная и растровая графика, графи­ческий редактор, инструменты, фильтры, графические примитивы, па­литра цветов, формат графического файла, заголовки, текст, разделы, ссылки, термины, эффективность рекламы. Содержание главы: Логотип

Фирменный стиль Цветовая гамма Макет дизайна

Верстка и оптимизация веб-страниц Информационное наполнение сайта (контент)

Заголовки

Текст

Привлечение внимания

Соответствие содержанию

Термины

Конкретность

Простота

Краткость

Логичность изложения

Орфография Расположение элементов на сайте

Графические элементы

Анимация

Баннеры

Навигация Обобщение Творческая работа

Выполнение и защита творческих работ на выбранные темы

(логотип, баннер, фирменный стиль, макет дизайна и др.) Самооценка Рефлексия

Глава IX. Размещение, «раскрутка» и поддержка сайта в сети (4 ч)

В этой главе вы научитесь размещать подготовленные вами сайты в сети Интернета. Оценивать предлагаемые провайдерами условия разме­щения и выбирать оптимальные. Загружать на сервер свои файлы разны­ми способами и тестировать веб-страницы. Научитесь делать свой сайт заметным среди многих.

Основные понятия: Интернет, IP-адрес, домен, провайдер, хостинг, трафик, доступ по коммутируемым каналам, выделенная линия, модем, скорость передачи информации, администрирование сайта, протоколы FTP, TCP/IP, HTTP, релевантность запросов, скорость загрузки, критич-

63

ность размеров файлов изображений и веб-страниц, электронная почта, реклама, снам, статистика, посещаемость страниц сайта, счетчик, поис­ковые системы, поисковые роботы, рейтинг ресурса, баннер, метатеги, ключевые слова, содержание, заголовки страниц, эффекты дизайна, инте­рактивность, баннерный обмен, обмен страницами. Содержание главы: Хостинг

Размещение сайта у провайдера FTP — передача файлов Тестирование сайта

Удобство навигации

Целостность данных

Корректность ссылок

Орфография

Графика

Скорость загрузки

Другие возможности Регистрация сайта в поисковых системах Обмен ссылками Баннерная реклама

Принципы и технологии обновления сайта Автоматические системы обновления сайта Обобщение Творческая работа Самооценка Рефлексия

Глава X. Проектирование сайта (4 ч)

В этой главе вы узнаете, что если просто сразу сделать сайт, то вряд ли он будет интересен большинству посетителей. Чтобы ваш сайт удов­летворял общепринятым критериям, вы научитесь разрабатывать кон­цепцию, цели и структуру сайта, продумывать его внутренние и внешние связи, назначение каждой страницы и элемента на ней. Эти задачи необ­ходимо решить прежде, чем приступить к построению самого сайта.

Основные понятия: концепция сайта, цели сайта, структура сайта, пользователи, навигация. Содержание главы: Концептуальное проектирование

Основные и второстепенные цели

Действия, которые необходимо предпринять для достиже­ния поставленных целей Состав пользователей Интересы групп пользователей Разделы сайта Критерии достижения цели

64

Логическое проектирование

Тип структуры сайта (линейная, иерархическая, контекст­ная, другая) Названия разделов

Что будет содержать в себе каждый раздел Организация и связь разделов между собой Какая информация будет размещена на определенных стра­ницах сайта

Физическое проектирование

Технологии, которые будут применяться на сайте Используемое программное обеспечение Возможные проблемы и способы их устранения Как будет обновляться информация

Обобщение

Творческая работа

Самооценка

Рефлексия

Глава XI. Зачетная работа (10 ч)

Пришло время выполнения вашего итогового проекта. Вы уже име­ете опыт создания различных элементов сайта. Теперь все ваши знания и умения и предыдущие разработки необходимо применить для создания комплексного проекта — веб-сайта на выбранную вами тему. Сайт раз­рабатывается в группе или индивидуально. В любом случае от вас потре­буется спроектировать, изготовить и разместить свой сайт в сети. Выпол­ненный проект вам необходимо защитить перед своими одноклассниками и учителем. Возможна и дистанционная форма защиты с привлечением удаленных специалистов.

Основные понятия: тема и структура веб-сайта, проектирование, изготовление, размещение, тестирование сайта, экспертная оценка.

Содержание главы:

Выбор темы творческого проекта — сайта

Техническое задание

Распределение работы между разными специалистами (заказчик, арт-

директор, веб-мастер, кодер, программист, верстальщик, менеджер),

их функции в общем проекте

Особенности коллективной (групповой) деятельности разработчиков

сайта

Проектирование, создание и размещение сайта в сети

Акт сдачи-приемки работы

Защита выполненных проектов

Самооценка и оценка. Рефлексия

Глава XII. Олимпиада по веб-дизайну (2 ч)

Олимпиада по компьютерной графике и веб-дизайну — хороший способ проявить художественные, графические и технические способно-

65

сти. Данная олимпиада — межпредметная и может проводиться в рамках нескольких учебных предметов: изо, живопись, художественное творче­ство, декоративно-прикладное искусство, МХК, дизайн, информатика.

Основные понятия: логотип, фирменный стиль, баннер, макет, гра­фика, дизайн.

Содержание главы:

Олимпиадные задания:

1. 
   Разработайте макет своей «веб-визитки». Найдите необходимые
   слоганы и их графическое сопровождение.
   
2. 
   Разработайте макет логотипа своей школы (класса) в формате jpg
   или gif. и представьте его в цветном и черно-белом вариантах.
   
3. 
   Изготовьте два баннера размером 120x60 — анимированный и
   статичный. Цель баннеров — воздействовать на эмоциональную
   сферу потенциального зрителя.
   
4. 
   Придумайте графическую иллюстрацию для раздела юмористи­
   ческого сайта. Иллюстрация необходима смешная, заниматель­
   ная, оригинальная. Размер иллюстрации 130x190 пикселей. Фор­
   мат файла jpg или gif.
   
5. 
   Разработайте титульную веб-страницу на одну из тем: «Наш класс»,
   «Наша школа», «Мы — фанаты!», «Интернет-газета», «Веб-клуб»,
   «Пункт продажи мобильных телефонов», «Магазин цветов»,
   «Служба знакомств».
   

Фрагмент пособия для учеников (из главы 7 «Дополнительные возможности создания веб-страниц»)

Фон. Помоги Тому Сойеру покрасить забор

Как писать надписи на Интернет-заборах (веб-страницах), вы уже научились. Какому-либо тегу присваиваете значение атрибута COLOR в виде названия цвета или RGB-кода. И тег применяете к тексту.

При изучении HTML-языка вы также научились задавать цвет фона и фоновое изображение. Рассмотрим, какие возможности для этого дают таблицы стилей.

Параметрами фона можно управлять только для конкретного блоч­ного элемента разметки. Таким элементом могут быть вся страница, таб­лица, абзац, заголовок и др. Например, если мы зададим стиль:

h4 { background-color:black;color:white;} то все заголовки четвертого уровня будут отображаться белым цветом на черном фоне.

Кроме цвета фона и его прозрачности, теперь можно управлять фоновой картинкой (координатами ее размещения и способами повто­рения).

66

Для работы с фоновым изображением существует несколько атри­бутов:

• 
  background-image — задает адрес изображения для фона;
  

• 
  background-repeat — определяет, как будут дублироваться изоб­
  ражения на экране; имеет значения:
  

• 
  repeat — изображение дублируется по обоим направлениям;
  
• 
  repeat-x — изображение дублируется только по горизонтали;
  
• 
  repeat-y — изображение дублируется только по вертикали;
  
• 
  no-repeat — выводится одно изображение с его истинны­
  ми размерами;
  

• 
  background-attachment — задает поведение фона, он либо
  фикcиpyeтcя(fixed), либо прокручивается($сго11) вместе с картин­
  кой. При помощи этого свойства можно создать неплохой эф­
  фект;
  
• 
  background-position — определяет положение исходной картинки
  на экране. Значениями могут быть команды LEFT, RIGHT,
  CENTER, координаты в пикселах или пунктах, а также в процен­
  тах. Можно указывать обе координаты, одну или ни одной. Отсут­
  ствующая координата заменится значением по умолчанию, обыч­
  но центрированием.
  

Для краткости все свойства фона можно описать в общем атрибуте background:

background: transparent|color url repeat scroll position

Примеры:

p { background: gray http://www.eidos.ru/logo.gif no-repeat fixed 50% ЗОрх; }

body { url(«fon.gif»); background-repeat:repeat-x; background-attachment:fixed;}

Какое богатство возможностей при использовании всего одного изображения для фона! Однако при всем изобилии возможностей зло­употреблять ими не стоит.

Задание.

При изучении главы 2 вы создавали логотип и помещали его на веб­страницу в файле vizitka-family.htm. Измените страницу. Сделайте логотип фоновым изображением, зафиксированным в одном из верхних углов. Дуб­лирование и прокрутку этого изображения отключите.

Перспективы для выпускника курса

Для учеников профильной школы, выбирающих тот или иной электив­ный курс, немаловажна конкретная польза, практическая выгода данного курса. Поэтому задача учителя, презентующего данный курс, — раскрыть ученикам перспективные моменты данного курса.

67

Ученик, окончивший курс «Технология создания сайтов» сможет в будущем:

• 
  участвовать в российских и международных олимпиадах, конкур­
  сах и телекоммуникационных проектах, где результаты обычно представ­
  ляются в виде веб-страниц;
  
• 
  неограниченно публиковать в сети Интернета свои творческие ра­
  боты, получая отклики самой широкой аудитории;
  
• 
  создавать современные сайты по требуемой тематике для себя, для
  родных, знакомых, на заказ;
  
• 
  изготавливать сайты на коммерческих условиях;
  
• 
  приобрести современную, престижную и высокооплачиваемую
  профессию;
  
• 
  найти дистанционную работу в любом регионе страны и мира;
  
• 
  установить дружеские и деловые связи по всему миру;
  
• 
  выгодно представить себя, свои возможности, увлечения всему миру;
  
• 
  завоевать уважение коллег и руководства организации, в которой
  будет работать, оказывая помощь по представительству организации в
  Интернете, по рекламе ее продукции и по налаживанию деловых контак­
  тов с партнерами.
  

Мнения учащихся о курсе

«Я даже не думал, что могу выложиться настолько. Я занимался, а точнее сказать — учился веб-дизайну. Мои родители были довольны, что я стал изучать хоть что-то (до этого на компьютере только играл и без конца щелкал по мышке). Я изучил много книг по веб-дизайну, ком­пьютерной графике, программированию. И вот, наконец, есть возмож­ность показать уже всем, на что ты способен. Я в команде выполнял роль Java-программиста в отношении всего сайта, а также HTML-программи­ста и дизайнера главной и новостной страницы. При работе я использо­вал Macromedia Dreamweaver MX, Adobe Photoshop 7 и еще ряд мелких программ, которые тоже мне помогли в разработке сайта». — Данилов Ярослав, 11 Б класс, Лицей № 1, г. Нефтекамск.

«Все члены команды единогласно выбрали тему сайта о сотовых телефонах. Мы распределили должности, занимаемые каждым членом команды. Их оказалось четыре: Программист, Арт-директор, Журналист, Текстовый редактор. Правда, границы деятельности оказались условны­ми. Парадокс заключался в том, что самым легким оказалось работать в команде, но и самым сложным оказалось работать в команде. С одной стороны — один член команды вьшолняет первую часть задания, другой — вторую. С другой стороны — сколько людей, столько и мнений. Было нелегко найти оптимальный, поистине верный вариант. Говоря о буду­щем, нельзя не отметить тот неоценимый опыт, который мы получили,

68

работая вместе. Уверен, он нам пригодится». — Бочков Михаил, 10 В, Гимназия № 39, г. Тольятти.

«Мы решили выбрать темой нашего сайта Ергина Юрия Викторови­ча, так как такие великие люди, как Юрий Викторович, должны быть известны миру. Это самый лучший, умный и уважаемый физик нашего города. Моя работа заключалась в сборе информации для сайта. Нелег­ко было «поймать» столь известного человека! Но наконец-то он уделил мне несколько своих драгоценных минут для того, чтобы рассказать о себе. Я даже не подозревала, что у этого человека столь увлекательная судьба. После встречи с Ергиным несколько часов я посвятила классифи­кации информации, получилось пять разделов: биография, публикации, увлечения, ученики и советы. Еще некоторое время ушло на оформление: печать и на художественное редактирование. Я думаю, что лучше всего у меня получилась художественная обработка информации». — Жибурда Олеся, 11 Б класс, гимназия 111, г. Уфа.

«Работу я выполнял самостоятельно. Сначала подбирал разные ва­рианты страниц в голове, затем реализовывал их за компьютером. Пользо­вался «Блокнотом» и некоторыми html-редакторами. Труднее всего было делать сайт под разрешение 800x600, приходилось редактировать сайт на разных компьютерах». — Стаценко Роман, 10 класс, НОУ ОПТ «Пасифик Лайн Скул», г.Владивосток.

«Благодаря олимпиаде Центра «Эйдос» я лишний раз убедился в том, что я могу и хочу связать себя с web-дизайном — есть силы, уме­ние, желание и главное — идеи. Ведь без идей, как бы человек хорошо ни владел своим делом, ничего путного не получится. Мною был вы­полнен такой элемент дизайна, как цветная полоса прокрутки — ее я выполнил в соответствии с цветовой гаммой сайта (белый со светло-голубыми контурами)». — Бершак Олег, 11 Б класс, лицей №1, г. Нефте­камск

Список информационных ресурсов

Развитие информационных технологий происходит быстрыми тем­пами. Новые стандарты устаревают, не успев пройти официального ут­верждения. Обновляемые электронные издания в этом смысле более мо­бильны, чем «бумажные» варианты учебных пособий. Приведем адреса Интернет-ресурсов, которые содержат информацию, полезную для со­здания сайтов любого уровня сложности и качества.

http://htmlbook.ru — Мержевич Влад.

Краткий, но информационно насыщенный учебник по технологии создания сайтов, HTML, CSS, дизайне, графике и др. Выполнен в стиле расширенного справочника с примерами. Написан доступным языком. Подходит для углубленных занятий как под руководством учителя, так и индивидуально.

69

http://www.intuit.ru/ — П.Б. Храмцов, С.А. Брик, A.M. Русак, А.И. Сурин.

Сайт Интернет-университета информационных технологий. Курс лекций посвящен основам веб-технологий. Рассчитан на студентов вузов, но может быть полезен всем, кто желает углубить свои знания в этой области.

http://www.postroika.nj/ — Аленова Наталья.

«Учебник (руководство) по html. Я писала это руководство в расчете на людей начинающих, вспоминая, как когда-то начинала сама. Это не сухое изложение всего подряд, это попытка поработать на ассоциациях, сделать все более легко запоминающимся. Мне кое-где не удалось избе­жать нудных моментов, но я старалась и буду стараться, дополняя и исправляя все написанное время от времени».

http://html.manual.ru/ — Городулин Владимир.

«HTML-справочник. Это не перевод скучной спецификации и не попытка написать учебник. Задача справочника — коротко и ясно опи­сать действие всех элементов языка HTML, которые вы можете без опас­ки использовать при создании Интернет-страниц, не боясь, что какая-то версия какого-либо браузера сделает вам неприятный сюрприз. Иначе говоря, здесь представлен «классический» HTML, употребляемый про­фессиональными web-разработчиками. И ничего лишнего».

http://winchanger.narod.ru — А. Климов

Краткий справочник по тегам HTML-языка.

http://www.w3.org/ — World Wide Web Consortium.

О спецификации HTML 4.0. Профессиональный документ. Для тех, кому недостаточно справочников, или для решающего аргумента в спо­ре. Единственной нормативной версией является английская версия дан­ного документа. Однако переводы этого документа имеются по адресу http://www.w3. org/MarkUD/html40-uDdates/translations.html

способов деятельности превращает его в дисциплину, интегрирующую различные предметы школьного курса, поскольку помогает ученикам справляться с обработкой и представлением многопредметного инфор­мационного потока.

Успех данного курса в профильной школе обусловлен его продук­тивной личностной ориентацией, высокой социальной обусловленностью, деятельностным подходом, а также профессионализмом авторов курса, которые разработали его с опорой на свой многолетний педагогический опыт обучения школьников и педагогов основам сайтостроительства.

КОМПЬЮТЕРНАЯ ГРАФИКА

Л.А. Залогова,

канд. физ.-мат.наук, доцент кафедры

математического обеспечения вычислительных систем

Пермского государственного университета

Область информатики, занимающаяся методами создания и редак­тирования изображений с помощью компьютеров, называют компьютер­ной графикой.

Люди самых разных профессий применяют компьютерную графику в своей работе. Это — исследователи в различных научных и приклад­ных областях, художники, конструкторы, специалисты по компьютерной верстке, дизайнеры, разработчики рекламной продукции, создатели Web-страниц, авторы мультимедиа-презентаций, медики, модельеры тканей и одежды, фотографы, специалисты в области теле- и видеомонтажа и др.

Как правило, изображения на экране компьютера создаются с помо­щью графических программ. Это растровые и векторные редакторы, программы создания и обработки трехмерных объектов, системы авто­матизации проектирования, настольные издательские системы и др.

Основное внимание в курсе «Компьютерная графика» уделяется со­зданию иллюстраций и редактированию изображений, т.е. векторным и растровым программам. Создание же трехмерных изображений на экра­не компьютера — достаточно сложная задача, и ее рассмотрению нужно посвятить отдельный курс. Другие области компьютерной графики, не­сомненно, представляют большой интерес, однако они требуют опреде­ленной профессиональной специализации. К примеру, система автомати­зации проектирования AutoCAD используется профессиональными архитекторами для проектирования зданий и планировки городов. Про­грамма научной графики Grapher фирмы Golden Software предназначена для графической обработки данных, описываемых функцией одной пере­менной, которая может быть задана аналитически или таблично.

Пояснительная записка

МЕСТО КУРСА В ОБРАЗОВАТЕЛЬНОМ ПРОЦЕССЕ

Курс «Компьютерная графика» — элективный курс для учащихся старших классов школ, гимназий, колледжей. Курс предназначен для уча­щихся, обучающихся в естественно-математическом профиле, однако мо­жет быть интересен в социально-гуманитарном профиле. Основное тре-

бование к предварительному уровню подготовки — освоение «Базового курса» по информатике.

Курс рассчитан на 70 учебных часов.

Цели и задачи курса:

• 
  дать глубокое понимание принципов построения и хранения изоб­
  ражений;
  
• 
  изучить форматы графических файлов и целесообразность их ис­
  пользования при работе с различными графическими программами;
  
• 
  рассмотреть применение основ компьютерной графики в различ­
  ных графических программах;
  
• 
  научить учащихся создавать и редактировать собственные изобра­
  жения, используя инструменты графических программ;
  
• 
  научить выполнять обмен графическими данными между различ­
  ными программами.
  

ОБРАЗОВАТЕЛЬНЫЕ РЕЗУЛЬТАТЫ

Учащиеся должны овладеть основами компьютерной графики, а именно должны знать:

• 
  особенности, достоинства и недостатки растровой графики;
  
• 
  особенности, достоинства и недостатки векторной графики;
  
• 
  методы описания цветов в компьютерной графике — цветовые
  модели;
  
• 
  способы получения цветовых оттенков на экране и принтере;
  
• 
  способы хранения изображений в файлах растрового и векторного
  формата;
  
• 
  методы сжатия графических данных;
  
• 
  проблемы преобразования форматов графических файлов;
  
• 
  назначение и функции различных графических программ.
  

В результате освоения практической части курса учащиеся должны уметь:

1) создавать собственные иллюстрации, используя главные инстру­менты векторной программы CorelDRAW, а именно:

• 
  создавать рисунки из простых объектов (линий, дуг, окружно­
  стей и т.д.);
  
• 
  выполнять основные операции над объектами (удаление, пере­
  мещение, масштабирование, вращение, зеркальное отражение и
  

др-);

• 
  формировать собственные цветовые оттенки в различных цве­
  товых моделях;
  
• 
  закрашивать рисунки, используя различные виды заливок;
  
• 
  работать с контурами объектов;
  
• 
  создавать рисунки из кривых;
  
• 
  создавать иллюстрации с использованием методов упорядоче­
  ния и объединения объектов;
  

72

73

• 
  получать объёмные изображения;
  
• 
  применять различные графические эффекты (объём, перетека­
  ние, фигурная подрезка и др.);
  
• 
  создавать надписи, заголовки, размещать текст по траектории;
  

2) редактировать изображения в программе Adobe PhotoShop, a
именно:

• 
  выделять фрагменты изображений с использованием различных
  инструментов (область, лассо, волшебная палочка и др.);
  
• 
  перемещать, дублировать, вращать выделенные области;
  
• 
  редактировать фотографии с использованием различных средств
  

художественного оформления;

• 
  сохранять выделенные области для последующего использова­
  ния;
  
• 
  монтировать фотографии (создавать многослойные документы);
  
• 
  раскрашивать чёрно-белые эскизы и фотографии;
  
• 
  применять к тексту различные эффекты;
  
• 
  выполнять тоновую коррекцию фотографий;
  
• 
  выполнять цветовую коррекцию фотографий;
  
• 
  ретушировать фотографии;
  

3) выполнять обмен файлами между графическими программами.

МЕЖПРЕДМЕТНЫЕ СВЯЗИ

Знания, полученные при изучении курса «Компьютерная графика», учащиеся могут использовать при создании рекламной продукции, для визуализации научных и прикладных исследований в различных облас­тях знаний — физике, химии, биологии и др. Созданное изображение может быть использовано в докладе, статье, мультимедиа-презентации, размещено на Web- странице или импортировано в документ издательс­кой системы. Знания и умения, приобретенные в результате освоения курса «Компьютерная графика», являются фундаментом для дальнейшего со­вершенствования мастерства в области трехмерного моделирования, ани­мации, видеомонтажа, создания систем виртуальной реальности.

СОДЕРЖАНИЕ КУРСА

В курсе «Компьютерная графика» рассматриваются:

• 
  основные вопросы создания, редактирования и хранения изобра­
  жений;
  
• 
  особенности работы с изображениями в растровых программах;
  
• 
  методы создания иллюстраций в векторных программах.
  

Для создания иллюстраций используется векторная программа CorelDRAW, а для редактирования изображений и монтажа фотогра­фий — программа Adobe PhotoShop.

74

Учебно-методическое обеспечение курса

Учебно-методический комплект «Компьютерная графика» состоит из учебного пособия и практикума.

Цель учебного пособия заключается в том, чтобы:

• 
  дать глубокое понимание принципов построения и хранения изоб­
  ражений;
  
• 
  рассмотреть основные возможности наиболее популярных графи­
  ческих программ.
  

Кроме того, приобретенные знания и навыки должны стать хоро­шим фундаментом для дальнейшего совершенствования мастерства.

Практикум по компьютерной графике является дополнением к учеб­ному пособию. Желательно эти две книги изучать параллельно, так как материал практикума полностью соответствует содержанию учебного пособия. Каждый урок практикума содержит ссылки на разделы учеб­ного пособия, которые необходимо изучить, описание основных при­емов работы, а также упражнения и проекты для самостоятельного вы­полнения.

Цель практикума состоит в том, чтобы:

• 
  закрепить на практике принципы построения и хранения изобра­
  жений;
  
• 
  научиться создавать и редактировать изображения, используя век­
  торную программу CorelDRAW и растровую программу Adobe
  PhotoShop.
  

CorelDRAW в настоящее время является одной из наиболее попу­лярных векторных графических программ. Свою популярность програм­ма приобрела благодаря тому, что позволяет начинающим и профессио­нальным художникам создавать иллюстрации различной сложности. На персональных компьютерах IBM PC CorelDRAW является «королем» программ рисования.

Adobe PhotoShop — самая популярная в мире программа редак­тирования растровых изображений. Она используется для ретуширо­вания, тоновой, цветовой коррекции, а также с целью построения коллажей, в которых фрагменты различных изображений сливаются вместе для создания интересных и необычных эффектов.

Содержание учебного пособия

Часть!. Основы изображения 1. Методы представления графических изображений

Растровая графика. Достоинства растровой графики. Недостатки растровой графики. Векторная графика. Достоинства векторной графи-

75

ки. Недостатки векторной графики. Сравнение растровой и векторной графики. Особенности растровых и векторных программ.

2. Цвет в компьютерной графике

Описание цветовых оттенков на экране монитора и на принтере (цве­товые модели). Цветовая модель RGB. Формирование собственных цвето­вых оттенков на экране монитора. Цветовая модель CMYK. Формирование собственных цветовых оттенков при печати изображений. Взаимосвязь цве­товых моделей RGB и CMYK. Кодирование цвета в различных графических программах. Цветовая модель HSB (Тон — Насыщенность — Яркость).

3. Форматы графических файлов

Векторные форматы. Растровые форматы. Методы сжатия графи­ческих данных. Сохранение изображений в стандартных форматах, а также собственных форматах графических программ. Преобразование файлов из одного формата в другой.

Часть 2. Программы векторной и растровой графики

4. Создание иллюстраций

1. 
   Введение в программу CorelDRAW
   
2. 
   Рабочее окно программы CorelDRA W
   

Особенности меню. Рабочий лист. Организация панели инструмен­тов. Панель свойств. Палитра цветов. Строка состояния.

4.3. Основы работы с объектами

Рисование линий, прямоугольников, квадратов, эллипсов, окружно­стей, дуг, секторов, многоугольников и звезд. Выделение объектов. Опе­рации над объектами: перемещение, копирование, удаление, зеркальное отражение, вращение, масштабирование. Изменение масштаба просмот­ра при прорисовке мелких деталей. Особенности создания иллюстраций на компьютере.

4.4. Закраска рисунков

Закраска объекта (заливка). Однородная, градиентная, узорчатая и текстурная заливки. Формирование собственной палитры цветов. Исполь­зование встроенных палитр.

4.5. Вспомогательные режимы работы

Инструменты для точного рисования и расположения объектов от­носительно друг друга: линейки, направляющие, сетка. Режимы вывода объектов на экран: каркасный, нормальный, улучшенный.

4.6. Создание рисунков из кривых

Особенности рисования кривых. Важнейшие элементы кривых: узлы и траектории. Редактирование формы кривой. Рекомендации по созда­нию рисунков из кривых.

4.7. Методы упорядочения и объединения объектов
Изменение порядка расположения объектов. Выравнивание объек­
тов на рабочем листе и относительно друг друга. Методы объединения
объектов: группирование, комбинирование, сваривание. Исключение од­
ного объекта из другого.

76

4.8. Эффект объема

Метод выдавливания для получения объемных изображений. Перс­пективные и изометрические изображения. Закраска, вращение, подсвет­ка объемных изображений.

4.9. Перетекание

Создание технических рисунков. Создание выпуклых и вогнутых объектов. Получение художественных эффектов.

4.10. Работа с текстом

Особенности простого и фигурного текста. Оформление текста. Раз­мещение текста вдоль траектории. Создание рельефного текста. Масшта­бирование, поворот и перемещение отдельных букв текста. Изменение формы символов текста.

4.11. Сохранение и загрузка изображений в CorelDRAW
Особенности работы с рисунками, созданными в различных верси­
ях программы CorelDRAW. Импорт и экспорт изображений в
CorelDRAW.

5. Монтаж и улучшение изображений 5.7. Введение в программу Adobe PhotoShop 5.2. Рабочее окно программы Adobe PhotoShop

Особенности меню. Рабочее поле. Организация панели инструмен­тов. Панель свойств. Панели — вспомогательные окна. Просмотр изоб­ражения в разном масштабе. Строка состояния. 5.5. Выделение областей

Проблема выделения областей в растровых программах. Использова­ние различных инструментов выделения: Область, Лассо, Волшебная па­лочка. Перемещение и изменение границы выделения. Преобразования над выделенной областью. Кадрирование изображения.

5.4. Маски и каналы

Режимы для работы с выделенными областями: стандартный и ре­жим быстрой маски. Уточнение предварительно созданного выделения в режиме быстрой маски. Сохранение выделенных областей для повторно­го использования в каналах.

5.5. Коллаж. Основы работы со слоями

Особенности создания компьютерного коллажа. Понятие слоя. Ис­пользование слоев для создания коллажа. Операции над слоями: удале­ние, перемещение, масштабирование, вращение, зеркальное отражение, объединение.

5.6. Рисование и раскрашивание

Выбор основного и фонового цветов. Использование инструментов рисования: карандаша, кисти, ластика, заливки, градиента. Раскрашива­ние черно-белых фотографий.

5.7. Тоновая коррекция

Понятие тонового диапазона изображения. График распределения яркостей пикселей (гистограмма). Гистограмма светлого, тёмного и тус-

77

клого изображений. Основная задача тоновой коррекции. Команды то­новой коррекции.

5.8. Цветовая коррекция

Взаимосвязь цветов в изображении. Принцип цветовой коррекции. Команды цветовой коррекции.

5.9. Ретуширование фотографий

Методы устранения дефектов с фотографий. Осветление и затем­нение фрагментов изображений вручную. Повышение резкости изо­бражения.

5.10. Работа с контурами

Назначение контуров. Элементы контуров. Редактирование конту­ров. Обводка контура. Преобразование контура в границу выделения. Использование контуров обрезки для добавления фрагмента фотогра­фии к иллюстрации, созданной в программе рисования.

Содержание практикума

1. Практические занятия по векторной графике

Урок 1. Рабочее окно CorelDRAW Урок 2. Основы работы с объектами Урок 3. Закраска рисунков Урок 4. Закраска рисунков (окончание).

Вспомогательные режимы работы Урок 5. Создание рисунков из кривых Урок 6. Методы упорядочения и объединения объектов Урок 7. Эффект объема Урок 8. Эффект перетекания Урок 9. Работа с текстом Урок 10. Сохранение и загрузка изображений в CorelDRAW

2. Практические занятия по растровой графике
Урок 1. Рабочее окно Adobe PhotoShop
Урок 2. Работа с выделенными областями
Урок 3. Маски и каналы

Урок 4. Создание коллажа. Основы работы со слоями

Урок 5. Рисование и раскрашивание

Урок 6. Работа со слоями (продолжение)

Урок 7. Основы коррекции тона

Урок 8. Основы коррекции цвета

Урок 9. Ретуширование фотографий

Урок 10. Работа с контурами

Урок 11. Обмен файлами между графическими программами

ФРАГМЕНТ ПРАКТИКУМА ПО ВЕКТОРНОЙ ГРАФИКЕ

Урок 5