Las formas interactivas era una funcionalidad que se hacía necesaria en Adobe Illustrator desde hace mucho tiempo. La posibilidad de dibujar una figura geométrica y poder editar sus principales propiedades después de creada y no necesariamente en el momento de construirla era algo tan básico que costaba creer que no estuviera disponible en una herramienta profesional. Algo tan básico como crear un rectángulo con esquinas redondeadas y más tarde editar la curvatura de dichas esquinas, se nos hacía imposible y sin embargo estaba presente en el descontinuado Freehand. Leer más
Archivos de Etiquetas: diseño
Generar recursos de imagen en Photoshop
Una tarea recurrente en el diseño de contenidos digitales es la creación de diferentes recursos de imagen. Debido a la cantidad de resoluciones de pantalla que podemos encontrar en los dispositivos actuales —ya sean móviles o de escritorio— se hace necesario generar de una misma imagen varios recursos en diferentes tamaños para intentar cubrir cualquier pantalla, independientemente de su resolución o su densidad de pixeles. Leer más
Alinear elementos verticalmente en CSS
Una tarea muy recurrente en el diseño web es intentar centrar elementos en un contenedor. Si esto se resuelve de manera sencilla cuando el elemento debe alinearse en la horizontal, no ocurre así si deseamos alinearlo en la vertical. Algo tan entendible como que al situar la propiedad vertical-align con valor middle en el contenedor de un elemento este último quede centrado, no funciona en todos los casos. Esta propiedad sólo centra verticalmente un elemento si su contenedor es un elemento en línea o
Leer másMaquillaje en Photoshop usando modos de fusión
En Photoshop uno de los métodos para modificar de manera no destructiva el color de los pixeles que componen una imagen, es el uso de los Modos de Fusión (Blending Modes).
Los Modos de Fusión nos permiten modificar el color de los pixeles de una capa usando para ello otra capa situada por encima. Dependiendo del modo escogido, los pixeles de la capa superior modificarán de una forma u otra a los pixeles que queden en las capas inferiores.
Proyecciones isométricas en Illustrator
La mayoría de los diseñadores hemos tenido que enfrentarnos en uno u otro momento a la realización de un trabajo donde tengamos que hacer uso de proyecciones isométricas, muy útiles sobre todo cuando deseamos representar productos industriales en un manual de uso o para explicar el funcionamiento de algún mecanismo.
Geometría en las aplicaciones web
Las matemáticas están presentes en nuestra vida diaria. Como nos recuerda la aclamada serie: «We all use math every day». En el desarrollo web del lado del cliente necesitamos apelar –entre otras ramas– a la geometría y la trigonometría en el momento en que deseamos realizar aplicaciones que requieren de un alto contenido de animaciones e interactividad.
Leer másPinceles artísticos en Illustrator
En este tutorial veremos cómo crear Art Brushes (Pinceles Artísticos) en Illustrator. El objetivo de crear un pincel artístico es que después podremos usarlo para dibujar, lo cual nos ahorrará mucho trabajo.
También veremos en el tutorial para qué se utiliza la herramienta Blend (Fusión), la cual nos ayuda a crear objetos intermedios entre dos o más objetos variando su forma y su color.
Filtro Vanishing Point en Photoshop, cómo usarlo
Photoshop cuenta con varios filtros que no usamos comúnmente pero que son muy útiles en ciertas ocasiones, uno de ellos es Vanishing Point (Punto de Fuga), el cuál nos ayuda a retocar fotografías que se encuentren en perspectiva. Es muy útil cuando necesitamos retocar costados de edificios, paredes, suelos, etc, siempre que estos tengan forma rectangular. Dentro de este filtro tenemos varias herramientas disponibles, vamos a centrarnos en la principales:
Expresiones de JavaScript en After Effects
Este tutorial de trabajar con Expresiones de JavaScript en After Effects lo publiqué en Cristalab a finales de 2008, como todavía tiene vigencia ya que es un tema que sigue siendo interesante, lo reproduzco aquí actualizándolo a nuestros días. El tutorial está realizado en After Effects CS6 pero se puede seguir sin ningún problema si se posee una versión anterior de este programa.
El tema que vamos a tratar ha creado siempre polémica. La mayoría del gremio tiende a discriminar las soluciones en las que tengamos que escribir código siempre y cuando se pueda realizar con un proceso manual. Tenemos el paradigma –que no siempre se cumple– de que si lo hacemos a mano terminamos mucho más rápido que si tenemos que programar.
Leer más