Vous êtes sur la page 1sur 67

Barra de Herramientas de Photoshop

En todo tutorial siempre vamos a mencionar usar ciertos aspectos de la Barra de


Herramientas. Por esta razn, en esta ocasin te brindaremos una gua rpida y concisa
sobre todas las herramientas que podrs utilizar y una breve descripcin de cada una.

Como se puede ver en la imagen siguiente, cada herramienta tiene su respectivo atajo
mediante una letra, la cual ser usada para seleccionar dicha

herramienta. Asimismo, existen herramientas que tienen distintas variables, esto se puede
notar porque tienen un pequeo triangulo en la esquina derecha inferior.

Si le damos click a la herramienta pero mantenemos presionada se abrira una pequea


pestea mostrando las dems herramientas. (Tambin es posible realizar esto al darle click
derecho en Photoshop para Mac)
Herramienta Para Mover (V)

Definitivamente una de las herramientas ms bsicas, la cual te permite mover capas a


travs de tu archivo. Usualmente, se mover toda la capa que est siendo seleccionada, pero
tambin es posible mantener presionada la tecla Control (o Command para Mac), dar click
a la parte que queremos mover y arrastrarla. De esta manera se mover la capa que estemos
seleccionando con el cursor.
Asimismo, cuando estemos utilizando otra herramienta y necesitemos mover una capa, solo
es necesario mantener presionada la tecla Control (o Command para Mac), ya que esto
activar el cursor de mover, y al terminar podrs seguir utilizando la anterior herramienta.

Herramienta De Seleccin (M)

Como su nombre lo dice, esta herramienta es til para seleccionar reas. Esto se realiza
sencillamente dando click desde un punto y arrastrando el cursor hasta otro punto. Es
posible realizar selecciones rectangulares o elipticas, para esto habr que acceder a sus
variables manteniendo presionado el icono de la herramienta.

-Para realizar una seleccin cuadrada solo habr que mantener presionada la tecla
SHIFT y utilizar la herramienta rectangular.

-Para realizar una seleccin circular solo habr que mantener presionada la tecla
SHIFT y utilizar la herramienta elptica.

Asimismo, al haber realizado una seleccin se puede ir agregando o quitando reas:

-Para agregar ms reas de seleccin se mantendra presionada la tecla SHIFT al


realizar la segunda o siguiente seleccin.
-Para quitar un rea, simplemente se mantendra presionada la tecla ALT al realizar
la seleccin de la rea que queremos omitir.

Herramienta De Lazo (L)

Esta herramienta tiene el mismo propsito de la anterior, realizar selecciones, pero de


diferentes formas. Por decir, la herramienta predeterminada Lazo te permite realizar
selecciones a mano alzada, al mantener dando click y realizando la forma deseada. Por otro
lado, el Lazo poligonal te permitar realizar selecciones con lneas rectas al dar click
izquierdo con el mouse en los puntos esquina. Asimismo, es posible realizar lneas rectas a
45 al mantener presionada la tecla SHIFT y realizando la seleccin. Por ltimo, el lazo
magntico sirve para realizar seleccin automtica basndose en el borde de cierta silueta.
Se debe dar click en el punto inicial de la silueta y comenzar a mover el mouse alrededor de
la imagen que se quiere seleccionar.

Al igual que la herramienta de seleccin, es posible aplicar los mismos pasos para poder
quitar o agregar reas a nuestra seleccin.

Seleccin Rpida (W)

Esta es otra herramienta utilizada para seleccionar reas, en este caso se seleccionarn las
reas de acuerdo a su parecido, en color, en brillo u en otros parmetros. Esto se realiza
simplemente dando click al area que necesitamos, o redondeando el area manteniendo
click, cabe resaltar que es posible variar el tamao de pincel de seleccin.

Por otro lado, manteniendo presionado el cono de esta herramienta, podremos utilizar la
Varita Mgica, que es otra herramienta de seleccin que agrupa todos los pixeles de un
color o tono parecido, de acuerdo a una tolerancia especificada por el usuario. Por esta
razn, esta es una herramienta til para eliminar el fondo blanco de ciertas imgenes, ya
que modificando la tolerancia es posible seleccionar lo blanco en conjunto.

-Incrementar la tolerancia significa que la herramienta aceptar ms fcilmente


pixeles de un color parecido. Es decir, una tolerancia de 0 solamente seleccionar un
color especfico, mientras que una tolerancia de 20 seleccionar tonalidades de un
color. Para cada diseo, debemos probar con diferentes tolerancias.

Cmo instalar pinceles o brushes

Existen una variedad de pinceles o brushes que puedes utilizar en Photoshop. Los pinceles
ms simples vienen incorporados por determinado, pero tambin existe muchos otros que
se pueden descargar y utilizar. En este tutorial te mostraremos como instalar pinceles que
has descargado de internet.

Existen bastantes sitios de donde descargar todo tipo de recursos grficos, especialmente
brushes para usar en diseos, firmas y en cualquier trabajo creativo.

Primero, lo que tenemos que hacer ser seleccionar la herramienta de pincel. A


continuacin, como vemos en la imagen, daremos click en Load Brushes. Esto abrir una
ventana en la cual podemos elegir los pinceles que vayamos a usar.
Cuando le demos OK, los pinceles se habrn cargado correctamente en la parte final de la
lista. De esta manera, ya podremos usarlos inmediatamente desde la ventana de seleccin,
sin ningun problema y con la capacidad de cambiar el tamao del pincel.

Usualmente, el tipo de archivo de estos recursos es .abr, lo cual indica que es un pincel para
Photoshop. Asimismo, esta es la manera general para instalar todo tipo de recursos, como
patrones.

Cmo usar y aplicar texturas

Uno de los recursos ms utilizados en distintos diseos es el uso de texturas. Lo til del uso
de texturas es que pueden ser aplicadas de diferentes maneras.

Por esta razn, a continuacin te mostraremos cmo usar texturas en imgenes en


Photoshop.
PASO 1:

Lo primero que haremos ser abrir nuestra imagen o creacin, en esta oportunidad estoy
usando la siguiente:
PASO 2:

El siguiente paso es colocar la textura encima de nuestra imagen (o creacin). Esto se puede
realizar de distintas maneras. En este caso, estoy arrastrando el

archivo de textura en .JPG hacia la ventana de mi imagen, lo cual quedara de la siguiente


manera:
Haciendo uso de las esquinas, podremos acomodar el tamao de la textura de acuerdo a
nuestra imagen.

Por otro lado, tambin es posible abrir el archivo .JPG de la textura y cambiar el tamao de
esta ah mismo, para luego copiar y pegarla en nuestro archivo de imagen.

PASO 3:

A continuacin, tendremos en una capa (o capas) nuestra creacin, y en una segunda capa
la textura que vamos a utilizar. Esta capa de textura deber estar

por encima de nuestra imagen. En este caso, utilizaremos la textura con lo siguiente: Blend
Mode (Modo de Fusin) de Color Burn y con una opacidad de 60%.

Esto puede ser variado en la ventana de Capas que se encuentra usualmente en la parte
derecha inferior.

El resultado final ser el siguiente:


PASO 4 (OPCIONAL):

Asimismo, es posible utilizar distintos Blend Modes y Opacidades para lograr distintos
resultados. Por esta razn, te muestro distintas posibilidades a continuacin:
Definir un Patrn (Pattern) en Photoshop

En este caso, mostraremos como definir un patrn para que se pueda acceder a este a travs
de la opcin Pattern. Esto es til cuando usamos mucho un patrn, y queremos acceder a
este de manera rpida.

Primero abriremos el patrn (pattern) que deseamos, y luego iremos a Edit > Define
Pattern. Se abrir una pantalla como la siguiente, donde le pondremos un nombre a nuestro
pattern.

Luego de esto, podremos a acceder a nuestro patrn va la opcin Paint Bucket o en Pattern
Overlay. Podemos aplicar este nuevo pattern como fondo, encima de un color. Asimismo,
podemos rellenar un texto de un pattern.

Podemos acceder a todos nuestros patrones a travs del Paint Bucket Tool y la opcin
Pattern. Dndole botn derecho a un patrn, podemos cambiarle de nombre, eliminarlo o
hasta crear uno nuevo.

Agregar Borde (Contorno) al Texto

A veces es necesario ponerle borde a nuestro texto, para que se lea mejor o por razones de
esttica. En este tutorial te enseamos como agregarle contorno a un texto, con la opcin de
cambiar de color, tamao del borde, entre otras caracersticas. Es un conocimiento bsico e
indispensable para futuros tutoriales.

PASO 1:

Crear el texto, indicando el color, la letra y el tamao. En la ventana de Capas (o Layers),


dar botn derecho a la capa de Texto y luego en Blending Options, o doble-click en la capa
de Texto para abrir inmediatamente Blending Options.
PASO 2:

En la ventana de Blending Options, iremos a la opcin de Stroke, situada al lado izquierdo.


Ac habrn varias opciones que puedes cambiar. La primera opcin es el tamao del borde
(o contorno), en este caso haremos un borde de 1px, pero tu puedes cambiarlo. La siguiente
opcion es Posicin, y puedes elegir si quieres el contorno adentro del texto, afuera o al
medio. Como queremos que sea como un borde, elegiremos Outside.
PASO 3:

El resultado final.

Ms abajo encontraremos la opcion para cambiar el color del borde. Luego de haber
seleccionado las caractersticas del borde, le damos OK.

Crear Texto 3D

El texto 3D le da profundidad a cualquier ttulo, por lo cual es importante saber una forma
de crear este efecto. Este tipo de efecto de texto puede aplicarse para encabezados de blogs,
o simplemente ttulos. En este tutorial, se mostrar una manera sencilla de darle a nuestro
texto profundidad y un estilo 3D.

PASO 1:

Crear el texto, indicando el color, la letra y el tamao. En este caso estamos usando la font
Cooper Std, 60pt y de color: #3b87e5.

PASO 2:

Crear una nueva capa transparente, y luego seleccionar Elliptical Marquee Tool, y crear un
valo como esta mostrado en la imagen, en la parte inferior del texto, para darle un efecto
de profundidad.

En la nueva capa, rellenaremos la seleccin que hemos creado con un color ms oscuro que
el que usamos en el texto, en este caso usaremos el color: #3370c1

PASO 3:

En la capa del texto, usaremos Quick Selection Tool, para seleccionar el texto creado.
Simplemente redondear el texto para que este quede seleccionado.

Luego iremos a Select > Invert, lo cual invertir la seleccin. Ahora, seleccionaremos
nuevamente la capa que creamos anteriormente, y le daremos click al boton borrar.
Todo lo que est fuera del texto quedar borrado, y solo quedar algo asi:

PASO 4:

En la ventana de Capas, le daremos botn derecho a la capa del texto, y luego Blending
Options, o doble-click en la capa de Texto para abrir inmediatamente Blending Options.
Activaremos las opciones de Stroke y Drop Shadow. En la imagen podrn ver todos los
ajustes que hemos usado, pero ustedes pueden variarlos de acuerdo a su gusto.
PASO 5:

El resultado final ser este:

Texto 3D con un patrn

Uno de los efectos ms usados es el efecto 3D o semejantes. En este tutorial te ensearemos


como crear un texto con profundidad pero que tambin tiene un patrn. Este le agrega un
toque ms divertido y atractivo al texto.

PASO 1:

Primero abriremos un archivo de tamao 500px de ancho, y 250px de altura.


Inmediatamente elegiremos la opcin de texto y escribiremos lo deseado en font Magnum,
120pt y de color #d93131.

PASO 2:

En la ventana de Capas, le daremos botn derecho a la capa del texto, y luego Blending
Options, o doble-click en la capa de Texto para abrir inmediatamente Blending Options.
Activaremos las opciones de Bevel & Emboss, con Contour. En la siguiente imagen podrn
ver todos los ajustes que hemos usado. El color del Highlight Mode es #ed1d1d, y el de
Shadow Mode es #ffffff.

http://regardis.com/imagenes/efectotexto3dpatron2.png

Asimismo activaremos la opcin de Stroke y Pattern Overlay. El color del Stroke es #ffffff,
y en Pattern Overlay elegiremos este patrn.
Ms an, activaremos las opciones de Inner Glow y Drop Shadow. En Inner Glow,
usaremos el color: #e54d4d y el usado en Drop Shadow es: #4a4a4a.

PASO 3:

El resultado final ser el siguiente:


Crear encabezado con estilo militar

En esta ocasin, te mostraremos una manera muy rpida de agregar colores militares a un
encabezado. Los colores que se asemejan al estilo militar son verdes oscuros, marrones
oscuros, entre otros. En este tutorial, usaremos estos colores mezclados y dndole una
textura de manchas en la letra.

PASO 1:

Lo primero que haremos ser crear nuestro texto. En este caso, usaremos la font Impact,
115pt y de color #2c412b. Teniendo seleccionada la capa de texto, iremos a Layer >
Duplicate Layer > Ok. A esta segunda capa de texto, le cambiaremos color a #514935.(La
capa de color marrn deber estar encima de la capa de color verde)

PASO 2:

Teniendo seleccionada una de las capas de texto iremos a Filter > Filter Gallery.

Debido a que nuestra capa es tipo texto, nos saldr la siguiente imagen, en la cual le
daremos OK. Esto har que nuestra capa se vuelve rasterizada y no podr ser editada como
texto.
Luego, se abrir la ventana de Filter Gallery, donde iremos a la categoria Artstica, y
seleccionaremos el efecto Sponge (Esponja). Le pondremos los siguientes ajustes:

Por ltimo, le daremos OK. Ahora, haremos lo mismo con la siguiente capa de texto. Para
agilizar este proceso, seleccionaremos la otra capa de texto y le daremos CONTROL + F (o
command + f). Esto har que se reproduzca el ltimo efecto/filtro realizado.

PASO 3:

A continuacin, seleccionaremos la capa de texto en color marrn, y le cambiaremos el


modo de fusin a Lighten (Aclarar), y le bajaremos la opacidad a 50%.

Esto se puede encontrar dndole doble click a la capa o en la parte superior de la ventana de
capas.

PASO 4:

El resultado final ser el siguiente, como vemos tiene un estilo militar:


Texto con Efecto Suavizado

En esta oportunidad, se dar paso por paso para conseguir un efecto suavizado en el texto.
Este tutorial puede ser aplicado a cualquier texto, haciendo uso de cualquier programa
como Photoshop.

Si quieres aprender como hacer este efecto, para agregarle un nuevo toque y profundidad a
tu texto, sigue leyendo.

PASO 1:

Abriremos un nuevo archivo de ancho 500px, y altura 200px. Luego elegiremos la opcin
de texto, con los siguientes parametros: Trebuchet MS, Bold, 100pt y de color #17c8ad,
como se muestra en la siguiente imagen:

PASO 2:

Luego, en la ventana de Capas, le daremos botn derecho a la capa de texto, y luego


Blending Options, o doble-click en la capa de Texto para abrir inmediatamente Blending
Options.

Activaremos las opciones de Stroke, Inner Shadow e Inner Glow. A continuacin, se


muestran todos los ajustes que hemos usado. El color en Stroke es #17c8ad, y en Inner
Inner Glow es el siguiente: #05645a.

Estos ajustes pueden ser cambiados, podrn dar diferentes efectos a sus textos.

PASO 3:

El resultado final ser el siguiente:


Siempre recomiendo ir probando con diferentes ajustes para obtener efectos de texto
distintos.

Texto animado como glitter

Los textos con glitter pueden ser recreados de una manera muy sencilla en Photoshop. Esto
le da un toque divertido a un texto sencillo, ya que le agrega brillo.

En este tutorial te mostraremos cmo crear un texto animado que se parece mucho al glitter.

PASO 1

Primero abriremos un archivo nuevo de un tamao deseado (500 x 250 px). Escribiremos el
texto deseado, en este caso se us la font Magnum, tamao 72pt y de color #32a08f.
Ms an le agregaremos un borde, haciendo doble-click en la capa de texto y activando la
opcin Stroke con 3px y de color #296057.

El resultado final ser el siguiente texto, el cual duplicaremos seleccionando la capa de


texto y yendo a Layers > Duplicate Layer > OK.

PASO 2

A continuacin, seleccionaremos una de las capa de texto e iremos a Effects > Noise > Add
Noise (Agregar Ruido). Nos saldr un aviso para rasterizar la capa, lo cual es necesario as
que daremos OK. Le daremos los siguientes parmetros:

Asimismo, seleccionando la otra capa de texto, haremos lo mismo pero en vez de 10% le
daremos 12%. Por otro lado, si es que hay una capa de fondo blanca, deberemos borrarla
dndole click y presionando la tecla suprimir.

PASO 3

Luego, tendremos que crear una animacin con estas dos capas. Ser necesario tener
activada la ventana de Timeline, para esto iremos a Window > Timeline (o Animation). Esta
ventana saldr en la parte de abajo de Photoshop.

En la esquina derecha superior del Timeline, le daremos click y seleccionaremos la opcin


de Make Frames From Layers. Esto crear una animacin en base a todas las capas. Si es
que hay una capa extra, aparte de las dos capas de texto, podremos borrarla dndole click al
tacho de basura en la ventana de timeline.

Asimismo, deberemos darle click en la opcin de tiempo (Dnde dice 0 sec) y abriremos la
opcin Other para poner el tiempo deseado: 0.12 segundos.

Por ltimo, iremos a File > Save for Web. Se nos abrir una ventana con diferentes
opciones, como vemos en la imagen superior. Lo importante en esta ventana es asegurarnos
que Looping Options sea Forever, lo cual indica que la animacin es indefinida. Asimismo,
como no tenemos ninguna restriccin, los colores sern mximos (256). Luego, le daremos
click OK.
PASO 4

El resultado final ser el siguiente texto animado:

Texto con Efecto Vidrio

En este tutorial se mostrar cmo crear un texto con un efecto similar al de vidrio. Le dar
al texto un toque gelatinoso y con una apariencia de reflejo. Puede ser usado para el ttulo
de un blog, o simplemente para un encabezado. A continuacin se explicar cmo lograr
este efecto vidirio haciendo uso de Photoshop.

PASO 1:

Creamos un nuevo archivo del tamao deseado. Elegiremos la opcin de Texto, en este
caso la font usada es Poplar Std de tamao 110pt, y de color: #c150b5.

PASO 2:

Luego, en la ventana de Capas, le daremos botn derecho a la capa de texto, y luego


Blending Options, o doble-click en la capa de Texto para abrir inmediatamente Blending
Options.
Activaremos las opciones de Inner Shadow, Inner Glow y Bevel & Emboss con Contour.
A continuacin, se muestran todos los ajustes que hemos usado.
Estos ajustes pueden ser cambiados, podrn dar diferentes efectos a sus textos. En general,
estas diferentes caractersticas harn variar el efecto vidrio.

PASO 3:

El resultado final ser el siguiente:


Deben tener en cuenta, que los resultados variarn en diferentes colores. Asimismo, se
recomienda probar con diferentes ajustes para lograr textos con efectos de vidrio diferentes.

Crear Texto Reflejado

Un tutorial muy sencillo explicando como crear un texto reflejado, de una manera muy
rpida. Es una idea llamativa para usar como firma de un foro. Este tutorial tambin puede
ser aplicado a otros texto o inclusive, a imgenes. Es un efecto que muestra al texto como si
estuviera sobre un espejo.

PASO 1

Primero, abriremos nuestro texto o imagen. El texto que estamos usando, es uno muy
sencillo, en tonalidades de grises. El canvas es de ancho 500px y 200px

de altura. El texto debe estar situado en la parte superior, dejando espacio para su reflejo.

PASO 2

Luego, seleccionando la capa del texto, iremos a Layer > Duplicate Layer > Ok. Con esto,
duplicaremos el texto, o la imagen.

PASO 3

Por ltimo, seleccionando la capa duplicada, iremos a Edit > Transform > Flip Vertical.
Esto, hara que esta capa se refleje. Lo nico que queda por hacer es mover la capa
duplicada justo por debajo del texto original, usando la herramienta Move.

El resultado final sera nuestro texto reflejado, y debera verse como la imagen siguiente:

Crear texto deformado en Photoshop

Los textos de un mismo color y de una misma forma a veces son muy aburridos. Por eso,
Photoshop tiene la opcin para deformar un texto, con la cual puedes lograr que el texto sea
arqueado, curvado, inflado y entre otras muchas opciones. En este tutorial, te mostraremos
cmo crear texto deformado y todas las opciones disponibles.

PASO 1:

Lo primero que haremos ser crear nuestro texto. Este puede ser de cualquier tamao y
font. Luego, en la barra de texto, en la parte derecha, encontraremos la

opcin de Creat Warped Text (Crear texto deformado) y le daremos click.

PASO 2:

A continuacin se abrira la siguiente ventana:


En esta ventana, encontraremos los estilos de deformacin, y tambin la direccin
(Horizontal o vertical). Asimismo, tenemos la libertad de variar la curvatura, la
deformacin vertical y horizontal.

PASO 3:

En la siguiente tabla, se muestran los diferentes estilos de deformacin que existen en


Photoshop. Para cada uno existe una pequea vista previa del efecto que est con los
valores predeterminados, es decir, Bend: 50%. Estos pueden hacerse variar para lograr
distintas formas.
Y as podremos lograr un texto deformado que es mucho ms llamativo y divertido. Solo
faltara agregarle un poco de color y se parecera mucho a los textos usando WordArt.

Efecto candy en texto de colores pasteles

Uno de los efectos ms deseados en Photoshop es el efecto candy que le brinda al texto una
suavidad y una ligereza como si fuera un dulce. En este caso usaremos los colores pasteles
ya que estos le brindan ms suavidad y una apariencia ms dulce al texto. En este tutorial te
mostraremos una manera sencilla de conseguir este efecto en Photoshop.

PASO 1

En primer lugar abriremos un nuevo archivo, y como siempre utilizaremos la herramienta


de texto para escribir lo deseado. En este caso, estamos usando la font Cubano, 90pt en
color #ffd1eb. Este color es un rosado claro, asemejandose a los colores pasteles, pero
tambin se pueden usar otros colores.
PASO 2
A continuacin, le daremos doble click a la capa de texto o botn derecho: Blending
Options. Esto abrir una ventana en la cual elegiremos las siguientes opciones: Bevel &
Emboss con Contour, y tambin Stroke.

Es posible ver todos los parmetros usados en la parte inferior. Estos pueden ser cambiados
y editados para cambiar los resultados dados.

En la parte de Bevel & Emboss, el color usado para la sombra (Shadow Mode) es #e68fc0,
debe ser un color ms oscuro al usado anteriormente. Por otro lado, en la parte de Stroke,
debemos usar un color un poco ms oscuro, pero no tanto, para no perder la suavidad del
efecto, en este caso es #f7c8e2.
PASO 3

El resultado final, ser el siguiente texto con efecto candy:

Texto con fondo transparente

Cuando creamos un texto en Photoshop y lo guardamos en formato .jpg, el archivo siempre


tendr un fondo blanco. Esto no es esttico cuando el fondo de la pgina web no es blanco.
En este tutorial te mostramos como guardar el texto con fondo transparente.

PASO 1:

Primero, crearemos nuestro texto en photoshop. Si lo guardamos en formato .jpg se ver


como la siguiente imagen. Debido a que el fondo de la pgina web es blanco, no se nota la
diferencia. Por esta razn, es mejor guardar los textos con fondo transparente, para que no
haya mayor problema al colgarlo en webs con diferentes fondos.

PASO 2:

Entonces, vamos a ir a la ventana de capas y notaremos lo siguiente. En la primera imagen


podemos ver que hay dos capas, la primera la de texto y la segunda llamada Background
que muestra el fondo blanco. Lo que haremos ser volverla invisible, dndole click al ojo al
costado de la capa.

La siguiente imagen muestra como debera quedar.

PASO 3:

El formato .jpg no puede guardar archivos con transparencia, por esta razn se debe usar
otro formato como .gif o .png. En este caso, usaremos el formato .png. Iremos entonces a
File > Save as, le ponemos el nombre a nuestro archivo y en Format elegimos PNG:

PASO 4:

Este ser nuestro resultado final:

Si arrastramos esta imagen veremos que no contiene fondo blanco, a diferencia que si
arrastramos la primera imagen, que puede verse igual, veremos el fondo blanco.

Asimismo, existe otra manera de obtener texto con fondo transparente, si es que ya ha sido
guardado anteriormente como .jpg.

Texto con solo contorno


En esta ocasin, este tutorial muestra cmo dejar solamente el contorno de un texto sin el
relleno, usando Photoshop. Es un procedimiento bastante simple para obtener el resultado
de solo el borde de cada letra.

PASO 1:

Escribiremos lo deseado, con el tamao y tipo de letra que les guste ms. En este caso estoy
usando la font Magnum. Pueden elegir cualquier color de relleno, ya que al final no
importar.

PASO 2:
En la ventana de Capas (o Layers), dar botn derecho a la capa de Texto y luego en
Blending Options, o doble-click en la capa de Texto para abrir

inmediatamente Blending Options. Iremos a la primera opcin de la izquierda: Blending


Options: Custom.

En esta ventana, reduciremos el Fill Opacity a 0%, lo cual eliminara el relleno de color.

PASO 3:

A continuacin, en la misma ventana de Blending Options, iremos a la opcin Stroke,


donde elegiremos el color del contorno y su tamao. Este procedimiento es para agregarle
el borde al texto.
PASO 4:

Este sera el resultado final:

Podemos observar que solo se ve el contorno de color verde. Este es un efecto que se ve
mejor cuando el fondo es transparante, ya que se nota el fondo adentro y fuera del texto.

Cmo crear un desenfoque radial en una foto

En este tutorial te mostramos como imitar el filtro usado en muchas fotos, como en
Instagram, el cual desenfoca parte de una foto para que un enfoque radial en la cara de una
persona o algo importante. Si te interesa saber como crear un desenfoque radial en
Photoshop, sigue leyendo.

PASO 1:

Primero abriremos nuestra imagen. En este caso estaremos usando la siguiente:


PASO 2:

Ahora, iremos a Filter > Blur > Iris Blur. Este es el nombre del efecto para causar el
desenfoque radial. A continuacin se nos abrir una ventana con todas las caractersticas del
efecto.

PASO 3:

En la ventana del efecto, veremos la siguiente elipse, la cual va a ser usada para determinar
la forma y el tamao del enfoque. Los 4 puntos de la elipse son usados para variar el
tamao, y as crear una forma de crculo si es deseada. El resto del rea encontrada fuera de
la elipse estar en desenfoque.

En este caso, usaremos los dos puntos rodeados en rojo:

PASO 4:

Usando los puntos, lograremos un circulo como el que se muestra en la imagen. Asimismo,
arrastraremos el crculo hacia la cara o lugar que deseemos. En la siguiente imagen, se
muestran las caractersticas usadas en el efecto: blur de 5px.
PASO 5:

El resultado final, enfocado en la cabeza y desenfocado en el resto, ser el siguiente:


Cmo dejar a color partes de la imagen y el resto en
blanco y negro

En esta ocasin te mostraremos cmo dejar a color partes de una imagen y el resto en
blanco y negro en Photoshop. Usualmente este mtodo se utiliza para dejar objetos en su
color normal, dejando el fondo en blanco y negro.

PASO 1:

Lo primero que haremos ser abrir la imagen que queremos editar, en este caso se usar la
siguiente:
Lo que haremos ser duplicar la imagen, por lo que tendremos 2 capas de la misma imagen.

PASO 2:

A continuacin, en la capa superior, utilizaremos la herramienta Magnetic Lasso Tool (Lazo


Magntico) para seleccionar la silueta del objeto que queremos a color. Simplemente le
damos click en un punto de la silueta y vamos avanzando con alrededor del objeto hasta
terminar.
Luego, teniendo seleccionada la silueta iremos a Select > Inverse, lo cual invertir nuestra
seleccin, dejando como seleccin el resto. Entonces, le daremos suprimir en nuestro
teclado. Puedes leer el tutorial para este procedimiento con ms detalle aqu.

Ahora teniendo seleccionada la capa inferior, iremos a Image > Adjustments > Desaturate.
Esto convertir esta capa en blanco y negro. No se olviden que existen diferentes maneras
de convertir una foto en blanco y negro. Por lo tanto, tendremos lo siguiente como capas:
Capa superior del objeto a color y una capa inferior toda en blanco y negro.

PASO 3:

El resultado final ser el siguiente:


Teniendo este conocimiento, puedes hacer diferentes variaciones, como en vez de convertir
en blanco y negro la capa de fondo, podras convertir en blanco y negro la silueta del
objeto.

Cmo hacer una imagen ms ntida

Algunas veces tenemos fotografas o imgenes de un gif que se ven algo borrosas, con lo
cual no se puede apreciar muchos detalles. Por esta razn, en este tutorial mostramos cmo
hacer una imgen ms ntida. Es un proceso bastante simple que a veces le da un toque ms
profesional y con ms definicin y enfoque a la imagen.

PASO 1:

Lo primero que haremos ser abrir nuestra fotografa o imagen. En este caso, se usar la
siguiente. Es posible notar que en la zona del hocico y alrededor de los ojos, la imagen se
ven algo borrosa.
PASO 2:

Una manera sencilla de enfocar, y as lograr la nitidez deseada, es simplemente usando


Filter > Sharpen. Esta opcin viene con parmetros predeterminados en Photoshop. Por
otro lado, podremos lograr el mismo efecto, pero indicando algunos parmetros. A
continuacin, iremos a Filter > Sharpen > Smart Sharpen (Enfoque Suavizado), lo cual
abrir la siguiente ventana:
En esta ventana, elegiremos un Radio de 0.3 px, y la cantidad variar dependiendo de la
imagen, pero en este caso se usar 400%. Es posible verificar como est quedando la
imagen, activando la casilla de Preview. Esto es muy til, ya que veremos el efecto que est
provocando el cambio de los parmetros.

Cuando encontremos la nitidez adecuada, le daremos click en OK.

PASO 3:

Eso sera todo, y aqu est el resultado final. Como vemos, la nariz ha quedado mucho ms
definida, as tambin como cada pelo y bigote.
Convertir una foto a blanco y negro

En las cmaras fotogrficas de ahora existe la opcin de tomar fotos en blanco y negro,
pero si te olvidaste de activar esa opcin, tenemos un tutorial para convertir tus fotos de
color a blanco y negro. Sigue leyendo para averiguar cmo convertir tus fotos a B&N
usando Photoshop, de la manera ms fcil.

PASO 1:

Abrimos nuestra imagen o foto. Si es que nuestra capa Background est bloqueada, le
daremos doble click y OK. En este caso usaremos la siguiente:
PASO 2:

Luego, iremos a Image > Adjustments > Channel Mixer. Se nos abrir una imagen en la
cual abriremos las opciones de Preset, y vemos, en la imagen siguiente, las diferentes clases
de B&N. Esto depende de los tonos de nuestra imagen.

PASO 3:

Se ha elegido la opcin B&W with Green Filter, pero podemos probar cada una
dependiendo de nuestra imagen para ver cual le queda mejor. Asimismo, podemos variar
los niveles de Red, Green y Blue, viendo cmo cambia nuestra imagen. Luego, le daremos
OK.
PASO 4:

El resultado final ser el siguiente:


Imagen en forma circular

En este tutorial, te mostraremos una manera sencilla de tener imgenes en forma circular.
Esto podr ser til si ests creando encabezados, headers, signatures y otros grficos.
Asimismo, puedes utilizar este tutorial para crear un simple header con una imagen o mas
en forma circular, como se har a continuacin.

PASO 1

Primero crearemos un nuevo archivo, de tamao 600x600px. Por otro lado, tendremos que
abrir las imgenes deseadas, en este caso, se usarn tres.

Abriremos la primera imagen, e iremos a la herramienta de seleccin, y le daremos click


derecho para seleccionar la seleccin elptica.

A continuacin, tendremos que elegir en la barra de herramientas superior, que nuestra


seleccin sea de estilo fijo, como se ve en la imagen posterior. Le pondremos a nuestro
circulo, igual ancho y altura. En este caso, usaremos 250 x 250px.

Es posible crear elipses u otra formas variando el tamao de altura y ancho.

PASO 3

Teniendo activada la herramienta de seleccin fija, le daremos click a nuestra imagen, y se


crear una seleccin circular, le daremos cortar (control+x). Nuestra imagen deber quedar
as:
PASO 4

Ahora iremos a nuestro archivo de 600x600px y pegaremos la imagen. (control+v).


Repetiremos este proceso con las imgenes que deseemos. Y nuestras capas se debern ver
algo as:

Es necesario borrar la capa de Background para lograr que nuestro archivo tenga fondo
transparente. Asimismo, es posible arrastrar las capas y re-ordenarlas, si es que queremos
que una imagen este encima de otra.

PASO 5

Por ltimo, podremos mover los crculos a nuestro gusto, y ser posible crear lo siguiente:
Crear figuras con fondo transparente

Es muy comn que lo primero que quieren aprender todos en Photoshop es quitar el fondo
de pantalla de una imagen para tener una figura, como una persona o cosa, con fondo
transparente. En esta ocasin, te mostraremos la manera ms sencilla y rpida de tener la
figura que deseas en fondo transparente, sin necesidad de complicaciones.

PASO 1

La herramienta que se usar es Magnetic Lasso Tool (Lazo Magntico) el cual se encuentra
en la barra izquierda, le daremos click izquierdo y seleccionaremos esta. En la barra
superior, en las especificaciones, dejaremos las predeterminadas, es decir: width: 10px,
contrast: 10% y frequency: 57. Esto funciona bastante bien con la mayora de imgenes,
pero pueden cambiarlas a su gusto.
Luego, lo nico que tendremos que hacer es comenzar el delineado, haciendo click en un
punto de la silueta de la figura. Solo es necesario hacer el primer click, ya que luego
comenzaremos a arrastrar el cursor por toda la silueta de la imagen, y veremos como se
crean puntos siguiendo el contorno. Podemos acercanos, haciendo zoom, para lograr una
mejor precisin.

Al terminar de delinear por todo el contorno, daremos click al punto inicial, o simplemente
daremos click en enter, con lo cual se quedar la figura seleccionada.

A continuacin, iremos a Select > Inverse, lo cual seleccionar el fondo de la imagen, y


daremos suprimir en nuestro teclado.

PASO 2

En la ventana de capas, nos deber quedar algo parecido. Lo nico que necesitamos aqu es
quitar la capa de fondo blanco, y luego guardaremos nuestra

imagen transparente en un archivo .png.

PASO 3

El resultado final ser el siguiente. Podemos observar que en algunos lugares hay partes
negras lo que es creado debido a la mala precisin y tambin a la imagen. Esta herramienta
es una manera muy fcil de usar, pero cabe resaltar que no es la forma ms precisa.
Retoque de fotografas

A veces tomamos fotografas con nuestras cmaras digitales, o inclusive celulares, y an


cuando son de buena calidad, a veces es necesario darle un retoque a los colores para que la
fotografa sea ms atractiva. En este tutorial te mostraremos un manera muy rpida de darle
vida a tus fotografas.

PASO 1

Lo primero que necesitamos es abrir nuestra foto en Photoshop. En este caso, estar usando
la siguiente fotografa mostrando el cielo. An cuando es una buena foto, vemos los colores
un poco apagados.
PASO 2

Teniendo seleccionada la capa de nuestra foto iremos a Layer>New Adjustment Layer >
Curves. Esto abrir la siguiente ventana, en la cual le daremos simplemente OK.
PASO 3

A continuacin, se abrir una ventana que debe parecerse a la imagen izquierda. En este
ventana podremos variar bastante la curva para poder llegar a los resultados que querramos.
Lo nico necesario es darle click a un lugar en la lnea recta y arrastrarla hacia abajo o
arriba, formando as curvas.

En este caso, se ha movido simplemente dos puntos, lo cual se puede apreciar en la imagen
de la derecha. Podremos ir viendo como queda nuestra fotografa en la parte de atrs.
PASO 4

Al finalizar de realizar las variaciones correspondientes a la curva, simplemente


guardaremos nuestro archivo. En este caso, la fotografa me quedo as:
Agregar subttulos o texto a un GIF

Es posible colocar texto o subttulos en un GIF, esto es usado para expresar lo que estn
diciendo en la animacin o tambin para describir la situacin. En este tutorial te
mostramos cmo agregar texto a todo el gif usando la font ms adecuada.

PASO 1:

Lo primero que haremos es abrir nuestro GIF, para crear este pueden seguir nuestro tutorial.
Ahora, abriremos un nuevo archivo de ancho 500px y altura 200px. Escribiremos el texto
deseado con la font Gill Sans en regular de tamao 24pt, color blanco y con Faux Bold.
Luego, le agregaremos contorno al texto de 2px y de color negro. Nos debera quedar como
la siguiente imagen:
PASO 2:

Ahora lo que haremos es duplicar la capa de texto a el archivo de nuestro GIF. Entonces,
teniendo seleccionada la capa de texto, iremos a Layer > Duplicate Layer, se nos abrir
la siguiente ventana, y elegiremos en documento el archivo de nuestro gif.

PASO 3:

Ahora, iremos a nuestro GIF, donde debe encontrarse la capa de texto. El texto debe
encontrarse encima de todas las capas, as que si al duplicarlo se encuentra abajo, debemos
arrastrarlo hacia arriba.
PASO 4:

Luego, nos situaremos en la ventana de Timeline en la primera imagen. Para acceder al


Timeline vamos a Window > Timeline.

PASO 5:

Estando la primera imagen seleccionada, como se ve en la siguiente imagen, iremos a


mover el texto si es necesario y colocarlo adecuadamente. Este ser el resultado final:
Agregar subttulos cambiantes a un GIF

Photoshop te permite agregar subttulos a un GIF de manera que el texto vaya cambiando
conforme avanza la animacin. Esta es una gran manera de mostrar distintos dilogos que
vayan ocurriendo. En el siguiente tutorial te mostraremos cmo se agregan texto cambiante
a un GIF.

PASO 1:

Anteriormente, te hemos mostrado cmo crear un gif de la manera ms simple. Por esta
razn, continuaremos con el gif que hemos creado y lo abriremos en Photoshop. A
continuacin, agregaremos un texto al GIF, en este caso es con la Font Myriad Pro de 18pt
y con contorno.
Duplicaremos nuestra capa de texto, y editaremos la nueva capa de texto para que muestre
el subttulo correspondiente. Es mejor duplicar la capa inicial para que la posicin de
nuestros subttulos siempre sea la misma.

Luego, arrastraremos cada capa de texto en la posicin que queramos que aparezca. Esto se
puede repetir dependiendo de la cantidad de subttulos que deseas. En la siguiente imagen,
se explicar el ordenamiento de las capas:
En otras palabras, tomando el ejemplo de la imagen superior, tenemos que:

-La capa de texto Subttulo: 1 est por encima que las capas Layer 1 Layer 5

-La capa de texto Subttulo: 2 est por encima de las capas Layer 1 Layer 11

-El posicionamiento se debe a que queremos que de las capas Layer 1 Layer 5 se
visualice Subttulo: 1, y del Layer 6 Layer 11 se visualice Subttulo: 2.

-Al reproducir la animacin, veremos que slo se visualiza la capa Subttulo: 2 ya


que est por encima de todas las capas, y cubre as la capa Subttulo: 1.

PASO 2:

Por esta razn, debemos seleccionar todas las capas en las que no deseamos que se
visualice la capa de texto y debemos desactivar la visibilidad de esta. En este caso, vamos a
seleccionar en la barra Timeline, las capas 1 5 y en la ventana de Capas, desactivar la
visibilidad de la capa Subttulo: 2, como se muestra a continuacin:

No hay problema con la visibilidad de la capa Subttulo: 1 ya que est por debajo de las
capas Layer 6 Layer 11, por lo cual no se ver. An as, podemos repetir el mismo
procedimiento, y seleccionar en Timeline las capas 6-11 y desactivar la visibilidad de la
capa de texto.

PASO 3:

El resultado final ser el siguiente:


Este procedimiento podr hacerse con una mayor cantidad de subttulos, solo habra que
seguir agregando capas de texto en distintas posiciones.
@daresworld Hace 2 meses +30
Agrego unos consejos adicionales para poder usar Photoshop de manera ms fluida.

Mantener pulsado ESPACIO hace que el cursor se convierta en mano, para poder
desplazarnos sobre el lienzo sin tener que cambiar de herramienta o usar los scrolls, ya que
al soltar ESPACIO se vuelve a la herramienta que estaba activa.

Mantener pulsado SHIFT cuando se quiere agrandar o achicar un recorte seleccionado para
que lo haga de manera proporcional. Tambin al mantener pulsado SHIFT pods girar un
objeto a 45, o mover ms rpido el recorte por la escena con las flechas.

Mantener pulsado ALT para que el cursor se convierta en cuenta gotas, poder usarlo, y al
soltar ALT volver a la herramienta anterior. Este es muy importante porque facilita el
trabajo en la ilustracin ms que nada. Estar usando la herramienta pincel (B) y necesitar
cambiar a un color de la escena, mantens ALT, clic sobre el color, soltas ALT, y ya tenes
el pincel con ese color.

Cambiar el acceso CTRL + Q (sirve para salir del Photoshop, para mi es al pedo), por
Invertir lienzo (que no tiene valor de teclas asignado), esto lo que hace es que invierte
todas las capas, (osea si algo tiene orientacion a la derecha, cambia a la izquierda) muy util
ya que nuestro ojo se acostumbra a lo que estamos viendo y pensamos que lo estamos
haciendo bien, al hacer esto cambia totalmente la obra, dado que del izquierdo ahora se
vera al derecho, sacando la costumbre del ojo y poder volver a ver los errores y detalles.

Si la imagen que estan editando o creando es muy grande y la interfaz les molesta o les
resulta incomodo presionen TAB y desaparece toda la interfaz dejando solo la imagen que
estan trabajando, al presionarlo de nuevo vuelve a aparecer todo donde estaba.

Tambin pueden activar BLOQ MAYUS, para que el circulo del pincel (y de todas las
herramientas) desaparezca, dejando solo una pequea cruz. Esto parece mentira pero
mejora un poco el rendimiento del Photoshop al consumir menos memoria.

Otra cosa muy til, desde las Preferencias > Rendimiento, aumenten el valor de Estado de
Historia. Esto aumenta la cantidad de veces que podrn deshacer (CTRL + ALT + Z) sus
errores.

Espero que les sirva a todos! De esta manera es la