Vistas de página en total

martes, 12 de abril de 2011

Efecto Andy Warhol

En esta entrada explicaré como lograr el efecto de Andy Warhol, con el que se hizo famoso, este artista, pintor y cineasta.

Para este trabajo cogí una foto de la actriz Keira Knightley de Google.


1. El primer paso que tenéis que hacer es encontrar un fondo al que querréis aplicar este ejercicio, guardarlo en un sitio donde podáis encontrarlo con facilidad y abrir el Gimp. Una vez abierto el Gimp seguimos los pasos que vienen a continuación.

2. Nos dirigimos hacia el cuadro de herramientas, al rincón de arriba hacia la derecha y pulsamos el ratón sobre la palabra “archivo”. Os saldrá un cuadrillo donde tenéis que pulsar sobre la palabra “abrir”. Esto abrirá una ventana donde tendréis que seleccionar el fondo con el que queréis trabajar. Un truco para hacer este paso más simple es pulsar las teclas “Ctrl” y “O” a la vez.
 
 3. El tercer paso consiste en pasar la imagen a escala de grises. Vamos al menú "Colores" y pulsamos "Desaturar". Se pueden probar varias opciones que aparecen, sin embargo yo elegí la opción de "Luminosidad", ya que se ve mejor.
 
4. Después duplicamos la capa por sea caso. Se puede ir al menú Capa y pulsar en "Duplicar la capa", como indica la flecha de la izquierda en la foto de abajo o pulsar con la tecla derecha la imagen pequeña. También hay un truco que es pulsar las teclas "BloqMayús", "Ctrl" y "D".

 5. Lo siguiente es ir al menú y pulsar sobre "Colores". En el cuadrillo que saldrá tenemos que pulsar sobre "Umbral" para que nos aparezca un cuadro. En este último podemos regular el umbral de la foto. Si movéis la flecha negra a la derecha o izquierda veréis que la foto sobre la que estáis trabajando cambia.

6.  Ahora tenemos que crear un fondo blanco y esto es muy fácil. Solo tenéis que hacer clic sobre la capa del fondo con el botón derecho del ratón y después de que os salga el cuadrillo pulsáis "Capa nueva". En el cuadro que aparecerá es importante que seleccionéis el circulo al lado izquierdo de la palabra Banco y pulsar Aceptar. La capa nueva con el fondo blanco aparecerá en el diálogo de las capas.

7. Cogemos la Herramienta de tijeras de selección del cuadro de herramientas y vamos seleccionando la silueta de la chica/o u objeto. Al tener ya seleccionada toda la silueta pulsamos con el botón derecho del ratón sobre la selección y vamos a "Editar" y después a "Copiar". Volvemos a clicar otra vez en la selección, pero esta vez después de "Editar" pulsamos "Pegar". En el diálogo de capas aparecerá una selección flotante. Hay que ponerle cualquier nombre y pulsar la tecla "Intro" en el teclado.


8. El paso ocho sería coger la Herramienta de selección por color y en la capa recién hecha pulsar sobre el color negro, para que se nos seleccione este color. Luego hacemos lo mismo que en el paso anterior: copiamos, pegamos, ponemos nombre y listo. Aunque lo mismo tenemos que hacer con el color blanco. Lo seleccionamos con la misma herramienta copiamos, pegamos, ponemos nombre y vamos al paso siguiente.

9.  En este paso, lo que haremos será prepararnos para colorear, así nos desharemos de las capas que ya no nos servirán. Para eliminar una capa solo tienes que pulsar con el botón derecho del ratón sobre ella y clicar en "Borrar la capa". Las capas que tienen que quedar son: la capa desaturada, el fondo blanco y las capas de la selección de colores blanco y negro, es decir 4 capas en total. Después bloquearemos cada una de las capas y podemos empezar a pintar.












10. Para pintar cogemos la Herramienta pincel y seleccionamos el color que nos guste. Para no perder demasiado tiempo pintando se puede hacer más grande el pincel. Para poder pintar las capas por separado, la capa que queremos pintar tiene que estar seleccionada en el diálogo de capas.

Así podéis crear imágenes con muchas combinaciones de colores y juntarlas para obtener una imagen con el efecto Andy Warhol. Suerte poniendo la explicación en práctica ;)

El resultado:

viernes, 1 de abril de 2011

Cartel publicitario

Este trabajo que voy a explicar a continuación, paso a paso, incluye las cosas básicas que deberíamos saber hacer con el Gimp. Explicaré como se pueden utilizar los filtros, como pegar una imagen sobre un fondo, como escribir un texto, etc.

Lo primero que voy a hacer es dejar las imágenes que he usado para este trabajo, para que sea más fácil orientarse. Las voy a poner en "spoiler" para que no ocupe demasiado espacio y para que la página no tarde mucho en cargar.


Fondo:

Mancha:

Chica:

Cara:

Título:

Logo:

Y aquí el resultado de los pasos explicados a continuación:

1. El primer paso que tenéis que hacer es encontrar un fondo al que querréis aplicar este ejercicio, guardarlo en un sitio donde podáis encontrarlo con facilidad y abrir el Gimp. Una vez abierto el Gimp seguimos los pasos que vienen a continuación.

2. Nos dirigimos hacia el cuadro de herramientas, al rincón de arriba hacia la derecha y pulsamos el ratón sobre la palabra “archivo”. Os saldrá un cuadrillo donde tenéis que pulsar sobre la palabra “abrir”. Esto abrirá una ventana donde tendréis que seleccionar el fondo con el que queréis trabajar. Un truco para hacer este paso más simple es pulsar las teclas “Ctrl” y “O” a la vez.

3. Al tener el fondo, ya a nuestra disposición, podemos trabajar sobre él. Nos dirigimos hacia arriba y pulsamos sobre la palabra "Filtros". En el cuadrillo que saldrá tenéis muchísimas opciones de filtros con los que podéis cambiar la apariencia de vuestro fondo. Solo tenéis que ir probando y si no os gusta, simplemente deshacéis la acción y probáis otra.
Yo, para dar un toque más siniestro a la imagen elegí el filtro de "Desenfoque[Blur]" y después cogí la opción de "Desenfoque gaussiano selectivo...". Posteriormente saldrá un cuadro que nos mostrará las opciones de ese filtro. Si movéis el "Radio de desenfoque" en la vista previa veréis como el fondo se vuelve un poco borroso. Con "Delta máx.:" podréis cambiar el espacio quequeda borroso. Más grande es el número más espacio turbio habrá. Después de arreglarlo solo os queda pulsar el botón de "Aceptar".




4. Ahora que tenemos el fondo listo, volveremos a realizar el paso 2 y
abriremos la imagen de la cara. Para
pegar la cara al fondo tenemos que pulsar
sobre la imagen de la cara con el botón
derecho y cuando salga el cuadrillo nos
dirigimos a la opción de "Editar" y luego
a la opción de "Copia visible".
Minimizamos la ventana de la cara y
pulsamos sobre el fondo con el botón
derecho y otra vez nos dirigimos a la opción de "Editar", sin embargo
luego pulsamos en la opción de "Pegar" y ya tenemos la cara sobre el fondo.



4.1. Lo siguiente que vamos a hacer es poner nombre a la capa. Para no
liarnos es mejor poner un nombre
nos indique claramente que es esa
la capa que está allí, así que ponemos
el nombre de "cara" y pulsamos la tecla
"Enter" en el teclado.


5 Como ya tenemos la capa asegurada cogeremos la "Herramienta de  selección elíptica" o pulsaremos la letra "E" en el teclado. Seleccionamos la parte más clara de la cara con el circulo y pulsamos sobre la selección con el botón derecho del ratón. Nos dirigimos hacia la opción de "Selección" y luego hacia la opción de "Invertir". Volvemos a pulsar sobre la selección y nos dirigimos a la opción de "Editar" y después a "Cortar", o para esta última pulsamos las teclas "Ctrl" y "X" a la vez.

5.1 Para deseleccionar, simplemente pulsamos en el centro de la cara. Ahora vamos a repetir el paso 3, pero con otra opción. Iremos a "Filtros"->"Distorsiones"->"Desplazamiento". En el cuadro que nos salga lo regulamos a nuestro gusto y pulsamos "Aceptar". La cara saldrá como si la hubieran movido rápido y hubieran congelado la imagen en ese momento, aunque los bordes se verán algo duros y la imagen destacará demasiado.

5.2 Para hacer que los bordes no se vean tan marcados y la imagen se
integre en el fondo, esta vez, vamos a usar la "Herramienta de emborronado". Hay que hacer líneas algo curvadas desde el borde haca a fuera. Lo bueno de esta herramienta es que parece que se a hecho con el dedo de verdad y así se integra en el fondo.



6.Ahora nos centraremos en la mancha y para eso volvemos a repetir el
paso 2 que será abrir el archivo de esta. Como el color negro del fondo de la mancha nos molesta lo vamos a quitar con la "Selección difusa" con la que pulsaremos sobre el color negro. Después de eso pulsaremos el botón derecho del ratón sobre esa parte e iremos a la opción de "Editar"->"Cortar". El color negro que había sido seleccionado desaparecerá. Seguimos haciendo el ejercicio hasta que no queda color negro que resalte demasiado.


6.1. Volvemos a realizar el paso 4 y pegamos la mancha en el fondo. Para que la mancha no resalte tanto vamos a bajarle la opacidad. La opacidad se encuentra en el cuadro de las capas. Allí movemos el palillo a la izquierda hasta que la mancha se vuelve transparente.

6.2 Repetimos el paso 3 para que la mancha se convierta en un molino. "Filtros"-> "Distorsiones"-> "Remolino y aspiración". En el cuadro que saldrá a continuación, regulamos el radio y el ángulo de remolino hasta que nos gusta el resultado.


 7. Para hacer la frase puede ser un poco lioso, así que no os perdáis. Lo
primero es seleccionar el fondo en el cuadro de las capas y después coger "Herramienta de texto" . Pulsamos sobre el fondo y en el cuadrillo que nos saldrá escribimos nuestra frase. Esta estará apareciendo en el fondo mientras escribáis. Al acabar no cerréis el cuadrillo. En el cuadro de las herramientas podéis cambiar la tipografía, tamaño, color,etc. Cuando tengamos todo al nuestro gusto cerramos el cuadrillo.

  7.1 Ahora vamos a trabajar con "Herramienta de rutas" para trazar una ruta que queramos que siga nuestra frase. IMPORTANTE: La ruta debe tener la longitud suficiente para que quepa la frase. Lo mejor es que la longitud de la ruta sea igual o casi igual a la del texto. Si tenéis dudas, podéis hacer la ruta más larga.
Cuando tengamos la ruta, nos dirigimos hacia la opción de "Capas" y después a "Texto siguiendo una ruta". Al pulsar lo segundo veréis como en la ruta que habéis trazado aparecerá la frase que habéis escrito antes.


7.2 Lo siguiente es crear una capa nueva. Para eso vamos al cuadro de las capas y pulsamos sobre la capa del texto con el botón derecho del ratón. así tendremos el texto curvado en la capa creada.


7.3 Para poder colorear las letras cogemos la "Herramienta de
 selección de rectángulos" y englobamos la frase curvada.Nos dirigimos en hacia el cuadro de capas y abrimos el catálogo de rutas. Pulsamos sobre la primera con el botón derecho del ratón y cuando salga el cuadrillo vamos a "Ruta a selección".
En el cuadro de herramientas seleccionamos la "Herramienta de relleno" y clicamos sobre las letras, aunque aseguraos de que estáis clicando en las letras y no fuera.
El siguiente paso es hacer que no se vea la selección de las letras y para eso pulsamos en el ojo, en el cuadro de las rutas y la frase se mostrará sin la selección.


 7.4 Para finalizar con la frase tenemos que borrar el texto que hemos creado en el principio. Nos dirigimos hacia el diálogo de capas y allí clicamos sobre la capa de texto con el botón derecho del ratón. En el cuadrillo pulsamos "Borrar la capa" y así el texto desaparecerá quedando solo la frase de la ruta.



8. La imagen de la chica pasará por los mismos pasos que la cara.  
Primero el paso 4 para tenerla en el fondo. El siguiente paso  es la selección, pero esta vez la haremos con la "Herramienta de selección libre". Cuando tengamos seleccionado la silueta de la chica pulsamos sobre la selección con el botón derecho del ratón. Nos dirigimos hacia la opción de "Selección" y luego hacia la opción de "Invertir". Volvemos a pulsar sobre la selección y nos dirigimos a la opción de "Editar" y después a "Cortar", o para esta última pulsamos las teclas "Ctrl" y "X" a la vez. Luego repetimos el paso 5.1 al pie de la letras para que la chica se parezca a la cara y hacemos lo mismo que con la mancha en el paso 6.1 para bajarle un poco de opacidad. Así la chica ya está lista, por lo tanto, vamos al siguiente paso.


9. El título rojo lo creé fuera del Gimp y como ya no tenía fondo, solo tuve que realizar el paso 2 para abrirlo y luego el paso 4 para pegarlo al fondo. Para el logo es lo mismo: lo abrimos. copiamos y pegamos.

10. Para escribir los textos como el nombre o al nombre del logotipo se tiene que hacer el paso 7 al pie de la letra, también.

Así es como acabo con mi explicación sobre como hacer un cartel publicitario. Solo queda ponerlo a prueba, así que... ¡Suerte!

viernes, 25 de marzo de 2011

Logotipo con un fondo transparente

En esta entrada os voy a explicar como se hace paso a paso un logotipo con un fondo transparente en una foto o imagen. Es algo bastante fácil de hacer así que si seguís los pasos que están explicados abajo no tendréis ningún problema.

Bueno, primero os dejo la foto que he escogido para hacer este trabajo y luego, más abajo, el resultado que me dio al hacer esos pasos que como ya había dicho están explicados abajo.

Foto inicial

Foto con el logotipo


1. El primer paso que tenemos que hacer es encontrar una foto a la que queréis aplicar este ejercicio, guardarla en un sitio donde podáis encontrarla con facilidad y abrir el Gimp. Una vez abierto el Gimp seguimos los pasos que vienen a continuación.

2. Nos dirigimos hacia el cuadro de herramientas, al rincón de arriba hacia la derecha y pulsamos el ratón sobre la palabra “archivo”. Os saldrá un cuadrillo donde tenéis que pulsar sobre la palabra “abrir”. Esto abrirá una ventana donde tendréis que seleccionar la foto con la que queréis trabajar. Un truco para hacer este paso más simple es pulsar las teclas “Ctrl” y “O” a la vez.

3. Lo siguiente que tenemos que hacer es elegir un logotipo que nos guste o que nos parezca que queda bien con la foto. Para hacerlo nos tenemos que dirigir hacia a "Exts". De allí movemos el ratón hasta la palabra "Logotipos" y lo aguantamos encima hasta que aparece un cuadro con todos los tipos de logotipos. Elegimos uno que nos guste y pulsamos sobre él.



 4. Después de realizar el paso anterior nos saldrá un cuadro en el que podremos modificar el logotipo. Lo primero que tendríamos que hacer es escribir el texto que queramos que aparezca con la forma del logotipo. Luego podéis cambiar la tipografía o el tamaño de esta y la densidad. Otra cosa importante son los colores. Al clicar en el primer rectángulo podremos elegir el color del texto y en el segundo el color de fondo.Bueno, para este ejercicio el color de fondo no es necesario, ya que igualmente se va a eliminar. Así que elegimos el color de texto que prefiramos y pulsamos el botón de "Aceptar".


 5.  Saldrá una ventana nueva con nuestro logotipo, pero habrán dos o más capas, dependiendo del tipo de de este. Tenemos que borrar todas las capas de fondo y dejar solo el texto. Para hacer eso, con el botón derecho del ratón clicamos en una capa, señalada en la foto de abajo, y cuando nos salga un cuadro nos dirigimos hacia la frase "Borrar la capa". Cuando hayamos borrado las capas del fondo, el texto aparecerá como si fuera en un tablero de ajedrez. Si es así, entonces podemos seguir.


6. Para trasladar el logotipo a la foto tenemos que clicar en el texto con el botón derecho del ratón. Cuando salga el pequeño cuadro nos dirigimos hacia "Editar" y aguantamos el ratón en el sitio hasta que nos sale otro cuadro. Entonces, deslizamos el ratón hasta "Copia visible". Minimizamos la ventana del logotipo y clicamos con el botón derecho del ratón en la foto. Allí hacemos lo mismo y vamos hasta "Editar", aunque después pulsamos la palabra "Pegar". Así ya tenemos el logotipo encima de la foto.


7. Antes de nada tenemos que ponerle nombre a la capa para tenerla segura. Clicamos dos veces sobre el nombre de la capa y escribimos alguna palabra o frase. Luego pulsamos la tecla "Enter" en el teclado y listo.


8. El logotipo me quedó un poco grande a comparación con la foto así que para hacerlo más pequeño, nos vamos al cuadro de herramientas y cogemos la herramienta de escalado. Luego pulsamos en alguna de las leras, es decir, sobre el color negro y cuando salga una cuadro ajustamos las medidas del logotipo a nuestro gusto. Mi logotipo tenía la anchura de 810 píxeles, así que lo ajusté poniendo 500 píxeles. Pulsamos "Escala" y el texto se reducirá o aumentará.

   8.1 Para mover el logotipo tenemos que coger la herramienta de coger del cuadro de las herramientas o pulsar la letra "M" en el teclado. Es necesario que el cuadro de capas esté seleccionada la capa del logotipo y para poder moverlo tenemos que pulsar sobre el color negro, ya que si pulsamos fuera, aunque si es el espacio del logotipo, moveremos el fondo, es decir, la foto.

 

9. Para terminar vamos a fusionar las dos capas. Nos dirigimos hacia arriba, hasta la palabra "Capa" y al pulsar sobre ella saldrá un cuadro en el que tendremos que pulsar la frase "Combinar hacia abajo". Así nos quedará solo la capa "Fondo" y la podremos guardar sin ningún problema.


Pues esta sería la explicación del trabajo, solo hace falta ponerla a prueba. ¡Suerte!

P.D: Abajo dejo la foto final, con más objetos a parte del logotipo.




jueves, 17 de marzo de 2011

Logotipos

Esta entrada está dedicada a los logotipos, que nos podrían ser útiles en trabajos que podamos hacer en un futuro o en otras cosas.

Hacer un logotipo no es complicado, ya que si entramos al Gimp y vamos al cuadro de herramientas, arriba veremos "Exts". Hacemos clic en la palabra y buscamos "Logotipos". Allí encontraréis bastante tipos de títulos. Solo tenéis que pulsar en uno y después de que os salga un cuadro, escribir una palabra o texto que querrás.

Aquí os dejo diez tipos de logotipos:

Este logotipo ("Bruñido") podría servirnos para un trabajo sobre algún tipo de metal, auqnue también sobre los coches, los aviones, los trenes, los barcos y cosas así.


 El logotipo de "Contorno 3D" puede servirnos para cualquier trabajo. Desde el tema de los muebles hasta el tema de la fauna, ya que cambiado el color se las letras es muy útil para muchas cosas.

El logotipo "Crystal" nos viene fenomenal para un trabajo sobre el agua o mucho mejor sobre la sequía, ya que el fondo de este, tiene parecidos a la tierra agrietada cuando está seca.

Este logotipo sería perfecto para un tema sobre el desierto, la playa, Egipto o cosas relacionadas con la arena o calor, también.

El logotipo del "texto circular" es un título simple, pero podría servirnos para muchas cosas. Como estamos acostumbrados a ver títulos rectangulares, este es uno que atrae la vista, por eso mismo, incluirlo en un trabajo, foto o otra cosa sería algo favorable.

El "texto en movimeinto" es uno de los títulos que más me gustan. Es diferente de los otros por el simple hecho de que las letras no son uniformes. Cambiando el color de estas letras, el logotipo quedaría muy bien en cualquier trabajo. Quizás estaría mejor en un trabajo sobre el ADN, la velocidad tal como el nombre indica o cosas parecidas.


El logotipo del "paisaje estelar" podría servirnos en un trabajo sobre el sistema solar, sobre ficción o la luz en general. Aunque eso sí, jugando un poco con los colores.
El logotipo "libro de cómic" al igual como indica el nombre, quedaría muy bien en un trabajo sobre el tema de los cómics o super héroes.  También depende del color que le pongas podríamos ponerlo en uno que vaya sobre la playa, ya que la textura de las letras parece ser de pequeños puntitos.


Este logotipo ("Bovinación") sería perfecto para un trabajo sobre cristales, algún país frío, la nieve, el patinaje artístico o cosas parecidas a esos tema. La verdad es que este logotipo es muy creativo y original así que haría resaltar vuestro trabajo.

El logotipo "Basic II" puede parecer simple comparándolo con los otros, pero a veces lo simple no es malo, sino que todo al contrario. A veces algo "discreto" viene muy bien. Este logotipo es apto para cualquier tipo de trabajo, sobre cualquier foto o imagen, también.