31 marzo 2010

EL GIMP (Plugin Resintetizar)

Algunas veces queremos eliminar una parte pequeña de nuestra imagen.
El problema siempre es conseguir que el fondo sea lo más parecido posible al del resto del de  la foto.
En el siguiente enlace de Tatica, podéis ver un podcast donde explica el funcionamiento de este plugin y su instalación para Linux.
Si queréis descargarlo podéis hacerlo en este otro enlace.Captura
Yo lo instalé para Windows de la siguiente forma:
Se descomprime el archivo  y se creará  una carpeta llamada resynthesizer-for-Windows-0.13b,
abrimos esta carpeta, y adentro se encuentra la carpeta Program files,
abrimos esta carpeta y encontramos  la carpeta Gimp-2.0, volvemos a abrir la nueva carpeta,
y vemos las carpetas "lib" y "Share", después de seleccionar las dos
carpetas, las copiamos y las pegamos en:
C:\Archivos de programa\GIMP-2.6\, y nos informará de que estas carpetas ya existen,
le decimos “si” a todo lo que nos pregunte y ya lo tenemos instalado.
Abrimos El gimp y lo encontramos en Filtros>Mapa>Resynthesize y listo.

27 marzo 2010

PHOTOSHOP( Textura-Motivo Césped)

Voy a crear una textura  de Césped que guardaré como Motivo para utilizar
en otra ocasión.
Como siempre creamos un nuevo documento de 300x300 con el fondo blanco.
1
Cambiamos el color Frontal: #214836; y el color Fondo: #969600;
Creamos una nueva capa y la rellenamos del color de fondo en
Edición>Rellenar>Color de fondo y ok.
En Filtro>Interpretar>Nubes.
2
A continuación Filtro>Ruído>Añadir Ruído y asignamos los valores
que muestro en la captura siguiente:
3
Aplicamos otro Filtro>Estilizar>Viento y asignamos los siguientes
valores:
4
Vamos a girar la imagen,  para ello vamos a Imagen>Rotar Lienzo 90ºAC.
Creamos una nueva capa y la rellenamos con el color Frontal.
Esto es lo que tenemos de momento a la vista:
5
Para que no quede tapado y podamos apreciar el aspecto de césped,
hacemos doble clic sobre la miniatura de la última capa que hemos creado
y se abrirá Estilos de capa , y en Opciones de fusión hacemos dos 
pequeños cambios, en Modo: Subexponer color y en Opacidad:11% y OK.
6
Ya tenemos terminado nuestro césped, pero ahora la intención es guardarlo
como un motivo para utilizarlo en otra ocasión. Para ello abrimos
Edición>Definir motivo y en la ventana Nombre de Motivo le escribimos
Césped , para poder encontrarlo con facilidad cuando nos haga falta y OK.

24 marzo 2010

PHOTOSHOP (Crear un CD)

Hace unos días expliqué como crear un CD con El Gimp.
Lo podéis encontrar en este enlace.
En esta ocasión voy a crear el mismo CD pero  con Photoshop.
Es una forma de ver las diferencias entre un programa y el otro.
1-Creamos un nuevo documento de 400x400 y con el fondo en blanco y vamos a
Vista>Reglas y a continuación acercando el puntero a la regla vertical ,arrastramos la guía
hasta situarla a 200px y lo mismo con la regla horizontal hasta colocar la guía a 200px. y
quedará en forma de cruz.
2
2-Creamos una nueva capa que yo e llamado círculo grande.
Con la herramienta marco elíptico activo, vamos a la barra de Opciones y seleccionamos
 Estilo: Tamaño fijo; y las medidas 390x390px. , creamos el circulo y lo centramos.
Una vez creado el circulo ,activamos el botón Restar de Selección y hacemos otro nuevo,
cambiando el tamaño a 50x 50px ; lo centramos y pintamos la selección con el color #e6e6e6e.
5
3-Creamos una nueva capa que llamaremos círculo pequeño y hacemos lo mismo que
en el paso 2, pero esta vez con las medidas 383x383px para el circulo grande y 110x110px para
el pequeño y pintamos de color blanco.
6
4-Cambiamos los colores: Frontal #d2d2d2; y  Fondo #586e7d;
Con la capa círculo pequeño activa ,pinchamos Capa>Estilo de capa>Superposición de degradado
y aplicamos los valores que se ven en la captura, eligiendo como degradado color frontal/color de fondo.
Aplicamos el degradado de izquierda a derecha y deseleccionamos.
7
5-Creamos una nueva capa que llamaremos Degradado y  con la herramienta degradado activa,
buscamos el degradado ESPECTRO y lo aplicamos de arriba hacia abajo.
8
6-Ahora vamos a Edición>Transformación libre y arrastramos el cursor desde el lado izquierdo hasta reducirlo a la mitad.
A continuación activamos Prespectiva y arrastramos los dos cuadrados, el de arriba y el de abajo hacia el centro,
donde se unen las dos guías.
9
7-Duplicamos la capa y esta vez en Edición>Transformar, seleccionamos Rotar180º y movemos la imagen hasta
situarla en el otro extremo.
Duplicamos esta última capa , la rotamos 90º y la movemos hasta su posición.
Volvemos a duplicar la última y, la rotamos 180º y la colocamos en el sitio que nos queda para completar el puzle.
10
11
8-Combinamos las 4 capas y activando la capa círculo pequeño y pulsamos CONTROL mientras hacemos clic
en la miniatura de la capa y se nos seleccionará todo el circulo.
Volvemos a activar la capa degradado y CTRL+MAYÚS+I para invertir la selección y SUPR.
13
9-Activamos Capa>Estilo de capa>Opciones de fusión; y le ponemos como Modo Exclusión y Opacidad 70%.
14
10-Ahora en Capa>Nueva Capa de Ajuste y seleccionamos Tono y Saturación y Opacidad 30%
y en el cuadre de dialogo que se abrirá a continuación hacemos los siguientes cambios:
15
16
11-Seleccionamos la herramienta Marco elíptico y en opciones 140x140 px. y
CTRL+C; CTRL+V(copiar y pegar) y se creará una nueva capa, y en
 Capa>Estilo de capa>Fusión general; Modo Aclara y opacidad 30%.
17
18
12-Creamos una nueva capa y un círculo de 90x90px. y pintando de blanco y en
Selección>Modificar>Contraer 3px.y SUPR.
13-Creamos una nueva capa y repetimos los mismos pasos, pero esa vez con el valor 70x70px.
y una vez creado el círculo vamos a Capa>Estilo de capa y seleccionamos  Bisel y Relieve
con los siguientes valores:
19
Selección>Deseleccionar.
Si comparamos un resultado con el otro se nota una pequeña diferencia entre el CD de el gimp y el de photosop, porque el gimp todavía no dispone de Estilos de capa, aunque podeís ver que utilicé menos pasos para crear el de gimp.
EN RELACIÓN CALIDAD- PRECIO, VOSOTROS MISMOS.

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:
 
IR ARRIBA