Portal    Foro    Buscar    FAQ    Registrarse    Conectarse


Publicar nuevo tema  Responder al tema 
Página 1 de 1
 
 
GUIA de Photoshop CS by HeXaDeCiMaL (1ª parte)
Autor Mensaje
Responder citando Descargar mensaje
Mensaje GUIA de Photoshop CS by HeXaDeCiMaL (1ª parte) 
 
pues na, como he visto q me kitan las cosas, me las vuelvo a traer... si esq estos guiris me tienen envidia XDDDD

Weno, antes q nada, deciros q esta no es una guia en el autentico sentido de la palabra, sino mas bien es un ejemplo, pq para aprender cada herramienta del photoshop (entre otras cosas, q sera q no tiene...) os podeis leer la ayuda q viene con el programa, q esta muy bien.

Explikare aki como he exo mi firma para q asi podais tener una idea de como se acen las cosas en el photoshop, pq es un programa q rekiere, mas q saber manejarlo, tener imaginacion para saber como utilizarlas

repito q no pretendo enseñar como funciona, sino mas bien dar ejemplo para q la gente se anime a probar cosas, q ese es el mejor metodo de aprender: probar, probar y probar. Si alguien kisiera aprender q puede acer cada cosa de las q tiene el photoshop, no tiene mas q leerse la ayuda, como he dixo antes.

Empezaremos con la firma, para enterarnos sobre lo basico de selecciones, capas (y sus opciones de fusion), transparencias y algunos filtros, pero mas adelante posteare como he exo mi anterior y actual avatares, para tener mas ideas.


La Firma

Lo primero antes de acer una wena firma, avatar o cualkier otra cosa es tener una wena base (a no ser q se sea un GRAN GRAN GRAN experto y se sepan acer imagenes desde cero, pero eso rekiere muxo tiempo y experiencia, asi q lo descartamos)
Procedemos a buskar las imagenes. Las q yo elegi las encontre buskando en el google y fueron las siguientes:

http://img237.imageshack.us/img237/3664/dragonpicture0399wh.jpg

http://img135.imageshack.us/img135/6997/dragon3ys.jpg

http://img229.imageshack.us/img229/7851/thunder4ap.jpg

http://img267.imageshack.us/img267/5660/sun6ha.jpg

http://img267.imageshack.us/img267/6125/moon3mr.jpg


Ahora q ya tenemos las bases, empezamos:

1º Creamos una nueva imagen, para ello clikamos en Archivo>Nuevo... y nos aparecera un cuadro, donde podremos indicar el tamaño de la imagen, el modo de color y el tipo de fondo q tendra. Como es para una firma, escogeremos el tamaño recomendado, yo escogi 500 pixeles en anchura y 75 en altura.
En el modo de color, escogeremos RGB, pues esta dedicado a verlo a traves de un monitor. Si fuera para impresion, una mejor opcion seria CMYK.
La resolucion la dejamos tal cual, pues al ser la imagen destinada a monitor, no tiene importancia q aya 20 pixeles en cada pulgada q 5k, la imagen no cambiara. Otra cosa seria si kisieramos imprimir la imagen, xo eso es otra historia...
La profundidad de color la dejamos en 8 bits, pq sino no podremos aplicar muxos de los filtros, entre otras cosas.
El contenido de fondo no tiene importancia alguna, pero para este caso yo elegi el blanco (weno mas bien no elegi na, lo deje tal cual estaba XD)
En el cuadro de texto q aparece arriba del todo podemos especificar un titulo para la imagen, aunke esto no repercutira para nada en el desarrollo de esta, pues es tan solo una manera de distinguir entre imagenes kuando se tienen varias abiertas, ademas de q a la hora de wardar el archivo se pondra como nombre el titulo de la imagen, asi q si kereis ponerlo, poneis, sino, pues lo dejais como esta.

2º Ahora ya tenemos el lienzo para nuestra "obra de arte". Entonces pasamos a ponerle el fondo.
Escogemos la imagen del rayo como fondo: http://img229.imageshack.us/img229/7851/thunder4ap.jpg
Una vez abierta la imagen, la recortamos un poko por arriba y x abajo. Para acer esto nos vamos a Imagen>Tamaño de lienzo... (aki aseguraos de tener seleccionada la imagen, no nuestro lienzo)
Ahi nos encontraremos con las medidas de la imagen, pues coinciden con las del lienzo. Si acemos mas pekeño el lienzo, la imagen se recorta, asi q acemos esto. Ajustamos las medidas del lienzo a 600 de altura (fijaos q este en pixeles y no en cm), pero antes nos aseguramos de q en el cuadro de abajo, la imagen esté como ésta:
Image
Si el cuadro blanco no se encuentra centrado, la imagen solo se recortara x uno o dos de los lados, mientras q si esta centrado, se recortara por todos.
Ahora nos tocara poner la imagen como fondo. Seleccionamos toda la imagen con la herramienta Selecion RectangularImage y lo copiamos (Ctrl+C o Edicion>Copiar, pa los q no lo sepan).
Ahora pasamos a nuestro lienzo. Si tenemos maximizada la ventana de la imagen, la minimizamos o restauramos clikando en los botones q estan justo debajo de los de la ventana principal (minimizar, restaurar, cerrar)
Cuando la ventana del lienzo sea la ventana activa, pegamos la imagen (Crtl+V o Edicion>Pegar) y nos aparecera en una nueva capa, q podremos ver en la pestaña "capas" (si no os sale, dadle a Ventana>Capas o F7)
Una vez hecho esto, ya tenemos la imagen en el archivo de nuestro lienzo
Ahora ajustaremos la imagen al lienzo. Nos vamos a Edicion>Transformar>Escalar y nos aparecera un recuadro alrededor de la imagen, q se saldra del lienzo, algo asi:Image
Ahora debemos ajustar la imagen al lienzo. Clickando en una de las eskinas, reducid la imagen hasta q kede ajustada al lienzo, asi:
Image
Ahora le damos a "Enter" y se aplicara la transformacion.
Ya tenemos nuestro fondo, pasemos pues a ponerle cosas a nuestra obra.

3ºEmpezaremos por el sol y la luna de la derecha.
Abrimos la imagen de la luna: http://img267.imageshack.us/img267/6125/moon3mr.jpg (la del fondo ya podeis cerrarla, ya hemos terminado con ella) y seleccinamos la herramienta varita magicaImage
En la parte superior de la ventana, debajo de la barra de menus (archivo, edicion, imagen, etc...) podemos encontrar las propiedades de las diferentes herramientas, segun cual se tenga seleccionada apareceran unas opciones u otras. Para este caso, seleccionaremos una tolerancia de 10, y nos aseguramos de q las casillas "suavizado"(para q no se kede un corte tan seco) y "contiguo" (para q seleccione solo areas contiguas del mismo color, no de toda la imagen) estan activadas.
Ahora clicamos en la parte negra de la imagen, lo q no es luna. Con esto habremos seleccionado todo el fondo.
Ahora apretamos Crtl+Shift+I para invertir la seleccion, aunke tambien podemos acerlo desde "Seleccion>Invertir". Tendremos la luna seleccionada. Hacemos lo mismo q con el fondo: copiar y pegar. Ahora ya tenemos otra capa mas con la luna.
Recomiendo q pongais nombres a las capas para saber q contiene cada una. Podeis acerlo clikando con el boton derecho sobre la capa y luego seleccionais "propiedades de capa".
Ajustamos la luna = q hemos hecho con el fondo, pero esta vez q no coincida con el lienzo, pues no buskamos otro fondo. Kedara algo asi mas o menos, despues de escalar(para mantener las proporciones de la imagen y q no os salga una luna ovalada, mantened presionado shift) y mover (para mover seleccionad la herramienta "mover"Image):
Image

Ahora abrimos la imagen del sol:http://img267.imageshack.us/img267/5660/sun6ha.jpg y cogemos la herramienta Seleccionar ElipseImage(la herramienta elipse aparece al mantener clikada la herramienta seleccionar rectangulo) y manteniendo "Shift" presionado (para acer una seleccion circular y no eliptica) seleccionamos el sol. Nos quedara algo asi: http://img264.imageshack.us/img264/7471/seleccionarsol13ex.jpg
Si no nos ha quedado centrado podemos hacer click dentro del circulo seleccionado y arrastrar asta q se kede como ta arriba. Si lo q no abeis acertado es el tamaño de la seleccion, podeis ir a "Selección>Transformar seleccion" para modificarla, pero acordaos de mantener pulsado shift mientas arrastrais para no transformar la circumferencia en elipse.
Una vez seleccionado el sol, hacemos lo mismo q con el fondo: copiar y pegar. Tampoco se ajustara al lienzo, asi q volvemos a escalarlo = q con  la luna asta q veamos q se keda con el tamaño deseado. Tendremos esto:
Image
No os preocupeis si el sol tapa casi toda la luna, eso lo arreglaremos ahora. Ahora acemos doble clik sobre la capa del sol (en la pestaña capa, acordaos y no vayais a marearos XD) y nos saldra un cuadro de dialogo de "Estilo de capa", donde podremos modificar las opciones de fusion entre capas, o lo q es lo mismo, los efectos de reflejos, sombras, relieves, etc.
Bien, aki tenemos q acer click en "resplandor exterior", en la parte izkierda, asegurandonos de q solo esta esa activa. Cuando hagamos click sobre ella, apareceran en la parte derecha unas opciones. Alli tenemos q clickar en la barra de degradado q sale, esta: Image
Entonces nos aparecera otra ventanita donde configurar el degradado. Elegiremos las siguientes opciones:
Image

Con esto ya tendremos un degradado para nuestro resplandor exterior. En el recuadro "Estructura" comprobamos q el "modo de fusion" esta en "normal", la "opacidad" al 50% y el "ruido" al 0%.
En "Elementos", cambiamos la "tecnica" para q sea "mas suavizado", "extender" debe estar al 6% y "tamaño" a 18px.
En calidad clikamos sobre el cuadro q tiene una especie de cuesta y nos aparecera una ventana. ahi clikamos en el borde de la linea q esta en la eskina superior derecha y lo arrastramos asta la eskina inferior derecha. Clikamos sobre el borde de la linea q esta en la eskina inferior izkierda y lo arrastramos asta la eskina superior derecha. Le damos a OK y ahora deberiamos tener la misma cuesta pero invertida. (Probad mas combinaciones extrañas!! XD)
Activamos la casilla "suavizado" y nos aseguramos de q el "rango" esta al 70% y la "vibracion" al 0%, entonces le damos a Aceptar

Ahora veremos q el sol practicamente tapa toda la luna. Bien, es momento de subir la capa de la luna encima de la del sol. Para ello, clicad sobre la capa "luna" (a la q abeis puesto nombre anteriormente) y arrastradla acia arriba, encima de la capa sol.

Asi se quedara la luna sobre el sol. Ahora ajustamos las opacidades de cada capa para q se vea mejor:
-Teniendo seleccionada la capa luna, ajustamos su opacidad (encima de la lista de capas ay un cuadro q pone "opacidad") al 60%
-Con la capa sol seleccionada, ajustamos su opacidad al 65%
Ahora deberiamos tener algo parecido a esto:
Image

4º Ahora q ya tenemos el sol y la luna, pasamos a poner el dragon q se situa entre ambos.
Abrimos la imagen del dragon, y esta vez seleccionamos la herrmienta lazo http://img285.imageshack.us/img285/7038/lazo16vv.jpg (lazo poligonal no, lazo magnetico tampoko, lazo "a secas". Si nos aparece lazo poligonal o magnetico, hacemos lo mismo q si no nos apareciese la herramienta de seleccionar elipse) y, clikando y arrastrando, trazamos un recuadro alrededor del dragon, para q nos kede algo asi:
Image
Copiamos una vez seleccionado y pegamos en nuestro lienzo al = q las demas. Tambien la escalamos para q se ajuste al tamaño deseado (no os olvideis del shift XD).
Una vez lo tenemos escalado y situado, nos aparecera mirando hacia la derecha. Pues lo cambiamos: Edicion>Transformar>Voltear horizontal.
Ahora ya lo tenemos como debe estar, pero aun qda mal el borde ese q ha qdado del recorte, por lo q lo eliminamos:
-Con la capa del dragon pekeño (el q acabamos de poner) seleccionada, clikamos en "Añadir maskara de capa" Image pero OJO!! Es la q esta en la pestaña capas, no donde estan las herramientas. Esta situada debajo de la lista de capas, juno a una "f" (q son las opciones de fusion, es lo mismo q acer doble clik sobre la capa) y un simbolo de carpeta (q sirve para crear una "carpeta", donde se pueden meter varias capas para organizarlas por grupos)
Hecho esto, nos aparecera al lado de la imagen pekeña de la capa otra imagen en blanco, del mismo tamaño del lienzo (si os habeis fijado, todas las vistas preliminares de la pestaña capa, tienen el tamaño del lienzo, independientemente del tamaño de la imagen)
Ahora, todo lo q pintemos en esta capa, pasara a ser transparencia en la capa del dragon pekeño (lo llamo pekeño pq despues pondremos el grande XD).Como mejor se entiende es aciendolo:
-Seleccionamos la herramienta pincelImage y en sus propiedades (recordad, parte de arriba, debajo de la barra de menus) escogemos este pincel:
Image

Ahora, una vez seleccionado el pincel, nos aseguramos de q tenemos seleccinada la capa del dragon pekeño, y en concreto la mascara de capa, deberiamos tenerlo asi:
Image
Vereis en la imagen q en la mascara de capa ay unos puntos negros a la parte derecha. Bien, esto son las pintadas del pincel q he exo para kitarle los bordes al dragon. Ahora os toka a vosotros ^^:
-Para trabajar mejor, ajustaros el zoom en la pestaña "navegador" al 800%. Si no os sale dixa pestaña le dais a Ventana>Navegador
-Ahora las pestañas q tengais abiertas en la parte derecha de la ventana principal os molestaran pues os cubren el dragon. Para esconderlas pulsais Shift+Tab (si kisieras maximizar el area de trabajo, pulsad unicamente Tab), para volver a mostrarlas es la misma combinacion de teclas
-Una vez tenemos el espacio de trabajo despejado, con paciencia y sin prisas vamos pintando en las zonas donde estan los bordes para borrarlos. Si os ekivocarais no teneis mas q mostrar la "historia" (Ventana>Historia) y clikar en el ultimo paso q disteis bien.
Ahora q ya estan los bordes borrados, para rematar el trabajo eliminaremos los halos sobrantes:
-Ahora debereis clikar en la imagen del dragon (en la lista de capas) para pasar a editar la imagen y dejar la mascara como esta, debe kedaros asi:
Image
-Una vez exo esto, le damos a Capas>Halos>Eliminar halos... y establecemos el valor de 3-5px, pues la imagen es pekeña.
Ahora nos kedara un poko mas pulida la forma del dragon
Ya tenemos el dragon pekeño retocado y en su sitio, pasemos al dragon grande:

5º Abrimos la imagen del dragon grande:http://img237.imageshack.us/img237/3664/dragonpicture0399wh.jpg
Ahora la seleccionamos completamente con la herramienta Seleccionar rectangulo y la copiamos y pegamos en nuestra "obra de arte"
Como de costumbre nos sera demasiado grande, asi q eskalamos, pero esta vez, dejaremos fuera del lienzo gran parte de la imagen, kedara asi:
Image
Las capas deberian estar ordenadas de la siguiente manera en la lista de capas, de arriba a abajo:

-dragon grande
-dragon pekeño + maskara de capa
-luna
-sol
-rayo
-fondo (la q viene x defecto)

Como el dragon grande esta x encima de todo, pues lo tapa. Para solucionarlo le cambiamos la opacidad al 35%, con lo q veremos q la firma ya esta casi acabada:
Image

Ahora pasamos a poner el texto:
yo escogi la fuente q viene el el sacred, la "carolingia", la podeis encontrar en "...\sacred\font". Para instalarla solo teneis q copiarla a la carpeta "...\Windows\Fonts", pero si haceis esto kuando el photoshop este abierto, tendreis q reiniciarlo para q reconozca la/s fuente/s

Despues de instalar la fuente solo queda escribir el texto:
-Seleccionais la herramienta texto Image
-Os asegurais de q la pestaña caracter esta mostrada (Ventana>Caracter, por si no os habeis dado cuenta aun, todas las pestañas se activan/ocultan desde el menu ventana)
-En la pestaña caracter, escogeis la fuente deseada, en nuestro caso, carolingia
-Clickando en la imagen, aceis un recuadro (teniendo la herramienta texto seleccionada) y escribis ahi vuestro texto
Una vez escrito el texto, lo seleccionamos y clikamos aki: Image para darle color al texto (tambien se podia poner el color antes XD)
Ahora para darle aspecto de relieve al texto, acemos doble click en la capa del texto  (se ve enseguida, lleva una "T" bien grande al lao XD) y le clikamos en "relieve" en la parte izkierda, sin modificar sus opciones (acedlo!! modificadlas y probad cosas!!) y tambien le añadimos una sombra:
clikamos en sombra paralela y le añadimos las siguientes opciones:
-modo de fusion: normal
-Color: Negro (R:0, G:0, B:0)
-Opacidad: 70%
-Angulo 0º
-Usar luz global: Activado
-Distancia: 0px
-Extension: 15%
-Tamaño: 30px
-Contorno: Predefinido (la cuesta q sube de izkierda a derecha, sin cosas raras XD)
-Suavizado: Desactivado
-Ruido: 0%

Y ya esta, firma terminada... o no? XD
Aun faltan los destellos esos!

Bueno recomiendo q aki wardeis antes de acer nada (en formado .psd!!!), para no perder informacion de la imagen...


Ahora vamos a combinar las distintas capas para aplicar un filtro a todas ellas a la vez:
Pulsamos Crtl+Shift+E (o tambien Capas>Combinar visibles) para combinar todas las capas visibles, es decir, todas las q tienen un ojo a su izkierda (si no lo tienen, clikad en el sitio y aparecera, esto sirve para okultar capas y q no molesten para trabajar con otras)
Ahora tenemos todas las capas fusionadas en una, x lo q emos perdido la informacion de cada una en singular, x esto lo de wardar...

Una vez combinadas, le damos a Filtro>Interpretar>Destello... y nos aparecera una ventana, con una vistra preliminar de la imagen
Si aki clikamos sobre una parte de la vista preliminar de la imagen, se movera el brillo a ese sitio
Tambien podemos configurar la cantidad de brillo y el tipo de brillo
Yo he elegido el tipo de brillo "Zoom 50-300mm" para el brillo sobre la "i" de "HeXaDeCiMaL", con una intensidad del 50%
Para el brillo del dragon pekeño, he escogido el "prime de 105 mm" con una intensidad del 70%.

Y bueno, ahora si, ya hemos terminado. Observareis q no he puesto el dragon pekeño de la izkierda. Bueno, eso es uno de los gemelos q sake de una screen, pero la borre despues y ahora no la tngo, pero de todas formas es lo mismo q el otro dragon: lazo, copiar, pegar, escalar, mover, mascara de capa, pincel y eliminar halos ^^


Espero q os sirva tanto a los q no sepais nada aun como a los q ya saben algo, a los primero como iniciacion y a los segundos como nuevas ideas para futuras imagenes

Pronto seguire con los avatars, de momento, os dejo esto :wink:



saludos a tod@s, y gracias x leer esta guia
 



 
Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Mostrar mensajes anteriores:   
 

Publicar nuevo tema  Responder al tema  Página 1 de 1
 

Usuarios navegando en este tema: 0 registrados, 0 ocultos y 1 invitado
Usuarios registrados conectados: Ninguno





  

 

Licencia e Información de página
Todos los logos y marcas son propiedad de su respectivos dueños. Los mensajes y comentarios son de sus respectivos autores.
PHP Contra el SPAM   Este sitio está bajo una licencia de Creative Commons