Rules of Composition | FREE COURSE

Introdução à Composição Visual

O que é Composição?

• A composição é a forma como organizamos elementos em uma página ou tela para criar um design ou imagem. É fundamental para criar visuais harmoniosos e impactantes.

• Aproximadamente 65% das pessoas são aprendizes visuais, e leva cerca de 30 milissegundos para identificar imagens em uma página. Uma boa composição faz o espectador permanecer mais tempo na visualização.

Princípios Chave da Composição

• O objetivo da composição é dispor os elementos de maneira que contem uma história, sejam atraentes e chamem a atenção do espectador.

Focal Point (Ponto Focal)

Definição e Exemplos

• O ponto focal é o principal elemento que queremos que o espectador observe primeiro. Pergunte-se: "Onde quero que meu público olhe primeiro?"

• No exemplo de uma fotografia de papoula, a flor é o ponto focal, destacada pelo fundo desfocado e pela sua posição central.

Escala

Importância da Escala no Design

• A escala refere-se ao tamanho de um elemento em comparação com outro, criando hierarquia visual. Elementos maiores atraem mais atenção.

• Em um pôster famoso de Giselle, a ballerina está posicionada à direita com tipografia maior, indicando igual importância entre título e sujeito principal.

Contraste

Criando Ênfase através do Contraste

• O contraste ajuda a distinguir elementos importantes por meio de tamanhos, cores e volumes diferentes.

• Um exemplo é uma pintura de Rothko onde as diferenças nas cores criam foco; azul estreito contra grandes áreas vermelhas e laranjas.

Linhas Direcionais

Direcionando Atenção do Espectador

• Linhas direcionais ajudam a guiar o olhar do espectador para os elementos mais importantes na página.

• Um pôster de Lester Beall usa linhas que imitam cabos elétricos para direcionar a atenção à casa no lado esquerdo.

Hierarquia

Organizando Elementos por Importância

• Hierarquia significa organizar os elementos da página do mais importante ao menos importante. O ponto focal deve ser destacado.

Princípios de Composição em Arte e Fotografia

Hierarquia através do Valor

• A pintura "Sagrada Família" de Rafael ilustra como a hierarquia é aplicada através da iluminação, com Jesus e Maria mais iluminados que os outros sujeitos, direcionando o olhar para o centro da obra.

Profundidade na Arte

• A profundidade em arte e fotografia refere-se à perspectiva, demonstrada na obra de Perugino, onde o primeiro plano tem muitas pessoas, o plano médio apresenta edifícios e o fundo mostra montanhas.

• Em fotografia, uma abertura menor resulta em maior profundidade de campo, tornando o fundo mais desfocado.

Equilíbrio Visual

• O equilíbrio visual é essencial para acalmar a tensão visual. Existem dois tipos: simétrico e assimétrico.

• O equilíbrio simétrico é exemplificado no pôster de Jacqueline Casey, onde elementos são dispostos igualmente em ambos os lados.

• O equilíbrio assimétrico envolve peso visual; por exemplo, na "Noite Estrelada" de Van Gogh, um elemento escuro é equilibrado por um grande elemento amarelo.

Espaço Negativo e Positivo

• O espaço negativo refere-se ao espaço ao redor das formas; Saul Bass era conhecido por brincar com esses espaços. No pôster "Anatomy Of A Murder", há muito espaço negativo ao redor do corpo.

• Na obra surrealista de René Magritte, a silhueta do homem contrasta com o céu (espaço negativo), criando uma interação interessante entre os elementos.

Repetição e Padrão

• A repetição cria continuidade visual; no "Marilyn Diptych" de Andy Warhol, 50 imagens semelhantes exploram diferentes significados da herança de Marilyn Monroe.

• Interromper padrões pode criar foco; uma fotografia usa padrões geométricos como fundo para quatro humanos, contrastando formas orgânicas com linhas retas.

Técnicas de Composição

• A regra dos terços ajuda a criar imagens balanceadas. Ela divide a tela em nove retângulos iguais; os pontos de interseção atraem naturalmente o olhar do espectador.

• No exemplo da capa por Cipe Pineles, o sujeito está alinhado com as guias à direita. As linhas da capa estão distribuídas ao redor das interseções superiores à esquerda.

Regra dos Ímpares

Princípios de Composição em Fotografia e Arte

Simetria e Proporções

• A simetria é fundamental na composição, criando um equilíbrio visual. A regra dos ímpares é exemplificada com três magnólias, onde a segunda está centralizada.

• A proporção áurea (1.618), também conhecida como divina, é utilizada para criar harmonia nas obras. Exemplo: "A Grande Onda de Kanagawa" de Hokusai, que se aproxima dessa proporção.

• O triângulo áureo é semelhante à regra dos terços, focando em linhas que se cruzam para gerar interesse visual. Em algumas obras, os elementos principais são posicionados nos triângulos formados.

Técnicas de Enquadramento

• O enquadramento destaca o sujeito principal usando outros elementos da imagem. Um exemplo é a capa da Bazaar por Ruth Ansel, onde um elemento fúcsia enfatiza o rosto do modelo.

• A dominância no design pode ser alcançada através do tamanho, textura e cor. Os groselhas amarelas contrastam fortemente com o fundo escuro, tornando-se o elemento dominante.

Estrutura Espacial

• As imagens podem ser divididas em primeiro plano, plano médio e fundo. No trabalho de Perugino, as pessoas estão no primeiro plano enquanto a arquitetura compõe o fundo.

• O espaço à frente do sujeito (lead room) é crucial para transmitir direção e evitar confusão na composição. Uma obra de Vermeer ilustra isso ao deixar espaço à frente da mulher sentada.

Direção Visual e Psicologia

• A técnica "da esquerda para a direita" reflete uma associação psicológica ocidental: olhar ou mover-se para a esquerda representa o passado; ir para a direita simboliza progresso.

• Na pintura de Nicolas Poussin, há uma separação entre sagrado (esquerda) e profano (direita), com personagens caminhando predominantemente para a direita.

Dicas Adicionais para Composições

Camadas e Perspectivas na Composição Visual

Importância das Camadas

• A técnica de camadas é fundamental para criar uma ilusão 3D em imagens bidimensionais, utilizando o primeiro plano, plano médio e fundo.

• Se todas as camadas tiverem a mesma cor ou forem escuras, a ilusão de profundidade se perde. O designer David Carson exemplifica essa técnica com composições que misturam colagens e pinceladas.

Linha do Horizonte

• A linha do horizonte é crucial em fotografias de paisagens, onde o céu encontra a terra ou água, ajudando a enfatizar a profundidade de campo.

• Uma linha do horizonte central equilibra os elementos da imagem, tornando tanto o topo quanto o fundo igualmente importantes.

Perspectiva e Ponto de Vista

• Alterar o ângulo da câmera pode resultar em imagens impressionantes; ângulos extremos podem capturar cenas sob novas perspectivas.

• Exemplo de Myrna Larsen mostra como múltiplas perspectivas podem coexistir em uma obra abstrata, criando um efeito visual intrigante.

Preenchendo o Quadro

• Enfatizar o sujeito principal ao preencher todo o quadro resulta em uma imagem visualmente mais forte. O exemplo da capa da Bazaar destaca os olhos azuis de Steve McQueen.

• A pintura "Poppy" de Georgia O'Keeffe também exemplifica essa técnica ao mostrar detalhes que normalmente passariam despercebidos.

Simplificação na Composição

• A simplificação envolve remover elementos desnecessários que não contribuem para a mensagem da imagem. Um exemplo é uma foto em preto e branco com fundo escuro que destaca o sujeito.

• O pôster da IBM por Paul Rand utiliza objetos para representar letras, demonstrando como simplicidade pode comunicar poderosamente.

Contraste na Imagem

• O contraste é essencial para estabelecer hierarquia e foco dentro da composição. Elementos contrastantes atraem imediatamente a atenção do espectador.

• Fotografias contrastantes utilizam cores opostas no círculo cromático ou variações fortes entre preto e branco para criar impacto visual.

Aplicações Práticas

Técnicas de Composição no Photoshop

Configurando a Composição

• É possível definir o número de linhas e colunas, além do espaço entre elas (gutter), utilizando a regra dos terços. O exemplo sugere configurar 3 linhas e 3 colunas com gutter igual a 0.

• Através dessa configuração, é fácil identificar as quatro interseções onde se pode posicionar o elemento principal da imagem.

• O Adobe Photoshop oferece diversas maneiras de aplicar técnicas de composição em imagens únicas, como fotografias ou pôsteres.

Ferramentas de Composição no Photoshop

• Ao abrir uma imagem no Photoshop, deve-se selecionar a ferramenta de corte e desenhar uma caixa sobre a imagem.

• Nas opções de sobreposição na barra de opções, é possível escolher diferentes ferramentas de composição, incluindo Regra dos Terços, Proporção Áurea, Espiral Dourada e Triângulo.

• Essas ferramentas facilitam testar qualquer tipo de trabalho visual para verificar se está alinhado com as técnicas de composição desejadas.

Importância das Técnicas de Composição

• As técnicas e princípios de composição aprendidos são essenciais para unir elementos que façam sentido juntos e sejam coerentes.

• Um sistema eficaz de conexões ajuda na articulação e entrega da mensagem visual pretendida.

• O curso aborda conceitos como composição, princípios aplicáveis, técnicas como regra dos terços e proporção áurea, além dicas úteis para criar imagens significativas.

Recursos Adicionais

• Muitos exemplos apresentados no curso são provenientes do Envato Elements, que oferece acesso ilimitado a ativos criativos mediante uma assinatura.

• Os assinantes têm acesso a gráficos, logotipos e milhões de ativos digitais criativos com licenciamento comercial simples.