Guia para iniciantes: como contar histórias através do design gráfico e da fotografia | Cyn Lagos | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Guia para iniciantes: como contar histórias através do design gráfico e da fotografia

teacher avatar Cyn Lagos, Visual Storyteller

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      2:12

    • 2.

      Boas-vindas

      2:01

    • 3.

      PROJETO DO CURSO 

      1:31

    • 4.

      As histórias nas suas fotografias

      3:36

    • 5.

      Selecionando sua foto de herói

      1:23

    • 6.

      Guia de tipografia e materiais

      4:55

    • 7.

      Estrutura de storytelling

      6:01

    • 8.

      Esboço e brainstorming

      8:07

    • 9.

      Fluxo de trabalho do Photoshop

      1:55

    • 10.

      Photoshop Foundation

      7:27

    • 11.

      Gráficos de digitalização do Photoshop

      8:03

    • 12.

      Fluxo de trabalho de design de storytelling no Photoshop

      13:12

    • 13.

      Animação bônus.

      4:12

    • 14.

      Você conseguiu!

      0:47

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

337

Estudantes

2

Projetos

Sobre este curso

Você é um fotógrafo que deseja expandir seu conhecimento de design gráfico para sua narrativa online?

Se for o caso, meu amigo, este curso será incrível! Este curso de Skillshare é uma maneira divertida de aprender os princípios de Design Gráfico com foco em storytelling com suas fotografias como sua principal inspiração. Mergulharemos em nossos arquivos de imagens para observar atentamente nossas fotografias e acessar um guia especial e inspirador para suas escolhas de design!

Neste curso, você aprenderá como usar elementos visuais para criar histórias visualmente atraentes e emocionalmente ressonantes.
Vamos cobrir tudo, desde design de layout até tipografia e fotografia. No final do curso, você poderá criar imagens visuais incríveis que contarão suas histórias de uma forma que deixe uma impressão duradoura.

ISTO É PARA VOCÊ SE:

Crescimento de habilidade 
Se você for um fotógrafo quer melhorar suas habilidades de narrativa visual com design gráfico.

Crescimento pessoalSe
você quiser ter um impacto mais forte online compartilhando as histórias em suas fotografias.Progresso na carreiraSe


você é um criador de conteúdo que deseja impulsionar suas habilidades em marketing de mídia social ancorado na narrativa visual.


  • Tipografia

  • Gráficos digitais 

  • Design de layout

  • E, claro, fotografia!

O que é ainda melhor: neste curso, também tenho a cobertura de um guia para iniciantes sobre como usar o Adobe Photoshop para se familiarizar com as ferramentas e técnicas para criar histórias visuais do esboço ao mundo digital.


Aprender é uma jornada para toda a vida. Aprenda tudo o que você precisa saber para navegar storytelling com este curso, veja você lá dentro!

 

Conheça seu professor

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... Visualizar o perfil completo

Habilidades relacionadas

Design Design gráfico
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

7. Estrutura de narrativas: Ótimo, vamos mergulhar na estrutura da narrativa. Nesta lição, falaremos sobre a importância da introdução, da recompensa, do final e da conclusão Agora, essa estrutura pode ser virada de cabeça para baixo, pode ser rearranjada, você pode quebrar todas as regras Na verdade, eu encorajo você a quebrar todas as regras. E a estrutura da narrativa. O que eu quero explorar é a base de como começar uma história. Portanto, a capa será ou funcionará quase como um resumo prévia ou um trailer muito tentador Isso fará com que você clique em Avançar. Isso vai deixar você ansioso para ver mais. Imagine todas essas capas muito legais que você sempre viu. Você viu a capa de um filme de grande sucesso. E tem todos esses elementos diferentes que ajudam você a entender o clima do filme ou da cena que virá a seguir Talvez seja importante ter em mente algumas palavras-chave que podem ajudar você a criar uma maré mais do que uma descrição, mas é uma frase, é uma convicção Portanto, tente considerar palavras-chave ou talvez uma frase inteira que permita descrever esse conjunto específico de imagens que você coletou. E isso me ajudou a ter uma ideia de como vou guiar meu espectador em uma história. Um elemento-chave de sua introdução é mostrar por que isso é importante. No começo, você pode realmente divulgar por que isso era importante para você Acho que é um espaço muito especial para realmente ser honesto com seu público e permitir uma conexão mais significativa por meio suas palavras ou de sua fotografia. Não tenha medo de realmente transmitir suas emoções, suas emoções sensatas sobre como foi estar lá naquele Se, por exemplo, você estiver exibindo uma sessão de fotos um pouco mais do lado do jornalismo Talvez você possa explicar como foi estar do outro lado daquela lente vivenciando esses eventos. A introdução é um lugar especial para expressar sua história e informar ao público que estamos prestes a embarcar em uma jornada muito especial Ok, então chegamos à minha parte favorita, a recompensa. A seção de recompensas é onde podemos destacar a imagem mais importante em sua série fotográfica Esta seção é onde todas as imagens de seus heróis brilham. E enfatizaremos isso criando um layout de design gráfico que realmente destaque nossas imagens e realmente pronuncie esse ponto de recompensa de nossa história Uma dica que eu gostaria de dar é reservar todas as suas melhores imagens para esta seção. Todos os momentos mais destacados desta seção, especialmente se você achar que pode se expressar ainda mais sobre por que essa história é importante para você. Reserve isso para o meio de nossa história onde seu público pode realmente sentir o peso dessa recompensa Essa também é a seção de minhas histórias em que eu gosto de envolver meu público fazendo uma pergunta ou talvez deixando uma seção comum para que eles me digam o que pensam. Até agora. No entanto, somos livres para vesti-lo bem e realmente fazer com que esse momento pareça uma recompensa para seu público. Vamos falar sobre o outro. A outra é reunir seus pensamentos finais, permitindo que o público tenha uma perspectiva sobre algo que você talvez tenha aprendido ao longo de sua jornada. Talvez seja uma determinação, algo que dê ao público a sensação de que você chegou a uma nova perspectiva. Isso fará com que eles também se sintam envolvidos em suas ideias e em suas ideias e seu processo de pensamento dentro desta história Chegamos à conclusão da estrutura da nossa história. Agora, esta seção é muito parecida com a anterior, com um pouco de diferença. Esta seção também é importante para poder deixar alguns recursos para trás. Por exemplo, seu site ou seu projeto mais recente. É importante ter essa parte da história porque ela permite que o espectador entenda que essa história chegou ao fim. É também um momento para destacar a voz do autor. Isso é você para poder deixar algumas declarações finais e, o mais importante, formas de se conectar ainda mais. A principal conclusão desta lição é que essa é uma base estrutural Isso vai nos ajudar a traduzir histórias visuais e como mídias sociais em seus portfólios, em seus Ele sempre estará disponível para você sempre que você quiser vê-lo para poder começar uma história. Ótimo. Agora vamos esboçar as ideias visuais que surgiram com esta lição 8. Esboço e brainstorming: Então, para mim e para o Design Gráfico, ser capaz criar meu próprio storyboard e desenhar antes de começar a trabalhar no Design é muito importante, é uma etapa muito vital no meu processo nos primeiros estágios do meu desenvolvimento de design gráfico, eu pulava diretamente para o computador e me via lentamente empurrando os pixels, esperando que minha ideia se manifestasse de alguma forma na minha frente Mas ser capaz de usar de forma fluida e nativa apenas papel e caneta para desenhar minhas ideias é um processo muito mais eficiente para me permitir desenhar e redesenhar o tipo de conceito que está rolando Quando se trata de storyboard, o que eu quero que você pense são as diferentes maneiras pelas quais vamos reunir todos os elementos e nos permitir organizar e reorganizar as peças Ok, agora você tem seu modelo impresso pronto. Encontre seus marcadores favoritos ou talvez um lápis, afie esses lápis e comece a desenhar Então, vamos começar. Agora mesmo. Gosto de começar com formas simples, como círculos, retângulos, linhas, pontos, coisas assim, que são muito fáceis de traduzir para o espaço digital Mas também são visíveis em todos os lugares. Se você começar a prestar atenção ao ambiente, verá que eles existem organicamente e quase tudo o que vemos Vamos fazer um pequeno exercício de estilo livre aqui para encontrar um padrão com uma forma simples Que tal começarmos com um símbolo simples e fazermos um X ou uma cruz e criarmos um padrão a partir desse símbolo que já comece a parecer muito, muito interessante. Agora, isso pode conter um certo grau de simbolismo, ou pode ser apenas com o propósito de emoldurar seu design E ambos são bons ou comprados em design gráfico Padrões e gráficos não precisam assumir o fardo do simbolismo e da mesma forma que um logotipo pode ter que suportar Mas ajuda ter alguma intenção por trás disso. Para mim, encontrar esses padrões e formas orgânicas na minha fotografia parece um bom elemento que pode ajudar a unificar meu design com minha série de fotos Por exemplo, se eu estivesse fotografando o oceano, talvez queira pegar emprestada a versão metafórica simples do oceano e criar um padrão aqui Algo tão simples quanto linhas pode realmente criar um efeito. E o objetivo aqui é continuar desenhando. E você pode começar a sentir que pode ter um nível de controle sobre suas ideias e seu senso de layout, mesmo quando estamos desenhando padrões. Esse exercício pode ser muito terapêutico e eu o uso com bastante frequência e começa a fazer meu cérebro pensar, mesmo quando não tenho um projeto além da mente. Isso permite que minha mente muitas vezes se autodique no espaço do Design Design Gráfico está especificamente cheio de elementos abstratos que têm um significado ou um propósito em um design Experimentar este exercício deve ajudar você a entrar em sintonia com sua mentalidade de design gráfico e dar uma ideia de como abordá-la no espaço digital Mais tarde neste exercício, quero encorajá-lo a ser observador. Considere os padrões, texturas e elementos repetitivos que você vê em suas fotografias Talvez você veja círculos, há muitas nuvens. Talvez você possa usar essa forma e traduzi-la em uma forma simples Use este exercício para exercitar sua mente sobre ideias e recursos visuais de design gráfico Lembre-se de que o objetivo desta lição é obter um nível de discernimento das diferentes peças que constroem um design gráfico Agora que criamos nossos gráficos, vamos mantê-los em mente ao esboçar O primeiro passo que eu gostaria de dar é fazer uma lista das coisas que eu queria colocar no meu design Às vezes é um estilo, às vezes é algo direto, como minha tipografia, meus gráficos e minhas Nesse estágio do processo, gosto de usar palavras de espaço reservado, como subtítulo, título e textos Uma grande razão pela qual eu gosto desenhar antes de entrar no computador é que aqui eu posso brincar com a hierarquia de posicionamento de todos os meus elementos de uma forma um pouco mais livre Sou artista visual, então vou usar canetas de cores diferentes para me ajudar a visualizar para onde vão os gráficos, textos e as Neste primeiro layout, eu já estou tentando uma abordagem não convencional para meus textos, colocando-os ao redor da moldura da mesma forma que eu faria com um gráfico E neste próximo layout, vou tornar a tipografia um elemento mais predominante, destacando os diferentes personagens em torno do Caracteres tipográficos também são elementos gráficos e você pode colocá-los em seu layout da mesma forma Vou fazer anotações aqui de onde minhas imagens irão Para que, ao olhar para esse esboço como referência, eu possa me lembrar de todas as minhas ideias diferentes Estou tendo em mente todos os diferentes gráficos que acabamos de esboçar para que eu possa encontrar uma maneira de incluí-los nesse novo layout Eu penso nesses gráficos como uma forma de enquadrar minha cena. Isso permite que seja quase uma janela para os elementos que eu quero que o espectador veja, neste caso, as imagens Então, vou colocar predominantemente meus gráficos em todo o quadro Também encontro novas maneiras de experimentar a colocação de minhas imagens. Eles nem sempre precisam ocupar todo o espaço e ser apenas uma imagem de fundo. Eles também podem ser colocados com uma caixa delimitadora. Eles podem ser repetidos para criar mais intrigas que podem ser um pouco mais divertidas E o processo de esboço está me permitindo explorar e experimentar A abordagem que eu gosto de adotar é apertar os olhos para ver o elemento que é mais Não tenha medo de deixar alguns elementos fora de cena se isso não estiver ajudando, o objetivo principal é destacar suas imagens O objetivo do Layout Design é encontrar um equilíbrio entre todos os diferentes elementos que você traz para a cena. Em seguida, vamos mergulhar no Photoshop para criar nossos designs. 9. Fluxo de trabalho no Photoshop: Estou muito feliz que você tenha estado na briga e estou muito animada para começar no Photoshop, onde reuniremos todos os nossos elementos: tipografia, padrões gráficos são fotografia e faremos experiências O objetivo desta lição é nos familiarizar mais com photoshop e aprender como, usando pranchetas do Photoshop, podemos montar alguns layouts experimentais muito legais que depois poderemos Lembre-se de que, até o momento, fizemos muito trabalho prévio para ajudar a nós, nosso processo e o espaço digital que usaremos Todas as nossas referências de esboços são conceitos e ideias que obtivemos durante nosso processo de seleção de fotos E reuniremos todos esses elementos para entender como eles funcionam juntos em termos de hierarquia e como podem se tornar coesos Na apresentação final. Se você é proficiente em Photoshop, esse seria o momento de se familiarizar com um fluxo de trabalho diferente do que talvez você possa começar a adaptar ao seu Se você não está familiarizado com o Photoshop. Esta será uma ótima introdução sobre como os diferentes designs de layout podem ser reutilizados e reutilizados no futuro Primeiro, vamos dar uma olhada em como será nosso projeto final E não se sinta sobrecarregado. Isso terá uma sensação de repetição. Vamos nos familiarizar com as ferramentas e técnicas do Photoshop Ok, pronto, vamos iniciar o photoshop 13. Animação de bônus: Você chegou à classe bônus. Então, vamos voltar ao Photoshop, onde aprenderemos como quadro para criar uma animação muito envolvente, interessante e atraente para interessante e Agora, essa parte é muito interessante para mim porque a maneira como interagimos em diferentes plataformas realmente muda a maneira como interagimos com nosso público. Nesse caso, a interação é uma interface de usuário baseada em toque Então, ao clicar em suas histórias, você pode tocar e tocar ao longo do caminho à medida que a história avança. Então, vamos usar isso a nosso favor e considerar essas opções ao criar quadros por iframes no Photoshop Ok, agora que sabemos que queremos engajar nossos espectadores por meio da interação do usuário ao tocar na tela Vamos entrar no Photoshop e aprender como podemos preparar nossa arte atual para fazer essa mágica acontecer Salvei um novo arquivo PSD com uma prancheta singular Mas você pode criar esse efeito também em seu arquivo de trabalho atual. A primeira coisa que vou fazer é estudar minha arte. Posso desativar a visibilidade para ver como esse efeito quadro a quadro entrará em ação com nossa visão em mente Vamos duplicar nossa arte O número de pranchetas determinará a duração do seu efeito E isso também resultará no número de toques na tela Em cada prancheta, começaremos a remover a visibilidade de cada elemento Quando estivermos prontos, podemos exportar nossas pranchetas e enviá-las para o Instagram para criar o efeito Esse efeito de animação é uma forma especial de revelar suas imagens e criar um nível de interatividade com seu público Olá, bem-vindo ao Adobe Express, ferramenta de marketing para criadores e designers consagrados O Adobe Express tem vários modelos de design que dão início ao seu processo de design Todas as lições que aprendemos nesta aula darão a você uma melhor compreensão sobre como abordar recursos como esses e manter uma forte sensibilidade por seu próprio estilo de tipografia, gráficos e Mas vamos usar as ferramentas de animação do Adobe Express para aumentar o engajamento da nossa arte no Photoshop Como o Adobe Express faz parte do ecossistema da Adobe, podemos usá-lo como uma ferramenta complementar ao photoshop Vou simplesmente fazer o upload meu arquivo PSD com minha prancheta selecionada E leva um pouco de tempo para coletar os ativos em meu arquivo. Quando estiver pronto, posso ver todas as minhas camadas independentes no lado direito, e estamos prontos para animar Começaremos selecionando nossos gráficos e revisando todas as nossas opções de Gosto de como temos três opções diferentes em animações em loop e saída. O N é a maneira pela qual nossos gráficos entram em cena e saem pela maneira como saem. O loop estará em animação. Isso vai acontecer durante toda a duração da nossa cena. Você tem mais controle sobre sua animação. Você pode controlar a velocidade e a intensidade de cada animação e torná-la sua. Neste ponto, convido você a explorar todas as diferentes opções disponíveis e ver quais são as que funcionam para o seu design. Eu realmente gosto de tornar minhas animações divertidas, então vou incluir uma variedade em meus gráficos e também em meu texto Quando estiver pronto, você pode exportar como mp4 em alta definição dez ADP e até mesmo em quatro K. E pronto. Conquistamos nosso bônus e criamos dois efeitos de animação que criarão um impulso e nosso engajamento ao compartilhar nossas histórias com a World Wide Web