Log Out

Do you really want to leave here so soon?


Convertite en Güiikero en sólo unos segundos!

Retroceder   Güii - Guii.com.uy > Diseño Grafico > Tutoriales de Diseño
User Tag List

 
LinkBack Herramientas Desplegado
Post creado por:
アリアドナ ≧▽≦
Avatar de •Mig•
•Mig• está desconectado

Mi pensamiento Güiikero

jodance yooooo!! Me voy .i. xD

Mi info güiikera

Creé 382 post
Me registré el 11-August-2009
Estoy en caracas o vargas ^^
Veces que gritó Güii: 101
Le dijeron Güii 91 veces en 54 Post
Mentioned: 0 Post(s)
Tagged: 0 Thread(s)
Puntos: 4.692, Nivel: 7
Puntos: 4.692, Nivel: 7 Puntos: 4.692, Nivel: 7 Puntos: 4.692, Nivel: 7
Nivel máximo: 81%, 258 Puntos
Nivel máximo: 81% Nivel máximo: 81% Nivel máximo: 81%
Actividad: 0,9%
Actividad: 0,9% Actividad: 0,9% Actividad: 0,9%
Premios otorgados
Logros obtenidos
Por favor presten atención a los nombres que les asigno a las distintas capas, ya que me voy a guiar con eso, es por comodidad y también para que ustedes entiendan mejor.

Otra aclaración, yo estoy usando el Adobe Photoshop CS4, así que si ven algo distinto a la versión que ustedes utilizan, ya saben, no duden en preguntar realizando un comentario al final de este post.

Hagan un click en las imágenes para verlas en su tamaño original.

Empecemos:

Paso 1: vamos a empezar abriendo un nuevo documento en Photoshop, yo usare 800 x 1131.



Paso 2: ahora vamos a duplicar la capa “Fondo”, para poder utilizarla, por que por defecto la capa viene bloqueada y mas adelante vamos a trasformarla pero si esta bloqueada no podremos editarla. Una vez que hallamos duplicada, borramos laoriginal y a la duplicada la renombramos como “Fondo”

Paso 3: ahora vamos a hacer un degradado de blanco (#ffffff) a negro (#000000), así miren:



Y luego, a esa capa la vamos a transformar, apretando la siguiente combinación de teclas, Ctrl (Control) + T o sino vamos a “Edición -> Transformación Libre” y movemos el extremo superior derecho hacia arriba un tamaño considerable y el extremo inferior izquierdo lo movemos hacia abajo pero esta vez un poco nada mas, así miren:



Quedándonos así:



Paso 4: bueno, ahora nos toca hacer lo que a mi me cuesta mas hacer. Es recortar perfectamente una imagen, y más cuando nos toca recortar cabello.

Lo que vamos hacer es abrir nuestra imagen (Imagen).

Una vez que la abren van a agarrar la “Herramienta Pluma (P)” y van a ir bordeando la chica hasta terminarla, así miren:



Lleva tiempo eh, yo tarde 1 hora y media, pero me pare un rato a ver los Simpsons :) Continuemos…

Una vez que hayan terminado de trazar toda la chica, hacen un click derecho y eligen la opción “Crear mascara vectorial”



Eso nos recortara todo, menos lo que trazamos. Esta técnica de recorte es distinta y mejor que la técnica con el borrador, ya que si cortamos con el borrador, mas adelante no podemos retroceder, en cambio con la técnica que usamos en este tutorial si podemos retroceder en el momento que queremos, es muy fácil, solo tenemos que apretar botónderecho en el nuevo cuadrado que nos creo en la paleta de capas y elegir la opción “Deshabilitar mascara vectorial” o “Eliminar mascara vectorial”.

Me quedo así:



Paso 5: una vez que hayamos recortado nuestra chica, vamos a pasarlo al primer documento que creamos, si les queda grande, achíquenla transformándola y listo.

A la capa de la chica la renombran como “Mujer”.

A mí me quedo así:



Paso 6: ahora vamos a darle color a nuestra ilustración, vamos a usar capas de ajustes, mapas de degradado, niveles y brillo/contraste.

Vamos a Capa-> Nueva capa de ajuste-> Mapa de degradado… y configuramos así:





Y le bajamos la opacidad a 23%

Otra capa de ajuste, Capa-> Nueva capa de ajuste-> Brillo/contraste… y configuramos así:



Otra capa de ajuste, Capa-> Nueva capa de ajuste-> Niveles… y configuramos así:



Nuestra tableta de capas se debería ver así:



Quedandonos así:



Paso 7: ahora vamos a iluminar un poco nuestra chica, para ello, hacemos un clic en la capa de la chica para crear una selección alrededor y vamos a usar la “Herramienta Pincel (B)”, los tamaños vallan variando, dependiendo en donde van a iluminar, eso si, la dureza bajen a 24%.

Cuando lo tengan bien configurado en una nueva capa (arriba de la capa de ajuste Brillo/contraste) vallan dando pincelazos por partes donde ustedes creen que tiene que estar iluminado, pero no se sobrepasen, si no queda muy saturado el art y no queremos eso.

Una vez que hayan hecho los pincelazos le bajamos la opacidad a la capa a 35% y la renombramos como “Iluminación”.

Se les debería ver así:



Paso 8: ahora vamos a agregar elementos fundamentales para este art.

Creamos una nueva capa arriba de la capa “Fondo” y la renombramos como “Líneas 1” y cambiamos el Modo de fusión a “Superponer”

Ahora se van a bajar el pack de Pattern o Motivo que les dejo en el pack de los recursos utilizados al final de la entrada y lo cargan a Photoshop, una vez que lo hallan cargado van a usar el primer Motivo que contiene el Pack, que se llama “Motivo 1 by GonZa” en la capa Líneas pero antes van a hacer formas con la Pluma como esta:



Y ahora si, teniendo el trazo activo van a apretar botón derecho y van a elegir la opción “Rellenar trazado” y se les aparecerá una ventana como esta, y la configuran así (acuérdense elegir el primer motivo):



Les debería quedar así, yo lo di vuelta y agregue varios mas:



Talvez no les va a gustar como queda pero mas adelante si les va a gustar.

Paso 9: ahora vamos a introducir textos, nos bajamos la fuente Diet que les dejo en el pack de los recursos utilizados al final de la entrada y escribirlos dos textos, yo escribí, Fresh y Art , la palabra Fresh la cree debajo de la capa de la chica que la habíamos llamado “Mujer”.



Las gire un poco, ahora vamos a darle Opciones de Fusión como hicimos anteriormente, vamos a elegir la opción “Superposición de Degradado” y configuramos así (esto lo aplican a todos los textos que contenga su art):





Quedándonos así:



Ahora van a duplicar la capa del texto y la ocultan a la original, en la duplicada agarran la “Herramienta Subexponer (O)” y van a ir a darle pincelazos por los bordes de las dos palabras que escribieron, así:



Paso 10: ahora vamos a aplicar una textura grunge (Textura Grunge.jpg) que les dejo en el pack de los recursos utilizados al final de la entrada, lo van a poner arriba de la capa Fondo, le bajan la opacidad a 12% y la ponen en Superponer quedándonos así:



Paso 11: ahora vamos a aplicar unos pinceles (Redonditos.abr) que les dejo en el pack de los recursos utilizados al final de la entrada, van a crear una nueva capa arriba de la textura grunge y la van a llamar “Redonditos”, van a bajarle la opacidad a 48% y la van a cambiar a Sobreexpos. lineal (Añadir) a den pincelazos en la parte superior de nuestro art con un color blanco, así miren:



Paso 12, ahora van a crear unas líneas con la “Herramienta Rectángulo” parecidas a estas:



Las van a crear en capas diferentes, a una la llaman “Barra Inferior” y “Barra Superior”. A las dos capas le aplican las mismas opciones de fusión que le habíamos aplicado a los textos.

Se acuerdan de los redonditos que hicimos hoy con el pincel? Bueno a esa capa la duplican dos veces y a una la ponen arriba de la capa “Barra Inferior” y la otra arriba de la capa “Barra Superior”. A la que se encuentra arriba de la capa “Barra Inferior” le ponen como nombre “Redondos Inferiores” y a la otra “Redondos Superiores”, ahora a la capa “Redondos Inferiores” le van a crear una capa de recorte, para ello, seleccionan la capa y se van a “Capa-> Crear mascara de recorte”. A la capa “Redondos Superiores” le hacen lo mismo.

Nuestra paleta de capas se debería ver así:



Y nuestro trabajo se debería ver así:



Ahora, vuelven a duplicar la capa “Redonditos” y la ubican arriba de la capa duplicada de la capa “Fresh”, que seria mi texto superior, al duplico de la capa “Redondito” la llaman “Redonditos Fresh” y le hacen una mascara de capa como hicimos con las anteriores capas de los redonditos.

Nuestra paleta se debería ver así:



Y nuestro trabajo se debería ver algo así:



Paso 13: ahora vamos a trabajar sobre la capa del texto “Art”. Pero en la duplicada. Creamos una nueva capa llamada “Redondos Art” arriba de la capa duplicada del texto “Art” y la ponemos en “Superposición Lineal”. Ahora eligen otro tipo de pinceles dentro de los que les deje en el pack de los recursos utilizados al final del post, ustedes habían elegido unos redondos pequeños, se podría decir que son puntos casi, bueno, ahora eligen unos redondos grandes y pintas en la capa “Redondos Art” con un color blanco, una vez que hallan pintado le hacen una mascara de capa como hicimos anteriormente.

Les debería quedar así:



Nuestra Paleta de capas nos debería quedar así:



Les gusta como va quedando? Omitan lo que no les gusta, no los obligo a que hagan todo en el tutorial.

Sigamos:

Paso 14: ahora vamos a crear un borde al personaje que en estos tiempos están muy de moda, duplicamos la capa mujer, la ubicamos debajo de la original y le cambiamos el nombre por Borde.

Nos vamos a las Opciones de fusión de la capa Borde y elegimos la opción “Superposición de Colores” y configuramos así con un color blanco:



Aprietan en OK y ahora van a crear una nueva capa por encima de la capa Borde y las van a combinar seleccionando las dos y apretando Control + E.

Ahora van a mover la capa un poquito hacia la derecha del art, que se note un poco el blanco nada más:



Ahora van a hacer un click en el cuadrado que se encuentra a la izquierda del titulo de la capa, esto nos va a seleccionar toda la capa del relleno, una vez echo ello, van a agarrar la “Herramienta Lazo” y van a mover un poquito la selección hacia la izquierda del art y borran:







Bueno ya casi terminamos.

Paso 15: lo único que tienen que hacer ahora es seguir haciendo trazados y rellenándolos con el motivo, también hacen unos círculos, eso nada mas, ya terminamos. Este paso es opcional, ustedes deciden.

El resultado final es este:

  • Compartir
  • Compartí este post!
Trukutu Güiikeó este post!


I Love
Responder Citando Quote selected text Reportar Mensaje
  • 470
    Visitas
  • 3
    Comentarios
Post creado: 25-Jan-2010 a las 15:06
Wiiiiiiiii :D
Avatar de OMGHH
OMGHH está desconectado

Mi pensamiento Güiikero

._.

Mostrar info güiikera +

Realizado: 25-Jan-2010, 15:09 Comentario #2
mmm... creo q voy a avanzar un poko en la tecnologia y vajar el potosho!
parece bueno


"Cuando una persona padece delirios se le llama locura. Cuando muchas personas padecen de un delirio, se le llama religión".
Robert M. Pirsig


Responder Citando Quote selected text
アリアドナ ≧▽≦
Avatar de •Mig•
•Mig• está desconectado

Mi pensamiento Güiikero

jodance yooooo!! Me voy .i. xD

Mostrar info güiikera +

Realizado: 25-Jan-2010, 15:46 Comentario #3
Iniciado por OMGHH Ver Mensaje
mmm... creo q voy a avanzar un poko en la tecnologia y vajar el potosho!
parece bueno

me alegra q te intregres en el mundo del diseño porcierto si quieres phortoshop cs3 aca te dejo mi post

http://www.guii.com.uy/foros/photoshop-cs3-full-t5896.html


I Love

Última edición por •Mig•; 25-Jan-2010 a las 16:03
Responder Citando Quote selected text
Recien caido
Avatar de Trukutu
Trukutu está desconectado

Mi pensamiento Güiikero

Status....que es esto...?

Mostrar info güiikera +

Realizado: 25-Jan-2010, 16:24 Comentario #4
Buenisimooooooo, excelente tuto......
Responder Citando Quote selected text
Respuesta

Etiquetas
buenod, photoshop, tutorial
Temas Similares
Tema Autor Foro Respuestas Último mensaje
Tutorial de SAM Broadcaster 4.2.2 (Broadcasting) elmartin Zona Dj 0 19-Nov-2009 17:01
Tutorial de Eclipse, principiantes, para programar en Java elmartin Tutoriales 0 31-Oct-2009 15:19
1000 Trucos Para Photoshop DiMaNacho eBooks 1 18-Oct-2009 17:50
photoshop cs3 full+crack •Mig• Recursos para Diseñadores 3 05-Oct-2009 10:20
Las mejoras del Adobe Photoshop CS4 Zack Offtopic de Diseño 0 28-Sep-2008 18:06


Chat Güiikero!
Loading ...
Empty the chat input field
Show the formatting buttons line (BBCODES) Show the smilies selection line Enable/Disable sound in the chatbox Show the help window
MGC Chatbox Evo v3.2.2 by MGC © 2008-2012
General help
The MGC Chatbox Evo is really easy to use

You can :
  1. Send chats : you just have to enter the text in the dedicated input field and then to validate it by pushing the return key ou by clicking on the OK button.
  2. Format the chats :
  3. once you un-collapse the chatbox formatting toolbar by clicking on the BBCode button, you have access to different formatting options for your chats. You can format a chat by selecting a part (or the totality) of it and then select one of the buttons/list. You can also add empty formatting tags by selecting nothing and clicking one of the buttons/menu thus allowing you to add the chat text afterwards between these tags.*
  4. Access to the different channels : you can have access to different channels restricted to only some usergroupds or for specifics use of the chatbox. The different channels are accessible from the buttons on the left of the chatbox.*
  5. Edit your chats (or others chats) : the edition of a chat can be done by a simple double-click on it.*
  6. Use specific commands : some commands can be accessible in the chatbox depending on the will of the administrator(s) of your forum. These commands let you execute specific actions of formatting, management, etc... You will herebelow the information on the command which are accessible to you. You must notice that you are not forced to use the command prefixes (/command_name) when you use them in the channel they are attached to (except in the general channel).*
* : Depending on the settings chosen by the administrator(s) of the forum, you might not have access to all these features.



Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los Códigos BB están Activado
Las Caritas están Activado
[IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Activado


------
Guii en Facebook Guii en Twitter Guii en YouTube!



Guii.com.uy fue desarrollado y diseñado por DMNArts.com
utilizando como base vBulletin (Copyright © 2000-2011 Jelsoft Enterprises Limited.)
no new posts