viernes, 16 de diciembre de 2011

Formatos de imagen y color

Bienvenidos seáis todos una vez mas a este blog, pasad y poneros cómodos ^^

En este post explicare un poco y de forma muy sencilla cuales son los formatos mas comunes y utilizados para guardar nuestros archivos de imágene, así como los formatos de color con los que podemos realizarlos.

Formatos de imagen

Los programas de diseño y retoque digital utilizan sus propios formatos (por ejemplo la extensión de los archivos de Photoshop es psd y Gimp utiliza la extensión cfx) pero estos solo pueden ser leídos y reproducidos por los programas con los que se crean.


Pero también podemos guardar nuestras imágenes con otros formatos, cada uno de los cuales tiene unas características determinadas y esta pensado para usarse en un medio o otro, los mas comunes son:
  • TIF - Permite guardar la información de las capas y es el idóneo para imágenes que pensemos imprimir ya que las imágenes que guardemos con este formato no perderán calidad, como principal inconveniente esta el peso de los archivos que genera (Las imágenes en formato tif pesan mas que en psd)
  • JPG - El mas utilizado en internet, ya que es un formato que nos permite comprimir la información, aunque la imagen perderá calidad y no permite guardar las capas por separado.
  • PNG - Con este formato podemos guardar transparencias, con lo que resulta muy útil para insertar imágenes en una pagina web o presentaciones multimedia sin tapar el fondo.
  • GIF - Permite uso de transparencias y con este formato podemos crear pequeñas animaciones utilizando capas, que luego se reproducen como si fuesen fotogramas, aunque estos archivos pesen poco no comprime la información del color, lo que hace es utilizar una paleta de color mas reducida.
Gimp nos permite crear sencillas animaciones en formato gif con los diferentes filtros del submenu Animación, como la de la siguiente imagen, que podréis ver si clicais sobre ella.


Formatos del color

Los formatos de color mas utilizados son RGB, cuando trabajamos con una imagen que se tiene que reproducir en un monitor y CMYK para imágenes que pensamos imprimir.

El sistema RGB utiliza los colores rojo, verde y azul y el CMYK los colores cían, magenta, amarillo y el negro, el motivo de que se utilice estos colores y no otros  se puede entender fácilmente  con la siguiente imagen.


Seguro que habéis visto alguna imagen similar antes, en ella podéis observar como,al interactuar entre ellos, los colores RGB generan los colores que se utilizan en el formato CMYK, así El rojo y el azul crean el magenta, el azul y el verde el cían y el verde y el rojo el amarillo.

Existen otros formatos de color como el LAB, el HSB o el XYZ, pero estos colores no suelen utilizarse a no ser que sea en proyectos muy profesionales y destinados a determinados sectores industriales.

También podemos utilizar tintas planas cuando trabajamos con programas de diseño, de las cuales las mas conocidas son las Pantone.

Podéis encontrar mas información sobre el uso del color en incontables sitios de la web, pero si queréis leer un post muy profesional y completo, pero escrito de forma sencilla de entender para cualquiera os aconsejo que le echéis un ojo al blog I love design.

jueves, 8 de diciembre de 2011

Truconsejos - Trip ink

Bienvenidos seáis todos a una nueva entrada de este blog ^^

Este sera un post dedicado a dar un nuevo truconsejo, en este caso para explicar como podemos realizar, con programas de diseño gráfico como Gimp o Photoshop, un curioso efecto gráfico conocido como Trip ink.


La expresión Trip ink podría traducirse como "el viaje de la tinta" un nombre muy adecuado teniendo en cuenta los curiosos efectos que se consiguen, similares a imágenes abstractas o surrealistas  y para realizarlo solo necesitaremos trabajar con una herramienta, el degradado.


Cuanto mayor cantidad de degradados utilicemos y mas se entrecrucen entre ellos mas abstracta y extraña sera la imagen que consigamos.


Para crear una imagen similar a las de los ejemplos superiores solo tenemos que seguir estos dos sencillos pasos:

  • Tenemos que partir de una capa que rellenaremos de negro
  • Sobre esta capa iremos aplicando degradados circulares con los colores blanco y negro, utilizando la Herramienta de Mezcla con el Gimp o la Herramienta de degradados en Photoshop, para conseguir que los degradados que creemos interactúen entre ellos el modo de fusión de la herramienta tendrá que estar en Diferencia.

Si ponemos degradados circulares con este modo de fusión y de manera que se crucen entre ellos, conseguiremos que en las zonas en las que se cruzan se genere una zona en la que ambos degradados se entrelacen.

Repitiendo esto con muchos degradados y aplicándolos en las zonas mas claras o mas oscuras conseguiremos imágenes muy curiosas que podemos utilizar de fondos para cabeceras, banners o presentaciones multimedia.

Aunque este efecto tenemos que realizarlo en blanco y negro, podemos darle un toque de color creando una capa nueva sobre la que hemos creado el Trip ink, rellenarla del color que queramos o con un degradado y poner su modo de fusión en Multiplicar o Solapar.


Además de darle color también podemos duplicar la capa y aplicarle  un modo de fusión como pantalla, para conseguir un mayor contraste entre las zonas claras y las oscuras.


Podéis encontrar ejemplos de Trip inks mucho mejores y mas trabajados en la siguiente pagina web:


También podéis subir a esta web vuestros Trip inks, siempre y cuando cumplan con las unas características, que podéis encontrar en la propia web.

jueves, 1 de diciembre de 2011

¡ ¡GRACIAS !!

Bienvenidos seáis a una entrada muy, muy especial de este blog ^^

Este post es simplemente para dar las gracias a todos los que visitáis este rinconcito de la web, porque gracias a vosotros este pequeño blog ha alcanzado los cincuenta seguidores.


Creo que no esta mal para un blog que empezó siendo simplemente un ejercicio practico para un curso sobre contenidos de Internet, en el que teníamos que crear un blog y publicar al menos la primera entrada, pero que una vez terminado el curso decidí seguir editando, porque me gusta Internet, me gusta dibujar y el mundo del diseño gráfico y me gustan los programas de diseño digital (especialmente los de software libre)

Así que, gracias a todos los que os habéis hecho seguidores, a quienes habéis dejado algún comentario en alguna de las entradas, a quienes os pasáis por aquí de vez en cuando y también a todos los que han descubierto este blog por casualidad y solo han entrado una vez, simplemente por que les picaba la curiosidad.

Lo que quiero decir es simplemente ...

jueves, 24 de noviembre de 2011

Difuminado digital

Bienvenidos seáis todos a este blog de ilustración y diseño digital ^^

En este post me gustaría tratar de nuevo una herramienta típica en los programas de dibujo digital que ya he explicado en alguna que otra entrada, pero que creo que es conveniente recalcar ya que puede resultarnos muy útil a la hora de realizar nuestras ilustraciones, me refiero al difuminado.

Esta herramienta recibe el nombre de Emborronado en el Gimp y Dedo si trabajáis con Photoshop y se puede utilizar de la misma manera que el Pincel o el lápiz pero en lugar de pintar lo que hace es difuminar lo que ya esta coloreado, de la misma manera que podríamos hacerlo con los dedos sobre un papel en el que hubiéremos hecho un dibujo a lápiz o con carboncillo.

Esto puede ser muy útil para realizar efectos como brillos o sombreados, especialmente en zonas como las arrugas de la ropa.


Podemos utilizar esta herramienta tanto si trabajamos con el ratón como si disponemos de una tableta, de hecho este modo de difuminado nos puede servir para conseguir efectos con el ratón que utilizando el Pincel solo podríamos lograr con una tableta digitalizadora.

El parámetro mas importante de esta opción de dibujo es el que regula la cantidad de difuminado que queremos, es decir el equivalente a la presión que haríamos con el dedo si estuviésemos trabajando manualmente, que en el caso de Gimp se llama Tasa y que encontramos en las opciones que aparecen en la parte derecha de la pantalla, y en el caso de Photoshop recibe el nombre de Intensidad y la encontramos en las opciones de la herramienta que aparecen en la parte superior de la pantalla.

Cuanto mayor sea el valor que introduzcamos, mas intenso sera el efecto de difuminado que lograremos.

Photoshop además incluye una opción llamada Pintar con los dedos, con la que se logra un efecto similar al de mancharnos los dedos con pintura y pintar con ellos sobre un papel o un lienzo.


En la ilustración superior he utilizado el Emborronado para realizar parte de las sombras, las iluminaciones en la piel y el aura de luz del eclipse que se ve al fondo de la imagen.

Los rayos, el efecto mágico en las manos y las alas del personaje son pinceles predeterminado, que también pueden sernos muy útiles en nuestros dibujos y que podéis descargar desde paginas web como Hawksmont , en el caso que que utilicéis Gimp o brusheezy si trabajáis con Photoshop (aunque la mayoría de pinceles de Photoshop son compatibles con Gimp)

miércoles, 16 de noviembre de 2011

Truconsejos - Edicion fotografica basica

Bienvenidos seáis una vez mas a este blog, espero que este  post de truconsejos sea de utilidad ^^

En este tercer post de truconsejos rápidos me gustaría explicar los tres fundamentos , que, al menos bajo mi punto de vista, resultan fundamentales para iniciarse en la edición y retoque digital de fotografías, que se pueden aplicar a Photoshop, Gimp o cualquier otro programa de edición fotográfica.


Trabaja con una copia de la imagen

Nunca, pero NUNCA hay que editar y modificar la imagen original, lo primero que hemos de hacer es duplicar la capa en la que se encuentra la fotografía, que es la única capa que aparece cuando empezamos a trabajar con un archivo de imagen digital y trabajar siempre con la capa duplicada.

Esto nos permite tener siempre una capa con la imagen original, por si la necesitamos para algo, y conservar la fotografía tal cual era antes de empezar a retocarla, para poder ver las diferencias entre el antes y el después de nuestros retoques y ver como avanza nuestro trabajo.


 Domina las capas y sus modos de fusión

Lo mejor es trabajar con diferentes capas, esto , junto con los modos de fusión, es decir la manera en que los colores de una capa interactúan  con los de las capas inferiores, permite crear en unos minutos efectos de edición y montaje fotográficos sencillos y a la vez  interesantes y llamativos.


La imagen superior,por ejemplo, esta hecha en unos cinco minutos utilizando tres capas para lograr el efecto de marco y la sombra y una mas para mejorar el color, como explique en el primer truconsejo.

Utiliza las mascaras de capa

Las mascaras permiten mostrar una parte de la imagen y ocultar otra, según pintemos en la mascara con blanco o negro, de manera que podemos hacer visible una parte de una capa pero el resto seguirá estando allí aunque no lo veamos, a esto se le llama "cambio no destructivo" ya que no eliminamos la información, simplemente la hacemos invisible y podemos mostrarla si la necesitamos.


Para la imagen superior, en la que solo el verde de la hierba y los arboles tiene color y el resto es en blanco y negro, he utilizado dos capas, a la inferior la he desaturado para eliminar los colores y a la superior le he aplicado una mascara negra, para hacer la imagen invisible y he pintado con blanco la parte donde había verde para desvelar el color solo en esas zonas.

Para cambiar entre trabajar sobre una mascara o una capa solo tenéis que clicar sobre la miniatura de una o de otra para tenerla activa.

Aunque podría daros una infinidad de consejos mas estos tres son los que yo considero fundamentales para la edición fotográfica, y los he explicado de una manera intencionadamente genérica para que puedan aplicarse a cualquier programas de retoque digital.

viernes, 11 de noviembre de 2011

Cromado derretido

Bienvenidos seáis una vez mas a mi pequeño blog y gracias por vuestra visita ^^

Este va a ser uno de esos post en los que explicare como realizar una imagen, un tanto psicodélica, que podemos utilizar como fondo, ya sea de escritorio o para una presentación en Powerpoint o Impress, simplemente usando para ello filtros de Gimp.


Para conseguir una imagen como la tenéis sobre este texto, que simula un efecto similar al de un cromado que se esta derritiendo, utilizaremos solo dos capas que conseguiremos que interactúen entre ellas mediante un filtro de desplazamiento.

Primero crearemos un documento nuevo, del tamaño que queramos, teniendo en cuenta para que queremos  utilizar la imagen, y en su capa inicial le aplicaremos el filtro Ruido solido del submenú Nubes que se encuentra en el grupo de filtros Renderizado, activamos la opción Aleatorizar y el Tamaño de X entre 6 y 10.

Seguidamente creamos una capa nueva, la llenamos de negro y le aplicamos uno de los degradado de Gimp utilizando la Herramienta de mezcla, con el formato Cónico y el modo de fusión en Diferencia.

Repetimos el degradado varias veces desde distintos ángulos, para que el modo de fusión Diferencia cree diferentes efectos de color.

Ahora para conseguir que la capa del degradado se "derrita" siguiendo los contornos de la capa de nubes que tiene debajo utilizaremos el filtro Desplazar del menú Mapa, en la que tenemos que elegir en el Desplazamiento Y la capa de las nubes y un valor entre 40 y 60, el Desplazamiento X lo ponemos a cero y activamos la opción Manchar del Comportamiento de borde.

Veremos que después de este filtro se produce un desplazamiento vertical de los pixels que forman la imagen aunque no sea muy exagerado, para que el efecto sea mas llamativo tenemos que repetir varias veces el filtro pulsando Ctrl + F.


Si lo repetimos las veces suficientes conseguiremos una imagen similar a la del ejemplo que tenéis arriba, que he hecho con el degradado Golden.

Como veis se pueden conseguir una imágenes muy originales y extrañas utilizando simplemente filtros y herramientas como el degradado, el uso que les demos ya depende de nosotros y de nuestra imanación.