tutorial basico de photoshop

[Manto]

al fin termine el flash!!.. asi q continuo con el tutorial...

quedamos en el paso q pegamos una imagen duotono en nuestro proyecto de fondo... ahora bien, me puse media autocritica, ya q la imagen en duotono es mucho mas "pesada" visualmente y me estaba desbalanceando la composicion (el degradado era muy debil en comparacion con el duotono), asi q decidi borrarlo y reemplazarlo con la imagen del manga en duotono...

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

eso si, no descarto utilizar el recurso del degradado aun heheh...

lo que quiero hacer ahora es bajarle un poco la intencidad a la imagen en duotono por medio de un degradado y de un EFECTO DE CAPA... para crear esto, creo una capa nueva sobre (o debajo... hay q ir experimentanto para obtener el objeto deseado) de la imagen en duotono y utilizo la herramienta degradado en esta nueva capa... luego utilizo los efectos de capa para obtener distintos resultados... ejijo "oscurecer" y la capa superior, donde tengo mi degradado, estara oscureciendo a la inferior....

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

al final, despues de probar con todos los efectos de capa, me quedo con "multiplicar", ya q me permite conservar el degradado y ademas la imagen se vuelve mas suave... ocupare algunos FILTROS para q el degradado sea aun mas interesante, aunq compositivamente esta bien...

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

utilize un filtro sobre la capa de degradado llamada "azulejos" (se encuentra en FILTROS/ESTILIZAR/AZULEJOS)... fui probando hasta obtener algo q me gustara...

ahora procedere a explicarles una de las herramientas mas entretenidas para decorar sus trabajos: el pincel...

importante es q graben el trabajo cos iremos a internet ahora XD...

PS viene con una serie de herramientas preestablecidas q pueden ser modificadas... el pincel, los filtros y el bote de pintura son buenos ejemplos... vamos al directorio de PS...

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

este es la carpeta de PS CS... clickea en AJUSTES PREESTABLECIDOS...

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

despues en PINCELES

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

y cuando abrimos esta carpeta nos encontramos con unos archivos con formato *.ABR... estos archivos son estilos de pinceles q pueden ser cargados en PS... hay muchas paginas en internet con estilos de pinceles gratis (en google pueden poner "free photoshop brushes" y podran bajar zips con pinceles... recuerden instalar los archivos *.ABR en la carpeta PINCELES para q funcionen )

como cargamos estos pinceles a PS?

clickeamos en la herramienta PINCEL y nos vamos a su menu de opciones (q es donde se elije el tamaño del pincel)... nos saldra el sgte menu...

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

en la parte superior de el primer menu q nos salga, saldra una flecha, clickeala y saldra otro menu... baja hasta donde dice CARGAR PINCELES y te saldra lo sgte...

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

aca puedes elegir los pinceles q cargaste en el directorio de pinceles de PS... una vez q pongas aceptar, los nuevos pinceles se cargaran al final de todos los q esten en la lista de seleccion....

10 mins q voy y vuelvo! XD

[Manto]

... continuamos!

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

una vez con los pinceles cargados es la hora de jugar un poco con ellos... les recomiendo q siempre trabajen en una capa nueva para q no se dañe todo el trabajo q llevan... experimenten con el color, las opciones de capa y de opacidad...

mucho del trabajo de PS tiene q ver con la creatividad propia del autor, si se entusiasman, PS puede ser el programa mas intuitivo del mundo... ojala este tutorial (q me salio un poco largo XDD ^^;) les haya servido como introduccion...

aca va el trabajo finalizado... notese q le agregue aun mas pinceles (en especial en los pies de sogeking, cos se veia en el aire XDDD)

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

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

[Citan]

Esta bien e tutorial, pero te hubiese quedado mejor si al SogeKing que has puesto en primer plano (el negro) le das tambien un tono anaranjado mas oscuro que el fondo, para que no desentone tanto con el resto del wallpaper.

[Manto]

Esta bien e tutorial, pero te hubiese quedado mejor si al SogeKing que has puesto en primer plano (el negro) le das tambien un tono anaranjado mas oscuro que el fondo, para que no desentone tanto con el resto del wallpaper.

LOL... algo asi?...

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

aplique un filtro COLOUR WORKS/HEAT... aunq el naranjo no esta tan oscuro.. (tendria q llevar la img en blanco y negro a una imagen nueva y hacer duotono para obtener el resultado adecuado)

y mientras probaba con eso... cambie el efecto de capa a superponer y obtuve esto...

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

personalmente, deje la img en blanco y negro cos es mi centro de atraccion visual y se destaca del resto q es anaranjado... pero la img blanca y semitransparente tb logra un cometido similar (pero me gusta mas XD)... si alguien quiere estas ediciones, me avisa

[nico d'robin]

ei, manto me gustan mucho tus tutoriales aunque si son un poco complicados para aquellos que no sepan utilizar el photoshop y sean principiantes, yo voy a poner un tutorial muy parecido al tuyo, retoque de una foto en blanco y negro, colorear, y poner letras con sobras, trazos y todo eso...pues bien:
Tutotial uno:
1.picamos dos veces en la ventana de acceso directo.
2.le damos a archivo , abrir , y elegimos una foto en blanco y negro de lo que querais, yo he elegido esta (con permiso de Xeno y Samba que es de su manga traducido):


3.pues bien, ahora cogeremos el tampón, que esta situado, en la columna que sale cuando se abre photoshop, lo marco en esta foto.


4.pincharemos con el boton izquierdo del raton y con "alt " del teclado a la vez , en la zona de donde queremos copiar (con el tampón vamos a quitar las picotas de la imagen negras , esas que son letras japonesas pero claro , para pintar la foto eso no es necesario)(tendremos que elegir un pincel del tamaño de 30 o asi , que no sea demasiado grande y que no sea duro sino que este un poco blando)y luego solo tenemos que ir pinchando con el raton en la zona negra para que se quede blanca , una cosa asi:

hasta que todo se quede blaco(la herramienta del tampón es muy buena sobre todo para el retoque de fotos, cuando quieres quitar arrugas, codigos de barras , y todo eso, aunque aqui tambien se puede utilizar)
5.ahora vamos a seleccionar con la varita el fondo que lo vamos a pintar de un color azul y verde clarito, similar al cielo,en primer lugar seleccionamos la varita en la barra de herramienas(la segunda de la segunda columna)pincharemos en el fondo y le daremos a "seleccion , calar, 1"para que la imagen no se quede muy tosca,ademas le daremos una tolerancia de 50, ya que la foto es blanco y negro y un poco contrastada y no hay problema si es una gran tolerancia, mirad se quedaria asi:


he seleccionado la tolerancia, y el doble cuadrito , esta funcion sirve para que cuando pinches una vez con la varita y no se seleccione todo lo que tu quieres, pues le das de nuevo y lo seleccionado anteriormente no se borra, sino que amplias la seleccion(no se si me habreis entendido).
6. a colorear, cogemos el pincel, que esta en la barra de herramientas(el cuarto de la derecha),vereis que abajo de la barra de herramientas hay 2 cuadros uno con color negro y otro con color blanco, pues vamos a picar en cada uno de ellos y elegir un azul claro en uno y un verde clarito en otro;luego daremos una opacidad y flujo moderado y un tamaño del pincel de 50 o asi, y poco a poco vais pinchando con el raton en el fondo sin preocuparos de que podeis saliros pues solo se pintara lo seleccionado, si quereis verde en vez de azul , hay dos flechicas al lado de los cuadros que ahora son verdes y azules, y se invertiran los colores y podras pintar con el otro color, una cosa asi:


7.asi sucesivamente, seleccionas la parte de los brazos con la varita y eliges un color marron claro y otro oscuro y vamos pintando los brazos, luego el suelo, luego el libro, y asi hasta terminar la imagen, quedaria una cosa asi:


8.una cosa bonita para que el fondo no se quede un poco soso, le daremos a "seleccion todo"
y luego a "edición contornear"le daremos una anchura de 20, un color negro, y posición dentro, no toqueis nada mas de ese cuadro, y le dais a aceptar, quedara una cosa asi:


9. ahora vamos a ponerle unas letras, con sombra y satinado, primero cogeis la T que sale en la barra de Herramientas, luego seleccionais la foto y poneis el nombre que querais, en mi caso sera Nico,teneis que elegir el tamaño , en mi caso 40, y un tipo de letra, en el mio la "papyrus" y escribis (el tamaño y la letra al gusto del consumidor), vamos una cosa asi::

10.ahora nos vamos a "capa, estilo de capa, trazo" y le daremos un trazo de color a eleccion del consumidor, y un grosor de 1 pues el generico es 3 y ese queda un poco grueso, .
10a.luego en la parte izquierda del cuadrado a "bisel/relieve"una profundidad a tope o a eleccion de cada cual, y un "suavizar" de 3 mas o menos.
10 b.nos subimos en la parte izquierda a "sombra paralela" y picamos, y lo dejamos tal cual pues me gusta esa sombra asi (podeis poner la sombra donde querais y todo eso pero a mi me gusta tal cual se queda)una cosa asi:


11. podemos ampliarlas o disminuir las letras, y torcerlas con "Edición, transformar libre, y cuando se haga el recuadro pulsando "ctrl" para que no se desfigure las letras" vamos una cosa asi:


12. CE FINI, hemos terminado yo deje las letras asi tal cual, y no las he transformado libremente, pues me gustan como quedan pero vosotros podeis hacerlo como querais, y mi resultado de la imagen es este:


Espero que lo hayais entendido, si hay alguna duda, no tardeis en preguntarme y yo os lo aclaro, no se a lo mejor no me he explicado bien pero yo creo que se entiende.

p.d. y si quereis como proximo tutorial , como hacer las siluetas de las pruebas de la guerra de bandas(es muy facil)^^solo teneis que decirme si quereis que lo haga o no ;hasta pronto

[Manto]

p.d. y si quereis como proximo tutorial , como hacer las siluetas de las pruebas de la guerra de bandas(es muy facil)^^solo teneis que decirme si quereis que lo haga o no ;hasta pronto

postealo igual ^^

tengo otro tutorial q es bastante sencillo y efectivo...

FOTOMONTAJE A LO "TOMATO"

tomato es una compañia de diseño britanica (son mis idolos!! quiero ser como ellos! XD) y hacen unas ilustraciones digitales de pelos... he aqui un ejemplo...

http://www.kompaktkiste.de/cd/_artist/u ... bo45s1.jpg

errr... no es muy buen ejemplo... XD pero es algo similar... tomato ocupa la superposicion de imagenes... es lo q haremos ahora...

la idea es q tengan varias imagenes q las fusionaremos a traves de capas y filtros...

por ejemplo, esta img se realizo con esta tecnica...

http://img.photobucket.com/albums/v126/ ... ir/mir.jpg

veamos como se hizo...

el primer paso es tener varias img... como mi tema era la estacion espacial mir, busque fotos q tuvieran ese sentido en particular... pueden ocupar cuantas imgs quieran...

despues me voy a PS, creo un documento nuevo y, de alguna de las imgs q encontre, copio y pego en este documento...

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

como pueden ver, a esta foto no le he aplicado ningun efecto... esta sera nuestra capa base y todos los efectos q apliquemos en capas superiores afectaran la visualidad de esta img...

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

ahora traigo otra foto y la pego en una nueva capa... a esta se le aplico un filtro llamado HALLAR BORDES (FILTROS/ESTILIZAR/HALLAR BORDES) y despues le aplico otro filtro llamado HEAT q se encuentra en el paquete de filtros COLOURWORKS (lo pueden buscar en internet)...

ahora la foto inferior no se ve, pero al ir jugando con los efectos de capa...

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

la foto inferior se transuce y adquiere otro valor...

en otra capa agrego otra foto mas, esta vez sin tratar...

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

pero cuando aplico el efecto de capa...

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

vuelvo a crear una nueva capa y agregar otra img... la siguiente era parte de un diagrama de la estacion espacial mir, el cual deje transparente, lo pixelize (FILTROS/PIXELIZAR/MOSAICO) y lo converti en duotono... despues lo aplique en esta nueva capa...

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

y al aplicarle el efecto de capa

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

ahora bien, el detalle de la foto de las hojas de planta no se nota mucho... lo q hago es DUPLICAR LA CAPA donde se encuentran estas hojas, clickeando la capa donde esta esta foto con el boton derecho del mouse y clickeo duplicar capa... la capa duplicada saldra arriba de la original y tendra exactamente las mismas condiciones q esta...

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

para obtener el efecto q quiero, la muevo arriba de la capa donde esta la estacion espacial mir, y le aplico un efecto de capa...

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

se recuerdan de esta capa?

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

tambien la duplique y la puse arriba de todas las capas, le agrego un filtro llamado RESPLANDOR DIFUSO (FILTROS/DISTORSIONAR/RESPLANDOR DIFUSO) y quedo asi

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

luego le aplique un efecto de capa y...

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

para finalizar, duplico 2 veces la ultima capa q pusimos (por una cuestion de fuerza de la imagen) y le aplico el filtro HEAT de COLOURWORKS... a una de ellas le puse una estrella con la herramienta LAPIZ...

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

y pongo a las dos en SATURACION en los efectos de capa...

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

et voila! sincortarpelarnirayar!! XD

[Black_Luffy]

Gracias!!! me gustaria aprender a usarlo, es que tanto tanto que he mirado
y no he dado asias

[H-Samba]

Por peticion. Tutorial coloreado por H-Samba:

1º Cogemos una imagen en blanco y negro del manga



2º Vamos a canales y hacemos seleccion como muestra la imagen



3º Borramos lo seleccionado y ponemos una capa blanca como fondo



4º Empezamos a colorear bajo la capa trasparente. Empezaremos usando unos colores mas oscuros del que realmente queremos utilizar.



5º Una vez hecho esto. Cambiamos el color por un tono un poco mas claro y reducimos un poco el "flujo" como muestra la imagen. Coloreamos por encima de lo anterior.



6º Otra vez los mismo. Mas claro, reducir flujo y colorear por encima mientras vamos dejando algo de borde.



7º Seguimos repitiendo este proceso hasta que empiece ha aparecer el color deseado y dejamos un poco de borde cada vez.



Al haber añadido tantos tonos la imagen logra una sensacion de volumen.



8º Y ahora solo queda hacer lo mismo en distintas capas con todas las demas secciones de la imagen.




Facil, pero laborioso ^^

[kitsune27]

Quiero hacer una pregunta relacionada con Imageready.Intento hacer una firma animada,cuando ya la tengo acabada,la abro en Imageready y la guardo,al hacerlo la imagen pierde color y toma tonos diferentes.¿Razones? ._.

[Captain Usopp]

Quiero hacer una pregunta relacionada con Imageready.Intento hacer una firma animada,cuando ya la tengo acabada,la abro en Imageready y la guardo,al hacerlo la imagen pierde color y toma tonos diferentes.¿Razones? ._.

Has probado a darle a guardar optimizada (está en archivos). Eso es lo que hago yo cuando quiero hacer una animada, si no es así no tengo ni idea .

Espero que te haya servido de ayuda .

[luffy]

Pues que al hacer la firma animada se guarda en gif y la imagen pierde calidad. Prueba a guardarla en otros formatos que pierdan menos calidad, pero aun asi te seguira perdiendo algo de calidad.

[H-Samba]

Quiero hacer una pregunta relacionada con Imageready.Intento hacer una firma animada,cuando ya la tengo acabada,la abro en Imageready y la guardo,al hacerlo la imagen pierde color y toma tonos diferentes.¿Razones? ._.

Hay una ventana que se llama optimizado, si no la ves, vete a:

Windows>Optimize (En español creo que es Ventana>Optimizar)

En esta tienes varias opciones para elegir, como el numero de colores, trasparencia...

Luego en la ventana principal hay unas pestañas que pone "original-optimize-2up-4up". La "original" te muestra como es antes de guardar y si marcas la segunda, "optimize", te mostrara como se vera una vez guardado.

[Mugen]

Jo, hacía un tiempo que no me pasaba por esta sección del foro, no tengo el tiempo sufuciente para hacer todo lo que debería hacer. Gracias por poner ese tutorial, H-Samba!

[kitsune27]

¡¡Gracias!! Segui los pasos que me indico Samba,en un paso me perdi y no se como consegui finalmente que se viera correctamente ^_^

[Manto]

ehhhh, volvi!!

COMO HACER USERBARS (advertencia: mata modem XD)

esto es bastante facil de hacer...

http://img.photobucket.com/albums/v126/ ... stut/1.jpg
1- crear un archivo nuevo, transparente, de 350 de ancho x 19 de alto (q, al parecer, es la medida estandar de los bars)

http://img.photobucket.com/albums/v126/ ... stut/2.jpg
2-escoger una imagen de la cual se hara el bar. les recomiendo q no sea una img muy grande o sino, costara mucho ubicarla en el espacio. elijo una imagen de Manto (XD) para hacerme una idea q parte usare y q colores utilizare.

http://img.photobucket.com/albums/v126/ ... stut/3.jpg
3-cuando ya este listo el documento, crear una capa nueva y con la herramienta DEGRADADO (donde esta el bote de pintura. presionar y mantener y saldra esta opcion) escoger un color, hacer un degradado de arriba a abajo (el color blanco tiene q quedar hacia arriba) o de lado a lado.

http://img.photobucket.com/albums/v126/ ... stut/4.jpg
4-ahora hay q crear los scanlines, q son esas barritas q se pueden ver en el bar... creamos un documento nuevo, esta vez de 6x6 y transparente

http://img.photobucket.com/albums/v126/ ... stut/5.jpg
5-cuando el documento esta listo, podremos ver q es pequeñisimo... hacemos zoom in lo maximo posible.

http://img.photobucket.com/albums/v126/ ... stut/6.jpg
6-con la herramienta LAPIZ (se encuentra donde esta el pincel, presionamos y mantenemos para ver la opcion) y con el color negro dibujamos una diagonal. IMPORTANTE: el tamaño de la herramienta lapiz debe ser de 1 pixel

http://img.photobucket.com/albums/v126/ ... stut/7.jpg
http://img.photobucket.com/albums/v126/ ... stut/8.jpg
7-cuando la diagonal este lista, vayan a EDIT y seleccionen DEFINIR MOTIVO... ponganle un nombre y listo! tendran un motivo de scanlines para crear muchos mas userbars (lo cual implica q no tienen q repetir el proceso del dibujo de la diagonal cada vez q quieran crear un userbar)

http://img.photobucket.com/albums/v126/ ... stut/9.jpg
http://img.photobucket.com/albums/v126/ ... tut/10.jpg
8-ahora tienen q volver al original (a la barra con el degradado) y en una capa nueva, arriba del degradado, con la herramienta TAMPON DE MOTIVO (en la herramienta tampon de clonar, presionar y elegir), escoger el motivo (en la parte superior de la pantalla de photoshop, sale una ventana q dice MOTIVOS, ahi se puede elegir) q creamos y pasarlo de un lado a otro para q tengamos nuestras lineas en la capa...

http://img.photobucket.com/albums/v126/ ... tut/11.jpg
9- ya q las lineas son un poco oscuras, las bajamos con las opciones de opacidad de capa...

http://img.photobucket.com/albums/v126/ ... tut/12.jpg
10-ahora viene el momento de poner nuestra imagen... seleccionamos un pedazo de nuestra foto original y la pegamos encima de las otras dos capas en una capa nueva...

http://img.photobucket.com/albums/v126/ ... tut/13.jpg
11-ahora viene el momento del texto... la idea es q las userbars se vean lo mas computacional posible, por lo cual se utilizan fuentes de pixel... yo utilizare la pixelpoint, ya q es la unica q tengo a mano... tb se tienen q leer asi q prueben los tamaños y los colores...

http://img.photobucket.com/albums/v126/ ... tut/14.jpg
http://img.photobucket.com/albums/v126/ ... tut/15.jpg
12-en una capa nueva q esta sobre todas las demas y con las herramientas SELECCION ELIPTICA (donde esta la herramienta de seleccion rectangular, click y saldra el menu) y BOTE DE PINTURA en color blanco, pintamos... al bajarle la opacidad, se obtendra volumen

http://img.photobucket.com/albums/v126/ ... tut/16.jpg
13-para finalizar, con la herramienta LINEA en 1 pixel de tamaño y en color negro, dibujamos los bordes... recomendacion: dibujen las lineas mas largas q el lienzo y adentro del dibujo, porq despues se pueden correr con las flechas del teclado hasta el lugar exacto donde deberian estar... y ademas, al presionar y mantener shift cuando se estan dibujando las lineas, estas siempre saldran derechas... para q las lineas se puedan visualizar bien, vamos a la capa donde estan dibujadas, con el boton derecho del mouse clickeamos y elegimos la opcion "RASTERIZAR CAPA".

cuando se tiene un userbar listo en el photoshop, puede servir para muchas veces mas, o sea, cambiandole el degradado, la foto y el texto, se pueden tener diseños diferentes y el trabajo es minimo...

este no quedo muy espectacular, pero aca va el resultado



este va para xeno...