20 marzo 2010

PHOTOSHOP(Efecto hielo)

Creamos un nuevo documento de 300X600 de nombre: EFECTO HIELO, en
Modo Escala de grises y color blanco.
1
Activamos la herramienta Texto: en fuente elegí CooperSTD,tamaño 100pt.
Nítido ,en color negro y escribo Efecto Texto como puede apreciarse.
2
Activo el menú Selección> Cargar selección y en la lista desplegable
busco en canal:Efecto Hielo Transparencia y pulso OK.
3
Las letra del texto quedan seleccionadas, pero queremos seleccionar
el fondo y para ello tenemos que invertir la selección.
En el menú Selección>Invertir.
Ahora en Filtro>Pixelar>Cristalizar le damos un tamaño de celda de 10 y OK.
4
Volvemos a invertir la selección para aplicar otro filtro en el interior.
Filtro>Ruido>Añadir ruido y le damos la cantidad de 70% y Distribución Gaussiano
y así es como lo tenemos de momento:
5
Aplicamos Filtro>desenfoque>Desenfoque gaussiano con un Radio de 2px.
6
Abrimos Imagen>Ajustes>Curvas y dibujamos una curva lo más parecida
a esta:
7
Ahora vamos a crear la escarcha y para ello vamos a Imagen>Rotar lienzo>
Rotar 90º AC y a continuación Imagen>Ajustes>Invertir.
Otro filtro más en Filtro>Estilizar>Viento con los siguientes valores:
8
Tenemos que volver la imagen a su estado principal, así que volvemos a
Imagen>Rotar lienzo>Rotar 90º ACD.
Cambiamos a modo RGB. para poder darle color y abrimos:
Imagen>Ajustes>Tono y Saturación y activamos la casilla Colorear, y
aquí os dejo los valores que yo e puesto:
9
Y ya tenemos el efecto terminado.

19 marzo 2010

EL GIMP( Felicitación de San José)

Hoy  19 de Marzo, día señalado por partida triple, el santo de todos los
José y Josefa , porque es festivo aquí en La Comunidad Valenciana
y porque también aquí celebramos el Día del  Padre
FELICIDADES A TODOS.


"Papá lo unico que me duele más  de decirte adios,
es no haber tenido la ocasión de despedirme de tí."
TE QUIERO
REALIZADO INTEGRAMENTE CON EL GIMP DESDE CERO

18 marzo 2010

PHOTOSHOP(Reemplazar color)

Voy a explicar una forma muy sencilla de cambiar el color de un vehículo,
gracias al comando Reemplazar color.
Abrimos la imagen con la que vamos a trabajar.
1
Ahora vamos a Imagen>Ajustes>Reemplazar color.
A continuación se mostrará el  cuadro de dialogo Reemplazar color.
como podemos ver en la captura:
2
En el cuadro de diálogos e asignado una tolerancia de 200.
Tengo activada la casilla selección y la de Previsualizar.
Pincho con el cuentagotas sobre el color que quiero sustituir
y se visualizará en blanco la zona seleccionada y en el caso de
que quedaran zonas sin seleccionar, pinchamos sobre el cuentagotas
con el signo + y cogemos muestras de otras zonas.
En el apartado color se muestra el color que acabamos de seleccionar.
Ahora en resultado pinchamos y elegimos un color ,que podemos ir
cambiando con los deslizadores de tono, saturación y luminosidad.
3
4
Cuando estemos conformes con el color escogido pinchamos en OK.
También podemos sustituir el color con la herramienta Sustitución
de color, pero se suele utilizar para imágenes mucho más simples.

17 marzo 2010

MENÚ HORIZONTAL CON PÁGINAS

Como todos sabéis en blogger disponemos de un nuevo gadget PÁGINAS
con el que podemos crear hasta 10 páginas independientes.
No os voy a hablar de como se crean, porque en
el  BLOG DE LA INFORMÁTICA ,
José M.  lo explica pero que muy bien. 
Siguiendo sus consejos ya tengo 8 de estas páginas para ordenar
todas las entradas de mi blog por temas,
1
pero quedan en la sidebar, como un poco escondidas y mi intención es
utilizarlas como barra de navegación debajo del título  (como en una web)
Lo primero que hago es pinchar una por una las páginas que tengo en la
sidebar y copiar en un bloc de notas la URL de las que quiero utilizar en la barra.
2
Ahora me voy a Diseño> Edición de HTML (GUARDO UNA COPIA DE LA PLANTILLA)
3
y pego el siguiente código justo antes de:
           ]]></b:skin>
----------------------------------------------------------------------------------
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #C0C0C0;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
background-color: #175e74;
}
#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
background-color: #CC3300;
color: white;
}
#navcontainer #active { border-left: 1px solid #fff;
----------------------------------------------------------------------------------------------------
Aquí es donde podemos cambiar el color de fondo, de los botones, del texto, su tamaño, etc…
Ahora buscamos el siguiente código:
         <div id='content-wrapper'>
y justo debajo añado el código para visualizar la barra de menú debajo de la cabecera de mi blog.
-----------------------------------------------------------------------------------------------------
<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://mirincon-misaani.blogspot.com'>INICI0</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/el-gimp.html'>EL GIMP</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/el-gimp-tutoriales.html'>EL GIMP Tutoriales</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/photoshop-tutoriales.html'>PHOTOSHOP</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/flash-turoriales.html'>FLASH</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/informatica-varios.html'>INFORMÁTICA varios</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/pirograbado.html'>PIROGRABADO</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/videos_16.html '>VIDEOS</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/labores-y-manualidades.html'>LABORES</a></li>
</ul></div>
}
-------------------------------------------------------------------------------------------------------------------
Ahora solo queda sustituir las URL y el TEXTO por los vuestros.
Podéis añadir más líneas o eliminarlas si sobran.
Si queremos  ocultar las páginas vamos a DISEÑO, buscamos el gadget
PAGINAS , lo abrimos, desactivamos los cuadritos y guardamos.
4
Aunque en la parte de diseño seguirá viéndose el gadget PAGINAS donde
podemos hacer cambios, pero en le blog permanecerá oculto.

16 marzo 2010

EL GIMP(Rutas y Filtro neón)

Para la creación de este efecto voy a utilizar el trazado y el filtro neón.
Abro una imagen con fondo transparente y creo una nueva capa que e llamado ruta y
activo la herramienta Rutas.
1
Creo una ruta contorneando la silueta de la chica y redondeo las esquinas estirando
de los lados, hasta conseguir una ruta envolvente y abro la ventana Rutas.
2
1-Activo la herramienta Pincel y elijo el CIRCLE(09) Escala 1,00 y el color .
2-Pincho en la ventana de Rutas en Trazar ruta.
3-En el  menú que se abre activo Trazar utilizando una herramienta de pintura y luego en Trazo.
3 4
Una vez el trazado pintado de color voy a Filtros>Alfa a Logotipo>Neón
y escojo el Color del resplandor y aceptar.
5
Vuelvo a la ventana Capas y bajo del todo la capa Brackground  y combino las
dos de arriba del todo.
6
Pincho con el botón derecho sobre la capa Fondo  y en Alfha a Selección  para seleccionar
toda la figura y activo la capa Neón Glow  y con la herramienta Goma de borrar
voy alternando el borrado de la zona de dentro de la imagen.
7
El efecto esta terminado, ahora solo queda darle un pequeño  decorado,
utilizando varios pinceles y cambiando el color.
Dejo dos ejemplos:

13 marzo 2010

EL GIMP(Crear un CD)

Para empezar creamos un nuevo documento de 400X400 con el fondo blanco.
1
Vamos a colocar dos guías que dividan el documento por el centro, que nos
sirva de orientación y para ello vamos a Imagen>Guías>Guía nueva(por porcentaje)
y creamos una vertical y otra horizontal.
2
Creamos una nueva capa que llamaremos Circulo.
Con la herramienta Selección elíptica activa acercamos el cursor en cruz al centro
donde se unen las dos guías y después de hacer un clic mantenemos pulsadas las teclas
MAYÚS+CTRL para que el circulo salga desde el centro y le damos un tamaño de 390x390.
3
Ahora vamos a crear otro circulo de 50x50, del mismo modo que el anterior, pero
antes de hacerlo tenemos que activar el MODO: Extraer de la selección actual.
A continuación lo rellenamos del color #d2d2d2
4
Creamos una nueva capa que llamaremos Circulo2 y volvemos a crear los dos circulos
anteriores, pero esta vez con las medidas 383x383  y 110x110 respectivamente
y lo rellenamos de color blanco.
5

Ahora cambio los colores y pongo en color frontal #d2d2d2 y en color de fondo #586e7d;
Con la capa circulo2 activa y la  herramienta degradado , seleccionamos
el degradado  con la casilla activada como muestro en la captura y creamos un degradado
de izquierda a derecha.
6
Creamos una nueva capa que llamaremos Degradado y seleccionamos el degradado
Full saturation spectrum CCW y lo aplicamos sobre la capa de arriba hacia abajo.
7
Activamos la herramienta de escalado y le damos una anchura de 200px.
Se nos queda el degradado en la mitad de la capa. Ahora activamos la herramienta prespectiva
y vamos arrastrando los tiradores de arriba y de abajo  hacia el centro de las guías,
las veces que sea necesario hasta que coincidan las dos esquinas con el centro.
8
Duplicamos la capa y con la herramienta Rotar le damos un ángulo de 90,00 , movemos la
imagen hasta colocarla arriba y volvemos a duplicar la capa y realizamos la misma
operación hasta rellenarlo todo(tendremos 4 capas con degradado)
Combinamos hacia abajo hasta quedarnos con una capa degradado:
9 10
Seleccionamos el circulo la capa Circulo2 y volvemos a activar la capa degradado.
invertimos la selección en CTRL+I , borramos en SUPR y ponemos el modo
de la capa en Multiplicar y opacidad 30
11
Volvemos a la herramienta elíptica y creamos una selección circular de 140x140 y
Pulsamos CTRL+C para copiar y CTRL+V para pegarla en otra capa y la ponemos en
Modo Extraer granulado y opacidad 35.
12
Creamos una nueva capa que llamaremos anilla y creamos otro circulo de 90x90,
a continuación vamos a Seleccionar>Borde> y le ponemos 1px. y rellenamos de blanco.
13
Volvemos a repetir el ultimo paso creando una nueva capa anilla2 y con un valor
de circulo de 70x70px. y un borde de 1px. rellenamos de blanco
y eliminamos la capa fondo.

12 marzo 2010

EL GIMP(Fusión de imágenes y texto)

Para este tutorial voy a preparar las dos imágenes que van a intervenir
en la fusión.
La primera, la del chico selecciono todo el contorno que quiero conservar
y elimino el el resto, lo pego en una capa transparente y en Colores>Desaturar.
La guardo en formato PNG para que conserve la transparencia.

Con la segunda imagen, la de la chica, también elimino la parte que no quiero,
pero la convierto a dibujo( ya explicado en este tutorial) y con el fondo transparente
la guardo igual que la anterior.


Creamos un nuevo documento de 400X500 con el color de frente que será el negro.
1
Con la herramienta Texto en color blanco, la tipografía Compacta P EE Heavy(en mi caso),
tamaño 80px. Entrelineado de –31,0; y separación de las letras 3,0 escribimos el texto
que acompañará a las imágenes.
2
Con la herramienta Mover situamos el texto en su emplazamiento y vamos a
Archivo>Abrir como capa y abrimos la primera imagen(como podéis ver se crea una nueva
capa con la imagen.
Hacemos lo mismo con la segunda y a continuación las Reducimos y las situamos en su sitio.
3
Una vez colocadas pinchamos sobre la capa de la imagen superior con el botón derecho y
Combinamos hacia abajo, y ya tenemos las dos imágenes en la misma capa
4
Ahora activamos la capa texto y pinchamos con el botón derecho para ir a Alpha a selección
y se nos seleccionará todo el texto y muy importante comprobaremos que el color de fondo esté en negro.
Con el texto seleccionado, activamos la capa que contiene las imágenes y CTRL+I para invertir
la selección y pulsamos la tecla SUPR.
Como podéis ver en la captura la parte de la imagen que no está dentro del texto a sido eliminada.
5
Si os parece muy claro el resultado podéis ir a Colores>Curvas y jugar con la curva hacia abajo.
6
Y lo mismo con Colores>Niveles hasta que este a vuestro gusto.
7
Y ya está terminado, las florituras os las dejo a vosotros.
 
IR ARRIBA