miércoles, 10 de junio de 2015

Manual Paso A Paso De Photoshop



Paso a Paso  Phothoshop


Veremos a continuación la creación de un poster en Photoshop aplicando diseño gráfico constructivista usando colores vivos, jugando con la ligereza, perspectiva, y las formas geométricas combinadas con técnicas de fotomontaje y el collage digital. 



Lo primero que haremos es abrir Photoshop y crear un nuevo documento de 1200px de ancho por 1600px de alto en RGB y 72dpi. Seleccionando lacapa de ajuste en la paleta Capas, seleccionamos Degradado yestablecemos colores 7D0000 a 480000, con un angulo de 16 a 20 grados 

TUtoriales en phothoshop 
Ahora vamos a agregar una textura al fondo, para esto tomamos unaimagen que usaremos de textura y la pegamos en una nueva capa llamadatextura por encima del fondo degradado. A esta capa textura lecambiamos el modo de fusión a Linear Burn. 
ps 
Seguimos con la capa textura y vamos a Capa, mascara de capa, ocultar todas. Ahora vamos a la herramienta de degradado (G), y establecemos los colores 000000 a FFFFFF, indicando también la opción de degradado reflejado en el panel superior. La mascara de capa se debe llenar con un degradado ligeramente inclinado y usando un pincel grande y Negro con la opacidad y flujo en 50% para ocultar parte de la textura de la capa en la parte inferior derecha. 
VB
Vamos a aumentar ahora el contraste de la textura de la capa, para esto con CTRL + L vamos a los ajustes de niveles y seteamos como muestra la imagen 
visual basic 
Es momento de agregar el personaje central de nuestro diseño,pegamos la imagen en una nueva capa que llamaremos man, extrayendo el fondo blanco 
photoshop
Seleccionado la capa man usamos ahora la herramienta Mover (V) para darle perspectiva a la imagen, para lograrlo movemos el angulo superior izquierdo y el derecho "estirando" la imagen en la parte superior 
mejores programas 
Seguimos con la herramienta de grabación (O) para oscurecer un poco la parte derecha del personaje y mejorar la idea de perspectiva y volumen 
TUtoriales en phothoshop 
Vamos a duplicar la capa man y aplicamos Filtro, Otros, Paso Alto definiendo un radio de 10px. 
ps 
A esa capa duplicada le aplicamos modo de fusión Superposición (Overlay) 
VB
Trabajemos ahora en la sombra proyectada de nuestro personaje, para esto duplicaremos nuevamente la capa man, y la ubicamos detrás de la capa man original, es conveniente nombrarla como shadow (sombra) para mantener prolijo y organizadas las capas de nuestro diseño. La movemos a la derecha y con transformación libre le damos la ubicamos y transformamos como indica la imagen. 
 visual basic
A esa capa shadow, le aplicaremos un Tono de Saturación (CTRL + U)con una luminosidad de -100 y con eso se acerca más a una sombra. 
photoshop
A esa sombre dibujada vamos a disimular los bordes para que quede más como sombra, para esto vamos a Filtro, Blur, Gaussian Blur, con un valor de radio 5px. 
mejores programas
Vamos a duplicar la capa sombra y la agrandamos agrandamos, luego reducimos la opacidad al 25%. 
TUtoriales en phothoshop 
A la capa sombra le aplicamos una opacidad de 75% y combinamos ambas capas. 
ps 
Continuando con los detalles, con la herramienta Borrador (E), eliminamos el sobrante de la sombre en los pies del personaje 
VB
Con la herramienta de Tipografía escribimos la palabra TIME con fuente Arial, negrita y tamaño 300pt. 
visual basic 
En la capa TIME y con la herramienta Tipo seleccionada en el panel de Opciones vamos a Crear texto Warped. Usaremos el estilo Arco, Bend0%, distorsión  horizontal de -60%, con una distorsión vertical de 0% 
photoshop
Debemos ahora con transformación libre dar el efecto de profundidad al texto, tal como luce la imagen 
mejores programas 
A la capa TIME de texto, aplicaremos ahora estilos de capa de superposición de degradado del color 8D6009 a 522300, con ángulo de 36º. 
TUtoriales en phothoshop
Y luego una Sombra de 75% como indica la imagen 
ps
Creamos otra capa de texto con la frase so little y ubicamos porencima de la capa TIME. A so little le aplicamos estilo Arco ydistorsión horizontal de -50 grados y con transformación libre lollevamos con la imagen para acompañar el efecto de la palabra TIME. 
VB
Copia el estilo de capa de TIME en la capa so little, y edita elcolor del estilo de degradado de la capa so little llevándolo del color3A0303 a 2A0000. 
visual basic
Con las capas TIME y so little crearemos un grupo que llamaremos Text 
photoshop 
Crearemos ahora el reflejo para los textos, en primer lugar seleccionamos la carpeta textos y convertimos en objeto inteligente. Seguimoscon duplicar el objeto inteligente, para esto seleccionamos el objeto ypresionando ALT lo movemos. Al duplicado le hacemos Edición,Transformar, Voltear Vertical.mejores programas
Seleccionando la copia de texto, con CTRL + T para transformaciónlibre, distorsionamos el texto para pegar su base al texto superior.Debes dejarlo como muestra la imagen 
TUtoriales en phothoshop 
Ahora seleccionamos la capa text copy y vamos a Capa, mascara decapa, ocultar todas. Luego rellenamos la mascara de capa con unadiagonal degradada de Negro a Blanco. 
ps
Tomaremos ahora una textura de papel grunge y pegaremos en una capa encima de todo 
VB 
Con CTRL U ajustamos el Tono Saturacion a -100. 
visual basic 
A la capa de textura la llamaremos textura top, y le indicamos modode fusión Superposición, y bloqueamos la capa de forma de poderseleccionar otras capas debajo de esta. 
photoshop 
Ajustaremos ahora el color del personaje, para esto duplicamos lacapa man, seleccionamos la capa man, y hacemos Capa, Nueva capa deajustes,Filtro fotografía, y seleccionamos filtro cálido 85. Como lascapas de ajustes se aplican a todo el documento debemos crear unamascara de recorte de forma de aplicarlo a la capa man. Para hacer estodamos clic en la linea entre la capa de ajuste y la capa man. 
mejores programas
Seleccionamos la capa man copy y la corremos a la derecha, luegoaplicamos CTRL U Tono Saturacion y bajamos la luminosidad a -100. 
TUtoriales en phothoshop 
Debemos ahora desdibujar la silueta de color negro, seleccionamos la capa man copy y vamos a Filtro,Blur, Motion Blur, estableciendo la distancia a 800 pixeles y el anguloa 20 grados. Luego duplicamos la capa man copy dos veces, seleccionamoslas capas man copy y las unimos con CTRL E, y nombramos a esa capa comoshadow blured. 
ps
A la capa shadow blured la movemos por encima de la capa de filtrode fotos, y con una goma de borrar blanda (E), con opacidad y flujo al50% eliminamos la sombra sobre la cara del hombre y cuerpo 
VB
Revelaremos ahora un poco la textura de papel de los pasosiniciales, seleccionamos la capa texture, y clic en la miniatura de lamascara de capa. Seleccionamos laherramienta Pincel (B) y usaremos ungran cepillo suave con dureza 0% y opacidad y flujo al 50%, usando decolor de primer plano blanco FFFFFF pintamos por debajo de los pies delpersonaje. 
visual basic
A la capa texture y gradient fill las agrupamos en una carpeta llamada background. Duplicamos la carpeta background. 
Vamos a cortar un pedazo de fondo, (por las dudas fue que conservamos la copia), usamos la herramientaLazo para hacer una selección irregular. Ve a Capa, mascara de capa,Descubrir todas. En la mascara de capas usamos el Cubo de pintura (G)para rellenar la selección con Negro 000000. 
photoshop
Abrimos ahora la imagen del diario, seleccionamos solo el diario ylo pegamos en una nueva capa debajo del fondo, y nombramos la capa comonewspapers. Colocaremos varias copias del diario girándolas para queaparezcan muchos diarios diferentes. Usamos laherramienta (O) para oscurecer parte del diario. Al final combinamos la carpeta newspapers con CTRL E. 
mejores programas
Debemos ahora homogeniezar los colores del diario con el resto del diseño, para esto vamos a Capa, Nueva capa de ajuste, Filtro de fotografía, y seleccionamos un filtrode color E4AD04 con una densidad de 66%. Como debemos aplicarlo solo aldiario creamos una mascara de recorte con ALT CLIC entre las dos capas. 
También crearemos un efecto de rasgado en el papel, para estopresionamos ALT y clic en la mascara de capa "background", luego conMagic Wand (W) seleccionamos el area de negro en la mascara. Clic en lacapa de fondo para hacerla visible y luego Seleccion, Modificar Expandir y ampliarla en 6 pixeles. Finalizamos dando clic en la miniatura de fondo. 
TUtoriales en phothoshop 
Pulsamos CTRL U para Tono Saturación y reducimos la saturacion a -100 y brillo a 20. La seleccion ampliada es gris ahora, y con Dodge Tool (O) y un pincel irregular tipo tiza, ajustamos la exposicion al 25% y aplicamos el Dodge al borde gris al azar. 
ps
El realismo de los diarios se puede aumentar agregando sombras a lacapa newspapers. Creamos una nueva capa sobra la llamada newspapers yla llamaremos Shadows. Usando un pincel grande negro (B) con un tamañode 200px, 0% de dureza, y con opacidad y flujo de 50% vamos pintandocerca del papel rasgado. 
VB
Abrimos ahora esta nueva imagen de papel y pegamos en una nueva capa que llamaremos paper, y ubicaremos encima de la capa Top. 
visual basic 
Debemos crear la ilusion de que este papel viene de atras del papelrasgado, presionamos ALT Clic en la capa de mascara background. Luegocon la varita magica seleccionamos el area de negro y hacemos clic enla capa paper. 
Con la herramienta lazo y manteniendo presionado shift para añadir unaseleccion, seleccionamos de forma que la seleccion cubra el papel queagregamos por ultimo. Ahora debemos invertir ya seleccion (CTRL SHIFTI) y eliminarlo. 
photoshop 
Al igual que como hicimos con los demás elementos vamos a añadiralgunas sombras, para esto creamos una nueva capa sobre paper yllamamos shadows, agrupamos paper y shadows en una carpeta Paper. Conun pincel suave pintamos sombras en el fondo como vimos en los pasosanteriores 
mejores programas
Vamos a realizar ahora una nueva capa paper y llamaremos shadows2,pintamos algunas sombras de la misma forma que vimos en pasos anteriores 
TUtoriales en phothoshop 
Seleccionamos la capa paper y ajustamos la saturacion a -25 
Luego seleccionamos la capa paper y arrastramos encima de background. 
ps 
Con una brocha irregular vamos a pintar los bordes del papel para dar un efecto de desgarrado suave al mismo 
VB 
Creamos una nueva capa llamada so much to do y con un pincel pequeño escribimos en el esa frase 
visual basic 
Este es el trabajo final terminado 
photoshop

No hay comentarios:

Publicar un comentario