Download L.I. OSCAR RAMIREZ CORTÉS

L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
EFECTOS EN CAPA DE PHOTOSHOP
Estos efectos tiene la ventaja de que uno los puede agregar y quitar a su gusto, ya que no
modifican la forma o los colores de las capas.
El cuadro de selección de efectos se activa yendo a capa/efectos de capa capa/capa
efectos, allí pueden elegir varios efectos:
Sombra paralela Drop Shadow
Simula una sombra creada por la capa, es un buen efecto para usar en títulos o para dar
ilusión de profundidad.
Sombra interior Inner Shadow
Genera un efecto que da la impresión de que el texto estuviera calado sobre la pantalla.
Luz exterior Outer Glow
Para que funcione bien este efecto lo mejor es usarlo con color de fondo oscuro y un texto claro, hace
parecer que el texto estuviera generando luz.
Luz interior Inner Glow
Es similar a efecto anterior, solo que la luz parece provenir desde el interior del texto.
Inglete y relieve Bevel and Emboss
Es uno de los mejores efectos, tiene muchas opciones que pueden probar, por ejemplo
en la imagen de la izquierda conviene un efecto de relieve interor con una sombra
paralela.
1
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
LETRAS EN FORMA 3D
Paso 1: Creación del documento y preparación del texto.
Crea un nuevo documento (Archivo > Nuevo) y usa el tamaño que se necesite. Yo use 500x400. Luego crear una nueva
capa y con la herramienta de texto y la fuente escogida y tipea el texto, Agrega cualquier efecto que quieras al texto,
como por ejemplo un degradado.
Para transformar el texto primero hay resterizarlo. Para hacer esto, click derecho en la capa de texto en la ventana de
capas y seleccionar resterizar capa.
Paso 2: Transformar el texto.
Después que resterizaste el texto, estas listo para transformarlo. Con la capa de texto seleccionada, presiona Edición >
Transformar > Distorsionar, y posiciona tu texto hasta obtener una perspectiva 3D, presiona ENTER para aplicar los
cambios.
2
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Paso 3: Haciendo el 3D
Después de que hayas transformado el texto. Crea una copia del mismo (presionando CTRL+J con la capa del texto
seleccionada). Ahora crea un nuevo conjunto.
Coloca el duplicado dentro de él. Agrega un Bisel y Relieve a la capa duplicada (utiliza las opciones por defecto). Esto
ayudará a conseguir el efecto 3D.
Luego con la capa duplicada seleccionada mantener presionado las teclas ALT+CTRL y presionando la FLECHA ARRIBA
duplicaremos la capa la cual se duplicara e ira subiendo de a un píxel por vez. (Yo la duplique 40 veces).
Obtendrás algo como esto.
3
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Paso 4: Agregando efectos adicionales.
Estos efectos no son necesarios pero dan buenos detalles a la imagen final.
Ya tenemos el efecto 3D básico, pero podemos agregarle más efectos.
A- Selecciona la capa original de texto y agrégale una Sombra Paralela (con las opciones que desees).
B- Luego selecciona el conjunto de capas y presiona CTRL+E (Esto combinara todas las capas en él). Duplica la nueva
capa (CTRL+J) Y colócala por encima de la capa de Fondo y disminuye su opacidad al 20%.
4
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Muevela hasta que esta se vea como si fuera un reflejo.
Con esto habrás creado el texto 3D. Hay infinidad de efectos que les puedes dar, para obtener diferentes resultados.
Texto Brillante
1.- Para conseguir el efecto de este texto, creamos un documento por ejemplo de 750x200px con el fondo negro y
escribimos con letras blancas nuestro texto.
2.- Nos cambiamos a la paleta Canales y duplicamos cualquier canal.(El azul por ejemplo) Azul copia.
3.- Aplicamos filtro/Desenfocar/Desenfoque Gaussiano (entre 3 y 4 px.),elegimos Imagen/Ajustes/Brillo/contraste y
aplicamos Brillo: -19 Contraste:-40.
5
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
4.- Duplicamos el canal Azul copia y tendremos Azul copia 2, le aplicamos el filtro Otros/Desplazamiento Horizontal: +1
Vertical: +1.
5.-Desplegamos el menú Imagen/Calcular con los valores Origen: 1 Canal:Azul copia Origen: 2 Canal:Azul copia 2
Fusiones:Diferencia nos creará el canal Alfa 1.
6.-Le aplicamos Imagen/Ajustes/Niveles automáticos y nos cambiamos a la paleta capas donde crearemos una nueva
capa y elegimos Seleccion/cargar selección Canal:Alfa 1. y si ponemos el color blanco como color frontal con Alt+Supr le
aplicaremos ese color a la selección (ocultamos la capa de texto para ver el efecto).
7.-Solo nos queda duplicar esta capa ponerla debajo y aplicarle un Desenfoque Gaussiano unos 7px.(podemos duplicar
esta capa también).
8.-Por último hacemos una nueva capa que pondremos arriba del todo y con la herramienta Degradado le aplicamos el
degradado que más nos guste yo he elegido el Azul, Rojo Amarillo y cambiamos el modo de fusión a Superponer con el
resultado que veis en la figura de abajo.
6
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
TEXTO CON FONDO IMAGEN
Vamos a aprender a colocar una imagen o una foto dentro de un texto, algo muy útil y fácil de hacer.
Primer paso: Abrimos la imagen y la recortamos para hacerla más angosta con la herramienta recortar, luego
duplicamos la capa, Menú Capa > Duplicar capa o Ctrl + J. El nombre de la nueva capa es Capa1.
Segundo paso: Ahora vamos a crear una nueva capa en medio de las dos, normalmente cuando hacemos esto la capa
queda sobre las anteriores. Para evitarlo nos ubicamos sobre la Capa1 y presionamos Ctrl en Windows, Comando en
MAC y hacemos clic en crear una capa nueva de la paleta de capas.
Tercer paso: Pintamos la capa creada de blanco, para ello vamos al menú Edición > Rellenar y en la ventana que
aparece seleccionamos en usar “Blanco”.
7
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Hasta el momento parece que no hubiera sucedido nada, pero si se fijan en la paleta de capas se darán cuenta que el
color de la Capa 2 ahora es blanco.
Cuarto paso: Seleccionamos la Capa 1 para que el texto que vamos a escribir quede por encima de esta capa y con la
herramienta de texto seleccionada, la T en la paleta de herramientas escribimos algo acorde con la foto.
En la parte superior aparecen las propiedades de la herramienta texto que dejamos como se ve en la imagen siguiente.
Como tipo de fuente se puede usar Arial Black o Britannic Bold.
Quinto paso: Ahora presionamos D para que se establezcan los colores por defecto, negro y blanco, luego presione X
para que el blanco sea color frontal.
Sexto paso: Escribimos el texto y presionamos la tecla enter.
Séptimo paso: Ahora vamos a transformar el texto para hacerlo más grande. Con la capa de texto seleccionada damos
clic en el menú Edición > Transformación libre o presionamos Ctrl T y lo ampliamos.
8
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Octavo paso: Arrastramos la capa de texto debajo de Capa 1 y sobre Capa 2. Como puede ver el texto desaparecerá de
su vista, pero en realidad está oculto debajo de la Capa 1.
Noveno paso: Para crear la ilusión de que la imagen está dentro del texto, debemos crear una “Mascara de Recorte”.
Seleccionamos nuevamente Capa 1 y vamos al menú Capa > Crear mascara de recorte.
Decimo paso: Si lo deseamos podemos agregar una sobra interior.
9
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Voy a dejar la opacidad en 60% y el Ángulo en 120 Grados.
10
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Efecto De Texto De Plástico Con Borde Metálico
Iniciamos escribiendo el texto al que aplicaremos el efecto. En este caso he usado la fuente Cooper, Negrita, 165 pt de
tamaño y color: 990000, como se observa en la imagen a continuación:
Ahora iniciamos a crear el estilo paso a paso, para ello hay que dar doble clic sobre la capa de texto en la paleta de capas
para abrir los estilos de capa:
Sombra Paralela
Sombra Interior
11
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Bisel y Relieve
Contorno
12
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Satinado
Este sería nuestro resultado final y como se puede ver también es aplicable a casi cualquier otra forma con resultados
geniales. Juega con los distintos valores del estilo y encontrarás resultados sorprendentes.
13
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
BISEL
Crear una nueva imagen RGB con fondo blanco (esta es de 250 X100).
Escribe el texto con el color que desees (este es con letra Cooper Black, tamaño 80).
Selección>Cargar Selección
Canal = Bisel Transparente (en este caso).
Aplica
Capa> Razterizar > Texto
Ahora usa el desenfoque:
Filtro> Desenfocar > Gaussian Blur
con un valor = 5
Con el texto aún seleccionado aplica
Filtro > Render > Lighting Effects
Como lo muestra la imagen. Agrégale sombra azul
Capa > Estilo de capa > Drop Shadow
y aumenta su brillo:
Image n> Ajuste > Brillo/Contraste
14
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Efecto plástico
Primero escribimos nuestro texto en color 0077FF en un documento con cualquier fondo.
Luego aplicamos los siguientes estilos de capas en Capa>Estilo deCapa>
15
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
16
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
17
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
El degradado para los dos ultimos efectos es este:
Y el resultado final es este:
18
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Efecto Web 2.0
Este efecto es muy sencillo primero insertamos un texto en un color gris.
Luego aplicamos las siguientes efectos de fusion
19
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Y el degradado para el ultimo efecto es este
Resultado
20
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
TEXTO PARA ROTULOS
1ro. Escribimos nuestro texto en el color BAB0B8
2do.Agregamos los siguientes efectos en Capa>Estilo de Capa>
21
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
El degradado es este:
22
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
3ro. Tenemos nuestro texto terminado
23
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
EFECTO PARA TEXTO
Comenzamos con una imagen de 150x250 pixels y de fondo blanco, creamos un texto de color negro, lo duplicamos y
ocultamos una de las capas de texto la primera como en la imagen.
Ahora en la ventana capas le damos a combinar visibles, (si no combina las capas visibles los siguientes pasos no os van a
salir)
Vamos a filtro/desenfocar/desenfoque gausiano y ponemos un valor de 1.5 mas o menos, cada uno a su gusto, pero sin
desenfocar mucho mas que en el ejemplo.
Después vamos a imagen/ajustes/invertir y nos quedara esto.
Ahora vamos a filtro/estilizar/solarizar y nos queda algo como esto.
24
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
a continuación vamos a imagen/ajustar/niveles automáticos y nos queda esto.
Ahora vamos a filtro/estilizar/viento y lo aplicamos desde la derecha, después repetimos la aplicación del filtro, pero en
este caso desde la izquierda.
Ahora vamos a imagen/rotar lienzo/90°ACD
Y volvemos a aplicar filtro/estilizar/viento desde la derecha y desde la izquierda.
Luego volvemos a girar la imagen a su estado original imagen/rotar lienzo/90°AC
25
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
ahora vamos a imagen/ajustar/tono-saturación, le damos a la opción colorear y ponemos el color que mas nos guste.
también se puede hacer este paso en imagen/ajustar/equilibrio del color.
yo le di un color azul.
Y por ultimo vamos a la capa de texto que ocultamos al principio y le damos para que se vea. y nos queda algo asi.
26
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Estilo I Mac
Iniciemos por crear una imagen nueva en modo RGB (RBA castellano) con fondo blanco. Esta imagen es de 300 X 300
pixeles y una resolución de 72 px/cm.
Toma la herramienta de texto y escribe tu palabra o frase. El ejemplo es con letra tipo Times New Roman Bold de 165 pt.
color Azul (0099FF) y un aa crisp. Usa Mayúsculas.
El resto lo haremos con Estilos de Capa (Layer Styles). Capa > Estilos de capa > Sombra paralela,
Bisel y relieve
27
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Trazo
Y este es el resultado final, espero que te agrade.
28
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Texto Zoom
Comenzamos con un fondo negro. Escribimos un texto en blanco, duplicaremos la capa del texto y tendremos 2 copias.
Rasterize su primera capa del texto por con el clic derecho. Luego escogemos Filtro>Desenfoque> Desenfoque radial
100% y enfoque movimiento
Cree una nueva capa entre sus capas de dos textos. Cambie el tipo de la capa al color, y cree un gradiente con lo que dos
colores usted quisieran utilizar. Elegí dos cortinas de azul.
29
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Cree una nueva capa sobre ambas sus capas del texto. Damos clic sobre su capa preservada del texto de modo que
usted tenga una selección limpia, y llene el texto de un blanco - (o cualquier color el su usar) gradiente reflejado azul
claro.
Agregue una sombra paralela creando otra capa debajo de la que usted acaba de crear. Es momento de llenar la su
selección con una versión oscura de su color, y coloca en 2 pixeles a la parte inferior y 2 pixeles a la derecha de su
posición original de la prueba.
Para conseguir un fondo agradable, e intensificar la profundidad de su texto, usted puede substituir su capa negra del
fondo por otro gradiente
La salida será la siguiente:
30
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Apariencia Metálica.
Crear una imagen nueva en modo RGB (RBA castellano) con fondo blanco. Esta imagen es de 450 X 100 pixeles.
Toma la herramienta de texto y escribe tu palabra o frase. El ejemplo es con letra tipo Anklepants 100 pt. color gris
(AAAAAA) y un aa smooth.
Primeramente haz manejable el texto Capa>Rasterizar >Texto
Luego de esto Carga la selección con Crtl + clic sobre la misma capa del texto, o haz esto: Selección > Cargar Selección Canal=METAL Transparente
Guardela: Selection > Guardar Selection Canal = Nuevo Nombre = METAL
Ve a la paleta Canalesy allí verás un canal llamado Metal, haz clic sobre el para activarlo. Ahora aplica el filtro
desenfoque Gaussiano, pero no pierdas la selección. Filtro > Desenfocar> Desenfoque Gaussiano
Aplica el filtro 4 ocasiones con los valores de 6, 4, 2 y 1 px en la última aplicación (cuarta).
A continuación deselecciona. Selecciona > Deseleccionar
31
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Ya solo nos queda darle un poco mas de profundidad y realismo. Agrégale sombra y relieve
Capa > Estilo de capa > Sombra inferior
Capa > Estilo de capa > Bisel y relieve
Usa los valores automáticos, es decir no hagas ningún cambio a menos de que lo consideres indispensable. Nos resulta
esto que ves:
Y este es el resultado después de aplicarle una textura al fondo:
32
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
Efecto Luz
1º. Coloca el texto
Ponemos el texto en la fuente que queramos y en un tamaño medio, yo he usado la fuente"A Charming of Expanded",
haz un documento de 800x600 píxeles, pero pudes usar el que queráis, siempre con color RGB 8 Bits a 72
píxeles/pulgada.
2º. Duplica el texto
Elije Capa>Duplicar Capa. Con el nombre "Luz 1"
3º. Efecto Luz
En la capa duplicada utilice el filtro radial (Filtro>Desenfocar>Desenfoque Radial) en cantidad 100%, el método Zoom y
una calidad Buena.
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.
33
L.I. OSCAR RAMIREZ CORTÉS -Adobe Photoshop CS5 Efectos de texto
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 mas real:
34