También el diseñador, si por alguna razón no contara con la posibilidad de comprar los programas de la suite Adobe, con seguridad encontraría alternativas gratuitas y, en algunos casos, al mismo nivel de esos programas a los que nos hemos acostumbrado tanto.

En esta recopilación hablaremos de dichas opciones gratuitas con sus respectivos enlaces de descarga.

Comencemos.

1. Photoshop, programa de edición fotográfica, composición visual, ilustración y animación

¿Cómo vivir sin photoshop, qué me dices?, pues existen las siguientes alternativas recomendables

Gimp es un programa tremendamente flexible, alcanza a muchas funciones regulares del Photoshop. La interfaz ha mejorado en las últimas versiones y esto hace que sea mucho más fácil de usar para quienes estén acostumbrados al programa de Adobe

Krita es una herramienta perfecta para ilustradores, dibujantes y artistas digitales. Contiene muchos pinceles y se adapta perfectamente a tabletas graficadoras como las Wacom o Huion.

Photopea es una herramienta online que ha mejorado bastante en sus últimas versiones. Si bien no es un programa para descargar y tiene publicidad integrada, las funciones que presenta son altamente profesionales y consecuentes con las necesidades del diseñador actual.

2. Premiere, programa de edición de vídeo

La opción más fuerte para competir con Premiere es DaVinci Resolve, de la empresa BlackMagic.

Este programa en su versión lite es tan poderoso que incluso supera a Adobe en muchas áreas (por ejemplo en el delivery o creación de proxies).

Incluye sus famosas herramientas de corrección de color, un editor de audio y un editor de efectos especiales, que si bien no alcanza a lo que ofrece After Effects, sin duda puede resolver situaciones complejas como tracking o pantalla verde.

3. Animate, programa de animación vectorial y multimedia interactivo

Aquí existen varias opciones.

Blender es un programa popular gratuito de modelado y animación 3D, pero también incluye a Grease Pencil una herramienta integrada de animación vectorial que tiene las mismas funciones regulares de cualquier programa de animación (fotogramas clave, interpolación, bucles, etc.)

Grease Pencil además aprovecha de muchas funciones de la animación 3D y varios modificadores de modelado 3D pueden ser aplicados a los objetos bidimensionales, aumentando el dinamismo y potencialidad de las animaciones.

Una segunda opción mucho más sencilla para quienes deseen realizar animaciones simples para web es Google Web Designer. Esta herramienta gratuita permite crear desde páginas web complejas en HTML5, hasta publicidad RichMedia con interactividad (por ejemplo juegos). Incluye un editor de código y funciones interactivas integradas para quienes no deseen codificar.

En tercera instancia está DaVinci Resolve, con su herramienta Fusion. Si bien no es un programa tan avanzado y centrado en la animación de personajes como Animate, cuenta con herramientas suficientemente poderosas como la inserción de fotogramas clave, agrupación de objetos, cámaras y planos 3D.

Finalmente escribamos sobre OpenToonz, programa que se hizo famoso gracias a que Studio Ghibli lo utilizó y personalizó para sus producciones cinematográficas (recordemos El Viaje de Chihiro o Mi vecino Totoro). Esta herramienta no solo es gratuita sino además Open Source y cuenta con herramientas muy poderosas para realizar animación vectorial centrada en escenarios y personajes.

4. Audition, software para edición de sonido multipista

Podríamos mencionar nuevamente a DaVinci Resolve, pues tiene integrada una herramienta bastante completa para la edición y masterización de sonido: FairLight. Si bien la misma no alcanza el nivel de Audition, tranquilamente suple varias funciones profesionales del programa de Adobe.

La segunda opción es Audacity. Programa gratuito de edición multipista, que cuenta con una amplia galería de efectos de sonido y la posibilidad de integrar plugins o componentes externos. De hecho, con Audacity es posible crear pistas vocales con el famoso autotune, e incluso producir efectos similares al ASMR o el sonido envolvente.

Otro programa gratuito que no es específicamente para edición de sonido multipista, sino para la creación de pistas musicales es LMMS. Este software permite producir y editar música a nivel profesional, si bien no es una alternativa directa a Audition, bien puede reemplazar a otros programas como ProTools o GarageBand.

5. After Effects, programa para crear efectos especiales (VFX y Motion graphics)

Aquí la primera opción que salta es Natron.

Este programa es tremendamente poderoso y tiene integradas muchas funciones comunes en After Effects, como el chroma y la corrección de color. Tiene también una galería de efectos especiales.

Tal vez el único inconveniente al usar Natron es comprender el uso de nodos, pues a diferencia de After Effects, este programa emplea conexiones vinculadas entre efectos y acostumbrarse a ello puede tomar su tiempo.

También volvamos a mencionar a DaVinci Resolve, pues así como tiene una herramienta especializada en sonido, cuenta a su vez con una dedicada a la animación: Fusion.

Loq ue ofrece Fusion va de la animación por cuadros, la corrección de color, las máscaras, el tracking, las partículas e incluso la inserción de objetos 3D. Sin duda una excelente opción a considerar.

6. Illustrator, programa de diseño vectorial

Una de las mejores opciones es sin duda Ink Scape, Cuenta con una interface muy parecida al viejo Macromedia Freehand, aunque con las funciones mejoradas y con muchas alternativas similares al programa de Adobe.

Si bien no tiene los trucos y efectos integrados de Illustrator, tranquilamente es posible crear desde Ink Scape cualquier producto vectorial que se requiera, siendo también útil para ilustradores profesionales.

7. InDesign, software de maquetado de publicaciones

Aquí mencionamos a Scribus. Similar a la característica Open Source de Ink Scape, este programa cuenta con muchas funciones profesionales de maquetado. Permite de igual manera ordenar diseños listos para impresión y publicación web.

Tabla de correlación

Conclusión

Sin duda, además de las mencionadas, existen muchas más alternativas disponibles para reemplazar a la suite Adobe. En esta compilación listamos solamente aquellas que hemos probado efectivamente y sobre las cuales podemos dar fe de su funcionamiento y potencialidades.

Muchos diseñadores se han acostumbrado a los programas de Adobe, pero así como en primera instancia costó aprender sus funciones hasta dominarlas, de igual modo con los programas gratuitos presentados aquí debería suceder lo mismo. Luego del dolor del aprendizaje inicial, viene la costumbre.

Los cambios sin duda generan susceptibilidad y miedo, pero es importante decir que son parte de la vida y en este contexto nos permiten ampliar nuestro conocimiento en aplicaciones útiles, profesionales y gratuitas para mejorar nuestro desempeño profesional.

La entrada ¿Es posible que un diseñador gráfico sobreviva sin comprar la suite Adobe? se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

El breve lapso que me tocó trabajar en los sets de películas, pude aprender los roles de cada profesional que hace parte de la producción y hoy haciendo un pequeño ejercicio de extrapolación de esas habilidades a las que posee un diseñador gráfico, es que trato de establecer lo ámbitos específicos en los que podríamos, como diseñadores, participar de la creación visual y estética del séptimo arte.

1. Diseño de Arte

¿Qué es lo que hace un diseñador de arte?, pues básicamente se encarga de componer y obtener todo lo que ha de verse en los planos. El director y el guionista tienen la idea de cómo desean que se vea el escenario, y es el director de arte quien debe traducir aquello a la construcción física de todas esas representaciones mentales (por muy extravagantes o complicadas que parezcan).

Debe adaptar los pensamientos del director en gráficos o ilustraciones que luego se convertirán en espacios físicos reales. Habrá de ser capaz de diseñar escenarios y construirlos (algo de carpintería habrá de aprender). Debe tener el criterio para escoger los mejores objetos para insertarlos en la escena, construir una paleta de colores gigante, combinar sillones, cuadros, lámparas, mesas, frutas y todo lo que se precise para armar una puesta en escena acorde con la intencionalidad narrativa de la película. Y, por lo mismo, aplicar todos sus conocimentos sobre teoría del color para saber cómo reaccionan los objetos a determinados tipos de luces y cuál predomina sobre otro.

2. Diseño de vestuario

Complementario al anterior ámbito, el diseño de vestuario implica también la producción de estados de ánimo a partir de la ropa. Muchos diseñadores gráficos de la actualidad, tienen interés en la creación de prendas de vestir, por ello aplicar esas motivaciones al ámbito del cine puede convertirse en un aporte muy valioso.

El diseñador de vestuario debe saber realizar bocetos o «sketches» de cómo desea una prenda, conocer las características de cada personaje y su papel dentro de la historia… de este modo, pensar en una vestimenta que pueda transmitir todas las emociones que el guionista ha integrado en el libreto.

En las películas de época, el trabajo del diseñador de vestuario es aún más importante. Tiene que leer sobre las condiciones de vida de esos momentos, las tendencias predominantes, los materiales disponibles, los colores, los permisos sociales o convenciones de esas etapas de la historia.

El diseñador de vestuario debe conocer de materiales y su reacción con las luces y las cámaras, texturas apropiadas que no ensucien o generen efectos indeseados en el material filmado , combinaciones de colores apropiadas, tamaños y proporciones según cada actor, además de trabajar de manera altamente coordinada con personas que realicen la confección.

3. Maquillaje

Si bien esta profesión puede parecer muy sencilla, en realidad no lo es… en particular dentro de la producción de cine. El o la maquillista debe tener conocimiento de la reacción del brillo del cuerpo ante las luces y el efecto visual que ésto produce ante las cámaras.

El maquillaje además arma la identidad del personaje, produce el estado de ánimo o la condición física que el actor debe representar en la escena. El diseñador de maquillaje debe, mediante el personaje, decirle a la cámara si se encuentra bien o mal, si está triste o feliz, si está demacrado o radiante. A nivel global, el maquillista elabora la identidad general de los rostros de la película.

Cuando se trata de películas de ciencia ficción, terror, de época o de acción, la tarea del maquillista es aún más importante. Aquí entra lo artístico en un sentido superlativo. Las ideas del guión, deben traducirse en personajes verosímiles o creíbles. Zombies, piratas, viajeros del espacio, héroes de acción, monstruos, heridos, etc… la «vida» de todos ellos depende de esta profesión.

4. StoryBoard (bocetos)

En la etapa anterior a la producción, también llamada preproducción, existe un proceso que se denomina «storyboard», que hace referencia al proceso de dibujar o realizar bocetos en papel o computadora, de las escenas o planos que ha de tener la película. Esto ayuda al equipo a tener una idea más clara de lo que se verá en pantalla, cómo se ubicarán los personajes, desde dónde se generará la toma, qué objetos estarán en la escena o específicamente en qué lugar se habrá de filmar.

Aquí el diseñador deberá ser dibujante, conocer sobre perspectiva, sombreado para dar profundidad, la forma humana, las características de las posturas, las emociones que se transmiten con el rostro, la forma de los objetos, entre otras habilidades que puedan traducirse en el papel.

5. Fotografía

Una de las habilidades con las que se forman los estudiantes de diseño es la fotografía. Algunos han dejado el diseño editorial o multimedia, para dedicarse exclusivamente a la producción fotográfica, sea publicitaria, artística o periodística.

En el cine, se requiere, como en ningún otro lugar, de fotógrafos.

Algunas áreas puntuales donde ingresan los fotógrafos:

a) Fotógrafo principal o camarógrafo, deberá el diseñador, no obstante, aprender sobre narrativa cinematográfica, los planos, las tomas, los conceptos técnicos de la cámara de vídeo, que varían en muchos aspectos de la cámara fotográfica estándar.

b) Foto fija, aquí el trabajo es mucho más acorde a lo aprendido, básicamente consiste en retratar en tomas fijas lo que sucede en la filmación. Fotografías de la escena en sí misma, al igual que el trabajo detrás de cámaras.

c) Fotografía de preproducción, en la etapa de preproducción se buscan lugares dónde filmar y para elegir el mejor espacio, el fotógrafo busca las tomas precisas para que el director o el equipo de producción puedan tomar decisiones. también se aplica, para hacer demostraciones de vestuario, objetos o maquillaje de personajes.

d) Making of, consiste esencialmente en filmar el detrás de cámaras, si bien se relaciona con el trabajo de la foto fija, en este caso en particular, el profesional deberá saber además de narrativa audiovisual, sonido, iluminación para entrevistas y edición o montaje.

6. Animación

Los ámbitos del cine son variados y para diferentes públicos; muchas producciones actuales precisan de dibujantes/animadores y los diseñadores saben mucho de esto.

El dibujante deberá conocer las técnicas para crear personajes y escenarios que vayan a ser animados, separar en capas, presentar varias posturas, armar rostros con diferentes facciones, conocer los tamaños para las escenas, los formatos de trabajo, los conceptos de la animación o el movimiento (física), etc.

Otro aprendizaje importante es el de la narrativa, los tiempos de duración de cada escena, de los pestañeos, la velocidad movimiento de la boca al hablar, los pasos, las carreras, el impacto de el entorno en el cuerpo y los escenarios, etc.

En las últimas décadas la animación 3D ha ganado mucho terreno. El diseñador deberá conocer de programas de modelado y animación en este formato o modo de presentación de personajes e historias.

7. Diseño de marca

Este va un poco hacia lo tradicional, aunque con ciertas modificaciones en función del tipo de productos que se requieren en la actualidad.

Las películas precisan de promoción, merchandising, varias versiones de posters, packaging, páginas web, redes sociales… en fin… todo aquello relacionado al diseño multimedia…

En este punto no ingresaremos en mucho detalle, pues los diseñadores ya se ubicarán muy bien en lo requerido.

Conclusión

«Quien entra al negocio del cine, nunca sale»

Esta es una frase que me pertenece, pero que la he acuñado a lo largo del tiempo que me ha tocado ver arquitectos, chóferes, albañiles, dibujantes, modelos, presentadores de TV, contadores y un sinfín de otros profesionales que al enfrentarse por primera vez al oficio del cine, decidieron quedarse por un buen tiempo o por lo menos dejar siempre abierta la puerta a participar de la producción de una película.

Así que diseñadores, el cine nos espera… armemos nuestros portafolios y listas de habilidades para conseguir también puestos en el cine. Diseñemos para el séptimo arte YA!

La entrada El diseño gráfico y el cine | Áreas de trabajo para el diseñador se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

Si bien es posible utilizar servicios gratuitos como WIX y WordPress.com (de los que hablaremos en la parte final), en esta guía abordaremos aspectos más complejos, como el hecho de comprar nombres de dominio y servicios de alojamiento (hosting).

Este documento está pensado para diseñadores gráficos en Bolivia, sin embargo si eres de otro país, te puede servir la información disponible desde el subtítulo «Un domino .com tradicional» (clic aquí)

Índice

• El nombre de dominio .bo
• Precios de los dominios .bo
• Las formas de pago
• Ya tengo mi dominio registrado en Nic.bo, ¿ahora qué corresponde?
• Un dominio .com tradicional
• ¿Qué es un hosting y porqué lo necesito?
• Algunos criterios para comprar un hosting o alojamiento apropiado
• ¿Cómo construir los contenidos de mi página web?

El nombre de dominio .bo (identificador de Bolivia)

El nombre de dominio es una palabra o conjunto de palabras que representan una dirección electrónica en internet. Es el identificador de un contenido o una empresa.

Un nombre de dominio siempre tiene una extensión. Así, en google.com, el nombre propio será google y la extensión será .com (sitio comercial).

Los dominios de nivel superior de código de país, son palabras a las que se les añade una extensión única por nacionalidad. Para Bolivia se ha definido que las letras de la extensión sean .bo. De este modo, cualquier nombre de dominio que desee asociarse a nuestro país, deberá incluir esta extensión. Ej. miagenciadigital.com.bo

En Bolivia el único sitio autorizado para la venta de nombres de dominio con la extensión .bo es:

nic.bo

Este “registrar” es una institución dependiente del Estado Boliviano y la Agencia para el Desarrollo de la Sociedad de la Información en Bolivia. Los registros pueden ser realizados por cualquier ciudadano boliviano o extranjero.

Lo importante para registrar un nombre de dominio es brindar información real, con datos de contacto existentes… caso contrario es probable que el registro sea borrado o no procesado.

Para el registro se debe tener a mano al menos los siguientes datos:

• Nombre completo
• Dirección física
• Correo electrónico
• Teléfonos de contacto (celular y opcional fijo)
• Datos para la facturación (NIT o Carnet de identidad)

Precios de los dominios .bo

Los precios anuales del registro son los siguientes (agosto 2020):

Registros de segundo nivel, ejemplo:
miagenciadigital.bo
980 BOB.
Aproximadamente 140 $US.

Registro de tercer nivel, ejemplo:
miagenciadigital.com.bo
280 BOB
Aproximadamente 40 $US.

Existe también la posibilidad de registrar dominios de interés social, los cuales consisten en palabras predefinidas en el nombre que puede ser acordes con el rubro empresarial en el que se encuentre. Por ejemplo:

miagencia.tecnología.bo

En este ejemplo “tecnología” sería la palabra predefinida.

Nic.bo ha dispuesto de varias palabras para elegir, y podrá encontrar la que mejor se adapte al área de su actividad profesional.

El costo de este tipo de dominios es de 55 BOB (Aproximadamente 8 $US)

Si deseas registrar nombres de dominio especializados como la extensión .edu (institución educativa) por ejemplo, deberás seguir ciertos procedimientos y cumplir ciertos requisitos.

Las formas de pago

Luego de reservar el nombre que desees, deberás realizar el pago del mismo. Para este procedimiento NO ES NECESARIO contar con una tarjeta de crédito o débito de manera obligatoria. El pago se puede realizar mediante:

• Tarjeta de débito o crédito (activada para compras por Internet)
• Depósito bancario
• Transferencia online desde tu banco a la cuenta de NIC.bo

Después de pagar el monto que corresponda, deberás enviar el comprobante (fotografía o captura JPG) a través de la misma plataforma de Nic.bo

El tiempo de espera para que el dominio esté listo usualmente es de un día (a veces menos).

Ya tengo mi dominio registrado en Nic.bo, ¿ahora qué corresponde?

Luego de que hayas registrado tu nombre de dominio, deberás redireccionar el mismo hacia el servidor (alojamiento/hosting) donde se almacenará la página web. Este procedimiento se lo realiza desde la misma página de NIC.bo

Las dudas sobre estos pasos podrán ser aclaradas en la sección FAQ de Nic.bo

Es importante aclarar que Nic.bo no brinda el servicio de alojamiento de páginas web, tampoco ofrece certificados de seguridad SSL (para que las páginas aparezcan con el icono del candadito en el navegador). Estos servicios los tendrás que obtener aparte, con otras empresas bolivianas o extranjeras.

Un dominio .com tradicional

Si no deseas el identificador .bo, puedes optar por compra de dominios internacionales estándar, es decir el famoso .com

Aunque en los últimos años, aparecieron muchas nuevas extensiones diferentes al .com tradicional.

Los precios del registro de un dominio internacional convencional, varían según la empresa que se elija, sin embargo, realizando un aproximado, los precios por registro anual oscilan entre 8 a 20 $US.

En muchos casos el registro de nombre de dominio internacional puede estar incorporado en la compra de alojamiento o hosting. Es decir, en el momento en el que se compre un espacio de servidor para alojar la web, es muy probable que la empresa que brinde ese servicio, también regale un nombre de dominio incorporado. Este tipo de ofertas es muy común… así que es probable que el paso de comprar un dominio por separado sea innecesario.

No obstante, si todavía deseas buscar un nombre de dominio independiente, puedes utilizar el siguiente servicio

www.namecheap.com

Esta “registrar” (como existen otras) te permitirá buscar varias extensiones en simultáneo, además de brindarte los precios de oferta y reducidos respecto a otras empresas de registro.

Para comprar un nombre de dominio (al igual que un hosting o alojamiento) es necesario contar con una tarjeta de débito o crédito. En ambos casos la tarjeta deberá contar con la autorización de compras por Internet. Para activar esta función, deberás contactarte con tu banco o emplear las plataformas de banca electrónica que la institución financiera brinda.

¿Qué es un hosting y porqué lo necesito?

Necesitas adicionalmente un espacio de disco o servidor donde almacenar la página web. Este servicio, a su vez, deberá contar con ciertas prestaciones o características para que el sitio funcione apropiadamente.

En Bolivia existen muchas empresas que brindan alojamiento o hosting. PSDCrazy no recomienda ninguna en particular, sin embargo, si realizas una búsqueda en Google (Ej. “comprar hosting en Bolivia”), usualmente los primeros resultados que obtendrás serán los más confiables o que corresponden a las empresas más populares.

El precio para contratar un servicio de hosting es extremadamente variable. No existe un estándar que pueda ofrecerse como referencia… sin embargo, realizando un pequeño ejercicio de aproximación el rango oscila entre 40 $US a 200 $US anuales.

Esta variación depende de los servicios incluidos, las ofertas disponibles y la empresa propiamente.

Algunos criterios para comprar un hosting o alojamiento apropiado

Sólo tendré una página creativa con un formulario de contacto (plantilla HTML5)

Busca un hosting sencillo con la oferta de certificado de seguridad SSL, usualmente la oferta más barata que tenga la opción de lenguaje de programación PHP (para que funcione el formulario)

Sólo tendré una landing page con un formulario de registro

Busca un hosting sencillo con la oferta de certificado de seguridad SSL, usualmente la oferta más barata que tenga la opción de lenguaje de programación PHP (para que funcione el formulario)

Mi página incluirá transacciones por internet

Busca un hosting especializado con la opción de carrito de compras o pasarela de pagos. Debe incluir el servicio de certificado de seguridad profesional SSL.

Mi página incluirá un blog, servicios, galerías, con formularios de contacto y noticias o eventos

Busca un hosting especializado con la oferta de certificado de seguridad SSL. Deberá incluir instaladores de gestores de contenido como WordPress.

¿Cómo construir los contenidos de mi página web?

Opción 1

Si trabajas en equipo y cuentas con un programador en el mismo, podrás diseñar el estilo de tu web empleando maquetadores o constructores de Prototipos como Adobe XD. Con el estilo definido, el desarrollador web podrá realizar la programación correspondiente con la herramienta que vea pertienente y que pueda mostrar el grado de interactividad que esperas.

Opción 2

Puedes crear tu página utilizando plantillas HTML5 prediseñadas. Emplearlas no es necesariamente hacer trampa, en realidad lo que haces es elegir una estructura o forma de presentación de contenidos. Luego la configurarás apropiadamente con programas como Adobe Dreamweaver, por ejemplo. Ahí definirás los tipos de letra, los fondos, las fotos que van en las galerías, etc.

PSDCrazy en el directorio de recursos especializados te ofrece varios enlaces a sitios que brindan temas HTML5 de uso libre y descarga gratuita.

Opción 3

Emplear CMS o gestores de contenido profesionales. En la actualidad el más popular es WordPress. Deberás para ello, aprender a utilizar su interface y buscar una plantilla gratuita o comprada que se adapte al estilo que deseas y que además te brinde la funcionalidad necesaria (ejemplo, que permita publicar tu portafolio).

Opción 4

Acudir a servicios gratuitos como:

• Google Sites (requiere acceder con cuenta Gmail)
• WordPress (requiere registro)
• Blogger (requiere acceder con cuenta Gmail)
• Wix (requiere registro)

Estos sitios ofrecen paquetes gratuitos y cuentan con interfaces amigables para construir páginas con una acabado profesional. Si los utilizas, ya no necesitas contratar un hosting.

Opción 5

Crear solamente portafolios online en servicios como Behance o Crevado. Si bien no son páginas web como tales, los portafolios diseñados en estas plataformas tienen muchas opciones de presentación y permiten una interacción con otros diseñadores alrededor del mundo.

* Una versión de este artículo fue inicialmente publicada en el sitio www.actualidadbolivia.com

La entrada ¿Cómo y cuánto cuesta crear una página web profesional? / Portafolio para diseñadores gráficos * se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

Para evitar esos errores iniciales, PSDCrazy recopila los más comunes cuando uno es primerizo en la creación de productos visuales.

1. Cubrir todo el espacio

Un problema común es creer que en el espacio de diseño debe cubrirse casi todo. Con muy pocos lugares vacíos, pensamos que lo creado tendrá más impacto.

Solución

Deja espacios vacíos, sólo con colores plenos o texturas simples. Que la vista respire un poco. Recuerda que menos es más.

2. Distorsionar tipografías

Consecuente con el anterior error, para cubrir más espacio o producir textos “más atractivos”, tendemos a distorsionar las tipografías, ensanchándolas o alargándolas. Para ello utilizamos herramientas de transformación o escala. No lo hagas, pues quienes diseñan los tipos de letra realizan sus creaciones pensando en el impacto que producen en su proporción original.

Solución

Utiliza el editor de propiedades de texto del programa que estés empleando. Cambia los valores del punto o tamaño de letra, la distancia entre caracteres, el interlineado y olvídate de la herramienta de transformación.

3. Combinar varias tipografías a la vez

En el proceso de elegir un tipo de letra, nuestra indecisión nos hace pensar demás en cuál de ellas quedará mejor. Luego terminamos empleando todas las que nos parecieron bonitas, creando un adefesio visual con un merengue tipográfico.

Solución

Trata de emplear un máximo de dos tipografías o familias tipográficas. Elige de preferencia un tipo de letra serif para los títulos y sans serif para el texto descriptivo o viceversa.

4. Elegir tipografías de difícil lectura

Las tipografías diseñadas con efectos, sombras o manuscritas pueden parecernos muy bonitas a primer impacto, sin embargo, cuando son aplicadas en contexto, producen resultados inesperados, como falta de legibilidad del mensaje o que se fundan de forma bizarra con los fondos o fotografías. Olvídate también de fuentes clásicas como la Comic Sans, Impact o Times New Roman.

Solución

Las tipografías con varios adornos o heráldicas pueden emplearse en palabras sueltas, no en frases completas o textos de lectura corrida. Puedes utilizar la herramienta de Google Fonts para previsualizar cómo quedaría tu frase con la tipografía elegida (clic aquí para acceder a la herramienta).

5. Recortes imprecisos

Cuando recortamos objetos de fotografías, al no tener habilidad en el uso de las herramientas de selección de los programas de diseño, solemos dejarlas con bordes demasiado angulados o con recortes imprecisos y descuidados.

Solución

Practica con las herramientas de selección y recorte. Existen nuevas funciones en los programas que te ayudarán a generar recortes más exactos. Práctica y práctica… la única solución.

6. Combinaciones de color inadecuadas

Al no tener aún formación en teoría de color, tendemos a elegir colores que no combinan. Sucede lo mismo al emplear degradados.

Solución

Puedes aprender sobre teoría del color en varios artículos disponibles online. Utiliza también herramientas online para elegir paletas de color armónicas. PSD Crazy tiene enlazados varios recursos para selección de paletas armónicas (clic aquí para acceder al directorio de recursos).

7. Objetos pegados al borde

El diseñador principiante ubica los elementos muy próximos a los bordes, sin respetar márgenes. Esto dificulta la lectura del diseño y genera la percepción de un producto descuidado.

Solución

Siempre utiliza guías de apoyo para crear márgenes. Dependiendo del tipo de producto a diseñar, el margen puede ser mayor o menor… sin embargo, siempre deja un margen respetable.

8. Desequilibrio

Tendemos a distribuir los objetos dentro del diseño de manera discrecional, sin respetar la regla de tercios o las rejillas de cuadrantes. El desequilibrio también se produce cuando rotamos los elementos de forma aleatoria.

Solución

Aprende sobre la regla de tercios, existen muchos tutoriales online. Busca herramientas de alineación y distribución en los programas que utilices.

9. Uso de imágenes pixeladas

A veces no encontramos una imagen en buena resolución y para que ingrese en nuestro espacio de diseño, la agrandamos hasta que encaje, lo que produce el indeseado efecto del pixelado. Este error, también se relaciona con el hecho de agrandar, reducir y distorsionar las fotografías libremente en varias ocasiones.

Solución

Busca librerías de fotografía libres de derechos que tengan recursos en alta calidad. En el directorio hay muchos enlaces a repositorios de fotos de uso libre y descarga gratuita.

No distorsiones las fotos ensanchándolas o alargándolas. Puedes reducirlas proporcionalmente pero nunca las agrandes. Si usas Photoshop investiga un poco sobre los objetos inteligentes y los objetos incrustados.

10. Demasiados efectos especiales

Cuando descubrimos la posibilidad de insertar efectos como sombras, resplandores, biselados, etc. queremos usarlos todos. Esto produce diseños demasiado cargados o difíciles de leer.

Solución

Nuevamente, menos es más. A no ser que desees diseñar un efecto muy complejo, el uso de herramientas para crear sombras, resplandores y demás, debe ser sutil y con la finalidad de optimizar la lectura del contenido. Por ejemplo, tengo un texto blanco sobre una fotografía clara, podré apelar a una sombra sutil para establecer la diferencia.

La entrada 10 errores comunes de diseñadores gráficos principiantes se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

La entrada La publicidad “Rich Media”, ¿qué es y cómo crearla? se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

Legítima, sin duda, pero muy pocas veces en esa preocupación inicial ingresa el tema de la accesibilidad para personas con discapacidad.

Según estadísticas de la Organización Mundial de la salud, un aproximado de 15 % de la población mundial tiene de algún tipo de discapacidad (clic en este enlace). Si extrapolamos este porcentaje a la realidad boliviana, tendríamos aproximadamente más de un millón y medio de personas con discapacidad (sea transitoria o permanente), considerando que somos aproximadamente 11 millones de habitantes.

Como ejemplo y ante esta realidad, si un diseñador elabora un contenido para cualquier público y no toma en cuenta a ese porcentaje, estará perdiendo la llegada a una gran cantidad de personas. Y este hecho no tiene que ver solamente con el impacto masivo del mensaje, sino además con una situación discriminatoria (así sea involuntaria).

Probablemente también suceda, cuando se habla de diseño accesible, que el diseñador piense que va a añadir más horas de trabajo al producto final. Si bien esto tiene algo de verdad, también es importante indicar que ese tiempo añadido generará un alcance mayor.

El diseño accesible es transversal y no debe necesariamente afectar la estética de los productos. En muchos casos para añadir accesibilidad solamente se requiere de detalles, el uso de herramientas básicas o simplemente incorporar ciertos elementos que mejorarán el acceso del contenido a un público mayor.

Los tipos de discapacidad

La discapacidad no es una sola, existen decenas, sino cientos de tipos de discapacidad. Realidad intimidatoria que puede volverse más comprensible si la catalogamos esencialmente en 5 tipos mayores:

• Discapacidad visual
• Discapacidad física o motora
• Discapacidad mental o psíquica
• Discapacidad auditiva
• Discapacidad intelectual

En mi experiencia personal trabajando para estos públicos, he podido aprender ciertas técnicas que me ayudaron a desarrollar productos más accesibles. Las comparto con ustedes en este breve artículo.

Discapacidad visual y baja visión

Para personas con baja visión, trata de no utilizar letra muy pequeña. Utiliza combinaciones de color que favorezcan el contraste (aquí un enlace a un sitio web que ayudará con ello). No emplees fuentes muy distorsionadas o que dificulten la lectura. Trata de evitar la sobre posición de elementos, que cada uno tenga su espacio en particular cuando utilices fondos con textura.

Las personas ciegas no necesariamente pueden dejar de disfrutar de tu diseño. Recuerda que una de las características del diseño contemporáneo es su capacidad de emplear recursos multimedia. Si realizas un diseño, puedes incorporar una plantilla básica impresa en Braille. Para obtener una impresión básica en este sistema de escritura, puedes acudir a los Institutos de la Ceguera de todo el País.

Otro elemento que puede ayudar es el uso de QR codes, los cuales, impresos en el diseño, pueden vincular el contenido a un sitio multimedia con audio descripciones.

En el caso de diseño de páginas web, existen muchos plugins de lectura de texto o de complementos para la mejor visibilidad de la página. Como ejemplo, en esta página se emplea el complemento para WordPress llamado One Click Accessibility

Si eres diseñador web, recuerda utilizar el texto alterno (alt text) y escribir una buena descripción del contenido de las fotografías que emplees. Así la persona ciega al colocar el cursor encima podrá conocer mejor lo retratado. Presiona aquí para aprender un poco más del texto alterno o alternativo.

Discapacidad física

Afortunadamente para la discapacidad física o motora las barreras para apreciar lo visual son menores. Los problemas pueden surgir cuando desarrollamos interfaces para productos interactivos como aplicaciones, juegos o páginas web.

La baja movilidad en extremidades (especialmente brazos o manos) dificulta el uso de interfaces. Los botones o llamadas a la acción, deben ser lo suficientemente grandes y con el contraste apropiado. Las animaciones no deben dificultar el acceso a “hotspots” o espacios para hacer clic.

Si es posible, podría existir una versión sin animaciones o con una herramienta para bloquearlas.

Discapacidad mental o psíquica

Aquí entra probablemente una de los retos más complejos del diseño gráfico, sobre una frase atribuida a Paul Rand:

«El diseño es simple, por eso es tan complicado.»

Paul Rand

Las personas con discapacidad mental o psíquica apreciarán mejor la sencillez. Lo complejo puede confundir.

La sencillez también tiene que ver con la redacción de los mensajes. Este reto, que si bien puede aplicarse a todo contexto, permitirá que lo escrito en su simpleza llegue a personas que podrían tener dificultades en la comprensión de las palabras y su construcción sintáctica.

Muchas personas también padecen de epilepsia o son muy sensibles a movimientos y transiciones de colores. Por ello procura apelar a la simpleza también en la construcción audiovisual o multimedia.

Discapacidad auditiva

Las personas que han nacido con esta discapacidad aprenden el lenguaje en una sintaxis diferente (tanto hablado como escrito). Usualmente tienden a anular los artículos en las oraciones, utilizando sólo sujetos o verbos. Por ello, trata siempre de simplificar los mensajes importantes. Puedes utilizar negrillas (black o bold) en los sujetos o verbos de una oración principal. Esto facilitará la comprensión de lo dicho, excluyendo los artículos.

En el caso de productos multimedia, si empleas locución o música puedes añadir una pista de subtítulos. Afortunadamente plataformas como Youtube o Facebook ya permiten su incorporación.

Si es un producto publicitario, un recuadro con un traductor de lengua de señas (persona) será sin duda muy útil.

En infografías animadas para redes sociales, redunda lo dicho por la locución con animaciones simples de texto. Este recurso no solamente ayudará en la llegada del mensaje a personas sordas, sino además mejorará el impacto global de tu mensaje.

Discapacidad intelectual

La discapacidad intelectual es muy variada, con diferentes niveles o grados. Por ello, volvemos aquí al tema de la simpleza.

Los textos escritos deberán tener la claridad suficiente para ser comprendidos por todos. Si bien esta es una recomendación casi obvia cuando se aprende diseño gráfico, muchas veces la olvidamos al ponernos demasiado creativos con los juegos de palabras o dobles sentidos.

No des muchas cosas por sentadas, por ejemplo, no asumas que todas las personas harán clic sólo por el hecho de presentar un botón. El clásico “haz clic aquí” o “presiona aquí para más información” ayudará bastante.

Puedes también intentar jugar con elementos visuales que cuenten una historia. Que todo lo visible pueda ser comprendido sin el texto presente… ¿es esto posible?… asumo que sí… al menos el reto está planteado.

Para concluir

Espero estas recomendaciones sean de utilidad en tu trabajo. Recuerda que en el directorio de recursos de PSDCrazy, existen listadas herramientas de accesibilidad.

Adicionalmente, si eres docente de diseño y tienes algún estudiante con discapacidad, puedes acudir a las guías publicadas por el sitio Sobre Todo Personas con o sin discapacidad haciendo clic en este enlace.

La entrada ¿Por qué la accesibilidad es tan importante en el diseño gráfico? se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

Los artes publicitarios digitales no son estáticos, pueden incluir animación, interactividad (mini juegos, interacción con la interface, navegación interna, etc) o llamadas a la acción que vinculen a una página web, página de facebook o tienda virtual.

También dentro de las posibilidades está la interacción con objetos tridimensionales. Como ejemplo, una empresa que desarrolle muebles podrá mostrar su producto en 3D, permitiendo al espectador observar el mueble en diferentes perspectivas, rotándolo, agrandando su tamaño, cambiando el color e incluso insertando el elemento en escenarios, como una sala, una cocina o un baño.

Google Poly y sus funciones

En este contexto, ingresa una herramienta muy poderosa denominada Google Poly. Esta apuesta del gigante de las comunicaciones, consiste en una aplicación online que permite adaptar cualquier objeto 3D prediseñado en un escenario ejecutable en el navegador, pudiendo el resultado ser insertado en una página web o en un banner publicitario regular de Google Ads.

Los mercadólogos digitales, diseñadores, community managers o postproductores, podrán combinar Google Poly junto a Google Web Designer para crear publicidades interactivas más atractivas para el consumidor.

Poly también se vuelve en una herramienta muy útil para desarrolladores de aplicaciones de realidad aumentada, permitiendo demostraciones o aplicaciones de objetos en escenarios reales (filmados o fotografiados).

Las posibilidades se extienden también al ámbito educativo, con la opción de que Poly pueda mostrar modelos para biología o geografía (entre muchas otras áreas).

Google Poly es de uso gratuito, lo único que se requiere es un registro con una cuenta Gmail. Las funciones que se obtienen son la posibilidad de subir archivos en varios formatos 3D (OBJ por ejemplo), junto con texturas y materiales. Posee un editor básico para modificar los modos de visualización, las características del objeto, colores, etc.

Luego de publicado el proyecto 3D, el mismo podrá ser descargado en formato 3D estándar o en un gif animado. También existen las opciones de compartir en redes sociales e integrarlo en publicidades interactivas o páginas web como en este ejemplo (intenta rotar el objeto y alejarlo o acerarlo con el «scroll» del mouse).

Google Poly es una gran herramienta, que si bien aún está en desarrollo, podrá de ser de gran ayuda para desarrolladores, animadores, publicistas, educadores, arquitectos, entre otros muchos profesionales que aprovecharán de sus funciones.

La entrada Google Poly… ¿Qué es y por qué es tan importante en la publicidad digital? se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

A principios de siglo, la búsqueda de estos elementos era muy complicada y los sitios que ofrecían los mismos eran escasos y con productos limitados (tal vez algún lector recuerde los Hemera Photo Objects).

En la actualidad, esta búsqueda es más sencilla y los sitios que ofrecen recursos para diseñadores, son múltiples y con diversas funcionalidades.

Esta vez les escribo sobre uno de estos espacios: Envato Elements.

Debo aclarar que esta no es una publicación pagada y PSDCrazy no tiene ninguna vinculación con esta empresa.

Comencemos con la revisión

Hace aproximadamente dos meses (mayo de 2020) compré una cuenta en Envato Elements y (spoiler alert)… no me arrepiento.

La licencia anual costó algo más de 150 $us y permite el acceso a miles de productos entre fotografías, vectores, fuentes, audios, objetos 3D, plantillas web, plantillas de gráficos, vídeos y extensiones. La librería de Envato Elements es realmente grande y cada día aumentan más recursos.

Funciona publicando productos de diseñadores certificados de todo el mundo, quienes añaden sus producciones a la librería, ganando un monto específico por hacerlo.

La licencia de uso permite emplear cualquier recurso disponible siempre y cuando registres el nombre del proyecto, asegurando de este modo que sólo podrás usar la descarga en ese proyecto específico. Así, ningún contenido puede ser redistribuido o revendido a terceros, sólo podrás usarlo para tus proyectos.

En el caso de la música, muchos de los elementos de la librería cuentan con un Youtube ID, por lo que deberás descargar el archivo de la licencia, si es que Youtube reclamara sobre la propiedad intelectual.

Cuando venza la licencia, ya no podrás acceder a nuevas descargas, pero las que ya empleaste en algún proyecto, seguirán siendo válidas.

Conclusión

En general, Envato Elements es una buena apuesta y un dinero bien invertido. Los productos son de alta calidad y vienen empaquetados de forma profesional. Muchos incluyen tutoriales de uso, enlaces a las páginas de los autores, versiones en diferentes formatos, etc.

Tal vez lo único en lo que he tenido que pelear un poco es en la parte del soporte técnico. En particular cuando descargo e instalo plantillas WordPress. Puedo instalarlas, usar todas sus funciones, pero cuando se me presenta algún problema, el soporte técnico se reduce a los manuales de uso y a los foros globales, sin la existencia de un correo o la posibilidad de apertura de un ticket para solución del problema por parte de un técnico especializado.

Otro problema pequeño son los objetos 3D, los cuales no los puedes descargar el formato nativo OBJ o algún otro compatible con programas de modelado. La opción disponible es utilizar una interface que te muestra la perspectiva del objeto elegido y descargarlo en formato Photoshop o PNG.

Sin embargo, más allá de estas situaciones, nuevamente reitero mi satisfacción con Envato Elements y sí recomiendo su uso. Es preferible comprarlo entre varios, así se obtienen descuentos por cantidad.

Para probar la calidad de los productos, puedes descargar algunos «freebies» en este enlace.

La entrada Envato Elements, ¿vale la pena comprar una licencia? se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

Pues bien, más allá del crecimiento del ego que puede producir emplear esta palabra en un círculo de abogados, la necesidad actual de usar el “rigging” en proyectos de diseño se hace cada vez más importante.

El diseñador, desde hace buenos años, ha dejado de lado el interés exclusivo en lo editorial para dirigirse hacia el maravilloso mundo del cine, el desarrollo de videojuegos y otros ámbitos vinculados a la animación artística.

Muchos diseñadores son también ilustradores y varias veces han deseado que aquellos personajes salidos de su imaginación, cobren vida, trascendiendo el papel o el plano bidimensional y estático.

Aquí entra una de las herramientas más poderosas de Adobe: After Effects.

En mi experiencia docente me he topado con estudiantes que le tienen un odio total a este programa y otros que lo aman y defienden con pasión y locura (para sonar a telenovela).

Pues bien, siendo parte del segundo grupo, con After Effects lograremos dar vida a los monstros que salen de nuestro lápiz o de nuestra tableta graficadora. Mediante esta herramienta es posible animar brazos, piernas, cuerpos, cabezas, ojos, de objetos vectoriales o rasterizados. Para ello cuenta con varias funciones tales como el “pin tool” o creador de pines, los objetos nulos, los ejes de rotación, las secuencias anidadas o precomposiciones, entre muchas otras.

Sin duda After Effects es un programa amplio y con muchas opciones, pero, reconozcámoslo, también posee sus limitaciones. Si bien acabo de mencionar varias funciones disponibles para animar personajes o escenarios, “After” tiene sus restricciones, pues al ser un programa para todo tipo de animaciones, no necesariamente está enfocado en el «rigging» de personajes.

Por ello cuando intentemos realizar el «rig», nos encontraremos con algunas dificultades o la necesidad de usar muchas herramientas en simultáneo para un producto relativamente sencillo.

We love DUIK

En esta contrariedad aparece DUIK, que no es nada más y nada menos que uno de los mejores complementos (plugins) para animar personajes desde After Effects mediante el ya tan mencionado «rigging».

Desarrollado por un grupo francés, DUIK es de lejos una de las mejores alternativas para aprender animación de manera rápida y relativamente sencilla.

Otra gran ventaja de este plugin es que es gratuito, simplemente lo descargas desde su web y lo instalas con un tutorial no tan complejo como parece.

Es tiempo de que “pedrito bigotes” o cualquier criatura que salga de las extravagantes mentes de los diseñadores, se ponga a caminar, correr, volar, hablar o contemplar el infinito con un pestañeo ocasional.

Dale, “afterefectero”… DUIK es gratis y está listo para que lo uses.

Mira lo que puedes hacer con DUIK

Y aprende DUIK con este tutorial de JHereM

También puedes revisar los tutoriales oficiales, haciendo clic aquí

La entrada Agradezcamos que DUIK es gratis | Plugin para animar en After Effects se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.

Para entonces, debo confesar, no conocía ni siquiera el anglicismo “mockup”. Cuando era estudiante, probablemente usábamos “demostración” o un más coloquial “cómo quedaría si lo pongo en…”.

Pues bien, el término “mockup” llegó para quedarse y sin duda es una preocupación permanente y legítima del diseñador. El “cómo quedaría” es muy importante tanto para la visualización del diseñador como para el convencimiento del cliente. Cuando éste vea que ese diseño queda “bien bonito” en la entrada de su tienda, se sentirá más confiado y seguro de lo que pide y requiere.

Ahora bien… establecida la necesidad… ¿cómo creamos los mockups?

Especialmente desde Photoshop, existen muchas herramientas y procedimientos para insertar logos y artes en objetos y espacios. Algunos recordarán la deformación con malla, otros los objetos inteligentes junto a la transformación por perspectiva y los más avezados probablemente hayan empleado la herramienta del punto de fuga (compleja sin duda).

Vean pues diseñadores, desde hace algunos años, apareció en el mercado una aplicación de Adobe que es una de mis favoritas: Adobe Dimension.

Mediante ella es posible generar mockups de una manera simple, utilizando una amplia librería de objetos 3D ya disponibles. De igual modo, existe la opción de importar otros elementos tridimensionales descargados desde páginas externas.

Con Dimension, podrás añadir logos, texturas, colores a todos esos objetos tridimensionales, pudiendo moverlos en los ejes X,Y y Z a voluntad.

Adicionalmente cuenta con una herramienta de renderizado profesional. Con ella generarás imágenes realistas y con la perspectiva deseada.

Otra gran ventaja de este programa radica en la posibilidad de exportar todo en formatos como PSD (Photoshop Document) con capas editables. El mockup, de esta manera podrá ser insertado en diseños más complejos de After Effects o Photoshop.

Sin duda Dimension ayudará a acelerar el trabajo, pues no será necesario buscar una fotografía en buena resolución y con la perspectiva apropiada para acomodar el diseño en largas sesiones “photoshoperas”, sino simplemente queda buscar dentro de la librería, adaptar la perspectiva, colocar el logo y darle al render.

Si no deseas usar Dimension, PSD Crazy también te ofrece un listado de sitios con mockups gratuitos y objetos 3D. Puedes revisar nuestro directorio completo.

A continuación un tutorial en español del uso básico de Dimension (canal de Zalathun Learning)

La entrada “Cómo quedaría si uso… Dimension” | Mockups para diseño gráfico se publicó primero en PSD Crazy | Recursos Diseño Gráfico y Mutimedia.