Categoría: Tipografía

  • La historia de la escritura y la tipografía [stop-motion]

    La historia de la escritura y la tipografía [stop-motion]

    Iván Bravo, ilustrador barcelonés, es el autor de este premiado y divertido corto de animación sobre la Historia de la Tipografía.

    Con una intro a lo 2001: Una odisea en el espacio, en poco menos de 5 minutos se hace un repaso a cómo la tecnología, las herramientas y soportes disponibles en cada etapa de la historia, ha definido y condicionado la escritura, la tipografía y nuestra forma de leer.

    Algunas imágenes del making of

    También os puede interesar este otro corto: La historia de la tipografía [stop-motion] 

  • 2 plugins y 9 acciones gratuitas para Photoshop (Parte VIII)

    2 plugins y 9 acciones gratuitas para Photoshop (Parte VIII)

    Una nueva entrega de plugins gratuitos para Photoshop. En esta ocasión la mayor parte son acciones en vez de plugins. Recuerda que cuando descargues estas acciones no tienes más que cargarlas desde el panel de «Acciones» y darle al play.

    Sumados a los publicados anteriormente ya llevamos 82 plugins gratuitos para Photoshop

    2 plugins y 9 acciones gratuitas para Photoshop

    Los dos primeros son plugins, el primero de ellos Fontea es genial, el resto son acciones y debes tener en cuenta que las acciones pueden crear conflictos por el idioma de tu instalación. Cuando corras la acción recuerda que muchos comandos están asociados a los nombres de capa. Si por ejemplo la acción crea una capa y tu Photoshop está en español la llamará «Capa 1» mientras que si el autor de la acción la ha creado en inglés buscará una capa llamada «Layer 1».  Si tu Photoshop no está en inglés deberás detener la acción cuando te informe de ese conflicto y cambiar los nombres o ejecutar los comandos manualmente.

    1. Fontea

    Con el plugin gratuito Fontea puedes acceder dentro de Photoshop a la popular colección de más de 700 fuentes web de Google Fonts.

    fontea-google-fonts-plugin-gratuito-photoshop

    Sus creadores son madebysource creadores de otros famosos plugins comerciales y gratuitos que hemos recogido aquí y de Avocode que presentaron como el asesino de Photoshop. En esta ocasión el plugin Fontea es totalmente gratuito.

    Está disponible para Mac y Windows, para Photoshop CC 2014/2015 y anuncian que pronto también para Sketch.

    2. Othericons

    Este plugin también de madebysource trae a Photoshop colecciones gratuitas y premium de iconos.

    icono-plugin-photoshop-gratuito

    3. Ultimate Copywriter’s Photoshop Actions Set Pack – Kryspin.net

    En vez de crear tu boceto con Lorem Ipsum este paquete de acciones insertará texto dummy pero más real.

    photoshop-plugin-copy-text

    Aunque en la web veréis dos versiones: demo gratuita y full, realmente la full consiste en contratar los servicios de su creador.

    Efecto sombra alargada

    Dos acciones gratuitas para crear este efecto de sombra alargada.

    4. Long Shadow

    long-shadow-photoshop-action-photoshop

    5. Long Shadow Photoshop Action | Freebie

    long-shadow-zinx

    En la primera entrega de la colección de plugins gratuitos para Photoshop os dejé una extensión que nos servía para crear el mismo efecto pero con un panel de opciones pero parece que el sitio de descarga ya no está activo.

    6. Bootstrap Grid System Photoshop Action – 1170px | Web3Canvas

    Una acción para crear el sistema de rejilla de Bootstrap

    bootstrap-grid-1170-ps-action-720x400

    7. Retinize It – Photoshop actions for slicing retina assets @2x @3x

    Prepara versiones de tu trabajo para dispositivos retina

    Retinize It Photoshop actions for slicing retina assets 2x 3x

    Más información en este artículo de Smashing Magazine

    retinize-it

    8. Isometric 3D Perspective Mockup Photoshop Action (.atn) 

    Acción gratuita para uso personal que da perspectiva 3D y aspecto isométrico a cualquier boceto.

    Isometric-3D-Perspective-Mockup-Photoshop-Action

    9. Ps Browser UI Action

    Una acción que añade un navegador minimalista para presentar tu web.

    browser-ui

    10. ScreenShot Photoshop action

    Con esta acción una captura de pantalla tendrá el aspecto de una fotografía tomada a tu monitor.

    screenshot-photoshop-action

    11. iOS7 Blur – Photoshop Action

    Crea ese efecto desenfocado de iOS7

    ios7-blur-ps-action

  • Dyslexia, la tipografía sobre la dislexia para no disléxicos

    Dyslexia, la tipografía sobre la dislexia para no disléxicos

    En este blog hemos recogido tipografías creadas para ayudar a los disléxicos. En esta ocasión hablamos de una tipografía creada por un disléxico para concienciar a los no disléxicos.

    Dyslexia

    Hace unos años el diseñador Daniel Britton fue diagnosticado con dislexia. Su entorno no comprendía lo que le pasaba así que decidió crear una tipografía que mostrara la frustración que sienten los disléxicos al leer.

    Dyslexia es un 60% Helvetica, el otro 40% lo ha eliminado para crear esa experiencia de lectura que sufren los disléxicos.

    dyslexia tipografia para no dislexicos 3

    Según Daniel no todos los disléxicos tienen el mismo porcentaje de dificultad, él sólo buscó el punto intermedio donde el reconocimiento de los caracteres empezaba a ser dificultoso.

    dyslexia tipografia para no dislexicos

    Ni siquiera es un intento de recrear lo que los disléxicos perciben al leer, según Daniel existe el mito de que los disléxicos ven las letras del revés o borrosas, al menos para él esto no es así, simplemente su cerebro no llega a descodificar bien los caracteres que está leyendo.

    Daniel quería que sus compañeros le comprendieran y empatizaran con su trastorno y lo consiguió. Sólo tuvo que decirles que intentaran leer este texto.

    dyslexia tipografia para no dislexicos 2

    Enlace: Dyslexia // vía Co.Design

  • Seb Lester, el tipógrafo que caligrafía famosos logos

    Seb Lester, el tipógrafo que caligrafía famosos logos

    El diseñador, tipógrafo e ilustrador Seb Lester es capaz de caligrafiar, de hacer a mano con un simple rotulador, famosos logos como los de Coca Cola, Converse, Google, Honda, Ferrari, Led Zeppelin, Star Wars, El Señor de los Anillos, Metallica, The Beatles  o The New York Times.

    seb lester caligrafo logos famosos a mano alzada (1) seb lester caligrafo logos famosos a mano alzada (2) seb lester caligrafo logos famosos a mano alzada (3)  seb lester caligrafo logos famosos a mano alzada (5)

    Los comparte en Instagram y ahora en este vídeo time-lapse recoge sus favoritos donde vemos el proceso, sin trampa ni cartón.

  • Las esculturas tipográficas del YES/NO y del TODO/NADA

    Las esculturas tipográficas del YES/NO y del TODO/NADA

    Las dicotomías por excelencia hechas escultura. Gracias al diseño del artista Markus Raetz estas piezas 3D tipográficas crean una curiosa ilusión óptica.

    escultura ilusion optica tipografia 3D Markus Raetz YES NO miniatura

    Depende del ángulo con el que las mires te muestras un YES o un NO o TODO o NADA.

    Como la vida misma.

    escultura ilusion optica tipografia 3D Markus Raetz YES NO

    escultura ilusion optica tipografia 3D Markus Raetz TODO NADA

    Vía swissmiss | YES / NO

  • Juegos de palabras sobre diseño y tipografía

    Juegos de palabras sobre diseño y tipografía

    Sara Heffernen ha diseñado estas tarjetas con juegos de palabras y algún chiste sobre diseño gráfico y tipografía. Por supuesto no falta la alusión a la Comic Sans ;)

    Sara Heffernen chistes-diseño-grafico-juegos-palabras (5)Sara Heffernen chistes-diseño-grafico-juegos-palabras (1) Sara Heffernen chistes-diseño-grafico-juegos-palabras (8) Sara Heffernen chistes-diseño-grafico-juegos-palabras (16)

     

  • El origen e historia del signo # y de los hashtags

    El origen e historia del signo # y de los hashtags

    Un hashtag es una cadena de caracteres precedida por el signo # (hash, almohadilla o numeral). Su uso se ha popularizado en las redes sociales para etiquetar y categorizar los temas y crear marca, los vemos en televisión y en campañas publicitarias aunque no siempre bien utilizados.

    Vamos a conocer su historia, la del signo # y del primer hashtag en las redes sociales, concretamente en Twitter.

    El origen del signo #

    El origen del signo # es impreciso, en EEUU algunas fuentes dicen que comenzó como sustituto de la abreviatura de unidad de medida de peso libra (pound). Los impresores crearon un carácter para “lb” pero se confundía con el 1 de forma así que le cruzaron una línea.

    origen-simbolo-almohadilla

    Buscando referencias visuales de este signo he encontrado esta fotografía de una máquina de escribir, la Blickensderfer 5 – Creelman de 1893.

    Blickensderfer 5 - Creelman

    Fíjate en la tecla de la Q, aunque es parecido al signo musical de sostenido al aparecer junto a ella la @, signo que también tiene su origen como unidad de medida entiendo que es el signo #. No tendría mucho sentido incluirlo en esta máquina de escribir para notación musical.

    Blickensderfer 5 - Creelman

    En GB el problema era que pound es también su moneda y tiene su propio signo £.

    El Código Baudot, creado en 1874  y modificado por Ross Lynch en 1901 fue utilizado para enviar teletipos, sólo podía enviar 32 caracteres.

    1280px-International_Telegraph_Alphabet_2

    La versión 2 de este Alfabeto Internacional de Telegrafía (ITA2) de 1930 es utilizado todavía en teléfonos para sordos, en radioaficionados, y en RTTY (radioteletipo).  En EEUU la Teletype Corporation sustituyó el original £ por # a primeros del S.XX.

    teletipo-hashtag

    En España llamamos a este signo almohadilla aunque la RAE no recoge esta acepción, la Wikipedia sí ;)

    También se le conoce como cuadradillo, grilla, numeral, cardinal y por su parecido con el tablero del juego tres en línea, o trincarro como lo llamamos por aquí, también se le llama michi, tatetí, tresenlínea, gato y vieja. En ajedrez sirve para indicar jaque mate.

    Del confuso símbolo pound a octothorpe

    La internalización del símbolo # vino en los años 60 en EEUU cuando Bell Laboratories investigó qué símbolos debían poner en los primeros teléfonos con botones para funciones especiales. El estudio concluyó insertar un botón para * y otro para # que ya aparecían en las máquinas de escribir estadounidenses.

    primer-telefono-almohadilla-hashtag

    Para darle un nombre a este signo distinto del confuso “pound” lo bautizaron como octothorpe (octo- por sus ocho puntos y –thorpe en honor al medallista olímpico Jim Thorpe) aunque otros alegan que su origen viene de la cartografía donde un octothorpe son ocho campos alrededor de una plaza central (thorpe).

    El origen del hashtag (#etiqueta)

    El hashtag, # seguido de una etiqueta para categorizar (taggear) temas tuvo su origen en la programación. Hoy en día muchos lenguajes de programación utilizan # aunque el primero en introducirlo fue el creador de C Dennis Ritchie. En 1978 introdujo # para indicar palabras clave que debían ser procesadas antes que nada por el preprocesador de C. En 1988 se utilizó para crear canales de temas en IRC, es decir, para categorizar.

    El primer hashtag en las redes sociales

    Aunque hoy nos parece normal utilizar los hashtags en muchas redes sociales fue en Twitter cuando aparece por primera vez en este tuit de Chris Messina de agosto de 2007

    https://twitter.com/chrismessina/status/223115412

    3 días más tarde, el 26 de agosto de 2007, aparece por primera vez el término hashtag en un post del blog StoweBoyd: Hash Tags = Twitter Groupings

    Meses más tarde, en octubre de 2007, NateRitter le dio el uso que tiene hoy día para comentar los incendios forestales de San Diego con el hashtag #sandiegofires pero no es hasta 2009 cuando Twitter los hace clickables para ver todos los tuits de ese hashtag.

    En 2010 aparecen los Temas del Momento o Trending Topics con los hashtags más populares.

    En 2012 fue elegida “La Palabra del Año” por Sociedad Americana del Dialecto (ADS) y desde 2013 los vemos sobreimpresos en muchos programas de TV y campañas publicitarias.

    Fuentes y más información

  • Los experimentos tipográficos 3D de Tolga Girgin

    Los experimentos tipográficos 3D de Tolga Girgin

    El diseñador gráfico y tipógrafo turco Tolga Girgin es el creador de estas ilusiones ópticas de tipografías 3D que parecen salirse del papel.

    Utiliza un lápiz y un rotulador o bolígrafo parallelpen (de punta biselada) para crear esas sombras y perspectivas que crean estas anamorfosis.

    tipografia-3d-Tolga Girgin-ilusion-optica (3)tipografia-3d-Tolga Girgin-ilusion-optica (7)tipografia-3d-Tolga Girgin-ilusion-optica (1)tipografia-3d-Tolga Girgin-ilusion-optica (2)tipografia-3d-Tolga Girgin-ilusion-optica (4)tipografia-3d-Tolga Girgin-ilusion-optica (5)tipografia-3d-Tolga Girgin-ilusion-optica (6)

    Puedes seguir el trabajo de Tolga Girgin en Behance e Instagram