Elementos del Diseñador, parámteros para imagen y sonido digital. Formatos para Generar imágenes fijas. Herramientas para la edición de imágenes y sitios gratuitos para diseño de páginas web
2. ELEMENTOS DEL DISEÑADOR
Un diseñador (sin importar su rama) puede realizar diseños sin conocimiento
alguno sobre la materia, ya sea por gusto personal o por su sensibilidad a la
creación visual (talento) sin embargo conocer de estos principios le hará ser un
mejor diseñador.
• En general se distinguen 4 grupos de elementos
• Elementos Conceptuales
• ElementosVisuales
• Elementos de Relación
• Elementos Prácticos
3. Elementos Conceptuales
Los elementos conceptuales son aquellos que están presentes en el
diseño, pero que no son visibles a la vista. Se dividen en 4 elementos:
• Punto: Indica posición, no tiene largo ni ancho, es el principio y el fin de una
línea.
6. Elementos Conceptuales
• Volumen: El recorrido de un plano en movimiento se convierte en volumen, tiene posición
en el espacio, esta limitado por planos y obviamente en un diseño bi-demensional el
volumen es ilusorio.
7. ELEMENTOSVISUALES
• Por ejemplo cuando se dibuja una figura en el papel, esa figura esta formada
por líneas visibles, las cuales no solo tienen un largo, sino que un ancho, un
color y claro una textura (definida por los materiales utilizados).
• Así pues como ya han de suponer, los elementos visuales son:
8. ELEMENTOSVISUALES
• Forma: Todo lo visible tiene una forma, la cual aporta para la percepción del
ojo una identificación del objeto.
10. ELEMENTOSVISUALES
• Color: El color se utiliza comprendiendo no solo los del espectro
solar, sino asimismo los neutros (blanco, negros, grises) y las
variaciones tonales y cromáticas.
11. ELEMENTOSVISUALES
• Textura: Tiene que ver con el tipo de superficie resultante de la utilización
del material. Puede atraer tanto al sentido del tacto como al visual.
12. ELEMENTOS DE RELACION
• Se refiere a la ubicación y a la interrelación de las formas en un diseño.
• Dirección: La dirección de una forma depende de como esta relacionada
con el observador, con el marco que la contiene o con otras formas cercanas.
13. ELEMENTOS DE RELACION
• Posición: La posición de una forma depende del elemento o estructura que
la contenga.
• Espacio: Todas las formas por mas pequeñas que sean ocupan un espacio, el
espacio así mismo puede ser visible o ilusorio (para dar una sensación de
profundidad)
14. ELEMENTOS PRÁCTICOS
• Los elementos prácticos van mas allá del diseño en si y como es de esperar
son conceptos abstractos.
• Representación: Se refiere a la forma de realizar el diseño: puede ser una
representación realista, estilizada o semi-abstracta.
• Significado: Todo diseño conlleva conciente o subconscientemente un
significado o mensaje.
15. ELEMENTOS PRÁCTICOS
• Función: Para lo que esta creado dicho diseño.
• Estos elementos básicos se combinan unos con otros en un grafismo, y de
esta combinación surge un resultado final en el que tienen mucha
importancia una serie de conceptos propios del diseño gráfico, entre los que
destacan:
• Las agrupaciones: conjuntos de elementos relacionados mediante
proximidad, semejanza, continuidad o simetrías.
16. ELEMENTOS PRÁCTICOS
• Los contornos: partes límites de los elementos, que permiten
distinguirlos de los demás y del fondo, pudiendo estar definidos
mediante borde, cambios de color o cambios de saturación.
• El tamaño relativo de cada elemento grafico respecto los que le rodean.
• El color de cada elemento individual, colores de cada agrupación de los
elementos usados.
• El contraste: intensidad de visualización de cada elemento con relación a
los que le rodean y al grafismo completo.
17. ELEMENTOS PRÁCTICOS
• El equilibrio en cada grafismo conlleva un sistema espacial que consigue un nivel de
equilibrio mayor o menor.
• La asimetría disposición espacial y equilibrada de los elementos que forman la
composición grafica.
• Los diferentes elementos de un grafismo son percibidos por el destinatario de
acuerdo con la influencia que ejercen cada uno estos conceptos a nivel individual,
grupal y total.
• Pero la unión de todos ellos, la obra gráfica, es una entidad comunicativa individual y
completa, cargada de complejos elementos humanos asociados con el lenguaje, la
experiencia, la edad, el aprendizaje, la educación
18. Parámetros que debe considerar en la Imagen Digital
Una imagen digital es una representación bidimensional de una imagen a
partir de una matriz numérica, frecuentemente en binario (unos y ceros), los
parámetros que se debe considerar en la imagen digital son:
• Resolución: Este valor se expresa en ppp (píxeles por pulgada.
• Modos de color
• Sistemas de control de color: Nivel de luminosidad, tono, saturación,
contraste y brillo.
• Mapa de bits, escala de grises, rgb Colores Luz, CMYK Colores Pigmento.
• Formatos: JPEG: ai; GIF: xcf; PNG: psd.
19. Parámetros del Sonido Digital
• Frecuencia: La frecuenta es el número de vibraciones por segundo que da origen al sonido
analógico. El rango de frecuencias da lugar a un espectro, que se mide en herzios (hz), así
por ejemplo el espectro entre los 20 hz y los 20000 hz es el sonido que capta el ser humano
para el oído
• Tasa de muestreo (simple rate): La señal analógica del sonido se convierte o muestrea a
ceros y unos, dando el audio digital. La tasa de muestreo o sampler rate, define cada
cuanto tiempo se tomará la señal analógica para convertirla en audio digital.
• Resolución (bit resolución): Indica el número de bits para almacenar la muestra de la señal.
Así 8 bits indican (2 8) 256 niveles, 16 bits alcanzan 65536 niveles. El audio tendrá más
calidad cuanto mayor sea la resolución.
20. Parámetros del Sonido Digital
• Velocidad de transmisión (bitrate): Indican la cantidad de espacio físico en disco
de un segundo de duración de ese audio. Por ejemplo el formato mp3 tiene un
bitrate de 128 kbits/s.
• CBR/VBR CBR: Indican que el bitrate se mantiene constante y VBR tiene un bitrate
variable.
• Decibelio: Es el volumen o intensidad de ruido. Se exprese en db, así 0 db expresan
ausencia de ruido
• Códec: Es un algoritmo que reduce el número de bits del audio. Garantizando la
máxima calidad de audio con un peso de fichero pequeño
21. FORMATOS PARA GENERAR IMÁGENES FIJAS
Extensión
Fichero
Nombre Características
.bmp Windows
Bitmap
Comúnmente usado por los programas de Microsoft Windows y por el sistema operativo
propiamente dicho. Se le puede aplicar compresión sin pérdidas, aunque no todos los
programas son compatibles.
.cpt Corel Photo-
Paint Image
Formato propietario usado por defecto en los documentos de Corel Photo-Paint.
Dispone de importantes características extra, como la composición por capas.
Compatible con muy pocos programas aparte de los de la misma casa. Su tamaño suele
ser menor que el de los documentos creados por Adobe Photoshop.
.gif Graphics
Interchange
Format
GIF es utilizado popularmente en la web. Formato de 8 bits (256 colores máximo), con
soporte de animación por frames. Utiliza la compresión LZW.
jpeg
.jpg
JPEG 2000 JPEG 2000 es el sucesor del popular JPEG, un nuevo algoritmo basado en ondículas que
permite compresión con o sin pérdidas. Se considera el formato actual de moda para
imágenes fotográficas, si bien aún no está extendido en sistemas modernos debido a los
requisitos de hardware y a la multitud de patentes.
22. FORMATOS PARA GENERAR IMÁGENES FIJAS
Extensión
Fichero
Nombre Características
.mng Multiple-
image
Network
Graphic
Comúnmente usado por los programas de Microsoft Windows y por el sistema
operativo propiamente dicho. Se le puede aplicar compresión sin pérdidas,
aunque no todos los programas son compatibles.
.png Portable
Network
Graphics
PNG es gráfico libre con compresión sin pérdida que ofrece
profundidades desde 8 bits con paleta optimizada, 24, 48 bits: 281
trillones de colores y en escala de grises se puede obtener archivos
desde 8 y 16 bits igual a 65536 tonos de grises.
.psd Document
o de
Adobe
Photoshop
Formato propietario utilizado por Adobe Photoshop. Posee cantidad de
características extra, como la composición por capas. Poco compatible
con programas externos a la casa Adobe.
.psp Document
o de Paint
Shop Pro
Formato estándar de los documentos de Paint Shop Pro, similares a los
documentos .psd de Photoshop. Compatible con muy pocos
programas.