Инфоурок Информатика Другие методич. материалыЭлективный курс " Компьютерная графика" (9 класс)

Элективный курс " Компьютерная графика" (9 класс)

Скачать материал

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

Практическая работа 2.doc Практическая работа 3.doc Практическая работа 4.doc Практическая работа 5.doc Практическая работа 6.doc Практическая работа 7.doc Практическая работа 8.doc Практическая работа 9.doc Введение в курс..docx Лекция. Векторная графика..docx Лекция. Растровая графика..docx Практическая работа 1.docx Практическая работа 1.docx Практическая работа 10.docx Практическая работа 10.docx Практическая работа 11.docx Практическая работа 11.docx Практическая работа 12.docx Практическая работа 12.docx Практическая работа 13.docx Практическая работа 14.docx Практическая работа 15.docx Практическая работа 16.docx Практическая работа 2.docx Практическая работа 3.docx Практическая работа 4.docx Практическая работа 5.docx Практическая работа 6.docx Практическая работа 7.docx Практическая работа 8.docx Практическая работа 9.docx Творческое задание.docx ТВОРЧЕСКОЕ ЗАДАНИЕ.docx элективный курс.docx

Выбранный для просмотра документ Практическая работа 2.doc

Практическая работа №2

 

Тема: Преобразование объектов (изменение положения, поворот, скос, растяжение). Масштабирование объектов.

 

Цель: Научиться создавать и преобразовывать объекты на примере создания «Бантика»

 

Ход выполнения работы

 

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

1. Рисуем прямоугольник произвольного размера с помощью инструмента БантикRestangle (Прямоугольник (F6)),

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

 

Бантик

 

2. Щелкните правой кнопкой мыши на прямоугольнике, преобразуем его в кривую.

Бантик

 

3. С помощью инструмента БантикShape (Форма(F10)) выделяем два крайних правых узла.

Бантик

 

4. В верхней панели инструментов нажимаем кнопочку БантикScale and Stretch (Масштаб и растяжение) и, зажав клавишу Shift, тянем за средний верхний указатель вниз.

Бантик

5. Щелкните указателем мыши где-нибудь на свободном пространстве, а потом двойной щелчок на инструменте Shape (Форма) Бантик, чтобы выделить все узлы кривой и преобразуем все линии в кривые, нажав вверху кнопочку БантикConvert To Curve (Преобразовать линию в кривые)

Бантик

 

6. Нажимаем мышкой на левом верхнем узле, нажимаем в верхней панельке кнопку БантикMade Node Symmetrical (Сделать узел симметричным) и получим скругленный угол.

Бантик

 

7. Так же поступаем со вторым узлом.

Бантик

 

8. Теперь тянем эти узлы в разные стороны и направления, придавая им форму, похожую на бантик

Бантик

 

9. Далее выбираем инструмент Перо (Pen Tool) Бантик и рисуем кривую (типа, складки на бантике)

Бантик

10. Придаем лучикам небольшое искривление. Двойной щелчок на инструменте Shape (Форма) Бантик, в верхней панели нажимаем кнопочку Бантик, переводим прямые линии в кривые, затем необходимо нажать кнопочку БантикMake Node A Cusp (Создать узел с острым углом), снимаем выделение с фигуры и потом двигаем линии в нужном направлении, чтобы они чуть искривились

Бантик

 

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

Бантик

Бантик

 

12. Опять выделяем все узлы двойным щелчком на инструменте Shape (Форма) Бантик, жмем кнопку Бантик, переводим прямые линии в кривые, выделяем слева два узла и жмем кнопку БантикMade Node Symmetrical (Сделать узел симметричным). Получаем такую фигуру

Бантик

 

13. Передвигаем узлы по своему усмотрению, чтобы получить такую фигуру. Кстати, если Вас не устроит симметричность узлов вы всегда можете их преобразовать в узлы с острым углом, нажав кнопочку БантикMake Node A Cusp (Создать узел с острым углом)

Бантик

 

 

14. Выбираем инструмент БантикEllipse Tool (Эллипс), в нем выбираем построение эллипса по 3 точкам Бантик, строим эллипс так, чтобы его центральная линия шла параллельно боковой грани банта (это, в общем-то, не принципиально, но так удобнее, не надо потом поворачивать фигуру)

Бантик

 

15. Нарисовали эллипс, продублировали его, немного сместили, если захочется, чуть увеличили масштаб

Бантик

16. Выделяем оба эллипса с помощью инструмента Pick (Указазтель) Бантик и в верхней панели инструментов нажимаем кнопку Back minus Front (Задние минус передние) Бантик. Получаем такую фигуру, будущий блик

 

Бантик

 

17. Если блик залезает на внутреннюю часть бантика, двигаем его, поворачиваем, меняем направление узлов, применяя инструмент Pick (Указатель) Бантики Shape (Форма) Бантик Примерно так

Бантик

 

18. Инструментом Pick (Указатель) Бантиквыделяем внутреннюю часть банта и блик, зажимаем на клавиатуре Ctrl и тянем мышью вниз за средний верхний указатель левой кнопкой мыши. Не отпуская левую кнопку мыши, нажимаем правую. Таким образом мы получаем вертикально отраженную копию наших объектов.

Бантик

 

19. Смещаем эти две фигуры к нижнему краю банта, поворачиваем фигуру, если надо, увеличиваем масштаб.

Бантик

 

20. Таким же образом, как мы создавали первый блик, создаем второй, внизу, побольше, такой, например

 

Бантик

 

21. Ну вот, теперь все готово для дальнейшего творчества! Выделяем основную фигуру банта, применяем к ней линейную заливку. Цвета – на Ваш выбор – только вначале банта цвет светлее, в конце – темнее

Бантик

 

22. Убираем обводку, щелкнув правой кнопкой мыши на пустом перечеркнутом квадратике. Выделяем складку, заливаем темной однородной заливкой, убираем обводку

Бантик

 

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

Бантик

 

24. Осталось залить блики белым цветом и убрать обводку

Бантик

 

25. Выделяем все объекты двойным щелчком по Указателю (Pick) Бантик, группируем фигуру, нажав кнопочку в верхней панели инструментов Бантик, зажимаем Ctrl, тянем левой кнопкой мыши за верхний средний указатель, не отпуская левую кнопку, жмем правую, получаем вертикально отраженную копию бантика.

Бантик

 

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

Бантик

 

27. Теперь на клавиатуре нажимаем сочетание клавиш Ctrl+PageDown – перемещаем группу вниз (можно просто в диспетчере объектов перетащить эту фигуру вниз).

Бантик

 

28. Группируем обе получившиеся фигуры

 

 

 

29. Рисуем либо с помощью инструмента Основные фигуры (Basic Form) либо инструментом Free Hand ленточку.

Бантик

 

Я рисовала через Основные фигуры. В верхней панели выбираете нужную форму стрелки.

Бантик

 

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

Бантик

 

30. Заливаем линейным градиентом (на Ваш вкус)

Бантик

31. Перемещаем ленточку под бант, группируем все объекты, делаем горизонтальное отображение, группируем, делаем копию, заливаем серым цветом, смещаем под бант и чуть в сторону (делаем тень). Почти готово, но чего-то не хватает, Вам не кажется? Правильно, узла!

 

32. Делаем узел. Рисуем прямоугольник, переводим в кривые. С помощью инструмента Shape Tool Бантиквыделяем два верхних узла прямоугольника и в верхней панели инструментов нажимаем кнопку БантикScale and Stretch (Масштаб и растяжение) и, зажав клавишу Shift, тянем указатели внутрь, но не очень сильно.

Бантик

33. Теперь делаем прямые линии кривыми, нажав БантикConvert To Curve (Преобразовать линию в кривые). Теперь тянем каждую из сторон вверх, но не сильно, только, чтобы она чуть выпуклой стала.

Бантик

 

34. Заливаем градиентом, удаляем обводку, делаем блик.

Бантик



Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Заведующий хозяйством

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 3.doc

Практическая работа №3

 

Тема: Отражение, копирование и удаление объектов. Создание и редактирование контуров в Corel Draw.

Цель: Научиться отражению, копированию и удалению объектов, созданию и редактированию контуров в Corel Draw.

 

Ход выполнения работы

 

Разберем работу на примере создания металлической крышки.

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

1. Рисуем окружность.

Крышечка

 

2. В панели инструментов выбираем инструмент Формы звезд.

Крышечка

 В настройках выбираем 24-рехконечную звезду.

Крышечка

 

Рисуем. Располагаем ее так, чтобы вершины немного выступали за границы окружности.

Крышечка

3. Выбираем оба объекта и нажимаем Сварить.

Крышечка

4. Далее рисуем еще две окружности.

Крышечка

 

5. Убираем контур у всех фигур. Самый дальний объект окрашиваем в 70% Black.

 

Остальные два объекта в цвета, которые вам хочется или необходимо. Например так:

Крышечка

 

6. В панели инструментов выбираем Интерактивное перетекание.

 

Крышечка

 

Делаем плавный переход сначала между дальним и средним объектом.

Крышечка

Затем между средним и ближним объектом.

Крышечка

7. Теперь создаем блики. Рисуем два объекта произвольной формы, один внизу, другой ниже. Раскрашиваем их в белый цвет.

Крышечка

8. Затем применяем инструмент Интерактивная прозрачность.

Крышечка

9. Если хотите, добавьте что-нибудь еще.

 

результат:

Крышечка

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 4.doc

Практическая работа №4

 

Тема: Создание и редактирование контуров в Corel Draw.

Цель: Научиться создавать и корректировать контуры в Corel Draw на примере объемных изображений чаши, бокала.

 

Ход выполнения работы

 

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

В новом документе рисуем эллипс

Создаем объем

 

Заливаем его коническим градиентом

Создаем объем

 

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

Создаем объем

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

Создаем объем

 

Теперь делаем интерактивное перетекание между овалами. Количество шагов перетекания ставим 30-40

Создаем объем

 

Получаем

Создаем объем

 

Делаем копию верхнего эллипса, чуть уменьшаем размер, заливаем линейным градиентом

Создаем объем

 

Поработаем с заливками и получим чашу представленную на примере:

Создаем объем

 

 

Задания для самостоятельной работы:

 

Создайте следующие объекты по образцу: Создаем объем

Создаем объем

Создаем объем

Создаем объем *

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Копирайтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 5.doc

Практическая работа №5

 

Тема: Создание рисунков и кривых в Corel Draw.

Цель: Научиться создавать и корректировать рисунки в Corel Draw с использованием кривых  на примере создания значка радиоактивности.

 

Ход выполнения работы

 

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

 

  1. Создаём пять ровных окружностей с помощью инструмента Ellipse Tool.

 



 

 

Первая

Рисуем значок радиоактивности

 

 

 

 

 

Вторая

Рисуем значок радиоактивности

 

 

 

Третья

Рисуем значок радиоактивности

 

 

 

Четвертая

Рисуем значок радиоактивности

 

 

 

Пятая

Рисуем значок радиоактивности

2. Далее выделяем 3ью и 4ую окружности и с помощью кнопочки Back Minus Front "обрезаем".

Рисуем значок радиоактивности

Должно получиться вот что:

Рисуем значок радиоактивности

3. Закрашиваем окружности по схеме:
1ая - чёрный,
2ая - жёлтый,
То, что у нас получилось в результате шага №2 не закрашиваем, оставляем без заливки,
5ая - чёрный.

Рисуем значок радиоактивности

4. Выставляем направляющую линию. (она нам пригодится)

Рисуем значок радиоактивности

5. С помощью инструмента Bezier Tool рисуем линию, как показано на рисунке:

Рисуем значок радиоактивности

6. Переносим центр вращения этой линии в центр (простите за повторение) самой маленькой окружности (5ой) и с помощью вращения (Rotate) дублируем эту линию под углом 30 градусов, как показано на рисунке ниже:

Рисуем значок радиоактивности

7.  На этом рисунке толстыми линиями выделены  линии, которые нам понадобятся, остальные - нужно удалить.

Рисуем значок радиоактивности

Вот, что должно получиться:

Рисуем значок радиоактивности

8. Рисуем с помощью инструмента Bezier Tool такую вот фигуру по контурам линий, что мы оставили, как на рисунке:

Рисуем значок радиоактивности

Толщину линий указывать не обязательно.

Далее перемещаем центр вращения (как в шаге №6) этой фигуры в центр (простите ещё раз за повторение) самой маленькой окружности (5ой). Вот, что должно быть:

Рисуем значок радиоактивности

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

Рисуем значок радиоактивности

9. Теперь выделяем эти фигуры и пончик, который получился в результате шага №2.

Рисуем значок радиоактивности

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

Рисуем значок радиоактивности

10.  Закрашиваем и получаем значок:

Рисуем значок радиоактивности

Также его можно приукрасить бликом и жёлтой тенью и добавить надпись:

Рисуем значок радиоактивности




Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 6.doc

Практическая работа № 6

 

Тема: Создание рисунков и кривых в Corel Draw.

Цель: Научиться создавать и корректировать рисунки в Corel Draw с использованием кривых  на примере создания  «Осколка стекла» и рисунка «Яблока».

Ход выполнения работы

 

Задание 1: создание  «Осколка стекла»

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

1. Рисуем треугольник с помощью инструмента Bezier (Кривая Безье)

Осколок стекла

2. Инструментом Pick (Выбор) выделяем треугольник и применяем к нему команду Effacts – Extrude - Edit (Эффекты – Экструзия -Изменить) и создаём объём осколку.

 

Осколок стекла

3. Выделяем наш объект (Pick), выбираем команду Arrange – Break - Extrude Group Apart (Расположение- Разделить группу экструзии). Внешне никаких изменений не произойдёт.

Осколок стекла

4. Разгруппируем наш объект полностью. В итоге образуются несколько отдельных фигур.

5. Раскрашиваем наши детали в разные оттенки голубовато-зелёного цвета, группируем и отменяем обводку.

Осколок стекла

6. Далее переносим наш осколок на картинку

Осколок стекла

7. Выбираем команду Effacts-Lens. В открывшемся окне разворачиваем список разновидностей линз и устанавливаем Magnify (Увеличение). Остальные настройки по своему вкусу. Жмём Apply.

Осколок стекла

 

Задание 2: создание рисунка  «Яблоко»

 

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

1. Рисуем окружность.

Яблоко

2. Преобразовываем в кривые и с помощью инструмента Форма немного корректируем.

Яблоко

3. Заливаем Радиальной заливкой, не забудьте убрать контур.

Яблоко

4. Рисуем еще две окружности.

Яблоко

Маленькая залита C28M0Y97K0, большая – C9M5Y95K0.

5. Применяем к ним Интерактивное перетекание, НЕ ЗАБУДЬТЕ УБРАТЬ КОНТУР.

 

6. Копируем главную окружность и заливаем дубликат Текстурной заливкой.

Яблоко

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

Яблоко

Так мы пытались добиться реалистичности шкурки.

8. Делаем палочку. Выбираем инструмент Живопись.

Яблоко

 

И применяем такие настройки:

Яблоко

 

9. Рисуем палочку, заливаем.

Яблоко

10. Рисуем несколько произвольных фигур – блики. Заливаем их белым цветом, убираем контур.

Яблоко

12. Применяем к ним Интерактивную прозрачность, делая их чуть видимыми.

Яблоко

13. В конце добавляем тень и можно пририсовать листик.

Яблоко





Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 7.doc

Практическая работа № 7

 

Тема: Заливка текстуры в Corel Draw.

Цель: Научиться создавать объемные изображения на примере веб-кнопок в CorelDRAW

Ход выполнения работы

 

Задание 1: Создание «стеклянных» веб-кнопок в CorelDRAW.

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

Стеклянный интерфейс *

На первый может показаться, что такой эффект создается при помощи дорогих программ трехмерного моделирования, однако на самом деле его можно сделать, используя лишь пару верно расположенных векторных фигур. На этом занятии мы научимся, как в CorelDRAW можно нарисовать подобные "стеклянные" фигуры.

 

Создание стеклянной сферы

 

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

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

1. Используя инструмент Ellipse, нарисуйте окружность около 5 см. в диаметре. Чтобы нарисовать ровную окружность, во время рисования удерживайте Ctrl.

 

2. Для заливки используйте палитру CMYK, заданную по умолчанию. Палитра вызывается через верхнее меню последовательным выбором Window > Color Palettes > Default CMYK palette. Не снимая выделения с окружности, выберите желтый цвет (Yellow; C0, M0, Y100, K0) для заливки. Возьмите инструмент Interactive Fill (G на клавиатуре) и в верхнем меню установите радиальный тип градиентной заливки (Fill Type - Radial), как показано на рисунке.



Стеклянный интерфейс *

3. Для точной настройки цветов и их положения в радиальном градиенте рекомендуется использовать окно Fountain Fill (на клавиатуре F11). Чтобы задать параметры градиента нажмите кнопку Custom в этом окне. Выделите крайний левый цветовой маркер (положение 0%) и нажмите Others, чтобы появилось больше настроек цвета. Установите значения CMYK так: C40, M50, Y100, K20. Установите значения крайнего правого маркера следующим образом: C0, M0, Y100, K0. Двойным щелчком над полосой градиента добавьте еще два цветных маркера в позиции 25 и 80% со значениями цвета C0, M5, Y100, K20 и C0, M0, Y100, K0 соответственно.

Стеклянный интерфейс *

4. Чтобы завершить заливку, установите значение Edge Pad равным 5% и удалите видимую обводку с окружности. Заливка готова.

Стеклянный интерфейс *

 

5. Чтобы создать отражение, нарисуйте еще одну окружность диаметром около 3 см, залейте ее белым и расположите в верхней части круга с градиентом. Не снимая выделения, выберите инструмент Interactive Transparency и протащите появившуюся направляющую сверху вниз. Удалите видимую обводку с белой фигуры.

 

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

Стеклянный интерфейс *

 

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

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

 

Рисование стеклянных кнопок продолговатой формы

 

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

1. При помощи инструмента Rectangle (F6) начертите прямоугольник с размерами приблизительно 12*2 см. В случае необходимости вы можете использовать другие пропорции для кнопки, это зависит от текста, который планируется на ней расположить.

2. Не снимая выделения с прямоугольника, используйте Rectangle Corner Roundness и Round Corners Together в верхнем меню. Скруглите все углы фигуры на 100% как показано ниже. Вы также можете скруглить углы вручную, используя Shape Tool (F10).

Стеклянный интерфейс *

 

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

 

3. Вы берите инструмент Interactive Fill и протащите направляющую сверху вниз, чтобы применить градиентную заливку с параметрами по умолчанию. Чтобы добавить цвета в нужных точках, откройте диалоговое окно Fountain Fill (F11) и в нем выберите Custom. В примере использовалась синяя цветовая схема. Для маркера 0% использован цвет C100, M20, Y0, K80, для маркера 100% - C10, M0, Y0, K0. Добавьте третий маркер в позиции 40% и установите ему цвет C100, M20, Y0, K20. Напоследок установите значение Edge Pad 5% и удалите видимую обводку.

 

Стеклянный интерфейс *

4. Нарисуйте еще один прямоугольник приблизительно 10*1 см. Скруглите углы также, как у первого, залейте белым и удалите видимую обводку. Расположите белый прямоугольник поверх синего, как показано на рисунке.

 

Стеклянный интерфейс *

5. Возьмите инструмент Interactive Transparency и протащите его направляющую сверху вниз по верхнему прямоугольнику, чтобы применить к нему линейную прозрачность. В верхнем меню установите 5% для Edge Pad.

Стеклянный интерфейс *

6. Выделите прозрачный прямоугольник и сделайте его копию, нажав + на цифровой клавиатуре. Растяните копию так, чтобы ее нижний край почти доходил до нижней границы кнопки. Залейте ее цветом 100% Cyan, нажав на соответствующий цветной квадратик в палитре.

7. Возьмите инструмент Interactive Transparency и протяните направляющую как показано на рисунке. Чтобы слегка смягчить эффект прозрачности, протащите квадратик 60% Black из палитры на место белого маркера инструмента Transparency. В верхнем меню среди параметров прозрачности выберите Add. Выделите все объекты в составе кнопки и сгруппируйте их (Ctrl+G). Ваша кнопка практически готова.

Стеклянный интерфейс *

Изменяя цвета заливки, вы можете создавать кнопки самых разных цветов.
Стеклянный интерфейс *

Альтернативой градиентной заливке может послужить эффект линзы, примененный к кнопке. Так вы создадите иллюзию прозрачного стекла, искажающего поверхность, находящуюся под ним. Чтобы добиться такого эффекта, для начала создайте прямоугольник, который послужит фоном будущей кнопке. В примере ниже фоном послужил прямоугольник с растровой заливкой. Чтобы применить такую заливку к любому выделенному объекту, возьмите инструмент Interactive Fill и в верхнем меню Fill Type укажите Bitmap Pattern. Нарисуйте базовый прямоугольник со скругленными углами для кнопки поверх фона, затем откройте докер Lens (Alt+F3) и там выберите тип искажения Fish Eye. Увеличьте параметр Rate так, чтобы создать эффект искажения фона. Нажмите Apply. После этого создайте и расположите две меньшие фигуры для бликов, залейте их белым и примените линейную прозрачность (сверху вниз для меньшей, снизу вверх для большей фигуры).


Стеклянный интерфейс *

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

Стеклянный интерфейс *



Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 8.doc

Практическая работа № 8

 

Тема: Добавление, выделение, форматирование текста. Создание колонок, списков,  добавление маркеров.

Цель: Научиться добавлять и форматировать текст в CorelDRAW, создавать колонки, списки, добавлять маркеры в изображениях

 

Ход выполнения работы

 

Задание 1: Создание «Объемного глянцевого текста» в CorelDRAW.

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

Объемный глянцевый текст * 

описанные приемы можно применять не только к тексту, но и к любым другим объектам, например, при рисовании иконок.

 

Сначала с помощью инструмента Text Объемный глянцевый текст *пишем тот текст, которому хотим придать "глянцевый" вид. Лучше выбрать какой-нибудь шрифт пожирнее (здесь использован шрифт Bremen Bold). Переводим текст в кривые (Ctrl+Q).

 

Объемный глянцевый текст *

Теперь начнем придавать тексту эффект объема. Для этого воспользуемся инструментом Contour. Выделяем текст и добавляем один внешний контур (Contour > Outside, Steps > 1, значение Offset - на ваше усмотрение, но не слишком большое).

 

Объемный глянцевый текст *

Должно получиться нечто подобное. Разбиваем группу контура на отдельные кривые (Arrange > Break apart или Ctrl+K).

Объемный глянцевый текст *

Начинаем работать со слоями. Залейте внутренний контур букв желаемым цветом. Выделите нижнюю, большую фигуру и залейте ее градиентом (меню градиентной заливки - F11 или c помощью Interactive Fill Tool Объемный глянцевый текст *). Удаляем видимую обводку (А12 > Stroke > None).

 

Объемный глянцевый текст *

Эти параметры градиента являются приблизительными, в последствии вы сможете сами регулировать направление и цвета заливки, используя Interactive Fill Tool.

Объемный глянцевый текст *

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

 

Объемный глянцевый текст *

Буквы уже напоминают объемные, однако выглядят немного неестественно. Чтобы исправить это, нужно при помощи Shape Tool (F10) в нужных местах "подтянуть" узлы нижней фигуры к углам верхней. Если поблизости не окажется подходящего узла, его можно создать в любой точке кривой двойным щелчком мыши.

 

Объемный глянцевый текст *

Займемся стеклянным бликом на буквах. Теперь нам снова понадобится Contour Tool. На этот раз применяем его к внутренней части букв. (Contour > Inside, Steps > 1, значение Offset - на ваше усмотрение, но лучше совсем небольшое, меньше, чем в первом случае).

Объемный глянцевый текст *

Далее снова "разбиваем" контур на отдельные кривые (Arrange > Break apart или Ctrl+K). Выделяем внутреннюю, меньшую фигуру и заливаем ее белым.

 

Объемный глянцевый текст *

С помощью Bezier Tool рисуем произвольную кривую, пересекающую текст. О форме этой кривой не стоит заботиться, она нужна только как вспомогательная.

 

 

Объемный глянцевый текст *

Выглядит это приблизительно так:

Объемный глянцевый текст *

Затем выделяем одновременно белую фигуру в составе букв и только что нарисованную кривую (чтобы выделить несколько фигур одновременно, удерживайте Shift) и обрежьте первую, нажав кнопку Back Minus Front Объемный глянцевый текст *.

Объемный глянцевый текст *

Сделаем блик прозрачным с помощью инструмента Interactive Transparency Объемный глянцевый текст *.

Объемный глянцевый текст *

 

 

Результат.

Объемный глянцевый текст *

 

Задание 2: Создайте календарь, на год, используя изученные ранее способы работы с изображением в CorelDRAW.




Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 9.doc

Практическая работа № 9

 

Тема: Упорядочивание, группирование, соединение, объединение, исключение, пересечение объектов. Выравнивание объектов.

Цель: Научиться работе с объектами в CorelDRAW (упорядочиванию, группировке, соединению, объединению, исключению, пересечению, выравниванию объектов) на примере  рисования грозди винограда.

 

Ход выполнения работы

 

Задание 1: Рисование грозди винограда в CorelDRAW.

ВЫПОЛНЯЕМОЕ ДЕЙСТВИЕ

РЕЗУЛЬТАТ

Образец Гроздь винограда  возможный вариант Гроздь винограда

 

1. Рисуем виноградинки. Элипс, копируем 2 раза, придаём копиям различные оттенки.

Гроздь винограда

2. Применяем эффект перетекания со значением по желанию.

Гроздь винограда

3. Рисуем блик белого цвета и применяем к нему тот же эффект перетекания.

Гроздь винограда        Гроздь винограда

4. Многократно копируем нашу ягодку, меняем размеры, разворачиваем. По желанию рисуем блики внизу .Под большим увеличением можно менять окраску для нижнего элепса, создавая разные оттенки для виноградинок в грозди.

Гроздь винограда

5. Рисуем листик. Моделируем зазубринки. Два раза дублируем, уменьшаем копии, придаём оттенки. И применяем Перетекание. Поверх готового листика инструментом Artistic Media Tool рисуем прожилочки и раскрашиваем их в светло-зелёный цвет.

Гроздь винограда

 

Гроздь винограда         Гроздь винограда

Гроздь винограда     Гроздь винограда

6. Тем же инструментом создаём черенок и лозу.

Гроздь винограда

7. Затем жмём Ctrl+K, удаляем стержень(черная полосочка внутри) и раскрашиваем наши закорючки градиентом. Ставим обводку более тёмного цвета.

Гроздь виноградаГроздь винограда

8. Компонуем наши детали, дублируем листик и рисуем солнышко, но можно и без него.
Гроздь винограда




Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Копирайтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Введение в курс..docx

Введение в компьютерную графику.

Понятие компьютерной графики. Представление данных на мониторе компьютера в графическом виде впервые было реализовано в середине 50-х годов 20 века для больших ЭВМ, применявшихся в научных и военных исследованиях.

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

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

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

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

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

Основные направления компьютерной графики

Визуализация изображений, Обработка изображений, распознавание изображений.

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

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

Обработка изображений – это преобразование изображений, т.е. входными данными является изображение и результат – тоже изображение:

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

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

    Цель распознавания:

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

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

Задача распознавания является обратной по отношению к визуализации:

 

 

 

 

 


Сферы применения компьютерной графики:

САПР (системы автоматизированного проектирования);

деловая графика (графическое представление данных: таблицы, схемы, диаграммы, иллюстрации, чертежи);

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

медицина (компьютерная томография, УЗИ и т.д.);

геодезия и картография (ГИС);

полиграфия (схемы, плакаты, иллюстрации);

сфера массовой информации (графика в Интернете, иллюстрации, фото);

кинематография (спецэффекты, компьютерная мультипликация);

быт (компьютерные игры, графические редакторы, фотоальбомы).

Виды компьютерной графики:

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

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

 Фрактальная графика

3D – графика

Различаются принципами формирования изображения при отображении на экране монитора или при печати на бумаге.

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

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

Пиксель (элемент картинки) - наименьший единый элемент растровой графики.

Основными характеристиками являются глубина цвета и разрешение изображения.

Разрешение изображения

Для определения понятия разрешения необходимо выбрать единицу длины; чаще всего используют британскую – дюйм = 2,54 cм.

Разрешение изображения – это число пикселей на единицу длины, обозначается ppi (пиксели на дюйм).

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

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

Следует различать: разрешение экрана, разрешение печатающего устройства и разрешение изображения.

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

Разрешение экрана – свойство компьютерной видеосистемы (зависит от параметров монитора и видеокарты) и операционной системы (зависит от настроек Windows).

 Разрешение экрана измеряется в пикселях на дюйм (ppi - pixel per inch) и определяет размер изображения, которое может быть размещено на экране целиком.

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

Оно измеряется в единицах dpi (dots per inch – точки на дюйм) и определяет размер изображения при заданном качестве или, наоборот, качество изображения при заданном размере.

Глубина цвета – это количество бит, отведенных на кодирование цвета.

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

 Например, если глубина цвета составляет 24 бита, то изображение может содержать до 16,8 млн. различных цветов и оттенков (т.е. 224 ≈ 16,8 млн.).

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

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

В веб-дизайне и Интернете.

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

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

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

 Объекты состоят из контура и заливки.

Объекты  векторной  графики  хранятся  в  памяти  в  виде  набора  параметров,  но  на  экран  все изображения  выводятся  в  виде  точек.

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

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

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

Фрактальная графика.

Математической  основой  фрактальной  графики  является фрактальная  геометрия. В основу метода построения изображений положен  принцип  наследования  от,  так  называемых, «родителей» геометрических  свойств  объектов-наследников.

 Фракталом называется структура, состоящая из частей, которые в каком-то смысле подобны целому. Одним из основных свойств фракталов является самоподобие.

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

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

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

Таким способом строят как простейшие регулярные структуры, так и сложные иллюстрации, имитирующие природные ландшафты и трехмерные объекты.

3D-графика. (трёхмерная графика)

Трёхмерная компьютерная графика оперирует с объектами в трёхмерном пространстве.

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

В качестве полигона обычно выбирают треугольники. 

Всеми визуальными преобразованиями в 3D-графике управляют три вида матрицы: поворота, сдвига и масштабирования. 

Любой полигон можно представить в виде набора из координат его вершин. Так, у треугольника будет 3 вершины. Координаты каждой вершины представляют собой вектор (x, y, z). Умножив вектор на соответствующую матрицу, мы получим новый вектор. Сделав такое преобразование со всеми вершинами полигона, получим новый полигон, а преобразовав все полигоны, получим новый объект, повёрнутый/сдвинутый/промасштабированный относительно исходного.

Трёхмерная графика широко применяется в:

научных расчетах,

инженерном проектировании,

компьютерном  моделировании  физических  объектов,

кино и компьютерных играх.

 

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

1. Проузис, Д. Как работает компьютерная графика. / Д. Проузис. – Санкт-Петербург: Питер, 2008.

2. Жвалевский, А. Компьютерная графика: Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. / А. Жвалевский, И. Гурская, Ю. Гурский. – Санкт-Петербург: Питер, 2008.

3. Божко, А. Компьютерная графика. / А. Божко, Д.М. Жук, В.Б. Маничев. - Москва: МГТУ им. Баумана, 2007.

4. Вишневская, Л. Компьютерная графика для школьников. / Л. Вишневская - Москва: Новое знание, 2007.

5. Летин, А. Компьютерная графика. / А. Летин, И. Пашковский, О. Летина. - Москва: Форум, 2007.

6. Сергеев, А. Основы компьютерной графики. Adobe Photoshop и CorelDRAW - два в одном. Самоучитель. / А. Сергеев, С. Кущенко. - Москва: Диалектика, 2007.

7. Андреев, О.Ю. Самоучитель компьютерной графики. Учебное пособие. / О.Ю. Андреев, В.Л. Музыченко. - Москва: Триумф, 2007.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Лекция. Векторная графика..docx

Тема: Вводная лекция. Векторная графика.

 

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

Объекты векторной графики являются графическими изображениями математических объектов.

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

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

Способы хранения изображения:

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

1.                 Координаты центра окружности;

2.                 значение радиуса r;

3.                 цвет заполнения (если окружность не прозрачная);

4.                 цвет и толщина контура (в случае наличия контура);

5.                 порядок плана (передний план, задний план).

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

Преимущества векторного способа описания графики над растровой графикой:

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

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

·                     Параметры объектов хранятся и могут быть легко изменены. Также это означает что перемещение, масштабированиевращениезаполнение и т. д. не ухудшает качества рисунка. Более того, обычно указывают размеры в аппаратно-независимых единицах (англ. device-independent unit), которые ведут к наилучшей возможной растеризации на растровых устройствах.

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

Фундаментальные недостатки векторной графики

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

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

·                     При этом спецификации векторных форматов (и, соответственно, рендереры векторной графики) намного сложнее таковых для растровой графики.

·                     Преимущество векторной картинки — масштабируемость — пропадает, когда векторный формат отображается в растровое разрешение с особо малыми разрешениями графики (например, иконки 32×32 или 16×16). Чтобы не было «грязи», картинку под такие разрешения приходится подгонять вручную. В векторных шрифтах TrueType есть довольно сложные коды хинтинга, позволяющие избавиться от пропущенных (и, наоборот, излишне толстых) линий.

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

Более изощрённые преобразования включают булевы операции на замкнутых фигурах: объединение, дополнение, пересечение и т. д.

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

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

Если в растровой графике базовым элементом изображения является точка (пиксел), то в векторной графике – линия.

Позволяет пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах, например, CDR, AI, EPS, WMF или SVG.

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

Основные инструменты векторных редакторов:

Заливка — позволяет закрашивать ограниченные области определённым цветом или градиентом;

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

Набор геометрических примитивов;

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

Кривые Безье:

·                      частный вид кривых третьего порядка, требующий для своего описания меньшего количества параметров ─ восьми вместо одиннадцати;

·                      применяются для упрощенной процедуры рисования кривых;

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

·                      для построения кривой требуется 4 контрольные точки, но кривая физически проходит через две из них, они получили название опорных.

Векторные графические редакторы бывают платные и бесплатные.

Бесплатные:

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

Creature House Expression - Особенностью данного векторного редактора была потрясающая работа с кистями, которая позволяла рисовать в векторе так, будто это и не вектор вовсе. Иллюстрации выходили на удивление живыми. В данный момент этот продукт был переделан, стал более «стандартным» и выпускается под маркой Microsoft, но мало кто знает, что оригинальную версию можно абсолютно бесплатно скачать с сайта Microsoft.

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

Serif DrawPlus Starter Edition - профессиональная программа, для вёрстки, веб-дизайна, создания панорам, и, что нас интересует, для создания векторной графики. Зарегистрировавшись на их сайте, вы можете скачать «стартовые» версии их программ бесплатно. «Стартовые» версии отличаются несколько урезанными функциями, но даже в таком виде эта программа может служить профессиональным инструментом для создания векторной графики — многие из «урезанных» функций являются сугубо специфическими и используются нечасто. Программу отличает быстрота работы и продуманность интерфейса.

Aviary Raven- Следующая программа не совсем обычна – она не только бесплатна, но и является полностью онлайновой — вам даже не понадобится её устанавливать. Но, что удивительно, программа не является примитивной – в ней есть все необходимые инструменты для создания сложных векторных изображений, которые вы потом можете экспортировать, например, в формат EPS, или сохранить непосредственно на сайте (разумеется , предварительно зарегистрировавшись). Конечно, Raven не заменит полноценный векторный редактор, но может послужить вам спасением, если вам срочно надо будет что-то сделать на чужом компьютере, на котором не установлен ни один векторный редактор.

Платные:

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

Adobe Fireworks (также известный как FW) — растровый и векторный графический редактор компании Adobe для веб-дизайнеров и разработчиков, позволяющий быстро создавать, редактировать и оптимизировать изображения для сайтов, эскизы сайтов и веб-приложений. Fireworks CS4 содержит библиотеку готовых настроек и хорошо интегрирован с Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver и Adobe Flash. Интерфейс программы очень похож на интерфейс обычного графического редактора. После того как Adobe приобрела компанию Macromedia (разработчика Flash, Dreamweaver), программа заменила собой Adobe ImageReady

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

Adobe Flash Professional - это мультимедийные разработки и компьютерная анимация программа, разработанная компанией Adobe для системы.

Flash Professional - это в первую очередь использованы для разработки векторной графики и анимации, и публиковать то же самое для веб-сайтов, веб-приложений, многофункциональных интернет-приложений и видео игр. Программа также предлагает поддержку для растровой графики, форматированный текст, аудио и видео вложения, и язык ActionScript сценариев. Контент может быть опубликован на  Flash Player , Adobe AIR и совсем недавно, в HTML5, webgl можно и таблиц спрайтов.

CorelDRAW Graphics Suite - популярный и один из мощнейших редакторов векторной графики, разработанный канадской корпорацией Corel. С помощью программы можно не только работать с изображениями, но также создавать различные схемы, графики, диаграммы и чертежи.
Как и другие векторные редакторы, чаще всего применяется для создания логотипов, sharp-edged artistic иллюстраций (например, мультипликация, clip art, сложные геометрические шаблоны), технических иллюстраций, создания диаграмм и блок-схем, разметки страниц, типографики.
В состав CorelDRAW Graphics Suite входит и редактор растровой графики Corel PHOTO-PAINT, а также множество других программ — например, приложение для захвата изображений с экрана — Corel CAPTURE, утилита векторизации растровой графики Corel TRACE.

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

1. Проузис, Д. Как работает компьютерная графика. / Д. Проузис. – Санкт-Петербург: Питер, 2008.

2. Жвалевский, А. Компьютерная графика: Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. / А. Жвалевский, И. Гурская, Ю. Гурский. – Санкт-Петербург: Питер, 2008.

3. Божко, А. Компьютерная графика. / А. Божко, Д.М. Жук, В.Б. Маничев. - Москва: МГТУ им. Баумана, 2007.

4. Вишневская, Л. Компьютерная графика для школьников. / Л. Вишневская - Москва: Новое знание, 2007.

5. Летин, А. Компьютерная графика. / А. Летин, И. Пашковский, О. Летина. - Москва: Форум, 2007.

6. Сергеев, А. Основы компьютерной графики. Adobe Photoshop и CorelDRAW - два в одном. Самоучитель. / А. Сергеев, С. Кущенко. - Москва: Диалектика, 2007.

7. Андреев, О.Ю. Самоучитель компьютерной графики. Учебное пособие. / О.Ю. Андреев, В.Л. Музыченко. - Москва: Триумф, 2007.

 

 

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Лекция. Растровая графика..docx

Тема: Вводная лекция. Растровая графика

 

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

Важными характеристиками изображения являются:

·                     Размер изображения в пикселях — может выражаться в виде количества пикселей по ширине и по высоте (800×600px, 1024×768px, 1600×1200px и т. д.) или же в виде общего количества пикселей (так изображение размером 1600×1200px состоит из 1 920 000 точек, то есть примерно 2 мегапикселей);

·                     Количество используемых цветов или глубина цвета (эти характеристики имеют следующую зависимость: N=2^k, где N — количество цветов, k — глубина цвета);

·                     Цветовое пространство (цветовая модель) — RGBCMYKXYZYCbCr и др.;

·                     Разрешение изображения — величина, определяющая количество точек (элементов растрового изображения) на единицу площади (или единицу длины).

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

Преимущества:

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

·                     Распространённость — растровая графика используется сейчас практически везде: от маленьких значков до плакатов;

·                     Высокая скорость обработки сложных изображений, если не нужно масштабирование;

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

Недостатки:

·                     Большой размер файлов у простых изображений;

·                     Невозможность идеального масштабирования;

·                     Невозможность вывода на печать на векторный графопостроитель.

Из‑за этих недостатков для хранения простых рисунков рекомендуют вместо даже сжатой растровой графики использовать векторную графику.

Форматы.

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

 

Сжатие без потерь.

Использует алгоритмы сжатия, основанные на уменьшении избыточности информации.

·                     BMP или Windows Bitmap — обычно используется без сжатия, хотя возможно использование алгоритма RLE.

·                     GIF (Graphics Interchange Format) — устаревающий формат, поддерживающий не более 256 цветов одновременно. Всё ещё популярен из-за поддержки анимации, которая отсутствует в чистом PNG, хотя ПО начинает поддерживать APNG.

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

·                     PNG (Portable Network Graphics)

Сжатие с потерями.

Основано на отбрасывании части информации, как правило наименее воспринимаемой глазом.

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

Разное.

·                     TIFF поддерживает большой диапазон изменения глубины цвета, разные цветовые пространства, разные настройки сжатия (как с потерями, так и без) и др.

·                     Raw хранит информацию, непосредственно получаемую с матрицы цифрового фотоаппарата или аналогичного устройства без применения к ней каких-либо преобразований, а также хранит настройки фотокамеры. Позволяет избежать потери информации при применении к изображению различных преобразований (потеря информации происходит в результате округления и выхода цвета пиксела за пределы допустимых значений). Используется при съёмке в сложных условиях (недостаточная освещённость, невозможность выставить баланс белого и т. п.) для последующей обработки на компьютере (обычно в ручном режиме). Практически все полупрофессиональные и профессиональные цифровые фотоаппараты позволяют сохранять RAW изображения. Формат файла зависит от модели фотоаппарата, единого стандарта не существует.

История

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

В 1961 году программист С. Рассел возглавил проект по созданию первой компьютерной игры с графикой. Создание игры «Spacewar» («Космические войны») заняло около 200 человеко-часов. Игра была создана на машине PDP-1.

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

В середине 1960-х гг. появились разработки в промышленных приложениях компьютерной графики. Так, под руководством Т. Мофетта и Н. Тейлора фирма Itek разработала цифровую электронную чертёжную машину. В 1964 году General Motors представила систему автоматизированного проектирования DAC-1, разработанную совместно с IBM.

В 1968 году группой под руководством Константинова Н. Н. была создана компьютерная математическая модель движения кошки. Машина БЭСМ-4, выполняя написанную программу решения дифференциальных уравнений, рисовала мультфильм «Кошечка», который для своего времени являлся прорывом. Для визуализации использовался алфавитно-цифровой принтер. Существенный прогресс компьютерная графика испытала с появлением возможности запоминать изображения и выводить их на компьютерном дисплее.

Виды программ:

АРЕ Цветик 6.3. Программа подбора безопасного HTML-цвета для оформления веб-страниц.

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

Artweaver Free – программа для редактирования пиксельной графики. 

Программы для работы с растровой графикой.

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

Ряд графических редакторов, например, Painter и Fauve Matisse, ориентирован непосредственно на процесс рисования. В них акцент сделан на использование удобных инструментов рисования и на создание новых художественных инструментов и материалов. К простейшим программам этого класса относится также графический редактор Paint.

Средства обработки изображений

Другой класс растровых графических редакторов предназначен не для создания изображений "с нуля", а для обработки готовых рисунков с целью улучшения их качества и реализации творческих идей. К таким программам, в частности, относятся Adobe Photoshop, Photostyler, Picture Publisher и др.

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

Для работы с изображениями, записанными на CD или принятыми от цифровой фотокамеры, в операционной системе Windows 98 есть удобное приложение Picture It! Оно предназначено для обработки изображений (регулировка яркости и контрастности, художественная ретушь, устранение эффекта "красного глаза") и их каталогизации.

Средства каталогизации изображений

Особый класс программ для работы с растровыми изображениями представляют программы-каталогизаторы. Они позволяют просматривать графические файлы множества различных форматов, создавать на жестком диске удобные альбомы, перемещать и переименовывать файлы, документировать и комментировать иллюстрации. Удобной программой этого класса считается программа ACDSee 32. В Windows 95 для этих целей служит стандартная программа Просмотр рисунков. В Windows 98 в качестве стандартной введена ее более мощная версия -Imaging.

 

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

1. Проузис, Д. Как работает компьютерная графика. / Д. Проузис. – Санкт-Петербург: Питер, 2008.

2. Жвалевский, А. Компьютерная графика: Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. / А. Жвалевский, И. Гурская, Ю. Гурский. – Санкт-Петербург: Питер, 2008.

3. Божко, А. Компьютерная графика. / А. Божко, Д.М. Жук, В.Б. Маничев. - Москва: МГТУ им. Баумана, 2007.

4. Вишневская, Л. Компьютерная графика для школьников. / Л. Вишневская - Москва: Новое знание, 2007.

5. Летин, А. Компьютерная графика. / А. Летин, И. Пашковский, О. Летина. - Москва: Форум, 2007.

6. Сергеев, А. Основы компьютерной графики. Adobe Photoshop и CorelDRAW - два в одном. Самоучитель. / А. Сергеев, С. Кущенко. - Москва: Диалектика, 2007.

7. Андреев, О.Ю. Самоучитель компьютерной графики. Учебное пособие. / О.Ю. Андреев, В.Л. Музыченко. - Москва: Триумф, 2007.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 1.docx

Практическая работа № 1

Цель: Работа с растровыми изображениями.

Задание 1. Формирование растрового изображения.

Создать папку Растровая графика (Рабочий стол \ Мои документы \ Растровая графика);

(щелчок правой кнопкой- контекстное меню- команда Создать- папку- имя: Растр)

Сохранить в папке Растровая графика графический файл Растр.jpg

http://festival.1september.ru/articles/588865/1.jpg

Рис. 1

3) Скопировать файл Растр.jpg и вставить в папку

((щелчок правой кнопкой- контекстное меню- команда Копировать;

щелчок правой кнопкой- контекстное меню- команда Вставить - имя файла - Растр1.jpg);

Задание 2. Форматы растровых файлов

1) Открыть файл Растр.jpg с помощью графического редактора Paint

(Щелчок правой кнопкой мыши на файле Растр.jpg - контекстное меню- команда Открыть с помощью- программы Paint);

2) Сохранить файл в формате JPEG , <Рисунок2>

http://festival.1september.ru/articles/588865/2.JPG

Рис. 2

(В горизонтальном меню команда ФАЙЛ - раскрывающееся меню команда Сохранить как:;

Диалоговое окно Сохранение документа :а) путь сохранения- Мои документы \ папка- Растр,

б) поле Имя файла-jpg,

в) поле Тип файла- выбрать расширение JPG(*.JPG, *.JPEG, *.JPE, :.) командная кнопка Сохранить)

3) Аналогично сохранить данный файл как : а) 24- разрядный (*.bmp), имя файла- bmp, б) 256-цветный рисунок (*.bmp), имя файла - 256bmp

(при сохранении файла как 256-цветный рисунок следует подтвердить выполнение сохранение в диалоговом окне)

Задание 3. Форматы растровых файлов

1) Открыть файл Растр1.jpg с помощью графического редактора Paint

(Щелчок правой кнопкой мыши на файле Растр.jpg - контекстное меню - команда Открыть с помощью- программы Paint);

2) Последовательно сохранить файл в форматах PNG, TIFF, GIF

3) Закрыть приложение

Задание 4. Сравнение форматов растровых файлов

Открыть папку Растр (Рабочий стол \ Мои документы \ Растр);

Просмотреть файлы с помощью программы просмотра

(Щелчок правой кнопкой мыши - контекстное меню- команда Открыть с помощью- программа просмотра изображений и факсов);

2. Вопросы для закрепления:

Какой формат "потерял" качество изображения?

Назовите форматы файлов, которые при сжатии сохранили качественное изображение.

Формат какого файла вы выбрали бы для вставки изображения на страничку своего сайта? Обоснуйте свой ответ.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Экскурсовод (гид)

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 1.docx

Практическая работа № 1 Рисование кривыми в Inkscape

Цель – рассмотреть приемы рисования c помощью кривых в Inkscape.

Порядок выполнения работы

 

Задание 1. Отработайте умение рисовать инструментом Рисовать кривые Безье и прямые линии.

1)     Запустите Inkscape. Установите альбомную ориентацию страницы.

2)     Выберите инструмент Рисовать кривые Безье и прямые линии (Shift+F6 или В). На панели параметров инструмента выберите Режим – Рисовать кривую Безье, Форма – Нет.

3)     Щелкните по рабочей области выбранным инструментом и потяните… При вытягивании вы увидите синего цвета прямую линию – рычаг, красного цвета линию – звено кривой линии, маленький квадратик на левом конце кривой – узел.


 

4)     Щелкните в другом месте рабочей области и потяните, кривая продолжится новым звеном… Чтобы закончить рисование кривой, щелкните мышью дважды или нажмите клавишу Enter.

5)     Кривую можно отредактировать при помощи инструмента Редактировать узлы контура или рычаги узлов. Обратите внимание на панель свойств инструмента. Кнопки позволяют добавлять узлы, удалять узлы, сглаживать сегменты кривой и т.д.

6)     Узлы также можно добавлять двойным щелчком в нужном месте кривой.

7)    


Изобразите такую кривую:


 

8)     Продублируйте кривую и с помощью инструмента Редактировать узлы контура или рычаги узлов постарайтесь привести ее к такому виду:

9)    


Продублируйте кривую и затем приведите ее к такому виду:

10)     И к такому виду:

11)Сохраните файл под именем Кривые1.svg. В файле у вас должно быть 4 кривых.


 

Задание   2.   Рисовать  кривые   можно   и   с   помощью   инструмента                 Рисовать произвольные контуры (F6).

1)     Создайте новый документ, установите альбомную ориентацию и выберите инструмент Рисовать произвольные контуры (F6). На панели параметров инструмента обратите внимание на параметры Сглаживание, форма.

2)     Изобразите следующие линии при заданных параметрах и сохраните их в одном файле под названием Кривые2.svg.


 

 

Задание 3. Нарисуйте весенние листочки и сохраните файл под именем Листва.svg.

1)  Выберите инструмент Рисовать кривые Безье и прямые линии (Shift+F6 или В), на верхней панели параметров инструмента проверьте нажатие кнопок: режим Рисовать кривую Безье и Форма должна быть установлена в значение Нет.


 

2)  Нарисуйте лист в два приема.

·        Сначала нарисуйте левую часть: поставьте точку левой кнопкой мыши и, не отпуская мышь, протяните ее влево и вверх для образования направляющей (рычага), отпустите кнопку мыши, поставьте точку над первой чуть выше и протяните направляющую вверх и вправо, при достижении нужной кривизны. Отпустите мышь и нажмите на клавиатуре Enter, чтобы завершить рисование кривой. Получилась левая половина листика.

·        Затем наведите мышь на вторую точку (она подсветится красным), щелкните ЛКМ на эту точку и протяните направляющую вниз. Отпустите ЛКМ мышь, подведите мышь к первой точке (она тоже подсветится красным), щелкните эту точку и протяните направляющую вниз и   влево

— контур листика готов.


 

3)  При желании, контур можно подкорректировать инструментом Редактировать узлы контура или рычаги узлов (F2). Кроме коррекции существующих узлов можно добавлять и удалять узлы, делать их острыми, сглаженными или симметричными. В этом вам поможет панель для инструмента Редактировать узлы контура или рычаги узлов. Новый узел так же можно добавить не с помощью панели, а просто двойным щелчком в нужном месте существующего контура. Должно получиться примерно так:

4)  Теперь надо нарисовать черешок и жилки. Рисовать их будем тем же инструментом, что рисовали листовую пластину. Для удобства рисования можно поставить привязку:

·        во-первых, включить прилипание на правой панели инструментов: кнопка Включить прилипание;


 

·        во-вторых, надо указать к чему прилипать: кнопки Прилипать к узлам, контурам и рычагами, Прилипать к контурам и Прилипать острыми узлами.

5)  Черешок и среднюю жилку будем рисовать одним объектом, при желании их можно будет потом разделить. Возьмите вновь инструмент Рисовать кривые Безье и прямые линии — и нарисуйте черешок от вершины листа, предварительно выделив лист.

6)  .Конечную форму можно так же подкорректировать инструментом для редактирования контура F2.

7)  Нарисуйте остальные жилки. Необязательно рисовать каждую жилку отдельно, достаточно нарисовать одну, а остальные получить методом копирования или дублирования. Напомним, для масштабирования объекта нужно кликнуть по нему мышкой 1 раз, для того чтобы повернуть — 2 раза, для редактирования узлов — 3 раза.


 

8)  После того как нарисуете жилки с одной стороны, выделите их с помощью щелчков левой кнопки мыши с зажатой клавишей Shift. Нажмите Ctrl+D (дублировать) и зеркально отразите полученные дубли по горизонтали с помощью клавиши H или кнопки на верхней панели инструментов Горизонтально отразить выбранные объекты. Должно получиться примерно так:

9) 


Расставьте полученные жилки по своим местам.

10)  Раскрасьте листовую пластину в зеленый цвет с кодом a0dd41ff, а жилки цветом с кодом 84b04ff. У вас должен получиться вот такой листик:


 

11)  Добавьте обводку, и залейте ее линейным градиентом. Верхняя точка градиента зеленого цвета — 84b04ff, а нижняя точка прозрачная на 100%. Толщина обводки – 5.

12) 


С помощью заготовки листика создайте следующие рисунки (на выбор):

 

Задание 3.Создайте на личном внешнем носителе (флешке) папку Лабораторная работа 9, куда будете сохранять все выполненные задания. Запустите графический векторный редактор Inkscape.

1)     Нарисуйте розовый круг, оконтурите его (Контур Оконтурить объект). В режиме правки контуров (F2) опускаем вниз сначала верхний, затем нижний узел, чтобы получилась форма клубники (чтобы узлы двигались только вертикально - двигайте их с зажатой клавишей Ctrl).


 

2)     Залейте фигуру радиальным градиентом от светлого красного цвета, к более темному цвету. Цвет центральной точки градиента — ff0000ff, цвет боковых точек — aa0000ff.

3)     Нарисуйте зернышки клубники. Для этого создайте овал и залейте его линейным градиентом цветами как на клубнике.

4)     Дублируйте овал (Ctrl+D), уменьшите его и тоже залейте линейным градиентом. Цвета: желтый — ffff00ff и оранжевый — ff6600ff.


 

Сгруппируйте оба овала в один объект (выделить оба и нажать Ctrl+G) и уменьшите его.

5)     Когда зернышко готово, можно начать штамповку. Просто перемещайте зернышко по клубнике, не отпуская клавишу мыши, и нажимайте Пробел. На рисунке ниже вы можете видеть результат описанного действия.

Не забудьте повернуть зернышки в разные стороны.

 

6)     Следующим этапом будет рисование блика. Кривыми Безье и при помощи узлов создайте фигуру как на рисунке ниже.

7)     На месте зерен нарисуйте овалы и расположите их как на рисунке.


 

8)     Между   бликом   и   каждым   овалом   осуществите   логическую  операцию

Разность (меню Контур – Разность (Ctrl+ -)). После этого нужно втянуть  блик

— меню Контур – Втянуть или Ctrl+(. Применить 2-3 раза. Проследите, чтобы у блика не было обводки и подберите соответствующий цвет.

9)     Осталось нарисовать клубнике хвостик. Удобнее нарисовать его из нескольких частей, а затем объединить их. На рисунке все части представлены разными цветами.


 

10) Далее выделите все части и нажмите (Ctrl++) или операция Сумма (меню Контур – Сумма). Для получившегося хвостика установите зеленый цвет (71c837ff).

11) Нарисуйте внутреннюю часть листочка, закрасив ее более темным цветом – 5aa02cff.

12) Добавьте листочку обводку и залейте ее линейным градиентом. Верхняя точка градиента зеленого цвета — 5aa02cff, а нижняя точка прозрачная на 100%. Толщина обводки – 5.

Сохраните файл под именем Клубника_имя.svg.


 

Контрольные вопросы

На все вопросы ответьте письменно, в тетрадях.

1.  С помощью каких инструментов в Inkscape можно нарисовать прямые линии и кривые? Сочетанием каких клавиш можно вызвать эти инструменты?

2.  Опишите параметры инструментов из первого вопроса.

3.  С какими видами узлов можно работать в Inkscape?

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Фитнес-тренер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 10.docx

Практическая работа № 10

Цель работы: основы создания анимации в Gimp.

Шаг 1. Открываем редактор и создаем новое изображение (я выбрал размер по умолчанию 640 - 480)

01_animacia-v-gimp

Шаг 2. Далее нужно проверить цвет переднего плана. Он должен быть черным, если это не так, то нужно сбросить цвета в "по умолчанию". Для этого нажмем вот сюда.

02_animacia-v-gimp

 

Шаг 3. На панели инструментов выбираем «Текст». Шрифт я оставил по умолчанию ( у меня «Sans») и размер ввел - 180. После этого щелкаем по рабочему холсту, чтобы активировать текстовую область и вводим с клавиатуры цифру «1»

03_animacia-v-gimp

Шаг 4. После этого нам необходимо выронить цифру по центру слоя. Выбираем инструмент «Выравнивание» (1) и нажимаем один раз по цифре(2) для активации параметров. После этого поочередно нажимаем на пиктограммы (3) и (4)

04_animacia-v-gimp

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

05_animacia-v-gimp

Шаг 6. Аналогичным образом создадим еще два слоя, но на этот раз с цифрами «2» и «3»

06_animacia-v-gimp

Шаг 7. Теперь, когда мы создали три слоя, пора приступить к анимации. Здесь стоит запомнить одно важное правило:

Слои в панели слоев — это наши кадры анимации. Нижний слой соответствует первому кадру т.д.

Для создания анимации перейдем в

«Фильтры — Анимация — Воспроизведение»

В открывшемся диалоговом окне нажнем на «Play» и посмотрим, как быстро меняются наши числа :-)))

01_animaciya-v-gimpe

Очень быстро ? Неправда ли? Как же нам отрегулировать скорость наших кадров? Здесь все просто друзья. Для этого достаточно в имени слоя дописать конструкцию вида (1000ms), что соответствует одной секунде показа кадра. Посмотрите, что у меня получилось

07_animacia-v-gimp

Я везде к имени слоя дописал (1000ms). После чего давайте снова воспользуемся выше упомянутым фильтром анимации.

02_animaciya-v-gimpe

Шаг 8. Теперь осталось сохранить нашу анимацию. Для этого переходим в меню «Файл — Экспортировать» и приписываем к имени файла расширение GIF. Нажимаем "Экспортировать"

08_animacia-v-gimp

Шаг 9. В открывшемся диалоговом окне ставим галочку на против пункта «Сохранить как анимацию»

и нажимаем кнопку «Экспорт»

09_animacia-v-gimp

 

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

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Экскурсовод (гид)

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 10.docx

 

Практическая работа №10 Календарь в Inkscape

Цель – рассмотреть прием создания календаря в Inkscape.

Порядок выполнения работы Задание 1. Отработайте умение рисовать фон.

1)     Запустите Inkscape. Установите альбомную ориентацию страницы.

2)     Откройте палитру Слои. Переименуйте первый слой в Фон.

3)     Закрасьте страницу прямоугольником произвольного цвета. Для этого создайте прямоугольник и с помощью панели параметров инструмента измените его ширину и высоту под размеры страницы (размеры страницы можно посмотреть в меню Файл – Свойства документа – Страница).

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

5)     Фон практически готов, вы можете изменить заливку на градиент, добавить декоративные элементы, например такие:


 

Возможно, вас вдохновят следующие уроки:

·        http://www.youtube.com/watch?v=7krWYpD_fFo

·        http://www.youtube.com/watch?v=MGSg4MXTNrI

·        http://www.vr-online.ru/content/inkscape-sozdaem-oboi-dlja-rabochego-stola- chast-2-1611

·        http://inkscape.paint-net.ru/?id=44

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

Задание 2. Отработайте умение создавать календарь в Inkscape.

1)     Создайте новый слой и назовите его Календарь.

2)     Выполните команду Расширения – Отрисовка – Календарь.

3)     Настройте параметры календаря:

·       


для вкладки Основные параметры:


 

·       


для вкладки Размещение:

·        для вкладки В цвете:

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

Чтобы узнать код цвета, в процессе настройки календаря изобразите произвольную фигуру (например, маленький круг) и выбирайте цвет на круге, а код в поле RGBA (без двух последних букв ff):

Например, так:


 

·       


для вкладки Локализация:

После всех настроек нажмите кнопку Применить.

4)     Должен получиться следующий календарь:


 

5)    


Разгруппируйте календарь.

6)     Разместите месяцы по вашей задумке, например, так:


 

7)     Измените заголовок, в центре можно поместить рисунок. Творчество и креатив приветствуются! Включите видимость слоя с фоном и сохраните файл с именем Календарь.svg.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Копирайтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 11.docx

Практическая работа № 11

 

Цель работы: научиться создавать анимацию в Gimp.

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

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

Итак, создаем изображение с белым фоном, размером 300х100.

Любым понравившимся шрифтом создаем надпись http://gimp.nas2.net/image/res/icon_2_4/text16.png :

http://gimp.nas2.net/image/20090704/moveline/1.jpg

 

Удаляем текстовую информацию: Слой — >Удалить текстовую информацию.

Выделяем текст: Слой — >Текст в выделение — >Текст в выделение:

http://gimp.nas2.net/image/20090704/moveline/2.jpg

 

Далее либо заливкой инструмент Заливка, либо градиентом http://gimp.nas2.net/image/res/icon_2_4/blend.png закрашиваем текст. И снимаем выделение: Выделение —> Снять.

Создаем копию Фона. Поднимаем поверх всех слоев, затем создаем копию слоя с текстом, располагаем над фоном, и сдвигаем с помощью инструмента перемещение http://gimp.nas2.net/image/res/icon_2_4/move.png его так, чтобы видно было только первую букву:

 

http://gimp.nas2.net/image/20090704/moveline/3.jpg

 

Далее на копии слоя с текстом щелкаем правой кнопкой мыши, выбираем Слой к размеру изображения, и объединяем этот слой с копией фона. Получили первый кадр.

Копируем слой с текстом, перемещаем на вверх, и ориентируясь относительно нижнего слоя, смещаем текст левее, с помощью инструмента Перемещение http://gimp.nas2.net/image/res/icon_2_4/move.png (для удобства можно использовать направляющую):

 

http://gimp.nas2.net/image/20090704/moveline/4.jpg

 

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

 

http://gimp.nas2.net/image/20090704/moveline/5.jpg

 

Продолжаем смещать текст влево, пока все буквы не скроются:

 

http://gimp.nas2.net/image/20090704/moveline/6.jpg

 

Когда все кадры готовы, удаляем текстовый слой, а слой Фон оставляем.

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

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 11.docx

Практическая работа № 11.

Тема: Disco – шар в программе inkscape

01.Диско-шар поэтапно в программе Inkscape

Итак, для того, чтобы нарисовать диско-шар, нам нужна основа. Идем в меню Расширения – Отрисовка — Каркасная сфера.

 

http://risovat-legko.com/wp-content/uploads/2014/06/Disko-shar-pojetapno-v-programme-Inkscape-2.jpg

Далее нужно выделить шар – основу, а потом два раза! нажать (Ctrl+Shift+G). Затем оконтурить его (Ctrl+Shift+C).

03.Диско-шар поэтапно в программе Inkscape

Суть в том, что мы разбили шар на множество контуров, а теперь объединим в один — меню Контур — Объединить (Ctrl+K). Все, основа чтобы нарисовать диско-шар готова.

Создаем ровный круг и задаем ему точно такие же размеры, как и у шара – 200 х 200 рх. Чтобы не ошибиться, посмотрите значения ширины и высоты шара выше, возможно у вас они будут другими.

Цвет созданного круга выберите на свой вкус – оттенки именно этого цвета будут украшать диско-шар. Также добавьте кругу обводку толщиной 1 рх.

04.Диско-шар поэтапно в программе Inkscape

Выделяем два объекта и идем — Выровнять и расставить (Ctrl+Shift+А). Выравниваем их по горизонтали и вертикали. Клавишей End опускаем круг под основу.

05.Диско-шар поэтапно в программе Inkscape

Снова выделяем оба объекта и идем меню – Контур – Разделить (Ctrl+/). Мы получили много граней, которые осталось только раскрасить. Для этого идем меню – Расширения – Цвет — Случайные значения.

06.Диско-шар поэтапно в программе Inkscape

Нажимаем применить — диско-шар в Inkscape готов! Чтобы было удобнее перемещать шар, сгруппируйте (Ctrl+G) все его грани.

07.Диско-шар поэтапно в программе Inkscape

Хочу еще показать, как добавить блеск.

Создаем звезду, которая имеет 4 угла, и отношение радиусов 0,030. Закругление и искажение – 0,000.

08.Диско-шар поэтапно в программе Inkscape

Дублируем звезду (Ctrl+D), уменьшаем (<) и поворачиваем. Также создаем круг и располагаем в центре.

09.Диско-шар поэтапно в программе Inkscape

Придаем кругу какое-нибудь значение размывания – 20, 30, 40%.

10.Диско-шар поэтапно в программе Inkscape

Группируем все объекты, меняем цвет на белый и отправляем на диско-шар.

11.Диско-шар поэтапно в программе Inkscape

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Интернет-маркетолог

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 12.docx

Практическая работа № 12

Цель – научиться реставрировать старые фотографии в Gimp.

Вставьте фотографию в Gimp.

http://4.bp.blogspot.com/-V_H32Tk-8eg/Tr__hdhZXVI/AAAAAAAAAXY/Z_mmqZb0RRA/s400/01.jpg



Убираем наиболее крупные повреждения 

Отмечаем на фото большие разломы, трещины, царапины, пятна и начинаем убирать сначала именно их.

Для работы над фото, выберите в меню программы: 

Инструменты - Рисование - Штамп

http://4.bp.blogspot.com/--6f1QiBQuto/Tr__wjdUzLI/AAAAAAAAAXk/AxorKstU1ps/s400/02.jpg



Далее в панели инструментов, выберите Кисть "Circle Fuzzy", как показано на рисунке. Такая кисть имеет "мягкие" края, позволяющие рисовать мазками с нечеткими границами, что дает возможность более деликатной подрисовки деталей.

http://3.bp.blogspot.com/-4zwB_za0Vkk/TsAC5leSSiI/AAAAAAAAAXw/ePnukgVGRog/s400/03.jpg http://1.bp.blogspot.com/-Q-SPCFGCx_c/TsAC_eE9iaI/AAAAAAAAAX8/6BFBPFzGZ-A/s400/04.jpg



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

Определитесь с выбором, наведите курсор мыши (он должен выглядеть как миниатюрное изображение штампа - печати) на это место и нажмите клавишу Ctrl на клавиатуре. Не отпуская клавишу Ctrl нажмите левой кнопкой мышки один раз, после чего отпустите клавишу Ctrl.

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

http://2.bp.blogspot.com/-mM0_pejFXZ4/TsAFyvjpaKI/AAAAAAAAAYI/Eb6UiSdf2lE/s400/05.jpg

http://1.bp.blogspot.com/-kquT7IXo_EU/TsAF5vZIJ_I/AAAAAAAAAYU/eZPWeHkvmnA/s400/06.jpg



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

http://4.bp.blogspot.com/-AMhcN3e6074/TsAH5J6B_7I/AAAAAAAAAYg/ZO_cPP9_eNc/s400/07.jpg



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

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

Второй пример демонстрирует немного иной эффект.

http://4.bp.blogspot.com/-DQzC6ZYBrQU/TsAISPnxyuI/AAAAAAAAAYs/YBd_eX1AiS0/s400/08.jpg



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

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

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

Ищем и убираем менее заметные дефекты (мелкие царапины, загрязнения)

http://3.bp.blogspot.com/-W07PR722e68/TsFIJRZmXiI/AAAAAAAAAZo/qyVhguaOTYg/s320/002_d.jpg

 

(Кликните для увеличения)



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

Кроме штампа, среди инструментов рисования в программе GIMP также есть такие полезные вещи как "размывание"; "затемнение/засветление"; "Размазывание". 

Простой пример. 

Даже если вы используете мягкую кисть при работе с клон-штампом, то нельзя исключать такой ситуации, что вы, восполняя недостающие детали фото будете вынуждены нарисовать нужный элемент и для его большей реалистичности понадобится его включение в окружение методом смазывания краев пограничной области объекта. Чтобы это сделать, можно применить инструмент "Размазывание", работая им аналогично клон-штампу, с той лишь разницей, что эффект от него будет иной. Если сами пробовали рисовать карандашом на бумаге, то наверное вы наблюдали, как смазываются края линии от грифеля, если провести пальцем по ней. Так вот кисть "Размазывание" делает именно такую работу.
На примере чуть выше, слева от головного убора человека как раз был использован инструмент "Размазывание" для сглаживания несколько грязноватого темного фона. Справа же от лица, был применен преимущественно "Клон-штамп" для устранения мелкого мусора на фото. 

Заключительный этап

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

http://2.bp.blogspot.com/-ZZjSDXSWqBM/TsAMJD0v-sI/AAAAAAAAAY4/zCTYwI8o9UE/s320/002_sm.jpg http://2.bp.blogspot.com/-43Ck2J6BelA/TsAMel2pbWI/AAAAAAAAAZE/yshHmdOBKnk/s320/002_a_sm.jpg

 

http://4.bp.blogspot.com/-D_uZDZ7TnFg/TsAM3NfJ2kI/AAAAAAAAAZQ/iy1sEpdLCss/s320/002_b_sm.jpg http://3.bp.blogspot.com/-X_e6G97cejw/TsAM-ViH-II/AAAAAAAAAZc/7NfE1JrT-cg/s320/002_c_sm.jpg

 

А теперь самостоятельно выполните работу:

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Бухгалтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 12.docx

Практическая работа № 12

Рисуем почтовую марку

Марка

Нарисуйте прямоугольник и два небольших круга

Рисуем прямоугольник и два круга

 Рисуем прямоугольник и два круга

Примените для окружностей инструмент Перетекание

Инструмент Перетекание

Инструмент Перетекание

Активируйте инструмент Перетекание и протяните курсором мыши от одной окружности до другой

Создаем Перетекание от одной окружности до другой

 Создаем Перетекание от одной окружности до другой

Число окружностей (и, соответственно зубцов на почтовой марке) можно задавать на счетчике, изображенном на

Счетчик объектов, участвующих в перетекании

Счетчик объектов, участвующих в перетекании

На панели свойств инструмента Перетекание нажмите на кнопку Новый путь. На экране появится кривая стрелка.

Кнопка Новый путь

Кнопка Новый путь

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

Размещаем окружности по периметру прямоугольника

Размещаем окружности по периметру прямоугольника

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

Заполняем окружностями весь периметр

Заполняем окружностями весь периметр

Теперь окончательно настраиваем необходимое число окружностей в соответствии с числом зубчиков будущей марки. Инструментом выбора выделите все графические объекты и выполните команду Упорядочить - Формирование - Упрощение. Затем Инструментом выбора рядами выделяйте круги из прямоугольника и нажимайте на клавишу Delete. У вас получиться контур марки

Контур марки готов

Контур марки готов

Залейте созданный объект, применив Фонтанную заливку. Можно настроить свою заливку или применить заготовку. Командой Файл-Импорт добавьте на марку картинку

Марка почти готова

Марка почти готова

В заключение, наберите текст, сгруппируйте все объекты в один командой Сгруппировать и примените инструмент Тень

Работа над маркой завершена

Работа над маркой завершена.

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Копирайтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 13.docx

Практическая работа № 13

Цель – научиться редактировать лицо без потери текстуры кожи.

Выполнить задание и сделать со своей фотографией по образцу.

 

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

http://www.progimp.ru/i/articles/upload/2012/08/1335/1.jpg
Масштаб 100%

Создаем копию слой и обесцвечиваем её по средним (!) основам оттенков серого. Теперь мы лишились цвета кожи и нас ничего не отвлекает. Можно закрашивать морщины.

Ключевой момент удаления морщин данного урока

Создайте новый слой с режимом смешивания «Рассеянный свет» или «Перекрытие» (находится на панели слоёв, выпадающий список с параметром «Нормальный»). Возьмите инструмент «Кисть» и в её настройках задайте маленький радиус и низкую непрозрачность.

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

http://www.progimp.ru/i/articles/upload/2012/08/1335/2.jpg
Красным цветом просто отмечены места морщин, которые должны быть закрашаены

Если одного слоя в режиме «Перекрытие» недостаточно, то можете добавить еще и еще и еще.

Играйтесь с размером и непрозрачностью кисти. Кроме морщин вы можете выровнять объём лица.

http://www.progimp.ru/i/articles/upload/2012/08/1335/3.jpg

Как только вы закончите удалять морщины — можете скрыть черно-белый слой и сравнить результаты.

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

http://www.progimp.ru/i/articles/upload/2012/08/1335/4.jpg

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

Самостоятельная работа.http://www.progimp.ru/i/articles/upload/2012/08/1335/6.png

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 14.docx

Практическая работа № 14

Тема: Подмена лиц.

Цель - научиться работать со слоями.

Выполнить задание и сделать со своей фотографией по образцу.

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

http://www.gimpinfo.ru/i/gallery/2013/06/001.jpg



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

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

http://www.gimpinfo.ru/i/gallery/2013/06/002.jpg

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

После этого действия название слоя с выполненного жирным шрифтом изменилось на обычный. А это свидетельствует о наличии прозрачности.

http://www.gimpinfo.ru/i/gallery/2013/06/003.jpg

Затем на панели инструментов выберите «Свободное выделение». И начинайте обводить им по контуру лица на верхнем слое (на примере мы буем вставлять лицо правого парня на лицо девушки).

http://www.gimpinfo.ru/i/gallery/2013/06/004.jpg

Далее переходим в меню «Выделение — Инвертировать». Вот и все, теперь область вокруг выделенного вами лица можно удалять нажатием клавиши «Del». Лицо для вставки готово.

Затем снимите выделение в меню «Выделение — Снять».

http://www.gimpinfo.ru/i/gallery/2013/06/005.jpg

Теперь для простоты работы нужно уменьшить размер слоя до видимого объекта. Меню «Слой — Автокадрировать слой». Желтая рамка должна сузиться до размеров головы.

http://www.gimpinfo.ru/i/gallery/2013/06/006.jpg

Для еще большей простоты работы нужно уменьшить непрозрачность верхнего слоя до 40–50%. Перемещайте ползунок, который находится над стопкой слоев влево.

http://www.gimpinfo.ru/i/gallery/2013/06/007.jpg

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

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

http://www.gimpinfo.ru/i/gallery/2013/06/008.jpg

Наша работа ручная и вставить лицо в фотографию гораздо сложней, чем просто добавить лицо в фоторамку. Очень распространенная ошибка в том, что люди неправильно рассчитывают пропорции лиц. Убедитесь в том, что глаза, губы и нос совпали. Если это не так — лучше переделайте этот шаг заново, отменив последние действия (Правка — Отменить).
Если же всё верно — возвращаем непрозрачность на прежний уровень 100%.

http://www.gimpinfo.ru/i/gallery/2013/06/009.jpg

Добавляем маску слоя на верхний слой (Слой — Маска — Добавить маску слоя) белого цвета (что такое маска слоя и зачем она нужна). Активируем инструмент «Кисть». Следите чтобы цвет переднего плана был черным.

http://www.gimpinfo.ru/i/gallery/2013/06/010.jpg

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

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

http://www.gimpinfo.ru/i/gallery/2013/06/011.jpg

Теперь переключаемся с маски слоя на сам слой. Для этого в панели инструментов нужно нажать на слой, а не черно-белый прямоугольник.

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

http://www.gimpinfo.ru/i/gallery/2013/06/012.jpg

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

Обратите внимание, что в инструменте «Цветовой баланс» есть три зоны цвета: тени, полутона и светлые части. Работайте с каждой из них.

http://www.gimpinfo.ru/i/gallery/2013/06/013.jpg

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

http://www.gimpinfo.ru/i/gallery/2013/06/014.jpg

На лице есть более светлые и более темные участки. На вставленном в фото лице каждую из их нужно подогнать под нижнюю фотографию. Активируем инструмент «Осветление/Затемнение». В настройках указываем режим «Осветление» и аккуратно делаем некоторые участки светлее. Убедитесь, что работаете со слоем, а не с маской. Осторожно работайте с осветлением, чтобы лицо не получилось слишком светлым. Регулируйте ползунок непрозрачности инструмента.

http://www.gimpinfo.ru/i/gallery/2013/06/015.jpg

Затем переключаем инструмент на «Затемнение» (кнопка Ctrl на клавиатуре) и затемните некоторые области на вашем фото. Можно выделить некоторые морщины и области вокруг глаз и носа. Затемнением подчёркивают тени от волос.

http://www.gimpinfo.ru/i/gallery/2013/06/016.jpg

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

Теперь необходимо создать новый слой (прозрачный) поверх уже существующих. Выставьте ему режим«Цвет».

http://www.gimpinfo.ru/i/gallery/2013/06/017.jpg

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

Помните, что лицо не должно быть одного монотонного цвета. Например, щеки, нос и лоб розовей остальных частей тела, поэтому не старайтесь закрасить всё лицо одним цветом. Действуйте выборочно и чаще копируйте цвет пипеткой.

http://www.gimpinfo.ru/i/gallery/2013/06/018.jpg

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

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

http://www.gimpinfo.ru/i/gallery/2013/06/019.jpg

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 15.docx

Практическая работа №15

 

Тема: Рисуем коробку в Gimp.

Цель работы – создание рисунка.

Создайте изображение 600х600 пикс с белым фоном.

Вариант с маленьким примером Layer Effects

 

Сделайте ваш цвет переднего плана коричневым, например ab690a(для этого нажмите на такие квадратики и введите цифры в появившиеся окно) а фоновый желтым f4bc5a .

Дальше вам понадобиться плагин "Эффекты Слоя для Gimp" Если он у вас есть нажмите на фоновый слой пр кнопкой мыши выберите пункт Layer Effects -> Gradient Overlay в открывшимся окне поставьте градиент  "Основной в фоновый (RGB)"
Появившийся слой назовите "Наружная"

 

http://gimp-master.moy.su/FailsUroki/Karobka2.jpg

 

Смените цвет переднего плана на d9b059 а фоновый на fcd594
Перейдите на слой фон
Опять Layer Effects -> Gradient Overlay  с прежними настройками
Нажмите на урну в палитре слоев, (если вы находитесь на слое фон то, он удалится, нам это и надо)
Новый слой назовите "Внутренняя"

 

Вариант если вы решили не скачивать плагин

 

Залейте фон градиентом "Основной в фоновый (RGB)" с цветом переднего плана ab690a а фоновый f4bc5a. переименуйте его в "Наружная"
Создайте еще один прозрачный слой и теперь залейте его тем же градиентом с цветом переднего плана d9b059 а фоновый fcd594. переименуйте его в "Наружная"
Создайте новый прозрачный слой выше всех слоев
Захотите в фильтры -> Карта -> Проекция объекта...
Примените следующие значения с 3 нижних картинок

 

http://gimp-master.moy.su/FailsUroki/Karobka3.jpg

 

http://gimp-master.moy.su/FailsUroki/Karobka4.jpg

 

http://gimp-master.moy.su/FailsUroki/Karobka5.jpg

 

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

 

http://gimp-master.moy.su/FailsUroki/Karobka6.jpg

 

Добавляете новый прозрачный слой назовите его "Крышка1"
Выделите область как показано снизу и залейте ее каким-нибудь контрастным цветом, например белым. Высота должна соответствовать примерно половине крышки коробки.
Опять нажмите Изображение -> Направляющие -> Создать из выделения


Снимите выделение
Добавьте еще 2 направляющие по краям как на картинке

http://gimp-master.moy.su/publ/uroki/slozhnye/risuem_korobku_v_gimp/5-1-0-65

 

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

 

http://gimp-master.moy.su/FailsUroki/Karobka8.jpg

 

Находясь на слое с крышкой коробки нажмите кнопку Запереть альфа-канал в палитре слоев
Поставьте верхний цвет как ffcd8e нижний как ffcdaf и используя градиент "Основной в фоновый (RGB)" заполните им слой с крышкой

 

http://gimp-master.moy.su/FailsUroki/Karobka9.jpg

 

Создайте дубль слоя "Крышка1" снимите с него цепочку
Возьмите инструмент перемещение, кстати, его можно взять не только щелкая по его иконке но, щелкая по одной из линеек, может это станет вам удобнее.
Щелкните им на холсте по слою дубликату тем самым активируя его и используя клавишу "стрелка вниз" сместите слой на 4пиксиля (1нажатие=1пиксиль)
Залейте этот слой темно серым
Теперь перетащите этот слой под слой "Крышка1"

 

http://gimp-master.moy.su/FailsUroki/Karobka10.jpg

 

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

 

http://gimp-master.moy.su/FailsUroki/Karobka11.jpg

 

Щелкните с жатым Alt по слою с коробкой, что б выделить альфа-канал
Перейдите в Выделение -> Инвертировать
Нажмите Delete тень за пределами коробки удалиться, если вы находились на слое с этой тенью
Объедините 3 верхних слоя, дважды нажав на верхний слой и дважды выбрав пункт Объединить с предыдущим.

 

http://gimp-master.moy.su/FailsUroki/Karobka12.jpg

 

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

 

Для правой крышки создайте новый слой 
Выделите на этом  слое прямоугольную область произвольных размеров 
Залейте ее для удобства белым цветом
Автокадрируйте
И инструментом Перспектива исказите имеющийся у вас на этот момент белый квадрат
Залейте градиентом
Для левой стороны то же самое.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 16.docx

Практическая работа № 16

Тема: преобразование фотографии в каменный бюст в GIMP.

Выполнить задание и сделать со своей фотографией по образцу.


 Шаг 1

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

Откройте портрет в Gimp и переименуйте появившийся слой в Портрет. Удалите фон фотографии, оставив лишь фигуру.
Создайте еще один слой (прозрачный) назовите его Фон и перетащите его под портрет.
Создайте дубликат слоя Портрет.


http://gimp-master.moy.su/Uroki/FotoVSkulpturu1.jpg
 Шаг 2

 Проходим в Цвет -> Обесцвечивание и делаем так

 http://gimp-master.moy.su/Uroki/FotoVSkulpturu2.jpg

 Подготовим глаза нашего бюста

Сейчас на копии Портрета нам необходимо выделить глаза.
Я предлагаю это сделать с помощью быстрой маски и кисти "2. Hardness 100"
Перед использованием маски удобно будет увеличить масштаб изображения, например с помощью лупы.



http://gimp-master.moy.su/Uroki/FotoVSkulpturu4.jpg

Абзац ниже посвящен тем, кто не знает, что такое быстрая маска и как ею пользоваться.

О маске я вроде не рассказывал остановлюсь поподробней, главное; быстрая маска относиться - к разряду инструментов выделения как лассо и прочие волшебные палочки, квадратные выделения и т.д. Его особенность, что выделение рисуют прямо на холсте с помощью инструментов рисования; кисти, карандаш, градиент, ведро. Чтоб его\её включить щелкните пункт Выделение  -> Переключить быструю маску или клавишами контрл+q или в левом нижнем углу холста под  линейкой есть маленькая незаметная кнопочка стилизованная под  выделение она тоже включает\выключает нашу маску(и за одно показывает что та включена или отключена - окрашиваясь в красный квадратик)  После включения маски изображение окраситься в цвет маски по умолчанию он красный-полупрозрачный. Этот цвет показывает какие детали изображения не выделены.  Для работы с маской установите верхний цвет черным, нижний белым, поскольку эти цвета используются в рисовании выделения по маске, Белым цветом стирают красный, тем самым отмечая для себя области которые попадут в выделение (не красные участки попадут), а черным восстанавливают красный цвет (обычно если ошиблись). В общем, ваша задача взять белую кисть и стереть ею красный цвет на глазах. Когда закончите рисовать выделение, отключите маску через меню, через кнопку в углу или клавишами как вам нравиться. Красный цвет исчезнет и появиться выделение.


http://gimp-master.moy.su/Uroki/FotoVSkulpturu3.jpg
 Теперь возьмите градиент Основной в фоновый (RGB)(цвета должны уже стоять у вас черный и белый) и наложите его следующим образам. 

http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu5.jpg

Теперь зайдите в Цвет -> Яркость-контраст... и поставьте яркость -21 контраст +8 
Снимите выделение. 


http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu6.jpg
   Шаг 3

Теперь возьмите инструмент Осветлитель-Затемнитесь нажмите на кнопку восстановить значения по умолчанию должно получиться так

http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu7.jpg

И обработайте осветителем брови нашего подопечного до следующего состояния.

 http://gimp-master.moy.su/Uroki/FotoVSkulpturu8.gif 

Закончите с бровями увеличьте размер кисти, где то до 450 и осветлите с  её помощью толстовку, ноздри и слегка тень под подбородком. Как на картинке ниже. Не бойтесь, если осветление получится полосами, от этого будет только лучше текстуре камня, поскольку, так она будет смотреться более реалистично.

 http://gimp-master.moy.su/Uroki/FotoVSkulpturu9.gif       Шаг 4
  

С подготовкой покончено переходим текстурированнию.
  Автокадрируйте изображение; для этого зайдите в Изображение -> Автокадрировать изображение (эта опция обрезает у изображения все однородные пиксели по краям)
  
Скачиваем текстуру трещин, если не скачали раньше или ...
  Открываем её как слой,  Файл  -> Открыть как слой  переименуйте его в трещины  Выбираем инструмент вращения и поворачиваем текстуру на минус 90
  Потом берем инструмент масштаб (не спутайте с лупой)  и растягиваем ее, чтоб закрыть все изображение.
   (для надежности в таких случаях текстуру можно растянуть чуть больше чем требуется.)                                        Теперь зажмите клавишу альт и щелкнете один раз по слою "копия портрета", - появиться выделение.
   Теперь щелкните пр.кн. мыши по слою трещины, и выберите пункт Добавить маску слоя, появиться окошко, в нем поставьте переключатель на Выделение, и нажмите ОК. (Обратите внимание рядом со слоем появилось иконка маски. Если ее удалить то текстура восстановится.)


       http://gimp-master.moy.su/Uroki/FotoVSkulpturu91.jpg
    Теперь снимите выделение.
  Шаг 5

  Переходим в меню Цвет -> Тонирование...,  ставим ниже показанные настройки
  Меняем слою режим наложения на Умножение.
     http://gimp-master.moy.su/Uroki/FotoVSkulpturu10.jpg      Заходим в Цвет -> Уровни
   http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu101.jpg

    Шаг 6

    Переходим на слой Копия портрета
  Заходим в Цвет -> Уровни
http://gimp-master.moy.su/Uroki/FotoVSkulpturu11.jpg
    Идем на слой трещины и дублируем его. После чего уменьшаем прозрачность дубля до 12%
   http://gimp-master.moy.su/Uroki/FotoVSkulpturu12.jpg


     Шаг 7

   Сейчас мы скроем слишком подробные детали оставшиеся у нас от фотографии это: рельеф кожи и все остальное (например щетина), в общем все то что, трудно или невозможно выдолбить при ваянии настоящих скульптур.
   Для этого находясь на слое, копия портрета зайдите в фильтр Размывание -> Выборочное гауссово размытие.
    Подставьте там значение; предел 15 радиус 255 
http://gimp-master.moy.su/Uroki/FotoVSkulpturu13.gif


      Шаг 8

   Переходим на слой трещины
   Применяем фильтр Нерезкая маска из раздела Улучшение как на картинке ниже.
   http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu14.jpg
   Затем идем в Правка -> Ослабить нерезкая маска и ставим 66 жмем  ОК.
   Затем на слое "Копия трещины" идем в Фильтры и выбираем верхний пункт Повторить нерезкая маска.
   И опять в Правка -> Ослабить нерезкая маска и ставим 50 жмем  ОК.



   Шаг 9

   Вставляем текстуру потёков
   Правка -> Выделить Все
   Правка -> Копировать
   Вернитесь на наш портрет
   Правка -> Вставить в выделение
   Теперь берем инстр. Перемещение и тащим потеки как на картинке ниже. Чтоб легче было позиционировать уменьшите прозрачность плавающего выделения.
   Нажмите кнопку создать новый слой, плавающее выделение превратиться в слой
   Щелкните по нему и выберите пункт Добавить маску слоя с пунктом выделение.
   Смените режим слоя на Умножение.
   Уберите выделение
   Если посмотреть на получившуюся картину (Нажав Вид - > Показывать границы слоя) то, мы увидим резкую границу от нашей текстуры потеков в районе носа и ушей.
   Избавьтесь от нее с помощью черной кисти Hardness 075 в 450 пикселей. Проведя ею по этому переходу.  (Она будет действовать как ластик)
   Выделите Альфа-канал на слое Копия портрет (Альт + щелчок по слою или из контекстного меню слоя.) 


    http://gimp-master.moy.su/Uroki/FotoVSkulpturu16.gif
    Уменьшим насыщенность этого слоя Цвет -> Тонирование
    http://gimp-master.moy.su/Uroki/FotoVSkulpturu17.jpg


    Теперь сделаем затенение краев нашего бюста

    Для этого опять альт+ клик по слою с копией портрета. Появиться выделение.
    Создайте новый слой, назовите его Тени
    Перетащите его на самый верх
    Возьмите черную кисть  Hardness 050, у меня размер кисти был 453 пикселя
    И обведите ею наш портрет по краю, используя не всю область кисти, а лишь ее край над портретом и большую часть за выделенной областью  чтоб, получилось следующее.
    В общем, затените края.
http://gimp-master.moy.su/Uroki/FotoVSkulpturu19.gif

 

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



    Создадим естественный отблеск у воротника  и других элементов, а то уж больно удачно у нас лег черный цвет камня на него и выглядит неправдоподобно.
    Перейдите на слой Копия портрет.
    Возьмите инструмент Затемнение-Осветление  
    И кистью Hardness 025  и меняя прозрачность и экспозицию от 25 до 50
    Добейтесь примерно следующих изменений.    http://gimp-master.moy.su/Uroki/FotoVSkulpturu20.gif


    Теперь большая трещина на голове

    Перейдите на слой потеки (для этого щелкните по иконке этого слоя, а не по иконке маски) и примените к ней фильтрнерезкая маска 
        http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu21.jpg


    Теперь возьмите кисть Hardness 025  и сотрите не естественно смотрящиеся потеки проходящие через трещину, если они там есть

    -----    
  Создаём сам бюст

  Сначала на всякий случай освободим ресурсы компьютера, закрыв то, что нам уже не нужно. Для этого:
  Создайте слой из видимого, для это нажмите на слой тени пр.кн. мыши и выберите пункт Создать из видимого.
   Появившийся слой "Видимое"  перетяните мышкой прямо на палитру инструментов. (Т.е. прямо туда, где ведерки, волшебные палочки, кисти и прочее, так вы создадите новый документ из слоя.)
  Документ со слоями нам больше не нужен, его можно закрыть, а работать будем с тем то, что скопировали.

  Переименуйте "Вставленный слой" в КаменныйПортрет
  Инструментом Масштаб уменьшите портрет примерно до 65%(незабываем, что у этого инструмента есть переключатель в проценты)
  Переходим в Изображение - > Размер холста... и увеличиваем размер до 4000 и 5000 рх
  http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu22.jpg

 

   Создаем нов. Слой. Переносим его в низ. Назовем его Фон
   Залейте серым цветом    #333333
   Создайте новый прозр. слой на самом верху назовите его Камень.
   Создайте выделение как на картинке ниже с помощью Лассо.
 http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu23.jpg

 

    Откройте  текстуру скалыкак новое изображение
    Выделите его все
    Перейдите на наш портрет,  Правка ->  Вставить в выделение
    Пр.кн мыши на слое камень и выбрать пункт Прикрепить слой
    Снять выделение
    Слой  КаменныйПортрет пр.кн. мыши Добавить маску слоя отметить радиоточку Белый цвет
    И черной кистью  стереть то, что выступает за текстуру камня.
    http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu24.jpg

 

     С помощью Лассо выделите края слоя Камень как показано ниже и в меню Правка нажмите Очистить.
     Может понадобиться стереть выступающие края нижнего слоя , сотрите их. 
     Упс, фотография потерялась. Надо просто создать выделение в виде кривых линии, а потом то что попало в выделение стереть.Через одно изображение этот результат виден как кривые края обломанного камня.
   
     Слой Камень   
     Цвет -> Тонирование...
     http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu25.jpg

 

    Перейдите на слой КаменныйПортрет
    И с помощь Лассо и описанных выше манипуляций обрежьте края скульптуры  

    http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu26.jpg

     Теперь выделите альфа-канал слоя камень (альт+щелчек)
      Создайте новый прозрач. слой - Тень
     Возьмите черную кисть Hardness 025 размером 450 и ее наиболее прозрачной частью окрасьте верхнею часть выделения.

    http://gimp-master.moy.su/Uroki_2/FotoVSkulpturu27.jpg

Добавьте эффектов и фон.

 

http://gimp-master.moy.su/Uroki/funush.jpg

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Секретарь-администратор

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 2.docx

Практическая работа № 2

Тема: Основы работы в Gimp

Цель – сформировать первоначальные навыки работы с графическим редактором Gimp.

Порядок выполнения работы

Задание 1. Создайте на личном внешнем носителе (флешке) папку , куда будете сохранять все выполненные задания. Запустите графический редактор GIMP. Отработайте навыки создания и сохранения изображений:

1)    Создайте новое окно. Для этого воспользуйтесь командой Файл-Создать, в окне которой задается цветовая модель изображения, фон, а также размеры изображения. В появившемся диалоговом окне выбрать параметры шаблона, указанные на рисунке 1:

Рис. 1

2)    Создайте изображения размером: а) 700 на 700 пикселей; б) 5 на 5 дюймов; в) 80 на 80 миллиметров; г) используя шаблон, создайте изображения формата А4, 800 на 600 пикселей; г) создайте изображение размером 700 на 600 пикселей, фон – прозрачный.

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

3)    В первом созданном файле создайте изображение. Для этого выберите инструмент Кисть на панели инструментов. Установите вид кисти «перец», размер 100,00 (см. рис. 2).

Рис.2

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

4)    Для создания цветного изображения обычно используется RGB — модель, а для черно-белых схем – индексное изображение. Создайте черно-белое изображение. Для этого воспользуйтесь командой Файл-Создать. В появившемся окне в пункте Цветовое пространство выберите Градации серого (см. рис. 3).

Рис. 3

Нарисуйте теперь при помощи кисти «перец» изображение. Сохраните это изображение под названием Перцы_серые.

5)    Выберите файл размером 700 на 600 пикселей и прозрачным фоном. Остальные файлы закройте, не сохраняя. С помощью инструмента Кисть напишите свое имя красным цветом. Сохраните изображение под названием Имя.

6)    Gimp позволяет сохранять изображения в разных графических форматах. Сохраните изображение Имя в формате .jpg. Для этого воспользуйтесь командой Файл-Экспортировать как. Выберите тип файла – Изображение JPEG (см. рис. 4). Аналогично сохраните файл в формате .png (см. рис. 5). Откройте полученные файлы и сравните.

Рис. 4

Рис. 5

Задание 2. Отработайте навыки использования инструментов выделения:

1)    Создайте файл размером 800 на 600 пикселей с помощью шаблона с прозрачным фоном.

2)    Выберите инструмент Прямоугольное выделение. Проведите, зажав левую кнопку мыши, по изображению, чтобы выделить прямоугольную область. Если Вы зажмете клавишу shift при выделении, у Вас получится выделенная область в виде квадрата.

3)    Затем выберите инструмент Заливка цветом или шаблоном. Выберите цвет переднего плана, в диалоге инструментов GIMP, и в значении опции Тип заливки поставьте Заливка цветом переднего плана, в диалоге инструмента Заливка цветом или шаблоном.Кликнув левой кнопкой мыши внутри выделенной области, Вы создадите закрашенный квадрат или прямоугольник.

4)    Проделайте эти же действия, используя инструмент Выделение эллиптических областей, для создания эллипса или круга (зажав кнопку shift при выделении). Схема действий представлена на рисунке 6:

Рис. 6

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

5)    Кликните правой кнопкой мыши на изображении, и в появившемся меню выберите Выделение-Уменьшение. Введите количество пикселей, на которое Вы хотите уменьшить выделенную область. Наконец, очистите  уменьшенную выделенную область (Меню изображения-Правка- Очистить или Ctrl+K или клавиша Delete). В результате должно получится так, как показано на рисунке 7:

Рис. 7

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

6)    Сохраните файл под именем Фигуры.

Контрольные вопросы

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

2.     Опишите пункты главного меню рабочего окна программы Gimp.

3.     На какие группы можно разделить все инструменты?

4.     Опишите инструменты выделения окна панели инструментов Gimp.

5.     Как можно сохранить файлы с другим типом?

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 3.docx

Практическая работа № 3

Тема: Эффект цветного лазерного луча в GIMP.

 

Шаг 1

Измените цвет фона на черный и

Создайте новое изображение с цветом фона

 

http://gimp-master.moy.su/LazreLuh1.jpg

 

Шаг 2

Дальше  создаем прозрачный слой

Заходите в фильтры Визуализация -> Сплошной шум

и меняете ползунки на 8 детализация на 1 

Измените прозрачность этого слоя до 21

 

http://gimp-master.moy.su/Lazre2.jpg

 

http://gimp-master.moy.su/Lazre3.jpg

 

Шаг 3

Создайте новый слой (прозрачный)

Выделите полоску во всю ширину и на высоту 11пкс. с помощью Прямоугольной выделялки

Залейте выбранную область светло серым цветом #cccccc

Создайте 2 дубликата этого слоя

 

http://gimp-master.moy.su/Lazre4.jpg

 

Шаг 4 - Гауссово размытие 

 

Снимите выделение (клавиша shift+ctrl+a)  Перейдите на самый нижний слой с полосой и премините к нему фильтр Гауссово размытие со значением 70

Подымитесь на один слой выше и примените к нему Гауссово размытие со значением 30

Подымитесь еще на один слой выше и примените к этому слою Гауссово размытие со значением 10

 

http://gimp-master.moy.su/Lazre5.jpg

 

Шаг 5 -Полосы

Создайте на самом верху новый прозрачный слой.

Берем Ведро 

Переключаем ему режим на текстура

Текстуру выбираем Stripes Fine

Заливаем текстурой верхний слой

 

http://gimp-master.moy.su/Lazre6.jpg

 

Шаг 6 - Градиент

Опять создаем новый слой

Теперь берем Градиент

Выбираем в списке вид градиента Full saturation spectrum CW

И протягиваем его с лева направо от края до края.

Зажмите ctrl чтоб градиент получился строго горизонтальный

Поменяйте режим наложения слоя на перекрытие

 

http://gimp-master.moy.su/Lazre7.jpg

 

Шаг 7

Используйте мой градиент "2Центр Прозр основ края" или создайте его сами (Принцип края черные центр прозрачный) Как делать свой градиент.

Если используете мой, то сперва проверьте что основной цвет стоит черный, поскольку он не имеет назначенного цвета.

В общем, протяните его сверху вниз

 

http://gimp-master.moy.su/Lazre8.jpg



Шаг 8

Примените фильтр Искажение -> Волны для слоя с шумом 

 

http://gimp-master.moy.su/Lazre9.jpg

 

Шаг 9  другой вариант

Перейдите на слой с эффектом шума 

И примените к нему фильтр размытие движением

256 по длине, а угол 90 градусов

Переместите слой с текстурой на один этаж ниже

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Няня

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 4.docx

Практическая работа № 4

 

Цель - создать текстовой эффект «золотая пыль»

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

 

 

http://gimp-master.moy.su/Izofails/TextEffektPesok11.jpg

 

Создайте новый документ 500х300, RGB, прозрачный фон

Нажмите D, чтобы установить цвета по умолчанию черный и белый.

Измените цвета переднего плана на белый.

Текстовым инструментом, введите слово "пыль". Я использовал шрифт Comic Sans MS Bold, 120 PX, смелый.

Растрируйте текстовой слой: Щелкнув по нему правой кнопкой мыши и выбрав пункт удалить текстовую информацию.

Меню Слой -> Автокадрировать слой

Инструментом Выравнивание разместите слой по центру(не спутайте с инструментом Перемещение)

Меню Слой -> Слой к размеру изображения

Возьмите инструмент Наклон и наклоните его примерно как у меня.

 

http://gimp-master.moy.su/Izofails/TextEffektPesok1.jpg

 

Зажмите Alt щелкните по слою с текстом, чтоб выделить его.

А затем нажмите клавишу Del что б удалить его

 

http://gimp-master.moy.su/Izofails/TextEffektPesok2.jpg

 

Зайдите в палитру выделение(если оно не открыто то поищите его в меню Окна -> Стыкуемые диалоги -> Редактор выделения)

Нажмите кнопку "Обвести выделение указанным типом линии" это такое длинное название у кнопки.

Поставьте настройки как ниже на картинке 

После этого снимите выделение Shift+Ctrl+A или через меню Выделения

 

http://gimp-master.moy.su/Izofails/TextEffektPesok3.jpg

 

Создайте копию слоя "Пыль" соответствующей кнопкой он автоматически почему-то назвался у меня "Пыль #1"

Выберите слой "Пыль #1" и перейдите Фильтр -> Размытие -> Гауссово Размытие, наберите по 15 на X и Y, нажмите ОК.

Скройте этот слой, нажав на глаз рядом с ним.

Создайте еще копию слоя "Пыль", скройте эту копию, нажав на глаз.

Перейдите на слой "Пыль", и примените к нему фильтр Рельеф из группы фильтров Карта

 

http://gimp-master.moy.su/Izofails/TextEffektPesok4.jpg

 

Теперь создайте копию слоя "Копия Пыль", скройте ее, нажав на глаз.

Вернитесь на слой "Копия Пыль"

Примените к нему фильтр Ветер из группы фильтров Искажение как ниже

 

http://gimp-master.moy.su/Izofails/TextEffektPesok5.jpg

 

Щёлкните по слою "Копия Копия Пыль" зажав Alt чтоб выделить его

Вернитесь на слой "Копия Пыль" и нажмите кнопку Del

Снимите выделение

 

http://gimp-master.moy.su/Izofails/TextEffektPesok6.jpg

 

Создайте дубликат слоя "Копия Пыль"

Примените к нему фильтр Изгиб по кривой как на картинке ниже(точки на кривой в этом фильтре ставятся мышкой в самом фильтре)

Затем возьмите ластик и сотрите лишние детали

 

http://gimp-master.moy.su/Izofails/TextEffektPesok8.gif

http://gimp-master.moy.su/Izofails/TextEffektPesok9.jpg

 

Создайте дубликат нынешнего слоя

И примените к нему фильтр рассеивание из категории шум со значениями по умолчанию

Теперь щелкните по этому слою правой кнопки мыши и выберите пункт Создать из видимого, Создастся новый слой

Зайдите в цвет -> Тонирование и поставьте следующие значения

 

http://gimp-master.moy.su/Izofails/TextEffektPesok10.jpg

 

 

Сохраните изображение через пункт меню экспорт.

 

http://gimp-master.moy.su/Izofails/TextEffektPesok11.jpg

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Копирайтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 5.docx

Практическая работа № 5

 

Цель - научиться создавать текстовую надпись с эффектом шерсть в Gimp.

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

 

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

Напечатайте ваш логотип любым цветом (контрастный белому) с помощью инструмента текст (в примере высота буквы 300пкс.)

Затем щелкните правой кнопкой  по слою с текстом и выберите пункт удалить текстовую информацию.

Создайте белый слой и положите его под ваш текст; слой -> создать слой поставить галку белый нажать окей и перетащить слой под слой с текстом.

http://gimp-master.moy.su/TextEffectSherst1.jpg

Вернитесь на слой с текстом.

Теперь возьмите инструмент кисть размер кисти 27. И с помощью кисти трава(Grass #4) скачать этот набор кистей. Обрисуйте края ваших букв как показано ниже, любым цветом он не важен главное, чтоб был контрастен с белым. Аккуратность в центре букв тоже роли не играет.

 http://gimp-master.moy.su/TextEffectSherst2.jpg

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

Нажмите по любому слою и выберите пункт Создать из видимого это действо создаст еще один слой.

Теперь перейдите в Цвет -> Обесцветить.

Теперь возьмите инструмент Выделение по цвету щелкните внизу его настроек восстановить по умолчанию. И потом им по белому цвету на новом слое.

http://gimp-master.moy.su/TextEffectSherst3.jpg

Вам понадобиться изображение шерсти, я использовал эту

Заходим в меню Файл -> Открыть как слой и выбираем вашу текстуру в открывшемся диалоге, жмем ок.

Щелкнув по новоиспеченной иконке слоя в слоях выбираем пункт Добавить альфа-канал если этот пункт не активен то значит все в порядке читайте дальше.

После этого просто ткните кнопку Del на клавиатуре  или меню Правка -> Очистить.

Снимаем выделение (Шифт+Контрл+А или через меню выделение).

Удаляем или прячем белый слой. (Если надо)

Готово.

http://gimp-master.moy.su/TextEffectSherst4.jpg

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Бухгалтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 6.docx

Практическая работа № 6

Цель – Создание рисунков в Gimp.

Рисуем с помощью градиента смайлик.

Создайте новое изображение с прозрачным фоном
Используя Эллиптическое выделение и клавишу shift, выделите круг 
Залейте область синим цветом 075cab

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp1.jpg

 

Сократите область выделения на 1 пиксель с помощью Выделение -> Уменьшить
Залейте выделение более светлым синим цветом 3280c8
Создайте новый слой (прозрачный)
Возьмите радиальный градиент (клавиша L) и настройте как на картинке ниже.

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp2.jpg

 

И нарисуйте им следующие, начиная от центра.

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp3.jpg

 

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

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp4.jpg

 

Тело готово. Приступим ко рту
слой (клавиши в Гимп для этого CTRL+SHIFT+A)
С помощью  Эллиптического выделения наметьте рот и залейте его цветом 075cab
Сократите область выделения на 1 пиксель с помощью Выделение -> Уменьшить
Создайте еще один слой, режим наложение Перекрытие.

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp5.jpg



Возьмите градиент настройки ниже (цвет пер. плана черный) и проведите его сверх в низ.

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp6.jpg

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp7.jpg

 

Рисуем правый глаз
снимите выделение
Создайте новый слой (назовём его Глаза)
Выделите форму глаза и залейте его цветом 075cab
Создайте новый слой
Уменьшите область выделения на 1 пиксель (Это создает ободок)
Выставьте цвета так: белый цвет на переднем плане, а фон как 075cab
Выберите инструмент линейный градиент и нарисуйте им с небольшим наклоном по диагонали
Режим смешивания этого слоя тоже Перекрытие

 

http://gimp-master.moy.su/Uroki/RisuemSmileGimp8.jpg

 

Второй глаз
Вернитесь на слой "Глаза"
Щелкните инструмент перемещение, а в его настройках возьмите иконку выделение. (Теперь вы можете перетаскивать границу выделения)

Перетащите выделенную область правого глаза налево и увеличьте его размер на 1 пиксель через Выделение -> Увеличить
Щелкнув по стрелкам, поменяйте фоновый цвет с передним и залейте им глаз
Этими же стрелками опять поменяйте цвета, фона и переднего плана назад
Увеличьте выделение на 1 пиксель.
Перейдите на слой выше и примените градиент.



Создайте новый слой. И круглой кистью и черным цветом подрисуйте зрачки

http://gimp-master.moy.su/Uroki/RisuemSmileGimp9.jpg

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Копирайтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 7.docx

Практическая работа № 7

Цель - работа с выделением.

Выполнить задание и сделать со своей фотографией по образцу.

http://gimp.nas2.net/image/20090309/zhaba/1.jpg

Фото 1. Лягушка

 

http://gimp.nas2.net/image/20090309/zhaba/2.jpg

Фото 2. Блюдо

 

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

http://gimp.nas2.net/image/20090309/zhaba/3.gif

Далее выбираем инструмент Эллиптическое выделение http://gimp.nas2.net/image/res/icon_2_4/ellipse-select.png (E) и выделяем вот такую область:

http://gimp.nas2.net/image/20090309/zhaba/4.jpg

Теперь нужно немного размыть выделение. Это можно сделать через меню Выделение - Растушевать. Укажем значение в 10 пикселей.

http://gimp.nas2.net/image/20090309/zhaba/5.gif

Теперь инвертируйте выделение через меню Выделение - Инвертировать или клавишами Ctrl+I и выберите в списке слоев верхний слой с лягушкой.

http://gimp.nas2.net/image/20090309/zhaba/6.jpg

Удаляем выделенную область клавишей Delete. Должно получиться вот так:

http://gimp.nas2.net/image/20090309/zhaba/7.jpg

Лягушку я фотографировал в пасмурный день, поэтому выглядит она не очень аппетитно. Можно попробовать подобрать более живые цвета в меню Цвет - Цветовой баланс.

http://gimp.nas2.net/image/20090309/zhaba/8.gif

По той же причине резкость фотографии получилась низкая. Можете повысить ее через меню Фильтры - Улучшение - Повышение резкости задав значение около 50-60.

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

http://gimp.nas2.net/image/20090309/zhaba/9.jpg

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Фитнес-тренер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 8.docx

Практическая работа № 8

 

Цель –  научиться работать со слоями. Создание коллажа.

Выполнить задание и сделать со своей фотографией по образцу.

 

Маленькая Подготовка
создайте изображение 640 х400 с любым фоном
Для удобства добавим направляющих как показано на рисунке ниже


направляющие гимп

Шаг 1 Левая Стена

 

КРАТКО

 

создаем новый слой
Заливаем его текстурой Pine и трансформируем

 

ПОДРОБНО

 

создайте новый слой
Откройте палитру Текстуры например через меню окна -> стыкуемые диалоги  -> текстуры или клавишами
Shift+Ctrl+P также если у вас видно такое икоки кисти текстуры, градиента можете просто нажать иконку с текстурой.
Найдите в списке текстур текстуру Pine и перетащите ее на ваше изображение, когда залили переключаемся на инструмент Перспектива в настройках проверти что б было как на картинке.

 

 Настройки перспективы джимп

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

 

 http://gimp-master.moy.su/Uroki/Kollage3.jpg

 Левая стена есть.

 Шаг 2 Правая стена

Для правой стены все то же самое что и на предыдущем этапе. Главное чтоб вы делали это на новом слое.
Должно получиться так

 

 левая и правая стена

 

Шаг 3 Пол

 

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

 

 стены+пол в 3d комнате нашего коллажа

Шаг 4 потолок

 

Здесь действия зеркальные предыдущему только текстура Marble#1 и зазоров естественно не должно остаться.

 

http://gimp-master.moy.su/Uroki/Kollage6.jpg

Шаг 5 фронтальная стена в коллаже

Создайте новый слой
Перетащите на него текстуру leopard
И переместите этот слой в самый низ простым, перетаскиванием иконки слоя.

 

 добовляем тесктуру знаменитого ковра

 Шаг 6 Добавляем в наш коллаж Макса

 

Я честно искал его изображение в полный рост, но так и не нашел.
Будем довольствоваться тем, что есть. 
Дальше рассмотрим два возможных варианта развития нашего коллажа. Первый вы берете готовый клипарт 
здесь готовый клипарт макса. второй, когда вы находите свое изображение и, вырезав его вставляете. Знайте, чтоб открыть новое изображение в Гимпе нет смысла закрывать уже открытое. В Джимпе можно обрабатывать одновременно несколько изображений.

 клипарт Мкса 100500

 

ВАРИАНТ ОДИН

 

Вставьте вырезанное изображение макса как слой через меню файл -> открыть как слой

 

ВАРИАНТ ДВА

 

Если вы найдете более подходящее изображение
Откройте его в новом окне выделите фигуру с помощью инструмента лассо,
Зайдите в правка -> Копировать
Затем вернитесь в наш коллаж
И нажмите в правка -> Вставить как -> Новый слой

 

Шаг 7, по сути, продолжение 6 шага

 

Вставленное вами изображение при любом из вариантов описанных выше будет не удовлетворять ваши требования своими размерами, выход – Масштабирование.
Инструмент масштаб, Щелкаете по вашему клипарту (по максу) и перетягиваете углы сетки, подгоняя масштаб под ваше виденье.

 

 макс

 Шаг 8. Ставим Видеокамеру

 

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

 

http://gimp-master.moy.su/Uroki/Kollage9.jpg

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Экскурсовод (гид)

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Практическая работа 9.docx

Практическая работа № 9

Цель -делаем из фотографии карандашный рисунок.

Выполнить задание и сделать со своей фотографией по образцу.

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

http://img.mota.ru/upload/wallpapers/source/2009/07/16/09/03/9932/rot6d5AgeT.jpg

1

Откройте фотографию в Gimp.

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTAxLnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

2

Итак, откройте исходное изображение в Gimp и продублируйте фоновый слой. После этого удалите цвета в этом слое, используя пункт меню Gimp Цвет / Тон-Насыщенность (Colors / Colorize-Saturation). Установите значение насыщенности в -100.

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTAyLnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

3

Продублируйте полученный обесцвеченный слой еще раз. Теперь у нас имеется 3 слоя.

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTAzLnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

4

Теперь выберите в меню Gimp Фильтры / Размывание / Гауссово размывание (Filters / Blur / Gaussian Blur) и выставьте значение радиуса 4. После этого инвертируйте цвета при помощи пункта меню Цвет / Инвертировать (Colors / Invert). После этого установите значение непрозрачности фона в 50 процентов, чтобы увидеть на сером фоне увидеть контуры изображения.

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTA0LnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

5

Объедините этот слой с нижним слоем - кликните правой кнопкой мыши по названию слоя в диалоге слоев Gimp и в появившемся меню выберите Объединить с предыдущим (Merge down).

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTA1LnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

6

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

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTA2LnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

7

Если Вы хотите сильнее выделить серые линии, можете следовать таким рекомендациям:

Объедините два полученных в итоге черно-белых слоя в один. Продублируйте слой снова и измените режим дубликата на Умножение (Multiply).

Можете повторить этот шаг столько раз, сколько захотите - пока ширина линий не станет приемлемой. Самый простой способ сделать это - нажать комбинацию Ctrl+Shift+D необходимое число раз.

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

http://www.openarts.ru/plugins/content/jumultithumb/img/img.php?src=Li4vLi4vLi4vLi4vaW1hZ2VzL2dpbXAtdHV0b3JpYWxzL3Bob3RvLWVkaXRpbmcvbWFraW5nLWEtcGVuY2lsLWRyYXdpbmctZnJvbS1hLXBob3RvLTA3LnBuZyZxPTEwMCZmbHRyW109d21pfHdhdGVybWFyay9qdXcucG5nfFRSfDI1

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Творческое задание.docx

Творческое индивидуальное задание «Создание компьютерного коллажа в любом векторном редакторе. 
Требования к коллажу: 
1. В коллаже должны быть использованы элементы минимум из 5-ти фотографий 
2. Коллаж должен быть высокого разрешения (не менее 200 ppi), формат А3 
3. На просмотре коллаж должен быть представлен в виде файлов формата .jpg и .psd (в слоях), также необходимо предоставить исходные файлы, которые использовались при создании творческого задания. 
4. У работы должно быть название 
Примечание: не забыть о цветовой коррекции изображений в коллаже, настройках яркости и контрастности, использовании теней.

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Няня

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ ТВОРЧЕСКОЕ ЗАДАНИЕ.docx

Творческое задание по растровой графике.

Задание рассчитано на 8 часов.

Задание:

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

Требования к заданию:

1.     Наличие своего фото.

2.     Необычный стиль текста.

3.     Результат своих работ.

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Интернет-маркетолог

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ элективный курс.docx

Тема: «Компьютерная графика»

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

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

Курс рассчитан на 72 часа.

1 Цели и задачи изучения дисциплины

 

1.1 Цель преподавания курса

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

Задачи изучения курса:

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

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

·       рассмотреть применение основ компьютерной графики в различ­ных графических программах;

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

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

·       интеллектуальных и практических умений в области компьютерной графики;

·       интереса к изучению компьютерной графики;

·       умения самостоятельно приобретать и примерять знания;

·       творческих способностей, умения работать в группе, вести дискуссию, отстаивать свою точку зрения.

·       В процессе обучения учащиеся приобретают следующие конкретные умения:

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

·       описывать результаты анализа;

·       отбирать необходимые цветовые схемы для изображения;

·       определять сочетания цветовой гаммы фона и символов;

·       производить подборку изображений для web-страниц;

·       обсуждать результаты работы, участвовать в дискуссии.

 

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

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

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

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

основные вопросы создания, редактирования и хранения изобра­жений;

особенности работы с изображениями в растровых и векторных программах;

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

 

Тема

Кол-во часов

1.

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

1

 

Раздел I. Растровая графика.

35,5

2.

Лекция

1

3.

Практическая работа:

26,5

1.      Работа с растровыми изображениями.

0,5

2.      Формирование первоначальных навыков работы с графическим редактором Gimp.

1

 

3.      Эффект цветного лазерного луча в GIMP.

1

4.       Создать текстовой эффект «золотая пыль».

2

5.       Создать текстовую надпись с эффектом шерсть в Gimp.

2

6.      Создание рисунков в Gimp.

2

7.       Работа с выделением.

1

8.       Работа со слоями. Создание коллажа.

2

9.       Делаем из фотографии карандашный рисунок.

2

10.   Основы создания анимации в Gimp.

1

11.   Научиться создавать анимацию в Gimp.

2

12.   Реставрация старых фотографий.

2

13.  Удаление морщин с лица без потери текстуры кожи.

2

14.  Подмена лиц.

2

15.  Создание коробки.

2

16.  Преобразование фотографии в каменный бюст.

2

4.

Творческое индивидуальное задание по теме «Растровая графика»

8

 

Раздел II. Векторная графика.

35,5

5.

Лекция

1

6.

Практика:

24,5

1.      Приемы рисования c помощью кривых вInkscape.

2

2.      Преобразование объектов (изменение положения, поворот, скос, растяжение). Масштабирование объектов.

2,5

3.      Отражение, копирование и удаление объектов. Создание и редактирование контуров в CorelDraw.

2

4.      Создание и редактирование контуров в CorelDraw.

2

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

2

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

2

7.      Заливка текстуры в CorelDraw.

2

8.      Добавление, выделение, форматирование текста. Создание колонок, списков,  добавление маркеров.

2

9.      Упорядочивание, группирование, соединение, объединение, исключение, пересечение объектов. Выравнивание объектов

2

10.  Прием создания календаря в Inkscape.

2

 

11.  Disco – шар в программе Inkscape

2

12.  Рисуем почтовую марку

 

2

7.

Творческое индивидуальное задание по теме «Векторная графика»

10

 

Итого

72

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Элективный курс " Компьютерная графика" (9 класс)"

Получите профессию

Методист-разработчик онлайн-курсов

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 626 146 материалов в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 25.05.2016 2343
    • RAR 16.6 мбайт
    • 12 скачиваний
    • Рейтинг: 1 из 5
    • Оцените материал:
  • Настоящий материал опубликован пользователем 0 00 000. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    0 00 000
    0 00 000
    • На сайте: 7 лет и 10 месяцев
    • Подписчики: 0
    • Всего просмотров: 7891
    • Всего материалов: 5

Ваша скидка на курсы

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

Курс профессиональной переподготовки

Технолог-калькулятор общественного питания

Технолог-калькулятор общественного питания

500/1000 ч.

Подать заявку О курсе

Курс профессиональной переподготовки

Педагогическая деятельность по проектированию и реализации образовательного процесса в общеобразовательных организациях (предмет "Информатика")

Учитель информатики

300 ч. — 1200 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе

Курс повышения квалификации

Методика преподавания информатики в начальных классах

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе

Курс профессиональной переподготовки

Управление сервисами информационных технологий

Менеджер по управлению сервисами ИТ

600 ч.

9840 руб. 5900 руб.
Подать заявку О курсе
  • Сейчас обучается 27 человек из 19 регионов

Мини-курс

Социальные и правовые аспекты эпохи Просвещения: влияние на образование сегодня

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Преодоление фобий: шаг за шагом к свободе от социальных источников страха

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Физическая культура и спорт: методика, педагогика, технологи

8 ч.

1180 руб. 590 руб.
Подать заявку О курсе