# 3.3. Diseño 2D

## Glosario

## Píxel

Definición:

  Un píxel es la unidad más pequeña de una imagen digital. Contiene información de color y brillo.

Ejemplo:

  Un televisor 4K tiene una resolución de pantalla de 3840x2160 píxeles.

## Formatos de archivo

Definición:

  Los formatos de archivo son las estructuras específicas que se utilizan para organizar y almacenar diferentes tipos de información en un ordenador, como un texto, una imagen, un vídeo...

Ejemplo:

  El formato pdf es el más empleado para intercambiar archivos de texto.

## Estándar

Definición:

  Se refiere a una medida o criterio aceptado y comúnmente utilizado para mostrar o comparar algo. En términos más simples, un estándar es una regla o norma que se establece para asegurar que algo se haga de manera consistente y de acuerdo con ciertos criterios.

Ejemplo:

  Los folios que utilizamos siguen un estándar A4.

# Diseño vectorial y diseño en mapa de bits

Aunque el mundo es un espacio en tres dimensiones muchas veces nos ayudamos de un papel para representar la realidad en solo dos dimensiones.

Pero ¿cómo se pueden representar figuras básicas en solo dos dimensiones?. Los programas de ordenador lo pueden realizar de dos maneras:

- En mapa de bits (Bitmaps): pintando píxel a píxel como hacemos sobre el papel. Los formatos de archivo comunes son:

  - .jpg (fotos de teléfono móvil)
  - .png (cualquier dibujo, cartel, retoque fotográfico...y las capturas de pantalla que hagamos en el ordenador)
  - .gif (animaciones)

- Con dibujos vectoriales: dibujos realizados pintando mediante figuras geométricas y líneas . El formato de referencia estándar es:

  - .svg (el formato estándar)
  - .odg (el formato de libreoffice draw)

La ventaja de los dibujos vectoriales es que podemos ampliar el dibujo tanto como queramos, sin perder calidad . Es, además, muy fácil modificar un dibujo, copiarlo, mezclarlo con otro, cambiar el color de relleno, etc.

## Lectura facilitada

A veces usamos papel para dibujar cosas aunque vivimos en un mundo 3D. Pero, ¿cómo dibujamos en el ordenador?

Hay dos formas:

- Píxel por Píxel:
  - Es como pintar punto por punto, como en papel.
  - El nombre de los archivos termina en: .jpg, .png, .gif.
- Usando Formas:
  - Usamos formas y líneas para dibujar.
  - El nombre de la mayoría de los archivos termina en .svg.
  - Los nombres de archivo que utilizaremos terminarán en .odg que es el formato de LibreOffice Draw.
- Ventajas de usar formas:
  - Podemos hacer los dibujos más grandes sin perder calidad.
  - Es fácil cambiarlos: copiar, mezclar, cambiar colores, etc.

# Observa la diferencia cuando amplías la imagen

2

Pulsa sobre la lupa para ver cómo la ampliación es diferente en el diseño en mapa de bits que en el diseño vectorial.

{"typeGame":"Mapa","instructions":"","showMinimize":false,"showActiveAreas":false,"author":"","url":"resources/svg_vesrus_png.svg","authorImage":"","altImage":"","itinerary":{"showClue":false,"clueGame":"","percentageClue":40,"showCodeAccess":false,"codeAccess":"","messageCodeAccess":""},"points":[{"id":"p1236421163353","title":"Ampliación de una imagen en formato vectorial","type":0,"url":"resources/hocico.svg","video":"","x":0.2644230769230769,"y":0.32601940562424153,"x1":0,"y1":0,"footer":"","author":"","alt":"","iVideo":0,"fVideo":0,"eText":"","iconType":0,"question":"","question_audio":"","toolTip":"","link":"","map":{"id":"a1236421163353","pts":[{"id":"p1055634925748","title":"","type":0,"url":"","video":"","x":0,"y":0,"x1":0,"y1":0,"footer":"","author":"","alt":"","iVideo":0,"fVideo":0,"eText":"","iconType":0,"question":"","question_audio":"","toolTip":"","link":"","color":"#000000","fontSize":"14","map":{"id":"a1055634925748","url":"","alt":"","author":"","pts":[]},"slides":[{"id":"s1055634925748","title":"","url":"","author":"","alt":"","footer":""}],"activeSlide":0}],"url":"","alt":"","author":"","active":0},"slides":[{"id":"s1236421163353","title":"","url":"","author":"","alt":"","footer":""}],"activeSlide":0,"audio":"","color":"#000000","fontSize":"14"},{"id":"p226102792872","title":"Ampliación de una imagen en mapa de bits","type":0,"url":"resources/hocico.png","video":"","x":0.6105769230769231,"y":0.32601940562424153,"x1":0,"y1":0,"footer":"","author":"","alt":"","iVideo":0,"fVideo":0,"eText":"","iconType":0,"question":"","question_audio":"","toolTip":"","link":"","map":{"id":"a226102792872","pts":[{"id":"p1078887728638","title":"","type":0,"url":"","video":"","x":0,"y":0,"x1":0,"y1":0,"footer":"","author":"","alt":"","iVideo":0,"fVideo":0,"eText":"","iconType":0,"question":"","question_audio":"","toolTip":"","link":"","color":"#000000","fontSize":"14","map":{"id":"a1078887728638","url":"","alt":"","author":"","pts":[]},"slides":[{"id":"s1078887728638","title":"","url":"","author":"","alt":"","footer":""}],"activeSlide":0}],"url":"","alt":"","author":"","active":0},"slides":[{"id":"s226102792872","title":"","url":"","author":"","alt":"","footer":""}],"activeSlide":0,"audio":"","color":"#000000","fontSize":"14"}],"isScorm":0,"textButtonScorm":"Guardar la puntuación","repeatActivity":false,"textAfter":"","evaluation":0,"selectsGame":[{"typeSelect":0,"numberOptions":4,"quextion":"","options":["","","",""],"solution":"","solutionWord":"","percentageShow":35,"msgError":"","msgHit":""}],"isNavigable":true,"showSolution":true,"timeShowSolution":3,"version":2,"percentajeIdentify":100,"percentajeShowQ":100,"percentajeQuestions":100,"autoShow":false,"autoAudio":true,"optionsNumber":0,"evaluationF":false,"evaluationIDF":"","id":"202432685854-60","order":"","msgs":{"msgSubmit":"Enviar","msgIndicateWord":"Proporcione una palabra o expresión","msgClue":"¡Genial! La pista es:","msgErrors":"Errores","msgHits":"Aciertos","msgScore":"Puntuación","msgMinimize":"Minimizar","msgMaximize":"Maximizar","msgFullScreen":"Pantalla Completa","msgNoImage":"Pregunta sin imágenes","msgSuccesses":"¡Correcto! | ¡Excelente! | ¡Genial! | ¡Muy bien! | ¡Perfecto!","msgFailures":"¡No era eso! | ¡Incorrecto! | ¡No es correcto! | ¡Lo sentimos! | ¡Error!","msgTryAgain":"Necesita al menos un %s% de respuestas correctas para conseguir la información. Vuelva a intentarlo.","msgEndGameScore":"Antes de guardar la puntuación comience la partida.","msgScoreScorm":"La puntuación no se puede guardar porque esta página no forma parte de un paquete SCORM.","msgPoint":"Punto","msgAnswer":"Responder","msgOnlySaveScore":"¡Sólo puede guardar la puntuación una vez!","msgOnlySave":"Sólo puede guardar una vez","msgInformation":"Información","msgYouScore":"Su puntuación","msgOnlySaveAuto":"Su puntuación se guardará después de cada pregunta. Sólo puede jugar una vez.","msgSaveAuto":"Su puntuación se guardará automáticamente después de cada pregunta.","msgSeveralScore":"Puede guardar la puntuación tantas veces como quiera","msgYouLastScore":"La última puntuación guardada es","msgActityComply":"Ya ha realizado esta actividad.","msgPlaySeveralTimes":"Puede realizar esta actividad cuantas veces quiera","msgClose":"Cerrar","msgPoints":"puntos","msgPointsA":"Puntos","msgQuestions":"Preguntas","msgAudio":"Audio","msgAccept":"Aceptar","msgYes":"Sí","msgNo":"No","msgShowAreas":"Mostrar áreas activas","msgShowTest":"Mostrar cuestionario","msgGoActivity":"Pulsa aquí para realizar esta actividad","msgSelectAnswers":"Selecciona las opciones correctas y pulsa sobre el botón 'Responder'.","msgCheksOptions":"Marca todas las opciones en el orden adecuado y pulsa sobre el botón 'Responder'.","msgWriteAnswer":"Escribe la palabra o expresión correcta y pulsa en el botón 'Responder'.","msgIdentify":"Identifica","msgSearch":"Buscar","msgClickOn":"Pulsa sobre","msgReviewContents":"Debes repasar el %s% de los contenidos de la actividad antes de completar el cuestionario.","msgScore10":"¡Todo perfecto! ¡Enhorabuena! ¿Deseas repetir esta actividad?","msgScore4":"No has superado esta prueba. Repasa sus contenidos e inténtalo de nuevo. ¿Deseas repetir la actividad?","msgScore6":"¡Estupendo! Has superado la prueba, pero seguro que lo puedes mejorar. ¿Deseas repetir esta actividad?","msgScore8":"¡Casi perfecto! Aún lo puedes hacer mejor. ¿Deseas repetir esta actividad?","msgNotCorrect":"¡No es correcto! Has pulsado sobre","msgNotCorrect1":"¡No es correcto! Has pulsado sobre","msgNotCorrect2":"y la respuesta correcta es","msgNotCorrect3":"¡Prueba otra vez!","msgAllVisited":"¡Genial! Has visitado los puntos necesarios.","msgCompleteTest":"Puedes completar el cuestionario.","msgPlayStart":"Pulse aquí para empezar","msgSubtitles":"Subtítulos","msgSelectSubtitles":"Selecciona un archivo de subtítulos. Formatos válidos:","msgNumQuestions":"Número de preguntas","msgHome":"Inicio","msgReturn":"Volver","msgCheck":"Comprobar","msgUncompletedActivity":"Actividad no completada","msgSuccessfulActivity":"Actividad superada. Puntuación: %s","msgUnsuccessfulActivity":"Actividad no superada. Puntuación: %s","msgTypeGame":"Mapa"}}
Su navegador no es compatible con esta herramienta.

Página 15 de 31

Obra publicada con Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0

Feito con eXeLearning (Nova xanela)