Crear una tipografía garabateada

Podemos encontrar fuentes garabateadas disponibles en internet (sketch-block.font), ideales para diseños e ilustraciones tipo grunge (sucio) o doodle (garabatos). El problema lo encontramos si queremos aplicar este estilo a otra tipografía. En realidad el problema no es tal, ya que con Adobe Ilustrator es muy fácil de conseguirlo. Incluso podemos crear un estilo gráfico para poder aplicarlo a otras fuentes.

Os muestro un ejemplo de lo que vamos a crear en este tutorial:

Imprimir

Paso 1

Creamos un documento y con una fuente de nuestra elección escribimos el texto que queremos convertir. En mi caso estoy utilizando la Clarendon Bold.

G-02

Paso 2

Con el texto seleccionado, quitamos el trazo y el relleno, o sea, trazo y relleno ninguno.

G-03

Paso 3

Manteniendo el texto seleccionado abrimos el menú emergente Apariencia y añadimos un nuevo relleno (mantenemos por defecto el color negro para el relleno)

G-04

G-05

Paso 4

Seleccionamos el nuevo relleno en el panel Apariencia y vamos a Efecto> Estilizar> Garabatear.

G-06

G-07

En el cuadro de diálogo de Garabatear introducimos los siguientes datos:

– Ángulo: 45º
– Trazado superpuesto: 0 pt (0 mm)
– Variación: 2 pt (0,71 mm)
– Anchura del trazo: 1 pt (0,35 mm)
– Curvatura: 0%
– Variación de curvatura: 50%
– Espaciado: 2 pt (0,71 mm)
– Variación de espaciado: 1,5 pt (0,53 mm)

G-08

Paso 5

Seleccionamos la opción de trazo en el panel Apariencia y damos al texto un trazo de 1,5 pt (0,53 mm).

G-09

Paso 6

Para que el trazado sea algo más sinuoso mantenemos seleccionado el trazo en el menú Apariencia y vamos a Efecto> Distorsionar y Transformar> Emborronar.

G-10

En el cuadro de diálogo de Emborronar introducimos los siguientes datos:

– Tamaño: 0.5%
– Seleccionamos el botón Relativo
– Detalle: 30
– Seleccionamos el botón Suavizar.

G-11

Paso 7

Ya tenemos una fuente garabateada personalizada y fácilmente editable. Para que esta técnica sea aún más útil, vamos a crear un estilo gráfico para aplicarlo a otras fuentes. Seleccionamos la fuente y pulsamos el botón Nuevo estilo gráfico en el panel de Estilos gráficos.

G-12

G-13

Te recomiendo que juegues con los valores de los efectos de Garabatear y Emborronar para obtener otros resultados.

El Cinemagraph

Hace unos días me llegó por email un powerpoint de un amigo que se titulaba “Fotografías en movimiento”. No suelo hacer mucho caso de este tipo de correos pero este me pareció muy interesante e indagué un poco más sobre este tema.

cab-window-429

Esta especie de híbrido entre fotografía y vídeo en formato GIF se denomina Cinemagraph. Sus creadores son el fotógrafo Jamie Beck y el diseñador web Kevin Burg. Beck lo define como “algo más que una fotografía pero menos que una película”.

El resultado son fotografías en movimiento, a lo Harry Potter. El cinemagraph, popularizado sobre todo a través de Tumblr, supone la culminación del GIF, ese tipo de archivo de segunda que empezó su andadura en Internet como estrella del banner publicitario y ha acabado sus días como vehículo de memes y bromas virales.

Pero hay unas diferencias muy claras entre el cinemagraph y el GIF. En este último la animación es total, mientras que en el primero es solo una parte de la imagen la que se mueve, lo que da esa sensación de fotografía en movimiento. El cinemagraph nace vinculado a la moda y al diseño y es ante todo un formato puramente artístico, de una calidad altísima. Con un leve movimiento, su magia consiste en meter al espectador dentro de la fotografía.

Para realizar vuestro propio cinemagraph solo necesitáis tener algo que contar, una cámara de vídeo (cuanta más definición mejor resultado) y un trípode para que la imagen permanezca estática.

A continuación os pongo algunas de estas imágenes y un videotutorial para realizar vuestro propio cinemagraph con photoshop.

newspaper-man-429

cinemagraphs8

 

FOTOS CON MOVIMIENTO-6

ermilio-zebra-429

Fuente: www.lapiedradesisifo.com

Efecto “Piel de Porcelana”

Seguro que cuando veis el retrato de una modelo en la portada de una revista con la piel suave y sin ningún tipo de imperfecciones llegáis a la conclusión de que el Photoshop ha tenido algo que ver y, efectivamente, así es.

A continuación os describo los pasos a seguir para convertir una piel “normal” en una piel de porcelana.

Cara de porcelana 2 caras

1. Copiamos la capa “Fondo” (Cmd+J) para mantener la original.

2. Eliminamos las “imperfecciones” como granitos, lunares y pequeñas arrugas con el la herramienta Pincel Corrector Puntual.

1

3. Volvemos a copiar la capa (Cmd+J)

4. Aplicamos el filtro de Polvo y Rascaduras (Filtro > Ruido > Polvo y Rascaduras). He utilizado un radio 2 y umbral 0. Depende de la resolución de la imagen variará el radio. El resultado deber ser parecido al que se muestra en la imagen.

2

5. A continuación aplicamos el filtro Desenfoque Gaussiano (Filtro > Desenfocar > Desenfoque Gaussiano). En este caso he utilizado un radio de 4 px.

3

6. Aplicamos el filtro Añadir Ruido (Filtro > Ruido > Añadir ruido…) para dar un poco de textura a la piel. He utilizado un 2,5% con distribución Uniforme.

4

7. Ya tenemos preparada la nueva piel. Para aplicarla a las zonas que nos interesan debemos añadir una Máscara de Capa (tercer botón inferior en la ventana de capas) y seleccionamos el rectángulo blanco que nos ha aparecido en la Ventana de Capas.

5

8. Seleccionamos todo (Cmd+A) y rellenamos de negro. El recuadro de la Máscara de Capa, que antes era blanco ahora aparecerá negro.

6

9. Ahora comenzamos a “pintar” la nueva piel. Para ello pintaremos de blanco con la herramienta Pincel las zonas donde queremos que aparezca la nueva piel. Evitaremos pintar en las zonas de detalles como pliegues de la piel, contornos, cejas, etc.

7

10. Hasta aquí ya se podría dar por concluido el trabajo, pero vamos a ir un poquito más allá.
Vamos a aplicar una Capa de Ajuste (cuarto botón inferior en la ventana de capas) de Brillo/contraste y en este caso le doy un valor de brillo de 36 y un contraste de 20.

8
9

11. Creo otra nueva Capa de Ajuste, esta vez de Mapa de Degradado para darle un poco más de iluminación. Seleccionamos el degrado de negro a blanco.

10
11

12. Esta capa la ponemos en Modo de Fusión “Trama” y con una opacidad del 33%

12
13

13. Ya solo nos queda acoplar todas las capas si estamos satisfechos con el resultado.

Cara de porcelana OK