Archivos para marzo, 2009


Este tutorial apareció originalmente para photoshop hace ya algunos años. Todo un clásico que  nos ofrece practicar con el filtro mapa de relieve. Interesante, ya que nos puede dar pistas para realizar botones para la web o diseñar iconos con relieve. He introducido algunos cambios y una vez realizada la onza la he convertido en patrón (ya veremos cómo en gimp 2.6) para generar la tableta.

Abrimos una imagen nueva (Ctrl+N) de fondo transparente y medidas 360 x 225 px.

Añadimos dos capas nuevas, también de fondos transparentes y las nombramos: proyección y onza.

Clic en la capa ‘proyección’ de la ventana de capas. Seleccionamos todo (Ctrl+A). Luego: menú Seleccionar -> Encoger. He encogido la selección en 25 píxeles.

Nuevamente, vamos al menú: Seleccionar->Rectángulo redondeado y fijamos un radio del 25%.

A continuación, llenamos la selección con color blanco. Borramos la selección (Mayús+Ctrl+A).

Aplicamos: Filtros->Desenfoque->Desenfoque gaussiano. He realizado un radio de desenfoque en vertical y horizontal de 20. Como método de desenfoque: IIR

Clic sobre la capa ‘onza’ en la ventana de capas. Para el relleno de la capa he elegido esta notación html: 643402.

La ventana de capas,una vez hecho esto,debe aparecer así:

En la capa ‘onza’ aplicamos: Filtros->Mapa->Mapa de relieve [Bump Map]. En el primer desplegable de la ventana selecciono la capa ‘proyección’. He utilizado los valores que se muestran abajo.

El paso siguiente es aplicarle a la capa ‘onza’ un bisel:
Filtros->Decorativos->Añadir bisel. Desmarco la casilla ‘Trabajar en copia’.

Repito la operación.

Creo el texto y añado algún logo. En mi caso he usado Básico I.(lo encontrarás en Archivo->Create->Logotipos). Más fácil  la herramienta texto y utilizar el color blanco para la fuente elegida). Para el logo estreno la brocha que me descargué. Una vez hecha la composición con texto y logo escalo esta capa, manteniendo las proporciones, para ajustarla a la forma de la onza y le aplico un desenfoque gaussiano IIR.

Elevo la capa ‘onza’. Ahora, tu ventana de capas debe aparecer así:

Clic sobre la capa ‘onza’ en tu ventana de capas. Aplico: Filtros->Mapa->Mapa de relieve . En el primer desplegable de la ventana selecciono la capa ‘texto’ y establezco  los valores que aparecen en la siguiente imagen.

Este es el resultado:

Ahora,  con la imagen generada crearemos nuestro patrón. Aplano la imagen (clic botón derecho sobre cualquiera de las capas de la ventana de capas y elijo Aplanar imagen). Escalo la imagen al 50% y selecciono todo (Ctrl+A). Botón derecho sobre la imagen: Editar->copiar (Ctrl+C). Voy al menú de gimp: Editar->Pegar como->Patrón nuevo.  Le asigno un nombre.

Abro una nueva imagen de fondo transparente y medidas 780 x 452 px. Relleno con el patrón.

¡Ya tenemos nuestra tableta de chocolate!

Si lo prefieres, puedes ver este tutorial en google docs.


Vía webmaster libre descubro este par de sets de iconos dibujados a mano alzada que parecen estar muy de moda últimamente. Han sido lanzados desde Yanko at Warp Speed. El primero hace cinco meses. El segundo set contiene 20 iconos. Esta vez, no se limita sólo a los medios de comunicación relacionados con  iconos sociales, caso del primer set, en el cual los iconos están disponibles en los siguientes tamaños:16×16, 24×24, 32×32 y 48x48px. Todos los iconos de este segundo set están en: 16×16, 32×32, 64×64 y 128×128 px. Y todos ellos son libres, por supuesto:)

Descarga Handycons

Descarga Handycons 2


Aquí podeis descargaros  pinceles con el logo de ubuntu creados por alguien que no los pudo encontar en Ubuntu Wiki Artwork/Official page. Hay tre tipos de pinceles:  sombreado, a color y mono. Guarda y descomprime en la carpeta:

C:\Documents and Settings\nombre_usuario\.gimp-2.6\brushes


3D Screenshot lo tienes en la siguiente dirección.

Si aún eres windowsero haz clic derecho sobre el enlace 3DScreenshot.scm y elige Guardar destino como… Debes guardar este archivo en la carpeta de Script. Ya sabes, si quieres un uso exclusivo, en tu carpeta personal de gimp C:\Documents and Settings\nombre_usuario\.gimp-2.6\scripts o bien, en C:\Archivos de programa\Gimp-2.0\share\gimp\2.0\scripts para que lo puedan utilizar todos los usuarios de ese ordenador.

Ahora bien, para un buen resultado con 3D screenshot debes tener en cuenta que la anchura con respecto a la altura de la imagen, a la cual le vas a aplicar el filtro, debe estar en proporción áurea Phi=(1,6). La medida original de la imagen que he utilizado aquí es 360×225 px


En este tutorial te mostraré cómo simular una profundidad de campo mediante técnicas de edición de imágenes. El proceso puede parecer un tanto laborioso pero, la idea es sacar el máximo partido al manejo y edición de máscaras de capa así como otros truquillos.

Abrimos nuestra imagen y, como siempre, duplicamos la capa fondo(Mayús+Ctrl+D) y desactivamos su visibilidad.

Lo más difícil que tendremos que hacer es crear una máscara para las figuras y los otros elementos:pelotas,vaso,bastón.

Clic con el botón derecho en la imagen y elegimos (Colores-> Componentes-> Descomponer). En el cuadro de diálogo, seleccionamos RGB y hacemos clic en Aceptar.

Se nos abrirá una nueva imagen en escala de grises compuesta por los tres canales. Examinemos cada uno de los canales para encontrar el que tiene el mejor contraste para aislar el tema. En nuestro caso, parece ser el canal azul.

Borramos las otras dos capas que no vamos a utilizar. Con un poco de trabajo, en este canal azul de la imagen, obtendremos nuestra máscara.

Vamos a simplificar el asunto. Dibujamos las selecciones de las figuras y objetos con la herramienta lazo.

Sumaremos y restaremos selecciones hasta que nuestro esquema esté listo.

Ahora, invertir la selección (Ctrl + I), elegimos la herramienta de relleno y rellenamos con color de frente. Borramos la selección (Mayús + Ctrl + A).

Forzamos el motivo al color blanco. Clic con el botón derecho en la imagen:  (Herramientas-> Herramientas de color-> Umbral).

En el cuadro de diálogo umbral, hacemos clic en el histograma y arrastramos, en nuestro caso, hacia la izquierda. Verá que la imagen, desplazando el cursor hacia la izquierda va a blanco y, hacia la derecha a negro. Experimentamos hasta encontrar el mejor aislamiento del tema en blanco.

Vamos a retocar manualmente la que será nuestra máscara para arreglar las imperfecciones Aquí es donde el trabajo puede resultar un poco tedioso. Si has encontrado un buen contraste entre las figuras y el fondo la cosa puede simplificarse. Creamos una nueva capa (Mayús+Ctrl+N) y la nombramos como “capa guía”.

El sigiente paso es ir a la ventana de la imagen original que debe haber permanecido abierta Seleccionamos todo (Ctrl + A) y copiamos (Ctrl + C). Volvemos a la imagen en escala de grises y pegamos (Ctrl + V) en la nueva capa . Aparecerá encima de capa nueva como selección flotante. Entonces, clic botón derecho sobre ella en la ventana de capas y seleccionamos Anclar la capa. Reducimos su opacidad en torno al 70%.

Antes de salir del la ventana de capas, seleccionamos la capa “azul” . La capa guía es sólo para que nos guíe.
Usaremos pinceles idóneos para comenzar a pintar (pequeños y difuminados). Muy conveniente hacer un zoom. Las figuras retocadas en blanco, el fondo debe pintarse con negro. Para alternar el color (x).

Periódicamente, desactivamos la visibilidad de la capa guía (haciendo clic en el “ojo” de la capa en la ventana de capas) para ver el progreso de nuestra máscara.

Cuando esté todo hecho, sugiero guardar la máscara (archivo XCF), por si acaso.

Un pequeño desenfoque (Filtros->Desenfoque(Blur) ->Desenfoque gaussiano(IIR)) de alrededor de 5 o más píxeles en la que será nuestra máscara. Luego: ( Colores ->Invertir).

¡Ya temos lista la máscara!

Vamos a la imagen original y renombramos la capa “copia fondo”. En la ventana de capas clic botón derecho sobre ella. En el cuadro de diálogo Editar atributos de capa, la renombramos: “desenfoque”. Le aplicamos ->Filtros ->Desenfoque (Blur) ->Desenfoque gaussiano (IIR) Experimentamos hasta encontrar un valor que funcione bien para nuestra “profundidad de campo”. Aquí he utilizado un valor de 7.

Volvamos al cuadro de diálogo de capas y haciendo clic con el botón derecho en la capa “desenfoque”, seleccionamos “Añadir máscara de capa”. En Opciones marcamos Blanco (opacidad completa) . La ventana de capas debe aparecer como se muestra abajo.

Copiamos pegamos y anclamos la capa azul.

Activamos la visibilidad de la capa fondo y todo listo para el resultado final.

Puedes ver,también, este tutorial en google docs.