Tutoriales Photoshop: Texto, Portada, Cabello, Marco
Tutoriales Photoshop: Texto, Portada, Cabello, Marco
Adobe PhotoShop
Informática Aplicada II
1- TEXTO DE FUEGO.
1. Comenzamos con una imagen nueva de 3OOx15O píxeles de tamaño, aproximadamente. Color de
fondo blanco y modo en escala de grises. En la foto de abajo se enseña como debe ponerse.
Advertencia: Es importante poner el modo en Escala de grises Grayscale o no funcionará el tutorial.
2 -PORTADA DE PELICULA.
Este es un tutorial simple, con el cual obtenemos excelentes resultados en el trabajo final. Siempre es
lindo sorprender a tu pareja, novio, novia, esposo, esposa o el título que lleve con algo hecho por
uno. Y esa es la idea de este tutorial… así que vayan comprando un portarretratos para poner este
trabajo y regalarle algo novedoso.
Primero viene la tarea mas complicada. Esta es la selección de las fotografías a utilizar. No siempre
tenemos imágenes posando para cualquier ocasión, por lo que nos podemos ayudar con algún banco de
imágenes para una de ellas. Explicaré este tutorial siguiendo puntualmente este ejemplo, pero la idea es
que aprendan el concepto y luego sean libres para realizar la composición a su manera. En este caso,
tomé una fotografía en donde estoy con mi novia y la otra es de un banco fotográfico.
1º Paso. Abro un documento de 10cm. x 15cm. (o el tamaño de fotografía que deseo según el
portarretratos). El mismo deberá ser con fondo negro. Luego creo una nueva capa (Ctrl+J) y la llamo
“original1". En ella coloco la imagen horizontal. Acto siguiente, repito el proceso de creación de capa, la
llamo “original2" y coloco la imagen vertical.
2º Paso. Lo que hago a continuación es “Añadir una máscara vectorial” a la capa “original2". Como?
Tal como se ve en la imagen siguiente:
3º Paso. Lo que hago a continuación es seleccionar la herramienta de degradado. Una vez hecho
esto, voy al panel de propiedades del degradado (ubicado en la parte superior) y selecciono un
degradado lineal, el cual de la punta izquierda lleva negro al 100% de opacidad y del lado derecho,
negro al 0% de opacidad. Ya teniendo lista la herramienta para utilizarla, trazo una línea de arriba hacia
abajo sobre la capa “original2" como
lo muestra la siguiente imagen (para
tener una noción de ubicación de la
fotografía que se encuentra debajo,
podemos variar momentáneamente
la opacidad de la capa “original2" a
un 50%):
Si volvemos a 100% de opacidad la capa “original2", obtendremos como resultado la fusión de las 2
imágenes.
Espero haber sido claro hasta el momento. Esto es lo que se llama fusión o montaje de 2 imágenes.
Y tenemos gran parte del trabajo realizado.
4º Paso. Lo que haré ahora es darle un toque artístico a esta imagen. Para esto, me dirijo al menu
superior, en Capas > Nueva Capa de Ajuste > Tono/Saturación. Me abre una ventana a la que le
doy aceptar y luego aparece una nueva ventana en donde puedo ajustar los valores de tono, saturación
y luminosidad sin afectar a las capas originales. Aquí mismo marco la casilla “Colorear” y puedo
comenzar a jugar con los valores de tono y saturación (Luminosidad lo dejo como está).
Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena
romántica siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición
5º Paso. Como siempre me entusiasmo y busco agregar algo mas (gran defecto), decidí darle un aspecto de poster
cinematográfico. El resultado fue el siguiente:
Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena romántica
siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición.
Ahora, darle un aspecto de poster cinematográfico. El resultado fue el siguiente:
Los agregados fueron un poco de texto, un pincel para las letras manuscritas, pájaros, rejas y formas y un recorte
final de otro poster cinematográfico para el pie .
Presiona la letra “Q” para entrar en Modo Mascara Rápida (quick mask mode). Marca toda el
área cubierta por el cabello, si tienes problemas y te pasas en algún ligar usar el borrador para
corregir.
Empieza por los bordes como vemos arriba y termina rellenando como vemos a continuación:
Presiona nuevamente la letra “Q” para salir del modo mascara rápida.
Con esto resulta una selección alrededor del cabello, pero lo que necesitamos es la selección en el
cabello, por lo que hay que invertir la selección: Selección > Invertir (Select > Inverse)
Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva
Capa de Relleno > Color Sólido (layer > New Fill Layer > Solid Color) Nos aparecerá un cuadro con las
propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave
(Soft Light) y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en aceptar.
A continuación
Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva
Capa de Relleno > Color Sólido (layer > New Fill Layer > Solid Color) Nos aparecerá un cuadro con las
propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave
(Soft Light) y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en aceptar.
A continuación aparece el selector de color (color picker) y desde ahí tomamos distintos colores
1)Aquí les presento la foto a enmarcar. Tiene una dimensión de 506px por 338px. Recuerden que los
pasos a seguir pueden variar según el tamaño de la imagen, los colores de la misma y, más importante
aún, lo que finalmente nos gustaría crear.
3)Teniendo la selección activa, creamos dos nuevas capas (2 veces Ctrl+J). La primera capa se
autonombra Capa 1. A la segunda le ponemos Capa 2.
4)En la paleta capas, seleccionamos la Capa2 y en la opción Relleno le damos 0% (Esto la hace
totalmente transparente). Luego nos vamos a propiedades de capa y le damos click en la opción
Trazo. Para el tamaño de mi imagen un trazo de 2 px va bien, sin embargo como les dije al inicio
esto puede variar según las dimensiones de nuestra foto. Si es mas pequeña entonces con 1 px
va, pero si es una imagen de mayor tamaño entonces juguemos con más de 2 px. Cambiemos el
color de trazo a blanco y listo, aceptamos
Luego de haber desenfocado la Capa1 nos vamos al cuadro de Niveles (Ctrl+L) y le damos 0.70 en la
caja de Medios Tonos en "Niveles de Entrada" (El cuadro central). Pulsamos Aceptar.
Tono/Saturación 10 puntos de
(Ctrl+U) y le quitamos
4º. Rellénala
Carga los colores por defecto pulsando D, cámbialos de orden (Blanco/Negro) y carga la capa
denominada "Luz 1" manteniendo pulsada la tecla Control (Windows) o Comando (Mac OS) y haciendo
clic en su miniatura de la paleta de capas. Rellena la selección manteniendo pulsado Control+Supr.
Deselecciona la capa seleccionando Selección>Deseleccionar.
5º. Repítelo
Repite los pasos 3 y 4 hasta que los rayos alcancen la longitud deseada.
6º. Dale Color Aplica el estilo "superposición de color" pinchando dos veces sobre la miniatura en la
paleta de capas.
7º. Mueve las capas Mueve la capa "Luz 1" detrás de la capa de texto. Después, si quieres le puedes
poner una imagen de fondo (como las estrellas) para darle un efecto más real:
Para hacer las estrellas he usado el filtro Glitterato, como también para las nubes.
1. Abrimos el documento del tamaño que quieras. En este caso yo usare el tamaño para las firmas de
este foro (500*125)
2. Abrimos el menú de colores (doble clic sobre un color) y ponemos los valores como se indica en la
imagen... #05FB28
3. Luego vamos a Filter --> Texture --> Grain Y les damos valores de Intensidad:100 Contraste: 100 Y
Grain Type: Vertical
4. Luego vamos a Filter ---> artistic ----> Neon Glow Ponemos en Glow Size:5 Glow Brightness: 15 Y el
color debe ser el mismo al que escojimos al principio.. #05FB28
5.
5. Ahora vamos a Filter-->Stylize-->Glowing edges Podemos Poner los siguientes Valores... Edge Widht:
1 Edge Brigthness: 14 Smoothness:1... Aunque podemos jugar con estos valores y darle un acabado a
nuestro gusto...
1.- Abre la imagen que quieres recortar, y pulsa Control-j para duplicarla y poder volver al estado inicial
en cualquier momento.
3.- Coge la herramienta Resaltador de Bordes y dibuja con ella el borde de la figura que quieres
recortar. Ajusta el tamaño de la herramienta para que el
4.- Coge la herramienta Relleno y haz click en el interior de la zona resaltada, para indicarle a
Photoshop cuál es la zona que quieres conservar.
Si se pinta de azul toda la fotografía, en lugar del interior, significa que el trazo verde no es continuo,
tiene algún "agujero". Vuelve a hacer click con la herramienta relleno, para deshacerlo, y coge de nuevo
el Resaltador de Bordes para tapar cualquier "agujero" del contorno verde resaltado.
El resultado no es perfecto, quedan restos del fondo que es necesario eliminar con la herramienta
Limpiar Selecciona esta herramienta, y pásala sobre los restos del fondo que han quedado para
borrarlos.
6.- Una vez borrados los restos de fondo, puedes pasar la herramienta por todo el
7.- Por último, pulsa OK para salir del filtro extraer y obtener la imagen recortada.
8.- Para copiar la imagen recortada sobre otro fondo, pulsa Control-a para seleccionar toda la imagen,
y después Control-c para copiarla.
Abre la imagen que quieres como fondo (Archivo-->Abrir) y pulsa Control-v para pegar la imagen
recortada.
Para guardar esta imagen haz "clic" sobre la imagen con el botón derecho del ratón y elige "guardar
imagen como"
4.- Ahora vamos a curvar un poco la imagen: "Filtro/Distorsionar/Proyectar". Procura que te quede
igual que en la imagen de abajo.
A veces necesitamos crear sombras perpendiculares o como en este caso oblicuas , este es un truco para
crear este tipo de sombras.
7.- Sobre la imagen , creamos con la herramienta "Selección Rectangular ", un rectángulo, tal y como
muestra la imagen de abajo.
8.-"Selección/Calar/1O px
"Capa/Nueva/Capa".
1O.- "Edición/Rellenar"
- Negro
- Opacidad: 75%
Y este
Luego le aplicamos un desenfoque gaussiano: Filtros > Desenfocar > Desenfoque gaussiano:
Después volvemos a abrir el original. Traemos el logo al archivo, y, vamos Edicion > Transformar >
Distorsionar o Ctrl + T y con nuestro mejor sentido de la perspectiva ubicamos el logo:
Una vez ubicado, vamos a usar el filtro desplazar: Filtros > Distorsionar > Desplazar:
Cuando pulsemos OK, se nos abrirá un panel de inspección para que busquemos nuestro filtro
Luego de esto, tomamos la capa donde se encuentra el logo, y le cambiamos el modo a Multiplicar:
Primero tenemos que seleccionar el iris del ojo (con pupila por supuesto ) Yo use el lazo poligonal, y
después con el click secundario le puse calar 1 px
Cuando tengamos seleccionado el ojo, apretamos Ctrl + J, y hace la función Capa Vía Copiar.
A la capa nueva la pueden llamar Ojo o como quieran. Ahora pasamos a la foto de la ciudad.
Ahora vamos a Filtro/Distorsionar/Esferizar. (Filter/Distort/Spherize para los que lo tienen en inlgés como
yo )
Lo dejan como está: Sin deseleccionar, van a Selección Invertir o Inverse para mi.
Luego hay que borrarlo, y quedaría algo como esto (con la selección normal)
Copiamos la esfera de la ciudad y la pegamos en esta capa, y leugo con la Transformación Libre lo
adaptamos mas o menos al ojo. Así se vería
Después hacemos lo mismo que hicimos con la esfera pero con el ojo (lo de seleccionar, y después
seleccionar a la inversa, etc)Per hay que situarse en la esfera y apretar el ojo con el click y mateniendo
presionado Ctrl.
Y quedaría así:
Una alternativa para que quede más realista es, con el pincel, el trazado "Pasto"
por decirle, poniendo el color de fondo y el frontal en negro, y pintarle el reflejo
de las pestañas, que todavía no lo hice, pero voy a probar.
1-Hacer una nueva capa, yo lo hice de 500x500 2-Llenar el fondo de negro y escribir el
texto en blanco ; el
tamaño del texto va a depender del tamaño que crearon el documento, siempre y
cuando te tiene que quedar bastante espacio para poder realizar el efecto.
5- Luego ir a Filter>Stylize>Wind. En Method elegir “Wind” y en Direction “From the Right” (derecha)
Repetir este paso todas las veces que te parezca con Crtl+F (yo lo hice 3 veces), luego hacer todo lo
mismo nada más que de la izquierda (en este caso lo repeti 5 veces) Les quedara esto:
7- Ir a Filter>Blur>Radial Blur.
9- Por ultimo ir a Layer>Layer Style>Blending Options>Strokes.. y darle un marco como prefieras para
que se note más el texto.
Colocamos el color c6c6c6, luego que quede de color gris el Círculo, Trazamos un nuevo círculo
presionando Shift también, tienes que tratar que quede totalmente alineado por todo lados con el
anterior
Sin mover nada vamos a Selección / Modificar / Contraer, y le damos contraer 2 px, ahora creamos una
nueva capa sin Eliminar la selección.
Queda así:
Luego hacemos una nueva capa, y nos vamos a Imagen / Aplicar Imagen.
Ahora colocaremos el fondo, solo arastra una imagen hasta el trabajo que estamos haciendo, pero la
capa dede quedar debajo de los demás:
Sin mover mas nada presionamos ctrl + J, así hemos multiplicado lo seleccionado, en la ventana de
capas se ve así:
Hacemos una nueva capa sobre el trabajo, hacemos una selección rectangular:
Rellenamos la selección de color negro, y presionamos ctrl + G, y cambiamos el estilo de capa a Luz
Suave.
Ahora le haremos un Estilo de Cristal, haciendo una nueva capa, y trazamos un Ovalo:
Ahora usaremos la herramienta de degradado, pero tienes configurar para que quede así:
Abrimos un documento nuevo con fondo blanco adecuado al tamaño de nuestro botón que crearemos.
Creamos una nueva capa vacía y con la herramienta marco elíptico, vamos a hacer un círculo. Para eso a
medida que usamos la herramienta sobre el documento, mantenemos pulsada la tecla "Shift". A
continuación, rellenamos la selección de negro. Edición----> Rellenar-----> Negro
Deseleccionamos la selección. Selección----> Deseleccionar. Pulsamos dos veces seguidas con el botón
izquierdo del ratón sobre la capa que habéis creado, la del círculo negro, y se abrirá la ventana de Estilo
de Capa. Veréis como a mano izquierda aparecen muchas opciones, que nosotros iremos
modificando poco a poco.
Primero pulsamos sobre la Sombra paralela y en la ventana que se abre, vamos a ir introduciendo estos
valores o cualquiera otros que consideréis oportuno para conseguir un resultado acorde con vuestras
necesidades.
Con la casilla de previsualizar activada, podéis ir viendo en tiempo real como cambia vuestro diseño...
Recordar de cambiar todos y cada uno de los valores que vemos en la siguiente captura de imagen hasta
que coincidan todos...
Y veremos esto:
Vamos a darle un aspecto más profesional. Para eso nos vamos a la casilla de Satinado, usamos el color
blanco de nuevo y cambiamos los valores de la siguiente manera, incluido el Contorno, tal y como vemos
aquí:
Vamos ahora a modificar tres cosas llegado este momento. El Bisel y relieve y dentro de él, su Contorno.
Después la Sombra interior, con estos valores para cada opción:
Pueden modificar todos los valores hasta que el resultado se adapte a sus necesidades o añadir más
opciones, como texturas, degrados, motivos...
A modo de ejemplo, yo he cambiado en la opción Superposición de colores, el color blanco que habíamos
usado anteriormente por el rojo, siendo este el resultado:
Ahora le ponemos los efectos y las imágenes que queramos, yo la voy a hacer sencilla porque el objetivo
es la caja: (nótese que tengo las imágenes con su rectángulo respectivo ya acomodadas)
Ahora agrupamos cada rectángulo con sus respectivas imágenes de modo que nos queden solo dos
capas: esto se hace seleccionando las capas que queremos agrupar, por ejemplo el rectángulo grande
con su imagen y damos clic derecho sobre alguna de estas luego escogemos la opción “Agrupar en
objeto inteligente nuevo” y luego volvemos a hacer lo mismo pero esta vez escogemos la opción
“Rasterizar capa”, para que nos quede así:
Ahora agrupamos estas dos últimas capas (la del rectángulo pequeño y la copia en negro).
De nuevo volvemos a tener solo dos capas, vamos a la del rectángulo grande y vamos a Archivoà
TransformaciónàDistorsionar y alargamos las puntas derechas y encogemos el ancho desde el lado
izquierdo para que nos quede algo así:
Ahora vamos al rectángulo pequeño y lo juntamos con el grande y vamos de nuevo a Archivoà
TransformaciónàDistorsionar y alargamos las puntas izquierdas y encogemos el ancho desde el lado
derecho para que nos quede algo así:
Ahora solo agregamos una sombra suave y un fondo blanco para apreciar lo que hicimos y obtenemos
algo como esto:
Lo primero es tener la imagen u objeto a aplicarle el efecto, debidamente recortado; a este layer le
nombraremos "objeto". En este caso utilizare una flor:
Ahora crearemos el reflejo del objeto, así que seleccionamos el layer objeto y lo duplicamos [Layer-
>Duplicate Layer....]; al cual nombraremos "reflejo".
La ventana "layers" del panel derecho, ahora, debe quedarnos algo así:
Aquí viene lo mas importarte para que esto resulte, rotar el objeto. Seleccionamos el layer "reflejo" y lo
rotamos verticalmente [Edit->Transform->Flip Vertical....]
Ahora debemos asegurarnos que las dos figuras ("objeto" y "reflejo") coincidan, esto es, que la parte de
abajo del layer objeto coincida con la parte de arriba del layer "reflejo". Si fuera necesario podemos rotar
el layer "reflejo", para eso, seleccionamos el layer "reflejo" y lo rotamos[Edit->Free Transform...].
Antes:
Después:
En este ejemplo simularemos el reflejo que se produce, cuando un objeto esta recargado sobre una
superficie plana. Así que debemos degradar la imagen para que se logre el efecto. Para esto haremos
uso de mascaras, seleccionamos el layer "reflejo" y entramos en modo editar mascara[Dar click en el
botón"Edit in Quick Mask Mode", El cuadrado rojo con el circulo blanco que se encuentra en el panel
izquierdo]:
Ahora seleccionamos el botón Gradient Tool [Dar click en el botón Gradient Tool, se encuentra en el
panel izquierdo] :
Ahora solo tenemos que trazar una línea, de arriba abajo. Comenzando un poco arriba del layer "reflejo"
y terminando un 15% antes de que la figura del objeto termine:
Una vez que soltemos el click del trazo, la parte de arriba de todo el layer se coloreara de
rojo(recuerden, estamos en modo editar mascara; si no te sale así vuelve a comenzar; algo hiciste mal).
Así que ahora volveremos al Modo Standard[Hacemos click en el botón Edit Standard Mode, el cuadro
blanco con el circulo blanco del panel izquierdo]:
Lo que acabamos de hacer, es una selección degradada, por eso nos aparece una parte del layer
"reflejo" encerrada en un cuadro de selección(si, las hormiguitas esas que caminan alrededor de esa
parte del objeto XD). Así que solo oprimimos la tecla "delete" del teclado(ya se que es redundante, pero
no quiero confusiones). Dependiendo desde donde comenzaron el degradado en modo Mascara, serán
los resultados que tendrán, pero debe quedarles algo así: