Como aproveitar o poder de uma foto bem recortada
Como designer de website, sempre fui fascinado pelo design (de qualquer tipo) que “funciona” e por quê.
Ultimamente, tornei-me particularmente grato ao poder da fotografia de ancorar um design visualmente atraente que conta a história certa, desencadeia as emoções desejadas, envolve o espectador e aprimora o conteúdo (seja fragmentando-o ou chamando-o) .
Essa apreciação recém-renovada por fotos realmente se enraizou em Veneza no outono passado.
Veneza: descrita como a "cidade mais bonita construída pelo homem"
Eu sempre ouvi falar de Veneza! E eu tinha expectativas que te digo! Expectativas de uma cidade pitoresca, bonita e romântica construída sobre a água - totalmente diferente de qualquer coisa que eu já vi.
Mas na realidade? … Veneza é uma espécie de lixão.
É castigado pelo tempo, desmoronando e atropelado. Quando você o vê como um todo, você vê um monte de cenários diferentes misturados. Não significa ser, mas Veneza está mal vestida de trapos e farrapos.
Mas… Quando você olha para Veneza em pequenos pedaços - quando você deixa seu olho “cortar” o entorno e focar em uma área finita - é uma experiência muito diferente. Há tantos detalhes para encantar os olhos. Especialmente o olho de um designer que se inspira em tudo o que seu olhar encontra.
Depois de perceber isso, eu poderia mudar meu foco de "o todo" para os detalhes e vice-versa e apreciar tudo isso. Veneza é realmente uma cidade bonita.
A principal lição aqui é que há grande poder em cortar as coisas , de modo que o que resta é mais forte.
Imagem de Veneza, antes de recortar (esquerda) e depois de recortar (direita).
Um dos meus “detalhes” favoritos de Veneza. A foto à esquerda é a imagem crua da câmera. Aqui, eu fiz o corte com a câmera, ampliando esse detalhe. À direita, a mesma imagem é cortada ainda mais.
Culturas fotográficas que funcionam
No restante deste artigo, compartilharei algumas das minhas culturas fotográficas favoritas de projetos recentes em que trabalhei.
Alguns são projetos pessoais. Alguns são trabalhos profissionais através da Gravity Switch (a agência de web design e marketing onde sou co-fundadora). Mas todos eles contam uma história.
Fusão Fitness
O Fitness Fusion é um ginásio de estúdios de nicho conhecido por treinos intensos, criativos e divertidos em grupo e 1-1 treino pessoal. Ao redesenhar seu site, eu coloquei mais de 600 fotos em busca de fotos que funcionavam em um formato extremamente horizontal - não um formato incomum para uma imagem de banner na web, mas sempre um desafio.
À primeira vista, a imagem à esquerda parece um candidato improvável. Mas quando girado 90 graus no sentido anti-horário, invertido horizontalmente e com a palavra (agora para trás) "treinador" na tampa estampada, é uma poderosa imagem de banner. Perfeito para a página “Conheça o Treinador”!
A colheita acima funciona devido a:
- a iluminação quente;
- os salpicos de cor;
- o olhar genuíno, focado e acessível nos olhos.
Juntamente com a foto sorridente do conteúdo do corpo da página, os sentimentos gerais transmitidos são acessibilidade, perícia, trabalho árduo, uma atitude prática e divertida!
Aqui está outra das minhas colheitas de imagens de banner favoritas deste projeto. Removendo partes da imagem original (cortando-a), obtemos uma experiência visual mais dinâmica, íntima e interessante - uma imagem legal que mostra trabalho duro, dedicação e suor. O toque sutil da marca do ginásio na pulseira foi um bônus acidental.
Stockbridge School of Agriculture
A Stockbridge School of Agriculture na UMass Amherst é conhecida como a melhor escola do gênero no país. Tem diversos programas que atraem tipos muito diferentes de alunos (por exemplo, o potencial interessado na gestão de gramados é muito diferente do que a pessoa que está interessada em alimentos sustentáveis e agricultura ou gestão eqüina e assim por diante).
O desafio foi encontrar uma foto de home page que:
- me senti apropriado para uma escola de agricultura;
- era uma imagem forte para atrair o espectador;
- não alienou qualquer perspectiva potencial para qualquer programa em potencial; Fazer nenhum mal!
No lado técnico, precisávamos de uma foto que funcionasse como uma “cultura flutuante” (ou seja, a cultura muda conforme a janela é redimensionada e sempre precisa ter boa aparência).
Fizemos uma sessão fotográfica específica apenas para capturar a imagem da página inicial. Nós temos ótimas fotos. Nós nos limitamos a esses 7:
Então nós escolhemos este para ir com:
Jogamos com o nível de zoom da cultura no PhotoShop, para confirmar que a foto é forte como um cultivo flutuante. Aqui estão algumas explorações:
Veja como fica no celular e na área de trabalho, respectivamente:
Troca de informações do Vale Pioneiro - PVIX
Aqui está uma imagem de estoque que foi usada para um site na indústria da saúde ... tentando mostrar trabalho em equipe, família, positividade, energia, otimismo:
Aqui está um tratamento de imagem que eu tentei, mas não gostei. Você perde muito contexto ampliado tanto assim:
Como alternativa (que eu também não gostei). Eu zoom todo o caminho para que você pudesse ver a foto inteira. Para fazer com que a largura funcione corretamente, adicionei espaço azul à esquerda:
Um meio feliz (cortando parte da imagem) funciona melhor:
Postagem do blog para pais
Eu estava procurando uma foto do meu filho para ser a "imagem de banner" em um dos meus postagens no blog.
Eu encontrei esta foto. Eu amo a expressão no rosto do meu filho. Mas ele é tão pequeno na imagem e você não aprecia esse detalhe:
Aqui está como eu cortei. Funciona muito melhor:
Acertar
Todos nós já ouvimos o ditado: "Uma imagem vale mais que mil palavras". Mas como podemos criar nossas imagens para que elas transmitam as 1.000 palavras que queremos?
Fazer certo requer:
Boas fotos cruas: Se você puder, contrate um fotógrafo profissional para obter fotos e composições com boa aparência e personalizadas para o seu objetivo. Se você não pode contratar um profissional, existem muitas opções de fotografia - algumas são boas, outras menos. É melhor ter alguém em quem você confia para ter um "olho para isso", lidar com a tarefa de fotografar.
Boa pós-produção: correção de cor, limpeza e corte. Eu chamo os três C's.
Boa colocação de fotos: incorpore fotos no design no lugar certo, ao lado do conteúdo certo, na página da direita e, em seguida, elas ajudarão a contar a história certa. Localização, localização, localização.
Como você seleciona imagens para seus projetos? Como você escolhe quais partes das imagens serão cortadas? Deixe-nos saber nos comentários.