Cómo crear gráficos de redes sociales que exigen atención [Video]

Transcripción: Las redes sociales serían bastante aburridas si nadie supiera cómo crear gráficos para redes sociales.

Pero dado que vivimos en un mundo lleno de gráficos, es muy importante que su empresa los use en sus publicaciones en las redes sociales.

Las redes sociales son una plataforma muy visual. De hecho, Instagram es una plataforma de redes sociales dedicada a las imágenes.

En Facebook, las publicaciones con imágenes más de dos veces el compromiso como publicaciones sin imágenes.

En Twitter, los tweets que incluyen imágenes obtienen mucha más participación en términos de clics, favoritos y re-tweets. En un estudio, retweets aumentados 150% cuando se utilizó una imagen.

Aunque lo entiendo. Esas estadísticas son geniales, pero si no eres diseñador, crear gráficos para redes sociales puede parecer un desafío.

Lo primero es lo primero, necesitas saber qué puedes usar para hacerlos.

Si tiene más experiencia en la creación de gráficos, es posible que esté familiarizado con herramientas pagas como Ilustrador Adobe y Photoshop. Están repletas de herramientas increíbles, pero pueden ser un poco abrumadoras si no tienes ningún tipo de formación en diseño.

Adobe ofrece una herramienta de creación gráfica gratuita llamada Adobe Spark que ofrece diferentes plantillas de diseño para que pueda crear rápidamente gráficos de redes sociales, por lo que esta podría ser una buena opción para un principiante.

Hacer clic en las plantillas de la herramienta de creación de gráficos Adobe Spark

Fuera del ámbito de Adobe, una herramienta de diseño gráfico muy popular y gratuita es Canva. Canva tiene tantas funciones diferentes para ayudarte crear gráficos profesionales.

Al igual que Adobe Spark, Canva tiene un montón de diferentes plantillas de redes sociales disponibles para ti. Y también puede buscar en bibliotecas de imágenes gratuitas para darle vida a su contenido.

Editar un gráfico de redes sociales en Canva

Tanto Canva como Adobe Spark ofrecen planes pagos, pero si aún no está listo para invertir, los planes gratuitos deberían ser más que suficientes para ayudarlo a lograr sus objetivos gráficos.

Si prefiere buscar imágenes gratuitas por su cuenta y llevarlas a su software de edición gráfica, sitios como Pixabay, Pexels, y Unsplash ofrecen imágenes y gráficos gratuitos en casi todas las categorías. Entonces, si necesita una foto de un camión volquete, probablemente pueda encontrar uno gratis.

Tenga en cuenta que estos son sitios populares, por lo que si encuentra una imagen que realmente le gusta, es posible que otra empresa como la suya también encuentre esa imagen. A veces puede valer la pena tomar tus propias fotos … y esto agrega un toque personal agradable.

Solo asegúrese de que lo que está comprando no tenga derechos de autor y esté disponible para uso comercial. No querrás meterte en ningún problema legal. Esto significa mantenerse alejado de la búsqueda de imágenes de Google. La mayoría de ellos no son de uso gratuito para su negocio.

Bien, ahora que hemos revisado las herramientas, es hora de los consejos.

Lectura adicional: Cómo hacer un análisis de redes sociales para mejorar el éxito social

Aquí hay 5 consejos sobre cómo crear gráficos de redes sociales que resalten.

1. Utilice el tamaño de imagen adecuado para la plataforma de redes sociales.

Quieres que tus gráficos se ajusten al espacio en el que se encuentran, ¿verdad? Luego, preste mucha atención a las dimensiones de lo que crea.

Por ejemplo, las imágenes de feeds de Instagram funcionan bien como un cuadrado. Según Instagram, si compartir una imagen con un ancho de 320 a 1080 píxeles y una altura de 566 a 1350, no necesitarán alterar la resolución de la imagen.

Pero si desea compartir algo específicamente como una historia de Instagram, un gráfico eso es 1080 por 1920 píxeles es una buena eleccion.

Si está utilizando una herramienta como Canva, puede elegir fácilmente qué tipo de gráfico de redes sociales desea diseñar, y ajustará el tamaño del lienzo automáticamente. Estas dimensiones pueden cambiar con frecuencia, por lo que querrá asegurarse de investigar los tamaños adecuados antes de publicar.

2. Tenga en cuenta su marca al elegir colores, fuentes y otros elementos de diseño.

¿Tiene pautas de marca específicas que debe seguir? Si es así, sus gráficos de redes sociales deben coincidir con ellos.

Primero, definitivamente deberías intentar incluir tu logo en tus gráficos. Ya sea que se trate de la característica principal o simplemente en la esquina, tener su logotipo en algún lugar de sus publicaciones en las redes sociales atraerá más miradas a su marca.

La mayoría de las empresas también tienen un esquema de color específico que utilizan en todas sus marcas.

Si hay una fuente que usa constantemente para su negocio, debería considerar usarla cuando incorpore texto en sus gráficos de redes sociales.

La combinación de todos estos elementos te ayudará a crear una marca cohesiva para que cuando las personas vean los gráficos de tus redes sociales, los asocien contigo antes de darse cuenta de que eres tú.

3. Mantenga sus diseños gráficos simples.

Desea que los gráficos de sus redes sociales sean llamativos, pero no desea que sean demasiado complicados.

No abuses del texto. La gran parte de publicar en las redes sociales es que tienes la oportunidad de compartir un gráfico junto con una actualización de texto, por lo que querrás mantener los bloques de texto fuera de tu gráfico.

Digamos que desea publicar sobre un nuevo puesto que desea cubrir en su empresa.

En lugar de empaquetar el gráfico con detalles sobre el puesto, puede usar una frase como «Estamos contratando» o «Alerta de empleo», tal vez incluya el título del puesto y pida a las personas que lean el estado del texto con la imagen. Incluso puede acortar la parte escrita y dirigir a las personas a la publicación de trabajo real o su sitio web.

No uses demasiados elementos de diseño. Si incluye un montón de formas, texto e íconos, su diseño puede comenzar a sentirse desordenado e ilegible. Utilice lo que necesite para transmitir su punto de vista, pero no se vuelva loco.

4. Elija sabiamente sus colores.

Coordinar sus colores puede ayudar a que sus gráficos sean más fáciles de leer.

Si ha establecido colores de marca que desea seguir, es posible que no tenga tanta flexibilidad con el color, pero si no tiene un conjunto de colores a seguir, hay muchas opciones diferentes para elegir.

Primero, los colores pueden transmitir emoción. El rojo puede significar emoción o pasión, el azul puede tener un efecto calmante, el blanco puede comunicar minimalismo y simplicidad, y el negro puede transmitir sofisticación o lujo.

En segundo lugar, asegúrese de que sus colores combinen bien. Usar texto marrón oscuro sobre un fondo negro no se verá exactamente bien.

Nuestra herramienta de selección de color puede ayudarlo a elegir los colores que mejor se adapten a su negocio.

Herramienta de selección de color de WebFX

Por ejemplo, puede seleccionar dos colores complementarios para usar en su contenido social. Los colores complementarios se encuentran uno frente al otro en la rueda de colores.

Nuestro selector de color te ayudará a averiguarlo.

5. Utilice imágenes reales de su negocio en sus gráficos.

A las personas en las redes sociales les ENCANTA ver lo que hace su negocio. Si bien es posible que no siempre sea posible tomarse el tiempo para tomar fotos de su negocio, definitivamente es una inversión valiosa de su tiempo.

Es probable que contratar a un fotógrafo consiga algunas fotos increíbles, pero no siempre es la opción más asequible o práctica.

¿La solución? ¡Toma un teléfono y comienza a chasquear! Las cámaras de los teléfonos inteligentes son bastante sólidas en términos de calidad, y puede arreglarlas fácilmente cuando esté haciendo sus gráficos.

Si subes tu imagen a Canva, puedes agregar filtros y ajustar el brillo, la saturación y más, además de los elementos gráficos que puedes agregar.

Editar una foto del equipo de WebFX en Canva

Ser personal realmente puede marcar la diferencia.

Estos son mis cinco consejos sobre cómo crear gráficos para redes sociales.

Si tiene algún consejo de diseño gráfico, ¡déjelo en los comentarios!

¡Y suscríbase a nuestro canal de YouTube para contenido de marketing digital todas las semanas!

¡Hasta la próxima!

Facebooktwitterlinkedintumblr

8 consejos para usar imágenes en el diseño de sitios web

Fotografo

 

Las imágenes son una gran adición a cualquier sitio. Ayudan a dividir el texto en su sitio y le dan a los clientes potenciales un ejemplo visual de las cosas que menciona en su página. Estas imágenes son una gran oportunidad para que su empresa se involucre realmente con su audiencia.

Entonces, ¿cómo usas las imágenes correctamente en tu diseño web?

En esta página, le proporcionaremos ocho consejos que le ayudarán a utilizar las imágenes correctamente en su sitio. Si necesita ayuda para dar forma al diseño de su sitio web e integrar imágenes, llámenos hoy al hablar con un estratega.

1.Asegúrate de que tus imágenes sean relevantes

Cuando agrega imágenes al diseño de su sitio web, desea asegurarse de que sean relevantes. Las imágenes están destinadas a mejorar una página y proporcionar una ayuda visual para los temas que comenta en sus páginas.

Debe asegurarse de que está utilizando imágenes relevantes en su página. Si estuvieras escribiendo una publicación sobre cómo hacer tarta de manzana, no pondrías una foto de pan de plátano en tu publicación. No es relevante para lo que está escribiendo.

Tus imágenes deben tener sentido en tu página. Piense en las imágenes que su audiencia esperaría ver si estuviera visitando su sitio.

Si usted es una empresa de HVAC, su audiencia esperaría ver fotos de acondicionadores de aire, sistemas de calefacción, chimeneas o un trabajador que instala un sistema. Estas son fotos relevantes que realzan el texto.

La parte importante es que no usas imágenes solo para usarlas. Deben agregar valor a su página y brindarle a su audiencia una excelente representación visual para mejorar su texto.

Un sitio web con fotos en su diseño

2. Utilice imágenes originales

Si desea tener un mayor impacto en su audiencia, querrá utilizar imágenes originales. Las imágenes originales agregan autenticidad a su sitio.

Esto no significa que no puedas usar fotos de archivo. Las fotos de archivo pueden ser excelentes para mejorar su sitio, pero las imágenes originales le dan a su audiencia una mejor idea de su negocio.

Puede utilizar fotografías originales de su lugar de trabajo, sus productos o su personal. Le brinda a su audiencia información sobre su negocio y cómo opera. Pueden obtener una representación visual de su negocio, lo que les ayuda a comprender mejor su negocio.

Esto es crucial con las fotos de personas. Muchas personas de tu audiencia pueden ver fotografías de archivo de personas. Cuando ven estas imágenes, no les muestra personas que disfrutan de su negocio o disfrutan trabajando para su negocio.

Al implementar fotos originales de personas, puede capturar esa autenticidad. Puede dar a las personas una representación visual de las personas que hacer interactuar con su negocio.

3. No uses solo fotos

Cuando alguien dice «imágenes», puede pensar que eso solo significa fotos que toma con una cámara. Las fotos no son el único tipo de imagen visual que puede usar en su página.

Las infografías son imágenes populares que utilizan muchas empresas. Estos gráficos son elementos visuales que muestran hechos, estadísticas y otra información importante. Es un gran medio para atraer a los usuarios a leer información crucial.

Cuando diseñas tu sitio, no solo quieres usar fotos. Las fotos son excelentes para mejorar la experiencia en su sitio web, pero también lo son las infografías. Las infografías son llamativas y atraen a los usuarios.

Desea variar sus imágenes para mantener a su audiencia comprometida. Mejorará la experiencia de los visitantes en su sitio web.

4. Piense en recortar y cambiar la escala

Cuando selecciona una foto para poner en su página, debe pensar en cómo se recortará. Esto es muy importante para las fotos que se encuentran en los encabezados o que se muestran de forma destacada en su sitio.

Algunas de sus imágenes deberán recortarse para adaptarse a diferentes pantallas. Su imagen puede ser de tamaño completo en una computadora de escritorio, pero la mitad del tamaño en un dispositivo móvil. Debe asegurarse de que su imagen se recortará bien, para que todos los usuarios puedan experimentar la foto de la misma manera.

Debe considerar cómo deberá recortar y escalar las fotos. Algunas fotos pueden ser demasiado grandes para colocarlas en su sitio, por lo que deberá cambiar su tamaño para asegurarse de que se vean bien. Es posible que también deba recortar algunas imágenes que están integradas en sus páginas.

También querrá prestar atención a la resolución de una foto. No tendrás que preocuparte tanto por eso cuando recortes tu foto. Esto es algo importante que debe recordar cuando cambie la escala de sus fotos.

Normalmente, una computadora muestra 72 puntos por pulgada (ppp). Esta es la densidad de puntos en una foto que publicas. 72 dpi es la resolución fotográfica ideal si desea mostrar imágenes atractivas en una computadora.

Debe asegurarse de que su imagen aún se vea clara y nítida después de escalarla. Es mejor evitar publicar fotos borrosas o distorsionadas. Debe tener en mente los 72 ppp para poder publicar fotos que se vean bien para su audiencia.

Cuando integra imágenes en su sitio, debe pensar en cómo es posible que deban transformarse más adelante.

Un diseño web con imágenes optimizadas

5. Utilice varias imágenes para los productos

Las imágenes tienen un gran impacto sobre si las personas compran sus productos. Si está publicando productos en su sitio, desea utilizar varias imágenes de sus productos.

Cuando los usuarios ven varias imágenes de sus productos, les ayuda a comprender mejor su producto. Pueden ver el producto desde todos los ángulos. También puede publicar fotos para mostrar la escala del producto o mostrarlo en uso.

Esto ayudará a su audiencia a comprender su producto y a verlo por sí mismos. Es una excelente manera de obtener más conversiones para su empresa.

6. Integrar iconos

Las imágenes te ayudan a dividir el texto de tu sitio y a mantener a tus clientes potenciales interesados ​​en tu página. Muchas empresas están presionando por más representaciones visuales de palabras, para que puedan reducir la cantidad de lectura en sus sitios. Los iconos son una excelente manera de cortar el texto de su página.

Puede utilizar numerosos tipos de iconos en su página. Hay muchos iconos que ya tienen significados simbólicos que la gente comprende.

Para acceder a su página de inicio, puede utilizar el icono que parece una casa. La gente sabe que cuando ven ese ícono, los lleva a la página de inicio.

También puede usar una lupa si tiene una barra de búsqueda en su sitio. Este símbolo significa buscar y las personas saben que pueden encontrar una barra de búsqueda buscando este icono. También ocupa menos espacio en su sitio que la palabra «búsqueda».

El ícono más popular para las tiendas de comercio electrónico es el carrito de compras. Las personas saben que agregan productos a este automóvil y pueden hacer clic en él para ver qué hay en su carrito. Su audiencia también sabe que puede hacer clic en el carrito cuando esté listo para pagar.

Los iconos son pequeños, pero ayudan a que su página se vea más limpia. Estas imágenes le impiden agregar más texto a su sitio. Le ayuda a crear un sitio que se vea limpio y organizado.

Un diseño web con imágenes relevantes

7. Optimiza tus imágenes

Cuando usa imágenes en su sitio, necesita optimizarlas. Los archivos de imagen pueden ser archivos grandes que ocupan mucho espacio en su sitio. Debe asegurarse de optimizar sus imágenes para que no ralenticen su sitio.

Los archivos de imagen grandes pueden reducir el tiempo de carga de su página. Su sitio necesita tiempo para cargar imágenes, lo que significa que su sitio tarda más en cargarse. Si la página se carga demasiado lentamente debido a archivos de imagen grandes, podría perderse posibles clientes potenciales.

Para evitar que esto suceda, debe optimizar sus imágenes. Desea comprimir el tamaño del archivo de imagen para que la imagen se cargue más rápido. Esto también ayudará a que su página se cargue más rápido.

Es algo importante de recordar, especialmente si tiene un sitio con muchas imágenes. Si utiliza muchas imágenes en el diseño de su sitio web, debe optimizarlas para evitar ralentizar su sitio.

 

Facebooktwitterlinkedintumblr

Blog vs sitio web: ¿cuál?

blog vs web

Hay dos preguntas que nos hacen con mucha frecuencia. Ambos giran en torno al tema de los blogs: «Blog versus sitio web: ¿cuál es la diferencia entre ellos?» y «¿Debería obtener un blog o un sitio web?»

No es de extrañar que la gente tenga problemas con estas cosas. Todo el acertijo del blog contra el sitio web puede ser confuso si nunca antes ha experimentado con el tema.

En este breve recurso, le mostraremos exactamente cuáles son las diferencias entre blogs y sitios web, cómo decidir cuál necesita, cuáles son los costos y cómo crear un blog o un sitio web por su cuenta y sin problemas.

Blog vs sitio web: ¿cuál es la diferencia?

De acuerdo, esto puede ser sorprendente, pero comencemos con la siguiente declaración:

Un blog es un sitio web.

Piénsalo de esta manera:

En este sentido, un blog es un tipo de sitio web.

Para que esto sea más fácil de entender, comencemos por el centro del problema:

¿Qué es un sitio web?

Si va a su Chrome o Safari e ingresa cualquier dirección web, como websitesetup.org Terminarás en un sitio web. De hecho, navegando en cualquier lugar desde su navegador web lo llevará a algún tipo de sitio web. Esto significa que Google también es un sitio web, al igual que Facebook y YouTube.

Los sitios web se identifican por sus nombres de dominio: direcciones web. Como puede ver, la dirección de este sitio web es websitesetup.org. La dirección de Facebook es facebook.com, y así.

Bien, entonces, ¿cuál es la diferencia entre un blog y un sitio web, específicamente?

El gráfico anterior nos dice que los blogs son un subconjunto de sitios web. Esto es algo así como autos contra autos de carrera. Es decir, todos tienen cuatro ruedas y un motor, pero el propósito de un auto de carreras es mucho más específico.

¿Qué es un blog?

Un blog es un tipo de sitio web donde el enfoque principal es mostrar de manera destacada artículos de blog individuales (llamados publicaciones de blog) mostrándolos en la página de inicio del blog en orden cronológico inverso (los más nuevos primero).

Aunque esto pueda parecer complicado al principio, la idea es muy simple en la práctica. El objetivo es asegurarse de que quien visite un blog vea la publicación de blog más reciente en la parte superior de la página de inicio.

Así es como suele verse esto:

El ejemplo del blog de Moz

La persona que dirige el blog, ya sea el propietario de un negocio o un individuo, puede compartir historias / noticias / artículos que sean más relevantes en un momento dado.

Dicho esto, los blogs se basan predominantemente en texto. Es decir, la atención se centra en escrito artículos más que en las imágenes, como imágenes, etc.

Los blogs también se ejecutan en lo que se llama CMS. (Sistema de gestión de contenidos). Este es solo un nombre elegante para una herramienta que le permite editar el contenido de su blog de manera similar a como lo haría en MS Word o Google Docs. Este CMS facilita la administración de su contenido, ya que no necesita ningún conocimiento de desarrollo web o programación para cuidar el blog de manera efectiva.

Por otro lado, si miramos un sitio web genérico, no existe tal requisito. Los sitios web pueden presentar su contenido de cualquier forma. El contenido también puede ser cualquier cosa, desde páginas de solo texto hasta imágenes, videos, productos en una tienda en línea, etc. Los sitios web también pueden usar un CMS. Pero también pueden utilizar documentos estáticos, solo HTML, creados por un desarrollador web.

Dicho esto, respondamos lo siguiente:

«¿Cómo decidir si necesito un blog o un sitio web?»

Antes de ayudarlo a abordar esta pregunta, comencemos por otro lado.

Hoy en día, no es necesario pensar en «blog o sitio web» como Cualquiera o.

Las modernas herramientas que tenemos a nuestra disposición nos permiten tener ambos al mismo tiempo. La forma de conseguirlo es utilizar un CMS de sitio web potente, que le permitirá configurar un blog como parte de su sitio web. Entonces, al final del día, lo que obtienes es un sitio web funcional con funcionalidad de blog incorporada.

Por ejemplo, el CMS más poderoso y popular se llama WordPress, y en realidad es lo que usa el sitio web que está leyendo en este momento.

  • WordPress es gratuito, de código abierto y fácil de usar, incluso para un principiante.
  • Es un motor de blogs por naturaleza. WordPress comenzó su vida como un CMS para blogs. Sin embargo, se ha convertido en mucho más a lo largo de los años.
  • WordPress puede impulsar varios tipos de sitios web, incluidos blogs.
  • Al momento de escribir este artículo, WordPress potencia más del 30% de toda la web. Sí, eso es correcto, ¡aproximadamente uno de cada tres sitios web en la web se ejecuta en WordPress!

Solo para recapitular; no piense en esto como tener que elegir entre un blog o un sitio web. En su lugar, cree su sitio en WordPress y luego decida si desea incluir un componente de blog más adelante. Es una solución más preparada para el futuro que cualquier otra cosa.

«¿Puedo utilizar un blog / sitio web para empresas?»

Si se encuentra en una situación en la que desea iniciar un negocio en línea, entonces la cuestión de un blog frente a un sitio web se vuelve aún más crítica.

Como nos muestra la experiencia, los blogs demuestran ser increíblemente efectivos como herramientas para los negocios.

  • Informes de Hubspot que las empresas con blogs obtienen un 55% más de visitantes que las empresas que solo tienen sitios web estándar.
  • Tener un blog te brinda algunos beneficios específicos. Jefe de ellos; Los motores de búsqueda como Google simplemente aman los blogs. Esto se debe a que un blog, por definición, siempre estará más actualizado que los sitios estáticos y siempre tendrá contenido nuevo y fresco para mostrar a la gente. ¡Google disfruta mucho de este tipo de cosas!
  • Siempre que publique una nueva publicación en su blog, el motor de su sitio web, WordPress, hará ping a Google automáticamente y los invitará a que vengan e indexen su nuevo contenido. Los sitios web estáticos no le dan este bono.
  • Tener un blog también facilita la promoción de su negocio en las redes sociales. Piénselo de esta manera, si solo tiene un sitio web estático, ¿qué puede compartir exactamente con sus seguidores en las redes sociales? ¿La misma página web que contiene la descripción de su empresa, una y otra vez? La gente se aburrirá muy pronto. En comparación, las nuevas publicaciones de blog son perfectas para compartir con su gente en las redes sociales. Dado que el contenido siempre es nuevo, es más probable que sus seguidores lo vean.

El único inconveniente de los blogs es que alguien tiene que estar escribiendo todo este contenido nuevo y fresco para tu blog. Por lo tanto, un blog requiere una inversión constante de tiempo; debes intentar publicar una nueva publicación de blog al menos una vez cada dos semanas, así que tenlo en cuenta. Los sitios web estáticos, por otro lado, a menudo son un esfuerzo de una sola vez, lo que puede ser su ventaja cuando hablamos de blog frente a sitio web.

«¿Puedo ganar dinero con un blog / sitio web?»

En una palabra, .

Hay muchas formas de ganar dinero con su blog o sitio web.

Le recomendamos que consulte ese artículo para obtener información detallada, pero en general, los métodos más sencillos para ganar dinero con su sitio son:

  • Vender espacio publicitario en el sitio / blog (generalmente a través de AdSense)
  • Aceptar donaciones
  • Marketing de afiliados: promocione los productos de otras personas por una comisión.
  • Vende tus propios productos

Hablando de vender productos:

«¿Puedo vender en mi blog o sitio web?»

Como dijimos anteriormente, el CMS más popular, WordPress, se ha hecho un nombre por poder ejecutar cualquier tipo de blog o sitio web imaginable¡Y esto también incluye tiendas en línea!

Entonces, para responder esto rápidamente, , puede vender en su blog o sitio web.

  • Si está en WordPress, puede comenzar a vender productos después de instalar un complemento adicional llamado WooCommerce. Convertirá su blog o sitio web en una tienda de comercio electrónico en toda regla.
  • Si está utilizando un buen creador de sitios web, como Wix o Squarespace, obtendrá un módulo de tienda de comercio electrónico de inmediato.

«Yo puedo B¿Crear un blog o un sitio web por mi cuenta? «

Una vez más, la respuesta es .

Puedes crear un blog o un sitio web por tu cuenta, y ni siquiera necesita conocimientos o habilidades de expertos para llevarlo a cabo.

Te lo explicamos todo aquí, paso a paso:

«¿Cuánto cuesta crear un blog en lugar de un sitio web?»

El costo dependerá del sitio web o la plataforma de blogs que utilice.

Si decide construir su sitio con WordPress, deberá obtener un plan de alojamiento web y un nombre de dominio antes de que pueda hacer que su sitio esté operativo.

  • Simplemente hablando, el alojamiento web es donde se aloja su sitio web o blog.
  • Un nombre de dominio es la dirección de su sitio web en la web.

Aunque esto puede sonar intimidante si aún no ha trabajado con hosting o dominios, estas cosas son bastante fáciles de manejar una vez que lo consigue.

Por ejemplo, comprar un plan de alojamiento para WordPress de una empresa como Bluehost es tan sencillo como puede ser. Todo lo que necesita hacer es registrarse para obtener una cuenta de alojamiento y pagar la factura (a partir de $ 2.75 / mes).

Como parte de la oferta, obtienes un nombre de dominio gratis, y Bluehost también se encargará de instalar todo y luego te entregará un sitio web operativo de WordPress. Todo lo que necesita hacer es configurarlo eligiendo un tema de WordPress y haciendo que su sitio se vea como lo desea.

Si decide utilizar creadores de sitios web, como Squarespace o Wix en lugar de WordPress, también seguirá un proceso de registro similar. Al final, obtendrá un sitio web en blanco que funciona y que también puede personalizar aún más. Sin embargo, esta ruta puede ser un poco más costosa:

  • Squarespace comienza en $ 12 / mes personal y $ 18 / mes comercial
  • Wix comienza en $ 13 / mes personal y $ 23- $ 49 / mes comercial

En la mayoría de los casos, WordPress será mucho más barato en general. Aquí hay una mirada más profunda a cuánto cuesta un sitio web.

«¿Qué pasa con la ampliación de mi sitio web en el futuro?»

Probablemente el crecimiento esté muy en su mente, especialmente si va a lanzar su sitio con un propósito comercial.

La buena noticia es que las plataformas de blogs y sitios web de alta calidad no impiden su crecimiento de ninguna manera.

Por ejemplo, algunas de las marcas más importantes de la web utilizan WordPress, incluidos gigantes como BBC, Cableado, e incluso Beyoncé. En pocas palabras, si es capaz de atenderlos, también podrá servir a su negocio.

Lo único que podría querer hacer una vez que comience a atraer más visitantes es aumentar sus especificaciones de alojamiento web a un nivel superior, solo para asegurarse de que los servidores puedan manejar todo el tráfico.

Aparte de eso, puede agregar tantas páginas como desee, tantas publicaciones de blog como desee y tantos productos, como desee, y aún estar seguro de que todo funcionará sin problemas.

También es una buena idea considerar agregar un foro a su sitio web o blog, ya que es una excelente manera de fidelizar a los visitantes y fomentar la actividad de la comunidad.

¿Que sigue?

Esperamos que esto haya sido útil y que el tema de un blog frente a un sitio web ya no sea un misterio para usted. Tener presencia en línea es vital si está dirigiendo un negocio, pero también es un pasatiempo interesante para tener como individuo.

Nuevamente, para comenzar su aventura con blogs y / o sitios web, no dude en leer estas guías:

Facebooktwitterlinkedintumblr

Una mirada a la teoría del color en el diseño web

Indiscutiblemente uno de los más aspectos importantes de cualquier diseño son sus colores.. Los diseñadores crean el estilo de un sitio, así como el movimiento que hace, la emoción que crea y su propósito basado en gran medida en las elecciones de color que hacen. Los colores son herramientas poderosas y algo importante que todos los diseñadores deben comprender al crear sitios web.

Terminologías de color

Es posible que muchos de ustedes hayan aprendido algunos conceptos básicos de color en la escuela, pero repasemos rápidamente algunos términos para comprender mejor los colores y cómo usarlos.

Grupos principales de la rueda de color

Grupos principales de la rueda de color

Los colores se muestran tradicionalmente en una rueda de colores y, a partir de esta rueda, podemos separar los colores en tres grupos principales: primario, secundario y terciario.

El tres colores primarios son de color rojo, azul y amarillo. Estos colores son los colores base que componen todos los demás colores de la rueda de colores.

Mezcle los colores primarios y obtendrá el colores secundarios. Estos son de color naranja, verde y morado.

Colores terciarios se componen de los colores medios como amarillo-verde y azul-verde. Se crean mezclando un color primario y un color secundario.

Relaciones de colores

Hay muchos términos para describir los colores, que será útil saber más adelante cuando hablemos de los colores y sus significados emocionales.

Colores complementarios son colores que se complementan bien entre sí y están ubicados uno frente al otro en la rueda de colores. Estos son colores como azul y naranja, morado y amarillo y rojo y verde.

Colores análogos son los que se encuentran uno al lado del otro en la rueda de colores, por lo que generalmente combinan bastante bien, pero brindan poco contraste cuando se usan juntos.

Grupos de colores basados ​​en las emociones

Hay grupos de colores asociados con las emociones: cálido, frio y neutral.

Colores cálidos evocan calidez como el rojo, el amarillo y el naranja.

Colores fríos haga que la gente piense en colores fríos y fríos como el azul, el verde y el morado.

Colores neutros, como sugiere el término, no crea mucha emoción. Los colores como el gris y el marrón son colores neutros.

El conocimiento de todos estos términos se puede utilizar en beneficio de un diseñador para ayudar a crear significado y sugerir ciertas emociones en un diseño web sin palabras. Sin embargo, una cosa importante para recordar es que con el color, es posible que no siempre tenga una opción. Muchas marcas o marcas comerciales, como las de las escuelas, tienen colores específicos que usan, por lo que es importante usarlos al hacer el diseño web de una universidad u otra marca comercial.

Tipos de color en el diseño

Tipos de color en el diseño

Hay dos sistemas de color diferentes y ambos se utilizan según el diseño para el que esté diseñando.

RGB es la abreviatura de Red Green Blue, que son los tres colores primarios del sistema y se produce con luz. RGB se utiliza en televisores, monitores de computadora y cualquier tipo de pantalla.

CMYK, que es la abreviatura de Cyan Magenta Yellow y Key (Black) se crea con pigmentos y se utiliza en la impresión.

Los diseños en la web deben crearse utilizando el sistema RGB.

Hacer elecciones de color acertadas para transmitir un significado

Hacer elecciones de color acertadas para transmitir un significado

Teoría del color es la práctica de usar el significado detrás de los colores para generar una experiencia sensorial. Esta práctica se puede aplicar al diseño web con cierto conocimiento y pensamiento.

La gente a menudo no estará de acuerdo sobre qué significan ciertos colores y qué colores deben usar los diseñadores para implorar una cierta emoción. Sin embargo, que no se puede discutir es que los consumidores hacer tienen respuestas emocionales a los colores.

Al elegir colores para sus diseños, sea deliberado; no uses colores sin propósito. Hay muchas más cosas que se deben incluir en la elección de un color que simplemente usar un generador de colores aleatorios, aunque a veces ese puede ser un lugar para comenzar. En su lugar, use colores que sean apropiados para su público objetivo, el mensaje que el cliente desea que transmita y la sensación general que desea que el usuario experimente en su sitio.

Los colores cálidos provocarán emociones soleadas y se utilizan sabiamente en sitios que quieren recordar un sentimiento de felicidad y alegría. Como ejemplo, amarillo se convirtió en un color popular en el diseño web en 2009 cuando la economía global no iba muy bien y las empresas querían que sus clientes se sintieran alegres y cómodos en su sitio.

Los colores fríos se utilizan mejor en sitios profesionales y limpios para lograr un aspecto corporativo genial. Los colores fríos despiertan emociones de autoridad, establecimiento y confianza. Por ejemplo, los tonos fríos de azul se utilizan en muchos sitios bancarios, como Chase. No sería prudente usar colores fríos en un sitio sobre un tema optimista porque los usuarios obtendrán una impresión equivocada.

Hacer elecciones de color acertadas para transmitir un significado

Qué significan los colores para los usuarios

La mayoría de los colores se pueden tomar de manera positiva o negativa, dependiendo de cómo se use, los otros colores que lo rodean y la connotación del sitio en sí.

A continuación, se muestran algunos significados generales de los colores populares.

rojo

Qué significan los colores para los usuarios

El rojo simboliza el fuego y el poder y está asociado con la pasión y la importancia. También ayuda a estimular la energía y la emoción.

Las connotaciones negativas del rojo son rabia, emergencia e ira, que se derivan de las cualidades apasionadas y agresivas del rojo.

naranja

naranja

El naranja es una combinación de sus dos vecinos en la rueda de colores, rojo y amarillo. El naranja simboliza la felicidad, la alegría y el sol. Es un color alegre, que evoca la exuberancia infantil.

El naranja no es tan agresivo como el rojo, pero adquiere algunas de las mismas cualidades, estimulando la actividad mental. También simboliza la ignorancia y el engaño.

Amarillo

Amarillo

El amarillo brillante es un color alegre que representa las cualidades positivas del amarillo: alegría, inteligencia, brillo, energía, optimismo y felicidad.

Un amarillo lúgubre provoca sentimientos negativos: precaución, crítica, pereza y celos.

Verde

Verde

El verde simboliza la naturaleza y tiene una cualidad curativa. Puede usarse para simbolizar el crecimiento y la armonía. La gente se siente segura con el verde. Los hospitales suelen utilizar el color verde.

Por otro lado, el verde simboliza el dinero, mostrando codicia o celos. También se puede utilizar para simbolizar la falta de experiencia o un principiante que necesita crecer («verde detrás de las orejas»).

Azul

Azul

El azul es un color pacífico y calmante que rezuma estabilidad y pericia. Es un color común utilizado en sitios corporativos debido a esto. El azul también puede simbolizar confianza y confiabilidad.

Un tono frío puede provocar el lado negativo del azul, que simboliza depresión, frialdad y pasividad.

Púrpura

Púrpura

El púrpura es el color de la realeza y la sofisticación que muestra riqueza y lujo. También da un sentido de espiritualidad y fomenta la creatividad.

Los púrpuras más brillantes pueden exudar una sensación mágica. También es excelente para promover la creatividad y las cualidades femeninas.

Los morados más oscuros pueden evocar pesimismo y tristeza.

Negro

Negro

Aunque el negro no es parte de la rueda de colores, aún se puede usar para sugerir sentimientos y significados. A menudo se correlaciona con el poder, la elegancia, la sofisticación y la profundidad. Se dice que vestirse de negro en una entrevista de trabajo puede demostrar que el entrevistado es una persona poderosa, y lo mismo ocurre con los sitios web.

El negro también se puede ver negativamente porque el color está asociado con la muerte, el misterio y lo desconocido. Es el color del dolor, el duelo y el dolor, por lo que debe usarse con prudencia.

blanco

blanco

El blanco, que tampoco forma parte de la rueda de colores, simboliza la pureza y la inocencia. También muestra limpieza y seguridad.

Por el contrario, el blanco puede verse como frío y distante, simbolizando las cualidades duras y amargas del invierno.

Ejemplos de colores en sitios de grandes empresas

Veremos algunos sitios de grandes empresas para tener una idea de cómo usan el color y qué significa ese color para sus usuarios.

Nike

Nike

Nike cambia su sitio a menudo, pero generalmente es oscuro con tonos principalmente negros y grises. El negro muestra el poder de su producto, dando la impresión de que venden productos de calidad a deportistas.

casa Blanca

casa Blanca

El sitio web de la Casa Blanca es principalmente blanco y gris claro con algunos detalles en azul y rojo. El blanco simboliza la esperanza y la libertad, mostrando un valor por la seguridad y la pureza. El rojo y el azul son, por supuesto, los otros colores de EE. UU., Pero el azul muestra estabilidad y paz, mientras que el rojo muestra pasión y energía.

Amazonas

Amazonas

El sitio de Amazon es principalmente blanco, que es el mejor color para usar para el contraste y la legibilidad. También muestra limpieza y ayuda a los usuarios a navegar libremente por el sitio. Hay acentos en naranja y azul para ayudar a las personas a sentirse cómodas cuando visitan el sitio, además de entusiasmadas y esperanzadas de encontrar la compra perfecta.

Verizon

Verizon

El color principal de la marca corporativa de Verizon es el rojo, que se utiliza en todo el sitio. Esto ayuda a estimular la emoción de los usuarios, mostrando una empresa que vende un producto emocionante y de ritmo rápido. El fondo blanco se usa de manera similar a Amazon, lo que ayuda a los usuarios a navegar por el sitio mostrando un sitio limpio y ordenado.

La mejor compra

La mejor compra

El sitio de Best Buy exhibe tonos azul oscuro, mostrando su estabilidad y poder en el mercado electrónico. Los compradores realizan grandes compras en Best Buy y necesitan sentirse seguros y tranquilos en su sitio. El amarillo emite felicidad y ayuda a las personas a sentirse emocionadas y alegres mientras realizan sus compras.

Charles Schwab

Charles Schwab

Charles Schwab es una empresa de inversión y, en un mercado inestable, necesitan hacer que los consumidores se sientan tranquilos en su sitio. Usan tonos suaves y azul oscuro para lograr esto, creando una atmósfera relajante y pacífica en su sitio. El marrón neutro es otro color corporativo y ayuda a neutralizar los sentimientos de los usuarios intrépidos. Los detalles en naranja se utilizan para generar entusiasmo en la compra de acciones y ayudar a brindar una sensación más feliz al sitio.

Esquivar

Esquivar

El sitio de Dodge es principalmente negro, lo que permite que sus imágenes aparezcan. Usan un rojo brillante para los acentos. El negro le da una calidad poderosa al sitio, mostrando sus productos con una luz sofisticada y masculina. El negro es un gran color para hacer que los productos parezcan caros y dignos de valor. El rojo muestra pasión y entusiasmo, así como la esperanza de impulsar a los consumidores a comprar los vehículos de una empresa que valora el compromiso y la calidad.

Alimentos integrales

Alimentos integrales

El color principal utilizado en la marca corporativa de Whole Foods, así como en su sitio web, es el verde. Whole Foods vende alimentos orgánicos y saludables a un precio superior. El verde en el diseño de su sitio hace bien en mostrar sus valores puros y saludables, así como sus productos amantes de la naturaleza. También usan algunos acentos de color amarillo pálido que son muy complementarios con el verde, y le dan un valor alegre al sitio.

Cómo puede utilizar colores en sitios web

Cómo puede utilizar colores en sitios web

Los colores dan significado a los sitios sin tener que usar palabras descriptivas. Crean mucho impacto, ya sea que lo desee o no. Pueden ayudar a mover la mirada de un usuario a través de su sitio, creando movimiento y movimiento que dirige a los usuarios alrededor de una página. Como se ve en muchos de los sitios corporativos, crean emociones y valores que ayudan a mostrar a los usuarios de qué se trata la empresa y qué tipo de productos están vendiendo.

Utilice los colores a su favor seleccionando cuidadosamente los colores complementarios y los que muestren los valores que está tratando de vender.

Combinar colores puede ayudar a cambiar el significado de un sitio por completo. Combina un sitio azul suave que crea cualidades calmantes con un naranja brillante, y podrías cambiar tu sitio para que sea más emocionante y alegre.

Tal vez su cliente piense que el sitio que ha diseñado es demasiado duro con muchos tonos de gris oscuro. Agregue colores azules suaves y el diseño de su sitio podría tener un tono más tranquilo y pacífico.

Recursos para divertirse con los colores

Recursos para divertirse con los colores

Muchos sitios discuten la teoría del color y el uso del color en el diseño. Utilice estos recursos útiles a continuación para encontrar combinaciones de colores e infundir más significado a los diseños de su sitio.

COLOURlovers

Encuentre combinaciones de colores y paletas de colores complementarios con esta herramienta basada en web.

Diseño Meltdown

Este sitio clasifica los sitios en función de diferentes géneros, incluidas muchas categorías de color.

Encuentre los colores perfectos para su sitio web – Blog de diseño de Vandelay

En esta gran publicación se enumeran muchos recursos y herramientas de color.

Selector de color de JavaScript

Esta divertida herramienta de JavaScript puede ayudarlo a elegir los colores que desea y ayudarlo a ver cómo se ven juntos.

Referencias

Espero que haya disfrutado de esta publicación completa sobre los colores y sus vastos significados, comparta sus pensamientos, opiniones y sus herramientas y recursos de color favoritos. en los comentarios ¡debajo!

contenido relacionado

Facebooktwitterlinkedintumblr

Marketing y Diseño web para clínica dental

Algunos ejemplos de los servicios que ofrece nuestra empresa de marketing y diseño web para clínica dental:

1. Optimización de motores de búsqueda (SEO)

Si está buscando aumentar su clasificación en los resultados de búsqueda y generar más tráfico a su sitio web, la optimización de motores de búsqueda (SEO) es la solución. A través del SEO, lo ayudaremos a aumentar el tráfico del sitio web, obtener clientes potenciales valiosos y mejorar su tasa de conversión al aparecer en resultados de búsqueda más relevantes.

VER PLANES SEO

2. SEO local

Como consultorio de un dentista, casi siempre atiende a pacientes de su área local.

seo dental local
Con los servicios de SEO locales de nuestra agencia de marketing para dentistas, obtendrá su sitio web y la lista de Google My Business optimizados para búsquedas locales.

Teniendo en cuenta que el 80% de las búsquedas locales se convierten, no querrá perder la oportunidad de atraer clientes potenciales locales a su práctica.

VER PLANES DE SEO LOCALES

3. Publicidad de pago por clic (PPC)

Si desea obtener clientes potenciales que se conviertan en pacientes, la publicidad de pago por clic (PPC) es la estrategia para usted.

Cuando se asocie con nuestra agencia de marketing para dentistas, lo ayudaremos a optimizar sus anuncios pagados para que aparezcan en resultados de búsqueda relevantes. Además, crearemos páginas de destino atractivas que harán que las personas se comuniquen con su práctica.

Dado que el 46% de los clics en la página van a los tres primeros anuncios de PPC, no querrás ignorar el PPC.

VER PLANES PPC

4. Marketing de contenido

Cuando se asocia con nuestra empresa de marketing y diseño web para clínica dental, puede crear una estrategia de marketing de contenido que le ayude a atraer nuevos pacientes e involucrarlos a través de información valiosa.

Desde publicaciones de blog hasta videos, crearemos contenido que sea educativo y útil para su audiencia. Lo establecerá como una autoridad en el campo dental y hará que más personas elijan su práctica dental.

VER PLANES DE MARKETING DE CONTENIDO

5. Marketing por correo electrónico

¿Sabías que el 58% de los adultos revisan su correo electrónico a primera hora de la mañana?

Cuando invierte en servicios de marketing y diseño web para clínica dental, puede configurar una campaña de marketing por correo electrónico que fomente las perspectivas de convertirse en pacientes. Con contenido de correo electrónico personalizado y personalizable, avanzará rápidamente para obtener nuevos pacientes para su práctica.

6. Marketing en redes sociales

Si no forma parte del 26% de las empresas que utilizan las redes sociales, está perdiendo una excelente oportunidad de obtener nuevos clientes potenciales para su práctica.

twitter dental
Cuando obtenga la ayuda de nuestros expertos en marketing y diseño web para clínica dental, encontrará las plataformas sociales adecuadas para su práctica y creará contenido orgánico para atraer a su audiencia.

También obtendrá nuevos clientes potenciales para su práctica mediante la publicación de anuncios en las redes sociales.

7. Diseño y desarrollo web

Su sitio web es el corazón de su plan de marketing digital.

Si desea atraer clientes potenciales interesados ​​en su práctica dental, debe crear un sitio web atractivo y fácil de usar.

Nuestro galardonado equipo de diseño creará un sitio hermoso y rápido que sigue las mejores prácticas de SEO y se muestra perfectamente en dispositivos móviles.

VER PLANES DE DISEÑO WEB

8. Video marketing

¿Sabías que los videos mejoran las tasas de conversión en un 86%?

Cuando se asocie con nuestra empresa de marketing para consultorios dentales, crearemos videos hermosos, atractivos e informativos que brindan a su audiencia información valiosa y les ayuda a aprender sobre su negocio.

Desde videos informativos hasta recorridos por su práctica, puede brindarle a su audiencia información útil que los lleve a elegir su oficina.

VER VIDEO PLANES DE MARKETING

9. Gestión de la reputación

Tu reputación es importante para tu negocio.

Si las personas no tienen una experiencia positiva con su práctica dental, esto afecta la percepción que tienen los demás de su consultorio y los influye a la hora de decidir a dónde acudir para su próxima cita dental.

Con los servicios de gestión de la reputación de nuestra agencia de marketing y diseño web para clínica dental, mantendrá felices a los pacientes y ayudará a resolver sus problemas, lo que permitirá que los nuevos pacientes vean cuánto se preocupa por sus pacientes y su satisfacción.

Somos una empresa de marketing digital de servicio completo

Cuando comercialice su consultorio dental, utilizará múltiples estrategias para llegar a nuevos pacientes. Como empresa de marketing digital de servicio completo, ofrecemos docenas de servicios, desde SEO hasta marketing por correo electrónico, para ayudarlo a crear el plan que necesita.

En lugar de tener que contratar varias empresas para cada estrategia, contrata una empresa y mantiene su enfoque en un solo lugar. Eso significa menos llamadas telefónicas, menos intercambios entre empresas y una campaña más cohesiva.

También obtiene un representante de cuenta dedicado que lo actualiza sobre todas sus campañas, lo que hace que sea simple y fácil para usted controlar sus esfuerzos de marketing.

Ofrecemos precios transparentes

¿Alguna vez ha encontrado un artículo que le gustó, pero no tenía una etiqueta de precio?

Si es así, sabe lo complicado que es localizar a un empleado para comprobar el precio o encontrar un escáner en la tienda. Tendrá la misma sensación cuando descubra que la mayoría de las empresas de marketing y diseño web para clínica dental no comparten sus precios por adelantado.

¿Por qué asociarse con una empresa de marketing?

Con tantas estrategias disponibles para su negocio, es fácil abrumarse con todas sus opciones. Al contratar la ayuda de una empresa de marketing y diseño web para clínica dental, obtendrá todas las estrategias que necesita sin esfuerzo.

Echemos un vistazo a tres razones para asociarse con uno:

1. Trabajar con expertos

Si no tiene experiencia con el marketing digital, le llevará tiempo aprender a utilizar una estrategia para hacer crecer su práctica. Algunos procedimientos son complejos y requieren tiempo, lo que dificulta que aprenda a usarlos correctamente.

El SEO, por ejemplo, es extremadamente técnico y requiere mucho conocimiento para ejecutar una campaña. Requiere optimizar tanto el front-end como el back-end de su sitio, lo que se vuelve complicado si no tiene experiencia en codificación o diseño web.

2. Concéntrese en ejecutar su práctica

Está ocupado dirigiendo su práctica dental.

A medida que obtenga nuevos pacientes, estará más ocupado. Si intenta administrar una clínica dental y administrar su campaña de marketing, comenzará a sentirse abrumado con todo lo que necesita hacer.

3. Consiga que todo un equipo trabaje en su campaña

Si intenta hacer su campaña de marketing por su cuenta, lleva mucho tiempo. Usted mismo ejecuta toda la campaña. Pone mucho estrés y trabajo en una persona, especialmente si tienes que aprender cómo funcionan las diferentes estrategias.

Al asociarse con nuestra empresa de marketing digital para consultas dentales, obtendrá un equipo de expertos trabajando en su campaña. No tendrá que preocuparse por sobrecargarse con demasiado que hacer. En cambio, tendrá varias personas trabajando para atraer más pacientes a su práctica.

Facebooktwitterlinkedintumblr

Crear un efecto de zoom en Photoshop

 

Crear un efecto de zoom en Photoshop

Este tutorial lo guiará a través de un proceso simple de dar un efecto de zoom a sus ilustraciones. Esto se puede utilizar de muchas formas, pero principalmente para diseñar material visual instructivo.

Avance

Configurar el documento de Photoshop

Configurar el documento de Photoshop

1 Primero, vamos a abrir Photoshop y crear un nuevo documento (Ctrl + N). En el cuadro de diálogo Nuevo documento, establezca las unidades de Ancho y Alto en píxeles (si aún no lo está). Estamos creando un lienzo cuadrado; establezca el ancho y la altura en 600 píxeles. Estamos creando un gráfico con resolución web, así que configure la Resolución en 72 píxeles / pulgada.

Configurar el documento de Photoshop

Agregar gráficos al lienzo

2 Elija un gráfico de buena resolución (500 x 500 px) que tiene suficiente resolución y detalle para mostrarse como la parte ampliada. Los gráficos vectoriales siempre son excelentes porque puede cambiar su escala sin perder calidad. Aquí estoy usando el icono de sobre de la versión gratuita. Conjunto de iconos de plástico Six Revisions. Pegue (Ctrl + V) el gráfico en el escenario y nombre la nueva capa Zoom.

Agregar gráficos al lienzo

3 Duplique la capa de Zoom haciendo clic derecho sobre ella en el Panel de Capas y eligiendo Duplicar capa (Ctrl + J). Nombra la capa duplicada Gráfico pequeño.

Agregar gráficos al lienzo

4 Vaya a Editar> Transformar> Escalar y reduzca esta capa a 40% y colóquelo alrededor del centro superior del escenario. Oculte la visibilidad de la capa Zoom.

Agregar gráficos al lienzo

Creando el efecto de zoom

5 Elija un color gris oscuro (# 464646), mantén presionada la tecla Shift y usa la herramienta Elipse (U) para crear una forma circular perfecta (y grande). Nombra esta capa round01.

Creando el efecto de zoom

6 Duplique la capa round01, cambie el nombre de la nueva capa round02 y escale a 90%. Establezca el color de la forma de elipse en # 707070.

7 Del mismo modo, duplique round02 y cree un round03 con 96% reducir la escala y establecer el color en #ffffff.

Creando el efecto de zoom

8 Seleccione round01 y vaya a Capa> Estilo de capa> Superposición de degradado. Haga clic en el degradado y en el Editor de degradado, agregue paradas de color en este orden: #ffffff en una ubicación del 2%, # 707f82 al 30%, # b5bfc1 al 35%, # 536162 al 85% y #ffffff al 95% de la ubicación.

Creando el efecto de zoom

9 Agreguemos un esquema. Vaya a Estilo de capa> Trazo. La opción Tamaño debe establecerse en 1 px, Posición: Adentro y color: # 858585.

Creando el efecto de zoom

10 Del mismo modo, seleccione round02 y agregue una superposición de degradado en este orden: # e3e8eb en 0% de ubicación, #ffffff al 15% de la ubicación, # 6b797c en un 40% de ubicación, # b4bebf al 50% de la ubicación, y # 576264 al 100% de la ubicación.

Creando el mango

11 Elija la capa de Gráfico Pequeño en el Panel de Capas, agregue una nueva capa encima de ella (Shift + Ctrl + N) y nombre la nueva capa resolver. Use la herramienta Elipse (U) y dibuje otro círculo redondo (recuerde mantener presionada la tecla Mayús para que sea un círculo perfecto) cubriendo el detalle principal de su pequeño gráfico.

12 Capa de forma de asa duplicada, asígnele un nombre manejary reducirlo a 95%.

Creando el mango

13 Rasterice el controlador y maneje las capas haciendo clic con el botón derecho en la capa respectiva en el Panel de capas y luego eligiendo Rasterizar capa.

14 Cree una selección de marquesina alrededor de la forma presionando Ctrl + clic en la miniatura de la capa del mango en el Panel de capas. Elija la capa de control en el Panel de capas con la selección de marquesina aún activa, y luego presione la tecla Eliminar para eliminar el área debajo de la selección.

Creando el mango

15 Seleccione> Deseleccionar (Ctrl + D) para deseleccionar la selección y eliminar la capa de control (ya no necesitamos esta capa).

dieciséis Con la herramienta Rectángulo (U), cree un rectángulo delgado con cada extremo tocando el mango y haga zoom (alternativamente, puede usar la herramienta Línea).

Creando el mango

17 Rasterice la capa del rectángulo delgado y combínela con la capa de control seleccionando ambas capas en el Panel de capas y luego yendo a Capa> Combinar capas (Ctrl + E).

18 Agregue un poco de color y contornos al mango. Para cambiar el color, vaya a Capa> Estilo de capa> Superposición de color y establezca la superposición de color en # 686868. Para el trazo, vaya a Capa> Estilo de capa> Trazo y elija 2px y un color de #ffffff.

Creando el mango

Creando el mango

Agregar el detalle del zoom

19 Muestra la capa de zoom y muévela a la parte superior de la capa round03, en el Panel de capas.

Creando el mango

20 Cree una selección de marquesina alrededor de la forma round03 presionando Ctrl + clic en la miniatura de la capa round03 en el Panel de capas. Invierta la selección yendo a Seleccionar> Invertir (Mayús + Ctrl + I). Seleccione la capa de zoom y presione la tecla Suprimir.

Creando el mango

21 Mantenga activa la selección de marquesina, no la anule todavía. Agregue un contorno con un trazo de 3px y color # 323232 haciendo para Editar> Trazo. Luego agregue un estilo de capa de sombra interior (Capa> Estilo de capa> Sombra interior): establezca la opción Distancia en 0px y opción de tamaño para 25px.

Creando el mango

22 Crea una nueva capa debajo round01. Ctrl + clic en la miniatura de round02 para crear otra selección de marquesina. Mueva la selección verticalmente usando la tecla de flecha para que su punta inferior toque la punta inferior de round01. Rellena el color con negro (# 000000) haciendo clic derecho en la selección en el lienzo y seleccionando Llenar. Deseleccione (Ctrl + D) y agregue un desenfoque gaussiano (Filtro> Desenfocar> Desenfoque gaussiano) con la opción Radio establecida en 15px.

¡Terminado!

Configurar el documento de Photoshop

Espero que disfrutes este tutorial. Muéstrenos su propio trabajo incluyéndolo en el grupo de Flickr Six Revisions.

contenido relacionado

Facebooktwitterlinkedintumblr

Un editor de vectores en línea gratuito: Method Draw

 

Pero si no tiene acceso a Illustrator o Sketch, o si solo necesita hacer una edición simple de gráficos vectoriales, puede usar Method Draw, que es un excelente editor de vectores en línea.

Editar un icono SVG usando un editor de vectores en línea llamado Method DrawEdición de un archivo de gráficos vectoriales escalables (SVG) de este obsequio con Method Draw.

Method Draw tiene las características de dibujo clave que esperas en un editor de gráficos vectoriales, como la herramienta de ruta y la herramienta de lápiz que funcionan de manera idéntica a sus contrapartes de software de escritorio. También tiene una biblioteca de formas vectoriales que tiene objetos vectoriales prefabricados que puede incluir y editar en el lienzo.

Esta herramienta en línea también tiene capacidades de capas, atajos de teclado, cuadrículas, reglas y funciones de exportación para guardar su trabajo en formato SVG o PNG. No está nada mal para una aplicación gratuita que se ejecuta en su navegador, ¿verdad?

Exportación de opciones de un editor de vectores en línea llamado Method Draw.

Method Draw es un sencillo editor de vectores basado en web que hace el trabajo. Pero si espera tener funciones avanzadas como renderizado 3D, empaquetado automático de archivos, aceleración de GPU, archivos incrustados y demás en su editor de gráficos vectoriales, lo mejor sería seguir con el probado y verdadero Illustrator.

Si el tema de este artículo le pareció interesante, diríjase a estas otras publicaciones:

Facebooktwitterlinkedintumblr

20 sitios web con hermosa tipografía

 

La tipografía en el diseño web juega un papel integral en establecer el tono, el tema y el mensaje de un sitio web.

Por ejemplo, puede transmitir el enfoque de un sitio en la modernidad o el tradicionalismo simplemente eligiendo usar fuentes sans serif o serif, respectivamente. Puede llamar la atención sobre partes particulares del contenido y restar importancia a otras cambiando el color, la altura de la línea, el estilo y el tamaño de la fuente. Una paleta eficaz de fuentes no solo hace que un diseño sea atractivo, sino que también contribuye a la legibilidad y usabilidad del contenido.

En esta colección, encontrará una variedad de sitios que muestran creativo y funcional usos de la tipografía.

1. Jason Santa Maria

Jason Santa Maria - captura de pantalla.

Jason Santa Maria - captura de pantalla.

En Jason Santa Mariasitio personal, la selección de la tipografía y el estilo juega un papel importante en el diseño minimalista. Los títulos de los artículos son grandes y llaman su atención de inmediato. sIFR se usa en varios lugares (como los encabezados de pie de página) para permitir el uso de fuentes no seguras para la web sin usar imágenes como texto.

2. Quemaduras de Elysium

Elysium Burns: captura de pantalla.

Elysium Burns: captura de pantalla.

Quemaduras de Elysium infunde fuentes grandes, atrevidas y sans serif con fuentes serif tradicionales para crear un diseño impresionante. Los fondos de imagen CSS se utilizan para los títulos de los artículos y los encabezados del sitio.

3. BUENO

BUENO - captura de pantalla.

BUENO - captura de pantalla.

BIEN utiliza fuentes limpias y excelentemente espaciadas para formar un diseño hermoso y legible.

4. Libro mayor de diseño web

Libro mayor de diseño web: captura de pantalla.

Libro mayor de diseño web: captura de pantalla.

El diseñador y desarrollador web Henry Jones combina el uso de fuentes serif y sans serif para crear un diseño web único. El diseño de Libro mayor de diseño web muestra los comentarios recientes de los lectores con letras grandes y enfatizadas no solo como un elemento funcional en el diseño, sino también con fines creativos.

5. Futuro de las aplicaciones web

Future Of Web Apps: captura de pantalla.

Future Of Web Apps: captura de pantalla.

La Futuro de las aplicaciones web El sitio web utiliza una variedad de texto grande y en negrita con colores brillantes. La fuente de la navegación principal está en negrita con espaciado entre letras negativo y una altura de línea corta, lo que crea un menú de navegación compacto y único basado en texto.

6. VigetInspire

VigetInspire: captura de pantalla.

VigetInspire: captura de pantalla.

VigetInspire: captura de pantalla.

La VigetInspire El blog tiene una variedad de magníficos usos de fuentes. Un valor de altura de línea grande para el texto del contenido les permite usar fuentes más pequeñas sin sacrificar la legibilidad.

7. Diaroogle.com

Diaroogle.com: captura de pantalla.

Diaroogle.com: captura de pantalla.

Diaroogle.com es un excelente ejemplo del uso de fuentes serif y sans serif en un diseño web sin dejar de mantener una composición ajustada y complementaria. El cuadro de entrada de búsqueda utiliza una fuente caligráfica que lo hace destacar sin dejar de ser discreto.

8. Las noticias de la mañana

The Morning News: captura de pantalla.

The Morning News: captura de pantalla.

En los diseños minimalistas, la tipografía juega un papel importante en el diseño y el tema del diseño. Las noticias de la mañana utiliza fuentes limpias y adecuadamente espaciadas con colores sutiles para crear una atmósfera limpia y nítida.

9. Lista ordenada

Lista ordenada: captura de pantalla.

Lista ordenada: captura de pantalla.

Lista ordenada utiliza una variedad de tamaños y colores grandes y llamativos para complementar el fondo bastante oscuro. Mediante el uso de imágenes de fondo CSS para los títulos, la fuente utilizada puede ser una fuente no segura para la web y, al mismo tiempo, conservar la accesibilidad e indexación del sitio.

10. Las palabras son imágenes

Las palabras son imágenes: captura de pantalla.

Las palabras son imágenes se mantiene fiel al nombre del sitio utilizando su tipografía como elemento principal de diseño. El estilo simple de las fuentes serif establece una apariencia clásica.

11. Meagan Fisher

Meagan Fisher - captura de pantalla.

Las palabras son imágenes: captura de pantalla.

Meagan Fisher emplea una variedad de tipos de letra serif y estilos en su sitio personal. La imagen de la etiqueta colgante en la esquina superior izquierda del diseño web le dice rápidamente a los visitantes dónde se encuentran; el uso de una fuente única en este caso puede llamar la atención del usuario sobre la pequeña propaganda.

12. The New Yorker

The New Yorker: captura de pantalla.

The New Yorker: captura de pantalla.

El neoyorquino trae la fuente de la marca registrada de su revista en la web, manteniendo su marca tanto en medios impresos como web. El uso de la fuente serif le da al lector la sensación de que The New Yorker es una revista tradicional y de larga data.

13. Viñedo Black Estate

Viñedo Black Estate: captura de pantalla.

Viñedo Black Estate: captura de pantalla.

Es una hazaña difícil utilizar un fondo oscuro sin estar asociado con la clase de sitios web clandestinos y no convencionales. Viñedo Black Estate es capaz de utilizar un fondo negro (el color de su marca), sin dejar de mantener una sensación de sofisticación, mediante el uso de fuentes serif grandes y en negrita. El uso de un color de alto contraste (blanco) como color de primer plano permite una mejor legibilidad.

14. Ad Fed MN

Ad Fed MN: captura de pantalla.

Ad Fed MN: captura de pantalla.

Ad Fed MN: captura de pantalla.

AD Fed MN combina con éxito las fuentes sans serif y serif en el diseño. Un menú de navegación simple y brillante en la parte superior derecha del diseño permite un esquema de navegación principal atractivo y compacto. La barra lateral presenta encabezados de reemplazo de imágenes para que puedan utilizar fuentes no seguras para la web y, al mismo tiempo, conservar la accesibilidad e indexación.

15. Qué nombre tan encantador

What a Lovely Name - captura de pantalla.

What a Lovely Name - captura de pantalla.

What a Lovely Name - captura de pantalla.

Que nombre tan bonito es una aplicación web sencilla que ayuda a los usuarios a elegir un nombre para su bebé basándose en palabras clave («etiquetas»). Las palabras clave están organizadas en una nube de etiquetas y las etiquetas más populares son más grandes y en negrita que las etiquetas menos populares.

16. Rustin Jessen

Rustin Jessen: captura de pantalla.

Rustin Jessen: captura de pantalla.

Rustin JessenEl sitio es minimalista por una razón: dirigir la atención del lector hacia sus maravillosas obras de arte.

17. El árbol querido

The Darling Tree: captura de pantalla.

The Darling Tree: captura de pantalla.

El árbol queridoEl uso de varios estilos y tamaños de fuente contribuye en gran medida al tema del diseño.

18. Amo la tipografía

Amo la tipografía - captura de pantalla.

Amo la tipografía - captura de pantalla.

Con un sitio llamado «Amo la tipografía“, No es de extrañar que el diseño web sea muy consciente de su selección y uso de fuentes.

19. Una lista aparte

Una lista aparte: captura de pantalla.

Una lista aparte: captura de pantalla.

Una lista aparteEl diseño minimalista se centra en la aplicación atractiva y funcional de la tipografía. El espaciado adecuado entre líneas en el texto del contenido hace que sus artículos sean más legibles y los diferentes colores de los títulos y encabezados crean una relación visual entre los artículos del mismo tema.

20. Formación por idea colectiva

Capacitación por Idea Colectiva - captura de pantalla.

Capacitación por Idea Colectiva - captura de pantalla.

Una hermosa sección de próximos eventos en la parte superior derecha del diseño muestra su meticulosa atención a la tipografía.

Hablemos de tipo

¿Tiene algo interesante que compartir con respecto a tipografía en diseño web? ¿Cuáles son tus fuentes favoritas? ¿Conoce un sitio con una gran tipografía que no aparece aquí? Compártelo con todos nosotros en la sección de comentarios.

Contenido relacionado

Facebooktwitterlinkedintumblr

6 consejos para crear imágenes estelares de marketing por correo electrónico

¿Quiere darle vida a sus imágenes de marketing por correo electrónico? Usted vino al lugar correcto.

Cuando crea campañas de marketing por correo electrónico, es importante incluir elementos visuales que capten la atención de los suscriptores y refuercen su marca.

Sus imágenes afectan la forma en que los usuarios responden al contenido de su correo electrónico, por lo que es importante que las use correctamente.

En esta publicación, abordaremos seis consejos para ayudarlo a usar las imágenes de marketing por correo electrónico de manera efectiva en sus campañas.

¡Empecemos!

1.Asegúrate de que tus imágenes refuercen tu marca

Sus elecciones de imagen afectan la forma en que los clientes potenciales interactúan y recuerdan sus correos electrónicos. Deben poder mirar estas imágenes y asociarlas con su marca. Por lo tanto, usarlos en su campaña ayudará a su audiencia a sentirse más cómoda con su negocio y los alentará a elegirlo sobre sus competidores.

Lo mejor es intentar incorporar los colores de su empresa en sus imágenes. Las personas asocian ciertos colores con un negocio, por lo que puede ayudar a fortalecer esa asociación incorporándolos en sus imágenes.

También querrá intentar incorporar su logotipo en sus fotos. Puede estar en un producto que está en la imagen o integrado en la página. Esto aumenta el reconocimiento de su marca y ayuda a las personas a familiarizarse más con su marca.

Cuando sus imágenes de marketing por correo electrónico refuercen su marca, creará una campaña sólida para su negocio. Esto ayudará a su empresa a obtener más conversiones en el futuro.

2. Utilice imágenes originales de marketing por correo electrónico

Si desea que su empresa se destaque, utilice imágenes originales de marketing por correo electrónico. Las imágenes únicas no solo construyen la marca de su empresa, sino que también lo ayudan a diferenciarse de la competencia.

Cuando usa imágenes originales, tendrá más control sobre sus mensajes y cómo presenta su marca a su audiencia. Tú eliges cómo quieres presentar tu marca, negocio, productos o servicios. La creación de imágenes personalizadas lo ayudará a conectarse con clientes potenciales en su público objetivo.

Las imágenes de archivo dificultan la construcción de esa conexión. Miles de empresas utilizan las mismas imágenes de archivo que otras empresas. Esto dificulta que su empresa parezca única si usted y sus competidores utilizan las mismas imágenes de archivo.

Tus correos electrónicos se sentirán más personales con imágenes originales. La gente sabrá que su empresa se tomó el tiempo para tomar estas fotografías.

Al usar imágenes originales, le dará a su negocio un estilo único. Si opta por utilizar sus propias imágenes, asegúrese de que sean claras y de alta calidad. Esto le ayudará a producir mejores campañas de marketing por correo electrónico con excelentes imágenes.

3. Limita la cantidad de imágenes que usas

Cuando crea correos electrónicos, es importante que incluya una cantidad equilibrada de imágenes. No quiere que su audiencia se sienta abrumada, pero tampoco quiere que se aburran con sus correos electrónicos.

Para determinar la cantidad correcta de imágenes para su correo electrónico, es posible que deba realizar una prueba. Esto le permitirá ver la cantidad de imágenes que funcionan para su audiencia. Una vez que sepa la cantidad de imágenes que genera la mejor tasa de clics (CTR), use ese número para diseñar sus correos electrónicos.

Cuando incorpore sus imágenes de marketing por correo electrónico, tenga en cuenta la cantidad que utiliza. Encuentre un equilibrio efectivo de imágenes y texto para ayudar a crear mensajes efectivos para su negocio. Hacer esto ayudará a garantizar el éxito de su campaña de correo electrónico.

4. Dimensione sus imágenes correctamente

¿Alguna vez abrió un correo electrónico y descubrió que la imagen está demasiado ampliada y el correo electrónico es difícil de leer? ¿O la imagen es tan pequeña que no puedes saber qué es?

Estos son problemas comunes que enfrentan los suscriptores cuando reciben correos electrónicos de empresas. Sin embargo, dimensionar correctamente sus imágenes en sus correos electrónicos hará que se vean nítidas y limpias.

No desea que sus imágenes sean demasiado pequeñas o demasiado grandes. Ninguna de estas imágenes presentará una experiencia positiva para su audiencia. Deberá elegir una nueva imagen (si su imagen es demasiado pequeña) o recortar su imagen (si es demasiado grande).

Por lo tanto, es importante que elija fotografías de alta calidad para sus campañas de marketing por correo electrónico. Siempre puede recortar una imagen para hacerla más pequeña pero mantener la misma calidad. Es mucho más desafiante tomar una imagen más pequeña y agrandarla evitando que se vea borrosa o pixelada.

Después de ajustar el tamaño y el recorte de las imágenes, es recomendable obtener una vista previa de su correo electrónico. La vista previa de sus mensajes antes de enviarlos le mostrará cómo se verá su correo electrónico para su audiencia. Es una oportunidad para que revises tus imágenes y veas si encajan bien en tu correo electrónico.

Dimensionar sus imágenes correctamente le ayudará a crear una mejor experiencia de visualización para sus suscriptores de correo electrónico. Cuando su audiencia vea su correo electrónico profesional, estará más interesada en su negocio y en lo que tiene para ofrecer.

5. Utilice imágenes de marketing por correo electrónico que se relacionen con su mensaje.

Es importante que elijas las imágenes que mejor coincidan con tu campaña. Deben reflejar el mensaje de su campaña y reforzar ese mensaje a su audiencia.

Supongamos que tiene una tienda de ropa y esta semana tiene una oferta de zapatos. Decide enviar un correo electrónico a sus suscriptores, incitándolos a ver la oferta.

¿Qué tipo de imágenes incluirías?

En este caso, querrá enfocarse en imágenes que resalten los zapatos. No querrás elegir imágenes que resalten tus otras prendas. Si el correo electrónico es sobre la venta de zapatos, desea utilizar imágenes que refuercen ese tema.

Este ejemplo es un poco más recortado porque es fácil incorporar imágenes de zapatos. Pero, ¿y si fueras una organización sin fines de lucro que solicita donaciones? ¿Cómo usaría las imágenes en su correo electrónico para alentar a sus suscriptores a donar a su organización sin fines de lucro?

Independientemente de su tipo de negocio, es importante que elija las imágenes adecuadas para reforzar su mensaje. Tus imágenes deben respaldar la acción que deseas que realice tu audiencia. Son partes complementarias de sus correos electrónicos que ayudan a su audiencia a comprender su mensaje y actuar en consecuencia.

6. Evite el uso de imágenes como fondo.

Algunas empresas intentan tomar un atajo y utilizar una imagen de fondo. Puede parecer una gran idea, pero las imágenes como fondos no funcionan para las campañas de marketing por correo electrónico. A menudo se distorsionan en el proceso de creación de correos electrónicos.

En lugar de usar imágenes de marketing por correo electrónico en su fondo, use una plantilla y coloque sus imágenes en la plantilla. Su correo electrónico se verá mejor y evitará que sus imágenes se distorsionen.

Si desea ver el éxito con sus imágenes de marketing por correo electrónico, evite usarlas como fondo para su correo electrónico. Es mejor usarlos dentro del contenido de su correo electrónico para ayudar a agregar un elemento visual a su mensaje.

Facebooktwitterlinkedintumblr

Cree ruedas dentadas vectoriales 3D en Adobe Illustrator

Vista previa del tutorial

Paso 1: creación de la forma plana

Empiece por crear un nuevo documento de Adobe Illustrator con una mesa de trabajo de 500 x 500 píxeles de tamaño. Asegúrese de que la opción Modo de color esté configurada en RGB.

Active la herramienta Estrella en el panel Herramientas y luego haga clic en cualquier lugar de la mesa de trabajo. Al hacerlo, debería aparecer la ventana de diálogo Estrella. Establezca los valores de Radio 1 en 25px, Radio 2 en 50px y Puntos en 12.

Hacer lo anterior creará un objeto con este aspecto:

Cambie a la herramienta Elipse (L), mantenga presionada la tecla Mayús y luego dibuje un círculo como se muestra en la siguiente imagen. (Debe mantener presionada la tecla Mayús para hacer un círculo perfecto).

También necesita alinear el círculo con la estrella seleccionando primero ambas formas usando la Herramienta de selección (V) y, en el panel Alinear (Ventana> Alinear o presione Mayús + F7) haga clic en los botones Centro de alineación horizontal y Centro de alineación vertical .

Copie el círculo (Ctrl / Comando + C) y péguelo en su lugar (Ctrl / Comando + F). Haz el nuevo círculo un poco más grande. Luego, muévalo detrás del círculo más pequeño usando Objeto> Organizar> Enviar hacia atrás (Ctrl / Comando +[)[)

Seleccione solo la estrella y el círculo más grande y, debajo del panel Buscatrazos (Ventana> Buscatrazos), haga clic en el botón Intersecar que recortará los puntos de la estrella.

Ahora, seleccione la forma de la estrella y el círculo rojo y use el botón Unir (también en el panel Buscatrazos).

Deberías terminar con algo como esto:

Toma la Herramienta Elipse (L) nuevamente y crea otro círculo más pequeño. Use los comandos de Centro de alineación horizontal y Centro de alineación vertical nuevamente para colocar este círculo en el centro de nuestra forma.

Asegúrese de eliminar el color de relleno del círculo y deje solo el color del trazo. Luego, establezca el valor del Peso de la carrera en 12 puntos.

Expanda el trazo yendo a Objeto> Expandir (esto convertirá el trazo circular en un objeto vectorial editable).

Selecciona ambas formas y, debajo del panel Buscatrazos, haz clic en el botón Menos Frente.

Deberías terminar con una rueda dentada que se ve así:

Duplique la rueda dentada (Ctrl / Comando + C, Ctrl / Comando + F), reduzca la escala del duplicado y luego colóquelo a la izquierda de la primera rueda dentada como se muestra a continuación.

Seleccione todo y luego colóquelos dentro de un grupo (Ctrl / Comando + G).

Paso 2: creación de objetos 3D

Ahora convertiremos nuestra ilustración plana en formas 3D.

Seleccione nuestro grupo y vaya a Efecto> 3D> Extrusión y bisel.

Siéntase libre de jugar con las opciones de Extrusión y Bisel hasta que obtenga el efecto que desea. Habilitar la opción Vista previa en la ventana de diálogo Extrusión y bisel es muy útil.

Aquí están mis configuraciones:

Usando la configuración anterior, debería terminar con algo como esto:

Paso 3: expandir y unir los elementos 3D

Para trabajar con varias partes de nuestras ruedas dentadas 3D, primero necesitamos expandir el objeto y luego usar el botón Unir en el panel Buscatrazos para combinar elementos relacionados.

Para expandir las ruedas dentadas 3D, selecciónelas y luego vaya a Objeto> Expandir apariencia.

Después de expandir la apariencia de nuestro objeto 3D, necesitamos desagruparlo por completo. Seleccione todo con la Herramienta de selección (V) y presione Mayús + Ctrl / Comando + G varias veces hasta que todo esté completamente desagrupado.

Después de desagrupar todo, debemos unir las partes relacionadas. Utilice las siguientes imágenes para ver qué partes deben combinarse.

Utilice el botón Unir en el panel Buscatrazos para este proceso.

Paso 4: aplicar degradados de color

Ahora aplicaremos algunos degradados de color agradables. Dado que nuestras ruedas dentadas están hechas de metal, usaremos gradientes de color gris para imitar ese tipo de superficie.

Para esto, use la Herramienta de degradado de Illustrator (G) y el panel Degradado (Ventana> Degradado).

Utilice las siguientes imágenes como referencia para la parte frontal de las ruedas dentadas:

Aquí están los gradientes de los lados internos de las ruedas dentadas:

Utilice estas imágenes como referencia para la rueda dentada de la izquierda:

Todo lo que tenemos que hacer ahora es rellenar los «dientes» de las ruedas dentadas. Use el mismo gradiente lineal que usamos para la parte interna de las ruedas dentadas.

Para mantener la iluminación de nuestra ilustración precisa, solo asegúrese de colocar el color más claro del degradado en la parte superior de los dientes y el color más oscuro en la parte inferior.

Use el mismo degradado de color para las partes entre los dientes.

Para la parte superior de los dientes, puede utilizar varios tonos de gris sólido como color de relleno; a medida que avanza hacia la parte superior de la mesa de trabajo, el tono de gris debería ser más claro (es decir, a medida que nos acercamos a la fuente de luz).

Nuestro trabajo está casi terminado; agreguemos algunos detalles a nuestra ilustración en los siguientes pasos.

Paso 5: resalte los bordes

Aunque nuestra ilustración ya se ve bastante bien, haremos algunas cosas más para terminarla.

Primero, necesitamos algunos reflejos en los bordes, ya que esto mejorará el aspecto de nuestras ruedas dentadas.

Duplique (Ctrl / Comando + C, Ctrl / Comando + F) la parte frontal de la rueda dentada. Mueva el duplicado hacia abajo en 1 px con la tecla de flecha hacia abajo. Seleccione tanto el original como el duplicado y, en el panel Buscatrazos, presione el botón Menos frente.

Cambie el color de relleno de la forma que acabamos de hacer a un color gris claro para que se destaque un poco.

Repita este paso también para la parte media de la rueda dentada:

Haz lo mismo con la rueda dentada izquierda también.

Cuando esté satisfecho, seleccione todos los objetos y colóquelos en un grupo (Ctrl / Comando + G).

Paso 6: crea el fondo de la ilustración

Como flor de diseño para nuestra ilustración, coloquemos nuestras ruedas dentadas sobre un fondo.

Coge la herramienta Rectángulo (M) del panel Herramientas y haz clic en algún lugar de la mesa de trabajo; debería aparecer la ventana de diálogo Rectángulo. Establezca las opciones de Ancho y Alto en 500px (que es la misma dimensión que nuestra mesa de trabajo). Presione OK para crear el rectángulo de 500x500px.

Aplique un degradado radial como se muestra en la imagen a continuación:

Coloque el fondo detrás de las ruedas dentadas usando Objeto> Organizar> Enviar al fondo (Mayús + Ctrl / Comando +[)[)

Paso 7: crea un efecto de reflexión

Ahora le mostraré una forma rápida y fácil de crear reflejos de objetos vectoriales en Illustrator.

Primero, para crear un reflejo realista, necesitamos girar un poco nuestras ruedas dentadas. Eche un vistazo a la parte inferior de la rueda dentada derecha. Notará que los dientes inferiores no están alineados con el eje x de nuestra mesa de trabajo. Creemos una línea horizontal temporal (es la línea roja en las siguientes imágenes) para ayudarnos a corregir el ángulo de nuestras ruedas dentadas.

Seleccione las ruedas dentadas y gírelas para que los dientes sean paralelos a la línea roja.

Elimine la línea roja después de realizar el ajuste.

A continuación, seleccione las ruedas dentadas, luego vaya a Objeto> Transformar> Reflejar.

Aparecerá la ventana de diálogo Reflect. Establezca la opción Eje en Horizontal y luego haga clic en el botón Copiar, que creará una copia reflejada de nuestras ruedas dentadas.

Seleccione la copia reflejada de nuestras ruedas dentadas, mantenga presionada la tecla Mayús y arrástrela hacia abajo.

Duplica el reflejo de las ruedas dentadas y desagrupa (Shift + Ctrl / Command + G) el duplicado.

Debajo del panel Buscatrazos, presione el botón Unir para unir todos los elementos en un objeto.

Vaya a Objeto> Trazado> Desplazamiento y establezca el valor del Desplazamiento en 1. Esto creará un objeto un poco más grande. Asegúrese de eliminar el objeto original (más pequeño) después.

Aplique un degradado radial en la ruta de desplazamiento como se muestra a continuación:

En el panel Transparencia (Ventana> Transparencia o presione Mayús + Ctrl / Comando + F10), configure el Modo de fusión en Pantalla. Esto hará que la parte negra del degradado sea transparente y se desvanecerá en el color blanco.

Seleccione todos los objetos en la mesa de trabajo excepto el fondo y luego Agrúpelos (Ctrl / Comando + G).

¡Y hemos terminado!

Resumen del tutorial

En este tutorial, hicimos una ilustración 3D muy interesante utilizando técnicas básicas de Adobe Illustrator. Convertimos una ilustración vectorial plana en una ilustración 3D. Usamos la Herramienta de degradado para colorear nuestro trabajo. Luego te mostré una técnica para crear un efecto de reflexión, que puedes usar en otras ilustraciones.

Gracias por seguir mi tutorial. ¡No dude en compartir sus pensamientos y plantear cualquier pregunta en los comentarios!

Archivos de origen del tutorial

Facebooktwitterlinkedintumblr
PowebDesign

© All rights reserved 2016 PowebDesign

Realizado ❤ en WordPress

Precios anti covid!

pagina web 230€

  • Web de 5 páginas: Inicio, quienes somos, contacto, productos etc..
  • Creada con WordPress para que la puedas ampliar.
  • No cobramos hasta que estés conforme con nuestro trabajo.

tienda online 300€

  • Autogestionada: Te mando un videotutorial para que aprendas a subir tus propios productos.
  • Sin letra pequeña: Dominio y hosting incluido el primer año, después 75€ al año.
  • Pasarela de pago, diseño y 10 primeros productos incluidos. Alta en Google Incluida.
Abrir chat