pEste tutorial es para aquellos que tienen una idea de como se utiliza el Adobe Photoshop.

Si tienen alguna duda, no dude en consultarme. Es un diseo simple, pero para empezar esta bien.

Empezaremos con lo siguiente : 1 - *En este caso vamos a crear un banner en la medida de 468x60 pixeles, es bueno recordar que se recomienda que nuestro grfico no supere los 15 Kb de peso ya que si no no podremos inscribirnos en ningn programa de intercambio. Hacemos Click en Archivo Nuevo o Ctrl+N En la pantalla que veremos debemos colocar los siguientes valores : Anchura = 468 - Seleccionar Pixeles Altura = 60 - Seleccionar Pixeles Resolucin = 28,346 Pixeles/cm - Dejar el valor por defecto Modo = Color RGB Contenido = Blanco

Al hacer click en Ok ya tendremos el rea en la cual realizaremos nuestro banner 2 - *En este caso utilizaremos un solo color de base, entonces seleccionaremos un color para pintar el fondo veremos que en la barra de la izquierda tendremos la herramienta : - Bote de Pintura ( G ) Pintamos el rea de trabajo y ya podremos escribir el texto para el primer cuadro.

Guardamos el grfico haciendo click en : Archivo - Guardar para la web... Debemos tratar que el grafico no sea demasiado pesado y que a la vez se vea bien, ya que la suma de todos los cuadros harn que nuestro banner sea muy

pesado. Podremos probar con distintos valores de colores y distinto formato ( Gif o Jpg )

Guardamos nuestro grfico. 3 - Para crear una transicin entre los cuadro que componen nuestro banner crearemos un efecto de movimiento. Hacemos click en Filtro - Desenfocar - Desenfoque de movimiento.... Veremos dos opciones : Angulo = *0 Distancia = 16 pixeles ( a mayor nmeros de pixeles mas borrosa ser la imagen )

Volvemos a guardar el grfico. 4 - Para volver a utilizar el grfico sin tener que hacerlo nuevamente, debemos hacer lo siguiente : Hacer click en - Ventana - Mostrar Historia En la barra veremos que la ultima accin es la Desenfoque de movimiento.... al hacer click en la accin anterior el grfico se vera como si nada hubiese pasado.

5 - Escribiremos el texto de cada uno de los cuadros para nuestro banner y los guardamos. 6 - Realizar siempre los cuadros con el mismo color de fondo para hacerlo ma s atractivo. No olvidarse de realizar el efecto de movimiento para la transicin de cada uno de los cuadros. 7 - Solo nos resta utilizar el programa Image Ready ( entre otros ) para darle "vida" a nuestro banner, eso queda para el proximo tutorial.

Este es s lo uno de los efectos que se pueden realizar con Adobe Photoshop solo debemos utilizar nuestra imaginacin para darle mas vida a nuestro banner cambiando el fondo, agregando efectos al texto y mucho mas __________________

Ante la aceptacin que pareci tener el primer tutorial que escrib, destinado a explicar la creacin , de chapas informativas en Photoshop he decidido lanzarme de nuevo a la accin, y preparar un nuevo artculo con el que iros enseando algunos truquillos para poder manejar un poco mejor cada da este interesante pero laborioso programa de edicin de imagen. Atendiendo a la peticin que desde los comentarios del anterior tutorial me hacaMjWoman, voy a daros las orientaciones bsicas para crear un banner mnimamente atractivo, el cual podris luego emplear para poner en vuestra pgina web, documentos cuya presentacin queris mejorar, etc. Vamos, para lo que se os pueda ocurrir. Ya de paso os digo que si alguno de vosotros tambin quiere que escriba algn tutorial en concreto, no tiene ms que pedirlo, bien comentando aqu mismo o envindome un email, y si veo que el asunto resulta viable e interesante, me pondr sobre ello. Naturalmente, estos pasos que aqu os doy podis alterarlos en cualquier punto, para as conseguir un resultado ms personalizado a vuestros gustos. As pues, arrancamos el Photoshop y empezamos a trabajar:

1 - Lo primero ser crear un nuevo documento, pulsando en Archivo > Nuevo... y , determinando en la ventana que se abrir unas dimensiones acordes a nuestras necesidades. Para este ejemplo he usado 350 x 150 pixeles:

2 - Seleccionamos la Herramienta rectngulo redondeado, y el color que queramos que tenga el banner. Como podis ver, yo he optado por el verde oscuro:

8 - *Es

es el tr b

ter

Opciones de fusin... . Primero aplicaremos Sombra paralela con 70% de

opacidad, distancia 5 px, extensin 0% y tamao 5 px. Tambin seleccionamos Bisel y relieve, con Estilo bisel interior, profundidad 30%, tamao 3 px y profundidad 0 px. Deberamos tener algo as:

4 - Ahora, mediante la Herramienta de texto, escribimos el texto que queremos que aparezca en el banner. Para el ejemplo yo he empleado la fuente Elegance, la cual podis descargar aqu, con tamao 14 pt. y color blanco:

5 - Una vez escrito, y asegurndonos de que est la capa del texto seleccionada (lo estar si no pinchis en ningn otro sitio), volvemos al men Capa > Estilo de capa >

Opciones de fusin... , donde esta vez seleccionaremos Trazo, de tamao 4 px,

posicin Fuera y con un color verde pastel. Para el ejemplo yo he usado el #72B562. Aceptando tendremos algo as:

3 - Tras dibujar un rec ngulo del tamao que deseemos toca ponerle algunos efectos para hacerlo m s atractivo. Para ello, vamos a Capa > Estilo de capa >


6 -Como se han quedado unos huecos muy feos en los espacios entre letras como la C y la O, vamos a rellenarlos, no os parece? Para ello primero hemos de unir todas las capas (despus de esto, no ser posible editar el texto), lo cual se hace pulsando Capa >

Combinar visibles . Una vez hecho esto, seleccionamos la Herramienta cuentagotas,

y la utilizamos sobre el verde pastel que aplicamos como Trazo al texto:

Con esto, habremos seleccionado dicho verde como color para trabajar. Ahora, activando el Bote de pintura, iremos aplicndolo en cada uno de los espacios que hayan podido quedar en los interiores de las letras:

Vemos como ahora el resultado es ligeramente ms atractivo, sin esos espacios en verde oscuro entre las letras:

7 - Me segus an? Espero que s, porque ya estamos terminando. Para darle el toque definitivo de glamour, lo primero ser emplear la Herramienta Varita Mgica y pinchar en la zona de color verde oscuro, para seleccionar slo la base del banner:

Ahora seleccionamos la Herramienta pincel, y desplegando el men de seleccin de Pincel como se muestra en la imagen, nos vamos hasta el que tiene forma de estrellas:

Manteniendo como color de trabajo el verde pastel que antes seleccionamos haciendo uso del Cuentagotas en el paso 6, empezamos a dibujar estrellas de diferente dimetro (ste se selecciona en el men desplegable de antes), y por fin tendremos un banner tan majo como ste que paso a mostraros:

Hola, soy panxithoox, Bueno en esta oportunidad les traigo un muy buen tutorial hecho por mi en Photoshop, consiste en crear un Fondo de lineas de colores muy bueno, es un efecto a que mi personalmente me gusta mucho, aqui la muestra:

El efecto no es muy complejo, pero si no logran hacerlo, al final del Post! tambien les dejo el PSD hecho por mi, asi que empesemos:

Lineas de Colores

1- Primero Creamos un nuevo documento ( Las medidas que usare son: 750 X 800 PX y DPI: 96 Pixeles/Pulgada) y pintar el fondo de color negro.

2- Crear una nueva capa y pintarla de Color Blanco.

3- Ir al Menu Filtro > Interpretar > Fibras y colocar los siguientes valores:

4- Ir nuevamente a Menu Filtro > Desenfocar > Desenfoque de Movimiento y usar estos valores:

5- Hacemos Click en la capa en donde estan estas lineas y vamos al menu capa > Estilo de capa > Superposicion de Degradados O Tambien sirve; Click derecho sobre la capa donde estan las lineas > Opciones de Fusion > Y click en Superposicion de Degradado. Y Luego colocan estos valores, Los colores que utilize son los que trae el PS por Defecto, guiense por la imagen para encontrarlo:

6- Como veran, ya esta tomando la forma definitiva . Ahora convierte esta capa en Objeto Inteligente haciendo boton derecho sobre la capa. Duplica esta capa y por ultimo ve al Menu Filtro > Otro > Paso Alto y coloca estos valores y a esta capa que dice "Capa 1 Copia" cambia el modo de fusion de capa a "Superponer".

7- Oculta la capa de fondo "la negra" y hace click en cualquiera de las dos capas visibles y presiona el boton derecho del raton y selecciona combinar visibles. Ahora esas dos capas se unieron. Hace visible nuevamente la capa de fondo y hace click en la capa de los colores y presiona ctrl+T y achicala de los costados presionando la tecla ALT

8- Ahora presionen nuevamente Ctrl+T y giren estas lineas en un angulode 45 Grados presionando la tecla shift y despues estirenla como en el ejemplo

9- Ahora ir al menu imagen > Ajustes > Niveles y colocar estos valores

Y este seria el trabajo terminado, Luego ustedes pueden seguir aplicandole cada uno su estilo asi por ejemplo;

Si no tienen ganas de intentar aca les dejo el PSD con todo hecho

Espero les guste

Bueno hasta aca llego el post, recuerda que cada subida/post es un esfuerzo que hago desinteresadamente, para que ustedes puedan disfrutar de los mejores y nuevos juegos, tutoriales y demas. Si quieres tener todos los juegos y tutoriales, post que realize te invito a seguimer y vas a estar al tanto de todas mis nuevas subidas y post realizados. Un salu2 gente.

Cambiar el color de una imagen

Puede ocurrir que para un trabajo encontremos la imagen adecuada pero que la combinacin de colores no nos resulte del todo buena, que queramos modificar el color de la ropa de una modelo, la tonalidad de la pared de una casa, etc. Para esto hay algunas maneras:

Lo primero es encontrar la foto, en este caso, un auto, lo siguiente es elegir que sector vamos a modificar, lgicamente, el color del coche. Para esto sele ccionamos el contorno de la figura (Recortar imgen - 2) luego restamos las zonas que no queremos tocar como vidrios, patente, luces, etc. (Modificar selecciones - 1)

Una vez que tenemos exactamente delimitado el sector a m odificar procedemos a guardarlo de esta manera, en la barra superior, dentro de select, elegimos save selection, de esta manera no corremos el peligro de, por error, borrarla y perder el trabajo hasta ahora realizado. En caso de que suceda solo basta repetir la operacin pero yendo a load selection para recuperar todo.

Despus de este proceso nos centramos en la parte importante de este tuto rial, el color, para esto nos dirigimos al men de Image > Adjustmen > Hue/Saturation o Ctrl+U para evitar el proceso, all jugamos con los 3 parmetros que nos ofreceHue (tono) Saturation(saturacin, obvio) yLightness(luminosidad). En laimagen se ve como lo hice yo. Una aclaracin, en esta ventana esta la opcin de trabajar sobre cada color, pero en este caso se hace sobre todos, pueden hacer sobre uno slo y comprobar el lo resultado.

Pero ya que estamos en plan de probar vamos a hacerlo de otra manera, no me resulta tan prctica pero sirve para aprender otra cosa. Volviendo al auto original, con la seleccin de

& #  $   5

 6 " 

"



  #  #  5    "  "   " # $ #  #   $  " "  "% 3 "  "  "" 5 "

   #  $# $4  # $4 &     &  !  "!  " " "  5" ""   " " " "    &  #  &  # & #  # $ $ #  " 2     " 3  " "         2  " "   % !" #  &# 1 ) "  "   " " 0   $  $#      %"    !" !   

ifi

t il S ift N

i t

(' &

l i l ,

i t t fi l

l ,l l f t

j ,

lt

l i

i i

j l

7#

 &

&

&

li

Ki

l / 0 : 8 l i . i l.

88

# #