Графика урок 1: Урок № 1: «3D графика» (7 класс)

Урок по рисунку на тему «Графика. Рисунок» (1 класс)

МАУ ДО «ДШИ»

Задонского муниципального района

Липецкой области

Методическая разработка Григорьевой ТН.

Задонск, 2016г.

Конспект урока по предмету «Рисунок» (1 класс)

Тема: Графика. Рисунок.

Вводная беседа о рисунке. Организация рабочего места. Правильная посадка за мольбертом.

Цели и задачи: знакомство с материалами, принадлежностями, инструментами; приемы работы карандашом, постановка руки; знакомство с понятиями «линия», «штрих», «пятно».

1. Беседа по теме урока.

1. Графика. Рисунок.

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

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

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

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

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

2. Материалы, принадлежности, инструменты.

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

Карандаши по своим свойствам делят­ся на твердые и мягкие. Значок обозна­чения находится на конце деревянной оправы грифеля. Буква М или латин­ская В определяет мягкие номера. Бук­ва Т или латинская Н — твердые номе­ра. В соответствии с возрастанием номера возрастает твердость или мяг­кость грифеля. Название карандаша стоит перед номером, например, оте­чественный «Конструктор» или чешский «KOH-I-NOOR».

Художник-график рисует графитными и цветными карандашами, пером и кистью, тушью и чернилами, углём, пастелью и фломастерами, а также другими художественными материалами.

Графические материалы: графитный карандаш, цветные карандаши, тушь, уголь, фломастеры, пастель (цветные мелки), восковые мелки, гелиевые ручки и др.

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

3. Графические изобразительные средства.

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

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

Линия — наиболее часто применяемое в рисунке изобразитель­ное средство. По характеру линии бывают прямые и кривые; по размеру — длинные и короткие, а также ровные и неровные, тонкие и толстые; по светлоте — темные и светлые; по назначению — кон­турные и вспомогательные; по направлению — горизонтальные, вертикальные и наклонные.

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

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

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

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

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

По­ложенные рядом штрихи воспринимаются тоновым пятном. Плот­ность тона достигается сближением одних штрихов с другими, по­вторным нанесением ряда штрихов на поверхности листа бумаги.

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

— Давайте рассмотрим произведения художников-графиков и ответим на вопросы:

1. С помощью каких выразительных средств дается изображе­ние? ‘

2. Что делает черно-белые картины «живыми» и выразитель­ными?

3. С помощью каких выразительных средств (линия, пятно, си­луэт, свет, тень, ритм) художник создает свое произведение?

II. Практическая деятельность учащихся.

1. Правильная посадка за мольбертом.

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

2. Постановка руки.

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

3.Приемы работы карандашом.

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

4. Выполнение упражнений.

Проведение вертикальных, горизонтальных, наклонных линий.

Построение графика квадратичной функций: алгоритм и примеры 9 класс онлайн-подготовка на Ростелеком Лицей

Тема 5.

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

Рассмотрим частные случаи

y = ax² + n и y = a(x – m)².

В одной системе координат построим графики функцийy=12×2 и y=12×2+5.

Составим таблицу значений функции: y=12×2

x	-3	-2	-1	0	1	2	3
y	4,5	2	0,5	0	0,5	2	4,5

Чтобы получить таблицу значений для функции y=12×2+5 для тех же значений аргумента, необходимо к найденным значениям функции y=12×2 прибавить 5.

x	-3	-2	-1	0	1	2	3
y	9,5	7	5,5	5	5,5	7	9,5

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

График функции y=12×2+5 – парабола, полученная в результате сдвига вверх графика функции y=12×2.

График функции y = ax² + n – парабола, которую можно получить из графика функции y = ax² с помощью параллельного переноса вдоль оси y на n единиц вверх, если n > 0 или на – n единиц вниз, если n

В одной системе координат построим графики функций y=12×2 и y=12x-52. Составим таблицы значений для этих функций.

y=12×2

x	-3	-2	-1	0	1	2	3
y	4,5	2	0,5	0	0,5	2	4,5

y=12x-52

x	2	3	4	5	6	7	8
y	4,5	2	0,5	0	0,5	2	4,5

Значит, если переместить каждую точку графика y=12×2 вправо на 5 единиц, то получим соответствующую точку графика функции y=12x-52.

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

График функции y=12x-52 – парабола, полученная y=12x-52 в результате сдвига вправо графика функции y=12×2.

График функции y = a(x — m)² – парабола, которую можно получить из графика функции y = ax² с помощью параллельного переноса вдоль оси x на на m единиц вправо, если m > 0 или на – m единиц влево, если m

Полученные выводы позволяют понять, что представляет собой график функции y = a(x — m)². Например, график функции y=12x-52+3 можно получить из графика функции y=12×2 с помощью двух параллельных переносов – сдвига вдоль оси x на 5 единиц вправо и вдоль оси y на 3 единицы вверх.

Таким образом, график функции y = a(x — m)² можно получить из параболы y = ax² с помощью двух параллельных переносов: сдвига вдоль x

на m единиц вправо, если m > 0 или на – m единиц влево, если m n единиц вверх, если n > 0 или на – n единиц вниз, если n

Заметим, что данные преобразования можно производить в любом порядке: сначала выполнить параллельный перенос вдоль оси x, а затем вдоль оси y или наоборот.

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

Рассмотрим пример.

Построим график функции y = x² — 4x двумя способами: с помощью преобразований, которые мы сегодня рассмотрели и с помощью таблицы значений функции.

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

y = a(x — m)². Для этого надо выделить полный квадрат. Итак, в нашу функцию y = x² — 4x добавим 4 и вычтем 4. Получим:

y=x2-4x+4-4=x-22-4

График данной функции можно получить из графика функции y = x² с помощью двух параллельных переносов: сдвига вдоль оси x на 2 единицы вправо, и сдвига вдоль оси y на 4 единицы вниз.

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

xв=-b2a=—42∙1=2

yв=22-4∙2=-4

График квадратичной функции симметричен относительно прямой, параллельной оси y, проходящей через вершину параболы. В данном случае прямая x = 2 является осью симметрии.

x	-1	0	1	2	3	4	5
y	5	0	-3	-4	-3	0	5

Урок 1 – Графика Рузвельта

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

Проще простого — Windows 8

Начнем с основ. Мы будем использовать следующие инструменты:

• Rectangle Tool
• Инструмент перемещения
• Инструмент 3D-поворота

Шаг 1

Начните с выбора цвета логотипа. Я использую 00abf0.

Шаг 2

Нажмите M, чтобы вызвать инструмент «Прямоугольник». Обычно просто рисуют произвольную прямоугольную форму, но, поскольку мы делаем более конкретный дизайн, мы будем использовать точность Illustrator в наших интересах. Чтобы создать фигуру с определенными размерами, щелкните один раз на монтажной области, чтобы открыть диалоговое окно. Введите 100 пикселей X 75 пикселей.

Это ваша итоговая форма.

Шаг 3

Перейдите в Объект > Трансформировать > Переместить. Поскольку наш прямоугольник имеет ширину 100 пикселей, мы переместим его на 102 пикселя вправо, что даст нам зазор в 2 пикселя. Щелкните Копировать.

Шаг 4

Теперь у вас есть два прямоугольника. Выберите их обоих и теперь переместите их по вертикали на 77 пикселей. Щелкните Копировать.

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

Шаг 5

Выберите все четыре прямоугольника и перейдите в Объект > Сгруппировать (Command + G). Если вы не группируете объекты, на следующем шаге будет применено преобразование к каждому прямоугольнику отдельно. Так что не пропустите этот шаг!

Шаг 6

Перейдите к Эффект > 3D > Поворот. Введите 30 для оси Y и 0 для остальных. Измените Перспективу на 135. Нажмите OK.

Вот и все! Кусок пирога, верно? Я добавлю жару, когда мы перейдем к следующему разделу.

Let’s Rock—Android

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

• Инструмент «Прямоугольник со скругленными углами»
• Ластик
• Инструмент поворота
• Инструмент для переворачивания
• Следопыт

Шаг 1

Начните с выбора цвета логотипа. Я использую a5c63b.

Этап 2

Существует несколько способов рисования прямоугольника со скругленными углами. Вы можете использовать стандартный инструмент Прямоугольник (М) и добавить к нему закругленные углы. Или вы можете использовать инструмент «Прямоугольник со скругленными углами», как показано ниже.

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

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

Шаг 3

Инструмент «Ластик» творит чудеса. Мало того, что он может стирать в произвольных направлениях и размерах, он может стирать целые части формы. Чтобы стереть большую часть, возьмите инструмент «Ластик» (Shift + E), затем, удерживая нажатой клавишу «Option», щелкните и перетащите область фигуры, которую хотите стереть. Это так просто!

Шаг 4

Инструментом Penn Tool (P) нарисуйте линию и придайте ей Обводку 3 пикселя.

Шаг 5

Инструмент «Выделение» (V) и инструмент «Поворот» (R) могут вращать фигуры. Ниже я использую инструмент «Поворот», чтобы изменить угол моей фигуры.

Шаг 6

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

Шаг 7

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

Объедините все свои фигуры вместе, используя параметр «Объединить» в палитре «Обработка контуров».

Шаг 9

Инструментом «Эллипс» (L) нарисуйте два круга. Сделайте из них идеальные круги, удерживая нажатой клавишу Shift, когда рисуете их. Сгруппируйте оба круга, затем выровняйте их по центру формы головы. Шаг 10

Шаг 11

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

Приходите и получите немного — CNN

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

• Ellipse Tool
• Инструмент «Перо»
• Инструмент прямого выбора

Шаг 1

Выберите цвет. Я использую f21919.

Шаг 2

Инструментом «Эллипс» (L) нарисуйте идеальный круг. Дайте кругу существенную Обводку.

Шаг 3

Инструментом «Прямое выделение» (А) (белая стрелка) удалите правую точку эллипса. Используя Pen Tool (P), щелкните один раз точку, с которой вы хотите начать рисовать, затем щелкните еще раз, чтобы создать место, где вы хотите закончить линию. Чтобы начать рисовать с новой точки, вы должны сначала отменить выбор формы или изменить инструменты, а затем вернуться к инструменту «Перо». В повседневной работе это достигается парой быстрых нажатий клавиш (Escape, затем P, чтобы повторно активировать инструмент «Перо»), но ниже я физически нажимаю на различные инструменты, чтобы лучше проиллюстрировать этот шаг.

Шаг 4

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

Шаг 5

Скруглите стыки и заглушки фигуры и используйте инструмент Direct Selection Tool (A), чтобы выбрать и настроить несколько точек одновременно. Точки можно выравнивать друг относительно друга с помощью палитры выравнивания и/или сдвигать их с помощью клавиш со стрелками!

Шаг 6

Скопируйте (Command +C) и Вставьте на место (Command+F) свою фигуру, затем измените толщину и цвет обводки.

Шаг 7

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

Шаг 8

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

Инструментом «Ластик» (Shift+E) сотрите закругленные края. Обратите внимание, что край буквы C имеет небольшое пространство, которое не изогнуто. Я специально удалил край фигуры, чтобы, когда я использую инструмент «Прямое выделение» для расширения этого края, я не изменял кривую.

Вот и все! Теперь вы должны быть на пути к созданию основных фигур в Adobe Illustrator. Следите за Уроком 2, который расскажет о другом наборе инструментов, форм и увеличении сложности.

WebD2: Введение в веб-графику

WebD2: Введение в веб-графику

Обзор

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

Результаты учащегося

По завершении этого упражнения вы сможете:

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

Виды деятельности

1. См. веб-страницу Цель и Руководство по эффективному использованию веб-графики. Посмотрите на три предмета которые обсуждают назначение графики в веб-дизайне. Почему вы считаете важным, что вообще говоря, хорошей практикой является пусть содержание страницы возглавляет графика на странице, а не другая наоборот? Можете ли вы назвать ситуации, когда это может быть не так?
2. В том же руководстве прочитайте раздел под названием Рекомендации. для эффективного использования веб-графики . Для каждого руководства подумайте, почему вы думаю, что руководство важно для веб-дизайна. Вспомни, что ты узнал о добре принципов проектирования и доступности в Модуль 1. Можете ли вы придумать какие-либо дополнительные рекомендации по эффективному использованию веб-графики, которых нет в списке?
3. Откройте пустую веб-страницу graphics.html, которую вы создали в урок Единицы 2 по основным тегам. Вы будете сейчас заполнить эту страницу несколькими разделами контента, каждый раздел связан к другому уроку в текущем блоке.
4. Убедитесь, что веб-страница имеет