DISEÑO GRÁFICO. Logo "The Beathles"

-Con Serifa.

-Versalita.

-Negrita.

-Proporción regular,quizá un poco condensada.

-Pertenece al grupo de las Romanas.

-Orientación recta.

DISEÑO GRÁFICO. Ejercicio de un logo en color Rojo.

EL ROJO:

TONO: Rojo.

SATURACIÓN : Alta.

Es un color primaro, cálido.

EXPRESA:pasión,atracción, amor, deseo, agresividad, tensión, peligro, poder, ambición, vitalidad, confianza en si mismo, opitimismo, coraje...

Pero también puede influirnos negativamente: volvernos irritables, impacientes, e inconformistas.

COLOR COMPLEMENTARIO: Verde.

   

DISEÑO GRÁFICO. La Tipografía.

LA TIPOGRAFÍA:
Arte o técnica de reproducir la letra impresa.
Se compone de "tipos", "fuentes" y "familia".

    SERIF : Con Serifa y con terminaciones. Ej: A
      -Familias tipográficas: Romana, Egipcia y Caligráfica.

    SAN SERIF: Sin Serifa y sin terminaciones.  Ej: A
      -Familias tipográficas: Palo seco(humanistas, geométricas y grotescas).


VARIABLES VISUALES TIPOGRÁFICAS:

1ºFORMA: Mayúsculas,Minúsculas y Versalitas.

2ºGROSOR: Redonda, Negrita, Super negrita, Fina, y Super fina.

3º ORIENTACIÓN: Recta o Cursiva.

4º PROPORCIÓN: Regular, Condensada y Expandida.

5º TAMAÑO: Se mide en (Pt) Puntos.

------------------------------------------------------------------------------------------------

TIPOGRAFÍA
"LA REPRESENTACIÓN GRÁFICA (O VISUAL) DEL LENGUAJE HABLADO".
CUERPO DE TEXTO.

Se organiza a través de la cuadrícula.
Espaciado de texto: Espacio entre cada letra.
Interlineado de texto:
Alineación de texto: Alineación a la izquierda, a la derecha, centrado y justificado.

DISEÑO GRÁFICO. El color.

EL COLOR ES LUZ.



PROPIEDADES DEL COLOR:

1º Tono o matiz: Es el atributo del color.
2º Saturación: Grado de pureza del tono.(Hay alta, media o baja saturación.)
3º Luminosidad: Cantidad de luz.

COLORES PRIMARIOS LUZ -> RGB :

Rojo, Verde y Azul.

COLORES PRIMARIOS PIGMENTOV -> CMYK :

Magenta, Amarillo y Cyan.

CIRCULO CROMÁTICO:

Violeta - Amarillo.
Azul violacio o Violeta azulado - Amarillo anaranjado o naranja amarillento.
Cyan - Naranja secundario.
Verde azulado o azul verdoso - naranja magentoso o magenta anaranjado.
Verde secundario - magenta.
Verde amarillento o amarillo verdoso - Violeta magentoso o magenta violacio.

COLORES COMPLEMENTARIOS: 

Amarillo - Violeta(Magenta+Cyan)
Verde - Rojo/MaGENTA.
Azul/Cyan - Naranja(Amarillo+Rojo/Magenta)

COLORES FRÍOS:

Azules
Verdes
Violetas
Dan sensación térmica baja temperatura, lejanía(física y emocional), invierno.

COLORES CÁLIDOS:

Amarillos
Naranjas
Rojos/Magenta
Sensación térmica alta, cerrcanía física y emocional, sequía o falta de humedad, verano otoño, etc.

DISEÑO GRÁFICO. Elementos básicos del dibujo.

-Visión y Percepción.
-Percepción de la forma, espacio y color.
----------------------------------------------------------------

EL PUNTO.

LA LÍNEA:

-Recta(contínua o discontínua)
-Curva.
-Quebrado.
-Zig-Zag.
-ARco.
-Ondulada.
-Espiral.

EL PLANO

Polígonos regulares: lados y ángulos iguales.
Polígonos irregulares: Al menos un lado o ángulo diferente.

MF0950_2/UF1302 Mapa de imágenes.

Hemos creado un mapa de imágenes.

<p>
  <img src="C:\Users\ETC12\Desktop\menu.jpg" usemap="#mapa de imágenes" alt="pincha">:Hay que poner la ubicación del menú que hemos creado y luego el nombre que tu quieras darle.

<map name="mapa de imágenes"> : El nombre que hemos querido darle.
 
<area shape="circle" coords="83,75,75" target=blog4 href="http://ornelaifcd0110castrourdiales.blogspot.com.es/"alt="bolso y manoletinas prueba 1"> : Le decimos que es un círculo, le damos las coordenadas después le añadimos el "target" para vincularlo al iframe y luego le añadimos el enlace donde le queremos enviar y en "alt" le damos el nombre del círculo.

    <area shape="circle" coords="286,73,73" target=blog4 href="http://itziarifcd0110castrourdiales.blogspot.com.es/" alt="bolso y manoletinas prueba 2"> : El mismo procedimiento.
 
 <area shape="circle" coords="460,73,73" target=blog4 href="http://omarifcdo0110castrourdiales.blogspot.com.es/"" alt="bolso y manoletinas prueba 3"> : El mismo procedimiento.

<area shape="circle" coords="660,73,73" target=blog4 href="http://ymsifcd0110castrourdiales.blogspot.com.es/" alt="bolso y manoletinas prueba 4"> : El mismo procedimiento.

 </map>
</p>

MF0950_2/UF1302 Atributos y propiedades de ubicación de las imágenes.

ATRIBUTOS DE IMÁGENES.

src="imagen.gif". : Es obligatorio e indica el nombre del archivo imagen (entre comillas) o la URL (ruta o dirección en la que esta la imagen que se va incluir en el documento).

align="left / right / top / middle / bottom". : Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea.

alt="Texto explicativo". Mensaje que sale al pasar el ratón sobre la imágen. Este texto se mostrará en caso de que la imágen no se cargara. 

width="n" n en pixels. Atributo opcional siendo recomendable usarlo para ayudar al navegador a representar la imagen, define el ancho de la imagen que vamos a representar.

height="n" n en pixels. Este es opcional y recomendable ponerlo, define la altura de la imagen. 

border= "n", n en pixels. Con este designamos el ancho del borde que rodea la imagen. 

Atributo lowsrc: Podemos indicar un archivo de la imagen de baja resolución. Cuando el navegador detecta que la imagen tiene este atributo primero descarga y muestra la imagen de baja resolución (que ocupa muy poco y que se transfiere muy rápido).Luego descarga y muestra la imagen de resolución adecuada (señalada con el atributo src, que se supone que ocupará más y será más lenta de transferir).




Usemap: referencia de hash-nombre 

Especifica una referencia a un hash-nombre a un elemento de mapa al que desea asociar el objeto.

Ismap: boolean 
Especifica que el elemento img proporciona acceso a un mapa de imagen del lado del servidor.

TIPOS DE ARCHIVOS DE IMAGENES:

TIFF/TIF: Es el formato de archivo más común para imprimir y guardar imágenes comprimidas sin perder calidad. 

EPS (Encapsulated PostScript, PostScrip encapsulado): Es el formato nativo de photoshop. Úselo para todos sus archivos de trabajo; guardará todas las capas, canales, notas u perfiles de color. También es posible imprimir este formato en Adobe InDesign. (Asegúrese de convertir al modo CMYK para impresiones comerciales).

PSB (Photoshop Large Format, formato extendido de Photoshop): Use este formato para guardar una imagen mayor a 300 000 píxeles y para trabajar con imágenes mayores a 2 GB.

GIF (Graphical Interchange Format, formato de intercambio gráfico): Es el mejor formato para imágenes con patrones repetitivos o tipo caricuratura. También soporta transparencia y animación.

JPG (Joint Photographic Experts Group, grupo conjunto de expertos en fotografía): Es el formato más popular para imágenes. Reduce la calidad de la imagen (a menudo de manera indetectable para el ojo humano). 

PNG (Potable Network Graphics, imágenes transportables en red): Formato sin perdidas para Web que soporta hasta 16 millones de colores y 256 niveles de transparencia.