Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Методическая разработка по теме "Методика создания графических объектов"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Методическая разработка по теме "Методика создания графических объектов"

библиотека
материалов

hello_html_3f50dc63.gifhello_html_3ba246ed.gifhello_html_m30f5c534.gifhello_html_m26567080.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_3f50dc63.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifhello_html_m2a7690f7.gifимени-вострухина







МЕТОДИЧЕСКАЯ РАЗРАБОТКА


по теме



«Методика создания графических объектов средствами программ компьютерной графики»




составитель: Метёлкина Н.И.

















Москва



Содержание

Введение 3

Основная часть

  1. Виды графики и их сравнение 4

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

  3. Словарь 5

  4. Графический редактор Paint 7

  5. Практическая работа. Назначение графического редактора Paint. Основы работы. Техника создания и редактирования изображений. 8

  6. Практическая работа (в программе Photoshop). Способы выделения 14

  7. Тестовое задание по теме «Графический редактор» 20

  8. Дополнительные задания для работы (в программе PAINT) 22

Список литературы 24





Введение


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

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

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

  • в медицине (компьютерная томография)

  • в научных исследованиях (астрономия, микробиология)

  • в инженерно-технических разработках (проектирование зданий, сооружений, летательных аппаратов)

В наше время CGI-образы (от слов Computer Graphics Imagery – изображение созданное на компьютере) окружают нас повсеместно: на телевидении, в кино, на рекламных щитах, на страницах газет и журналов. Компьютерная графика превратилась из узкоспециальной области интересов нескольких профессий в дело, которому стремятся посвятить себя множество людей.

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

  • на экране монитора компьютера

  • на бумажном носителе

  • на кинопленке

  • на ткани и т.д.

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

Создано разнообразное аппаратное и программное обеспечение для получения изображений самого различного вида и назначения - от простых чертежей до реалистических образов естественных объектов.

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

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

Виды графики и их сравнение


В компьютерной графике используют два подхода: растровый и векторный.

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

  2. векторная графика (изображения строятся из простых объектов – прямых линий, дуг, окружностей, эллипсов, прямоугольников, областей однотонного или изменяющегося цвета и т.п., называемых примитивами. Из простых векторных объектов создаются различные рисунки)

Таблица. Сравнение растровой и векторной графики

Критерии сравнения

Растровая графика

Векторная графика

Способ представления изображения

Растровое изображение строится из множества пикселей

Векторное изображение описывается в виде последовательности векторных команд

Занимаемый объем памяти

Растровые рисунки занимают в 10 – 1000 раз больше места, чем аналогичный векторный рисунок

Векторное изображение занимает относительно небольшой объем памяти

Представление объектов реального мира

Растровые рисунки эффективно используются для представления реальных образов (как фото)

Векторная графика не позволяет получать изображения фотографического качества

Качество редактирования изображения

При масштабировании и вращении растровых картинок возникают искажения

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

Особенности печати изображения

Растровые рисунки могут быть легко распечатаны на принтере

Векторные рисунки иногда не печатаются или выглядят на бумаге не так, как хотелось бы

Создаются в редакторе

Paint, Fractal Design Painter, Corel PhotoPaint, Adobe PhotoShop

Компьютерный художник водит “кистью”- курсором по “полотну”-экрану, закрашивая каждый из пикселей рисунка в нужный цвет

Adobe Illustrator, Macromedia Freehand, CorelDRAW – пакеты иллюстративной графики, которые используются в области дизайна, технического рисования, для оформительских работ



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


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

Bit MaP image (BMP) — универсальный формат растровых графических файлов, используется в операционной системе Windows. Этот формат поддерживается многими графическими редакторами, в том числе редактором Paint. Рекомендуется для хранения и обмена данными с другими приложениями.

Tagged Image File Format (TIFF) — формат растровых графических файлов, поддерживается всеми основными графическими редакторами и компьютерными платформами. Включает в себя алгоритм сжатия без потерь информации. Используется для обмена документами между различными программами. Рекомендуется для использования при работе с издательскими системами.

Graphics Interchange Format (GIF) — формат растровых графических файлов, поддерживается приложениями для различных операционных систем. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла в несколько раз. Рекомендуется для хранения изображений, создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с ограниченным количеством цветов (до 256). Используется для размещения графических изображений на Web-страницах в Интернете.

Portable Network Graphic (PNG) — формат растровых графических файлов, аналогичный формату GIF. Рекомендуется для размещения графических изображений на Web-страницах в Интернете.

Joint Photographic Expert Group (JPEG) — формат растровых графических файлов, который реализует эффективный алгоритм сжатия (метод JPEG) для отсканированных фотографий и иллюстраций. Алгоритм сжатия позволяет уменьшить объем файла в десятки раз, однако приводит к необратимой потере части информации. Поддерживается приложениями для различных операционных систем. Используется для размещения графических изображений на Web-страницах в Интернете.

Windows MetaFile (WMF) — универсальный формат векторных графических файлов для Windows-приложений. Используется для хранения коллекции графических изображений Microsoft Clip Gallery.

Encapsulated PostScript (EPS) — формат векторных графических файлов, поддерживается программами для различных операционных систем. Рекомендуется для печати и создания иллюстраций в настольных издательских системах.

CorelDRaw files (CDR) — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.



Словарь


Пиксель – наименьший элемент изображения на экране (точка на экране).

Растр – прямоугольная сетка пикселей на экране.

Разрешающая способность экрана – размер сетки растра, задаваемого в виде произведения M*N, где М – число точек по горизонтали, N – число точек по вертикали (число строк).

Видеоинформация – информация об изображении, воспроизводимом на экране компьютера, хранящаяся в компьютерной памяти.

Видеопамять – оперативная память, хранящая видеоинформацию во время ее воспроизведения в изображение на экране.

Графический файл – файл, хранящий информацию о графическом изображении.




Графический редактор Paint


Простейший графический редактор, входящий в состав ОС Windows и предназначенный для работы с растровыми изображениями - графический редактор Paint.

С помощь Paint’а можно изучить все основные приемы для работы с графикой.

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

Графический редактор Paint используется для работы с точечными рисунками формата JPG, GIF или BMP. Рисунок, созданный в Paint, можно вставить в другой документ или использовать как фоновый рисунок рабочего стола.


Графический редактор Paint ориентирован на процесс “рисования” изображения и комбинирования готовых фрагментов и не предназначен для серьезных графических работ. Работа с этим редактором достаточно проста и не требует особых инструкций. Поэтому целесообразно начинать обучение детей работе с компьютером именно с графического редактора Paint.





Практическая работа. Назначение графического редактора Paint. Основы работы.

Техника создания и редактирования изображений.

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


Методические указания к работе

Paint - это программа, поставляемая в комплекте с Windows для создания и редактирования на экране изображений, сохраняющихся в графических файлах растрового (точечного) формата (.BMP или .PCX). Каждое изображение - это мозаика из точек (пикселей), окрашенных в тот или иной цвет.

Окно документа - это лист чистой бумаги, на котором рисуют и исправляют цветную или черно-белую картинку.

Основные операции графического редактора:

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

  • ввод текстовых надписей шрифтом;

  • увеличение, уменьшение, изменение пропорций картинки или ее участка;

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

  • дополнительные операции (стирание участков картинки, изменение цветов, печать и т.д.).


1. Запуск и завершение Paint.

Запустите приложение Paint: Пуск -Программы - Стандартные -Paint

Завершение работы в программе Paint: сохраните результаты своей работы; закройте окно программы. Задание № 1: запустить приложение Paint.


2. Окно программы Paint.

Кроме стандартных элементов (заголовка и горизонтального меню), окно имеет горизонтальную и вертикальную полосы прокрутки, строку состояния, а также четыре специальных области (см. рис.1):

рабочее поле;

набор инструментов (см. рис.2);

меню инструмента;

выделение произвольной области

палитру цветов.

hello_html_me9841b0.png

выделение

округленный

многоугольник

многоугольник

кривая

надпись

кисть

масштаб

заливка

эллипс

линия

распылитель

карандаш

выбор цветов

ластик / цветной ластик

прямоугольник

набор инструментов

палитра цветов

меню инструментов

строка состояния

рабочее поле

заголовок

горизонтальное меню

Рис.1

hello_html_m18ee4e7a.png

Рис.2




Задание № 2: найти в окне программы Paint все перечисленные элементы


3. Палитра цветов.

Paint позволяет работать сразу с двумя цветами: основным цветом и цветом фона.

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

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

Цветом фона всегда окрашиваются полости геометрических фигур, в цвете фона работает простой ластик. Вы можете изменить любой цвет в палитре, подобрав для него другое соотношение красного, зеленого и синего (с учетом яркости и контрастности). Новую палитру можно записать в файл с расширением .PAL, а затем загружать при необходимости. Для этих операций предусмотрен пункт меню Параметры: Изменить палитру..., Загрузить палитру... и Сохранить палитру...


4.Общие принципы рисования.

При вычерчивании произвольных контуров (кисть), линий, геометрических фигур и т.п., а также при вырезании фрагментов изображения ножницами, используются одинаковые методы. Например, чтобы начать вычерчивание прямоугольника, надо установить указатель мыши в левый верхний угол предполагаемой фигуры, т.е. определить так называемую точку привязки. Точка привязки определяет:

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

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

Вам необходимо:

1. установить указатель мыши в точку привязки,

2. нажать любую кнопку мыши и, не отпуская ее, перемещать указатель по столу;

Отмена результата операции. Ошибку можно исправить: выберите команду Правка — Отменить, и "она сотрет" результат работы, сделанной с помощью текущего инструмента.

С помощью команды Правка – Отменить можно отменить три последних изменения (начиная с конца). Если вы отменили изменение случайно, выберите команду Правка—Повторить, - изменение будет восстановлено.


5.Набор инструментов и меню инструмента.

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

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

Имеется два рисующих инструмента: «Кисть» и «Карандаш».

Задание № 3: на экране нарисуйте: а) используя меню "Кисть", самую широкую линию; б)прямоугольник,. в) круг, г) многоугольник, д) эллипс, е) закрашенный круг.


5.1.Ластики.

Простой ластик. Перемещая ластик по экрану (при нажатой левой кнопке), мы закрашиваем поверхность текущим цветом фона. Например, если изображение черно-белое, все черные участки просто стираются.

Цветной ластик. При нажатой правой кнопке ластик заменяет цвет пикселя, совпадающий с текущим основным цветом, на текущий цвет фона. Пиксели с другими цветами на такой ластик не реагируют. Задание № 4: сотрите ластиком рисунок.


5.2.Как рисовать геометрические фигуры.

Для того, чтобы нарисовать строго вертикальные, горизонтальные и диагональные (под углом 45°) линии, одновременно с левой кнопкой мыши нажмите и удерживайте клавишу {Shift}. Перемещая мышь, примерно, по вертикали, горизонтали или диагонали: пунктирная «заготовка» линии, в зависимости от ваших движений, будет дискретно (скачками) занимать то вертикальное, то горизонтальное, то диагональное положение.

Если одновременно с левой кнопкой, при рисовании "Прямоугольника", вы будете удерживать нажатой клавишу {Shift}, Paint создаст квадрат — частный случай прямоугольника.

Для любой из геометрических фигур вы можете выбрать в меню инструмента один из трех способов рисования:

  • верхний образец позволяет нарисовать полую фигуру с контуром в основном цвете;

  • образец в центре создает окрашенную цветом фона фигуру с контуром в основном цвете;

  • нижний образец создает окрашенную цветом фона фигуру без контура.

Задание № 5: нарисуйте каркас дома с дверью, трубой.


5.3. Распылитель

Выбрав его, вы сможете «напылять» на экран струи разного цвета, разной интенсивности (в зависимости от скорости смещения мыши) и разного размера (в зависимости от выбора в меню инструмента). Если, при напылении вы удерживаете нажатой левую кнопку мыши, - используется основной цвет; если правую — цвет фона.

Задание № б: с помощью " Распылителя" нарисовать дым из трубы.


5.4. Заливка.

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

Задание № 7: а) "Заливкой" раскрасьте рисунок ; б) нарисуйте рядом цветы . Раскрасьте их, копируя цвета


6. Изменение размеров изображения.

В графическом редакторе есть три разные операции, связанные с изменением размеров:

1) изменение площади видимой части рисунка (изменение области просмотра);

2) увеличение масштаба отображения рисунка на экране;

3) пропорциональное уменьшение или увеличение рисунка, изменение пропорций рисунка.

Изменение области просмотра. Если снимете один или несколько флажков в меню Вид:

Набор инструментов, Палитра, Строка состояния, то площадь увеличивается за счет удаления из окна соответствующих элементов интерфейса.

Чтобы увидеть весь рисунок целиком, выберите команду Вид -Просмотреть рисунок. В этом режиме изменять рисунок вы не сможете. Чтобы вернуть Paint в нормальное состояние, просто щелкните мышью на рисунке.

Изменение масштаба. Имеется пять масштабов отображения рисунка в %. Масштаб 100% называется обычным, а масштаб 400% — крупным. Масштаб можно установить двумя способами:

1 способ: выберите инструмент «Масштаб» (кнопка слева на панели инструментов), а затем — в меню инструмента — желаемый масштаб (1х, 2х, бх, 8х).

2 способ: выберите команду Вид-Масштаб. Появится подчиненное меню этой команды, в котором вы можете:

  • сразу выбрать обычный или крупный масштаб;

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

Установив масштаб 4х, 6х или 8х, вы получаете возможность выдать на экран сетку, каждая ячейка которой соответствует одному пикселю. При таком режиме отображения вы сможете редактировать изображение с точностью до одной точки (пикселя). Как это сделать, рассказано в следующем пункте.

Задание№8: а) измените размеры изображения, чтобы увидеть весь рисунок целиком; б) выберите самый крупный масштаб; в) вернитесь в обычный масштаб.


Манипуляции с изображением. В меню Рисунок имеются команды Отразить/повернуть... и Растянуть/наклонить..., работающие как с выделенным фрагментом, так и со всей картинкой. Первая команда позволяет отразить картинку (слева направо или сверху вниз), а также повернуть на угол 90, 180, 270 градусов. Вторая команда позволяет изменить пропорции изображения: растянуть по горизонтали или по вертикали (коэффициент «растяжения» задается в процентах) и (или) наклонить по горизонтали или по вертикали (наклон задается в градусах).


Задание №9: Выполните рисунок "Бабочка". Для этого выполните следующие действия: hello_html_634a75a6.png

1) Используя инструмент «Линия», проведите вертикальную ось симметрии.

2) Нарисуйте тонкой «Кистью» половину брюшка бабочки и усик бабочки.

Рис.3

3) Сформируйте размах крыльев бабочки (для половинки) с помощью инструмента «Эллипс».

4) Выберите инструмент «Кисть», установите для нее в панели свойств самый маленький размер и нарисуйте крылья и сердечки.

5) Увеличьте масштаб изображения с помощью инструмента «Масштаб» и, используя инструмент «Ластик», удалите вспомогательные линии построения.

6) Перейдите к нормальному масштабу. Выберите команду Рисунок - Отразить / повернуть и сформируйте их половинки в целую бабочку.

7) Раскрасьте отдельно фрагменты бабочки с помощью инструментов «Заливка».


7. Ввод текста.

В любой области рисунка можно расположить произвольную надпись. Однако следует помнить, что Paint не предназначен для ввода текстовых документов: надписи на рисунках исполняют либо служебную функцию (например, в блок-схемах), либо декоративную.

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

Если на экране не появится панель атрибутов текста, установите флажок Вид-Панель атрибутов текста. Эта панель исполняет те же функции, что и диалоговое окно (Шрифт), - с ее помощью известными вам способами можно установить размер и начертание шрифта. Панель можно передвинуть мышью в любое место экрана.

Примечание. Если выбран образец «Непрозрачный фон», рамка для надписи будет заполнена цветом фона.

Задание№10: а) введите в рисунок текст:"Автор изображения" (цвет надписи голубой, шрифт полужирный с подчеркиванием №36); б) в этой же строке, используя "Карандаш" напишите свою фамилию.

8. Работа с фрагментами изображения.

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

1) работа с существующими фрагментами, вырезанными из картинки на экране,

2) работа с фрагментами, поступающими в картинку из внешних источников (из буфера обмена файлов).

Как в любом приложении Windows, в Paint предусмотрены специальные операции выделения фрагмента документа, в данном случае — фрагмента картинки.

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

Для вырезания прямоугольного фрагмента выберите инструмент «Выделение». Установите указатель в точку привязки, нажмите кнопку и, не отпуская ее, переместите мышь в правый нижний угол фрагмента и отпустите кнопку. При вырезании размер фрагмента в пикселях (ширина и высота) высвечивается в строке состояния.

Вырезаемый фрагмент окаймляется пунктирным контуром, который сохраняется и после отпускания кнопки мыши.

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

Фрагмент можно;

  • переместить или скопировать в пределах существующей картинки;

  • вырезать или скопировать в буфер обмена,

  • скопировать в файл;

  • очистить (заполнить текущим цветом фона);

  • отразить/повернуть, растянуть/наклонить, обратить цвета.

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

Если в меню инструмента выбран «Непрозрачный фон», то при перемещении фрагмент полностью накрывает существующую картинку, т. е. фон фрагмента используется. Если выбран «Прозрачный фон», при перемещении фон фрагмента не используется, т. г. фон существующей картинки просвечивает сквозь накрывающий его фрагмент.

Если вы хотите скопировать фрагмент, предварительно нажмите клавишу {Ctrl} и не отпускайте ее до тех пор, пока не зафиксируете копию в нужном месте.

Если при перемещении удерживать нажатой не {Ctrl}, a {Shift}, фрагмент оставит после себя «шлейф», и его можно использовать для создания причудливых орнаментов.

Задание № 11: а) нарисуйте одно квадратное окно со шторами и рамами и скопируйте его;

б) бабочку - переместите;

  • растяните;

  • наклоните;

  • поверните;

  • скопируйте; 3 раза;

в) раскрасьте элементы рисунка.


Буфер обмена. Вырезание и копирование фрагмента в буфер обмена выполняется стандартными командами Windows: Правка-Вырезать и Правка-Копировать. В частном случае вы можете воспользоваться буфером обмена для копирования фрагмента в пределах существующего рисунка.

Зaдaние № l2: очистить окно программы.

Задание № 13: создать рекламный плакат любой фирмы, на котором отображается в виде рисунка ее основной вид деятельности, указаны название, адрес, телефон и т.д

Задание№ 14: ответить письменно на контрольные вопросы:

1 .Для чего используется графический редактор?

2.Перечислите основные операции, выполняемые с помощью панели инструментов.

З.Чем отличается основной цвет от цвета фона? Как они выбираются?

4.Для каких операций предназначен пункт Вид? Перечислите его команды и переключатели.

5.Что такое «точка привязки»? Как ее выбрать?

6.Как отменить неудачно выполненную команду?

7.Исследуйте и опишите процесс создания полого и окрашенного многоугольника.

8.Как изменить внешний вид текста после его ввода (не набирая его заново)? Всегда ли это возможно?

9.Назначение фигурных ножниц.

10.Как «размножить» нарисованный прямоугольник?

11.Как изменить пропорции (масштаб) участка изображения (уменьшить, увеличить, вытянуть, сжать)?

12.Перечислите операции, которые можно выполнять над вырезанным фрагментом.

Задание № 15: завершить работу в программе.


Замечание.

Результаты своей работы сохраняйте на своём носителе в папке РИСУНКИ.

Имена файлам присвойте любые, но чтобы одинаковых имен не было.




Практическая работа (в программе Photoshop). Способы выделения


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

Теоретическая часть.

Рассмотрим панель основных инструментов Photoshop. Это будет нашим основным рабочим инструментом. В этом уроке мы будем работать с инструментами выделения.


img1


Инструмент Zoom (Масштаб) позволяет получать изображение на экране в увеличенном или в уменьшенном виде.

Инструмент Crop (Рамка) позволяет выделить прямоугольный фрагмент изображения и удалить ту его часть, которая осталась за пределами выделенной области.

Инструмент Move (Перемещение) позволяет перемещать выделенную область с помощью мыши.

Инструмент Magic Wand (Волшебная палочка) позволяет выделять фрагменты изображения на основе сходства цветов смежных пикселей.

Группа инструментов выделения Marquee (Область), в нее входят:

  1. Инструмент Rectangular Marquee (Прямоугольник) позволяет выделять прямоугольные области.

  2. Инструмент Elliptical Marquee (Эллипс) позволяет выделять овальные области.

  3. Инструменты “горизонтальная строка” и “вертикальная строка” позволяют определить выделенную область как горизонтальную или вертикальную строку толщиной всего в один пиксель, проходящую по всей ширине или высоте документа

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

Группа инструментов выделения Lasso (Лассо), в нее входят:

  1. Инструмент Lasso (Лассо) позволяет выделять фрагменты произвольной формы

  2. Инструмент Polygonal Lasso (Многоугольное лассо) — позволяет выделять прямолинейные сегменты границы

Возможно переключение с построения прямолинейных сегментов контура на построение сегментов произвольной формы и наоборот с помощью клавиши Alt.


Практическая часть. Составить портрет из овощейhttp://webstudent.ru/img/lesson1/img2.jpg

Используя инструменты выделения попробуем нарисовать вот такого чудика.

  1. Запустите программу Adobe Photoshop с восстановлением стандартных настроек (сразу после запуска программы нажмите и удерживайте клавиши Shift+Alt+Ctrl).

  2. Если появится сообщение, предлагающее настроить параметры цвета, щелкните мышью на кнопке No (Нет).

  3. По команде FileOpen (Файл – Открыть) откройте файл START04.psd (все исходные рабочие файлы находятся в папке Работа\Уроки по графике).

  4. Сохраните файл в своей рабочей папке – по команде FileSave As (Файл – Сохранить как)

  5. Рассмотрите панель инструментов.

Найдите инструмент Rectangular Marquee (Прямоугольник). Удерживая нажатой клавишу Alt, щелкните “мышкой” на инструменте выделения прямоугольных областей, чтобы поменять его на инструмент Elliptical Marquee (Эллипс). Найдите инструмент Lasso (Лассо), нажмите клавишу Alt и щелкните по нему, чтобы включить Polygonal Lasso (Многоугольное лассо). Найдите инструменты Magic Wand (Волшебная палочка), Move (Перемещение), Zoom (Масштаб). Убедитесь, что при активизации того или иного инструмента под пунктами главного меню программы появляется панель его параметров.

  1. Чтобы все элементы будущего портрета (уши, шляпка и т.д.) поместились, увеличьте размер холста командой Image > Canvas Size.

img3


Шаг 1. Выделение и перемещение дыни

1. Щелчком “мыши” включите инструмент Rectangular Marquee (Прямоугольник). Протяните курсором по диагонали от верхнего левого угла к нижнему правому, чтобы очертить вокруг дыни прямоугольную границу выделения.

2. Щелчком "мыши" включите инструмент Move Tool (Инструмент перемещения) и установите курсор внутри выделения. Курсор принимает форму стрелки с ножницами.

3. Перетащите дыню немного вправо и вниз.

4. Отмените выделение командой Select > Deselect.


Отмена операций

Командой Window/History (Открыть окно операций) выведите на экран перечень проделанных операций (если только окно уже не выведено). Если по ходу работы возникнет необходимость отменить какие-то действия, это легко сделать, щелкая “мышью” по последним в перечне операциям. Перед тем как продолжить работу, попробуйте отменить последние две операции и снова их применить. Один щелчок по операции отменяет ее, а повторный щелчок применяет.


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


Шаг 2. Выделение и перемещение черники и моркови

1. Активизируйте инструмент Zoom (Масштаб) и щелкните им пару раз изображение черники, чтобы его увеличить.

2. Активизируйте инструмент Elliptical Marquee (Эллипс). Поместите курсор на изображение черники и протяните слева направо и сверху вниз от одного края изображения до другого. Образуется выделенная область. Не отпускайте кнопку мыши.

3. Если граница выделения располагается не так, как надо, её можно поправить. Не отпуская кнопку мыши, нажмите клавишу “Пробел” и протяните – граница выделения перемещается. Отпустив клавишу “Пробел”, протяните снова. Размер выделенной области изменяется, а местоположение нет.

4. Включите инструмент Move Tool (Инструмент перемещения) и перетащите выделенную чернику на кружок моркови – оба эти предмета будут изображать глаз.

5. Отмените выделение командой Select > Deselect.

6. Активизируйте инструмент Elliptical Marquee (Эллипс). Под пунктами главного меню программы появится панель его параметров. Убедитесь, что опция Anti-aliased (Сглаживание) включена. Данная функция делает пиксели, расположенные вдоль границы выделения, частично прозрачными, что создает эффект создания смягчения краев. Опция Anti-aliased (Сглаживание) представлена также на панелях параметров инструментов “лассо” и “волшебная палочка”.

7. Выделите ломтик моркови с черникой.

8. Активизируйте инструмент Zoom (Масштаб) и, удерживая нажатой клавишу Alt, щелкните им пару раз изображение, чтобы его уменьшить. Отпустите клавишу Alt.

9. Активизируйте инструмент Move Tool (Инструмент перемещения), нажмите клавишу Alt , установите курсор на выделенную область. Курсор принимает форму двойной стрелки. Это значит, что область будет скопирована.

10. Не отпуская клавишу Alt, перетащите копию “глаза” на лицо-дыню. Чтобы создать второй глаз, нажмите Alt и, протягивая, дублируйте первый.

11. Отмените выделение командой Select > Deselect.


Шаг 3. Выделение и перемещение киви

1. Выделите ломтик киви – будущий рот. Для этого установите курсор инструмента Elliptical Marquee (Эллипс) в центре ломтика, нажмите клавишу Alt и протяните. Граница выделения вычерчивается из центра изображения.

2. Активизируйте инструмент Move Tool (Инструмент перемещения), нажмите клавишу Alt , установите курсор на выделенную область и перетащите рот-киви на лицо-дыню. Отпустите кнопку мыши, а затем клавишу Alt.

3. Отмените выделение командой Select > Deselect.


Шаг 4. Выделение и перемещение груши

1. Активизируйте инструмент Zoom (Масштаб) и щелкните им пару раз изображение, чтобы его увеличить.

2. Активизируйте инструмент Magic Wand (Волшебная палочка). и вызовите панель её параметров. Под пунктами главного меню программы появится панель ее параметров. Параметр Tolerance (Допуск) определяет количество близких цветовых тонов, которые должны войти в область выделения. Значение по умолчанию составляет 16.

3. Чтобы увеличить диапазон оттенков, включаемых в область выделения, введите в поле Tolerance 48.

4. Щелкните "волшебной палочкой" в любом месте изображения груши. Выделяется большая часть груши.

5. Чтобы выделить остальные области, нажмите клавишу Shift и щелкните в любом месте участка, не попавшего в выделение.

6. Выделив грушу полностью, активизируйте инструмент Zoom (Масштаб) и, удерживая нажатой клавишу Alt, щелкните им пару раз изображение, чтобы его уменьшить.

7. Активизируйте инструмент Move Tool (Инструмент перемещения), нажмите клавишу Alt, поместите курсор в выделенную область и перетащите "нос" на лицо-дыню. Не отменяйте выделение. Поточнее разместить выделенную область можно клавишами-стрелками.

8. С каждым нажатием выделенная область смещается на 1 пиксель. При нажатой клавише Shift смещение происходит на 5 пикселей.

9. Отмените выделение командой Select > Deselect.


Шаг 5. Выделение, перемещение и трансформирование грейпфрутаhttp://webstudent.ru/img/lesson1/img4.jpg

1. Активизируйте инструмент Zoom (Масштаб) и щелкните им пару раз изображение, чтобы его увеличить.

2. Активизируйте инструмент Lasso (Лассо). Приступая к созданию области выделения, можно сначала очертить приблизительный контур вокруг фрагмента изображения, а потом поправить его, добавляя новые или вычитая лишние участки.

3. Очертите вокруг грейпфрута грубый контур, напоминающий ухо (захватите часть белой области вокруг розовой мякоти).

4. Начните с добавления к уже существующему выделению. Поместите курсор внутри выделенной области. Не отменяя “лассо”, нажмите клавишу Shift. Рядом с курсором появляется плюс. Это значит, что к выделению можно добавлять новые области. Инструментом “лассо” очертите участок, который нужно добавить к выделению и отпустите кнопку мыши. Вычерчивая границу выделения инструментом “лассо”, всегда завершайте её в начальной точке, чтобы получилась замкнутая линия. Участок добавляется к выделенной области.

5. Теперь удалите часть выделения. Установите курсор на белый участок грейпфрута внутри выделенной области. Нажмите клавишу Alt. Рядом с “лассо” появится знак минус. Очертите инструментом “лассо” область, которую нужно вычесть из выделения. Повторите этот процесс в другом месте, пока не будут удалены все лишние участки.

6. Активизируйте инструмент Zoom (Масштаб) и, удерживая клавишу Alt, щелкните им пару раз изображение, чтобы его уменьшить.

7. Чтобы приставить “ухо” к голове-дыне, включите инструмент Move Tool (Инструмент перемещения), нажмите клавишу Alt и перетащите копию изображения к левой стороне головы. Не отменяйте выделение.

8. Установите курсор внутри выделения, нажмите клавишу Alt и перетащите копию изображения к правой части головы. Не отменяйте выделение.

9. Командой Edit > Transform > Flip Horizontal (Редактирование > Трансформирование > Зеркальное отражение по горизонтали) разверните ухо вправо.

10. Отмените выделение командой Select > Deselect.


Шаг 6. Выделение и перемещение "бабочки"

1. Активизируйте инструмент Zoom (Масштаб) и щелкните им пару раз “бабочку”, чтобы ее увеличить.


2. Инструмент “лассо” позволяет создавать выделения, границы которых могут состоять как из линий произвольной формы, так и из прямых. Начинайте протягивание от верхнего левого угла вправо, обрисовывая изгибы верхней части “бабочки”. Не отпускайте кнопку мыши.

3. Чтобы обрисовать все зигзаги правой части “бабочки”, необходимо инструмент Lasso (Лассо) заменить инструментом Polygonal Lasso (Многоугольное лассо). Для этого, продолжая удерживать нажатой кнопку “мыши”, нажмите клавишу Alt и только теперь отпустите “мышь”. Инструмент Lasso (Лассо) автоматически будет заменен инструментом Polygonal Lasso (Многоугольное лассо). Протяните прямую к внутреннему уголку и щелкните. Снова протяните. И так, щелкая в каждом уголке, обрисуйте все зигзаги.

4. Дойдя до нижней точки, снова замените Polygonal Lasso на Lasso (Лассо), чтобы обрисовать изгибы нижней части. Для этого нажмите кнопку “мыши” и не отпускайте. Отпустите клавишу Alt. Инструмент Polygonal Lasso (Многоугольное лассо) автоматически будет заменен инструментом Lasso (Лассо). Протягивая влево, обведите нижний изгиб бабочки.

5. Завершите выделение левой зигзагообразной части “бабочки”, снова заменив Lasso (Лассо) на Polygonal Lasso (Многоугольное лассо).

6. Уменьшите масштаб изображения, активизируйте инструмент “перемещение”, нажмите клавишу Alt и переместите выделенную “бабочку” под лицо-дыню.

7. Отмените выделение командой Select > Deselect.

Шаг 7. Выделение и перемещение цветка

1. Увеличьте масштаб изображения.

2. Выберите на панели инструментов “волшебную палочку”.

3. Щелкните один из лепестков желтого цветка. Выделяется большая часть цветка, а тычинка остается невыделенной.
4. Активизируйте “эллипс”, нажмите клавишу
Shift и поместите курсор в выделенную область. Рядом с курсором-перекрестьем появляется “плюс”.

5. Обведите тычинку, затем отпустите кнопку мыши и клавишу Shift.

6. Уменьшите масштаб изображения, активизируйте инструмент “перемещение”, нажмите клавишу Alt и переместите выделенный цветок на “бабочку”.


Шаг 8. Выделение, перемещение и трасформирование редиса

1. Увеличьте масштаб изображения.http://webstudent.ru/img/lesson1/img5.jpg

2. Активизируйте инструмент выделения прямоугольных областей. На панели его параметров (см. под пунктами главного меню программы) в поле Feather (Растушёвка) на панели параметров Maquee Options (Область) введите 0.

3. Очертите вокруг редиса прямоугольную область. Включите в неё белый фон, но не захватывайте серого поля.

4. Теперь из выделения нужно вычесть белую область и оставить только редис. Активизируйте “волшебную палочку”, нажмите клавишу Alt. Рядом с курсором появляется “минус”. Щёлкните в любой точке белой области. Выделенным остается только редис.

5. Уменьшите масштаб изображения, активизируйте инструмент “перемещение”, нажмите клавишу Alt и переместите выделенный редис, разместив его над левым “глазом”. Левая бровь готова. Не отменяйте выделения.

6. Не отменяя выделения, разместите копию левой “брови” над правым глазом.

7. Командой Edit > Transform > Flip Horizontal (Редактирование > Трансформирование > Зеркальное отражение по горизонтали) разверните “бровь”.

8. Отмените выделение командой Select > Deselect.


Шаг 9. Выделение и перемещение гриба

1. Увеличьте масштаб изображения.

2. Активизируйте “лассо” и выделите гриб, очертив вокруг него контур.http://webstudent.ru/img/lesson1/img6.jpg

3. Уменьшите масштаб изображения, активизируйте инструмент перемещения, перетащите гриб-колпак и “наденьте” его на “голову”.

4. Отмените выделение командой Select > Deselect.


Шаг 10. Выделение и перемещение горошин

1. Увеличьте масштаб изображения.

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

3. Выберите команду Select > Color Range (Выделение > Цветовой диапазон). Данная команда служит для выделения цветов внутри выделенной области или во всем изображении. Диалоговое окно этой команды позволяет выделять заданные цвета или только определённые цвета, выбираемые пипеткой в той или иной точке изображения. В центре окна — поле предварительного просмотра. По умолчанию оно чёрное, под ним, включенная опция Selection (Маска). Чёрный цвет в поле просмотра означает, что в изображении ничего не выделено. Три пипетки в правой части диалогового окна предлагает разные способы выбора цветов. Первая пипетка берет пробу только одного цвета, пипетка со знаком “плюс” добавляет цвета к имеющемуся выделению, а пипетка с “минусом” вычитает цвета из выделения.

4. Щёлкните пиктограмму пипетки со знаком “плюс” в диалоговом окне Color Range, а в окне изображения протяните по одной из горошин. После протягивания в поле предварительного просмотра появляются белые горошины – значит они выделены. Когда горошины полностью побелеют, щелкните кнопку ОК. В окне изображения они предстанут выделенными.

5. Уменьшите масштаб изображения, активизируйте инструмент перемещения, перетащите горошины на гриб-колпак.http://webstudent.ru/img/lesson1/img2.jpg

6. Отмените выделение командой Select > Deselect.


Шаг 11. Кадрирование изображения

1. Активизируйте инструмент Crop (Рамка). Он расположен на панели инструментов под “лассо”.

2. Чтобы создать рамку “портрета” из овощей, протяните курсором в окне изображения по диагонали от верхнего левого угла картинки к нижнему правому.

3. Нажмите клавишу Enter, и изображение будет обрезано по граничным линиям рамки.

4. Сохраните изображение.


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









Тестовое задание по теме «Графический редактор»

1. Одной из основных функций графического редактора является:

  1. ввод изображений

  2. хранение кода изображения

  3. создание изображений

  4. просмотр и вывод содержимого видеопамяти

2. Элементарным объектом, используемым в растровом графическом редакторе, является:

  1. точка экрана (пиксель)

  2. прямоугольник

  3. круг

  4. палитра цветов

3. Деформация изображения при изменении размера рисунка - один из недостатков:

  1. векторной графики

  2. растровой графики

4. Примитивами в графическом редакторе называют:

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

  2. операции, выполняемые над файлами, содержащими изображения, созданные в графическом редакторе

  3. среду графического редактора

  4. режим работы графического редактора

5. Кнопки панели инструментов, палитра, рабочее поле, меню образуют:

  1. полный набор графических примитивов графического редактора

  2. среду графического редактора

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

  4. набор команд, которыми можно воспользоваться при работе с графическим редактором

6. Наименьшим элементом поверхности экрана, для которого могут быть заданы адрес, цвет и интенсивность, является:

  1. точка

  2. зерно люминофора

  3. пиксель

  4. растр

7. Сетка которую на экране образуют пиксели, называют:

  1. видеопамять

  2. видеоадаптер

  3. растр

  4. дисплейный процессор

8. Графика с представлением изображения в виде совокупностей точек называется:

  1. фрактальной

  2. растровой

  3. векторной

  4. прямолинейной

9. Пиксель на экране монитора представляет собой:

  1. минимальный участок изображения, которому независимым образом можно задать цвет

  2. двоичный код графической информации

  3. электронный луч

  4. совокупность 16 зерен люминофора

10. Видеоадаптер - это:

  1. устройство, управляющее работой монитора

  2. программа, распределяющая ресурсы видеопамяти

  3. электронное энергозависимое устройство для хранения информации о графическом изображении

  4. процессор монитора

11. Видеопамять - это:

  1. электронное устройство для хранения двоичного кода изображения, выводимого на экран

  2. программа, распределяющая ресурсы ПК при обработке изображения

  3. устройство, управляющее работой монитора

  4. часть оперативного запоминающего устройства

12. Для хранения 256-цветного изображения на кодирование одного пикселя выделяется:

  1. 2 байта

  2. 4 байта

  3. 256 бит

  4. 1 байт

13. Цвет точки на экране цветного монитора формируется из сигнала:

  1. красного, зеленого, синего и яркости

  2. красного, зеленого, синего

  3. желтого, зеленого, синего и красного

  4. желтого, синего, красного и белого

14. Растровый графический файл содержит черно-белое изображение (без градаций серого) размером 100 х 100 точек. Каков информационный объем этого файла?

  1. 10000 бит

  2. 10000 байт

  3. 10 Кбайт

  4. 1000 бит

15. Растровый графический файл содержит черно-белое изображение с 16 градациями серого цвета размером 10 х 10 точек. Каков информационный объем этого файла?

  1. 100 бит

  2. 400 байт

  3. 800 бит

  4. 100 байт

16. Для двоичного кодирования цветного рисунка (256 цветов) размером 10 х 10 точек требуется:

  1. 100 бит

  2. 100 байт

  3. 400 бит

  4. 800 байт



Дополнительные задания для работы (в программе PAINT)


Задание 1. Собери рисунок


1.Открой файл “Кот в сапогах”

(Работа\Уроки-графика)


2.Из фрагментов картины собери картину, используя операции “Вырезка” и “Вставка”.



img11


Задание 2. Нарисовать будильник

hello_html_12031dff.png



Задание 3. Изобразить шахматную доску



A B C D E F G H

A B C D E F G H

1 2 3 4 5 6 7 8

1 2 3 4 5 6 7 8



























Задание 4. Нарисовать установку для химического опыта

Образец рисунка























Список литературы

  1. Вишневская Л. А. «Компьютерная графика для школьников: учебно-практическое пособие», "Новое знание", 2009

  2. Залогова Л.А. Компьютерная графика. Элективный курс: Учебное пособие - М.:БИНОМ. Лаборатория знаний, 2009

  3. Залогова Л.А. Компьютерная графика: Элективный курс: Практикум - М.: Бином. Лаборатория знаний, 2010

  4. Немцова Т. И., Назарова Ю. В. «Компьютерная графика и web-дизайн. Практикум: учебное пособие», ИД "ФОРУМ", 2011

  5. Подосенина Т.А. «Искусство компьютерной графики для школьников», БХВ-Петербург, 2009



Автор
Дата добавления 01.03.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров202
Номер материала ДВ-496617
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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