tutorial basico de photoshop

Foro donde los usuarios pueden demostrar su destreza artística dando a conocer sus fanfics, fanart, poesia, historietas...
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

tutorial basico de photoshop

Mensaje por Manto »

(si esto esta en la seccion incorrecta, les agradeceria q lo movieran ;) )

varios me han preguntado como hago los fondos de OP q he presentado estas semanas... ocupo un programa (q ya muchos conoceran) llamado photoshop, q es muy versatil al momento de editar una imagen...

pero no toda la gracia la hace el editor, sino tb el autor de la edicion... primero es lo primero... una pequeña introduccion a la composicion grafica...

1- lo basico: sentido de lectura visual...
http://img.photobucket.com/albums/v126/ikenie/1.jpg

por muy bien q sepamos usar el programa, si no sabemos las leyes basicas de composicion, las imagenes saldran mal... la composicion de una imagen obedece a una serie de reglas, siendo la primera q la imagen debe obedecer al sentido de lectura (izq a derecha, desde arriba hacia abajo)... en el caso occidental es asi, para los orientales es de derecha a izquierda...

2- la seccion aurea permite componer mas facilmente...
http://img.photobucket.com/albums/v126/ikenie/2.jpg

toda composicion tiene un punto de atraccion, q puede ser una imagen, un color una forma etc... pero donde lo podemos ubicar?? el numero divino puede ser la respuesta...

http://html.rincondelvago.com/seccion-aurea.html

para resumirles, una composicion balanceada busca un punto q se encuentra en los tercios del formato (por ejemplo, una hoja en blanco)... respetando el sentido de lectura, un punto de atencion siempre se tiene q ubicar al lado izquierdo, tal como sale en la imagen...

http://img.photobucket.com/albums/v126/ikenie/3.jpg

cuando el punto de atencion esta bien ubicado, la composicion se permite leer tal como un texto y le permite volverse dinamica...

eso por ahora... agregare mas adelante una introduccion a la edicion de imgs en el PS...
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
DarK_RikU
Sargento Mayor
Sargento Mayor
Mensajes: 743
Registrado: Mié Ago 03, 2005 10:43 pm
Ubicación: Dixmor Asylum for the criminally insane.
Edad: 32

Mensaje por DarK_RikU »

GRACIASSSSSSSS :D:D te lo pedi y lo pusistes XDDDDD
Imagen

Imagen
Avatar de Usuario
DarK_RikU
Sargento Mayor
Sargento Mayor
Mensajes: 743
Registrado: Mié Ago 03, 2005 10:43 pm
Ubicación: Dixmor Asylum for the criminally insane.
Edad: 32

Mensaje por DarK_RikU »

no me he enterado de 2 karajos y medio, ke kieres decir cn esto??? jajajaja esto no sirve pa na!!!
PD:Perdon x el doble post
Imagen

Imagen
Avatar de Usuario
Hitsugaya
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 117
Registrado: Dom Oct 30, 2005 5:54 pm
Ubicación: Sun City
Edad: 34

Mensaje por Hitsugaya »

yo si pienso que es un buen tutorial, otra cosa es la explicacion, creo que no suficientemente adecuada a alguien que supuestamente no entiende del tema... si no te molesta añado algo mas de la composicion :wink:

En mi modesta opinion, un fondo, firma, avatar o cualquier imagen no se basa en la imagen en sí o su posicion, sino en su conjunto con el fondo y la fuente. Por ejemplo, una imagen cuyo fondo sea a partes azul y negro, no tiene nada que hacer con una letra no se, verde, no pega nada:

Imagen

veis? desentona mucho. Dentro de esto tambien se puede incluir que la letra (o fuente) no sea la adecuada para la imagen o el concepto que se quiera expresar. Pongo un ejemplo (liken no te sientas ofendido ni nada, solo pongo un ejemplo para intentar ayudar a que se aprenda mas en este dificil mundillo):

Imagen

otro ejemplo seria... yo mismo xDD el resultado del fondo y del personaje me gustó, pero con la letra se me fue la olla o yo que se :lol:

Imagen

Mejorar en esto de las imagenes es cuestion de practica y de constancia, probar muchos tipos de letras, fondos y colores, hasta llegar a uno que te quedes :shock: espero ayudar de algo con este post, aunque en realidad yo tampoco sea un experto que se diga... :wink:
"Tienes que considerar la posibilidad de que a Dios no le caes bien"

Imagen
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

EDICION DE IMGS EN PHOTOSHOP - parte 1: contraste, brillo, niveles y canales

lo primero es tener una imagen...

http://img.photobucket.com/albums/v126/ ... mirom1.jpg

esta img pertenece a una serie de ilustraciones q realize para un proyecto de multimedia llamado MiR:ROM... la imagen fue dibujada con lapiz azul sobre papel blanco y luego delineada con rotulador de tinta negra... a este dibujo se le saco una foto (no tengo scanner :P) con flash automatico...

como pueden ver la img esta muy clara y aun se pueden apreciar las lineas del lapiz azul... ademas las lineas mas delgadas se pierden con la distancia... pero no se preocupen cos las arreglaremos en el PS (PhotoShop, capice?)...

abrimos la img en el PS y veran esto...

http://img.photobucket.com/albums/v126/ikenie/tut1.jpg

este es el ambiente de trabajo en PS (o por lo menos con el q yo trabajo)... el navegador permite explorar la img y hacer zoom para trabajar con mayor presicion... la paleta de color permite seleccionar colores y la de capas administrar el flujo de trabajo en una imagen con varias secciones, por ej...

un tutorial bueno de introduccion para q se ambienten en el PS es este:

http://www.adobe.es/web/tips/phs7workspace/main.html

vamos a lo nuestro, q es editar la img...

http://img.photobucket.com/albums/v126/ikenie/tut2.jpg

primero, tenemos el problema de las lineas azules q hay q borrar... ven lo q esta encerrado en el circulo rojo? esa es el area de canales... funciona de la sgte manera: existen dos tipos de colores, primero estan los colores pigmento, q son aquellos q al mezclarse producen el color negro y se hacen presente en los objetos q nos rodean... en cambio, los colores luz se hacen presentes en el espectro luminoso y su sumatoria nos dara blanco... los monitores funcionan a base del modelo color luz, por lo tanto trabajan con ese espectro, q esta delimitado por tres colores: RED (rojo), BLUE (azul) y GREEN (verde)... en el PS, los canales representan el espectro de color luz de la imagen, por lo tanto tiene un canal RGB q es la sumatoria de los 3 colores y nos permite ver una imagen a todo color y cada canal por separado...

http://img.photobucket.com/albums/v126/ikenie/tut3.jpg

ahora, para borrar las lineas azules, selecciono el canal verde y lo borro apretando el icono q esta encerrado en el circulo (tiene forma de tarro de la basura)... una vez borrado el canal, aparecen dos colores: el cyan y el amarillo (colores q forman el verde)... ya q mis lineas eran azules, borro el canal de cyan y el dibujo me queda gris puro en el canal de amarillo...

ahora, para poder editar la imagen, se necesitan los canales RGB completos, asi q voy a IMAGEN, clickeo en MODO, elijo ESCALA DE GRISES; una vez q este en ese modo, voy de nuevo a MODO y finalmente clickeo en RGB y todo vuelve a la normalidad...

ahora arreglemosle el contraste para q las lineas vuelvan a ser negras...

con la imagen en RGB, nos vamos a IMAGEN, bajamos hasta AJUSTES...

http://img.photobucket.com/albums/v126/ikenie/tut4.jpg

por lo general ocupo primero NIVELES AUTOMATICOS para nivelar los grises y las perdidas de imagen producidas cuando le saque la foto a la img... tambien esto se puede hacer manualmente en NIVELES... para hacer las lineas negras, nos vamos a BRILLO/CONTRASTE y saldra lo sgte:

http://img.photobucket.com/albums/v126/ikenie/tut5.jpg

al ajustar es muy probable q les salgan una serie de "ruidos e impurezas" propias de la img... brillo y contraste se pueden repetir cuantas veces quieran... la idea es q repitan el proceso para obtener una buena calidad de img...

ahora pasamos al inicio de la entretencion ;)

como podran ver, en la seccion de CAPAS existe solo una capa llamada "fondo"... lo q haremos ahora es crear una capa nueva para copiar la imagen q existe en ella (ya q la capa fondo no se puede editar)... nos vamos a SELECCION, elegimos SELECCIONAR TODO, copiamos y pegamos... automaticamente sale una capa nueva con la imagen... con esto podemos borrar la capa de fondo...

http://img.photobucket.com/albums/v126/ikenie/tut6.jpg

para hacer transparente el dibujo (o sea q solo nos queden las lineas negras), nos vamos de nuevo a CANALES en la seccion de capas...

http://img.photobucket.com/albums/v126/ikenie/tut7.jpg

ven el icono encerrado en lineas negras? se llama "cargar canal como seleccion" y lo q hace es q todo lo q no sea negro lo selecciona y permite editarlo... en nuestro caso, queremos dejar la imagen transparente asi q presionamos "suprimir" cuando este seleccionado y voila!

http://img.photobucket.com/albums/v126/ikenie/tut8.jpg

imagen transparente!!

ahora bien, con este proceso las lineas negras se vuelven debiles, asi q nos vamos a SELECCIONAR, ponemos INVERTIR SELECCION y esto selecciona solo las lineas negras... con un pincel grande en 100% de intensidad y el color negro pintamos encima de la seleccion varias veces...

http://img.photobucket.com/albums/v126/ikenie/tut9.jpg

y asi estamos listos para proceder con el color!!!

ufff....

despues sigo XD
Última edición por Manto el Sab Nov 26, 2005 10:09 pm, editado 1 vez en total.
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

Demix escribió:yo si pienso que es un buen tutorial, otra cosa es la explicacion, creo que no suficientemente adecuada a alguien que supuestamente no entiende del tema... si no te molesta añado algo mas de la composicion :wink:
en realidad no me molesta para nada!! creo q la experiencia es mucho mejor q la teoria... llevo estudiando diseño 4 años y al segundo por fin entendi como se componia y lo primero era una especie de introduccion al mundo grafico...

toda ayuda es bien agradecida... ahora estoy buscando el archivo de la ilustracion digital q utilize como ejemplo para explicar un poco de color digital...
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
DarK_RikU
Sargento Mayor
Sargento Mayor
Mensajes: 743
Registrado: Mié Ago 03, 2005 10:43 pm
Ubicación: Dixmor Asylum for the criminally insane.
Edad: 32

Mensaje por DarK_RikU »

Joder,ERES TODO 1 artista maxo!!! Tanto a mano cmo por photoshop eres del karajo tio
Imagen

Imagen
Avatar de Usuario
H-Samba
Traductora
Traductora
Mensajes: 3782
Registrado: Mar Feb 01, 2005 4:37 pm
Ubicación: Isla Sogeki, en el interior de vuestros corazones
Edad: 40
Género:

Mensaje por H-Samba »

*chincheta* ^^

Podeis aprobechar el tema para dudas y añadir aqui vuestros "trucos" de photoshop.
Imagen
人はいつ死ぬと思う? 心臓をピストルで打ち抜かれた時。違う! 不治の病に冒された時。違う!!
猛毒キノコスープを飲んだ時。違う!!!
人に・・・忘れられた時さ!!!!
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

PARTE 2: COLOR CEL-SHADED

ahora podemos pasar al color... para este dibujo utilice una tecnica llamada cel-shaded, q se parece al color q se obtiene en los cels de animacion... ademas q se puede pintar con el mouse a diferencia de otras tecnicas en las cuales se necesita de una tableta digital...

del paso anterior, con el dibujo transparente, se obtuvo el sgte resultado...

http://img.photobucket.com/albums/v126/ ... ikenie.jpg

(notese q es solo el coloreado del personaje... el resto es fotomontaje)

veamos como se hace...

lo importante es utilizar CAPAS (varias! muchas! ojala una por cada item a colorear, ya sean los ojos, el pelo, etc...) y una herramienta llamada LAZO POLIGONAL...

http://img.photobucket.com/albums/v126/ikenie/tut10.jpg

lo q esta encerrado en el circulo azul es esta herramienta... para obtenerla, click y presiona en el lazo y saldra un menu donde la puedes obtener... funciona de la sgte manera: haces click y al mover el mouse sale una linea, al volver a presionar se fija otro punto y asi sucesivamente... para cerrar el recorrido tienes q volver al primer punto o presionas "control" y clickeas al mismo tiempo... esta herramienta te permite "dibujar" selecciones, las cuales puedes colorear con el bote de pintura para acelerar el proceso... en el caso de otras imagenes (como fotos) esta herramienta es muy util ya q permite recortar de forma precisa... asi q HAY Q DOMINARLA :P!!!!

vamos a nuestro dibujo...

http://img.photobucket.com/albums/v126/ikenie/tut11.jpg

nos vamos a la capa donde estan nuestras lineas, la llamaremos "TRAZADO" (se le puede cambiar el nombre a las capas dobleclickeando donde dice "capa N"), la bloquearemos (clickeando el icono en forma de candado en la parte inferior de la seccion de las capas) y la pondremos en modo de capa "MULTIPLICAR" (el menu modo de capa permite controlar los comportamientos de las capas, ya q estas se superponen unas arriba de otras... jueguen con esto, da muy buenos efectos de imagen ;) ) y crearemos una nueva capa ABAJO del trazado... mucho de esta tecnica tiene q ver con colorear debajo del trazado...

por ejemplo...

http://img.photobucket.com/albums/v126/ikenie/tut12.jpg

estas sombras grises fueron hechas con el lazo poligonal y el bote de pintura...

http://img.photobucket.com/albums/v126/ikenie/tut13.jpg

en el caso de los ojos, la cara y el cristal de el casco, las sombras se hicieron con lazo poligonal y bote de pintura... el efecto del cristal se hizo con opciones de capa y opciones de opacidad (al lado del menu de opciones de capa dice "opacidad")... la idea es q el cristal va por delante de la cara, por lo tanto, la capa del cristal tiene q ir antes ("arriba") de las otras... las capas se pueden mover de arriba hacia abajo manteniendo presionado el boton del mouse y moviendolas entre capas... el brillo de los ojos va por arriba de todo, per se es la ultima capa de toda la edicion...

con esta tecnica mas vale la pena q experimenten hasta q dominen el uso del lazo y de las capas... aprendiendo esto dominaran muchas mas cosas de PS...
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

H-Samba escribió:*chincheta* ^^

Podeis aprobechar el tema para dudas y añadir aqui vuestros "trucos" de photoshop.
grax!! ^^

ahora me voy a dormir... y tb a poner los ojos en agua con hielo XDDDDD
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
DarK_RikU
Sargento Mayor
Sargento Mayor
Mensajes: 743
Registrado: Mié Ago 03, 2005 10:43 pm
Ubicación: Dixmor Asylum for the criminally insane.
Edad: 32

Mensaje por DarK_RikU »

Te lo mereces,Te a quedado muy bien el tuto ^^,lo veo dificilillo....pero todo se puede con pracitica ^^
Gracias ;)
Imagen

Imagen
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

DarK_rikU escribió:Te lo mereces,Te a quedado muy bien el tuto ^^,lo veo dificilillo....pero todo se puede con pracitica ^^
Gracias ;)
cualquier pregunta, feliz de contestarla ^^...

intentare buscar links de otros tutoriales en español para q tengan como referencia... T___T explico tan mal, solo yo me entiendo XDDDD
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
Hitsugaya
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 117
Registrado: Dom Oct 30, 2005 5:54 pm
Ubicación: Sun City
Edad: 34

Mensaje por Hitsugaya »

para los que quieran quieran colorear de la forma que explicó Manto, pero no sepan dibujar (mi caso xD) un sencillo tuto:

cogemos la imagen a color que queramos recolorear nosotros:

Imagen

bueno ahora vamos a Imagen/Modo/Escala de grises, y a capa/duplicar capa. Pulsamos Ctrl + I para invertir la imagen, y a continuacion Filtro/Desenfoque/Desenfoque gaussiano y le ponemos 4 o 5, da igual. Ahora seleccionas Color Dodge como modo de capa (no se como sera en español :lol:) y tendria que quedar algo como esto:

Imagen

a partir de ahi ya se puede colorear a gusto, y te pueden salir cosillas como ésta que yo hice:

Imagen

suerte y y que la cromatizacion les acompañe!! xDD
"Tienes que considerar la posibilidad de que a Dios no le caes bien"

Imagen
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

muchas grax demix por el tip!! (uno aprende algo nuevo cada dia ^^)

continuemos...

PARTE 3: UN FONDO DE PANTALLA SENCILLO - EFECTOS, TRANSPARENCIAS, EFECTOS DE CAPA, TIPOGRAFIAS, PINCELES Y RELLENOS CON MOTIVOS.

lo primero es crear un nuevo documento... para un fondo de pantalla es importante recordar q debe ser proporcional a la resolucion de nuestro monitor... las medidas standard son 800x600 y 1024x768...

el nuevo documento tiene q ser TRANSPARENTE... una vez creado el documento se tiene q ver asi...

http://img.photobucket.com/albums/v126/ ... o/tut1.jpg

para guiarnos creamos una capa abajo de la CAPA 1 y la rellenamos con algun color solido no muy fuerte (celeste, por ejemplo)... recuerda q esta capa es solo una guia y al final del trabajo sera borrada...

http://img.photobucket.com/albums/v126/ ... o/tut2.jpg

otra cosa relevante: para q un fondo quede bien compuesto (como se menciono en la introduccion del tema) necesitamos guias... PS tiene un sistema de reglas, las cuales nos permiten ubicar guias (las cuales solo aparecen al trabajar en PS y desaparecen cuando la imagen pasa a otro formato); se activan yendo a VISTA, bajas hasta REGLAS (numero 1 en la imagen) y clickeas... tendria q aparecer unas secciones blancas graduadas (encerrado en el circulo rojo con la flecha 2)... para crear una guia, vas a la regla, presionas y mantienes y bajas, tendria q salirte una linea fina de color calipso... si sueltas el boton del mouse, la guia se queda donde hisiste eso (las guias por defecto quedan fijas, pero se pueden desbloquear en el menu VISTA en la seccion BLOQUEAR GUIAS)...

lo q quiero hacer es proporcionar la composicion a la seccion aurea para q se vea balanceada, entonces...

http://img.photobucket.com/albums/v126/ ... o/tut4.jpg

coloco mis guias "al ojo" XD mas o menos para obedecer a la seccion aurea... con esto establecido puedo pasar a agregar imagenes...

voy a archivo, pongo ABRIR y selecciono imagenes... (en el caso de q esten trabajando con PS CS2, les recomiendo q utilicen la opcion COLOCAR q es menos engorrosa q abrir muchos archivos)...

http://img.photobucket.com/albums/v126/ ... o/tut5.jpg

elijo una imagen transparente de sogeking q edite para una firma q tengo en otro foro (ademas de estar transparente, cosa q pueden hacer con el tutorial de edicion de imagenes q puse, le dibuje los pies con la tableta... dont worry si no tienen una, con el lazo poligonal y el bote de pintura tb lo pueden hacer)... selecciono todo, copio y pego en el lugar donde estoy haciendo el fondo...

http://img.photobucket.com/albums/v126/ ... o/tut6.jpg

al pasarlo al otra area de trabajo me doy cuenta de q la img de sogeking esta muy grande; para solucionar esto me voy a EDICION (*SIEMPRE CON LA CAPA Q QUIERO EDITAR SELECCIONADA*) y bajo a TRANSFORMAR (o en su defecto presiono CTRL+T)... para evitar q la img se deforme mientras la transformamos, mantener presionado SHIFT para q la transformacion sea proporcional...

http://img.photobucket.com/albums/v126/ ... o/tut7.jpg

ahora tenemos el sgte problema (bueh, no es parte de mis planes para este fondo): sogeking esta completamente transparente, o sea, lo q haya debajo de esa capa se "translucira" hacia arriba... para solucionar esto ocupare una herramienta llamada VARITA MAGICA (el lazo de los flojos XD)... con la varita magica seleccionare lo q esta afuera de el dibujo...

http://img.photobucket.com/albums/v126/ ... o/tut8.jpg

al seleccionar me doy cuenta de q algunas areas q estan afuera del trazado del dibujo estan aun sin seleccionar... entonces, con SHIFT presionado selecciono esas areas con la varita magica... SHIFT no solo sirve para proporcionar, sino q tb para agregar selecciones (en el caso de q se equivoquen al seleccionar, ALT es el contrario de shift y permite deseleccionar un area en particular sin deseleccionar el resto)... en el caso de q se equivoquen en una seleccion (o se les selecciona algo q no querian O_o) van a EDICION y clickean en DESHACER (o CTRL+Z... recuerdenlo, sera su mejor amigo ;) XD)...

http://img.photobucket.com/albums/v126/ ... o/tut9.jpg

una vez q todo el exterior este seleccionado...

http://img.photobucket.com/albums/v126/ ... /tut10.jpg

me voy a SELECCION, clickeo en INVERTIR SELECCION y obtengo algo asi...

http://img.photobucket.com/albums/v126/ ... /tut11.jpg

todo lo q habiamos seleccionado anteriormente se invierte para pasar a ser la seleccion de la imagen... con esta seleccion creo una CAPA NUEVA debajo de la imagen (IMPORTANTE! YA Q SI NO CREAS UNA CAPA NUEVA, LA IMAGEN SE PERDERA... pero por suerte existe ctrl+z por si esto pasa XP)... con una capa debajo de la de la imagen, seleccionamos BOTE DE PINTURA (encerrado con un circulo azul) y pintamos en la seleccion... notese lo de la capa en el circulo inferior rojo ;)

http://img.photobucket.com/albums/v126/ ... /tut12.jpg

una vez pintada la seleccion (la pinte color blanco), voy a SELECCION y clickeo en DESELECCIONAR (CTRL+D)... la capa superior, donde esta el dibujo, la pongo en MULTIPLICAR...

http://img.photobucket.com/albums/v126/ ... /tut13.jpg

una vez con la imagen lista, procedo a ver q mas se le puede hacer XD... uno de los recursos q he estado ocupando ultimamente (XD) son las lineas rectas (ya me puse media suprematista pa mis cosas XD)... las lineas rectas se pueden encontrar en la HERRAMIENTA RECTANGULO, clickeas, mantienes y seleccionas LINEA...

http://img.photobucket.com/albums/v126/ ... /tut14.jpg

para dibujar una linea, clickea, manten presionado y arrastra... con SHIFT presionado, las lineas siempre saldran rectas... ademas, si observas en la parte superior, puedes cambiarle el grosor en pixeles a la linea... pero, la linea se dibuja no en una capa, sino q es parte de una mascara de photoshop (observa lo q esta encerrado en el circulo azul), por lo tanto no se podra editar como el resto de la imagen... para convertir la linea en objeto editable, voy a la capa donde esta la linea, clickeo con el boton derecho y elijo RASTERIZAR CAPA

http://img.photobucket.com/albums/v126/ ... /tut15.jpg

haciendo esto, la linea se vuelve una capa editable como el resto...

ahora agreguemos unas tipografias... las tipografias funcionan de una forma similar a lo de la linea, por lo tanto, no se pueden editar como imagen si no se rasteriza la capa primero... para acceder a las tipografias elijes la HERRAMIENTA TIPOGRAFIA q es simbolizada por una T en la barra de heramientas...

http://img.photobucket.com/albums/v126/ ... /tut16.jpg

la herramienta de texto es bastante sencilla de utilizar... recuerden q los tamaños de las tipografias pueden ser distintos a los q ofrece el programa (ocupe la MsEavesRoman a 100 px cuando solo llegaba a 72 px como max)... las tipografias de PS funcionan vectorialmente...

http://img.photobucket.com/albums/v126/ ... /tut17.jpg

y sin rasterizar la capa tb pude editar y rotar las tipografias...

a proposito elimine el fondo guia ya q me estaba chocando visualmente XD

continuemos!!

ahora haremos un degradado... es bastante sencillo...

creamos una nueva capa debajo de donde esta la capa con la linea y ocupamos la HERRAMIENTA MARCO RECTANGULAR... click y arrastrar para seleccionar el area entre la linea y el final de la img...

http://img.photobucket.com/albums/v126/ ... /tut18.jpg

ahora vamos donde esta la herramienta bote de pintura, presionamos y mantenemos y saldra una nueva opcion q se llama DEGRADADO... seleccionamos...

http://img.photobucket.com/albums/v126/ ... /tut19.jpg

el degradado funciona de la sgte manera: la flecha del mouse se transforma en una cruz. al presionar y arrastrar saldra una guia, al soltar se creara el degradado... donde se inicia sera el COLOR FRONTAL y donde se termina sera el COLOR TRASERO... vayan jugando con esto para obtener el resultado deseado...

http://img.photobucket.com/albums/v126/ ... /tut20.jpg

esto por hoy... mañana seguire apenas termine el flash! ^^
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Avatar de Usuario
Manto
Recluta Privado de Segunda
Recluta Privado de Segunda
Mensajes: 113
Registrado: Jue Nov 03, 2005 12:14 am
Ubicación: en la punta del cerro, cerca de Jipang por alguna razon...
Edad: 41
Contactar:

Mensaje por Manto »

continuemos... (aun no termino el flash, pero estoy a punto de almorzar, asi q bueh... XD)

quedamos en q habiamos hecho un degradado debajo de la capa donde estaba la linea naranja... pero esta linea se pierde con el color del degradado... para evitar esto, podemos aplicarle EFECTOS al degradado para q obtenga otra caracteristica y haga a la composicion mas dinamica...

http://img.photobucket.com/albums/v126/ ... /tut21.jpg

voy a FILTROS y escojo alguno... algunos se daran cuenta de q tengo mas filtros de los q vienen con el programa (mezzy, master blaster, colour works, etc)... esos yo los instale aparte ya q los necesitaba para mi trabajo ;)... mas filtros se pueden encontrar en internet y se instalan en PS (lo explicare con mas detalle mas adelante)...

escojo PIXELIZAR del menu de FILTROS y aparecera un sub menu, elijo PUNTILLISTA... *IMPORTANTE: EL FILTRO SE DEBE APLICAR CON LA CAPA DESEADA SELECCIONADA (notese q la capa donde voy a aplicar el filtro (encerrada en un circulo rojo) esta seleccionada)*

una vez aplicado el filtro, obtengo esto:

http://img.photobucket.com/albums/v126/ ... /tut22.jpg

PS es un programa conocido por estos filtros y les recomiendo q jueguen con estos para q obtengan distintos efectos en su imagen... como yo quiero q mi imagen se vea limpia, ocupo un filtro sencillo, pero no descarto ocupar mas... los filtros tb funcionan en areas seleccionadas, o sea, si ocupan las herramientas lazo, marco rectangular, flecha o varita magica y hacen una seleccion y despues ocupan un filtro, lo q esta adentro de la seleccion se vera afectada por la transformacion...

http://img.photobucket.com/albums/v126/ ... /tut23.jpg

como veran aplique otro filtro mas, uno de DESENFOQUE DE MOVIMIENTO y agregue el fondo blanco...

ahora hagamos nuestra imagen mas interesante, les enseñare a usar el modo monocromatico de PS...

lo primero es grabar nuestra imagen de trabajo y minimizarla o cerrarla... escogemos una imagen de algun lado...

http://img.photobucket.com/albums/v126/ ... /tut24.jpg

escojo una imagen del manga, la cual seleccionare, copiare y pegare en un documento nuevo...

edito la imagen rapidamente, como explique al principio... cuando estoy lista me voy a IMAGEN, bajo a MODO y clickeo en ESCALA DE GRISES... cuando el programa pregunta si quieres eliminar la info de color, das click en OK y, listo! imagen en blanco y negro...

http://img.photobucket.com/albums/v126/ ... /tut25.jpg

importante es q todo este en una sola capa o sino el programa te solicitara acoplar las que tienes...

una vez q tengo mi img en escala de grises, me voy de nuevo a IMAGEN, a MODO y despues a DUOTONO, y les saldra lo sgte...

http://img.photobucket.com/albums/v126/ ... /tut26.jpg

esta opcion nos permite generar composiciones a un solo color ocupando un solo canal... puede ser MONOTONO, DUOTONO, TRITONO y CUATRICROMIA. esto se puede cambiar en el area q esta señalada con la flecha q dice "modos"... yo escogi un DUOTONO... para elegir los colores, clickeo en el cuadrado con un color: en la primera opcion saldra la paleta de photoshop (al color hay q ponerle nombre), pero en la segunda saldran los colores pantone... seleccionen dos y vayan probando y viendo cual sera la combinacion mas efectiva... una vez terminado, clickean OK y estaran listos para continuar...

lo q quiero hacer es traspasar esta img al proyecto de fondo de pantalla, selecciono todo, copio y pego en el fondo...

tenemos nuestra imagen en el fondo, pero se ve fuera de lugar... corregiremos eso en la continuacion de este tutorial!! asi vamos....

http://img.photobucket.com/albums/v126/ ... /tut27.jpg

:wave:
Imagen
OHJI IROI IS GOD! really!

campaña pro-ortografia y redaccion no oficial de OPPK "cos esto es un DAMN foro no un F****** chat!!!!"

http://kogama.blogspot.com
Responder