Gráficos vectoriales y rasterizados de la presentación de una conferencia. Presentación sobre informática sobre el tema "Gráficos rasterizados y vectoriales. Editores gráficos". Motivación para las actividades de aprendizaje.

Literatura 1.S.V.Glushakov, G.A.Knabe Infografía // Curso de formación. – M.: AST, – 503 p. 2.V.N.Porev Gráficos por computadora. – San Petersburgo: BHV-Petersburgo, – 432 p. 3. L.A. Zalogova Taller sobre infografía. – M.: Laboratorio de Conocimientos Básicos, – 320 p.

Criterio de comparación Gráficos vectoriales Gráficos rasterizados Método de representación de imágenes Una imagen vectorial se describe mediante una secuencia de comandos gráficos Una imagen rasterizada se construye a partir de muchos objetos discretos Calidad del cambio de imagen (transformación) Conversión de imágenes sin pérdida de calidad La conversión de imágenes está muy limitada debido a la pérdida de calidad y la aparición de distorsiones Visualización de una imagen con el uso de dispositivos técnicos Si el dispositivo de visualización implementa el principio correspondiente, entonces la calidad es de un alto nivel. En un dispositivo con el principio opuesto, la calidad de la visualización se puede garantizar con cualquier precisión predeterminada. Si el dispositivo de visualización implementa el principio correspondiente, entonces la calidad es de alto nivel. Cuando se intenta visualizar en un dispositivo con el principio opuesto, la calidad de la visualización es baja o nada práctica. Reflejo de objetos del mundo real. La visualización se caracteriza por cierta artificialidad. La visualización es extremadamente realista.

Fundamentos de la teoría de la transmisión de imágenes mediante el color, características de la percepción del color por parte del ojo humano; la esencia de la reproducción del color en los principales modelos: RGB, CMYK, HSB, L*a*b; principales parámetros de los modelos; colores aditivos y sustractivos; áreas de aplicación de modelos de color; Características de la formación de imágenes (transmisión de color) por medios técnicos: monitor de computadora y dispositivos de impresión.

Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto

Formato, en cm Resolución, en ppp o ppi Tamaño, en puntos o píxeles Modo de imagen Volumen de datos gráficos Nota 5 x x 170 Monocromo (mapa de bits), (1 bit por color) 3 KB Para visualización en un monitor Escala de grises (blanco y negro) , (8 bits por escala de grises) 24 KB RGB, (8 bits por color) 71 KB CMYK, (8 bits por color) 95 KB X 628 Monocromo (mapa de bits), (1 bit por color) 41 KB Para impresión preliminar Medios tonos (negro y blanco), (8 bits por tono de gris) 322 KB RGB, (8 bits por color) 966 KB CMYK, (8 bits por color) 1,26 MB X 1417 Monocromo (mapa de bits), (1 bit por color) 205 KB Para impresión de alta calidad Medios tonos (blanco y negro), (8 bits por tono de gris) 1,6 MB RGB, (8 bits por color) 4,8 MB CMYK, (8 bits por color) 6,4 MB X 2835 Monocromo (mapa de bits), (1 bits por color) 820 KB Para impresión (fotográfica) de alta calidad Medios tonos (blanco y negro), (8 bits por tono de gris) 6,41 MB RGB, (8 bits por color) 19,2 MB CMYK, (8 bits por color) 25,6 MB

9 x X 369 Monocromo (mapa de bits), (1 bit por color) 12 KB Para visualización en un monitor Medios tonos (blanco y negro), (8 bits por tono de gris) 92 KB RGB, (8 bits por color) 276 KB CMYK , (8 bits por color) 368 KB X 1364 Monocromo (mapa de bits), (1 bit por color) 158 KB Para impresión preliminar Medios tonos (blanco y negro), (8 bits por tono de gris) 1,23 MB RGB, (8 bits por color) 3,69 MB CMYK, (8 bits por color) 4,91 MB X 3076 Monocromo (mapa de bits), (1 bit por color) 800 KB Para impresión de alta calidad Medios tonos (blanco y negro), (8 bits por tono de gris) 6 ,24 MB RGB, (8 bits por color) 18,8 MB CMYK, (8 bits por color) 25 MB X 6151 Monocromo (mapa de bits), (1 bit por color) 3,13 MB Para impresión (fotográfica) de alta calidad Medios tonos (negro y blanco), (8 bits por escala de grises) 25 MB RGB, (8 bits por color) 74,9 MB

Gráficos de computadora

Una rama de la informática, cuyo tema es el trabajo en una computadora con imágenes gráficas (dibujos, dibujos, fotografías, etc.)

Computadora

Imágenes

Ráster

Vector

Imágenes rasterizadas

Las imágenes rasterizadas se forman a partir de puntos de diferentes colores (píxeles) que forman filas y columnas.

La calidad de la imagen rasterizada depende de:

1. Desde la distancia

entre vecinos

píxeles

2. De cantidad

en la imagen

16x16=256 píxeles

Se requiere 1 bit para almacenar cada píxel

Tamaño de la figura = 256 bits

256 bits = 32 bytes

Ventajas de las imágenes rasterizadas

• Los gráficos rasterizados representan de manera efectiva y realista objetos gráficos y le permiten crear (reproducir) casi cualquier dibujo, independientemente de su complejidad;

• Prevalencia: los gráficos rasterizados ahora se utilizan en casi todas partes: desde pequeños íconos hasta carteles;

• Alta velocidad de procesamiento de imágenes complejas;

• La mayoría de los dispositivos externos para ingresar fotografías, diapositivas y dibujos funcionan con gráficos rasterizados (estos incluyen escáneres, cámaras de video, cámaras digitales, tabletas gráficas)

Desventajas de las imágenes rasterizadas

• Archivos de gran tamaño con imágenes simples;

• Imposibilidad de escalamiento perfecto;

editor de gráficos

un programa para crear, editar y visualizar imágenes gráficas.

Gráficos vectoriales

Los gráficos vectoriales se utilizan para almacenar objetos gráficos de alta precisión (dibujos, dibujos y diagramas) que requieren contornos claros y nítidos.

Gráficos vectoriales

Una imagen vectorial se crea a partir de primitivas gráficas (puntos, líneas, círculos, polígonos, etc.) y se describe mediante fórmulas matemáticas.

En este caso, la posición de la flecha se describe mediante las coordenadas del principio y el final de sus líneas constituyentes y ecuaciones matemáticas.

Ventajas de los gráficos vectoriales

• Los dibujos vectoriales se pueden ampliar o reducir sin pérdida de calidad.
• Pequeño volumen de información de archivos en comparación con el volumen de archivos que contienen imágenes rasterizadas.

Desventajas de los gráficos vectoriales

• Los gráficos vectoriales no producen imágenes de calidad fotográfica y no todos los objetos pueden representarse fácilmente en forma vectorial.
• Convertir gráficos vectoriales a rasterizados es bastante sencillo. Pero, por regla general, no hay vuelta atrás.
• Los gráficos vectoriales se describen en miles de comandos y, cuando se imprimen, se ven diferentes que en el monitor.

BMP – un formato universal, es decir, un formato que todos los editores de gráficos rasterizados “comprenden”.

PNG – una versión mejorada del formato GIF.

Formatos de archivos de gráficos rasterizados

JPEG– el formato rasterizado más común, casi idéntico al formato GIF. Sus principales diferencias son que utiliza un algoritmo de compresión diferente (con pérdida de calidad de la información) y no está pensado para almacenar dibujos animados.

PELEA– también un formato rasterizado. Se utiliza en los casos en los que es necesario reducir el tamaño de un archivo gráfico sin perder su calidad. Por tanto, este formato ha encontrado una amplia aplicación en las actividades de impresión y publicación.

Formatos de archivos de gráficos vectoriales

WMF – este formato se utiliza para almacenar una colección de gráficos de la Galería de imágenes de Microsoft.

ODG – formato propietario del programa OpenOffice. orgDraw.

CDR – formato propietario del programa CorelDraw.

SVG– Formato propio de Inkscape.

Pregunta 1

Los gráficos representados en la memoria de la computadora como una colección de puntos se denominan:

1) tridimensional

2) Fractales

3) trama

4) Vectores

Pregunta 2

Los gráficos representados en la memoria de la computadora en forma de descripción matemática de objetos se denominan:

1) vectores

2) tridimensional

3) Fractales

4) trama

Pregunta 3

Los objetos gráficos más simples (óvalos, rectángulos, etc.) creados por herramientas de edición gráfica se denominan:

1) objetos geométricos

2) píxeles

3) Primitivos

4) Herramientas

Pregunta 4

Seleccione extensiones de archivos gráficos de la lista proporcionada.

Pregunta 5

El formato que entienden todos los editores de gráficos rasterizados es...

Pregunta 6

¿Qué formato de archivo de gráficos requerirá más memoria?

Tarea

• § 1.2
• Escribiendo en un cuaderno

Fuentes de información

• Dakota del Norte Ugrinovich. Informática y TIC. 9no grado, M., BINOM, 2010
• M.G. Gilyarov. Ciencias de la Computación. Noveno grado. Planes de lecciones basados ​​​​en el libro de texto de Ugrinovich N.D. Volgogrado, ITD Corypheus, 2009
• Dibujos de estudiantes
• http://images.yandex.ru/

Zagorodnikova Svetlana Nikolaevna,

profesor de TI

MBOU "Escuela secundaria n.º 12 con estudio en profundidad de materias individuales" en la ciudad de Biysk

GRÁFICOS RASTERIZADOS Una imagen rasterizada se compone de puntos de diferentes colores (píxeles) que forman filas y columnas. Cada píxel tiene un específico

La calidad de una imagen rasterizada depende de: n n tamaño de la imagen (número de píxeles horizontal y verticalmente); el número de colores que los píxeles pueden aceptar.

Los archivos que almacenan imágenes rasterizadas tienen un gran volumen de información. Especialmente imágenes gráficas rasterizadas de fotografías e ilustraciones multicolores obtenidas mediante un escáner.

Las imágenes rasterizadas son muy sensibles a la escala (ampliación o reducción). n n Cuando se reduce, varios puntos vecinos se convierten en uno, por lo que se pierde la legibilidad de los pequeños detalles de la imagen. A medida que haces zoom, el tamaño de cada punto aumenta y aparece un efecto de paso, que se puede ver a simple vista.

Gráficos vectoriales. n n el medio óptimo para almacenar objetos gráficos de alta precisión (dibujos, diagramas, etc.), para los cuales es importante mantener contornos claros y claros. las imágenes se forman a partir de objetos (punto, línea, círculo, rectángulo, etc.)

Los objetos de gráficos vectoriales se describen mediante fórmulas matemáticas. un punto se especifica por sus coordenadas (x, y); n línea – coordenadas del inicio (x 1, y 1) y del final (x 2, y 2); n círculo – coordenadas del centro (x, y) y radio R; n rectángulo: el tamaño de los lados y las coordenadas de la esquina superior izquierda (x 1, y 1) y la esquina inferior derecha (x 2, y 2), etc. n PARA CADA PRIMITIVA SE ESTABLECE UN COLOR. norte

Ventajas de los gráficos vectoriales n n Los archivos que almacenan imágenes de gráficos vectoriales tienen un volumen relativamente pequeño. Los gráficos vectoriales se pueden ampliar o reducir sin pérdida de calidad.

Los editores de gráficos rasterizados n n son el mejor medio para procesar fotografías y dibujos, ya que proporcionan una alta precisión en la transmisión de gradaciones de colores y medios tonos. Pintura, Imágenes, Adobe Photoshop, Corel Photo-Paint

Ventana del editor gráfico de Paint La ventana tiene una apariencia estándar del sistema Windows, con la adición de una paleta de colores que le permite seleccionar no solo el color de la imagen, sino también el color de fondo. La mayor parte de la ventana está ocupada por un espacio vacío: el área de dibujo. A la izquierda hay un grupo de iconos: la barra de herramientas. En la parte inferior de la ventana hay una paleta de colores.

Imágenes: Image Viewer está diseñado para funcionar con gráficos exportados por cámaras digitales y escáneres para ver documentos de fax.

Usando los botones de la barra de herramientas, puede obtener pequeñas miniaturas, ampliar, reducir, rotar el dibujo, mostrar el dibujo en escala de grises, agregar texto y otros elementos gráficos al dibujo.

Adobe Photoshop es una herramienta para la edición profesional de gráficos rasterizados y fotografías, que permite realizar casi cualquier modificación de imagen necesaria.

Corel Photo-Paint, a diferencia de Corel Draw, trabaja exclusivamente con imágenes rasterizadas e incluye una gran cantidad de herramientas y efectos para manipular imágenes rasterizadas para el trabajo profesional y la creatividad.

Iniciar el programa Paint n n Haga clic en el botón Inicio En el menú principal, seleccione el comando Programas. En el submenú que aparece, seleccione el comando Estándar. En el siguiente submenú, seleccione el comando Pintura del editor gráfico.

Paleta Con el Selector de color, puedes seleccionar dos colores: este es el color con el que dibujamos y otro adicional, el color de fondo. Cuando se inicia el programa, el color de imagen predeterminado se establece en negro y el color de fondo en blanco.

Etapa de creación de un dibujo 1. 2. 3. 4. 5. Seleccione una herramienta. Establezca el ancho de línea, la forma del pincel o el tipo de rectángulo. Seleccione el color de la imagen. Seleccione el color de fondo. Empieza a dibujar.

Selección Esta herramienta se llama Selección y se utiliza para seleccionar un fragmento rectangular de una imagen. Consulte la diapositiva anterior para saber cómo seleccionar un área personalizada. Devolver

Eraser / Color eraser está diseñado para borrar partes individuales de un dibujo. Seleccionar el color del borrador haciendo clic derecho en el selector de color

Selector de color La herramienta Selector de color cambia el color de la imagen o el color de fondo al color de cualquier punto de la imagen.

Magnifier Zoom le permite ampliar fragmentos individuales de la imagen. Puedes seleccionar con el botón izquierdo del ratón cuantas veces quieres ampliar la imagen

El título coloca texto en el dibujo. Una vez seleccionada la herramienta, debe dibujar un marco donde se ubicará el texto, ingresar el texto y hacer clic fuera del marco. Cuando trabaja con texto, puede editarlo y darle formato usando el panel Atributos de texto (Ver: Panel de Atributos de texto)

La línea se utiliza para dibujar líneas rectas. Puede seleccionar el grosor de la línea. Si mantiene presionada la tecla Mayús mientras dibuja una línea, obtendrá una línea estrictamente horizontal, estrictamente vertical o una línea en un ángulo de 450.

Rectángulo se utiliza para dibujar rectángulos y cuadrados. Para obtener un cuadrado, debes mantener presionada la tecla Shift. Tipos de rectángulos: 1. solo borde 2. rectángulo relleno con borde 3. rectángulo relleno sin borde

Elipse se utiliza para representar elipses y círculos. Se creará un círculo si dibuja mientras mantiene presionada la tecla Mayús. Los tipos de elipses y círculos son los mismos que los de un rectángulo.

Rectángulo redondeado le permite dibujar rectángulos y cuadrados con bordes redondeados. Las vistas son las mismas que las de otras figuras.

Esto se puede hacer en un área especial, que se encuentra directamente debajo de la caja de herramientas. Puedes dibujar líneas de uno a cinco puntos de grosor y utilizar varios tipos de pinceles y rectángulos.

Para seleccionar el color con el que desea dibujar, coloque el puntero del mouse en el cuadrado con el color deseado en la paleta y haga clic con el botón izquierdo del mouse.

Para seleccionar un color de fondo, coloque el puntero del mouse sobre el color deseado en la paleta y haga clic derecho. Este paso es necesario si está trabajando con una herramienta que crea objetos usando un fondo (rectángulo, polígono, elipse, rectángulo redondeado).

Para utilizar cualquier herramienta de dibujo, debes realizar los siguientes pasos: 1. Coloca el puntero del mouse sobre la herramienta con la que deseas dibujar en ese momento y haz clic en ella. 2. Coloque el puntero del mouse sobre el cuadrado con el color en la paleta y. click izquierdo. 3. Mueva el puntero en el área de dibujo al lugar donde desea comenzar a dibujar. 4. Presione el botón del mouse y, sin soltarlo, arrastre el puntero en la dirección deseada. 5. Suelte el botón del mouse en el punto donde termine de dibujar.

Construcciones usando la tecla SHIFT. Dibuja un cubo. 1. 1. Seleccione la herramienta Rectángulo. En la barra de Opciones, seleccione los bordes de la forma. 2. Dibuja un cuadrado, manteniendo presionada la tecla MAYÚS mientras dibujas. 3. 3. Seleccione la herramienta Línea. En el panel de configuración, seleccione el tipo de línea más delgada. 4. Desde los tres vértices del cuadrado, dibuja líneas inclinadas mientras mantienes presionada la tecla MAYÚS. 5. 4. Dibuja líneas horizontales y verticales para la pared trasera del cubo. 6. 5. Con una goma de borrar, retire con cuidado las partes que sobresalgan de las líneas. 7. Usando la herramienta Rellenar, rellena los lados del cubo con diferentes colores.

Realizar diversas operaciones con dibujos. seleccionar un fragmento de una imagen copiar un fragmento de una imagen reflejar un fragmento de una imagen Siguiente rotar la imagen

Para seleccionar un fragmento de una imagen, debe 1. Seleccionar una de las herramientas de selección. 2. Crear un marco cerca del fragmento deseado de la imagen arrastrando el mouse y manteniendo presionado el botón izquierdo.

Para rotar un fragmento en un ángulo de 900, 1800, 2700, necesita: 1. Seleccione un fragmento de la imagen. 2. En el menú Imagen, seleccione el comando Voltear/Rotar. Cuando selecciona este comando, aparece un cuadro de diálogo. 3. Haga clic en los cuadros Girar por ángulo y especifique un ángulo de 900.

Para obtener una copia de un fragmento de una imagen, debe: 1. Seleccionar un fragmento de la imagen. 2. Cópialo. Pégalo. Editar - Copiar Editar - Pegar Volver

Para voltear una copia de una imagen necesita: 1. En el menú Imagen, seleccione el comando Voltear/Rotar. 2. Seleccione la acción Voltear de izquierda a derecha o Voltear de arriba a abajo.

De vuelta atras

¡Atención! Las vistas previas de diapositivas tienen únicamente fines informativos y es posible que no representen todas las características de la presentación. Si está interesado en este trabajo, descargue la versión completa.

Duración: 1 lección, 45 minutos.

Grado: 8vo grado.

Tecnologías:

• computadoras con sistema operativo MS Windows;
• editor gráfico Pintura;
• proyector;
• pantalla (pizarra interactiva);

Resumen de la lección.

Objetivos de la lección:

1. Educativo: para formar conceptos sobre gráficos rasterizados y vectoriales, editor de gráficos rasterizados; Desarrollar la capacidad de crear y editar gráficos rasterizados.
2. De desarrollo
– continuar el desarrollo de los procesos cognitivos, mentales y emocionales-volitivos: atención, memoria, imaginación.
3. Educativo
– atención, precisión, interés en el tema.

Tipo de lección: lección sobre la formación de nuevos conocimientos y habilidades.

Métodos de enseñanza según la naturaleza de la actividad cognitiva:

1. Explicativo e ilustrativo.
2. Reproductivo.

Equipo de lección:

1. computadoras con sistema operativo MS Windows;
2. editor gráfico Pintura;
3. proyector;
4. pantalla (pizarra interactiva);
5. presentación “Gráficos por computadora”;
6. libro de texto – Ciencias de la Computación y TIC. Libro de texto para los grados 8-9. Makarova.
7. tarjetas con pruebas (o un programa de pruebas con verificación automática de las respuestas de los estudiantes, por ejemplo);
8. un programa para demostrar las actividades de los profesores en las pantallas de los estudiantes (por ejemplo, NetOp School).

Conceptos básicos:

• trama;
• gráficos rasterizados;
• píxel;
• Paleta de color;
• Gráficos vectoriales;
• primitivas gráficas;
• editor de gráficos.

Plan de estudios:

1. Organizar el tiempo.
2. Actualizar los conocimientos previos y la experiencia práctica de los estudiantes.
3. Motivación para las actividades de aprendizaje.
4. Aprender material nuevo.
5. Consolidación de nuevo material.
6. Control primario de los resultados de las actividades educativas.
7. Asignación de tareas.
8. Resumiendo la lección. Reflexión.

durante las clases

1. Momento organizativo.

Saludo a los estudiantes. (Diapositiva 1)

2. Actualización de los conocimientos básicos y la experiencia práctica de los estudiantes.

(Diapositiva 2) Desde la antigüedad, la gente ha buscado transmitir su percepción del mundo en forma de dibujo, pintura. Chicos, presten atención al tablero (en el tablero aparecen imágenes de arte rupestre y pinturas de artistas). (Diapositiva 3) La primera habilidad que adquiere una persona en su vida es la capacidad de dibujar. Desde la primera infancia, la gente dibuja en papel, en el asfalto del patio, en la pizarra de la escuela, en el lienzo.

(Diapositiva 4) Los ordenadores forman parte de nuestras vidas desde hace bastante tiempo. Cambiaron el mundo y las capacidades humanas, y últimamente quienes quieren dibujar se sienten cada vez más atraídos por la computadora. Las imágenes creadas en una computadora se muestran de forma dinámica o estática. (Diapositiva 5) La ventaja de los gráficos por computadora es la capacidad de ver cómo se forma la imagen en todas las etapas y realizar ajustes ilimitados. (Diapositiva 6)

3. Motivación para las actividades de aprendizaje.

(Diapositiva 7) Un verdadero diseñador es impensable sin una formación artística; debe dominar perfectamente las técnicas de dibujo (lápiz, carboncillo), gráfica (acuarela, gouache, lápiz, tinta, etc.), pintura (gouache, acuarela, témpera, acrílico, aceite). ¿Es posible en el mundo moderno, utilizando una computadora, conocimientos y habilidades para trabajar con una computadora, convertirse en artista o diseñador sin tener ningún talento especial? ( Respuestas de los estudiantes.)

Una computadora en manos de una persona común y corriente puede convertirse en un obediente instrumento para encarnar su idea artística, aquella que no puede traducir al papel.

(Diapositiva 8)

Qué maravillosas oportunidades nos brinda una computadora moderna, pero ¿qué pasó antes?

(Diapositiva 9)

Los primeros ordenadores trabajaban con datos numéricos y simbólicos y no tenían medios separados para trabajar con gráficos, pero ya se utilizaban para obtener y procesar imágenes.

(Diapositiva 10)

Programando la memoria de las primeras máquinas electrónicas, construidas a base de lámparas, fue posible obtener patrones. La aparición de la tecnología informática planteó el problema de la transmisión de imágenes.

(Diapositiva 11)(Diapositiva 12) Hoy en la lección nos familiarizaremos con dos tipos de imágenes gráficas: rasterizadas y vectoriales. También en esta lección aprenderemos cómo crear y editar una imagen gráfica rasterizada. Entonces, muchachos, abran sus cuadernos, anoten la fecha y el tema de la lección: “Gráficos rasterizados y vectoriales. Editor de gráficos rasterizados”. (Los estudiantes escriben el tema de la lección en sus cuadernos).

4. Estudiar material nuevo.

(Diapositiva 13) Las imágenes gráficas rasterizadas se forman durante el proceso de escaneo de dibujos y fotografías existentes en papel o película, así como cuando se utilizan cámaras fotográficas y de video digitales. Puede crear una imagen gráfica rasterizada directamente en su computadora usando un editor de gráficos.

(Diapositiva 14) Se crea una imagen rasterizada utilizando puntos de diferentes colores. (píxeles), que forman filas y columnas. La colección de formas de líneas punteadas. cuadrícula gráfica o trama

Cada píxel puede adoptar cualquier color desde paletas, contienen decenas de miles o incluso decenas de millones de colores, por lo que las imágenes rasterizadas proporcionan una alta precisión en la transmisión de colores y medios tonos.

(Diapositiva 15)

Chicos, ¿qué piensan? Si aumentan la cantidad de píxeles de la imagen, ¿qué se puede decir sobre la claridad de la imagen? (Si aumenta el número de puntos de la imagen, la claridad de la imagen aumentará y la imagen se volverá más clara).

Chicos, ¿qué piensan? Si aumentan el tamaño de los píxeles de la imagen, ¿qué se puede decir sobre la claridad de la imagen? (Si aumenta el tamaño de los píxeles de la imagen, la imagen se volverá menos clara).

(Diapositiva 16) Las imágenes rasterizadas son muy sensibles a la ampliación o reducción (escalado). Cuando se reduce una imagen rasterizada, varios puntos adyacentes se convierten en uno, por lo que se pierde la claridad de los detalles finos de la imagen. A medida que aumenta, el tamaño de cada punto aumenta y aparece un efecto de escalón, que se puede observar a simple vista.

(Diapositiva número 17) A diferencia de las imágenes rasterizadas, las imágenes de gráficos vectoriales se utilizan para almacenar objetos gráficos de alta precisión (dibujos, diagramas), para los cuales es importante mantener contornos claros y brillantes. .

(Diapositiva 18) (Diapositiva 19) (Diapositiva 20)

Las imágenes vectoriales se forman a partir de elementos: punto, línea, círculo, rectángulo, etc. Para cada elemento, se especifican coordenadas y color.

¿Qué dos coordenadas definen un punto en un plano? (Punto especificado por sus coordenadas (X, Y).)

Chicos, si se representa un círculo en un plano, ¿qué coordenadas determinan el centro de este círculo? (Círculo especificado por las coordenadas del centro (X, Y) y el radio R.)

La línea está especificada por las coordenadas del inicio (X 1, Y 1) ¿Y qué coordenadas son el final de esta línea? (Coordenadas finales (X 2, Y 2).)

El rectángulo está definido por las coordenadas de los vértices ubicados a lo largo de la diagonal: (X 1, Y 1) y (X 2, Y 2).

Los elementos de la imagen vectorial se llaman primitivas graficas.

(Diapositiva 21) La ventaja de los gráficos vectoriales es que se pueden ampliar o reducir sin pérdida de calidad. Esto es posible porque la imagen se amplía y reduce según la fórmula.

(Diapositiva 22) Chicos, ¿qué tipo de imagen gráfica (rasterizada o vectorial) utilizarán?

1) ¿Diseñar un logo para nuestra escuela, dado que tendrá que imprimirse en pequeñas tarjetas de presentación y carteles grandes? (En este caso, es recomendable utilizar un tipo de imagen vectorial).

2) Para edición de fotografías digitales. (En este caso, es recomendable utilizar un tipo de imagen rasterizada).

Hoy en día, los desarrolladores de software crean programas que ayudan a los usuarios a trabajar con imágenes gráficas.

(Diapositiva 23) Para procesar imágenes en una computadora, se utilizan programas especiales: editores gráficos. Los editores gráficos se pueden utilizar para ver y editar imágenes ya preparadas, así como para crear dibujos y dibujos utilizando un mouse o una tableta gráfica.

Entonces, anotemos la definición: editor de gráficos - es un programa para crear, editar y visualizar imágenes gráficas.

Nuestra tarea en esta lección es crear una imagen gráfica rasterizada.

(Diapositiva 24) Los editores de gráficos rasterizados son el mejor medio para procesar fotografías digitales e imágenes escaneadas, ya que permiten mejorar su calidad cambiando paleta de color imágenes e incluso los colores de cada píxel. Puede aumentar el brillo y el contraste de fotografías antiguas y de baja calidad, eliminar defectos menores de la imagen (como rayones), convertir una imagen en blanco y negro a color, etc.

(Diapositiva 25) Además, los editores de gráficos rasterizados se pueden utilizar para la creatividad artística mediante el uso de varios efectos de transformación de imágenes. Una fotografía común y corriente se puede convertir en un panel de mosaico, un dibujo a lápiz o carboncillo, una imagen en relieve, etc.

(Diapositiva 26) Entre los editores de gráficos rasterizados se encuentran los más simples, por ejemplo: Pintar - aplicación de sistema operativo estándar ventanas, pintura.net– reemplazo de pintura GR estándar, Imagen de StarOffice– componente de una aplicación de oficina integrada Oficina estelar, así como potentes sistemas gráficos profesionales, como Adobe Photoshop.

Hoy en la lección trabajaremos con el editor de gráficos rasterizados Paint.

Para iniciar GR Paint, debe realizar la siguiente secuencia de acciones:
INICIO – Programas – Accesorios – Pintura . También puede iniciar el editor de gráficos Paint haciendo doble clic en el acceso directo del editor de gráficos.

(Diapositiva 27)

Examinemos en detalle la estructura de la ventana del programa Paint.

Estructura de la ventana del editor de pintura

Arroz. 1

5. Consolidación de material nuevo.

Chicos, les sugiero que tomen asiento frente a las computadoras para realizar trabajos prácticos. Abra el libro de texto en la página 120, encuentre el trabajo práctico No. 8.

Leamos el título y propósito del trabajo (se lo sugiero a uno de los alumnos).

(Edición de imágenes en el editor rasterizado de Paint. Objetivo del trabajo: aprender a crear y editar imágenes gráficas rasterizadas).

En el trabajo práctico necesitamos completar las siguientes tareas:

Cree una copia de la pantalla del escritorio del sistema operativo Windows y edite la imagen gráfica rasterizada resultante:

• coloque un círculo dibujado en azul y relleno de azul pálido en el centro de la imagen;
• dibuja una bandera rusa dentro del círculo;
• coloque la inscripción "Escritorio" en el dibujo.

Chicos, trabajaremos de la siguiente manera: les mostraré cómo realizar cada acción, y ustedes mirarán atentamente la pantalla de su monitor y repetirán después de mí. Entonces, completemos la primera tarea del trabajo práctico, es decir. Obtendremos una imagen del Escritorio y la cargaremos en el editor gráfico (usando el programa NetOp School muestro la finalización de la primera tarea e invito a los estudiantes a repetir).

1. Coloque una copia de la pantalla en el portapapeles en el momento en que se carga el Escritorio, para ello presione la tecla (Imprimir pantalla).
2. Inicie el editor Paint con el comando [ Inicio-Programas-Accesorios-Pintura].
3. Cargue imágenes desde el portapapeles al editor Paint con el comando [ Editar-Pegar].

Aparecerá una imagen de escritorio que contiene iconos en la ventana del editor.

Chicos, sigan estos pasos.

Arroz. 2

Completemos la siguiente tarea: dibuje un círculo.

4. Con Paletas Establezca el color de primer plano en azul y el color de fondo en azul claro. Para hacer esto, haga clic izquierdo en el color azul en la paleta; seleccione el color principal y, para seleccionar el color de fondo, haga clic derecho en el color azul pálido en la paleta. Seleccione una herramienta de la barra de herramientas Elipse , en el panel adicional que aparece – sombreado. Dibuja un círculo mientras mantienes presionada la tecla. (Cambio). Repita en sus computadoras.

Arroz. 3

Completemos la siguiente tarea: dibuje una bandera rusa.

5. Dibuja constantemente usando la herramienta. Rectángulo tres rectángulos rellenos de igual tamaño (blanco, azul y rojo), cuyo color principal y color de fondo son el mismo. Repita en sus computadoras.

Arroz. 4

Creemos la inscripción "Escritorio" en la parte superior de la imagen.

6. Seleccione una herramienta Inscripción , use el mouse para crear un área de texto e ingrese texto.

El formateo del texto se puede realizar llamando al panel de atributos de texto usando el comando [ Panel de atributos de vista de texto] o menú contextual. El resultado de la edición será esta imagen. Repita en sus computadoras.

Arroz. 5

6. Control primario de los resultados de las actividades educativas.

Le sugiero que complete una tarea de prueba sobre el tema de hoy utilizando el shell de prueba de Cognición. (Después de que los estudiantes completan la prueba, muestro los resultados de las tareas de prueba completadas por los estudiantes y realizo un análisis inicial de los resultados de la prueba).

Prueba.

Gráficos de computadora.

1. Una imagen gráfica rasterizada se forma a partir de...

2. Una imagen gráfica vectorial se forma a partir de...

a) puntos de diferentes colores: píxeles;
b) elementos: punto, línea, círculo, rectángulo, etc. (primitivas gráficas).

3. ¿Qué tipo de gráficos utilizarás para desarrollar un diagrama, dibujo o logotipo de la escuela?

a) gráficos rasterizados;
b) Gráficos vectoriales.

4. ¿Qué tipo de gráficos utilizarás para editar tu fotografía digital?

a) gráficos rasterizados;
b) Gráficos vectoriales.

5. El programa para crear, editar y visualizar imágenes gráficas se llama...

a) editor de texto;
b) editor gráfico;
c) Editor de tablas.

(Diapositiva 28) Complete la tabla respondiendo las siguientes preguntas:

1. ¿Dónde se utilizan los gráficos rasterizados y vectoriales?
2. ¿Cómo se forman las imágenes rasterizadas y vectoriales?
3. ¿Qué cambios suceden con las imágenes cuando se escalan?

gráficos rasterizados	Gráficos vectoriales

8. Resumiendo la lección. Reflexión.

1. ¿Qué novedades has aprendido?
2. ¿Qué te gustó y qué dificultades experimentaste al trabajar con el editor gráfico?
3. ¿Dónde puedes aplicar lo que has aprendido?

(Los estudiantes responden preguntas y sacan las siguientes conclusiones: Hoy en la lección aprendimos que existen dos tipos de gráficos por computadora: rasterizados y vectoriales. Aprendimos que existen programas especiales para crear y editar imágenes gráficas, y también aprendimos a crear y editar imágenes gráficas rasterizadas. Nos gustó hoy... Experimentamos dificultades en... Los conocimientos adquiridos se pueden aplicar...)