martes, 21 de abril de 2015

HTML

HTML

HTML 00


En esta practica con Dreamweaver hemos puesto en practica la teoría de como poner los diferentes códigos, para dar diferentes características a la página, tales como el color de la letra, el encabezado de la página, el color de fondo, etc.


A la izquierda podemos observar los dientes códigos que he utilizado y a la derecha podemos observar el resultado una vez finalizado y colocado todos los códigos.


Como podemos observar los códigos llevan un criterio específico, por lo que cada palabra, espacio, carácter hay que tener en cuenta.

HTML 01


En este practica hemos seguido los pasos, simplemente algo mas compleja



viernes, 17 de abril de 2015

RECORTAR FOTOS

RECORTE DE IMÁGENES

En esta practica utilizaremos la herramienta  recortar en Photoshop para modificar algunos aspectos y características de la imagen.




Utilizaremos esta imagen para recortar ciertas áreas y modificar el ángulo de la foto:


En este paso pulsaremos la tecla C y automáticamente pasará al modo selección para saber que área de la foto recortaremos.


A continuación como se puede observar he cambiado el ángulo de la foto, de forma que puedo encuadrar la zona que quiero de la imagen.


Este es resultado final aplicando el recorte y el cambio de ángulo.


RECORTE DE IMÁGENES II

En esta pratica recortaremos la imagen aplicando unos valores específicos con un recorte de 8 x 10.

Utilizaremos esta imagen:



Como primer paso pulsaremos la tecla C para utilizar la herramienta recortar. En la esquina superior izquierda están las coordenadas X e Y que es donde aplicaremos las medidas en pulgadas.


Una vez puesto los valores, el encuadre del recorte nos seleccionara el área del recorte y eliminara todo cuanto este fuera de este:


Y este es resultado final una vez recortada la imagen.

martes, 17 de febrero de 2015

FIREWORKS

FIREWORKS





Fireworks es un editor de gráficos vectoriales y mapa de bits, será este programa el que utilizaremos para esta practica en la que crearemos un logotipo.






  • Como primer paso abrimos Fireworks, en la barra de herramientas Archivo > Nuevo. En este caso utilizaremos los valores 300 de Anchura, 100 de Altura, 72 de Resolución

  • A continuación con la herramienta rectángulo crearemos un rectángulo 




  • En la parte inferior encontraremos el Inspector de Propiedades que cambia según las características que vamos añadiendo, con el cual cambie el color del fondo del rectángulo


  • Al rectángulo he añadido estrellas con la herramienta Polígono y podemos añadir el número de lados del polígono y el color





Este es el resultado:








  • Con la herramienta Flecha creamos una flecha a la que cambiaremos sus características y las adecuaremos a la forma que queramos
Este es el resultado final:



2ª Practica de maquetación

  • Abrimos Fireworks Archivo > Nuevo con las siguientes dimensiones: Anchura 250 píxeles, Altura 335 píxeles, Resolución 72 ppp, Color de lienzo blanco.

  • En el siguiente paso crearemos 3 rectángulos con diferentes colores 

  • A continuación al rectángulo rojo le añadiremos una redondez de 15 puntos y luego seleccionaremos el recuadro verde y redondearemos las esquinas con un valor de 30 puntos.

  • Seleccionaremos la capa situada en el ultimo plano y cambiaremos su textura Tartán suelto desde el inspector de propiedades 





















  • A continuación cambiaremos el color de la ultima capa y alinearemos. Nos ayudaremos del panel Alinear y este nos permite alinear y distribuir los objetos.





















  • A continuación añadiremos un degrado a la capa del rectángulo rojo y cambiaremos el color del rectángulo a azul oscuro.


  • Ahora seleccionamos el rectángulo verde al que aplicaremos el patrón de burbujas desde el Inspector de propiedades:

  • Por ultimo paso aplicaremos un borde fundido en los dos rectángulos que están en primer plano dando un valor de 30 en el fundido 


FILTROS

GALERIA DE FILTROS

Filtros artísticos:

En esta practica he aplicado los diferentes filtros a una imagen, en los cuales podremos observar sus diferente características.

  • Para empezar he creado un nuevo documento en Photoshop de tamaño A4 apaisado

  • Para continuar he cogido la imagen de la fruta la he seleccionado, eliminado el fondo copiar y pegar en el A4.

  • He duplicado la capa varias veces para aplicar los diferentes filtros y colocaremos las frutas de manera ordenada y asimétrica. Para ello nos ayudaremos de las guías, como vemos en el ejemplo: 

  • A continuación a cada capa aplicaremos el efecto el Filtro > Galería de Filtros y entes caso utilizaremos los filtros artísticos:






  • Al igual que en el anterior trabajo he organizado las capas en carpetas de grupos:








Este es resultado final:


Filtro Bosquejar:

Al igual que en la anterior practica anterior seguiremos los mismos pasos a la hora de crear el documento:


  • Archivo nuevo, dimensiones de un A4

  • Copiamos y duplicamos la capa de la fruta varias veces y aplicamos esta vez el filtro bosquejar:

  • Aplicaremos estos efectos a cada una de las imágenes y este será el resultado:








Texturas, Trazos de Pincel, Distorsionar y Estilizar

En esta practica he utilizado diferentes filtros y las he agrupado dependiendo de sus características.

  • Creamos nuevo documento de tamaño A4
  • Utilizamos la imagen de la fruta y duplicamos tantas veces haga falta
  • Organizar en grupos de trabajo.
Este es el resultado final:

MODO DE FUSIÓN

MODO DE FUSIÓN

En esta practica hemos podido observar los distintos modos de fusión de la capa:

  • Para empezar con Photoshop abrimos la imagen de la fruta a la que quitaremos el fondo y la colocaremos en otro ducumento.
  • Crearemos un documento en tamaño A4 apaisado.

  • A contuniación en el docuemnto A4 pegamos la capa de la fruta y la duplicamos para crear los diferentes efectos.

  • Para aplicar los diferentes modos de fusión hacemos doble click sobre la capa, y se nos abrira la ventana donde cambiaremos el modo de fusión.

  • A cada capa con diferente efecto le asignaremos un grupo para una buena organización del trabajo.  Como vemos he agrupado las carpetas por filas y en cada una de ellas he guardado las capas 


Este es el resultado final:

miércoles, 28 de enero de 2015

CARTA DE COLORES

CARTA DE COLORES

Para la creacion de las carta de colores he utilizado el PhotoShop:

  • Utilizar imagen prediseñada de carta de colores para colocar guias.

  •  Creamos un documento nuevo A4.

  • Una vez marcado todas las guias utilizamos la herramienta selección copiamos la selección y la pegamos cuantas veces sea necesario.

  • Una vez copiado diversas capas de recuadros, creamos diversos grupos, para crear diferentes columnas con recuadros y a continuación colorearlos.

  •  En el trabajo explicaremos las diferentes caracteristcas, como los colores principales. Ej: CMYK, RGB, Degradado de los colores, etc.

  • En la primera tabla de colores he cogido los colores principales y los he ido bajando la opacidad gradualmente.

  •  En la segunda tabla podemos obserbar la degradación de un color primario a otro y las direntes tonalidades que hay entre si.

miércoles, 21 de enero de 2015

TEORIA DEL COLOR

TEORÍA DEL COLOR

COLOR

Podemos definir el color como la sensación causada por una serie de ondas electromagnéticas que se produce en respuesta a la estimulación del ojo, es decir la capacidad de observar los colores que los objetos reflejan, ya que la materia de los objetos absorben la luz y vemos los colores que reflectan.

   A continuación explicará:


-Relación Color-Luz.


- Pigmento o Sintesis Aditiva.


-Circulo Crómatico.


-Cualidades del Color. 




DEGRADADO DE COLOR PRIMARIO A BLANCO.


Para este ejemplo hemos utilizado Photoshop para crear los rectangulos y el degradado:

    • He creado los rectángulos con la herramienta selección rectangular, con la cual hemos creado tres rectángulos.

    • A continuación he obtenido los colores primarios de cada uno.

    • Utilizando la herramienta degradado, he degradado los colores hasta obtener el blanco.

    DEGRADO DE COLOR PRIMARIO A COLOR PRIMARIO.



    En este ejemplo del degradao de color primario hemos seguido los mismos pasos que el anterior, solo que en este caso a la hora de utilizar la herramienta degradado hemos cogido dos colores primarios.






    DEGRADADO CUATRICOMÍA 100% A 5%


    En esta cuatricomía partimos de los colorores CMYK:

      • Con la herramienta rectángulo creamos once rectángulos.

      • Guardamos los retángulos en un grupo o carpeta.

      • Duplicamos el grupo y a cada grupo le asignamos un color primario.

      • A cada rectángulo gradualmente iremos bajando la opacidad.


      CÍRCULO CRÓMATICO


      Para crear el circulo cromatico he utilizado el Ilustreitor y Photoshop, en el caul muestro los diferentes colores a la hora de combinarse los colore primarios :

      • Creamos tres circulos grandes iguales y 27 circulos pequeños formando un circulo entre todos.

      • Guardamos el archivo en formato "Eps" para luego utilzarlo en Photoshop.

      • En Phtoshop pintamos los 3 circulos grandes con los colores primarios y el resto de circulos vamos degradando los colores de un color primario a otro.

       


      CÍRCULO CROMÁTICO TONO



      En circulo cromatico he duplicado varias capas del circulos cromatico, he reducido el tamaño de cada capa proporcinalmente y he ido añadiendo negro, a mas cantidad negro obtenemos tonos más oscuros

       

       

       

       

       

       

       

      LA SINTESIS ADITIVA


      La sintesis aditiva es la formación de colores a través de diferentes luces en diferentes longitudes de onda. La sintesis aditiva hace referencia a la adición de colores, consideramos que el blanco es la suma de toda luz en máxima proporción del espectro visible.

      • Los colores principales sonRGB
      • La suma de los colores primarios a partes iguales originan un color secundario:

      Rojo+Verde= Amarillo
      Verde+Azul= Cian
      Rojo+Azul= Magenta

      Para crear los circulos en Ilustritor y Photoshop para pintarlo posteriormente:
      • Creo los circulos en ilustreitor,  duplico dos veces el círculos y los coloco de manera que se junten entre si.
      • En Photoshop he cambiado la imagen a modo RGB y he pintado los circulo. 

      SÍNTESIS SUSTRACTIVA 


      La sintesis sustractiva hace referencia a los colores pigmento a diferencia de la aditia la sustractiva absorve la luz. Los colores aditivos principales son CMYK


      Para crear los circulos he utlizado la misma imagen del ejemplo anterior solo que esta vez en pintado en modo CMYK, pero los colores del centro debido a la fusion de colores son los de RGB y el negro es la asuencia de luz.