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.
Posteriormente después de buscar vamos a tener todos los resultados referentes a este autor.
¿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:
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.
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.
Para obtener imágenes de mayor definición hacemos lo siguiente:
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.
Cuando la imagen se abre, debemos darle click secundario y Copiar Imagen:
Ya tenemos todo listo. Ahora vamos a Abrir Photoshop y darle Click en Nuevo / New:
Una 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?
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.
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.
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.
Ya teniendo todo esto listo, vamos a agregar una capa dando click en la herramienta de texto: y posteriormente seleccionamos el área donde queremos que el texto aparezca. Recuerden copiar antes la frase para pegarla.
También existe otro botón que te permite jugar con el texto para tener diferentes resultados:
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:
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.
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.
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:
Cualquier duda a sugerencia, pueden hacerla en los comentarios. Si quieren podremos hacer video tutorial.
