Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas
Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas

martes, 1 de marzo de 2011

(T) Auras sin fondo en Photoshop

Tutorial creado por Countach y subido por Mata al foro DBM

Lo principal, como es natural, es tener una imagen a la que aplicar el áura, en este caso me decanté por un Yamcha que circula por la red, al cual le he quitado el fondo y puesto una sombra rápida.


El primer paso será, en una nueva capa, pintar a groso modo por donde irá nuestra áura, no os preocupeis por que quede perfecto, ya que vamos a modificarlo completamente.
Ahora empieza la mágia, con la herramienta dedo(si no la encontrais seguramente debais pulsar con el botón derecho sobre la herramienta desenfocar, con forma de gota, para que os aparezca el desplegable y poder seleccionar la herramienta dedo), vamos mantener pulsado el botón izquierdo del ratón, mientras lo movemos en la dirección que deseemos que el aura adquiera las puntas de las "llamas". El grosor a utilizar en la herramienta dedo, dependerá del tamaño del áura, en mi caso he usado un tamaño de 19, y posteriormente uno de 9 para matizar detalles.
Continuamos hasta completar el áura.
Ahora en otra capa pintamos, también a groso modo, la iluminación interior del áura.

Le aplicamos un desenfoque gaussiano, en mi caso de 32'7 píxels.



Aunque ya podríamos darla por finalizada, con sólo aplicar un par de efectos rápidos, el resultado mejora bastante. En mi caso un poco de resplandor exterior en el áura, y unos detalles.


Saludos

lunes, 6 de diciembre de 2010

(T) Rayos eléctricos (Photoshop)

Rayos eléctricos

Para este tutorial trabaje con esta imagen

1- Nueva capa, en la cual tomo un color blanco y con un pincel de 2 pixeles comienzo a dibujar los rayos.





2- Ya listos los rayos vamos a opciones de fusión con el clic derecho sobre la capa. Luego a “resplandor exterior” y cambiamos el color, pondremos un celeste. Yo use este color “87ceff” y jugamos con los valores “extender-tamaño-rango”.




Una ves listo como lo queremos "OK"




3-Duplicamos la capa y le bajamos al 25% la opacidad y entramos a opciones de fusión de dicha capa y aumentamos los valores “extender-tamaño-rango” para crear un efecto mas de brillo a los rayos. La clave de este efecto esta en los valores que usemos y en los colores.







Saludos

martes, 29 de diciembre de 2009

(T) Crear documento PDF con PhotoShop

Un tutorial de cómo crear un documento PDF con photoshop muy útil enviado por nuestra amiga Fanática.

-Lo primero que hay que hacer es tener listo las imágenes que quieres convertir en PDF

-Abrir tu Photoshop-Archivo-Automatizar-Presentación de PDF-Documento de varias paginas-Explorar-buscar la carpeta donde tienes las imágenes (si son varias Presionar Ctrl y seleccionar las imágenes a subir).

- Guardar con el nombre del documento que quieras y listo.

-Luego buscas el documento que guardaste y le das Abrir con Adobe Reader y veras de inmediato tu documento en PDF.

Aquí el link del video para ver como se hace.



Pueden encontrar otros tutos más en el canal de Fanática.

Saludos

domingo, 8 de noviembre de 2009

(T) Suavizar bordes de coloreados

Tenemos nuestro dibujo con las sombras hechas con un pincel de bordes duros.

Estos pinceles

Este es el ejemplo del sombreado 

Luego tomamos la herramienta “desenfocar” [ letra ( R ) ] para suavizar los bordes 

Ahora con la herramienta seleccionada la pasamos por los bordes


Y así nos queda

Esto mismo también es posible de lograr con un coloreando con un pincel de bordes suaves o usando una goma de bordes suaves para borrar los bordes duros.

El dibujo para este tutorial es Hector4 que dibuje hace ya 1 año atrás.

Saludos

domingo, 23 de agosto de 2009

(T) Crear globos de texto en Photoshop

Ahora les enseñare como poner globos de texto en Photoshop. Para esto utilizare una imagen de fondo que simulara nuestra página a la cual pondremos el texto y los globos.

Ya tengo mi imagen llamada fondo.

Ahora sobre la imagen de fondo usare la letra “T” para seleccionar la herramienta para escribir el texto.

Escribiré “hola amigos”

Ahora regreso a la capa “fondo” y creo una nueva capa que estará entre el dialogo y la capa de fondo.

A esta nueva capa la he llamado “globo” para identificarla.


Ahora trabajare en esta capa “globo”. Seleccionare esta herramienta y con el botón secundario selecciono “Herramienta Marco Elíptico” 

Y dibujamos encerrando el texto.


Ahora con el cambio al color blanco para pintar y selecciono la “Herramienta Bote de Pintura” de la barra de herramientas o presiona la letra ( G ) para elegirla desde el teclado. Con el bote de pintura pintare de blanco la selección que he dibujado.

Presiono ( ctrl+d ) para deseleccionar las líneas que cree con el la herramienta marco elíptico.

Selecciono esta herramienta y con el secundario “Lazo Poligonal” 

Con esta herramienta creare la cola del bocadillo. Nota: es importante en este paso crear la cola con la parte mas ancha por dentro de la zona pintada de blanco como se muestra en al imagen.

Ahora nuevamente pintare blanco con el bote de pintura sobre la cola que he creado. Y ( ctrl+d ) para deseleccionar.


Con esto terminamos… No, mejor no, ya que podemos hacer mucho mejor el globo así nuestro trabajo quedara mas “profesional”.

Botón secundario en la capa “globo” y “opciones de fusión” 


Seleccionamos “trazo”, es la que esta al final de las opciones. Elegimos un color para el marco del globo y un tamaño, en este caso use el “negro” y 1 píxel en el tamaño.

En este punto podemos jugar con los valores a nuestro gusto.


Ya terminamos.

Saludos

domingo, 9 de agosto de 2009

(T) Líneas cinéticas y Líneas de velocidad

Líneas cinéticas / Focus Lines

Tenemos nuestro dibujo al cual queremos poner las líneas cinéticas en el manga Studio 4.

A la capa de la donde creamos la viñeta le he llamado”Viñeta” y al dibujo “Fondo”. 2 y 1 respectivamente.

La siguiente imagen contiene spoiler.

Selecciono en la capa “viñeta” con la barita mágica el recuadro de la viñeta.

Con la selección hecha creamos una nueva capa y la llamare “Líneas”  .

Trabajando en la nueva capa “Líneas” es donde pondremos las líneas cinéticas. Ahora nos vamos a “Filter/Render/Focus Lines” y le damos click.

Aquí es donde debemos jugar con los valores y tipos de líneas. La herramienta que es una “Flecha” y se llama “Move” sirve para acomodar el centro de donde nacerán las líneas y el “Lápiz” llamado “Move Drawing Position” sirve para dar ajustes a donde nacen las líneas.

Conforme con lo que deseamos le damos “OK” y listo.

Líneas cinéticas por detrás de nuestro personaje

Otra opción es poner las líneas por detrás y sin cubrí el personaje o dibujo. Es el mismo método solo que debemos acoplar la capa “Viñeta” y la capa “Fondo”.

Para acoplar las 2 capas en una nos situamos en la capa “Viñeta” y presionamos “Ctrl+e” y se acoplaran.

Y seleccionamos con la barita mágica esos lugares en donde queremos las líneas. Seleccionados los lugares creamos una nueva capa donde pondremos las líneas.

“Filter/Render/Focus Lines”, jugamos con los valores y “OK”

Eso esto con las líneas cinéticas.

Líneas de velocidad /Speed Lines

Es exactamente lo mismo solo que debemos ir a “Filter/Render/Speed Lines”, jugamos con los valores y “OK”

Saludos

lunes, 8 de junio de 2009

Coloreado Photoshop 2009

Un tutorial de como colorear en Photoshop de Cs2 hacia arriba (no se si funcione en versiones anteriores).

Es la forma con la cual coloreo las paginas de LvtDBGT y algunos de mis dibujos 2009.

Nota: El tutorial contiene un error no mencionado, una ves que se coloree con el bote de pintura quedaran pequeños espacios en blanco (puntitos blancos) que seran necesarios colorear en la misma capa y con el mismo color con un picel pequeño



El resultado final


Cualquier duda consultar en este post y respondere en cuanto pueda.

Si deseas practicar este tutorial bajate el este mismo dibujo en blanco y negro AQUI o usa uno propio.

Espero les sera de utilidad

Saludos

viernes, 8 de agosto de 2008

¿Como crear una pagina de manga? (en proseso)

Siempre me preguntan como delinear o como crear un manga y les ayudo en lo que puedo. pero esta vez hare un tutorial sencillo de como crear una pagina de manga a mi estilo, o sea como lo hago yo en mis creaciones.

Nota: Si alguna imagen no carga hacer click en ella, si es muy pequeña y no se ve hacer click en ella

1-El dibujo

En esta oportunidad Goku y compañia accedieron gentilmente a colaborar con este tutorial.
La parte mas divertida de hacer (a veces), aqui usamos el tipico lapiz grafito o lapiz mina o portamina (lo que uso yo)o como lo conoscan.

Lapiz grafito Portamina

Yo hise este dibujo especialmente para este tutorial, es el que usaremos hasta completar nuestra pagina



Una ves terminado el dibujo pasamos a la siguiente fase

2-El delineado

Aqui es donde la cosa se complica un poco, requiere de mucha paciencia.
Usaremos lapiz de tinta, en mi caso uso lapices de tinta negra como este
Claro que ese es azul pero no encontre una imagen de uno negro hehehe, ese es exactamente el lapiz que uso para mis delineados, es un lapiz no costoso y muy util, algunos usan lapiz Pilot o cualquier otro, lo importante es que cumpla la funcion de entintar de manera sencilla.

¿Y si entinto con pluma? Yo hace mucho tiempo escrivia con pluma y recuerdo que la tinta no secaba rapido y se manchaba todo, lo mismo me dijo un chico asi que mi recomendacion es no usar pluma

Con nuestro lapiz de tinta seguimos todas las lineas del grafito de manera que se remarque el dibujo, no importa si te sales de la linea del dibujo eso lo podemos correguir en el Photoshop.

Bueno ya esta progresando el delineado, asi tendria que estar quedando.



Y despues dedelinear todo asi nos queda



Aqui el dibujo esta delineado completamente, notese que no marque los bocadillos ni las letras. Deje unos errores al delinear en la capa de Piccolo, la parte que esta bajo el cuello a la izquierda, lo hise para correguir eso y aprendieran a hacerlo tambien.
Ahora a esperar que a nuestro dibujo se le seque la tinta y borrar el grafito, podemos acelerar este proseso moviendo la hoja de un lado a otro para que seque mas pronto, lo ideal es esperar que seque y no borrar el grafito inmediatamente despues del delineado porque se corre la tinta y queda el dibujo estropeado

Bueno ya esta listo el delineado, no borre las letras ni los bocadillos solo el grafito de los personajes y asi quedo listo para ir a la primera edicion en el Photoshop. Asi nos queda.



3-Edicion 1 (Photoshop)

Aqui las cosas se ponen interesantes, nos vamos al Photoshop

Abrimos nuestro dibujo ya delineado y le abrimos



Luego vamos a



Seleccionamos "Fotocopia" y le damos los siguientes valores



Y le damos "OK"

Hora tendremos nuestro dibujo un poco mas delineado, pero se vera muy sucio y es ahi donde debemos trabajar

Usaremos la Barita, la podemos seleccionar con la latra"W" o en el panel de herramientas



Con la barita ya seleccionada pulsamos en algun lugar del dibujo que deseamos limpiar.
Yo seleccione el pelo de este personaje, las lineas rojas indican la parte que esta seleccionada



Y para borrar la suciedad del pelo solo presionamos "Supr" en el teclado




Ven, ya ha quedado limpia esa parte, asi con la barita vamos y el boton "Supr" vamos limpiando todo



Aun que rastros de suciedad por limpiar ya que la barita no pudo con todo pero aqui seleccionamos la goma "E" y borramos las letras y todo lo que nos moleste de manera de dejar el dibujo lo mejor posible



Ahi esta todo borrado y corregi algunas lineas pero deje las de Piccolo para corregirlas y mostrar como lo hago

Con la goma "E" vamos borrando lo que no queremos, comparen el dibujo anterior con el de ahora



Ahi se ve el lado corregido con la goma



Y ahi todo corregido, las fechas rojas muestan las lineas que fueron corregidas con la goma, fijense en alguna de las imagenes anteriores a la correccion para ver como quedo
Ya esta listo nuestro dibujo para la edicion 2 en el manga estudio, solo falta guardar nuestro trabajo

Guardamos en el formato "PSD" "PDD"



4-Edicion 2 (Manga Studio)

Abrimos el Manga Studio y ponemos

Image and video hosting by TinyPic


Luego ponemos los parametros que queremos, yo uso siempre los que pongo en esta imagen

Image and video hosting by TinyPic


Le ponemos OK

A continuacion tendremos listo para importar nuestra anterior pagina ya delineada y arreglada en el Photoshop.

Entonces vamos a "Import/Photoshop file..."

Image and video hosting by TinyPic


Y abrimos nuestra pagina

Image and video hosting by TinyPic

Ya abierta nuestra pagina se vera asi

Image and video hosting by TinyPic

Entonces lo que ahora hacemos sera centrar la pagina al centro con la herramienta que esta encerrada en el circulo rojo y teniendo seleccionado el layer de fondo "Background" que esta con verde

Image and video hosting by TinyPic

Y movemos la imagen al centro como se ve en la imagen

Image and video hosting by TinyPic

Quitamos los margenes clikeando en el ojo que se indica el circulo amarillo en la imagen

Image and video hosting by TinyPic

Ya sin los margenes pasamos a crear las viñetas, para eso clickeamos con el boton secundario del mouse en "Ruler/Panel Ruler Layer" como en la imagen

Image and video hosting by TinyPic

Ahora tenemos los margenes para las viñetas

Image and video hosting by TinyPic

Ahora debemos posicionar los margenes con la siguiente herramienta "Object Selector"

Image and video hosting by TinyPic

Con esta herramienta arrastramos y acomodamos los margesnes a nuestra pagina que dibujamos (no descuiden esta parte del proceso) . Despues de hacerlo nos quedara asi

Image and video hosting by TinyPic

Ya listo los margenes crearemos las viñetas, para eso usaremos la herramienta "Panel Ruler Cutter"

Image and video hosting by TinyPic

Ahora cortare a la horizontal partiendo de la parte superior de la pagina, marque con flechas rojas la trayectoria del corte, vean la imagen

Image and video hosting by TinyPic


Y ahora el resultado

Image and video hosting by TinyPic


Siguiente paso , acomodar las lineas con la herramienta "Object Selector" como cuando ajustamos el margen hace poco

Image and video hosting by TinyPic

Comparen como alinee la linea de la viñeta con la herramienta (no importa que las lineas del dibujo queden fuera de las lineas de las viñetas, lo corregimos despues)

Image and video hosting by TinyPic


Ya repetido habiendo creado todas nuestras viñetas tendremos esto

Image and video hosting by TinyPic

Ahora vamos a hacer click con el boton secundario en "Panel Ruler Layer" y "Rasterize Panel Ruler.."

Image and video hosting by TinyPic

Aparecera una tablade valores, dejenla tal cual si no saben de que se trata. A mi me va bien con aquellos valores. Le damos click en OK y listo

Ahora retiro el ojo de la capa "Panel Ruler Layer" con un click

Image and video hosting by TinyPic


Vemos ya las viñetas definidas

Image and video hosting by TinyPic


Pasaremos a borrar las lineas que quedaron fuera de las viñetas, ver imagen

Image and video hosting by TinyPic


Seleccionamos el "Background" para trabajar borrando las lineas que sobran

Image and video hosting by TinyPic

Y la herramienta "Eraser" para borrar

Image and video hosting by TinyPic

Y comensamos la aburrida y delicada tarea de borrar todo eso que sobra

Image and video hosting by TinyPic

Terminado dicho proseso seleccionamos todas las "Layers" que estan en la seccion "Image"

Image and video hosting by TinyPic

Vamos a la parte superior del Manga Studio, presionamos en "Layer/Merge Layers" y OK

Image and video hosting by TinyPic

Pasemos a los bocadillos, para eso necesitamos escrivir algo con la herramienta "Text"

Image and video hosting by TinyPic

Escrivamos algo, devemos tener abierto la barra "Layers Properties" eso se activa en la parte superior del Manga Studio "Window/Properties"


Image and video hosting by TinyPic

Una ves escrito algo y presionado OK cuando este listo tendremos la opcion para poner los balones de dialogos

Lo que esta con rojo son todos los tipos de balones que disponemos, lo que esta con azul es la cola que le agregamos al balon de dialogos y lo que esta con verde es para borrar la colo si lo deseamos

Image and video hosting by TinyPic

Seleccione el balon "Standard1", luego presione en "Add Tail" para agregar la cola ( y aparecion un cuadrado al centro del balon, es la base de donde movemos la cola a nuestro gusto)

Image and video hosting by TinyPic

Luego OK
Y este es el resultado

Image and video hosting by TinyPic

Asi hacemos todo el proceso hasta terminar de poner los balones y los textos

Nota: Por mi parte no uso el Manga Studio para poner el texto, solo pongo los balones. No pongo el texto en este programa por queel programa carece de la letra "ñ" y por que mi ordenador funciona muy lento cuando le pongo texto en Manga Studio, por esas razones no lo hago

Asi que siguo explicando como lo hago yo por si a alguien lo quiera hacer de esta manera tambien

Listo todos los balones

Image and video hosting by TinyPic

Solo queda unir las "Layers" otra ves, asi que las seleccionamos todas y vamos arriba "Layers/Merge Layers" y OK


Image and video hosting by TinyPic



Y listo. Nuestra pagina ya esta lista para exportarla y seguir editandola en Photoshop

Image and video hosting by TinyPic

Vamos a "File/Export/Export Image by Pixel Specification"
Aparecera una opcion para darle los parametros que queramos, yo uso estos

Image and video hosting by TinyPic

Le damos OK y elegimos el nombre para nuestra hoja y el lugar donde guardarla

Ya esta lista para la otra y ultima edicion

5-Edición (Photoshop)

Ya sigo la parte k falta perdon por el retraso

Saludos