|
 Ayer estuve personalizando mi perfil en twitter de un nuevo proyecto de futuro blog sobre misterios y enigmas (Misteria), así que estuve buscando algunas ideas para diseñar un icono / avatar y una especie de banner que incluir como imagen.
Hoy os dejo este artículo donde explico como hice el icono, otro dia espero hacerlo para el banner. Lo he realizado con Gimp, el cual había usado ocasionalmente, me bajé su última versión (portable) la 2.4 y ví como incluía algunas mejoras considerables con respecto a la que tenía instalada anteriormente (la 2.2), que me facilitarón bastante el trabajo. Comentar que el diseño lo realizo a 300x300, me gusta siempre trabajar a tamaños superiores a los que voy a usar luego, por si me surge luego usarlo en otro lugar en el que lo necesite de mayor tamaño. Se trata de una "M" que aparece sobre un pergamino antiguo. O al menos ese es el efecto que quería conseguir. Podeis ver el resultado en la imagen de arriba (aquí está en 150x150 puntos).
Para empezar busqué alguna ideas, y me encontré con un tutorial (en inglés) sobre como hacer un pergamino, y me gustó, así que lo elegí como base para mi trabajo. Así que a continuación explicaré paso a paso como lo hice. 1. Creé una imagen de 300x300 puntos, RGB, 72dpi, con fondo negro.
 2. Luego creé una capa transparente que rellene con el color: #bc8b46.
 3. A continuación sobre esta última capa apliqué el siguiente filtro: Ruido -> Ruido RGB.
Valores: RGB Independiente: marcado - Rojo: 0,20 - Verde: 0,00 - Azul: 0,00 - Alfa: 0,00
 4. Ahora: Filtros -> Desenfoque (Blur) -> Desenfoque Gaussiano : Radio 10px (Hoizontal y Vertical).
 5. Ahora crearemos un canal al que llamaremos "tela". Para mostrar la ventana de canales: Dialogos -> Canales. Lo creé con opacidad 100%.
 6. Haciendo click en el canal recién creado para activarlo, apliqué el filtro: renderizado -> nubes de diferencia con los valores aleatorizar=marcado, X=2.3, Y=3.3, detalle=15. Y obtendrás algo parecido a esto:
 7. Descativa el canal haciendo click en el símbolo del ojo para hacerlo invisible.
 8. En la ventana de capas, haz click en la capa marrón para activarla, y aplica el filtro: Luces y Sombras -> Efectos de iluminación. En las distintas pestañas de este filtro pon los siguientes valores: - Opciones: Distancia=2,000
- Luz:
- Luz1-> Tipo=Direccional; Color=Blanco; Direccion: X=-2,25 Y=1,75 Z=1.
- Material -> Incandescencia (glow)=0,5 ; Brillo=0,75 ; Lustre(shiny)=0,12 ; Pulido=0,20 - Mapa de relieve (bump map) -> usa el canal "tela" con altura máxima=0,01
 9. Ahora aplicar el filtro: realzar -> enfocar con valor 60. Luego con la herramienta de selección libre, dibuja una selección parecida a la de la imagen.
 10. Ahora elige Seleccionar -> Invertir. Y borra esa parte con DEL (o Ctrl-K en la Gimp 2.2). Desactiva la selección con Ctrl-Shift-A or Seleccionar -> Nada.
 11. A continuación con la misma herramienta de selección libre crea algunos cortes en el pergamino, por los bordes y algunos pequeños en el interior. Similares a los que aparecen en la imagen.
 12. Pasaremos a oscurecer los filos. Haremos click con el boton derecho del ratón y seleccionaremos "Alfa a selección". Esto nos dará una selección exacta de la capa. Añadiremos una nueva capa. Invertimos la selección (Ctrl-I). Y la rellenamos con el color #7a340d. Y desactivamos la selección (Ctrl-Shift-A).
 13. Terminaremos el pergamino aplicando el filtro desenfoque gaussiano con un valor de 75. Y luego activaremos la capa del pergamino y de nuevo elegiremos "Alfa a selección" del menú contextual. Activaremos la capa con el borde desenfocado e invertiremos la selección (Ctrl-I) y borraremos para quitar la parte no deseada con DEL.
Luego para el toque final decidí poner una "M" en algún font que quedase bien en el centro, con algún efecto de luz o fuego. Así que tras buscar un poco encontré un tipo de letra que me gusto mucho el tipo "Atlantis MF" que podeis conseguir aquí: http://simplythebest.net/fonts /fonts/atlantis_mf.html Tras instalar el font en mi ordenador, para poner la "M" con el efecto de luz hice lo siguiente: 1. Con la herramienta de texto coloqué una "M" con el font "Atlantis MF", de color #7a340d y tamaño 160px.
 2. Luego usé un script que viene con gimp para crear el efecto. Así que en el menú principal de Gimp elegí Exts -> Logotipos -> Calor resplandeciente (Glow Hot). Y en el texto puse "M" con el tipo "Atlantis MF" y tamaño 160.
 3. Esto me creó un nuevo fichero con el siguiente resultado.
 4. En este nuevo fichero me fuí a la ventana de capas, para elegir la única que me interesa de las 3 que crea, que es la del efecto "respladenciente" o glow.
 5. Arrastré esta capa sobre la ventana donde tengo mi "M" en el pergamino, y en el diálogo de capas la coloqué bajo la "M" que creé anteriormente.
 6. Luego con la ayuda de una guía vertical y otra horizontal que coloqué al 50%, a través Imagen -> Guias -> Guia nueva (por porcentaje), situé la "M" junto con el efecto en el centro de la imagen. Para mover ambas capas a la vez hice click en el espacio que hay entre el simbolo del ojo y la imagen de la capa en la ventana de capas, en ambas capas para que aparezca el simbolo de una cadena y asi vincular ambas capas.
 7. Y por último puse el color de la capa de fondo en blanco en lugar de en negro y luego seleccionando la capa con el pergamino le creé el efecto de sombra, con Filtros -> Luces y Sombras -> Sombra arrojada (Drop shadow) - no me gustó nada la traducción de drop shadow - Con los valores X=5, Y=5, Radio de desenfoque=10 y opacidad=80%.
 Y aquí teneis el resultado final:
 Aquí os dejo el fichero para que le echeis un vistazo como esta hecho. Fichero Gimp.
Password del fichero: leemiblog.com
 |
RSS feed Comments
me encanto el diseño...es mas lo voy a usar para hacerla tarjeta de mi bebe,de su 1º añito
me puedes desir como hacer eso en el pawer point
