Guía para principiantes: la narración a través del diseño gráfico y la fotografía | Cyn Lagos | Skillshare
Buscar

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Guía para principiantes: la narración a través del diseño gráfico y la fotografía

teacher avatar Cyn Lagos, Visual Storyteller

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introduccion

      2:12

    • 2.

      ¡Hola!

      2:01

    • 3.

      Proyecto de clase

      1:31

    • 4.

      Historias en tus fotografías

      3:36

    • 5.

      Selecciona tu foto de héroe

      1:23

    • 6.

      Guía y recursos de tipografía

      4:55

    • 7.

      Estructura de la narración

      6:01

    • 8.

      Dibujo y lluvia de ideas

      8:07

    • 9.

      Flujo de trabajo de Photoshop

      1:55

    • 10.

      Fundación de Photoshop

      7:27

    • 11.

      Gráficos con Photoshop

      8:03

    • 12.

      Flujo de trabajo de diseño de narración con Photoshop

      13:12

    • 13.

      Animación adicional

      4:12

    • 14.

      ¡Lo lograste!

      0:47

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

363

Estudiantes

2

Proyectos

Acerca de esta clase

¿Eres fotógrafo y quieres ampliar tu conocimiento de Diseño gráfico para tu narración en línea?

Si es así, amigo mío, ¡esta clase va a ser genial! Esta clase de Skillshare es una forma entretenida de aprender los principios de diseño gráfico centrados en la narración con tus fotografías como inspiración principal. ¡Nos sumergiremos en nuestros archivos de imágenes para observar cuidadosamente nuestras fotografías y acceder a una guía especial de inspiración para tus elecciones de diseño!

En esta clase, aprenderás a usar elementos visuales para crear historias que sean visualmente atractivas y emocionalmente resonantes.
Cubriremos todo, desde diseño de maquetación hasta tipografía y fotografía. Al final de la clase, podrás crear imágenes visuales impresionantes que contarán tus historias de una manera que deje una impresión duradera.

ESTO ES PARA TI SI:

Crecimiento de habilidades:
si eres fotógrafo y quieres mejorar tus habilidades visuales de narración con el diseño gráfico.

Crecimiento personalSi
quieres tener un impacto más fuerte en línea al compartir las historias en tus fotografías.Avance profesionalSi


eres creador de contenido que busca mejorar tus habilidades en marketing en redes sociales basado en la narración visual.


  • Tipografía

  • Gráficos digitales 

  • Diseño de maquetación

  • Y, por supuesto, ¡fotografía!

Lo que es aún mejor, en esta clase también te he dado una guía para principiantes sobre el uso de Adobe Photoshop para familiarizarte con las herramientas y técnicas para crear historias visuales, desde el boceto hasta el mundo digital.


El aprendizaje es un viaje para toda la vida: aprende todo lo que necesitas saber para contar historias con esta clase, ¡nos vemos en tu interior!

 

Conoce a tu profesor(a)

Teacher Profile Image

Cyn Lagos

Visual Storyteller

Top Teacher

Cyn Lagos is a Latin American visual storyteller with a focus on multi-diverse digital expressions; Street Photography, Graphic Design, and immersive technology. Because of her personal journey as an immigrant pursuing the American Dream, Cyn has embarked on a mission to inspire social change and educate the world on conscious visual storytelling.

Cyn Lagos has been remarked on by global tech companies such as Facebook, Google, and Instagram. Most notably, she was awarded the Adobe Creative Residency, where she cultivated the passions of aspiring artists by mentoring them in the techniques of Visual Language that advocate Storytelling via a more empathic lens.

Longer-term, Cyn Lagos aspires to focus her craft on philanthropic efforts using her technical p... Ver perfil completo

Habilidades relacionadas

Diseño Diseño gráfico
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

7. Estructura de narración: Genial, vamos a sumergirnos en la estructura de Storytelling. En esta lección, hablaremos sobre la importancia de la introducción, la recompensa, el outro, y la conclusión Ahora bien, esta estructura se puede voltear boca abajo, se puede reorganizar, pueden romper todas las reglas De hecho, te animo a romper todas las reglas. Y la estructura de la narración de historias. Lo que quiero explorar es una base de cómo comenzar una historia. Entonces la portada va a ser o actuar como casi un resumen o adelanto o un tráiler muy tentador Eso va a conseguir que hagas clic en Siguiente. Te va a poner ansioso por ver más. Imagina todas estas portadas realmente geniales que siempre has visto. Has visto la portada de una película de gran éxito. Y solo tiene todos estos elementos diferentes que te ayudan a entender un poco el estado de ánimo de la película o la escena que va a venir después Es importante tal vez tener en mente algunas palabras clave que puedan ayudarte a crear una marea más que una descripción, pero es una oración, es una convicción Así que trata de considerar palabras clave o tal vez una oración completa que te permita describir este conjunto particular de imágenes que has recopilado. Y esto me ha ayudado solo a tener una idea de cómo voy a guiar a mi espectador hacia una historia. Un elemento clave de tu introducción es mostrar por qué es importante Al principio, realmente eres capaz de divulgar por qué te importaba Creo que es un espacio muy especial para ser realmente honesto con tu audiencia y permitir una conexión más significativa a través tus palabras o a través de tu Fotografía. No tengas miedo de retransmitir realmente tus emociones, tus emociones sensatas sobre lo que se sintió estar ahí ese día. Si, por ejemplo, estás exhibiendo una sesión de fotos que está un poco más del lado del periodismo A lo mejor puedas explicar lo que se sintió al estar del otro lado de esa lente experimentando esos eventos. La intro es un lugar especial para expresar tu historia y hacerle saber a tu audiencia que hay a punto de embarcarse en un viaje muy especial Bien, así que hemos llegado a mi parte favorita, la recompensa. El apartado de recompensas es donde conseguimos resaltar la imagen más importante de tus series fotográficas. Esta sección es donde brillan todas tus imágenes de héroe. Y estaremos enfatizando esto creando un Layout de Diseño Gráfico que realmente resalta nuestras imágenes y realmente pronuncia este punto de recompensa de nuestra historia Un consejo que me gusta darte es que reserven todas tus mejores imágenes para esta sección. Todos tus momentos más destacados para esta sección, sobre todo si encuentras que puedes expresarte aún más sobre por qué esta historia te importa. Reserve esto para el punto medio de nuestra historia donde su audiencia realmente pueda sentir el peso de esa recompensa Esta es también la sección en mis historias que me gusta involucrar a mi público ya sea haciendo una pregunta o tal vez dejando una sección común para me hagan saber lo que piensan. Hasta el momento. Aunque somos libres de vestirlo y realmente hacer que este momento se sienta como una recompensa para su público. Hablemos del outro. El outro consiste en recopilar tus pensamientos finales, permitiendo que la audiencia obtenga una perspectiva sobre algo que tal vez aprendiste a lo largo de tu viaje A lo mejor es una resolución, algo que le da al público la sensación de que has llegado a una nueva perspectiva. Esto va a hacer que se sientan también embarcados en tus ideas y en tu proceso de pensamiento dentro de esta historia Llegamos a la conclusión de la estructura de nuestra historia. Ahora esta sección es muy parecida a la anterior, con un poco de giro. Esta sección también es importante para poder dejar atrás algunos recursos. Por ejemplo, tu sitio web o tu proyecto más reciente. Es importante tener esta parte de tu historia porque permite al espectador entender que esta historia ha llegado a su fin. También es un momento para resaltar la voz del autor. Ese eres tú para poder dejar algunas declaraciones finales y lo más importante, formas de conectar más. La conclusión clave de esta lección es que se trata de una base estructural. Esto nos va a ayudar en traducción de historias visuales y medios como las redes sociales en sus portafolios, en sus Siempre va a estar disponible para ti cuando quieras mirarlo para poder comenzar una historia. Genial. Ahora pongamos a bosquejar las ideas visuales que fueron provocadas por 8. Bocetos y tormenta de cerebro: Entonces para mí y el Diseño Gráfico y poder crear mi propio story boarding y poder dibujar antes de comenzar con el diseño es muy importante, es un paso muy vital en mi proceso. En las primeras etapas de mi Desarrollo de Diseño Gráfico, saltaba directamente a la computadora y me encontraría poco a poco empujando los píxeles alrededor, esperando que mi idea simplemente se manifestara de alguna manera frente a mí. Pero poder de manera fluida y bastante nativa solo usar un papel y un bolígrafo para sacar mis ideas es un proceso mucho más eficiente para permitirme dibujar y redibujar el tipo de conceptos que están rodando en Cuando se trata de storyboard, lo que quiero que pienses las diferentes formas en las que vamos a reunir todos los elementos y permitirte organizar y reorganizar las piezas Bien, ahora tienes lista tu plantilla impresa. Encuentra tus marcadores favoritos o tal vez un lápiz, sacapuntas esos lápices y empieza a dibujar todos tus elementos Entonces comencemos. Enseguida. Me gusta comenzar con formas simples, como círculos, rectángulos, líneas, puntos, cosas así, son muy fáciles de traducir al espacio digital Pero también son visibles en todas partes. Si empiezas a prestar atención a tu entorno, verás que existen orgánicamente y casi todo lo que vemos Hagamos un poco de ejercicio de estilo libre aquí para encontrar un patrón con una forma simple ¿Qué tal si empezamos con un símbolo simple y hacemos una X o a través y para crear un patrón a partir de eso ya empieza a verse realmente, realmente interesante. Ahora bien, esto puede contener cierto grado de simbolismo, o simplemente puede ser con el propósito de enmarcar tu diseño Y ambos son buenos o comprados en Diseño Gráfico, Patrones y Gráficos no tienen que asumir la pesada carga del simbolismo y la forma en que un logotipo puede tener que hacerlo Pero sí ayuda tener alguna intención detrás de ello. Para mí, encontrar estos patrones y formas orgánicas en mi Fotografía se siente como un elemento agradable que puede ayudar a unificar mi Diseño con mi serie de fotos Por ejemplo, si estuviera fotografiando el océano, podría querer tomar prestada la versión metafórica simple del océano y crear aquí un patrón que Algo tan simple como las líneas realmente puede crear un efecto. Y el objetivo aquí es simplemente seguir dibujando. Y puedes comenzar a sentir que puedes tener un nivel de control sobre tus ideas y tu sentido del Layout, incluso cuando estamos dibujando patrones. Este ejercicio puede ser muy terapéutico y me encuentro utilizándolo con bastante frecuencia y empieza a hacer que mi cerebro piense, incluso cuando no tengo un proyecto que la mente. Permite que mi mente con demasiada frecuencia sea autodidacta en el espacio del Diseño, Diseño Gráfico está específicamente lleno de elementos abstractos que tienen un significado o un propósito dentro de un diseño Probar este ejercicio debería poder ayudarte a ponerte en sintonía con tu mentalidad de Diseño Gráfico y darte una idea de cómo abordarlo en el espacio digital Posteriormente en este ejercicio, quiero animarte a que seas observador Considera los patrones, texturas y elementos repetitivos que ves en tus Fotografías A lo mejor ves círculos, hay muchas nubes. A lo mejor puedas pedir prestado de esa forma y traducirla en una forma simple Utilice este ejercicio para ejercitar su mente en Ideas de Diseño Gráfico y visuales. Recuerda, el objetivo de esta lección es obtener un nivel de discernimiento de las diferentes piezas que construyen un Diseño Gráfico Ahora que hemos creado nuestros Gráficos, vamos a tenerlos en cuenta a medida que avanzamos a bosquejar nuestros El primer paso que me gustaría dar es hacer una lista corta de las cosas que quería poner dentro de mi diseño A veces es un estilo, a veces es algo directo, como mi Tipografía, mis Gráficos, y mis En esta etapa del proceso, me gusta usar palabras de marcador de posición como subtítulo, título y textos Una gran razón por la que me gusta dibujar antes de saltar a una computadora es que aquí puedo jugar con la jerarquía de posicionamiento de todos mis elementos de una manera que es un poco más de forma libre Soy artista visual, así que voy a estar usando bolígrafos de diferentes colores para ayudarme a visualizar a dónde van a ir los gráficos, los textos y las imágenes. Este primer Layout, ya estoy intentando un acercamiento poco convencional a mis textos, colocándolo alrededor del marco como lo haría con un Gráfico Y este siguiente Layout, voy a hacer de Tipografía un elemento más prevalente rebotar a los diferentes personajes alrededor Los caracteres tipográficos también son Elementos Gráficos y puedes acercarte a colocarlos alrededor de tu diseño de la misma manera Aquí voy a hacer anotaciones de donde van a ir mis imágenes Para que cuando miro hacia atrás a este boceto como referencia, pueda recordar todas mis ideas diferentes. Estoy teniendo en cuenta todos los diferentes Gráficos que acabamos de esbozar para que pueda encontrar la manera de incluirlos dentro de este nuevo Layout Pienso en esos Gráficos como una forma de enmarcar mi escena. Permite que sea casi una ventana a los elementos que quiero que vea el espectador, en este caso, las imágenes Así que voy a estar colocando predominantemente mis Gráficos alrededor del marco. También encuentro nuevas formas de experimentar con la colocación de mis imágenes. No tienen que ocupar siempre todo el espacio y solo ser una imagen de fondo. También podrían colocarse con una, una caja delimitadora. Se pueden repetir para crear más intriga que puede ser un poco más juguetona Y el proceso de bosquejo me está dejando explorar y experimentar enfoque que me gusta tomar es entrecerrar los ojos para ver el elemento que más prevalece No tengas miedo de dejar algunos elementos fuera de escena si no está ayudando, el objetivo principal de resaltar tus imágenes. El objetivo de Layout Design es encontrar un equilibrio entre todos los diferentes elementos que traes a la escena. A continuación, profundicemos en Photoshop para crear nuestros diseños. 9. Flujo de trabajo con Photoshop: Estoy muy feliz de que hayas estado en el spar y estoy muy emocionada de comenzar en photoshop, donde estaremos juntando todos nuestros elementos son Tipografía, patrones gráficos son Fotografía, y estaremos experimentando con El objetivo de esta lección es conocer más photoshop y aprender a usar las mesas de trabajo de Photoshop, podemos armar algunos diseños experimentales realmente geniales que luego podremos compartir en las redes sociales Ten en cuenta que hasta este punto, hemos hecho mucho trabajo de antemano que nos va a ayudar a nosotros y nuestro proceso y al espacio digital que vamos a utilizar. Todas nuestras referencias de boceto son conceptos e ideas que llegamos que durante nuestro proceso de selección de fotos. Y vamos a estar reuniendo todos esos elementos para entender cómo funcionan juntos en términos de jerarquía y cómo pueden llegar a ser cohesivos En la presentación final. Si eres competente y Photoshop, este sería un momento para familiarizarte con un flujo de trabajo diferente al que quizás puedas comenzar a adaptarte al tuyo Si no estás tan familiarizado con Photoshop. Esta será una gran introducción a cómo Grandes diseños de diseño diferentes que pueden, puedes reutilizar y reutilizar en el futuro Primero, echemos un vistazo a cómo será nuestro proyecto final Y no te sientas abrumado. Esto tendrá un sentido de repetición. Nos familiarizaremos con las herramientas y técnicas en Photoshop. Bien, listo, vamos a encender photoshop 13. Animación de bonificaciones: Llegaste a la clase bonus. Así que vamos a saltar de nuevo a Photoshop, donde vamos a aprender a a fotograma para crear una animación muy atractiva y fresca y de tracción para su Ahora bien, esta parte es realmente interesante para mí porque la forma en que interactuamos en diferentes plataformas realmente cambia la forma en que nos relacionamos con nuestra audiencia. En este caso, la interacción es una interfaz de usuario táctil Entonces, cuando haces clic en tus historias, puedes tocar, tocar en el camino a medida que la historia avanza. Entonces vamos a usar eso a nuestro favor y considerar esas opciones a medida que creamos marcos por iframes en Photoshop Bien, ahora que sabemos que queremos involucrar a nuestros espectadores través de la interacción del usuario de tocar en la pantalla. Vamos a saltar a Photoshop y aprender cómo podemos preparar nuestra obra de arte actual para que esa magia suceda, guardé un nuevo archivo PSD con una mesa de trabajo singular para demostrar este efecto Pero puedes crear este efecto también dentro de tu archivo de trabajo actual. Lo primero que voy a hacer es estudiar mi obra de arte. Puedo desactivar la visibilidad para ver cómo ese efecto de marco a marco entrará en acción con nuestra visión en mente, dupliquemos nuestra obra de arte. El número de mesas de trabajo van a determinar la duración de tu efecto Y también va a resultar en el número de toques en la pantalla. En cada mesa de trabajo, vamos a comenzar a quitar la visibilidad de cada elemento Una vez que estemos listos, podremos exportar nuestras mesas de trabajo y subirlas a Instagram para crear el efecto Este efecto de animación es una forma especial de revelar tus imágenes y crear un nivel de interactividad con tu audiencia Oh, hola, bienvenido a Adobe Express, herramienta de marketing tanto para creadores como para diseñadores establecidos. Adobe Express tiene múltiples plantillas de diseño que le dan un comienzo a su proceso de diseño Todas las lecciones que aprendimos en esta clase te darán una mejor comprensión sobre cómo abordar recursos como estos y mantener una fuerte sensibilidad para tu propio estilo de Tipografía, Gráficos y Pero vamos a utilizar las herramientas de animación de Adobe Express para darle a nuestras ilustraciones de Photoshop un impulso en el compromiso. Debido a que Adobe Express es parte del ecosistema de Adobe, podemos usarlo como una herramienta complementaria para photoshop. Simplemente voy a subir mi archivo PSD con mi mesa de trabajo seleccionada Y lleva un poco de tiempo recolectar los activos dentro de mi archivo. Una vez que esté listo, puedo ver todas mis capas independientes en el lado derecho, y estamos listos para animar, comenzaremos seleccionando nuestros Gráficos y revisando todas nuestras opciones de Animación Me gusta como tenemos tres opciones diferentes que tenemos en animaciones de loops y out. La N es la forma en que nuestros Gráficos entran en escena y salen por la forma en que salen. Looping va a ser en animación. Eso va a suceder a lo largo la duración de nuestra escena. Tienes más control sobre tu animación. Puedes controlar la velocidad e intensidad de cada animación y hacerla tuya. En este punto, te doy la bienvenida a explorar todas las diferentes opciones que tienes disponibles y ver cuáles son las que funcionan para tu diseño. Disfruto mucho haciendo divertidas mis animaciones, así que voy a incluir una variedad dentro mis Gráficos y también dentro de mi texto. Una vez que estés listo, puedes exportar como mp4 a diez ADP de alta definición, e incluso a cuatro K. Y eso es todo Hemos conquistado nuestro bono y hemos creado dos efectos de animación que crearán un impulso y nuestro compromiso mientras compartimos nuestras historias con la World Wide Web