Category Archives: Tutoriales

Auto Added by WPeMatico

Cómo crear una encuesta con imágenes o GIFs en tu página de fans de Facebook

Blog facebook Redes sociales Tutoriales

Hace unos años Facebook nos permitía hacer encuestas en nuestras páginas, luego quitó la funcionalidad. La volvimos a ver en grupos de Facebook y a finales del 2017 volvió a lanzar esta útil funcionalidad en páginas de fans. El contenido informativo puede ser aburrido y el contenido de venta puede ser agresivo. La realidad es que tenemos que alternar contenidos para mantener a nuestra comunidad activa y fidelizada. Las encuestas son un contenido idóneo para conseguir más interacciones, para conocer a nuestros fans y para mejorar nuestra relación con ellos.

He creado este post para mostrarte cómo crear rápidamente una encuesta en tu página de fans de Facebook.

Ventajas de crear encuestas

Estas son algunas de las ventajas de crear encuestas:

  • Es un tipo de contenido llamativo y más si usas GIFs.
  • Aumenta el engagement con tu comunidad.
  • Aumenta el alcance que estás acostumbrado a conseguir.
  • Puedes conocer la opinión de tus fans y hacerles participe en próximos lanzamientos.
  • Es una fuente de retroalimentación de tus fans

Pasos para crear una encuesta en página de fans

  • Ve a tu página de fans (En caso de tenerla asociada en el Business Manager/ Administrador Comercial, debes ir allí para poder realizar la publicación).
  • Ve en la sección para publicar una nueva publicación y haz click en “Ver todos”

 

  • Selecciona la opción de “Crear una encuesta”

IMPORTANTE: Sí no te salen estos iconos de arriba elige Evento, producto y luego  crear una encuesta. 

  • Una vez que selecciones la opción de encuesta podrás escribir tu texto y pregunta y determinar las opciones de tu respuesta con texto +  imagen o texto + GIF. En el caso de querer utilizar un GIF puedes seleccionarlo desde la búsqueda de aplicaciones o agregar el enlace del GIF que deseas.

  • Por último tendrás que seleccionar la duración que quieres que tenga la encuesta. Por ejemplo, si escoges una semana, la encuesta estará vigente por tan solo 7 días. Si escoges la opción “nunca”, la encuesta siempre estará disponible para los usuarios participar.
  • Una vez que hayas revisado el texto y las respuestas tan sólo te queda darle a publicar 😉

Vídeo tutorial para crear encuesta en página de fans

Si prefieres puedes visualizar este vídeo (sin audio) con los pasos necesarios para crear una encuesta en una página de fans de Facebook.

Ideas para crear encuestas

¿No sabes cuándo y cómo usar las encuestas de Facebook? Aquí te comparto 3 ideas fáciles de lanzar:

  • Haz que tus fans sean los que decidan próximos pasos de tu negocio. Ejemplo:

    • La portada de tu próximo libro
    • El tipo de oferta que quieren (2×1 o descuento de X%)
  • Haz que tu fans compartan cuál su producto o servicio favorito.
  • Crea expectativa de próximos lanzamientos, descuentos o eventos.

Cosas a tener en cuenta

  • Sólo puedes tener dos tipos de respuestas para tu encuesta.
  • Las encuestas pueden estar limitada por tiempo (1 día, una semana o el tiempo que definas), también puedes dejarlas activas por tiempo indefinido.
  • Puedes agregar tu BOT de Facebook a tu estrategia de encuestas para convertir fans activos en suscriptores de tu bot.

Ejemplo de una encuesta en Facebook

Aquí te muestro un ejemplo de cómo se visualiza una encuesta de Facebook con GIFs.

¿Qué te parece esta funcionalidad de Facebook? ¿Te gusta o no? Comparte tu opinión en la sección de comentarios o en la publicación de Facebook 😉

 

 


¿Quieres acceder a cientos de contenidos de Marketing?

Visita mi librería de Marketing Online, la más grande de habla hispana, y encontrarás plantillas, ebooks y cursos que te ayudarán a formarte y a potenciar tus proyectos online. Si estás interesado en cursos online visita directamente mi página con todos mis cursos gratuitos y de pago.

recursos de marketing digital gratis

Todos los derechos reservados. Esta obra está protegida por las leyes de copyright y tratados internacionales.

The post Cómo crear una encuesta con imágenes o GIFs en tu página de fans de Facebook appeared first on Vilma Núñez – Consultora Estratégica de Marketing.

Powered by WPeMatico

Published by:

Cómo crear anuncios con GIFs en Facebook Ads

Los GIFs han revolucionado nuestra forma de comunicarnos. Inclusive muchas marcas como Air Europa en Twitter han aprovechado este formato para comunicarse con sus clientes de una forma más cercana.

Hoy os quiero compartir rápidamente cómo podéis hacer campañas de GIFs en Facebook Ads y compartiros algunos tips.

GIFs propios vs GIFs generales

Lo primero que quiero comentar es que deberíamos hacer GIFs propios. Es cierto que en bancos como Giphy podrás encontrar miles de GIFs divertidos, pero como marca debes tener cuidado con el tipo de contenidos que utilizas y los derechos que tienen.

Personalmente opino que un GIF propio potencia tu marca y resaltará mejor lo que quieres transmitir.

Como podrás ver en el ejemplo de abajo, mi GIF lleva hasta la tipografía de mi marca y el otro GIF es muy divertido pero no se quién lo ha creado y si tengo permisos para compartirlo en anuncios.

GIF Propio

GIF de Giphy

Cómo crear un GIF propio

En realidad es muy sencillo crear un GIF propio, tan sólo tienes que crear una secuencia de imagen. Básicamente tendrás que dividir los movimientos de tu GIF en distintas imágenes.

Para crear el GIF que te mostré anteriormente, tan sólo tuve que diseñar dos imágenes.

Cuando tienes las imágenes que puedes crear en Illustrator, Photoshop, Canva o Desygner tendrás que ir a una página como gifmaker.me para crear tu GIF y descargarlo.

Si no sabes de diseño te recomiendo contratar a un diseñador ;).

Cómo crear campañas de GIFs en Facebook Ads

Para crear una campaña con GIFs tendrás que usar el Administrador de Anuncios. A través del Power Editor NO podrás hacerlo todavía.

1. Crea una nueva campaña con el objetivo tráfico y asigna un nombre a esta campaña.

2. Configura tu conjunto de anuncios

  • Define el público. Recuerda que puedes usar la opción de incluir y excluir por países, audiencias e intereses.
  • En ubicaciones sólo puedes marcar Facebook y la opción de noticias de Facebook.

 

 

  • Define tu presupuesto diario. Si dejas la campaña sin fecha de fin pagarás  menos por CPC.

Recuerda que debes crear múltiples conjuntos de anuncios para probar segmentaciones. 


Crea anuncios en Facebook Ads con GIFs y potencia tus resultados
Click To Tweet


3. Configura tu anuncio

  • Selecciona el formato de vídeo único para que puedas subir tu GIF. Aquí es cuando importarás el archivo GIF que has creado.

 

  • Selecciona la miniatura de tu anuncio de Facebook Ads

 

  • Configura el copy de tu anuncio y define los enlaces de destino que utilizarás.

 TIPS

 ✓ Usa enlaces en el texto principal y multiplicarás tus conversiones.
 ✓ El primer enlace que pongas en tu texto principal debe estar en las primeras 4 líneas para que se visualice.
 ✓ Usa la vista previa de anuncios para confirmar que se verá perfectamente.

Recuerda que puedes y debes de hacer más de un anuncio. Es decir que puedes usar múltiples GIFs para ver cuál te funciona mejor. 

 

Cuando finalices el proceso de creación de tu campaña, conjunto de anuncio y anuncios podrás darle a publicar y esperar la aprobación de Facebook.

 

Déjame un comentario con tus dudas o resultados de tus campañas con GIFs.

 

Convierte más en Facebook & Instagram Ads

Si quieres aprender más y estar actualizado de todos los cambios de Instagram y Facebook Ads apúntate a mi curso práctico de Facebook Ads. A través de este curso he formado alrededor de mil profesionales y empresas.

banner-curso-fb-ads

 

¿Quieres acceder a cientos de contenidos de Marketing?

Visita mi librería de Marketing Online, la más grande de habla hispana, y encontrarás plantillas, ebooks y cursos que te ayudarán a formarte y a potenciar tus proyectos online. Si estás interesado en cursos online visita directamente mi página con todos mis cursos gratuitos y de pago.

recursos de marketing digital gratis

Todos los derechos reservados. Esta obra está protegida por las leyes de copyright y tratados internacionales.

 

The post Cómo crear anuncios con GIFs en Facebook Ads appeared first on Vilma Núñez – Consultora Estratégica de Marketing.

Powered by WPeMatico

Published by:

¿Cómo crear un anuncio con efecto de neón en Photoshop?

Los letreros con luces de neón son realmente llamativos en las ciudades, tanto por su luminosidad como por los vibrantes colores que utilizan. Estos letreros se utilizan usualmente en negocios, ya que son tan llamativos son ideales para poder ser localizados de noche.

Si quieres esta atmósfera nocturna a tus diseños en Photoshop también puedes lograr un efecto de luces de neón. Aunque es posible aplicar este efecto a diferentes figuras, en este artículo vamos a crear un anuncio de luces de neón en Photoshop. Haremos uso de una textura para dar los toques finales, pero la fuente y los resplandores serán realizados en su totalidad haciendo uso de opciones y modos de fusión, cambio de opacidades y muchos otros recursos que Photoshop pone a nuestra disposición.

Crear y preparar el archivo

Crea un archivo nuevo con las dimensiones de tu preferencia. Todo depende del tipo de fuente y el tamaño que decidas emplear para el texto. La primera capa creada será llamada por defecto “Fondo”, pero si lo deseas puedes cambiarle el nombre. Escoge la herramienta “Bote de pintura” y pinta la capa de color negro. En nuestro caso hemos utilizado el color #060305.

Escribe la frase deseada con una tipografía que sea lineal y se asemeje a las luces de neón para mejorar el efecto final. En nuestro caso hemos utilizado la fuente Clip. Asimismo hemos seleccionado un color pastel para el texto que posee el código # FFE0F6.

Para alinear el texto puedes activar las reglas desde el menú “Vista” y crear guías o alinearlo desde el menú capa. Para ello, debes seleccionar todas las capas del panel e ir al menú Capa>Alinear. Deberás elegir tanto “Centros verticales” como “Centros horizontales” de modo que deberás realizar este proceso dos veces.

Dar un efecto básico de neón al texto

Selecciona la capa de texto y pincha sobre botón “Añadir un estilo de capa” que se encuentra en la parte inferior del panel “Capas” para que puedas acceder a “Opciones de fusión”.

Activa “Resplandor exterior” y selecciona un color vibrante pues este servirá como brillo de la luz de neón. Este color debe ser del mismo tono del color de texto que has seleccionado previamente. En nuestro caso es el color #EA4DB1.

Puedes modificar la opacidad según convenga (dependiendo del color que hayas utilizado) e incrementar los valores de la opción “Extender” , según veas conveniente. Puedes verificar el cambio en tiempo real, así que asegúrate de ver el resultado mientras vas moviendo los deslizables.

Duplica la capa de texto moviéndola sobre el icono de “Nueva capa” que se encuentra en parte inferior. En la capa original de texto (es decir la que quedó debajo de la copia) deberás acceder al panel “Opciones de fusión” nuevamente y seleccionar “Por defecto” para reducir la opacidad del relleno a cero. De esta manera, desaparece el relleno de las letras y solo nos quedamos con el resplandor.

En esta parte, puedes modificar el “Resplandor exterior” de cada una de ellas si lo ves necesario. Ya que tienes las dos capas necesarias para poder apreciar el efecto, será más sencillo encontrar valores adecuados pues podrás ver los cambios en tiempo real. En nuestro caso, los valores de la copia de la capa de texto (la que se encuentra por encima de la capa de texto original) son los siguientes:

La recomendación general es que la capa de texto que se encuentra arriba tenga mayores valores en las opción “Tamaño” para que el resplandor se extienda.

Crear una forma adicional para que el diseño se vea más completo

Ahora crearemos un círculo u ovalo para completar el anuncio de luces de neón. Para ello seleccionaremos la herramienta “Elipse” y dibujamos la forma deseada según el tamaño de nuestro texto. Eliminamos el relleno y cambiamos el color del trazo. En nuestro caso hemos elegido el color #C1F7FD que tiene un buen contraste con el color de nuestro texto. Recuerda seleccionar un color que esté algo cercano al blanco para que de una mayor sensación de brillo.

Para esta capa también activamos “Resplandor exterior” de “Opciones de fusión”, tal como hicimos en la capa de texto. Los valores dependen de la figura que has creado, así como del grado del efecto que desees crear. En nuestro caso hemos usado los siguientes:

Esta capa la duplicamos y en la capa original eliminamos la opacidad de relleno al colocar el porcentaje en 0%, tal como hicimos con la capa de texto. Si es necesario, modificamos los “Elementos” de “Resplandor exterior” en nuestro caso el valor “Extender” es menor que “Tamaño”.

Para la copia del eclipse, tal como hicimos con la capa de texto, hemos incrementado los valores de la opción “Extender” para que el resplandor se extienda. Nuevamente, es una buena idea modificar los valores que has colocado previamente ya que ahora cuentas con las dos capas y puedes ver el efecto final.

Finalmente, seleccionas ambas capas de la forma de eclipse y las copias. Luego, haces clic derecho y seleccionas “Rasterizar capas”. Seguidamente, seleccionar “Combinar capas” y reduces el porcentaje de opacidad. En nuestro caso lo hemos dejado en %50.

Si lo ves necesario también puedes repetir este proceso para las capas de texto.

Dar los toques finales

Por último, colocaremos una textura de pared de ladrillos para mejorar el efecto final de nuestra edición. Busca en internet cualquier textura de pared que te parezca adecuada y ábrela en Photoshop.

Copia toda la capa presionando Cmd+A en Mac OS o Ctrl+A en Windows. En el archivo donde se encuentra tu edición, pega esta fotografía en una nueva capa. Cambia su tamaño si te parece necesario y coloca la capa al final, pero por encima de la capa “Fondo”.

Creamos una capa nueva y la colocamos encima de la capa de fondo. Con la herramienta Cuentagotas copiamos el color del resplandor de nuestros texto. Elegimos un pincel básico que posea un 0% de dureza y seleccionamos un puntaje los suficientemente grande para cubrir todo el alto y ancho de nuestro texto.

Damos un solo toque con el ratón y podremos ver como se crea un círculo difuminado alrededor de nuestro texto. Bajamos la opacidad de la capa hasta que notemos que el color deja un ligero efecto de iluminación de fondo. En nuestro caso, la opacidad se encuentra en un 50%.

Selecciona la capa donde se encuentra la textura y cambia el modo de fusión a “Luz suave”. Si notas que la capa luce demasiado vibrante todavía, puedes oscurecerla al aplicar una nueva capa de ajuste “Tono/Saturación” y reduce la saturación a -100.

Damos un solo toque con el ratón y podremos ver como se crea un círculo difuminado alrededor de nuestro texto. Bajamos la opacidad de la capa hasta que notemos que el color deja un ligero efecto de iluminación de fondo. En nuestro caso, la opacidad se encuentra en un 50%.

Y así es como tenemos un efecto de neón en nuestro texto, todo realizado en Photoshop. Debes elegir una fuente apropiada y además variar los valores que hemos seleccionado en este tutorial según las características propias de la fuente que has elegido, así como de los colores seleccionados para tu diseño.

Este artículo ¿Cómo crear un anuncio con efecto de neón en Photoshop? ha sido creado por el Blog Aula Formativa.

Powered by WPeMatico

Published by:

¿Cómo aplicar el efecto esténcil en Photoshop?

El esténcil es una técnica que consiste en aplicar pintura en una superficie mediante unas plantillas. Estas plantillas presentan cortes, de esta manera al aplicar la pintura en un muro se genera un diseño. El esténcil se suele realizar en color negro de modo que se emplean síntesis de figuras en estas plantillas, además se conoce el uso de fondo y forma para poder generar estas imágenes.

El esténcil como forma de expresión surge en los Estados Unidos en los años 80, aunque sus antecedentes se pueden rastrear desde la antigua China e incluso mucho antes en Egipto y Grecia.

En la actualidad el esténcil se sigue utilizando como una forma de expresión para transmitir alguna ideología, concepto, emoción e incluso pueden ser como críticas sociales. Aunque tal vez no tengas tiempo para crear tus plantillas de esténcil, en programas digitales puedes lograr este efecto. En este artículo te mostramos como aplicar el efecto esténcil en Photoshop.

1. Duplicar la capa en Photoshop

Al abrir la imagen en Photoshop, por defecto la capa con la fotografía estará bloqueada. Si bien puedes desbloquear esta capa haciendo doble clic sobre la misma, te recomendamos duplicar la capa, en caso algún paso del proceso salga mal o si quieres realizar pruebas y tener varios resultados para verificar cuál es el que luce mejor.

Puedes duplicar la capa arrastrándola sobre el botón “Crear una capa nueva” de la ventana “Capas” o también apretando la combinación “Ctrl+J” o “Cmd+J” en el teclado en Windows o Mac OS, según corresponda.

como-aplicar-efecto-estencil-en-photoshop-fotografia-duplicar-capa

Una vez que has duplicado la capa, puedes ponerle nombre a la copia. En nuestro caso lo hemos nombrado “Estencil”.

2. Modificar los tonos con el ajuste “Posterizar”

Para modificar rápidamente los tonos de la fotografía realizaremos el ajuste “Posterizar”. Posterizar hace referencia a un proceso en el cuál se reproduce una imagen de tonos continuos para obtener otra imagen con unos pocos tonos diferenciados.  En Photoshop sirve para crear efectos especiales como las áreas planas de una fotografía. Puede hacerse desde el menú Imagen>Ajustes>Posterizar o podemos seleccionar Posterizar desde la ventana Ajustes que se encuentra en la parte lateral de nuestra mesa de trabajo.

como-aplicar-efecto-estencil-en-photoshop-fotografia-posterizar-niveles

Con Photoshop, puedes elegir el nivel de posterización que va de 2 a 255. Mientras mayor sea el número, el resultado final será más parecido a nuestra fotografía original, de manera que al elegir 255 no notaremos ninguna diferencia entre la imagen original y aquella que presenta este efecto.

como-aplicar-efecto-estencil-en-photoshop-fotografia-posterizar

Deberás elegir uno de los valores más bajos, te recomendamos mantenerte en 2 a 4 según veas conveniente en tu fotografía.

3. Aplicar el ajuste “Umbral”

El ajuste Umbral sirve para convertir las imágenes a color y en escala de grises a imágenes donde sólo se emplean blanco y negro. Debido al uso de estos dos tonos se crea un contraste alto en la fotografía. Para aplicar ambos tonos el programa los divide en píxeles claros y oscuros, los claros se convierten en blanco mientras que los oscuros se convierte en negro.

como-aplicar-efecto-estencil-en-photoshop-fotografia-seleccion-umbral

Puedes seleccionar este ajuste desde el menú Imagen>Ajustes>Umbral. O también puedes aplicarlo eligiendo el botón adecuado en la ventana Ajustes. Al igual que en la ventana de ajuste Posterizar, debes seleccionar niveles que van desde el 1 hasta el 255. De forma predeterminada el deslizador se sitúa en 128.

como-aplicar-efecto-estencil-en-photoshop-fotografia-umbral-niveles

Al mover la flecha a la izquierda obtienes mayor detalle en la fotografía, mientras que a la derecha se va perdiendo detalle y en algunas fotografías puede que el resultado final al aplicar un nivel de 255 sea una silueta. Dependiendo del efecto que quieras lograr y de la fotografía con la estés trabajando puedes elegir un valor menor a 128 o mayor a éste.

como-aplicar-efecto-estencil-en-photoshop-fotografia-umbral

En nuestro caso hemos elegido un valor de 173.

4. Realizar arreglos finales

Ahora lo único que queda por hacer es eliminar las zonas de la fotografía que no son parte del esténcil de nuestro personaje. Dependiendo de tu fotografía deberás usar blanco o negro. En nuestro caso es el color blanco.

como-aplicar-efecto-estencil-en-photoshop-fotografia-seleccion-pincel

Selecciona la herramienta pincel de la barra lateral izquierda y elige un pincel común que tenga una dureza de 100% y el tamaño adecuado según la zona que deseas pintar y comienza a emparejar el fondo.

como-aplicar-efecto-estencil-en-photoshop-fotografia-umbral-limpieza-fondo

Para la fotografía que hemos elegido también es necesario realizar arreglos al efecto de esténcil que hemos logrado pues ha ciertas zonas blancas en el pelaje del perro. Para emparejar esta sección utilizaremos el mismo pincel seleccionado previamente, sólo que ahora elegiremos el color negro.

como-aplicar-efecto-estencil-en-photoshop-fotografia-resultadofinal

Y ahí lo tenemos, un efecto esténcil en Photoshop en 4 sencillos y rápidos pasos.

Este artículo ¿Cómo aplicar el efecto esténcil en Photoshop? ha sido creado por el Blog Aula Formativa.

Powered by WPeMatico

Published by:

Superguía – Cómo crear un Facebook Live con contadores de reacciones en tiempo real

En los últimos días habréis visto cómo muchas páginas se unieron al movimiento de emitir a través de Facebook Live con contadores interactivos de reacciones. Estos contadores utilizan la tecnología de Facebook para convertir cada reacción en un número que luego sumado a otros genera un contador divertido.

Este nuevo formato ha creado mucha controversia, algunos desean hacerlo (razón por la cual decidí montar este artículo) y otros lo critican porque lo consideran SPAM. Mi opinión está en el medio, creo que sí podemos utilizarlo dentro de una estrategia, pero no estoy de acuerdo en emisiones sin sentido que sólo buscan llamar la atención de fans por un momento. Ese tipo de emisiones me parecería como comprar amor por unos minutos y todos sabemos que no es real. Sin embargo, lo que sí funcionaría es que incluyamos este tipo de contadores en una estrategia mayor.

Al tema de contadores llevo siguiéndole la pista hace bastante. Con mis ex-compis de MUWOM montamos un contador de Twitter para el programa de televisión El Hormiguero a través del cual la audiencia votaba por sus artistas favoritos. El contador por sí solo era tecnología, pero detrás había una estrategia y un guión para juntar lo real con lo digital.

Esto es lo mismo que os recomiendo a vosotros (os dejo una gráfica de ejemplo). Como veréis, los primeros minutos son para conectar con la audiencia y son cruciales. Luego tenemos que iniciar a aportar valor sin olvidarnos de que la gente reaccionará con me gusta, corazones y hasta comentarios. Esto significa que tenemos que intentar acomodarnos a sus reacciones si queremos conectar mejor con ellos. Mi propuesta es que incluyas los contadores de reacciones en el medio de tu emisión, de una forma más natural. Primero educas y luego pides feedback de lo que acabas de decir. Esto no debería durar más de 5 minutos, no hace falta darle tanto protagonismo a una funcionalidad divertida.

guion-para-facebook-live-con-reacciones

Guía definitiva para hacer contadores con reacciones en tiempo real y en Facebook

Para crear la guía he contado con el apoyo de mi esposo Jose (para la parte de programación). También quiero agradecer a Monty por haber escrito dos buenos artículos sobre el tema en su blog diariodeunfriki y a Socialwall.me por aportarnos un HTML de base para trabajar desde que salió esta moda de reacciones en directo. Gracias al aporte de Monty, SocialWall y Jose hoy os puedo traer una guía fácil y unas plantillas de HTML gratis que podéis editar. No hace falta que os deis de alta en mi blog para descargarlas, pero si queréis tener trucos de este tipo os recomiendo suscribiros. 

Los objetivos de este artículo son que puedas entender cómo funcionan las reacciones en directo y que tengas las herramientas y guía necesarias para probarlo o implementarlo.

Ingredientes para esta receta

  • Crear una página de pruebas en Facebook
  • OBS (Programa para emisión en directo)
  • Editor de texto para poder editar el código HTML (no te asustes, yo no soy programadora y pude hacerlo)
  • Crear una aplicación en la sección de desarrolladores de Facebook
  • Crear un vídeo en directo programado
  • Contenido gráfico para lanzar una pregunta a tus fans

Después de haberte listado los ingredientes, quiero repasar contigo todos los pasos que necesitas para lanzar tu contador. En mi canal de Youtube he publicado un videotutorial por si prefieres seguir los pasos de esta forma.

1.  Crea tu página de fans de pruebas

Si todavía no tienes una página de fans para pruebas este es el momento perfecto para crearla.

Entra en este enlace facebook.com/pages/create y crea una página con un nombre genérico y que no esté asociado a tu marca personal o marca profesional. Ejemplo: Prueba Bam Bam

Cuando tengas tu página de fans creada, pon una mínima configuración y convierte esta página en tu mejor aliado antes de lanzar cualquier otra estrategia. En mi consultora tenemos 4 tipos de páginas de pruebas, 2 grupos de Facebook y un evento para experimentar.

 Tip: Nunca le hagas like a la página desde tu perfil porque tus amigos lo verán. Esta página es de pruebas, si alguien se cuela bórralo a través de configuración.

2. Descarga e instala OBS

Desde la página oficial de OBS (Open Broadcaster Software) podrás descargar la herramienta (está para Windows, Linux y OSX).

Descarga e instala OBS obsproject.com

Cuando tengas instalada la aplicación déjala abierta y sigue con el próximo paso.

3.  Crea una aplicación de Facebook

A través de la plataforma Facebook for Developers podrás darte de alta aceptando sus condiciones. Una vez te des de alta tan sólo tienes que seguir los siguientes pasos:

  • Selecciona el botón de crear una nueva APP
  • Ponle un nombre a tu APP y selecciona una categoría. Ejemplo: Reacciones en directo.
  • Ve a la sección de Dashboard de tu aplicación para tener a mano tu APP ID y tu Código secreto de la aplicación.
  • Ve a la página de SmashBalloon -> smashballoon.com/custom-facebook-feed/access-token y baja al punto 12 para generar tu access token. Lo necesitarás para proceder con este tutorial y la emisión.

Te dejo una imagen de ejemplo.

como-conseguir-tu-access-token-de-la-app-de-facebook

4a. Crea tu evento en directo

Para crear tu evento en directo tendrás que ir a “Herramientas de publicación” en tu página de fans y luego seleccionar “Vídeos”. En esa sección te saldrá el botón de “LIVE” y tendrás que seguir las siguientes instrucciones:

  • Copia “Stream key” y abre OBS. En OBS haces clic en preferencias y seleccionas emisión para pegar el “Stream Key” de Facebook donde dice “Clave de retransmisión”.
  • Vuelve a Facebook y selecciona el botón de siguiente para poner el título, las palabras claves y la imagen de miniatura.
  • Por último, programa tu Live para que tengas tiempo de seguir la configuración.

4b. Extrae el ID post de una publicación

Para conectar las reacciones de tus fans con tu Facebook Live necesitaremos el ID Post del vídeo en directo que acabas de programar.

Primero necesitarás el enlace permanente de tu vídeo en directo. Para sacarlo tienes que ir a la publicación y seleccionar la fecha. Ejemplo: Hace 1 minuto. Una vez que consigues el enlace https://www.facebook.com/215552185797794/videos/1530140925294501/ tendrás que utilizar la parte que te resalto en rojo y negrita. Ese es el ID de POST que luego usaremos en el paso número 5 de este tutorial.


Superguía – Cómo crear un Facebook Live con contadores de reacciones en tiempo real
Click To Tweet


5. Configura tu acción de reacciones en directo

Aquí viene la parte más técnica (no te asustes que será fácil si sigues todos los pasos tal y como están citados en este artículo o como te repaso en el vídeo).

Para configurar todo necesitarás descargarte una carpeta llamada “Reacciones Facebook Live”. 

Descarga la carpeta GRATIS y sin suscripción 

Esta carpeta incluye lo siguiente:

  • 3 imágenes
  • 1 logo
  • Un archivo HTML llamado index2 (para hacer contadores de dos columnas)
  • Un archivo HTML llamado index3 (para hacer contadores de tres columnas)

Lo bueno de esta carpeta que hemos creado para ti es que tan sólo tienes que sustituir y editar dos o tres cosas. A continuación te repasamos todo.

a. Crea las dos o tres imágenes que quieres utilizar en tu acción.

ejemplo-de-facebook-live-reactions-con-reacciones

b. Exporta las imágenes en JPG y con el mismo nombre que están en la carpeta.
c.  Sustituye el logo actual.
 IMPORTANTE: debes utilizar los mismos nombres con las imágenes para que funcione.
d. Abre una aplicación de edición de texto como TextEdit (para MAC) y edita con MUCHO CUIDADO el código HTML para cambiar y agregar algunas cosas que te comparto en la imagen de abajo.
  • Cambiar el color del background
  • Cambiar el titular de la página
  • Agregar el access token
  • Agregar el post ID
e. Dale a grabar al archivo HTML y cierra el editor de texto.
f. Arrastra el documento index2 o index3 en tu navegador y luego ve al post de tu directo en Facebook. Una vez que tengas abierto el post prueba haciendo un me gusta y confirma que se refleja esta acción en el contador. Esta prueba es en local, pero si te funciona así funcionará perfectamente en directo.

5. Configura OBS para hacer tu directo

Por último, tendrás que emitir tu Facebook Live de prueba siguiendo estos pasos:

  • Abre OBS
  • Confirma que en la sección de emisión pusiste la Stream Key de Facebook (como te comenté en el paso 4a).
  • En el cajón inferior de OBS tendrás la sección de “Fuentes”. Haz clic en el botón de “más” y selecciona “Browser Source”.
  • Aquí tendrás que elegir “Local file” y buscar el archivo de Index que editaste para la acción.
  • En medidas te recomiendo poner 1920px x 1080px y luego haz clic en aceptar.

Con estos pasos terminas la configuración y podrías darle a iniciar retransmisión. Recuerda que debe ser en la hora que has programado tu vídeo en directo en Facebook. 

 OBS no sólo es útil para emitir un contador con reacciones (te recomiendo agregar más fuentes para poder mostrar tu pantalla o salir en cámara), sino que además es una herramienta MUY buena para hacer un buen Facebook Live.

Ideas para usar las reacciones en directo de forma inteligente

  • Haz que los usuarios decidan tu próximo producto o el precio del mismo (esta última fue idea de Jorge).
  • Si estás presentando novedades pregúntales cuál les gustó más
  • Si estás pensando en lanzar algo pero no sabes por dónde tirar, pregunta a tus fans qué temáticas les resultarían más interesantes.
  • Deja en manos de tus fans una decisión importante. Por ejemplo, que elijan tu próxima portada, diseño, etc.

Recuerda que en Facebook Live la comunicación es bidireccional, tienes que preocuparte por tu audiencia. No olvides que, aunque uses un contador, lo más importante son los comentarios y la retención de tu vídeo en directo.

Videotutorial “Cómo crear un Facebook Live con contadores de reacciones en tiempo real”

Te comparto el videoresumen de este tutorial por si prefieres seguirlo conmigo de fondo.

Espero que este tutorial te haya servido. Nosotros nos hemos divertido mucho en el proceso de montarlo 😉

Las reacciones en directo han hecho que la comunidad de marketers nos abramos a compartir todo el proceso. Gracias a los que habéis aportado y a los que estáis leyendo este artículo. Si tenéis sugerencias o recomendaciones escribidme a través de comentarios.

 

¿Quieres acceder a cientos de contenidos de Marketing Online?

Visita mi librería de Marketing Online, la más grande de habla hispana, y encontrarás plantillas, ebooks y cursos que te ayudarán a formarte y a potenciar tus proyectos online. Si estás interesado en cursos online visita directamente mi página con todos mis cursos gratuitos y de pago.

libreria marketing online gratis

The post Superguía – Cómo crear un Facebook Live con contadores de reacciones en tiempo real appeared first on Vilma Núñez – Consultora Estratégica de Marketing.

Powered by WPeMatico

Published by:

Tutorial de Photoshop: Calabaza de Halloween

Octubre ya se acerca a su fin y con ello viene una fiesta extranjera que poco a poco se ha ganado el corazón de muchos españoles. Así es, estamos hablando de Halloween, día que muchos aprovechan para ir a fiestas temáticas, reunirse con los amigos o simplemente disfrutar una maratón de películas de horror.

En otros países, Estados Unidos particularmente, se celebra esta fiesta a lo grande. Niños y adultos se disfrazan de personajes terroríficos e incluso se decora el exterior de las viviendas para darle un aspecto espeluznante. En esta fecha, un adorno que no falta en cada casa es la usual linterna de Jack-o hecha con una calabaza. Y aunque, tal vez no tengas las fuerzas para crear una linterna real, en este tutorial de Photoshop te enseñaremos cómo crear tu propia calabaza de Halloween a partir de una foto.

Primero deberás encontrar una foto de una calabaza como la que te mostramos a continuación. La que estoy usando se encuentra en Morguefile.

Asegúrate de elegir una foto donde se pueda ver la calabaza en su totalidad y que ésta haya sido tomada de frente. Una vez que hayas encontrado una imagen apropiada, ábrela en Photoshop.

En este caso vamos a modificar un poco la ambientación de la foto, si notan con cuidado, los amarillos resaltan demasiado y queremos que parezca una foto que haya sido tomada de noche, lo cual se puede lograr en dos pasos. Primero, debes realizar una ligera modificación en la capa de ajuste “Niveles” moviendo los deslizadores en RGB como te mostramos a continuación:

Tutorial de Photoshop: Calabaza de Halloween - Ajustes Niveles

Tras este paso, tu foto estará un poco más oscura, sin embargo, en la noche no sólo oscurece, sino que hay una especie de luz azul y eso es justamente lo que queremos lograr. Generarás una nueva capa de ajustes de “Equilibrio de color”. En esta capa deberás modificar los medios tonos y las sombras. Juega un poco con los valores y recuerda que la ambientación general debe tener un toque de azul.

Tutorial de Photoshop: Calabaza de Halloween - Ajustes Equilibrio de color

Existe otra forma de lograr una ambientación azul de manera más inmediata y es mediante la capa de ajuste “Filtro de fotografía”. Sólo debes elegir algún filtro azul, sin embargo, tienes más control sobre el resultado final si usas la capa de ajuste “Equilibrio de color”, tal como hemos realizado en este tutorial de Photoshop. El resultado del cambio de ambiente sería el siguiente:

Tutorial de Photoshop: Calabaza de Halloween - Ambiente Noche

Una vez que hayas logrado la ambientación que buscabas, crea una nueva capa y dibuja el ojo izquierdo con la herramienta lazo o con la herramienta pluma. Si usas la herramienta pluma recuerda convertir tu trazado a selección. Crea una máscara de capa y rellena la selección con color negro. En la parte inferior de tu panel “Capas” pinchas sobre el icono fx para aplicar los siguientes efectos de capa:

Tutorial de Photoshop: Calabaza de Halloween - fx Superposición de colores

Tutorial de Photoshop: Calabaza de Halloween - fx Sombra interior

Tutorial de Photoshop: Calabaza de Halloween - fx Resplandor Interior

tutorial-de-photoshop-calabaza-halloween-fxsombraparalela

Tras aplicar los efectos de capa deberías tener un resultado parecido al que te mostramos a continuación.

Tutorial de Photoshop: Calabaza de Halloween - Forma ojo

Ahora pasaremos a imitar la iluminación dentro de la calabaza. Para ello debes crear otra capa y copiar la máscara de capa manteniendo presionado Alt/Opt + cmd (alt+ctrl en Windows) y arrastrando con el ratón hasta la nueva capa. Con la herramienta lazo o pluma dibujas un triángulo más pequeño y lo rellenas con un color amarillo (en mi caso estoy utilizando el #FEDA00). Para asegurar que esta capa se rellene en el lugar adecuado debes mantener seleccionada la máscara de capa. Por último, cambia el modo de fusión a Superponer. El resultado deberá ser el siguiente:

Tutorial de Photoshop: Calabaza de Halloween - Iluminación Ojo

A continuación, crearemos una especie de textura para la zona interior de los ojos. Para ello debes crear una nueva capa y copiar la máscara de capa. Selecciona la herramienta pincel, luego en el menú superior selecciona “Ventana > Pincel” y modificas los valores como indicamos en la siguiente imagen:

Tutorial de Photoshop: Calabaza de Halloween - Configuración Pincel Forma Punta

Tutorial de Photoshop: Calabaza de Halloween - Configuración Pincel Dispersión

Una vez realizada la configuración del pincel pinta las zonas alrededor de la luz de los ojos con el mismo amarillo que utilizaste anteriormente. El tamaño del pincel puede variar dependiendo de tu imagen, pero asegúrate que la dureza sea 0 y que el pincel se encuentre se encuentre en modo Disolver. Modifica la opacidad de la capa al 30%.

Y así habrás finalizado el ojo izquierdo. Esta forma la puedes emplear como base para el ojo derecho y la nariz por lo que puedes ordenar las capas creadas para el ojo izquierdo en una carpeta y copiarlas. Deberás modificar la iluminación que hemos creado y al mover la iluminación, deberás crear nuevamente la textura. Si repites los pasos antes mencionados para el ojo derecho y la nariz te debería quedar un resultado parecido al que te mostramos a continuación:

Tutorial de Photoshop: Calabaza de Halloween - Ojos y nariz

Ahora sólo falta la boca. Dibújala con la herramienta lazo o pluma en una nueva capa, crea una máscara de capa y rellena tu selección de color negro. Copia todos los efectos de capa que has usado en el ojo izquierdo con alt/opt+cmd (alt+ctrl en Windows).

Tutorial de Photoshop: Calabaza de Halloween Boca Forma

Para realizar la iluminación deberás crear una nueva capa y copiar la máscara de capa. A continuación, deberás realizar una selección como la que te mostramos:

Tutorial de Photoshop: Calabaza de Halloween - Boca Iluminación

¿Notas que hemos dejado cierto espacio entre la parte superior y la parte lateral de los dientes? Este truco ayuda a crear la sensación de profundidad. Debes tener seleccionada la máscara de capa para poder rellenar adecuadamente tu nueva selección. Usa el mismo color amarillo de antes y ya está.

El paso final sería aplicar la textura con el pincel en las zonas que no están siendo iluminadas, es decir, las zonas que no están cubiertas de amarillo. Finalmente, tu resultado final debería ser algo parecido a lo que te mostramos a continuación:

Tutorial de Photoshop: Calabaza de Halloween

Y ahí la tienes, tu propia calabaza espeluznante para Halloween. Es un proceso simple que no te debería tomar mucho tiempo, especialmente si ya estás familiarizado con las herramientas de Photoshop.

Este artículo Tutorial de Photoshop: Calabaza de Halloween ha sido creado por el Blog Aula Formativa.

Powered by WPeMatico

Published by: