Tutorial – Buscar y Crear imágenes de frases celebres en Photoshop


Es muy común que en páginas se compartan frases celebres de las temáticas que se manejen. Existen miles de personas que nos inspiran a seguir adelante en base a sus experiencias, y más que nada, sus fracasos. Este tutorial les mostrará como hacer “quotes” en imágenes de autores famosos usando efectos y mostrando como usar las capas en photoshop.

Primero que nada, esto lo mostramos con photoshop ya que es una de las herramientas más usada para edición de imágenes.

Esta guía te ayudara a entender:

  • Qué son los Layers / Capas
  • Qué son los PNG transparentes.
  • Usar herramientas de Blending Options Opciones de Fusión
  • Escoger fonts que se aprecien.
  • Darle una buen calidad a tu imagen.
  • Buscar Imágenes para incluir en la frase.

Primero que nada vamos a definir que frase celebre queremos hacer, hay que decidir de que autor la vamos a hacer, para encontrarlas tenemos que ir a fuentes fidedignas que obtienen estas frases de los libros directamente. Por ejemplo Good Reads Quotes.

goodreads

Posteriormente después de buscar vamos a tener todos los resultados referentes a este autor.

carlsagangoodreads

¿Por qué hacer esto? Existen muchas fuentes que inventan frases de autores que nunca dijeron eso, en esta web es casi imposible que esto suceda. Lamentablemente es en ingles, pero no hay ningún problema, solo vamos a escoger la frase celebre y la traducimos.

“Science is not only compatible with spirituality; it is a profound source of spirituality.”
? Carl Sagan, The Demon-Haunted World : Science as a Candle in the Dark

Esta frase es muy importante ya que la espiritualidad es un factor muy subjetivo. Vamos a traducirlo en Google Translate:

google translate

Muchas veces las traducciones no son correctas y tienen que intervenir manualmente para que se lea bien. Aveces se encontrarán con palabras técnicas que traducidas no tienen nada que ver. A esto, procuren buscar la palabra en google y ver los resultados para ver de que se trata. Procuren buscar: palabra + autor para especificar.

Ok, ya tenemos al autor y la frase celebre. Vamos a proceder a la parte de Encontrar imágenes y ponerlas en Photoshop.

Vamos a Google Images para obtener diversas imágenes.

carlsagangoogleimages

Escriban el nombre del autor y busquen. Al realizarlo se encontrarán con Herramientas de búsqueda, pueden dar click ahi y buscar específicamente diferentes tamaños, gamas de colores, etc.

herramientasdebusqueda_googleimages

Para obtener imágenes de mayor definición hacemos lo siguiente:

calrsagandeifnicion

En este caso ya escogimos la imagen que nos gusta más, como fue una modificación y es de un autor es permitido usarla para difusión científica.

result_sagan

Cuando la imagen se abre, debemos darle click secundario y Copiar Imagen:

CLICKIMAGEN

Ya tenemos todo listo. Ahora vamos a Abrir Photoshop y darle Click en Nuevo / New:

photoshoprimerpasoUna vez abierta la imagen, va a salir todo en blanco, como ya copiaron la imagen de Carl Sagan previamente, podrán darle solo CTRL – V (Pegar) en Windows o CMD -> V en OSX.

Sabemos que la imagen es muy grande, usualmente esto debería ser 950 x 650 pixeles o algo así. ¿Pero como reducirlo?

imagesize_photoshop

Se va a abrir una ventana y debemos escoger el tamaño que queramos en Width / Ancho, esto automáticamente va a ajustar la altura.

imagesizephotoshop2

Aveces nos vamos a topar con tamaños en los cuales queremos hacerlos sin menos altura y más anchos para agregar otro fondo. Todo esto lo podemos manipular con la herramienta CROP TOOL.

sagancrop

Capas / Layers de Photoshop: Son la clave del Photoshop, todo se maneja en estas, puedes asignar orden de que imágenes se ven al frente de otras, donde se posiciona el texto, ordenar usando carpetas, borrar capas, etc.

capas_photoshop

Ya teniendo todo esto listo, vamos a agregar una capa dando click en la herramienta de texto: textophoto y posteriormente seleccionamos el area donde queremos que el texto aparezca. Recuerden copiar antes la frase para pegarla.

photoshopfontselect

También existe otro botón que te permite jugar con el texto para tener diferentes resultados:

opcionesdetexto

Posteriormente el texto no se puede apreciar debido a que la imagen opaca al texto, esto se puede solucionar agregando un rectángulo negro al fondo y bajar su opacidad:

photoshoprectangle

Posteriormente ya que tenemos el cuadro bajo la capa de texto, vamos a proceder a darle Click Secundario en la capa del rectángulo y seleccionar Blending Options / Opciones de Fusión. Esto va a abrir un cuadro, donde ustedes tienen todo el control de los efectos de la capa seleccionada. Les recomendamos jugar con todo esto ya que se puede ver en tiempo real lo que afecta, en este caso solo vamos a cambiarle la opacidad. Quizás en otros tutoriales agreguemos más tips.

opacidad

Estas opciones de fusión son tan amplias, funcionan de maravilla tanto con texto, vector, imágenes, etc. Es cuestión de que den click a todo y jueguen viendo la vista previa. No tengan miedo.

En este caso vamos a seleccionar la capa del texto para agregarle sombra y que se vea mejor ante el cuadrado con 50% de opacidad.

efectosombra

Con estas bases, es solo cuestión de jugar un poco con el estilo, escoger una buena font, mezcla de colores y agregar quien lo dijo. Si quieren también una marca de agua de su logo o nombre.

Para escoger bien un contraste de colores pueden usar ADOBE COLOR CC que es gratis para escoger diferentes colores que quedan entre ellos.

 

Y es así como nos queda:

carlsaganquote

Pueden descargar el archivo PSD –> DESCARGAR 

Cualquier duda a sugerencia, pueden hacerla en los comentarios. Si quieren podremos hacer video tutorial.

Comentarios

comentarios

What's Your Reaction?
Angry Angry
0
Angry
Cute Cute
0
Cute
Fail Fail
0
Fail
Geeky Geeky
0
Geeky
Lol Lol
1
Lol
Love Love
1
Love
OMG OMG
0
OMG
Win Win
0
Win
WTF WTF
0
WTF

Somos un colectivo en busca de cambiar el rumbo del mundo y hacer un salto cuántico hacia una nueva fase de evolución humana. Queremos hacer el bien impactando en la principal variable que necesita alimentarse. La educación libre, abierta y de calidad.

Tutorial – Buscar y Crear imágenes de frases celebres en Photoshop

conectarse

Conectate para participar en la comunidad
¿No tienes una cuenta?
registrate

resetea tu contraseña

Back to
conectarse

registrate

ó

Captcha!
Back to
conectarse