Convertir texto a curvas en Illustrator

Puede agregar un efecto rápido al texto de curvatura mediante el método Warp o simplemente usar Texto en un trazado para facilitar la edición. 

Paso 1: Seleccione texto.

Paso 2: Ve a Efecto > Deformar y verá 15 efectos que puedes aplicar a tu texto.

Paso 3: Elija un efecto y ajuste la configuración de plegado o distorsión. Si está satisfecho con la configuración predeterminada. Posteriormente, haga clic en Aceptar.

Por ejemplo, ajusté ligeramente la configuración de curvatura al 24%. Así es como se ve el efecto de arco. En realidad, puede jugar con el efecto para convertir texto a curvas en Illustrator.

Convertir texto a curvas en Illustrator con formas

Este método le brinda la mayor flexibilidad para editar rápidamente el texto curvo.

Paso 1: Dibuja una forma de elipse con la herramienta Ellipse (L).

Paso 2: Seleccione la herramienta Texto en un trazado.

Paso 3: Haga clic en la elipse.

Paso 4: Después, escriba. Cuando haga clic, aparecerá un texto aleatorio. Así que, simplemente elimínelo y escriba el suyo.

Puede moverse por la posición del texto moviendo los corchetes de control.

Si no desea crear texto alrededor de un círculo. Puede generar una curva con la herramienta pluma y utilizar la herramienta Escribir en un trazado. Hacer clic en el trazado para crear texto y mueva los corchetes de control para ajustar la posición.

Otra forma de convertir texto a curvas en Illustrator

Este método le da más flexibilidad para personalizar las curvas en áreas detalladas.

Paso 1: Seleccione texto.

Paso 2: Vaya a Objeto > Distorsión de envolvente> Crear con malla. Aparecerá una ventana.

Paso 3: Ingrese el número de filas y columnas. Cuanto mayor es el número, más complicado y detallado se vuelve. Es decir, habrá más puntos de anclaje para editar.

Paso 4: Seleccione la herramienta de selección directa (A).

Paso 5: Finalmente, haga clic en los puntos de anclaje para curvar el texto.

Conclusión

Convertir texto a curvas en Illustrator es ampliamente empleado en el diseño de logotipos y carteles. Elegir el texto curvo correcto hace una gran diferencia en tu trabajo creativo. Siempre hay una mejor solución para un problema específico. Por ello, sea paciente y practique más. Pronto, dominará cuándo usar qué método para lograr su objetivo final.

Te podría interesar:

• Orientación y deformación de texto en Adobe Illustrator
• Panel de párrafo de Adobe Illustrator
• Cómo utilizar el panel Carácter en Illustrator

The post Convertir texto a curvas en Illustrator appeared first on Noticias de Marketing y Tecnología | MOTT.

Orientación de texto en Adobe Illustrator

Comenzar con un cuadro de texto

En primer lugar, deberá  hacer clic en la opción “Texto” en la barra de herramientas principal de su pantalla. 

Coloque el cuadro de texto en la pantalla. Abra el menú “Texto” para ajustar la dirección y la configuración de su cuadro de texto para obtener algunos efectos divertidos. 

Puede seleccionar la opción “Orientación de texto” y elegir entre horizontal para el texto que atraviesa la pantalla o vertical si desea que las palabras suban y bajen por el lienzo. Una vez que haya terminado de escribir, puede comenzar a aprender a rotar texto en Illustrator.

Girar el texto en un solo paso

Antes de girar el texto, realice los ajustes que desee, como en el tamaño del texto, la fuente, el color y las negritas o cursivas. Luego, seleccione el cuadro de texto y haga clic en la herramienta “Rotar” para ejecutar la deformación de texto en Adobe Illustrator.

Una vez que la herramienta de rotación esté activa, puede comenzar a ajustar la dirección y el grado en el que desea que se mueva el texto. Puede jugar con su aspecto y moverlo a través de su lienzo. Esto para obtener el estilo exacto del diseño que tiene en su cabeza.

Herramienta de rotar texto en Illustrator

Hay otra forma de rotar el texto que le da más control sobre la dirección exacta y la posición del texto. Si necesita utilizar un proceso que sea más exacto, esta opción puede funcionar mejor que usar la herramienta “Rotar”. Primero, seleccione el cuadro de texto y abra el panel “Carácter”.

En el menú, hay una opción para realizar rotaciones dentro de su cuadro de texto. Elija la herramienta “Rotación de caracteres” y ajuste el grado para una rotación precisa. Puede seleccionar cada palabra o carácter individualmente si desea tener diferentes efectos de rotación en todo el texto del proyecto.

Deformación de texto en Adobe Illustrator

Illustrator nos permite deformar el texto de dos maneras diferentes: formas predefinidas y formas personalizadas. La primera es mediante el uso de la función de deformación. Esto le permite transformar su texto en una serie de diferentes formas predeterminadas.

Cree un objeto de texto, selecciónelo y vaya a Objeto > distorsión de envolvente > Crear con Deformación.

La ventana Opciones de deformación debería aparecer con algunos ajustes preestablecidos para deformar el objeto de texto.

El menú desplegable Estilo hace referencia a todas las diferentes formas en las que deforma el texto. Puede recorrerlos individualmente si lo desea, de lo contrario. Aquí hay una guía que presenté que representa cómo se ven todos los diferentes estilos.

En el menú Opciones de deformación, se le pedirá que elija entre orientación horizontal o vertical. Esto se refiere al eje sobre el que se aplica la urdimbre. 

Deformación del texto con objeto

Si ninguno de los ajustes preestablecidos de forma en la ventana de opciones de deformación le proporciona la forma deseada para su texto. Otra forma en que puede deformar el texto en formas con Illustrator es crear su propia forma personalizada. Así, puede usarla como referencia para transformar su texto.

La forma en que funciona esta característica es bastante simple. Primero, produzca su objeto personalizado. Asegúrese de que esté elevado sobre su texto haciendo clic derecho en él y yendo a Organizar > Traer al frente. Seleccione tanto la forma personalizada como el objeto de texto y alinéelos.

Con ambos objetos seleccionados, vaya a Objeto > Distorsionar envolvente > Crear con objeto superior.

Debe finalizarlo seleccionándolo y luego ir a Objeto > Expandir.

Esto convertirá su texto en una verdadera curva vectorial que se puede alterar y trabajar de la misma manera que lo haría con cualquier otro objeto.

Te podría interesar:

• Panel de párrafo de Adobe Illustrator
• Cómo utilizar el panel Carácter en Illustrator
• Qué es Adobe Illustrator y sus características

The post Orientación y deformación de texto en Adobe Illustrator appeared first on Noticias de Marketing y Tecnología | MOTT.

Acceso al panel Párrafo

El panel Párrafo de Adobe Illustrator se utiliza para cambiar el formato de columnas y párrafos. Este tiene atributos que se aplican a un párrafo entero, como alineación, sangrías y separación de guiones. Para abrir este panel, vaya a ventana > Texto > párrafo. Además, para ver opciones adicionales en el panel Párrafo, haga clic en el triángulo de la esquina superior derecha del panel.

Alinear texto en el Párrafo de Adobe Illustrator

Métodos de alineación en el panel Párrafo de Adobe Illustrator:

• Alinear a la izquierda: Alinear texto a la izquierda

• Justificar con la última línea centrada: Los bordes derecho e izquierdo son rectos, con la última línea centrada.

• Centrar: Alinear texto con centro.

• Justificar con la última línea alineada a la izquierda: Los bordes derecho e izquierdo son rectos, con la última línea alineada a la izquierda.

• Alinear a la derecha: Alinea el texto a la derecha.

• Justificar con la última línea alineada a la derecha: Los bordes derecho e izquierdo son rectos, con la última línea alineada a la derecha.

• Justificar todas las líneas: La última línea se estira todo el ancho de la columna, sin importar cuán corta sea.

Sangría en el Texto de un párrafo de Adobe Illustrator

La sangría es la cantidad de espacio entre el texto y el límite de un objeto de tipo. En realidad, afecta solo al párrafo o párrafos seleccionados de Adobe Illustrator. Asimismo, los métodos de sangría en el panel del Párrafo son:

• Sangría izquierda: Sangrías del lado izquierdo de la columna de texto.

• Sangría derecha: Sangría del lado derecho de la columna de texto. La siguiente figura muestra un ejemplo de sangría derecha.

• Sangría de primera línea: Sangría de la primera línea de cada párrafo de un texto en Adobe Illustrator. Así, cada vez que presiona la tecla Intro (Retorno), se crea este espaciado. Para producir un salto de línea y evitar la sangría de la primera línea, presione Mayús+Entrar (Mayús+Retorno).

• Espacio antes del párrafo: Inserte el cursor en el párrafo que desea cambiar. Luego, agregue el espacio antes del párrafo seleccionado.

• Espacio después del párrafo: Inserte el cursor en el párrafo que desea cambiar. Posteriormente, agregue el espacio después del párrafo seleccionado en Adobe Illustrator.

Te podría interesar:

• Illustrator y Photoshop: Ventajas y Diferencias
• Adobe Illustrator: El programa que revolucionó el diseño gráfico
• Qué es Adobe Illustrator y sus características

The post Panel de párrafo de Adobe Illustrator appeared first on Noticias de Marketing y Tecnología | MOTT.

Paso 1: Crear documento y escribir el texto

Primero, debe crear un nuevo documento seleccionando Archivo > Nuevo. Luego, debe elegir el tamaño de su mesa de trabajo. A continuación, con la herramienta de texto, haga clic en cualquier lugar de la mesa de trabajo y escriba el texto.

Paso 2: Abra el Panel de Carácter de Illustrator y elija su fuente

Abra el panel Carácter seleccionando ventana > Texto > Carácter y resalte el texto. Dentro de, Panel de caracteres, seleccione la fuente deseada. En realidad, puede hacer esto desplazándose por la lista donde se le presentará una vista previa de todas sus fuentes. Alternativamente, escriba el nombre de la fuente hasta que aparezca en la ventana. 

Paso 3: Muestra todas las opciones

A veces, al abrir el panel Carácter, sólo verá una pequeña vista previa de sus opciones. Por ello, para mostrarlos todos, seleccione el menú en la parte superior derecha del panel y seleccione Mostrar opciones. Ahora puede ver sus opciones completas.

Acerca del panel Carácter de Illustrator

El panel Carácter de Illustrator proporciona la capacidad exclusiva de:

• Mostrar listas de tipografías en colecciones concretas. Incluyendo Fuentes no instaladas.
• Aplicar un subrayado o tachado doble, así como controlar su color independientemente del color del texto.
• Establecer el interlineado y la inclinación.
• Aplicar escalas horizontales y verticales.

Están disponibles las siguientes opciones de panel:

• Colección: Establece las tipografías a las que se puede acceder en el panel.
• Tipografía: Establece la tipografía para el texto seleccionado.
• Tamaño: Controla el tamaño de punto de los caracteres.
• Fuente: Controla el estilo de tipografía que se aplica al texto seleccionado.
• Color de fuente: Establece el color del texto.
• Color de fondo: Establece el color aplicado detrás del texto seleccionado. Es decir, crea un efecto de resaltado.
• Estilo de texto: Permite aplicar el estilo de texto de un carácter al texto seleccionado.

Decoraciones del panel de carácter de Illustrator

• Subrayado: Seleccione si el texto es Sin subrayado o tiene un subrayado simple o doble.
• Color de subrayado: Establece el color del subrayado del texto. Si se establece en “Ninguno”, el color del subrayado coincidirá con el de la fuente. 
• Tachado: Seleccione si el texto es Sin tachado o tiene un tachado simple o doble.
• Color de tachado: Establece el color del tachado del texto. Si se establece en “Ninguno”, el color del tachado coincidirá con el de la fuente.

Posicionar y transformar

• Interlineado: Controla la distancia entre los caracteres. Además, Automático se aplica un interlineado a los caracteres de forma predeterminada. De hecho, los valores positivos expandirán el interlineado, y los valores negativos lo condensarán. 
• Seguimiento: Controla el espaciado entre los caracteres. 
• Línea de base: Controla dónde se colocan los caracteres naturalmente en una línea. Al aumentar el valor se reduce la línea de base, y al reducir el valor aumenta la línea de base.
• Reemplazar interlineado: Aplica un reemplazo local al texto seleccionado para aumentar el interlineado con respecto al interlineado del párrafo.
• Distorsión: Controla el grado de inclinación del texto. Así, los valores positivos inclinarán el texto hacia la derecha. Mientras que, los valores negativos inclinarán el texto hacia la izquierda.
• Escala horizontal: Estira la anchura de los caracteres y el espaciado en función del tamaño de punto.
• Escala vertical: Estira los caracteres con respecto al tamaño de punto.
• Superíndice: Convierte los caracteres de texto en superíndices. Es decir, se colocan más altos que los caracteres circundantes y su tamaño de fuente se reduce.
• Subíndice: Convierte los caracteres de texto en subíndices. Por lo que, se colocan más bajos que los caracteres circundantes y su tamaño de fuente se reduce.

Tipografía en el panel Carácter en Illustrator

• Ligaduras estándar: Aplica cualquier ligadura de tipografía disponible al texto seleccionado.
• Alternativas contextuales: Agrega cualquier diseño de tipografía alternativo disponible para glifos dependiendo de su posición relativa. Dentro de una palabra o respecto a los glifos circundantes.
• Ordinales: Aplica automáticamente un superíndice a las letras que forman parte de un número ordinal.
• Fracciones: Convierte dinámicamente las fracciones en glifos individuales.
• Superíndice: Transforma los caracteres de texto en superíndices. Como resultado, se colocan más altos que los caracteres circundantes. Y su tamaño de fuente se reduce.
• Subíndice: Convierte los caracteres de texto en subíndices. Por ello, se colocan más bajos que los caracteres circundantes y su tamaño de fuente se reduce.
• Todo en mayúsculas: Muestra todo el texto seleccionado en mayúsculas. O en versalitas, si la opción Versalitas está seleccionada.
• Versalitas: Muestra las letras minúsculas como mayúsculas en miniatura.

Idioma en el Panel Carácter en Illustrator

Elija un idioma (para la corrección ortográfica y como referencia).

Alineación óptica

La Alineación Óptica determina cómo se ajustarán ciertos caracteres de su documento. Por ejemplo, los signos de puntuación o determinadas letras. En relación con el marco de texto; esto puede utilizarse para extender automáticamente las líneas que comienzan. O terminan con ciertos caracteres cuando los marcos de texto se ajustan al margen de la página. Ajusta la configuración para asegurarte de que los caracteres que elijas estén alineados a tu gusto.

Te podría interesar:

• Adobe Illustrator : Qué unidades de medida usar en los proyectos
• Illustrator y Photoshop: Ventajas y Diferencias
• Adobe Illustrator: El programa que revolucionó el diseño gráfico

The post Cómo utilizar el panel Carácter en Illustrator appeared first on Noticias de Marketing y Tecnología | MOTT.

Sin embargo, esta tarea puede conllevar invertir mucho tiempo y en algunos casos no se cuenta con los recursos necesarios. Por ello, las apps de diseño son un recurso necesario para muchos negocios. A continuación te presentamos 30 apps de diseño gráfico para usar en tu celular.

Aplicaciones de diseño gráfico para celular Android

Color Reference

Esta aplicación permite diseñar fondos y crear paletas de colores personalizadas. De hecho, lo más destacable es que al subir una imagen la app identificará el color para que puedas usarlo para tus diseños. Además de visualizar la composición y código de cada color que registra la plataforma. Por esto, si buscas elaborar fondos para tu marca de manera gratuita y desde tu celular, esta aplicación es la indicada.

Color Reference para Android

PostWrap

PostWrap es una aplicación gratuita ideal para diseñar póster, ya que posee diversas plantillas para que puedas escoger los que prefieras. También, se puede agregar texto y modificar los colores según lo que deseas. Por último, la plataforma tiene una opción para compartir de manera directa los diseños en las redes sociales.

Aplicaciones de diseño gráfico para celular: Logo Maker

Logo Maker es una app gratuita para diseñar logos que ofrece diferentes funciones como diversos fondos, colores y fuentes. También, puedes crear carteles, folletos o la ilustración que prefieras para tus redes sociales. Por lo que si cuentas con poco tiempo, esta es una de las aplicaciones para elaborar los diseños gráficos de tu marca en tu celular.

Logo Maker para Android

Design Studio

Esta app de diseño gráfico gratuita permite el diseño de invitaciones, logos, banners y diversas publicaciones. Principalmente porque tiene diseños preestablecidos que puedes ir modificando a la necesidad de tu marca. Incluso, tienes la opción de agregar líneas y formas o hacer degradado de colores.

Design Studio para Android

La versión gratuita de la aplicación de diseño gráfico viene con muchos anuncios, pero hay una versión premium que ofrece algunas herramientas adicionales, por lo que vale la pena echarle un vistazo.

Aplicaciones de diseño gráfico para celular iOS

Photoleap

Photoleap es una de las aplicaciones de diseño gráfico para celular donde se pueden crear diseños exclusivos a través de herramientas muy fáciles de usar. Además, se puede agregar efectos de arte glitch, fondos surrealistas y difuminar pixeles. Aunque el modo gratuito incluye varios efectos, por solo $6,99 dólares podrás habilitar más funciones.

Photoleap para iOS

iDesign

iDesign es una aplicación de diseño y dibujo en la que puedes crear ilustraciones con tus dedos y la pantalla de tu celular. Debido a que cuenta con controles de movimiento que permiten hacer los trazados con precisión de lo que se va dibujando. También, se puede importar archivos SVG. Esta aplicación tiene un costo de $199 dólares mensuales.

iDesign para iOS

Procreate Pocket

Con Procreate Pocket podrás crear ilustraciones con las diversas herramientas artísticas que la aplicación posee. Por ejemplo, tiene una gran cantidad de pinceles que se pueden personalizar. Además, estos poseen la habilidad de transformar objetos al mismo tiempo en diferentes capas, animaciones y GIFs. Por el momento, no cuenta con una versión gratuita y su precio es de $4,99 dólares por mes.

Procreate Pocket para iOS

Create

Esta aplicación de diseño gráfico es ideal para crear ilustraciones con vectores desde tu celular. También, puedes compartir los diseños como archivos editables en caso de querer editar en otro dispositivo. Ciertamente la app es gratuita, pero por $19 dólares mensuales podrás acceder a todas las funciones ilimitadas.

Create para iOS

Una de las mejores aplicaciones de diseño gráfico para celular: A Design Kit

Design Kit es una de las aplicaciones de diseño gráfico para celular que permite la creación de banners modernos y coloridos. Sobre todo, porque tiene pinceles que sirven para dibujar texturas de color. Además, ofrece fondos, stickers y fuentes de texto de modo gratuito. Pero, si quieres tener acceso a más recursos debes pagar una suscripción de $3,99 dólares.

Design Kit para iOS

Text Art

Text Art es una de las pocas aplicaciones de diseño gráfico para celular que contiene una gran base de datos de frases inspiradoras. Por lo que, puedes ahorrar tiempo al momento de crear textos en tus diseños de manera gratuita. Es más, la versión Pro posee más de 40 diseños y además tiene habilitada la función remover el sello de agua por solo $7.00 dólares mensuales.

Text Art para iOS

Aplicaciones de diseño gráfico para celular: DesignLab

Con DesignLab podrás crear diferentes diseños para tu empresa, porque cuenta con plantillas para diferentes tipos de formatos. Por ejemplo, banner de YouTube, logos, blogs, portada de Facebook, entre otros. También, contiene una biblioteca de fotos, tipografías y filtros. De hecho, el modo gratuito da acceso a varias de estas herramientas, pero con la membresía de $5.99 dólares las tendrás sin restricciones.

DesignLab para iOS

Retrospecs:

Retrospecs es una de las aplicaciones de diseño gráfico ideal para agregar nostalgia a tus diseños que puedes descargar en tu celular. Debido a que posibilita la creación de efectos de los 70, 80 y 90 que pueden darle un toque nostálgico. Solo debes agregar una imagen y la app transformará los pixeles por ti. Para desbloquear todas las funciones debes pagar $2.99 dólares mensualmente.

Retrospecs para iOS

Watercolor Logo Maker

Watercolor Logo Maker es excelente para crear ilustraciones de acuarelas, principalmente porque tiene muchas funciones artísticas. Primero para empezar a diseñar tienes que escoger la categoría de tu negocio. A partir de esto, la aplicación te presenta opciones para que puedas personalizar a tu gusto de manera gratuita. Sin embargo, cuenta con una versión de pago de 2.99 dólares por mes.

Watercolor Logo Maker para iOS

Logo Maker Shop

Logo Maker Shop es una de las aplicaciones de diseño gráfico para celular más completas. Sobre todo porque posee más de 1.000 plantillas de logotipos y más de 5.000 recursos de modo gratuito. Además, las plantillas están divididas en 13 categorías que son perfectas para ir diseñando de manera fácil y rápida. Por ejemplo, la básica, vintage, garabato, animal, escritura en mano, entre otras.

Logo Maker Shop para iOS

Aplicaciones de diseño gráfico para celular: Vectornator: Design Software

En Vectornator crearás vectores desde tu celular con las herramientas de pincel, nodo y forma. Asimismo, tienes la función de convertir automáticamente imágenes de mapas bits en vectores. Y trabajar con paleta de colores HSB y RGB. Todo esto de forma gratuita. Por el momento, solo está disponible en la tienda de Apple.

Concepts

Concepts es una de las mejores aplicaciones gratuitas de diseño gráfico para celulares. Porque te permite dibujar vectores de manera sencilla con la herramienta lápiz y si quieres puedes sincronizar herramientas como el Apple Pencil. Incluso puedes ir cambiando las medidas de tu diseño conforme vayas dibujando.

Concepts para iOS

Aplicaciones de diseño gráfico para celular Android y iOS

Canva

Esta es una de las plataformas de diseño más populares para crear contenidos variados y de calidad. Aquí gracias a la gran cantidad de plantillas puedes crear catálogos, folletos, posts, facturas, entre otras cosas. A pesar de ser gratuita en Android y iOS, puedes contratar el plan de pago para tener plantillas premium.

Canva para Android

Canva para iOS

Pixlr

Si deseas editar fotografías para tus redes sociales, Pixlr es una buena opción para agregar efectos, bordes y superposiciones. Aquí también podrás corregir defectos como los ojos rojos en las fotos. Igualmente, te permite incluir texto y superponer imágenes de manera gratuita. La razón de ello, es que la aplicación no tiene costo ni en la tienda de Google ni en la Apple Store.

Pixlr para Android

Pixlr para iOS

Adobe Spark

Adobe Spark es una de las aplicaciones de diseño gráfico para celulares más completas que hay. El motivo es que se divide en tres secciones, primero “Spark Post”, para los banners de redes sociales. Segundo, “Spark Page” para desarrollar un sitio web en poco tiempo. Por último “Spark Vídeo” para editar clips.

Es más, la aplicación tiene una galería para que puedas visualizar otros trabajos e inspirarte a través de las ilustraciones ya realizadas. Con esto, puedes tener garantizado un anuncio en el momento que lo necesites sin pagar un precio.

Adobe Spark para Android

Adobe Spark para iOS

Aplicaciones de diseño gráfico para celular: Adobe Photoshop Express

Adobe Express, es una app en la que puedes voltear fotos o cambiar ángulos distorsionados de la cámara desde tu teléfono. Incluso, soporta la importación de archivos RAW y TIFF para editarlos en la plataforma. Asimismo, posee las funciones de crear stickers, pies de fotos y marcas de aguas personalizadas. Por el momento la aplicación es totalmente gratuita.

Adobe Photoshop Express para Android

Adobe Photoshop Express para iOS

Snapseed

Esta aplicación de fotografía gratuita te permite ajustar el color de las fotos y editarlas manualmente. A la vez que vas implementando los cambios, estos se van guardando. En ese sentido, puedes guardar combinaciones de filtros que has utilizado y establecerlos como efectos predeterminados.

Snapseed para Android

Snapseed para iOS

Pantone Connect

Esta aplicación de diseño gráfico es perfecta para crear paletas de colores desde tu celular. Puesto que con solo subir una foto, la aplicación detectará los colores para que puedas utilizarlos en tu diseño. Y al ser esta app una extensión de Adobe, cuenta con un catálogo de más de 5.600 colores de forma gratuita. Para poder usar la plataforma sólo es necesario registrarse y abrir una cuenta.

Pantone Connect para Android

Pantone Connect para iOS

Aplicaciones de diseño gráfico para celular: Desygner

Desygner, ha sido especialmente creada para usuarios que no tienen conocimientos técnicos de diseño. A causa de esto, es muy sencilla de usar para crear contenido visual con texto incluido. Aún más asombroso es el hecho de que cuenta con su propio banco de imágenes, íconos, vectores, fuentes de letra y folletos libres de derecho de autor.

Así que en esta app puedes diseñar banners para Facebook, Twitter, Instagram y Google completamente gratis. Pero si quieres tener más funciones como importar y exportar en PDF tendrás que pagar $9,08 dólares.

Desygner para Android 

Desygner para iOS

Una de las aplicaciones de diseño gráfico para celular más usadas: Adobe Illustrator Draw

Adobe Illustrator Draw es una aplicación de diseño para celular profesional. Aquí tienes herramientas para realizar dibujos a través de vectores. No obstante, es muy manejable para personas que no hacen diseños. Después de diseñar puedes exportar los vectores y si deseas seguir editando en Adobe Illustrator desde tu computadora.

Otras ventajas

La app tiene 5 pinceles vectoriales para poder utilizarlos en tus dibujos y fotografías. Luego, tienes la opción de publicar directamente en Behance, plataforma dedicada a promover servicios. Incluso, difunde tutoriales y foros para que puedas resolver tus dudas en caso de tener una consulta. Además, si pagas $1.99 dólares puedes comprar 20 GB de almacenamiento para crear más ilustraciones.

Adobe Illustrator Draw para Android 

Adobe Illustrator Draw para iOS

Graphionica

Graphionica, es una aplicación de diseño gráfico para crear banners de redes sociales en tu celular. Lo mejor es que puedes agregar texto, fondos o stickers y puedes crear tus propias plantillas. De esta forma, solo vas modificando según lo que desees. Por ahora, la versión gratuita ofrece diversas herramientas y con la versión premium gozarás de todo por solo $2.99 dólares mensuales.

Graphionica para Android 

Graphionica para iOS

Go Daddy es una de las mejores aplicaciones de diseño gráfico para celular

En esta plataforma puedes crear posts para Instagram y Facebook con las plantillas gratuitas prediseñadas. Ahora, si quieres usar todas deberás pagar $10 dólares al mes. En realidad, una de las mayores ventajas es la facilidad para compartir los diseños en las redes sociales de manera directa.

Go Daddy para Android

Go Daddy para iOS

Bazaart Photo Editor & Design

Bazaart Photo Editor & Design trabaja con cientos de diseños preestablecidos para ofrecer más opciones a los usuarios. Y se concentra en uno de los problemas más comunes que tienen las personas al momento de utilizar una imagen en sus aplicaciones. Como sabemos muchas fotos incluyen un fondo, con esta app podrás eliminarlo sin ningún problema. Además, de tener la función de agregar efectos y stickers gratuitamente y a partir de $5.99 dólares por mes tendrás acceso a más herramientas.

Bazaart Photo Editor & Design para iOS

Adobe Capture

Aplicaciones de diseño gráfico para celular hay muchas, pero pocas ofrecen la posibilidad de convertir fotos en vectores. Con Adobe Capture esto es posible en pocos pasos. Solo tienes que subir la foto y seleccionar la función de vectorizar. Así en poco tiempo tendrás la ilustración lista para modificarla. De hecho, la parte es que es una app totalmente gratuita.

Adobe Capture para Android

Adobe Capture para iOS

Ibis Paint X

Ibis Paint X es una de las aplicaciones de diseño más populares entre los artistas digitales para realizar dibujos desde el celular de manera gratuita. La razón de ello, es que ofrece más de 2100 materiales, más de 700 fuentes y 142 pinceles. Aunque es ideal para principiantes, muchos profesionales deciden usarla. Por esta razón la versión premium tiene un precio que va desde los $2.99 dólares hasta los $27.00 dólares.

Ibis Paint X para iOS

Tayasui Sketches

Tayasui Sketches, es una app para ilustrar que mantiene el estilo del dibujo hecho a mano. Por lo que, genera diseños bastante realistas para que los negocios puedan promocionar sus ofertas. Debido a que cuenta con pinceles ultrarrealistas y también puedes agregar efectos e ir modificando a tu gusto.

Tayasui Sketches para Android

Tayasui Sketches para iOS

Conclusiones sobre aplicaciones de diseño gráfico para celular

Ahora con la tecnología los community managers de pequeños negocios no tienen una excusa para no realizar diseños de calidad. Principalmente, porque están disponibles para cualquier tipo de dispositivo de modo gratuito. Por esta razón, los profesionales de marketing tienen más posibilidades para crear publicaciones atrayentes.

Te podría interesar:

• Adobe Illustrator: El programa que revolucionó el diseño gráfico
• Cuáles son los diferentes tipos de diseño gráfico que existen
• Los mejores libros para aprender diseño gráfico 2020

The post 30 aplicaciones de diseño gráfico para tu celular appeared first on Noticias de Marketing y Tecnología | MOTT.

Nuevas herramientas

Para utilizar las nuevas herramientas de marketing de Apple debes entrar al sitio web de la herramienta de promoción de la App Store. A continuación, te presentamos los pasos.

1. Primero debes entrar al sitio web de la herramienta de promoción de la App Store. 

2. Segundo, escribe el nombre de tu aplicación en el buscador y luego selecciona tu aplicación.

3. Después escoge el objetivo de promoción. 

4. Selecciona el idioma que deseas.

5. Y escoge el color de tu preferencia.

6 El siguiente paso es hacer clic en el tipo de plantilla que quieres.

7. Por último, puedes escoger la opción de compartir que prefieras.

Requisitos para usar las nuevas herramientas de Marketing de Apple

De hecho, lo mejor de todo es que no se necesita una cuenta para acceder a esta nueva herramienta. Los diseños estarán disponibles en diversos formatos, por lo que compartirlos en las redes sociales no será un problema. Además, puedes utilizar esta herramienta para crear links cortos o códigos de inserción. Así estos enlaces podrán dirigir a los clientes potenciales a la página web de tu producto en la App Store 

Qué incluyen estas herramientas 

Las nuevas herramientas de marketing de Apple incluye plantillas para promocionar una nueva aplicación, actualización de la app, oferta de suscripción o una nueva oferta. Incluso puedes seleccionar tres colores de fondo, color claro, oscuro y azul. Sin embargo, no se puede cambiar el texto y formatos establecidos en la plataforma. 

Aunque, los mensajes están en varios idiomas para escoger el que más se ajusta a lo que quieras comunicar. Mientras que los formatos son un post cuadrado, una historia, un banner horizontal o vertical y una vista previa de la tarjeta de enlace. Después de diseñar puedes compartir las ilustraciones en las redes sociales. A través de descarga, enlace o enlace corto. 

El objetivo de Apple

Ciertamente, las nuevas herramientas de marketing de Apple no cuentan con muchas opciones avanzadas. No obstante, sí pueden ser de gran ayuda para las pequeñas empresas o marcas que quieran crear contenido de una manera rápida y sencilla. Sobre todo, porque muchos no cuentan con conocimientos específicos de diseño gráfico. 

Así que esta nueva plataforma, les permite crear ilustraciones con un buen aspecto y más profesionales. Además, de contar con las facilidades de links para orientar al sitio web de la tienda de Apple que pueden ser en muchos casos un problema para muchos negocios. Sobre todo, para las que no cuentan con conocimientos técnicos. 

Conclusiones sobre nuevas herramientas de marketing de Apple

Apple quiere brindar más opciones a los desarrolladores de aplicaciones para anunciar sus apps y servicios. Principalmente, porque al hacerlo garantiza una mayor probabilidad de descarga. De esta forma, los creadores de aplicaciones y la tienda de Apple obtienen ganancias. Es más, este podría ser el primer paso para ir desarrollando una plataforma de diseño que tenga más funciones.

Es por esta razón que se espera que las nuevas herramientas de marketing de Apple mejoren progresivamente. Ya que si bien es cierto, te permite crear un diseño en segundos. Aún le faltan más funciones para que los community manager puedan plasmar toda su creatividad. Por el momento, la plataforma solo funciona para aplicaciones de la App Store.

Te podría interesar

• Facebook vs Apple: Rivalidad causa problemas a los anunciantes
• ¿Cuánto paga Google para ser el motor de búsqueda de Apple?
• Corea del Sur busca frenar el dominio de Apple y Google

The post Apple tiene nuevas herramientas de marketing para desarrolladores appeared first on Noticias de Marketing y Tecnología | MOTT.

Trabajar en mediciones de píxeles

Un píxel es la unidad más pequeña de una imagen o gráfico que se puede mostrar y representar en un dispositivo digital. Los píxeles se combinan para formar una imagen completa, video, texto o cualquier cosa visible en una pantalla digital. En general, un píxel es una de las unidades básica de medida en Adobe Illustrator. Establecer sus unidades en píxeles es ideal para:

• Proyectos de diseño digital de interfaz de usuario: Diseño de páginas web, interfaces de juegos, diseño de aplicaciones e iconos.
• Publicación de contenido en línea: Redes sociales, infografías, anuncios de banner e imágenes de productos.
• Gráficos para cine y video como miniaturas, gráficos animados, gifs, secuencias de títulos y texto.

Trabajar en mediciones métricas o imperiales

El sistema métrico (centímetros, milímetros y metros) se desarrolló en Francia en la década de 1790 y es utilizado por todos los países del mundo. Básicamente, se utilizan principalmente para el diseño de impresión. Establecer estas unidades de medidas en Illustrator es ideal para:

• Arte e ilustración como diseños de camisetas, patrones gráficos y portadas de libros. También ilustraciones, arte conceptual y novelas gráficas.
• Diseño de identidad visual como logotipos, tarjetas empresariales y merchandising.
• Diseño de publicaciones como libros, periódicos, boletines y directorios. Además de informes anuales, revistas y catálogos.
• Diseño de marketing impreso como postales, anuncios de revistas, carteles y vallas publicitarias.
• Diseño gráfico ambiental como señalización, murales y exposiciones de museos. Igualmente para marca de oficina, navegación en transporte público, entre otros.

Trabajar en unidades de medida de Punto y Pica en Illustrator

Un “punto” es una unidad para medir el tamaño de las formas de letra y el espaciado de líneas. Los “sistemas puntuales” fueron desarrollados por tipógrafos y luego adaptados por empresas de fundición tipográfica. “Pica” es una unidad para medir aspectos de diseño de página, ancho de texto, ancho de columna y espacios. Por ejemplo, 12 puntos = 1 pica y 6 picas = 1 pulgada. Establecer las medidas en picas en Illustrator, es ideal para el trabajo tipográfico personalizado como diseñar una nueva tipografía o personalizar una existente. Así como, el diseño de publicaciones como periódicos, revistas, libros y catálogos.

Conclusión sobre Adobe Illustrator: Qué unidades de medida usar en los proyectos

Estas unidades de medidas en Illustrator funcionan de manera muy práctica y eficiente en un entorno digital. Debido a que permiten determinar el tamaño del documento, las consideraciones de diseño y la información tipográfica. Utilizando números enteros en lugar del sistema de pulgadas que se basa en el uso de fracciones o decimales.

Te podría interesar:

• Las 10 mejores aplicaciones para Instagram, para mejorar tu feed
• 20 aplicaciones y herramientas para trabajar desde casa
• Adobe Illustrator: El programa que revolucionó el diseño gráfico 
• Illustrator y Photoshop: Ventajas y Diferencias

The post Adobe Illustrator: Qué unidades de medida usar en los proyectos appeared first on Noticias de Marketing y Tecnología | MOTT.

Modelo de color CMYK

Por qué las impresoras usan CMYK

Cuándo usar CMYK y no RGB

• Branding: Tarjetas empresariales, pegatinas, letreros, etc.
• Publicidad: Vallas publicitarias, carteles, volantes y folletos.
• Merchandising: Camisetas, sombreros, polos, tazas, entre otros.

Los mejores formatos de archivo para CMYK

• PDF: Son ideales para archivos CMYK, ya que son compatibles con la mayoría de los programas.
• AI: Es el archivo de origen estándar para CMYK, trabajado en Adobe Illustrator.
• EPS:  Puede ser una gran alternativa de archivo fuente al formato IA porque es compatible con otros programas vectoriales.

Modelo de color RGB

Cuándo usar RGB y no CMYK

• Diseño web y de aplicaciones: Iconos y gráficos.
• Branding: Logotipos en línea y anuncios en línea.
• Redes Sociales: Imágenes para publicaciones, fotos y fondos de perfil.
• Contenido Visual: Vídeo, gráficos digitales, infografías y fotografías para sitio web, redes sociales o aplicaciones.

Los mejores formatos de archivo para RGB

• JPEG: Son ideales para archivos RGB porque son un buen punto medio entre el tamaño y la calidad del archivo y son legibles en casi cualquier lugar.
• PSD: Es el archivo de origen estándar para documentos RGB, trabajado en Photoshop.
• PNG:  Admiten transparencia y son mejores para gráficos que necesitan superponerse sobre otros. Considere este tipo de archivo para elementos de interfaz como iconos o banners.
• GIF: Capturan movimiento, por lo que si está utilizando un elemento animado, como un logotipo en movimiento o un icono de rebote, este tipo de archivo es ideal.

Conversión de RGB a CMYK

Sustractivo vs. Aditivo

Conclusión sobre diferencias entre colores CMYK y RGB

The post Diferencias entre colores CMYK y RGB : ¿Cuál elegir? appeared first on Noticias de Marketing y Tecnología | MOTT.

Adobe Photoshop

Antes de hablar de las diferencias de Illustrator y Photoshop comenzaremos con las características de este último. Photoshop es un software de edición de fotos, arte digital, animación y creación de gráficos que facilitan a los artistas dar vida a sus ideas. Asimismo, ofrece una amplia variedad de funciones de edición de imágenes, así como la capacidad de crear gráficos complejos.

Photoshop en sí le da al usuario un control completo sobre todo tipo de manipulación de imágenes, edición y efectos especiales. Igualmente, se ha convertido en el estándar de la industria para muchos creativos. Debido a que es muy versátil y generalmente es uno de los primeros programas que muchos aprenden a usar.

Una de las principales ventajas de usar este programa es su capacidad para crear múltiples capas que se pueden alterar independientemente unas de otras. Igualmente, se agregan nuevas herramientas y características a medida que Adobe recopila comentarios de artistas sobre formas de mejorar el software.

Ventajas de usar Photoshop

Photoshop es un potente y popular software de edición de imágenes que ayuda a aplicar varios efectos fácilmente y obtener resultados consistentes, Ilustrator es un software de edición de vectores. Muchas personas utilizan este software para crear una imagen de mejor calidad. Porque tiene muchas características que apenas están disponibles en otras aplicaciones de edición de fotos. Por ese motivo, te presentamos las principales ventajas del uso de Photoshop.

1. Organización

Las fotos y los videos se pueden importar fácil y rápidamente al programa. Debido a que, los archivos importados están perfectamente organizados en la pantalla y, por lo tanto, se pueden manejar fácilmente. Las herramientas de edición y otras características se pueden encontrar fácilmente con la organización adecuada del espacio de trabajo.

2. Ahorra tiempo

La mayoría de las ediciones regulares, como el blanqueamiento dental, el ajuste del tono de la piel y la eliminación de ojos rojos, se pueden completar con un solo clic. Por ello, un profesional que usa Photoshop puede completar su tarea en cuestión de minutos, lo que lo convierte en una herramienta favorita en muchas industrias como la publicidad, el marketing y el diseño web.

3. Edición avanzada

Una imagen de una persona normal puede convertirse y mejorarse radicalmente con la ayuda de las herramientas de retoque de Photoshop. Dado que, muchos fotógrafos profesionales utilizan la edición de imágenes del programa para reducir defectos y mejorar la calidad de sus fotografías.

4. Características añadidas

Photoshop ofrece resultados de mayor calidad con características especiales. Como por ejemplo el cambio de tamaño, la corrección de color, fotografías HDR y muchas más. Además de cientos de herramientas en edición de fotos profesional. Photoshop incluso ha evolucionado como creador de imágenes 3D, editor de vídeo y software de diseño gráfico.

5. Fácil de transferir

Los archivos creados en Adobe Photoshop se pueden transferir fácilmente entre diferentes programas a través de Adobe Creative Cloud. Puesto que, un gráfico creado en Adobe Illustrator se puede agregar a la mesa de trabajo de Photoshop, o un video creado en Adobe Premiere se puede agregar fácilmente a él. Cabe resaltar que los archivos transferidos dentro de la nube se pueden realizar sin perder calidad.

6. Cambio de color

A través de algunas de las herramientas de selección y mejora de color de Photoshop, el usuario puede cambiar rápidamente el color de los ojos de una modelo. Así como cambiar el tono de una prenda para incluirla en un catálogo, agregar un patrón de tinte a una manta, entre otros.

7. Capas

Photoshop es uno de los programas de software gráfico que permite a los usuarios trabajar en capas. Las capas son una forma de apilar diseños, luego eliminarlos u ocultarlos para ver cómo se ve su trabajo. Además, se puede agregar una capa a la imagen, dibujar encima de ella y luego hacer los cambios necesarios para mejorarlo de forma individual.

Adobe Illustrator

Es un programa profesional de diseño y dibujo basado en vectores. Asimismo, se utiliza para crear una variedad de imágenes digitales e impresas, incluyendo dibujos animados, gráficos, diagramas, logotipos e ilustraciones. Adicionalmente, permite al usuario importar una fotografía y utilizarla como guía para trazar nuevos objetos. 

Cualquiera que necesite una herramienta poderosa para crear imágenes desde cero debe mirar a Illustrator como una de sus mejores opciones. Es muy probable que, todos los días, se encuentre con docenas de ejemplos de contenido producido con Illustrator.

Ventajas de usar Adobe Illustrator

Es un programa profesional de diseño y dibujo basado en vectores, Adobe Photoshop se basa en píxeles. Asimismo, se utiliza para crear una variedad de imágenes digitales e impresas, incluyendo dibujos animados, gráficos, diagramas, logotipos e ilustraciones. Adicionalmente, permite al usuario importar una fotografía y utilizarla como guía para trazar nuevos objetos. 

Cualquiera que necesite una herramienta poderosa para crear imágenes desde cero debe mirar a Illustrator como una de sus mejores opciones. Es muy probable que, todos los días, se encuentre con docenas de ejemplos de contenido producido con Illustrator.

1. Hace gráficos web e impresos

El software de Adobe Illustrator facilita a las personas la producción de gráficos listos para imprimir . También puede usarlo para realizar gráficos web. Asimismo, el conjunto de herramientas se actualiza constantemente, lo que permite a los usuarios hacer gráficos vectoriales como un profesional.

2. Es compatible con todos los sistemas informáticos

El software es compatible con productos Apple y Windows. Incluso si su computadora es de la década de 2000 o está utilizando una opción más antigua, funcionará adecuadamente. En otras palabras, muchas personas pueden beneficiarse del programa siempre que el sistema operativo de la computadora esté actualizado.

3. El tamaño del archivo es pequeño

Illustrator permite que cualquier gráfico que se produzca se guarde en un tamaño pequeño de tal manera que puede transferirlo fácilmente a otro lugar. En comparación con otras plataformas similares, Illustrator genera archivos de tamaño relativamente pequeño, a diferencia de Adobe Photoshop. Esto le permite compartirlos como un archivo adjunto de correo electrónico o utilizarlos sin ocupar mucho espacio en su computadora.

4. Es escalable

En Adobe Illustrator, puede establecer su resolución en cero. Debido a que, los gráficos del software están construidos sobre ecuaciones matemáticas, no en píxeles almacenados. Como resultado, cualquier dimensión que se establezca en la imagen producirá líneas nítidas.

5. Admite la edición en el panel de herramientas

La edición en el panel de esta herramienta le ayuda a ahorrar tiempo cuando usa Illustrator. También puede utilizar diferentes mesas de trabajo simultáneamente. Esto significa que puede trabajar en diferentes imágenes al mismo tiempo. Por lo tanto, Adobe Illustrator hace que los usuarios sean más productivos en comparación con otras plataformas que solo le permiten trabajar en un solo gráfico a la vez.

6. La interfaz de usuario es útil

La herramienta ofrece flexibilidad adicional, ya que puede personalizar todo su espacio de trabajo. Por ello, estas características permiten utilizar los métodos más cómodos cuando se trabaja en proyectos mientras se mantiene el control general de todas las opciones disponibles.

8. Crea con pinceles virtuales y tinta

Los diseñadores que utilizan Illustrator pueden crear gráficos e imágenes a mano alzada, utilizando un lápiz óptico y herramientas de dibujo digital. La intuición y el estilo personal de un artista son un activo poderoso para crear imágenes distintivas. Además, Illustrator permite a los artistas crear con pinceles virtuales, bolígrafos, tintas y otras herramientas poderosas en una variedad de superficies digitales.

Cuál es la diferencia entre Photoshop e Illustrator

Photoshop e Illustrator son programas muy similares. Algunos artistas los usan casi indistintamente. Pero, la principal diferencia entre los dos programas es que Photoshop se utiliza principalmente para editar y perfeccionar imágenes que ya existen. Mientras que Illustrator está diseñado para crear nuevas imágenes a partir de un lienzo en blanco.

Esto significa que las herramientas de edición de Photoshop están sintonizadas con ese propósito: cambiar una imagen que se importó desde fuera del programa. Y las características y herramientas de Illustrator apuntan hacia la creación desde cero. 

Ráster y Vector

Ahora es el momento de ponerse técnico, porque Photoshop e Illustrator difieren más que solo a nivel de concepto. Ya que, Photoshop edita utilizando una base ráster/píxel. Illustrator es un programa basado en vectores. Aunque, el arte rasterizado y el arte basado en vectores se ven iguales en el exterior. Pero, son bastante diferentes debajo de la superficie.

El arte basado en ráster es cualquier trabajo digital que se basa en filas y columnas de píxeles. Una foto digital o archivo de video se compone de miles de pequeños píxeles. A cada uno asignado un color diferente. Más píxeles significan una mayor calidad de imagen, y también permite que la imagen se muestre en una pantalla más grande. Pero, los píxeles no se pueden manipular con tanta facilidad.

Vectores 

No está hecho con píxeles; más bien, las líneas que dibuja con Illustrator se crean utilizando ecuaciones matemáticas. Entonces, en lugar de decirle al programa que cambie el color de una serie de píxeles, le está dando una ecuación matemática que usa para dibujar una línea para usted. Es por eso que las imágenes vectoriales se pueden escalar hacia arriba o hacia abajo infinitamente sin perder calidad.

El número de píxeles no importa, porque las matemáticas detrás de las imágenes solo necesitan multiplicarse. Por ello, las imágenes basadas en vectores son perfectas para aplicaciones en las que la imagen se mostrará en diferentes tamaños. De esa manera, se puede usar fácilmente en su sitio web, redes sociales sin tener que reeditarlo constantemente.

Photoshop vs Illustrator: cuándo usar cada software

Cuál es el mejor para el diseño gráfico

Los diseñadores que utilizan Illustrator pueden crear gráficos e imágenes desdes cero, a diferencia de Photoshop. Ya que, se trabaja con vectores. Pero, en el diseño gráfico se suele combinar trabajos con vectores y pixeles. Por ello, muchos diseadores gráficos trabajan con ambos programas.

Cuál es el mejor para la edición de fotos

La edición de fotos es muy diferente al diseño gráfico o la ilustración. No estás empezando con un lienzo vacío; más bien, está importando una imagen detallada y trabajando desde allí. Ciertamente, Photoshop fue diseñado específicamente para la edición de fotos a diferencia de Adobe Illustrator. Así que, obviamente toma la posición como el mejor software para esta aplicación.

En primer lugar, Photoshop está equipado para procesar formatos de imagen avanzados, como imágenes RAW, mejor que cualquier otro software. Eso significa que es la herramienta ideal para editar imágenes de alta calidad directamente desde cámaras de nivel profesional. En segundo lugar, Photoshop tiene una gama de potentes herramientas de edición de “un solo clic” que pueden mejorar instantáneamente la calidad de una foto.

Finalmente, el diseño basado en capas de Photoshop y las herramientas avanzadas de enmascaramiento le brindan un control ilimitado y preciso sobre cada elemento diferente en una foto.

Cuál es el mejor para el arte digital

Photoshop e Illustrator son muy adecuados para el arte digital; es casi imposible elegir un verdadero ganador. Sin embargo, hay algunas maneras en que puede decidir entre los dos para el arte digital. En primer lugar, si te gusta dibujar tu trabajo en papel antes de ir al ordenador, Photoshop será tu amigo. Puede escanear sus bocetos, importarlos a Photoshop y agregar colores / toques finales.

Illustrator es una mejor opción para el trabajo que se imprimirá en una variedad de materiales diferentes. O se mostrará en muchos tamaños diferentes. Es bueno para pintar y dibujar. No obstante, las imágenes que haces en Illustrator tienen un aspecto “digital”. Esto es genial si eres diseñador gráfico o dibujante. Pero no es ideal si quieres crear pinturas de “acuarela” digitalmente.

Photoshop es mejor para los artistas que desean crear obras de arte que se vean similares a lo que pueden hacer con materiales físicos. Principalmente, porque las imágenes ráster son más adecuadas para esto por naturaleza. Así que, si te gusta pintar, acuarelas o dibujar realistas, Photoshop debería ser tu opción. 

Cuándo usar Adobe Illustrator y Photoshop juntos

El verdadero problema con la elección entre Photoshop e Illustrator es que realmente no se supone que deba elegir uno u otro. Desde el lanzamiento de Adobe Creative Suite (CS) en 2003, que fue reemplazado por Adobe Creative Cloud (CC) en 2011. Adobe ha intentado que los clientes adopten toda la gama de su software y los usen juntos.

Esto significa que Photoshop e Illustrator están diseñados para ser utilizados juntos, en el mismo proyecto, para brindarle opciones ilimitadas. Por ejemplo, si quieres iniciar una obra de arte esbozándola en Illustrator (que tiene mejores herramientas de dibujo). Luego, llevarla a Photoshop para rellenarla con color y textura, aprovecharás lo mejor de ambos programas.

Conclusión: Photoshop vs Illustrator

Photoshop e Illustrator son dos de los programas gráficos más populares y usados de Adobe. Asimismo, cada uno cuenta con muchísimas herramientas poderosas, que harán que tus imágenes se destaquen entre todas. Puedes elegir usar estas plataformas según tus proyectos o combinar su uso para desarrollar excelentes piezas de diseño gráfico. Por otro lado, puedes enriquecer o puedes comenzar a aprender sobre estos programas, comenzando con cursos de Photoshop que te ofrece MOTT.

Te podría interesar:

• 10 Herramientas y Aplicaciones GRATIS para Community Managers 2021
• 20 aplicaciones y herramientas para trabajar desde casa
• Adobe Illustrator: El programa que revolucionó el diseño gráfico 

The post Illustrator y Photoshop: Ventajas y Diferencias appeared first on Noticias de Marketing y Tecnología | MOTT.

Después de todo, con tantas empresas por ahí, ¿cómo podemos esperar que los consumidores recuerden nuestro negocio si no tiene un logotipo? Solo en Facebook, hay 30 millones de pequeñas empresas y lo último que deseamos hacer es perdernos entre la multitud. Dado todo lo anterior, a continuación se explica cómo crear y diseñar el logo perfecto de mi empresa.

Consejos para diseñar el logo perfecto

Crear logotipos únicos

Lanzar una startup nunca ha sido tan fácil y la cantidad de pequeñas empresas en el mercado aumenta constantemente. Esto significa que la competencia se está volviendo más rígida y la clave es diferenciarse de otras nuevas empresas. Por lo tanto, es fundamental crear y diseñar un logo perfecto y único para iniciar. Uno que los consumidores no podrán asociar con otra cosa que no sea nuestro negocio.

Entonces, aunque no hay nada de malo en que busquemos inspiración en línea, debemos hacer que el logotipo sea lo más auténtico posible. Esto también asegurará que no se confunda con otra compañía en la industria, ya que nunca es bueno.

Optar por logotipos personalizados

Si bien todavía estamos en el tema de ser únicos, no hay nada que pueda darle a sus logotipos personalizados una sensación auténtica como algunas letras personalizadas. Muy a menudo, vemos logotipos que consisten en una imagen y  fuentes que podemos encontrar en la web.

Aún así, los clientes quieren que le dediquemos un poco más de esfuerzo y prefieren no saber qué fuentes estás usando. Si bien, es posible que no tener las habilidades necesarias para crear una fuente completamente nueva para un logotipo, siempre podemos encontrar un diseñador gráfico que esté listo para hacer el trabajo por nosotros.

Evitar el cliché en logo

Parece que cada año, surgen nuevas tendencias en diseño gráfico y algunas de ellas pueden usarse al diseñar un logotipo de inicio. Sin embargo, todavía vemos que los dueños de negocios usan la misma idea cliché en logo una y otra vez. El problema con esto es que los consumidores ya han visto muchos clichés de diseño de  logotipos, como un arco sobre la parte superior o puntos de colores aleatorios.

Saltar al tren e incorporar estos clichés en el diseño no es suficiente para que nuestro negocio se destaque. En cambio, debemos vigilar las nuevas tendencias de diseño gráfico y buscar formas de incluirlas en el logotipo de nuestra empresa.

Haz el logo versátil 

El logotipo es la representación visual de inicio y ponerlo en todas partes es una manera infalible de garantizar que las personas reconozcan y recuerden nuestro negocio. Esto incluye todo, desde su escaparate, hasta la foto de perfil de Facebook de su empresa. Por lo tanto, al diseñar el logo perfecto, debemos pensar en cómo se verá cuando lo ponga en artículos promocionales para sus clientes o uniformes de empleados.

Si el logo es versátil, tendremos oportunidades de promocionar su negocio y hacer que los clientes nos recuerden. Debemos elegir los colores que combinen bien con cualquier fondo y asegurarnos de que el diseño sea fácil de entender.

Usa los colores correctos para los logos

Los colores juegan un papel muy importante al diseñar el logo perfecto, así de simple. Hay una emoción unida a los colores para logos, y si lo usamos bien, nuestro logotipo será mucho más que una simple imagen. Digamos que estamos ejecutando un restaurante de comida rápida y necesitamos un logotipo para ello. El color rojo denota urgencia e incluirlo en nuestro logotipo, es una excelente manera de dar a los consumidores otra razón para recurrir a usted.

Además, si está ejecutando un negocio que tiene algo que ver con la preservación del planeta, es imprescindible utilizar el verde que denota la naturaleza. Elija sus colores con cuidado y su logotipo funcionará mejor.

Para diseñar el logo perfecto mantenlo simple

No todos los logotipos tienen que ser complejos. De hecho, a medida que avanzamos hacia un enfoque más minimalista, muchas empresas hoy en día deciden usar un logotipo simple. Justamente, ese es un buen camino al pensar cómo diseñar el logo perfecto.

Por ejemplo, solo echemos un vistazo al logotipo de Apple. Al principio, parece que solo hay una silueta de una manzana que no parece ser memorable. Sin embargo, también falta una mordida que hace que el logotipo sea único y le da carácter. Entonces, a veces, todo lo que se necesita es un poco de creatividad y podemos convertir un logotipo extremadamente simple en algo especial y único.

Sepa el significado del logotipo

Al diseñar el logo perfecto debe tener en cuenta que no todos son solo gráficos diseñados por profesionales. También, tienen una historia detrás y debemos saber el significado del logotipo. También, es solo una de esas cosas que puede alentar a los clientes a elegirlo sobre sus competidores.

Solo echemos un vistazo a lo que hicieron algunas de las marcas más populares cuando diseñaron sus logotipos. Falta un “byte” en el logotipo de Apple y el logotipo de Twitter, consiste en un pájaro volando en una trayectoria ascendente. Por lo tanto, no solo inventemos un logotipo para un inicio. Adjuntemos una buena historia y a las personas les resultará más fácil conectarse con nuestra marca y convertirse en clientes leales.

Conclusión sobre diseñar el logo perfecto

Aunque no se adherirá a un solo logotipo para siempre, es importante dedicar mucho tiempo y esfuerzo a diseñar el logo perfecto para un inicio. De lo contrario, las personas simplemente se olvidarán de nuestro negocio, incluso si les gusta su producto.

También debemos estar atentos a los nuevos lugares donde podemos poner nuestro logotipo y veremos que cada vez aparecen más clientes. Por otro lado, si lo que desea ahora es tener conocimientos más avanzados de diseño gráfico, sugerimos unirse a un Diplomado en Dirección de Arte y Branding, para sacar todo el potencial y crear los más excelentes diseños. 

Te puede interesar

• Simbolismo de animales en diseño gráfico, logotipos y branding

• Tips para que tu logotipo impacte en el marketing en redes sociales

• ¿Por qué tener un diseño de logotipos profesional en tu empresa?

The post ¿Cómo crear y diseñar el logo perfecto de mi empresa? appeared first on Noticias de Marketing y Tecnología | MOTT.

Dada la ventaja de las imágenes sobre los textos, los diseños gráficos y  logotipos, siempre han sido aspectos importantes para que cada marca exitosa se comunique con su audiencia. Sin embargo, en el mundo en rápido movimiento en el que vivimos, las personas esperan cambios, innovación y creatividad en lo que ven.

Por lo tanto, es una tarea desafiante para los diseñadores pensar fuera de la caja y presentar gráficos de una manera maravillosa, que crea un factor “WOW” entre la audiencia.

La gente ya no quiere ver gráficos mundanos, aleatorios o despistados. Desean conectarse con los gráficos, logotipos y efectos visuales que se comunican con ellos de manera efectiva.

Estas son algunas de las tendencias de diseño gráfico para 2020, que sin duda crearán el factor “wow” entre la audiencia.

Diseños des-familiarizados ganarán demanda de diseño gráfico 

Hasta ahora, se podían anticipar los diseños de los sitios web y los anuncios y, por lo tanto, generalmente evitamos la esquina extrema derecha de las ventanas, ya que estaban llenos de anuncios.

Sin embargo, prepárese para sorprenderse en 2020, ya que será testigo de la alta demanda de diseño gráfico inusual, asimétrico y disperso, en donde la información que está buscando no estaría en el lugar típico que esperabas.

2020 es el año en que los diseñadores romperán los viejos patrones, y abrirán la puerta a la innovación y la creatividad en el diseño.

El diseño gráfico simple será la clave de la popularidad 

Navegar por el mundo de la sobrecarga de información es una tarea tediosa, donde los diseños gráficos complejos causan desorden o fatigan los ojos. Además, un diseño gráfico complejo puede crear innecesariamente confusión y eliminar la esencia de una marca.

Por lo tanto, los diseñadores se han dado cuenta de que la mejor manera de comunicarse, es a través de un diseño gráfico simple pero potente, capaz de transmitir el mensaje deseado con éxito. Además, los diseños mínimos, transmiten el mensaje directamente y, a veces, la ausencia de descripción genera curiosidad entre la audiencia para saber más sobre la marca.

Transiciones en el color en el diseño gráfico y gradientes se convertirán en la corriente principal

Gracias al gran avance en pantallas de dispositivos en los últimos años, veremos una gama el color en el diseño gráfico cada vez más rica, vibrante y exuberante que se utilizará en los diseños en 2020.

Ahora es fácil crear diseños y fondos, haciéndolos más atractivos usando transiciones de color y gradientes. Esta es, ciertamente una buena táctica para crear ese factor de “sorpresa”.

La tendencias de diseño gráfico clara: efectos cósmicos y tonos de azul

Una de las mayores tendencias de diseño gráfico en 2020 será el uso de tonos de azul, violeta y negro en el diseño para dar una sensación de ‘cosmos o galaxia’.

Estos colores y tonos, no solo se verán bien con la audiencia moderna, sino que también se ven más brillantes y hermosos en dispositivos de pantalla inteligente que poseen excelentes características de visualización.

Los metales dominarán como estilos y tendencias del diseño gráfico

Verás que una de las tendencias del diseño gráfico, incluirá más colores metálicos en 2020. La calidad de salida de las tecnologías de visualización e impresión anteriores no era excelente cuando se trataba de oro, plata u otros colores metálicos.

Sin embargo, gracias a la última tecnología, los colores metálicos se verán en todas partes, ya que agregan profundidad y fuerza a los diseños y las tipografías, al crear una sensación de lujo.

Regresar al modo retrospectivo: duotonos en negrita como nuevas tendencias en diseño gráfico

Los gráficos de duotono fueron populares en la década de 1970. Después de alejarse con el tiempo, están listos para ser de las nuevas tendencias en diseño gráfico del 2020. Los diseñadores, se han dado cuenta de que el duotono es la manera perfecta de hacer que algo se destaque del contenido desordenado y cause una impresión rápida.

Los duotonos también, se ven impresionantes en dispositivos de visualización de alta calidad. Por lo tanto, los duotonos, están aquí para quedarse por mucho tiempo, cuando alguien habla sobre las últimas tendencias de diseño gráfico.

La originalidad sigue ganando: el lettering en diseño gráfico conserva popularidad

Te equivocas si te preguntas que los diseños y lettering en diseño gráfico, no se están volviendo cada vez más importantes en el espacio digital. De hecho, las ilustraciones se están volviendo más populares debido a las últimas herramientas innovadoras, como los bolígrafos digitales y el lápiz óptico, que se pueden usar en computadoras portátiles o tabletas con pantalla táctil.

Los textos dibujados a mano siempre logran atraer la atención, ya que poseen los rasgos de originalidad, innovación e intimidad en el diseño.

La vida en tecnicolor: las fuentes de colores están en todas partes para las últimas tendencias en diseño gráfico 

Hubo un tiempo en que las fuentes digitales disponibles no solo eran limitadas, sino que también sus colores eran monótonos. ¡Pero ya no más!

En 2020, dentro de las últimas tendencias en diseño gráfico, presenciaremos un aumento en los frentes vectoriales con múltiples elementos coloridos. Por lo tanto, espere muchas oportunidades en términos de arte y estética al presentar sus ideas a través de textos.

Crecimiento gigantesco de GIF en diseño gráfico y cinematógrafos

Ha pasado un tiempo desde que hemos visto GIF en ciertas páginas web. La ventaja de GIF, es que se reproduce como un video dentro de un bucle. En 2020, veremos más GIF en diseño gráfico a medida que se crean más y más aplicaciones inteligentes que han facilitado la creación de estos, de menor tamaño.

Algunas compañías de medios digitales, aprovechan esta tendencia y diseñan las páginas de inicio de sus sitios web utilizando GIF animados de una manera sutil y profesional.

Amor por la nostalgia: un tema recurrente en el el diseño gráfico 2020

La gente dice que la nostalgia es una bella mentirosa. Pero aún así, es hermoso. A medida que avanzamos en el tiempo, anhelamos recuerdos del pasado.

La décima tendencia del diseño gráfico en 2020 se reflejará en los estilos gráficos. Motivos detallados de época y estilos de mediados de siglo se reflejarán en los gráficos de todas partes. Sin embargo, estos detalles intrincados se harán con un toque moderno.

Conclusión 

En términos de diseño gráfico, tenemos mucho que ver en el próximo año. El arte es una disciplina en constante evolución y los gráficos visuales no son una excepción. Si deseas aprender más acerca de diseño gráfico, entonces no dudes en inscribirte a un curso dedicado ello como Adobe Illustrator creativo o Adobe Photoshop creativo.

Te puede interesar

• Simbolismo de animales en diseño gráfico, logotipos y branding
• Principios de la psicología en el diseño web que debes saber
• 4 Pasos para crear fuentes tipográficas para diseño gráfico

The post Las 10 principales tendencias de diseño gráfico 2020 para tener en cuenta appeared first on Noticias de Marketing y Tecnología | MOTT.

1. Muestra y cuenta sobre tus proyectos creativos 

Aprende a vender tus ideas creativas, pues muchas veces los clientes simplemente no saben mucho sobre los diseños que realizas, y es obvio, que nadie sabrá más que tú, ya que no comparten el mismo amor por la tipografía y la teoría del color. Por algo te ha elegido a ti como el profesional. Todos hemos encontrado situaciones en las que creamos un paquete de diseños, ya sea para un logotipo o quizás un sitio web. Ten muy en cuenta, que la cantidad no es igual a la calidad, como diseñadores y creativos, vamos a mostrarle y contarle al cliente la historia de nuestros proyectos creativos, para demostrar que es un trabajo 100 % auténtico.

Cuando vas a vender tus ideas creativas, no busques solo la aprobación, busca algo más, como la inversión de liderazgo. Parte de tu trabajo también, es educar a nuestros clientes mostrándoles por qué tu diseño es el mejor y es el más efectivo. El primer paso aquí, es tomar un proceso de admisión. Crea un diseño que le permita a tu cliente comunicar sus necesidades, asegurándote que puedas comprender las emociones que necesita invocar. ¡Ayuda a tus clientes para que se comuniquen fácilmente contigo! Aquí es importante que expliques el por qué elegiste esos colores, mediante la psicología del color para que conecte más con su audiencia, lo mismo sucede con la tipografía o cualquier otro elemento que hayas agregado a tu diseño. 

2. Crea una maqueta con tus mejores ideas creativas para vender 

En el caso que tu fueras el cliente al cual vas a vender ideas creativas, ¿te gustaría que te envíen los diseños por correo en un simple pdf? Lo mejor que puedes hacer, es realizar una maqueta con ellos, lo que hará que marques la diferencia entre los demás. Pondremos un caso práctico, si tienes el diseño de un logotipo, elige el favorito y simula un conjunto estacionario. Esto ayudará a las personas no visuales, como tu cliente, a ver, comprender la belleza y la aplicación práctica detrás del diseño. Así ayudarás a lucir tus ideas creativas para vender. 

3. Realiza una exposición de tus ideas creativas para vender frente a tus clientes

En este último punto para vender ideas creativas no se trata de saber que tan creativo eres, sino de demostrar tu habilidad para indicar el valor de tu trabajo a tu audiencia. Tómate el tiempo para comprender cómo se ven tus indicadores clave de rendimiento al comienzo de tu proceso. Comprende cómo se ve el éxito para tus clientes y qué objetivos buscan alcanzar. Usa tus objetivos de ideas creativas para vender, después de haber puesto toda tu atención creativa en hacer un hermoso logotipo o sitio web.

Conclusión sobre cómo vender ideas creativas

En muchas ocasiones tenemos ideas creativas geniales de diseño para una marca, pero nuestra debilidad es no saber venderla u ofrecerla a algún cliente. Para que pierdas este miedo y te empoderes, inscríbete al curso de Branding y desarrollo de marca donde aprenderás las mejores estrategias que te darán la seguridad para vender tus geniales ideas creativas. 

Te puede interesar:

• Los mejores regalos creativos para diseñadores gráficos
• Una original campaña que Pictionary que explota tu creatividad en el cielo
• Diez campañas gráficas llenas de creatividad y buen humor

The post 3 tips para saber cómo vender tus ideas creativas appeared first on Noticias de Marketing y Tecnología | MOTT.

El contraste en Photoshop 

Tu imagen naturalmente tendrá áreas claras y áreas oscuras. Es completamente posible controlar cómo estas áreas se relacionan entre sí, utilizando la herramienta de contraste en Photoshop. Cuando se utiliza un ajuste de contraste más bajo, las dos áreas, claro y oscuro, terminan teniendo muy poca distinción entre ellas y tienden a verse iguales. Cuando utiliza una configuración de contraste más alta, las dos áreas se vuelven muy distintas y estarán visiblemente separadas. Mientras tanto, se mantendrá la relación entre ellos. 

La exposición en Photoshop 

¿Qué tan brillante es la foto? ¿Sabía que está completamente bajo su control ajustar el brillo exposición en esta plataforma de edición. Este es realmente uno de sus ajustes básicos de Photoshop, un gran lugar para comenzar a medida que edita su imagen. Establece el tono general de la imagen y le da un sentido de dirección, mientras que aplica las otras ediciones.

Los aspectos interesantes del retoque de fotografía en Photoshop 

Los aspectos más destacados son un tipo de efecto muy específico, ya que solo afectan las partes más claras de su foto. En el retoque de fotografía en Photoshop, no se tocará las áreas más oscuras de su foto. Esto es uno de los ajustes básicos de Photoshop útiles cuando desea que las áreas más claras de su foto, se destaquen.

Ajuste de sombra en Photoshop 

Las sombras son exactamente lo contrario a las luces, por lo que esta herramienta hace exactamente lo contrario de lo que hace la herramienta de resaltado. Le permite editar las áreas más oscuras de su foto. El  ajuste de sombra en Photoshop, es una gran herramienta cuando desea que su imagen sea más dinámica controlando las sombras.

Ajustes de color en Photoshop de tonos blancos 

La herramienta de resaltado es uno de los ajustes básicos de Photoshop para controlar las áreas más claras de su foto. Sin embargo, el principal problema es que afecta a todas las áreas claras de su imagen, independientemente de su lugar en el espectro de colores. También necesita un control más preciso sobre los colores en el espectro más alto. Estos son conocidos como los blancos y realmente pueden agregar algo de dinamismo y brillo a su foto. Eso es lo que esta herramienta de ajustes de color en Photoshop le permite hacer: edítelos con un control más fino para que controle cómo se ven las partes más brillantes de su imagen.

Ajustes de color en Photoshop en tonos negros 

Esto es básicamente lo contrario de la herramienta que se ocupa de los blancos. Mientras que la herramienta de blancos trata con los colores más claros en el espectro, la herramienta de negros trata solo con los negros en su imagen. Esta herramienta es uno de los ajustes básicos de Photoshop, que le permite tener un control preciso sobre los aspectos negros de su imagen, incluso yendo tan lejos como para permitirle agregar negro a una imagen que no tenía negro en un comienzo.

La claridad en Photoshop 

Solo hemos estado viendo colores hasta ahora y cómo es que se relacionan entre sí. Sin embargo, también querrá controlar los detalles de la foto y la claridad con la que se muestran. Aquí es donde entra en juego el aspecto de la claridad en Photoshop. Con esta herramienta, puede afectar las texturas de la foto y cómo contrastan entre sí. Es una gran herramienta para experimentar.

La Saturación / Hue en Photoshop 

Esta herramienta Saturación es uno de los ajustes básicos de Photoshop, en dondele permite afectar todos los colores de nuestra imagen en igualdad de condiciones. Básicamente, controlas qué tan bien aparecen los colores. Debe tener cuidado con esta herramienta, ya que puede afectar a todos los colores y los colores que ya son buenos por defecto, terminarán pareciendo increíbles.

Conclusión

El potencial de Photoshop es realmente incomparable. Todo es cuestión de ser lo suficientemente curioso como para explorar lo que puedas y lo suficientemente dedicado como para seguir. Encontrarás un viaje gratificante con muchos destinos hermosos en el camino. También puedes obtener más información sobre el programa en un tutorial de photoshop básico cs6 en español para principiantes, o un curso de Photoshop.

Te puede interesar: 

• 10 ejercicios para aumentar la creatividad fotográfica 
• Los mejores regalos creativos para diseñadores gráficos
• Cómo hacer un autorretrato digital para una identidad de marca personal de branding

The post Ajustes básicos de Photoshop para retoque fotográfico nivel principiante  appeared first on Noticias de Marketing y Tecnología | MOTT.

Hacer caricaturas es un gran trabajo de arte que requiere de paciencia, creatividad y conocer las mejores herramientas y métodos para lograrlo. Por eso, en esta nota aprenderás a convertir una foto en caricatura, trabajando desde tu computadora con el programa Adobe Illustrator. Cabe mencionar, que si deseas también puedes llevar más allá tus conocimientos con un Curso de Adobe Photoshop o un Curso de Adobe Illustrator o sino apostar por un Pack Design básico, en donde se incluyen ambos cursos.

Las apps para convertir fotos en caricaturas

Para empezar existen una diversidad de aplicaciones que te pueden ayudar a hacer una caricatura online a partir de una foto. Por ello, hemos seleccionado las 5 mejores que te pueden servir para lograr estas fotos de manera sencilla y fácil. Asimismo, te contamos cuáles son los beneficios que brinda cada programa.

1. Clip2Comic & Caricature Maker el programa ideal para caricaturizar fotos

Este primer programa es ideal para caricaturizar las fotos, de una manera muy fácil. Ofrece diferentes herramientas, las cuales son sencillas de manejar. Cuenta con una interfaz muy básica, donde indica los pasos a seguir para lograr aplicar el efecto de una imagen caricaturizada. Está disponible sólo en IOS y sin ningún costo.

Para empezar usarla y que no se complique mucho el proceso de editar, solo descarga la app e ingresa a la plataforma. Luego escoge la fotografía que quieres editar, al instante se abrirá la imagen con dos opciones “editar” y estilizar”. En la primera opción mencionada, se modifican los valores básicos (contraste, brillo, saturación, etc), y en la segunda opción, estarán los filtros para darle el toque de caricatura a la imagen. Escoge el que más te gusta, hay desde blanco y negro, hasta paisajes. Si deseas, también puedes puedes crear videos desde esta aplicación y luego compartir todo lo que has creado.

2. Prisma Photo Editor, uno de los mejores programas para hacer caricaturas con fotos

Si estás en la búsqueda de un programa para crear caricaturas con fotos, que sea un poco más profesional y donde tengas más opciones de lo habitual, Prisma Photo Editor, es el ideal para realizar esta acción. Solo descarga la aplicación desde tu iOS o Android, totalmente gratis. Esta app hará que tus fotos instantáneas de caricatura sean las favoritas de tus amigos porque es excelente para recrear estilos de pintura famosos de algunos de los mejores artistas.

Al ingresar a la aplicación, podrás acceder a la galería para que elijas la fotografía que desees editar, después saldrá la imagen con las opciones de los diferentes filtros artísticos y los más de 300 estilos que brinda Prisma, así que solo debes elegir el que más te guste y podrás crear interesantes caricaturas ya que Prisma publica un nuevo filtro todos los días. Asimismo, también cuenta con las herramientas básicas de edición de fotos. Con todo lo que esta app te ofrece, solo te queda divertirte y dejar volar tu imaginación.

3. Deep Art Effects, la aplicación para convertir fotos en caricaturas de manera rápida y sencilla

Otra opción fácil de manejar y que ayuda a lograr estos grandes efectos en las imágenes, es Deep Art Effects, una aplicación para convertir fotos en caricaturas de manera rápida y sencilla. Cuenta con una interfaz fácil de manejar y sin muchas complicaciones y es uno de los pocos programas gratuitos que cumplen con su objetivo. Esta aplicación está disponible para iOS y Android.

Al abrir la plataforma, nos ofrece las opciones para tomar la foto o usar una imagen desde la galería que se debe escoger junto a la función o efecto con el que se va a trabajar. Cuando la imagen haya descargado en la interfaz, aparecerán más de 20 filtros gratuitos así que solo debes elegir el que más te guste. Deep Art Effects es una herramienta diferente que te permite crear imágenes impresionantes de dibujos animados en alta definición, en cuestión de segundos y también puedes mandar la fotografía a imprimir desde la aplicación.

4. MomentCam, la app para convertir fotos en dibujos fácilmente

Hace un buen tiempo, Moment Cam estuvo en la cima de la tendencia ya que muchos utilizan esta app para convertir fotos en dibujos y darle un valor agregado a las fotos instantáneas. Este programa es uno de los mejores para los fanáticos de las historietas. Tiene un parecido al Bitmoji de la red social Snapchat ya que brinda diferentes herramientas para crear un gran avatar de la persona a partir de una foto.

El primer paso a seguir, es ingresar a la aplicación y escoger si retratamos o no una fotografía desde cero o insertamos una desde la galería. Después solo se debe localizar los ojos y la boca con los tres vectores que indica el programa y listo, con estos simples primeros pasos se habrá creado tu avatar. Pero no te olvides que también puedes modificar el color de cabello, rostro, ojos y otros rasgos, con el editor básico. Moment Cam está disponible para iOS y Android.

5. Cartoon Photo Maker, el programa ideal para convertir fotos en dibujos

Finalmente contamos con Cartoon Photo Maker, el programa más sencillo para convertir las fotos en dibujos, sin tener que realizar una gran cantidad de pasos. Esta app está equipada con una infinidad de filtros de caricatura, dibujos, artísticos, entre otros con los que puedes transformar tus fotos a dibujos animados, pinturas al óleo, dibujos a lápiz y muchos más. Solo es cuestión de que elijas el que más te guste.

Es una de las aplicaciones más fáciles de manejar ya que solo debes elegir la imagen a editar, recortar el tamaño que requieres y seleccionar entre todos los filtros, el que más va con la imagen. Incluso puedes aplicar efectos en tiempo real y tomar fotos con la cámara. Luego simplemente le das a guardar y puedes tener tu foto lista para compartir con tus amigos.

Ahora conoce cómo hacer una caricatura de una foto desde la computadora

Si deseas realizar un trabajo más profesional y personalizado, además de darle un estilo único, puedes utilizar los programas de Adobe Illustrator y Adobe Photoshop para hacer una caricatura a partir de una foto. A continuación, te explicaremos cada paso a seguir para obtener buenos resultados. Cabe mencionar, que está tipo de contenido tiene mucho éxito en las redes sociales y si eres un community manager experto, quizás sea un buen motivo para darle ese toque artístico a tu trabajo. 

Paso 1: Escanear la fotografía 

El primer paso requiere del escaneo de la fotografía que se quiere convertir en caricatura ya que es necesario convertirla previamente en vector. Así que para obtener esta imagen, debes colocar la foto elegida en el escáner de la impresora, de este modo podrás tenerla en formato digital y empezar a trabajarla en Illustrator. También puedes optar por tomar la foto desde tu Smartphone y luego descargarla a tu computadora, teniendo en cuenta que debes respetar la perspectiva, proporción y calidad al tomar la foto para lograr un buen trabajo final.

Paso 2: Definición de vectores

Debes abrir el programa Adobe Illustrator, previamente instalado en la computadora, y asimismo abrir la imagen que has escaneado o fotografiado. Al tener tu imagen en Illustrator, lo primero que debes hacer es agregar adaptar la opacidad a un 50% (este apartado lo puedes encontrar en el menú general) para que te permita dibujar sobre la imagen de una manera sencilla.

Paso 3 y 4: Definición de vectores con pluma

El siguiente paso, es comenzar a trazar los detalles de la fotografía con la herramienta pluma (P) la cual se ubica la barra de herramientas. Debes ir marcando los trazos con mucho cuidado y precisión para que no se te escape ningún contorno importante.

Recomendación: Trata de que no haya mucha distancia entre los puntos de ancla y respeta al detalle la forma de la imagen original para que la ilustración se mantenga fiel a la imagen.

Paso 5: Definición de pantonera

Una vez terminado de vectorizar toda la imagen, el siguiente paso a seguir, es la definición de los colores de la pantonera con los que vas a trabajar. Para obtener estas tonalidades, tienes dos opciones. Una es definir los colores de acuerdo a tu preferencia, a partir de la paleta de colores del menú de Illustrator. Para la segunda opción, puedes conseguir los colores desde la fotografía utilizando la herramienta cuentagotas (I) que se localiza en la barra de herramientas. Cuando aplicas el cuentagotas, este debe ser colocado sobre el color deseado para luego hacer clic; de esta forma se selecciona el color y si haces clic sobre el color obtendrás el código de pantone con el cual trabajaras cada una de las capas.

Paso 6: Trabajar capas de color 

Después de haber vectorizado y tener clara la pantonera, el siguiente paso a seguir es empezar a separar las capas de color, las cuales serán distinguidas según correspondan a las extremidades del cuerpo, atuendo, objetos y efectos en particular. Se puede comenzar la separación con un color base, para ello debes elegir la herramienta selección (V) y seleccionas el vector que vas a trabajar en la ilustración.

Recomendación: Cuando separes las capas recuerda nombrarlas según la característica del elemento que estás seleccionando, para que así puedas recordar fácilmente la separación y el orden de cada una, lo que hace posible trabajarlas sin confusión y por separado.

Paso 7: Luces y Sombras

Una vez finalizada la separación y colorización de las capas, puedes comenzar a darle efectos de luz y sombra, seleccionando y aplicando los colores en el vector que corresponda. En caso, que desees crear un motivo, puedes usar la herramienta «Objeto» que se encuentra en el menú superior del programa, y busca el apartado «motivo» y luego selecciona «crear»

Recomendación: En caso de que no tengas conocimientos de Photoshop, te sugerimos tomar un curso de Adobe Photoshop Creativo y Avanzado, ya sea presencial u online.

Paso 8: Agregar últimos detalles

Luego de agregar las luces y sombras, debes analizar la fotografía original, y compararla con la imagen que estás realizando para ultimar los detalles que harán de tu ilustración una obra de arte. En este punto puedes intensificar las sombras en tu personaje de la foto para crear mayor profundidad. Recuerda que en estos detalles se ve la calidad del ilustrador y su nivel de perfeccionismo.

Paso 9: Efectos en Photoshop

El último paso a seguir, es conceptualizar la imagen agregando efectos y detalles externos, como tipografías, fondos, motivos, iluminaciones, desenfoque radial en algunas partes. Este paso puede ser mejorado usando Adobe Photoshop. En caso de que quieras darle más luces, debes utilizar el efecto degradado, el cual puedes encontrar en la parte inferior del menú «capas». Si deseas un desenfoque radial, debes ir al menú «filtro» y para agregar la tipografía usar la función «texto» (T) que se localiza en la barra de herramientas.

Recomendación: En este punto el ilustrador se aleja totalmente del dibujo original y le da su propio estilo.

Conclusiones:

Esperamos que este tutorial para convertir una caricatura a partir de una foto te haya servido de mucha ayuda. Además, también puedes aprovechar la información de las diferentes aplicaciones que te permiten hacer este trabajo desde tu Smartphone. De todos modos te recordamos que si quieres especializarte más en estos programas y te encuentras en Perú, puedes optar por tomar un curso de diseño en Lima. 

Recuerda que a un especialista en marketing digital, social media manager o un community manager experto, siempre tener este tipo de conocimiento y experiencia, ayuda a mejorar su perfil profesional y ser más competitivo en el ámbito laborar.

Te puede interesar:

• 6 Consejos prácticos sobre cómo dibujar una caricatura en Illustrator
• Las 10 mejores aplicaciones para tomar bonitas fotos profesionales
• Las 10 mejores aplicaciones móviles para editar fotografías

The post Descubre cómo hacer una caricatura online a partir de una foto appeared first on Noticias de Marketing y Tecnología | MOTT.

La imaginación de estos profesionales es impresionante y esperan algo que supere sus expectativas, por eso aquí te dejamos una lista de los regalos para diseñadores gráficos.

Unidad de almacenamiento, las mejores cosas para diseñadores gráficos 

El almacenamiento de respaldo, por supuesto, es un regalo alucinante que viene bien en cualquier momento. Es un regalo que salva vidas, respaldando todos los trabajos realizados de una manera segura. Entonces, deberíamos de tenerlo muy en cuenta para la próxima vez que queramos hacer un regalo. Este software de almacenamiento permite sincronizar datos con otros servicios en la nube. Ya sea que desees hacer copias de seguridad, administración de archivos o simplemente almacenamiento en la nube, cumplen con todos los requisitos. Algunos de los mejores administradores de discos son Seagate Personal Cloud , Synology DiskStation DS216j , Synology DiskStation DS716 +. Sin duda un regalo excelente dentro de las mejores cosas para diseñadores gráficos.

Cuaderno de bocetos de cuadrícula de puntos, el mejor regalo para un diseñador gráfico 

El cuaderno de bocetos de cuadrícula de puntos, se podría decir que es el mejor regalo para un diseñador gráfico, si quieres que tus amigos exploren las dimensiones y espacios al momento de crear un logotipo. Este cuaderno, también permite la interacción con la interfaz de usuario o estructuras UX. Es un cuaderno integrado con un patrón de cuadrícula de puntos, este gadget es especialmente útil para las plantillas de interfaz de usuario, y ahorra mucho tiempo. Además, el producto es 100% reciclable, lo que significa que con este regalo podrás ayudar al planeta mientras diseñas. 

QlockTwo Touch, uno de los regalos más originales para diseñadores gráficos 

Los diseñadores no se conforman con un regalo común, uno de los regalos más originales para diseñadores gráficos que podrías elegir, es el QlockTwo Touch. Este objeto es un reloj despertador que incluye una matriz de letras, que al momento de iluminarse, indica la hora. Por ejemplo, si es 8:15, el reloj mostrará ‘las ocho y cuarto’ de la manera más elegante. De esta manera, no harás un regalo convencional de un reloj que solo muestra la hora en números, además la oficina del diseñador tendrá un toque más elegante e innovador. 

Luz de despertador, te encantará el regalo para una diseñadora gráfica 

Te emocionarás al encontrar la creatividad en un regalo para una diseñadora gráfica. Nadie en el mundo apostaría por acostarse temprano y levantarse temprano. Por lo tanto, ayudar a tus amigos a tener una experiencia matutina en la noche o al mediodía es algo increíble. Esta luz de despertador imita la luz solar para despertarlos de forma natural. Además, tiene una radio FM, con otra opción para configurar los sonidos de despertador. En definitiva, un regalo increíble para los diseñadores noctámbulos.

Un buen regalo de diseño gráfico es el teclado de proyección 

Esta pequeña caja de alegría es una realidad de ensueño. Este teclado de proyección, proporciona a los diseñadores un teclado de tamaño completo para escribir. Además, este teclado es más pequeño y más fácil de transportar que un teclado portátil de tamaño normal. Una vez más, es un buen regalo de diseño gráfico. Desde los más caros hasta los no tan caros, estos regalos seguramente atraerán a tus amigos diseñadores. Entonces, ¿Qué esperas? ¡Date prisa y empieza a envolver!

Regalo útil para los amantes del diseño gráfico: Lentes para computadora

Los diseñadores y programadores están constantemente sentados frente a la pantalla del computador, durante largas horas en el día, causándoles fatiga visual. Y uno de los regalos para los amantes del diseño gráfico más útiles, sería, unos lentes para computadora. El beneficio que tiene este regalo, es que son antideslumbrantes. Los anteojos de computadora, con tecnología avanzada están diseñados para minimizar estos efectos nocivos. ¡Las gafas no solo se ven geniales, sino que también son una excelente adición a los accesorios de los diseñadores!

Regala un curso de diseño gráfico

¿Habías pensado en algún momento regalar un curso de diseño gráfico o una certificación? Con la moda de hacer las compras en línea o cualquier otra acción, es una muy buena idea, si has escuchado a tu amigo, primo o hermano, que desean entrar a un curso o comprar un libro para adquirir más conocimientos. Probablemente este sea el regalo perfecto para tu diseñador gráfico favorito. Podrás encontrar buenos cursos en Udemy o SKillshare. Verás que recordarán siempre ese obsequio.   

Una tablet de dibujo multitáctil de diseño gráfico, un regalo novedoso

Una tablet de dibujo de diseño gráfico, quizá sea un poco obvio, pero con el avance de la tecnología, constantemente hay nuevas especificaciones y actualizaciones. Las tablets multitáctiles, permiten a los diseñadores dibujar directamente en la pantalla, donde podrán interactuar con otras personas y poder mejorar el diseño de los bocetos de forma electrónica, y manual con múltiples opciones. 

Guantes táctiles, regalos impresionantes para diseñadoras gráficas 

En época de invierno, se nos dificulta el uso de nuestro móvil a todos, pues no es de mucho agrado sacar de los bolsillos calientes nuestras manos. A nuestros amigos creativos también les sucede lo mismo, incluso se le entumen los dedos mientras están diseñando, especialmente para las mujeres que les gusta estar a la moda, sería un regalo impresionante, un par de guantes táctiles. Estos guantes funcionan perfectamente con la interfaz de los celulares y tablets. Están integrados con la punta de los dedos para que los dispositivos los reconozcan fácilmente. Agrega estos elementos a la lista de impresionantes regalos para diseñadoras gráficas

Lápiz de dibujo digital para diseño gráfico 

Muchas veces a los diseñadores le resulta agotador trabajar en una computadora portátil o de escritorio. El lápiz de dibujo digital para diseño gráfico, te permitirá dibujar cómodamente en un papel, mientras que el gadget as Inkling,graba tus dibujos digitalmente. También te permite visualizar las  imágenes que funcionan perfectamente con Illustrator, Photoshop y muchos otros programas informáticos de diseño gráfico. Un regalo ideal para desprendernos un poquito de la computadora

Conclusión

Aunque no siempre es fácil encontrar un buen regalo para un profesional del diseño gráfico, o un artista, debido a la imaginación y expectativas que tienen de las cosas, es bueno investigar e indagar sobre nuevos regalos que les podrían encantar.

Te puede interesar: 

• 4 Pasos para crear fuentes tipográficas para diseño gráfico
• 6 consejos imprescindibles para estudiantes de diseño gráfico
• El estilo minimalista en el diseño gráfico y sus características

The post Los mejores regalos creativos para diseñadores gráficos appeared first on Noticias de Marketing y Tecnología | MOTT.

Aquí observamos el simbolismo animal, los significados de los animales y lo que cada uno representa en el contexto del diseño del logotipo. También la marca y la publicidad, explicando la conexión y los significados que estos animales pueden provocar en los consumidores.

Simbología de la pantera en diseño gráfico 

La simbología de la pantera en el diseño gráfico, puede ser visto como un símbolo de coraje, belleza, astucia, crueldad, gracia, protección, así como la muerte y el renacimiento. No es sorprendente ver a este majestuoso animal utilizado en muchos logotipos diferentes, desde la industria automotriz hasta equipos deportivos profesionales. El uso del logotipo de una pantera, puede transmitir fuerza, honor y valor.

Diseño de logotipo y la simbología de la serpiente 

El diseño de logotipo de la serpiente, está muy relacionado con la religión y como parte de la historia. En otras culturas, se relaciona con la tutela. Las serpientes también tienen un lado venenoso e incluso pueden transmitir un trasfondo malvado, cuando se usan adecuadamente. La serpiente es vista como un símbolo de transformación, renacimiento, curación e incluso inmortalidad. 

Simbología de los gatos en el diseño de branding 

Los gatos son parte de la cultura egipcia, y en la actualidad los gatos son la tendencia en cualquier tema que se hable. El diseño de branding y la simbología de los gatos, muchas veces representa a la persona, de modo que se sienta identificada. Estos animales reflejan la libertad, paciencia, la cura desde adentro, espíritu aventurero y la curiosidad. Es esta curiosidad la que se retrata en muchos logotipos con gatos. Muchos logotipos, usarán gatos para representar una sensación de alegría y comodidad con respecto a la forma en que quieren retratar su marca.

La simbología del leopardo como marca de diseño gráfico 

El miembro más rápido del reino animal, es el Cheetah, que simboliza muchas de las cosas que lo hacen un miembro tan increíble del mundo animal. Estos incluyen acción, pensamiento rápido, pasión, progreso, afirmación, flexibilidad y protección. Muchos en el diseño gráfico, usan la simbología del leopardo de forma que parezca estar en movimiento o con una apariencia de nimosidad para representar la protección.

La simbología del ratón, el logotipo más famoso

Una de las marcas más grandes del mundo, usa un ratón como parte de su logotipo. Cada vez que alguien lo ve, instantáneamente, reconoce a  la compañía y las emociones que la acompañan. La simbología del ratón incluye  muchas cosas como el ingenio, modestia, adaptabilidad, curiosidad, determinación, timidez e inocencia. El logotipo del animal más famoso, intenta acentuar la inocencia de un ratón, lo que puede hacer que un logo sea inolvidable. 

La simbología del pato en el diseño de logotipos de las empresas 

La simbología del pato en el diseño de logotipos de las empresas, muestra ser de las criaturas más sociables de la Tierra. Es muy raro ver un pato solo, y no conversar con otros miembros de su rebaño. Esta sociabilidad aparece cuando las empresas deciden usar un pato en su logotipo. Este símbolo incluye claridad, comodidad, familia, protección, energía, fuerza emocional y gracia.

Un modelo de branding con la simbología del león 

El rey de la selva. El león por sí solo, no necesita presentación. Muchas compañías eligen usar una cabeza león en su logotipo, para transmitir fuerza y ​​estabilidad. Las empresas que eligen un león para su logotipo,  incluyen majestad, fortaleza, coraje, justicia, excelencia y resistencia. Es un gran modelo, la simbología del león para el branding personal.

Energía con los logotipos de ciervos y su simbolismo

Los logotipos de ciervos y su simbología, transmiten energía cuando los observamos. La familia de los ciervos tenían vínculos mitológicos con la antigua Grecia, cuando la diosa Artemis consideraba que el ciervo era sagrado. El simbolismo de los ciervos, juega con el corazón de su entorno natural. Los ciervos representan energía, independencia y regeneración , así como lo atractivo y suave, que puede surgir al comenzar una nueva aventura. Los logotipos que tienen un ciervo o un ciervo como foco, pueden estar tratando de capitalizar esa independencia o sentido de aventura. Algunos ejemplos, serían los logotipos de ciervos de Roy Smith, Sergey Kovalenko, Sava Stoic.

La simbología del lobo en el diseño de logotipos para tu marca 

El lobo simboliza la inteligencia, la libertad, la lealtad, la comunicación, la compasión y la amistad. Al mismo tiempo, un lobo puede simbolizar poder, unión y confianza . Muchos logotipos transmitirán la confianza o el poder que posee, al marcar su empresa. Por eso, debemos tener presente la simbología del lobo en el diseño de logotipos para tu empresa. 

Estabilidad es la simbología del rinoceronte en el diseño gráfico 

Cuando miramos un rinoceronte, lo primero que se nos viene a la mente son tres palabras: Peligro, fuerza y poder. Esos sentimientos son lo que las compañías esperan transmitir, usando solo una imagen de un rinoceronte en su logotipo. Si bien la imagen de un rinoceronte puede invocar esos sentimientos, un rinoceronte es la simbología de los sentimientos opuestos, incluida la libertad, el juicio, la longevidad y la estabilidad.

Larga vida, es lo que transmite la simbología de la tortuga en el diseño de branding 

La tortuga como simbología en el diseño de branding, significa la larga vida. La tortuga marina es una de las criaturas más antiguas de la Tierra y se ha utilizado para símbolos, en muchas culturas diferentes a lo largo de la historia. Para muchas culturas, el uso de imágenes de tortugas puede simbolizar buena suerte, resistencia y larga vida. Las imágenes del caparazón de una tortuga, pueden representar una sensación de protección en la que se centrarán muchos logotipos para transmitir ese sentimiento sobre su compañía.

La simbología del murciélago en el diseño gráfico es igual a renacimiento 

El logo más icónico con un murciélago es el de Batman. Casi cualquier persona que vea el logotipo, sabe a quien se refiere. Los murciélagos pueden simbolizar en el diseño gráfico diferentes mensajes, según la cultura. Mientras que para muchos, un murciélago puede representar miedo, la imagen de un murciélago también puede simbolizar el renacimiento, la ilusión, los sueños, los viajes, la comunicación y la intuición. En China, un murciélago puede simbolizar felicidad y alegría .

Intuición la simbología perfecta del conejo para el diseño de branding personal 

Si eres intuitivo, la simbología del conejo en diseño de branding personal, es perfecta para ti. Si eras un niño en los años 80 y 90, puedes recordar el llavero de buena suerte de “pie de conejo” que parecía que todos tenían. Esto tenía mucho sentido, porque un conejo no solo simboliza la buena suerte, sino también la imaginación, el tiempo, la intuición y la abundancia. Un conejo también puede ser un símbolo de renacimiento, por ejemplo cuando celebramos al conejo en Pascua, o el clásico conejo animado de los Looney Tunes. 

Cuando una compañía elige usar un animal como parte de su logotipo, esperan, como muchas otras marcas famosas, creen una conexión con sus clientes y relaciones de por vida. El simbolismo que puede representar la imagen de un animal, puede invocar una respuesta emocional y la creencia de que los ideales están en el centro de la empresa.

Conclusión 

La idea del diseño gráfico con animales, busca representar tu personalidad, y tus actitudes en las acciones que puedes realizar. La importancia de todo esto, es que las empresas se vinculen con las personas y se sientan identificadas con la empresa como principales consumidores. 

Te puede interesar: 

• 6 Consejos prácticos sobre cómo hacer caricaturas en Illustrator
• 4 Pasos para crear fuentes tipográficas para diseño gráfico
• 6 consejos imprescindibles para estudiantes de diseño gráfico

The post Simbolismo de animales en diseño gráfico, logotipos y branding appeared first on Noticias de Marketing y Tecnología | MOTT.

Se piensa mucho en el bienestar del usuario al momento de establecer incluso un botón en la página web. Es por eso que existen ciertos principios de la psicología en el diseño web que se deben tener en cuenta. 

Crea mejores llamadas de atención con la psicología en el diseño web 

Cuando nos movemos entre dos puntos, estamos inclinados a tomar el camino de menor resistencia. Este es un fenómeno observado conocido como el “camino del deseo”. Una ruta de deseo representa la ruta más corta o más fácil de navegar entre dos puntos. Si alguna vez has visto un camino más corto marcado con un pie que se bifurca desde una carretera, has visto un camino de deseo. Las personas se comportan de manera similar en su sitio web.

En lugar de seguir la ruta del cursor para la que diseñó, elegirán la ruta más corta posible entre la ubicación actual del mouse y un objeto (como un CTA). Si su CTA o llamada de atención, es demasiado pequeño o está ubicado lejos del cursor de un usuario, sus usuarios podrían resistirse a mover sus cursores, lo que afectaría su CTR. Es aquí donde se empieza a aplicar la psicología en el diseño web que interviene en este proceso como “Ley de Fitt”. 

La Ley de Fitt, establece que el tiempo requerido para moverse rápidamente a un objetivo es una función de la relación entre la distancia al objetivo, y el ancho del objetivo. En otras palabras, es probable que un objetivo más grande que esté más cerca de su ubicación actual, reciba más atención y reacciones. Pero seguramente te preguntarás ¿cómo usar la ‘Ley de Fitt’ en tu diseño? Considera el hecho de que la mayoría de los usuarios que acceden a tu sitio generalmente tienen una posición predeterminada del cursor. La mayoría de las veces, esto es alrededor de la barra de direcciones del navegador, pues es ahí donde los usuarios escriben el URL de tu sitio.

Cualquier CTA colocado lejos de la barra de direcciones, irá en contra de la Ley de Fitt, por ejemplo: la distancia para llegar es demasiado grande y crea resistencia. Por lo tanto, asegúrese de colocar sus CTA cerca de la barra de direcciones sobre el pliegue. La Ley de Fitt también establece que los botones más grandes tengan más clics. Por otro lado debes tener en cuenta que esta relación no es lineal, pues dejando de lado los tamaños , los CTA por más grandes que sean, no aumentan los CTR. Por lo tanto, mantén tus CTA grandes, pero no tan grandes que no tengan ningún efecto significativo sobre los CTR. 

Ayuda a los usuarios a elegir la correcta representación gráfica del diseño 

Nuestros cerebros toman innumerables decisiones todos los días desde a qué hora salir para trabajar hasta cómo pasar la noche. Nuestros cerebros dedican una enorme cantidad de energía a la toma de decisiones. De hecho, nuestros cerebros a menudo luchan para igualar la demanda con la energía disponible. Para igualar este exceso de demanda, utilizamos la heurística. La heurística, es un término amplio para los modelos mentales que utilizamos para tomar decisiones rápidas.

Estos modelos se han aprendido a través de la educación o la experiencia al momento de elegir la correcta representación gráfica del diseño de nuestra página web. Por ejemplo, si algo es escaso, asumimos que es valioso porque nuestra experiencia nos ha enseñado que los objetos raros son muy apreciados (esto se llama “heurística de escasez”). Una de las heurísticas más importantes para los diseñadores, es la representativa.

La heurística representativa, indica que determinamos la probabilidad de algo en función de sus eventos principales. Digamos que si vieras a alguien con una guitarra, una chaqueta de cuero y cabello largo, asumirías que él era un músico de rock, no un bailarín de ballet. Todos los eventos de los padres (guitarra, chaqueta, cabello largo) apuntan a esta probabilidad.

Del mismo modo, cuando ves texto azul en una página web, asume que es un enlace. ¿Por qué? Porque años de uso de Internet te han enseñado que el texto azul = enlace. Pero ¿Cómo usar ‘Heurística representativa’ en tu diseño? La heurística representativa puede recorrer un largo camino hacia la creación de una mejor experiencia de usuario.

Puedes empezar probando con las expectativas de sus usuarios. En esta experiencia debes establecer a las personas para que le den clic a un enlace de color azul y se vayan familiarizando con esto.  Del mismo modo, los usuarios esperan que los CTA sean brillantes y prominentes. Por otro lado también puedes usar heurísticas representativas para hacer que las cosas se destaquen. Por ejemplo, si tu página web tiene una fila de botones, procura poner un botón en particular en negrita o darle un color diferente, lo ayudará a destacar. Los usuarios suponen que debido a que no es como sus elementos principales, debe ser importante.

La psicología y el posicionamiento de tu diseño web 

La gente recuerda los artículos de manera predecible. La información que es proporcionada al inicio y final de cualquier formato de contenido ya sea publicación de blog, infografía o vídeo, llama más la atención y se conserva en la memoria. Este es el efecto de posición en serie. Recuerda los primeros elementos de una lista porque tu cerebro supone que son datos “primarios” y por lo tanto, más importantes. Del mismo modo, recuerda los últimos elementos de una lista porque son la información más reciente que ingresó a su cerebro.

¿Pero cómo logramos el posicionamiento de tu diseño web en serie con la psicología? El efecto de posición de serie tiene toneladas de aplicaciones en la forma en que organiza los datos en su sitio. Si hay un enlace o algún contenido que deseas que tus usuarios recuerden, intente colocarlo al final o al principio de una lista. 

Usa la psicología para hacer un diseño web atractivo para el usuario 

Siempre que tomes una foto, crees una pintura o diseñes algo  procura tener ayuda de psicología para que logres un diseño web atractivo para tus usuarios, y tengas una buena experiencia de navegación en respecto a la estructura de la página. Si no lo haces, corres el riesgo de tener desorden y confusión en la navegación. La estructura de diseño más común se conoce como el sistema de cuadrícula. Sin embargo, limitan la creatividad y a menudo conducen a páginas rígidas.

En cambio, sigue el principio conocido como regla de los tercios. Pues esta técnica tiene su origen en la proporción áurea que históricamente se ha asociado con la belleza, como cualquier diseñador sabría. En fotografía, la regla de los tercios hace que las imágenes parezcan más dinámicas y visualmente llamativas. Esencialmente, implica dividir su página en tres secciones, tanto vertical como horizontalmente. La intersección entre la horizontal y la vertical, se conoce como área focal o punto focal.

Es donde debe colocar elementos clave para obtener el máximo impacto en cualquier diseño. Para que te haga más fácil la realización de esto, te dejaremos una lista de pasos sobre la regla de tercios en el diseño. 

Primero, intenta diseñar en Three’s. Es decir, si tienes 12 cuadrículas divídelas en tres columnas, de 4 cuadrículas cada una.

• Trata de mantener sus elementos más importantes en las áreas focales. 
• Los CTA y el texto clave se alinean cerca de los puntos focales.
• Recuerda no alinear elementos directamente en el área focal constantemente. Hacerlo le dará una sensación robótica a tu página y te llevará a familiarizarte.
• Integra algo de asimetría, y cree imperfecciones para atraer y mantener la atención.

Efecto Gestalt / Psicología Gestalt en el diseño web 

Como sabemos muchas veces la percepción que tenemos de algo o alguien nos puede engañar. Como diseñador, probablemente estés familiarizado y relacionado con la psicología gestalt, ya sea en teoría o en la práctica. Gran parte de nuestra comprensión de la percepción proviene de ella.

A continuación, hay dos leyes que son particularmente pertinentes para el diseño web: 

Ley de Pragnanz:  Esta ley establece que cuando los humanos ven un grupo de objetos, lo ven en su totalidad primero y luego como objetos individuales. Del mismo modo, cuando los visitantes lleguen a su página, la verán como un gran objeto. Y si esa totalidad parece confundida, sus visitantes pueden sentirse abrumados e irse, incluso si los elementos individuales son fáciles de entender. Esta ley es una de las razones por las cuales los diseñadores buscan espacios en blanco en sus diseños. El uso de espacios en blanco por parte de Apple, es un modelo particularmente bueno a seguir. Cuando aterrizas en la página de inicio de Apple, puedes descubrir de inmediato cómo encajan cada sección entre sí.

Por otro lado tenemos una segunda ley, que es la de similitud. Principalmente se basa que a las personas les gusta agrupar los elementos similares. Pondremos un ejemplo fácil, como la organización de un refrigerador, seguramente hay un área donde están las verduras, otra de frutas y otra donde se encuentran las bebidas. Lo mismo pasa con una página web, procura agrupar los elementos estrechamente entre sí. 

Facilita la elaboración de páginas web y su navegación reduciendo las opciones 

No es muy recomendable que al usuario se le muestren muchas opciones en la misma página. Esto hará que todo se malogre, haciendo que el usuario no quiera volver. Esto es especialmente evidente cuando llega el momento de tomar una decisión. Cuanto mayor sea el número de opciones disponibles, más tiempo nos llevará decidir. Ten en cuenta la experiencia de navegación del usuario, al momento de la elaboración de páginas web que vayas a realizar. Pero para hacer esto de una manera más práctica, la psicología nos presenta la ley de Hick. 

La ley de Hick establece que hay un número óptimo de opciones. Más allá de esto, ofrecer más opciones abruma al usuario y hace que demore o incluso abandone la toma de decisiones.

¿Cómo usar la ‘Ley de Hick’ en tu diseño?

• La ley de Hick se resume en dos palabras : “opciones limitadas”.
• Piensa en la cantidad de cosas que pasan por la mente de un visitante en tu página.
• ¿Deberían invertir su tiempo en leer tu página’, mirar un video que explica su producto o leer una publicación de blog?

Conclusión

Aunque no parezca la psicología es importante en el diseño web, pues tenemos que entender y analizar a nuestros usuarios para poder elaborar una página web correcta donde puedan navegar fácilmente y encuentren la información sin tener que elegir entre muchas opciones.

Te puede interesar: 

• Guía de la psicología del color y cómo influyen en el marketing
• 7 técnicas de diseño para impulsar la conversión de tu sitio web
• La psicología de redes sociales: Instagram y Facebook

The post Principios de la psicología en el diseño web que debes saber appeared first on Noticias de Marketing y Tecnología | MOTT.

Con el avance y desarrollo de la tecnología, las empresas también buscan alternativas de formas cada vez más diversas para destacarse de la competencia. Javascript, es ideal para contenido web dinámico, pero no es el único reproductor que existe. A continuación te dejaremos 5 lenguajes de programación de JavaScript para desarrollo web front-end, pero ten en cuenta que no todos los idiomas que mencionaremos reemplazarán a JavaScript en su totalidad, solo se complementan.

Kaffeine, la depuración mediante el lenguaje de programación JavaScript

El lenguaje de programación Kaffeine, es el encargado de compilar el código Javascript, facilitando su depuración. Este lenguaje es básicamente una extensión de la sintaxis de Javascript, y se agrega al código Javascript. Por lo tanto, el lenguaje es realmente Javascript con una lata de pintura en la parte superior para que se destaque y sea más fácil trabajar para algunas tareas. Es particularmente útil para los desarrolladores front-end, atascados en las funciones de devolución de llamada de Javascript, ya que el lenguaje puede designar operaciones asincrónicas.

Las operaciones asincrónicas, se refieren a solicitudes de Javascript con AJAX en un bucle. El sistema no espera que cada solicitud se produzca de forma independiente, ya que se producen simultáneamente. El navegador no se congela ni afecta la experiencia del usuario cuando se llaman las solicitudes, y se producen sin esperar las respuestas de solicitudes anteriores.

Dart, lenguaje de JavaScript de nueva generación 

Dart, es un lenguaje de nueva generación y alto rendimiento, que es la respuesta de Google a la programación Javascript. Es un lenguaje destinado a reemplazar Javascript en su totalidad. También puede compilar código Javascript, de forma nativa dentro de sus propias máquinas virtuales (VM). A pesar de que todavía no se ha adoptado mucho en comparación con Javascript, el lenguaje ofrece algunos beneficios y características únicas que carecen de Javascript. Estas características incluyen tipos opcionales, clases y bibliotecas externas.

La sintaxis o el código de Dart, no es muy diferente de Javascript, por lo tanto, no es difícil encontrar el lenguaje para desarrolladores front-end que ya están familiarizados con la sintaxis de Javascript. Esté atento a este idioma, ya que Google lo actualiza y agrega características automáticamente. 

Type Script, lenguaje de programación para complementar JavaScript

Type Script, es un tipo de lenguaje de programación mecanografiado de código abierto desarrollado por Microsoft, y está diseñado para complementar a Javascript agregándole el tipeo estático. Las principales características de Type Script, es que incluye módulos, interfaces en versiones únicas. Este lenguaje de programación también tiene un sistema de escritura estática opcional que lo hace completamente diferente a JavaScript. La escritura estática permite que los desarrolladores utilizar herramientas de análisis de lenguaje en Type Script. 

Lo más importante del lenguaje de programación mencionado, es compatible con las anteriores versiones de JavaScript y Node.js. y forma parte de la licencia Apache 2.0. 

Ópalo, traduce los códigos del lenguaje de programación Ruby a JavaScript 

Ópalo, es el lenguaje de programación aplicativo optimizado, que al ser funcional y orientado cumple las funciones de un compilador de fuente a fuente del lenguaje de programación Ruby, a JavaScript. Ópalo también es utilizado para complementar o reemplazar JavaScript completamente, en tareas similares. Este lenguaje unifica módulos y funciones con métodos, clases y propiedades de los conceptos de objeto y patrón. 

Elm, lenguaje funcional para familiarizarte con JavaScript

El lenguaje funcional y específico del dominio, Elm, está especializado para crear la interfaz gráfica de usuario únicamente para aplicaciones web. Elm, se podría decir que es un lenguaje nuevo, pues los desarrolladores lo utilizan para complementarlo con JavaScript. Elm, te permite familiarizarte con JavaScript, ofreciendo flexibilidad, teniendo en cuenta que no a todos se les hace fácil entender este tipo de lenguajes para lograr un correcto desarrollo front-end. 

Las claves de Elm y su lenguaje funcional son la utilidad, rendimiento y robustez. 

Conclusión 

Como sabemos JavaScript trabaja de la mano con el servidor front-end. Es por eso que cualquier programador debe estar familiarizado con JavaScript, pues es el principal lenguaje de acceso a sitios web, haciendo la navegación de los usuarios de una manera más dinámica e interactiva, al momento de la descarga de información. 

Te puede interesar: 

• Pasos para convertir tus archivos PSD a WordPress
• 5 programas para diseñar un sitio web sin ser un programador
• Conoce 5 tendencias de diseño web que atraerá a tu público a tu sitio web

The post Lenguaje de programación de JavaScript para desarrollo web front-end appeared first on Noticias de Marketing y Tecnología | MOTT.

Mientras que la experiencia de usuario (UX), define la totalidad de las emociones del usuario que se conecta por completo con el sistema, y no solo con la interfaz. En pocas palabras, tanto UI como UX trabajan para lograr un objetivo común: la influencia de la marca en la mente y el corazón de los usuarios. Para seguir resolviendo algunas dudas sobre las diferencias entre estos ambos términos, te dejaremos una guía para principiantes sobre el diseño UX y UI. 

¿Qué es el diseño de interfaz de usuario? (UI) 

La principal función de la interfaz del usuario, es básicamente proporcionar un sistema para que un usuario tenga interacción con el producto y/o servicio. Las imágenes de este sistema son el subproducto de la creación de este mismo. Para esto debes hacerte las siguientes preguntas: ¿Qué quiere mi usuario? ¿Quieren un montón de elementos 3D sorprendentes, gradientes o efectos de desvanecimiento? ¿O simplemente desea utilizar un sistema que pueda ayudarlo a satisfacer sus necesidades sin esfuerzo?. 

Mediante la interfaz de usuario, se debe proporcionar un sistema para satisfacer las necesidades del usuario. Para ayudarte más con esto, te dejamos una guía para que puedas crear la interfaz ideal:

Se consistente en toda la interfaz: El secreto de la retención del usuario radica en la coherencia del diseño de la interfaz, que a su vez proporcionará una experiencia de usuario satisfactoria. Por lo tanto, usa fuentes consistentes, combinaciones de colores, botones y efectos en todo el diseño. 

Presenta un diseño obvio / intuitivo: no deje a su usuario con una interfaz de “descifre usted mismo”. Presente algo que puedan usar fácilmente: algo claro, obvio e intuitivo. Un proceso de incorporación de usuarios puede ayudar a los usuarios a familiarizarse con los sistemas complejos.

Errar es usuario, perdonar es desarrollador: no olvides que tus usuarios son humanos y, por lo tanto, tienden a cometer errores. Por lo tanto, mantén tu interfaz flexible. Recuerda que debería poder recuperarse de los errores que puedan cometer sus usuarios.

Usa mensajes claros o etiquetas: de hecho, la claridad del contenido textual debería ser tu principal preocupación, pues es lo único que le permite a los usuarios sentirse conectados con la interfaz. Es mejor si editas tu contenido antes de publicarlo en el sitio principal.

¿Qué es el diseño de experiencia de usuario? (UX)

La experiencia del usuario o UX, se basa en el término experiencia de usuario que generalmente está ligada a la palabra “diseño”, convirtiéndose así en diseño de experiencia de usuario. Esta es la razón por la cual muchos nos hemos confundido alguna vez entre el diseño de UI y UX. UX es el término general que abarca todos los aspectos que nos acercan a nuestro objetivo principal. Estos aspectos incluyen contenido, arquitectura de la información, diseño de interacción, investigación del usuario, usabilidad.

La experiencia del usuario trata de poner emociones, cuidado y sentimientos en su marca, para poder conectarse a nivel psicológico por lo tanto se podrá influir en su corazón y mente, de manera más eficiente. 

Receta ideal para una buena experiencia de usuario

Al igual que en la interfaz del usuario, al momento de diseñar o hacer un sistema de nuestros sitios web, debemos pensar en cómo será la experiencia de usuario al momento de navegar, cuáles son sus expectativas y cuáles son sus necesidades. Por eso debes tener en cuenta lo siguiente: 

• Comprende el comportamiento del usuario.
• Identificar elementos que influyen en el usuario final.
• Identifica el comportamiento del usuario en términos de compromiso, como mensajes de texto, sobre la marcha, en el lugar de trabajo, etc.
• Investiga sobre tendencias de comportamiento.
• Comprende que marca el modo de los usuarios.

Conclusión

Debemos tener definidas cuales son las diferencias entre los términos de diseño UX y UI, para que al momento de crear la página web, se piense también en las necesidades del usuario y su experiencia de navegación cuando está buscando información. Que no sea solo una experiencia con el diseño de interfaz, sino con las emociones que puede tener al satisfacer sus necesidades mediante la experiencia. 

Te puede interesar: 

• Los principales errores de diseño web y cómo podemos evitarlos

• Los secretos del desarrollo de animación en el diseño de aplicaciones

• 7 técnicas de diseño para impulsar la conversión de tu sitio web

The post Guía para principiantes sobre el diseño UX y UI appeared first on Noticias de Marketing y Tecnología | MOTT.

Los Podcasts son una fuente perfecta de sabiduría llena de historias cautivadoras, entrevistas interesantes, conversaciones significativas, y fragmentos de consejos de los mejores profesionales en el tema. Por eso en  este artículo te dejaremos los 6 mejores podcast de diseño web que debes escuchar si quieres tener un excelente desarrollo en tu página personal. 

Marshall Bock y su Podcast “Desing Details”

Marshall Bock, es el líder de diseño en YouTube y Brian Lovin diseñador en  GitHub, son los creadores de la página de Poscast “Desing Details” en spec.fm donde encontrarás episodios destacados anclados que definitivamente merecen que los escuches. Entre los destacados se encuentran conversaciones con Mills Baker, un gerente de diseño de Quora y Lori Kaplan, un diseñador con 30 años de experiencia en empresas como Apple, Netscape, Netflix, entre otras. Marshall y Brian no solo hablan sobre diseño, sino también sobre muchas otras cosas que rodean el campo, como la importancia de crear equipos diversos y una comunidad de código abierto. Sin embargo, en su mayor parte hablan del diseño web. 

Twitter: @DesignDetailsFM

Web: https://spec.fm/podcasts/design-details

Creadores: Marshal Bock y Brian Lovin 

Episodios: 309 

Duración: 60 minutos

Rotación: una vez a la semana, todos los miércoles  

“Desing Matters” el podcast de diseño web con entrevistas en todo Estados Unidos

Debbie Millman, la creadora de “Desing Matters” ha estado entrevistando durante más de una década a diseñadores de todo Estados Unidos y otros países. Realizar los Podcast de diseño web, ha tenido tanto éxito que recibió un par de premios, entre ellos el Premio Nacional de Diseño People’s Choice Cooper Hewitt en 2011; el programa de Podcast también apareció en los blogs de Adobe, UX Collective, Shopify, goop, Creative Live y muchos otros. En 2012, Millman fue felicitada personalmente por Michelle Obama en la Casa Blanca, por organizar el mejor y más largo programa de diseño de la historia.

Debbie, ha sido nombrada como una de las diseñadoras más influyentes por Graphic Design USA; También es autora, educadora y estratega de marca. En su página encontrarás Podcast con más de 300 invitados en sus secciones que están distribuidas en disciplina, año o apellido del invitado. Millman, habla con escritores, músicos, blogueros, consultores de marca, actores, directores creativos, críticos de diseño y, por supuesto, diseñadores web. Los últimos episodios presentaron a David Lee Roth, Austin Kleon, Zoe Mendelson, Stephen Gates, Elizabeth Gilbert y más.

Creadora: Debbie Millman

Web: https://t.co/mQz9BN2Vic 

Episodios: 296 

Duración: 60-90 minutos 

Rotación: una vez a la semana, todos los lunes.

Podcast de diseño gráfico y web “The Deeply Graphic DesignCast”  

Si buscas buenos consejos prácticos y creativos de diseño, tienes el Podcast de diseño gráfico y web “ The Deeply Graphic DesignCast”. El creador de esta página es Wes McDowell junto con su equipo “The Deep End”. Wes, Cada dos meses dialoga con diferentes invitados o, de lo contrario, mantiene una “discusión” con los miembros de su equipo sobre qué hace que el diseño gráfico y web sea excelente, qué herramientas existen para facilitar el trabajo de un diseñador, cómo administrar un negocio creativo y cómo administrar grandes clientes, entre muchos otros temas relacionados con la industria del diseño.

Creadores: Wes McDowell

Web: https://thedeependdesign.com/graphic-design-podcast/ 

Duración: 60 minutos 

Rotación: una o dos veces al mes.

“Type radio” el podcast de diseño web único en su clase 

Lisa Enebeis, creadora de “Type radio”, un podcast independiente ha estado en la escena del diseño durante mucho tiempo. Este es un podcast de micro FM que opera desde los Países Bajos, Amsterdam. Lo que realmente hace que este podcast se destaque es que, en lugar de algunos de los invitados que viajan a Lisa, ella también viaja a ellos, es exactamente por eso que podrás ver episodios grabados en Moscú, Los Ángeles, Goa, Múnich y muchos otros lugares. La innovación que tiene Lisa hace que este sea el podcast de diseño web sea único en su clase. 

Twitter: @typeradio

Web: http://www.typeradio.org/

Creadores: Liza Enebeis 

Duración: 15 – 60 minutos

Rotación: una vez cada dos meses.

“The Shop Talk Show” el principal podcast de conferencias con diseñadores web 

El presentador del programa, Chris Coyier, es mejor conocido por construir CSS-Tricks y cofundar CodePen. Todos los lunes, junto con su coanfitrión, Dave Rupert, desarrollador principal de Paravel, Chris habla con diferentes invitados sobre diseño web, desarrollo, rendimiento, herramientas y un poco de todo lo demás. El sitio del programa, además de los episodios en sí, presenta una bolsa de trabajo, la AMA y las secciones de patrocinio, y, por supuesto, los archivos.

Los últimos episodios se han dedicado a las bases de datos de WordPress , redacción técnica, administración, estado de CSS y accesibilidad. Si bien la mayoría de los temas son bastante amplios, el podcast ha logrado un seguimiento constante entre los diseñadores web y desarrolladores front-end, por lo que definitivamente aprenderás algunos consejos aquí y allá, especialmente de los invitados destacados, incluso si el episodio no está directamente relacionado al diseño web.

Twitter: @ShopTalkShow

Web: https://shoptalkshow.com/

Creadores: Dave Rupert y Chris Coyier . 

Número de episodios: 373 

Duración: 60 minutos 

Rotación: una vez a la semana, todos los lunes.

187 capítulos sobre consejos de diseño web en el podcast  “The big web show” 

Jeffrey Zeldam, creador de “The big web show” es la página de podcast con 187 capítulos de consejos sobre diseño web. Jeffrey, es el diseñador principal y director creativo de “Automatic” y cofundador de An Event Apart, editor de A List Apart y A Book Apart. Este podcast de diseño web presenta en diferentes capítulos, invitados especiales que van al show  para hablar sobre diversos temas que van desde dirección de arte, estrategia de contenido, tipografía, diseño de interacción, experiencia del usuario, tecnología web general. 

Los últimos episodios, que ya se lanzaron hace bastante tiempo, contó con invitados como Mina Markham, que trabajó en la biblioteca de patrones de Hillary Clinton UI “Pantsuit”, y Tantek Çelik, un legendario científico de la computación y pionero de los estándares web. Jeffrey Zeldman, ha entrevistado a varias personas de renombre a lo largo de los años, después de haber comenzado su Podcast en 2010. Algunos de sus episodios más antiguos no tienen invitados, solo Jeffrey habla cosas que dieron forma a la web y su percepción del diseño web a través del tiempo.

Twitter: @thebigwebshow

Web: http://5by5.tv/bigwebshow

Creadores / Anfitriones: Jeffrey Zeldman 

Número de episodios: 187 episodios 

Duración: 60 minutos 

Rotación: una vez cada dos meses.

Conclusión

Ahora con el avance de tecnología e innovación, nos resulta más fácil encontrar información sobre algún tema de nuestro interés. En el caso de que se nos dificulte el leer un libro o ver algún tutorial pero no necesitas aprender esos tips para tu página personal, encontrarás opciones de podcast de diseño web realizados por expertos y variedad de especialistas que te darán las mejores recomendaciones. 

Te puede interesar: 

• Descubre qué transmiten las tipografías y su impacto en nuestras emociones
• Una tipografía que parece una distorsión de ensueño
• 6 consejos imprescindibles para estudiantes de diseño gráfico

The post Los 6 mejores podcast de diseño web que no debes perderte appeared first on Noticias de Marketing y Tecnología | MOTT.