FOTOGRAFIA

Tutorial: Caption Me

Olha só quem resolveu aparecer por aqui? O colaborador mais esquecido do A Series of Serendipity. Olá! Aqui é o Raone e hoje trago comigo um tutorial fresquinho para blogueiros e blogueiras principiantes. Hoje vocês irão aprender como adicionar legendas sobre as suas fotos através do Photoshop.

Antes de iniciar o conteúdo do post, gostaria de contar a vocês que, finalmente, minha vida de adulto e independente começou. E é por isso que eu acabei “sumindo” da internet e das redes sociais. Agora sou um trabalhador de carteira assinada que por mais que não esteja fazendo o que ama, aprendeu a admirar as pequenas coisas da vida. Porque no fundo de todo baú empoeirado, sempre há um grande tesouro escondido!

Se você que está aí do outro lado pensa em criar um blog, saiba que um dos conceitos mais importantes ao meu ver é o cuidado com o design geral, não só da página como o conjunto do blog em si. Com a expansão da blogosfera e o crescente avanço das mídias digitais, criar um blog se tornou algo trivial entre as pessoas do nosso século. O problema é que com tantas url’s desperdiçadas por aí, as coisas começaram a ficar um pouco similares entre si. Hoje em dia não é moleza ser exclusivo; visitar um blog e presenciar um conteúdo inédito é algo quase que impossível.

Ter um layout bem cuidado é um diferencial. E quando eu digo layout não me refiro somente ao layout da página, e sim dos seus posts. Isso mesmo. Considerando que cada post do seu blog ocupa pelo menos metade da sua tela, podemos dizer que é o conjunto de posts dessa página  que vai causar reações em seus leitores. O cuidado com o alinhamento, dimensões de imagens e tipografia, são detalhes que devem ser levados em consideração ao projetar e organizar o layout de seus posts.

Um blog bem cuidado com imagens memoráveis e contagiantes, vai ter o “fator x” que vai me fazer imediatamente querer ler mais! Como aqui no A Series of Serendipity: mesmo quando não estou conectado, fico por horas e horas pensando sobre o processo de produção das fotos.

Quando estou com pouco tempo e conheço um blog novo, uma das coisas que faço é dar uma olhada geral no corpo do post, nas imagens e automaticamente — em suas legendas. Quase como um quebra-cabeça, as legendas podem “resumir” o conteúdo do post, ou seja, elas conseguem contar uma história curta rapidamente. No início da blogosfera, o padrão entre blogueiros era utilizar a legenda convencional: uma linha de texto no rodapé da foto em uma fonte um pouco menor. Hoje, com os aplicativos de edição de imagem, é possível aplicar legendas (ou palavras soltas) diretamente em suas fotos. E é isso que iremos aprender (ou se você já sabe — ver) no post de hoje!

Para o desenvolvimento desse post, utilizei o Photoshop CS3 como exemplo (por ser mais objetivo do que as versões atuais), mas tudo que for visto aqui funciona em qualquer edição do Photoshop, como também, para outros programas, entre eles: PhotoScape e PhotoFiltre Studio (dos mais conhecidos).

O primeiro passo do nosso tutorial é a abertura dos arquivos que iremos trabalhar. Nesse exemplo, irei utilizar uma foto do Sr. Bilbo.

1. Ao iniciar o Photoshop, geralmente as ferramentas já são acionadas automaticamente. Mas, caso não esteja aparecendo essa janelinha na lateral esquerda pra você, vá até o menu superior e clique em Janela (Window) > Ferramentas (Tools);

2. Com a janela de ferramentas ativa, vamos abrir a imagem que iremos trabalhar. Para isso, procure no canto superior esquerdo por Arquivo (File) > Abrir (Open…) > e procure sua imagem no diretório do seu computador. Você também pode usar o comando Ctrl + O ou Cmd + O (se você estiver num Mac);

3. Com a sua imagem aberta, certifique-se de que a janela de Camadas (Layers) está ativa. Para isso, vá até o menu superior e procure por Janela (Window) > Camadas (Layers) ou digite a tecla de comando F7;

Agora vamos conhecer um pouco as ferramentas de texto que iremos trabalhar:

Ao clicar no “T”  que está localizado no “centro” da paleta de ferramentas do Photoshop, vamos abrir as opções da ferramenta de Texto. Nesse tutorial vamos trabalhar somente com o Texto Horizontal (Horizontal Type Tool), mas sinta-se a vontade para experimentar e conhecer os outros comandos. Você pode acionar esse comando utilizando o atalho  pela tecla T do seu teclado.

Automaticamente ao abrir as ferramentas de texto, o Photoshop aciona um menu de ferramentas superior (que tem tudo o que você precisa, mas hoje vamos aprender a trabalhar com a Paleta de Texto). Como demonstrado na imagem ilustrativa acima, ao clicar no ícone localizado no canto superior direito, abriremos a Paleta de Texto, com as janelas de Parágrafo e Caractere. Caso você não esteja visualizando o ícone, não se preocupe, ele pode ser acessado através do menu superior, clicando em: Janela (Window) > Caractere (Character). Os comandos da janela de Parágrafo não vão ser utilizados no post, mas você pode deixar aberta como na imagem. 

Antes de irmos para o terceiro (e último) passo, gostaria de fazer uma “pausa” para esclarecer algumas opções de comandos da ferramenta Caractere.

Como vocês podem observar pela imagem ilustrativa acima, tentei ser o mais objetivo e didático possível (espero não deixar ninguém confuso, hein?). O Photoshop nos proporciona uma variedade de possibilidades para a formatação de textos, começando pela parte posterior da janela: temos a opção de selecionar o texto como Negrito (Shift + Ctrl + B), Itálico (Shift + Ctrl + I), deixar todas as letras Maiúsculas (Shift + Ctrl + K), todas em Minúsculas (Shift + Ctrl + H), como Texto Sobrescrito (Shift + Ctrl + +), como Texto Subscrito (Alt + Shift + Ctrl + +), como Texto Sublinhado (Shift + Ctrl + U) e por último, como Texto Tachado (Shift + Ctrl + /). Algumas opções são mais utilizadas do que outras, e isso vocês vão acabar vendo através da prática. Tudo depende da sua ideia e da proposta do post.

Na parte superior da janela, temos a caixa da família de fontes (aqui você vai selecionar a fonte da sua biblioteca que vai ser utilizada em sua legenda). Nesse tutorial, usei como exemplo a fonte Brain Flower que está disponível para download gratuito na internet. Logo abaixo, temos a opção de configurar o tamanho da fonte. Ao lado, vemos a opção de configurar o espaçamento entre uma linha e outra do seu texto. E embaixo, temos a opção de configurar o espaçamento entre as letras (eu uso muito esse comando!). Depois temos as escalas (que não são utilizadas com muita frequência), depois o deslocamento da linha de base, que é um comando útil mas pouco utilizado. E ao lado, temos a caixa de seleção de cor. Ao clicar sobre ela você poderá escolher qualquer cor do seu painel e personalizar a sua fonte.

Depois tem o comando de Kerning (ajuste de espaço) que eu não destaquei pra vocês na imagem (a caixinha onde diz Medida), mas ele é mais visto em trabalhos profissionais com tipografia. Ou seja, não iremos trabalhar com ele nesse post.

E por fim, vamos ao terceiro e último passo que é… escrever a legenda! No exemplo acima, resolvi colocar o nome do Bilbo no canto superior esquerdo da foto, como um enfeite digital (já que a imagem fala por si só).

1. Primeiramente, iremos criar uma nova camada de texto, clicando no ícone circulado na paleta de Camadas (Layers);

2. Com a nova camada criada, vamos selecionar o ícone da ferramenta de Texto Horizontal (Horizontal Type Tool – T) e clicar sobre algum canto da foto para criar o nosso texto;

3. É muito importante verificar sempre se a camada de texto que estamos trabalhando está selecionada. Porque acontece muito (comigo, pelo menos) de estar digitando um texto/legenda sobre uma camada errada: de foto, ou de um clip-art e etc;

Particularmente, eu prefiro trabalhar no Photoshop com todos os meus arquivos separados por camadas (layers) individuais. Além de ser mais prático é uma forma de manter o arquivo final sempre organizado!

E aí, entenderam? Bem pessoal, o post de hoje infelizmente vai chegando ao fim. Pode ter sido bobo para algumas pessoas (principalmente pra quem já trabalha com o Photoshop ou algum outro programa de edição), mas para aqueles que estão começando agora, acredito que a dica de hoje foi muito valiosa! Lembrando sempre que, não vai ser uma legenda que irá definir a sua foto. É importante pensar sempre no conjunto: uma imagem visualmente bonita nem sempre necessita de uma legenda (a imagem já fala por si só). Mas as vezes, uma imagem visualmente “o.k.” pode se transformar numa foto memorável e contagiante. E é nisso que vocês precisam pensar!

Espero que vocês tenham aprendido algo novo hoje e que eu tenha esclarecido as dúvidas de todos os leitores que perguntaram a Mel como ela escrevia sobre as fotos dos posts. Não quero terminar essa postagem com uma despedida e falando “até mais!”, então irei deixar o videoclipe de uma música que ouvi muito durante essas duas últimas semanas e que muda o meu humor (pra melhor) toda vez que ouço!

Posts relacionados

18 Comentários + Comentários pelo Facebook
Post Anterior
maio 31, 2013
Próximo post
maio 31, 2013
  • Elurdiane Andrade

    Amei o post Mel.
    Preciso aprender muuuita coisa…
    Bjos

    http://dianeandrade.wordpress.com/

    • Melina

      Também amei o post do Raone :D

      • Elurdiane Andrade

        Foi mal ,Raone… não prestei atenção no fim…
        prestei mais atenção na explicação…
        Desculpa,li de novo e assisti até o vídeo :D
        Bjos

  • Nizer

    Adorei o tutorial!!!
    Muito bem explicado!!!
    O Bilbinho é muito lindooo!
    Amei os gordinhos dançando *————-*
    Mas todos estavam LINDOOOSSS!!!
    A Senhora de roxo simplesmente derreteu meu coração.
    Beijos

    • Nizer

      Amei a sua foto da assinatura,que amor *0*

  • Blog da Maanuh

    Muuito bom, adoro posts assim, super bem explicados!
    Mel fofaaaa ^^

    Beeijos s2

    http://www.blogdamaanuh.com

  • Bruna Araújo

    Olá!!
    Adorei o post Raone, a didática está muito boa, fácil de entender ^.^
    Queria deixar o meu blog mais “alinhado” e bonito, também acho isso muito importante. Então, como não tenho muito conhecimento para mexer em códigos e o que sei de photoshop e edição de imagens no geral “aprendi” tentando, posts como os os seus são sempre bem-vindos :)

    Ah! Estava louca para saber o nome dessa fonte, acho super bonita e leve, a Mel sempre usa e seus posts e todos sempre ficam lindos! Realmente dá gosto de ver e ler!

    Muito sucesso em sua nova vida de trabalhador adulto independente, espero que consiga alcançar os seus objetivos e encontrar prazer em seu trabalho atual, afinal é onde passamos a maior parte dos momentos da nossa vida… trabalhando ^.^

    Até mais!!
    ;*

    • Raone Araujo

      Oi, Bruna Araújo (coincidência ou não, temos o mesmo sobrenome, haha!).
      Fico contente que o post tenha sido útil pra você. E obrigado pelos elogios! :)

      Ainda pretendo fazer alguns posts bem didáticos sobre edição de layout de blogs. Então, continue conectada aqui no ASOS que em breve estarei compartilhando algumas dicas bem valiosas!

      Concordo plenamente, também espero que esse trabalho possa me surpreender e trazer muitas experiências boas para a minha vida.

      Beijo!

  • Luiza Silvestre

    Muito bom o tutorial. Parabéns! Pra mim que não entendo muita coisa sobre o assunto ajudou bastante. Mergulhando nesse mundo da blogsfera… ;)
    Beijos Mel

  • Helen Linhares

    Eu não conhecia o blog. Entrei por acaso semana passada, e agora acesso todos os dias!
    Amei o seu blog, ele é lindo e com um ÓTIMO conteúdo, parabéns!!
    Muito obrigada por compartilhar essa dica!

    Beeijos :)

    • Melina

      Oba! Fiquei feliz em saber que gostou do A Series of Serendipity :D

  • ERICA MACLEO

    ADOREI O POST.
    BOM TRABALHO RAONE.
    ABRAÇOS

  • Victoria Eliza

    Amei o post!! e que Photoshop é esse? beijos *-*

  • Gabriela Carvalhal

    Amei esse post demais demais <3
    Eu queria saber como posso baixar esse photoshop no computador??
    Merci ♥

  • Raquel

    Gostei de verdade do post Raone!
    Há algum tempinho já vinha querendo pesquisar um tutorial deste tipo e de repente, ta TUDO aqui lindinho e explicadinho passo a passo! Porém… as vezes eu acabo tirando foto pelo celular e acabo não passando pro computador, você conhece algum app que tenha essa função ou algo do tipo? Se souber vou ficar muito feliz e grata em saber (:
    Bjs

  • Zezinha Souza

    Outro post incrível, Raone! Sempre me encanto e fico impressionada com a sua capacidade de explicar de um jeito tão claro e acertar na escolha dos assuntos a serem abordados por aqui….parabéns!
    Estava com saudade dos seus posts e , é claro, também de você! Espero que apareça com mais frequência mesmo sabendo que tudo é muito corrido e nem sempre isso é possível!
    Que a sua semana seja linda!

    Beijinhos

  • Gabriela

    Olá Raone. Será que você poderia fazer um tutorial ensinando a fazer banner’s? Preciso de ajuda nessa parte já que, acaba sendo meu ponto fraco! Desde já obrigada, ótimos tutoriais.

Deixe seu comentário

Instagram

  • acabei de liberar um post novo no blog compartilhando uma serendipidade que aconteceu comigo hoje e que tem a ver com esse livro da encantadora @doddleoddle 🖤✨ #dodieclark #dodieclarkbook #secretforthemad #secretforthemadbook
  • uma cena do vlog que postei semana passada no canal mel in wonderland 🖤 quem aí também ama chihiro? 😍 #chihiro #totoro #ghibli
  • acabei de liberar no canal um vídeo apresentando minha nova estante desenvolvida pelas garotas incríveis do @varandaarquitetura 🖤 tô esperando vocês por lá 😍 #bookshelf
  • eu tô muito feliz com os comentários que vocês estão fazendo nos ~dois~ posts que liberei ontem no blog 🖤 sério, vou responder todos com calma mais tarde ✨ obrigada por todo carinho e apoio que vocês me dão ☺️ é bom demais saber que vocês estão gostando de acompanhar o blog 🖤
  • there’s nothing truer than being yourself 🖤 acabei de liberar ~mais um post~ no blog e dessa vez é um projetinho de blogagem coletiva muito amor que eu @sernaiotto e @desancorando criamos ✨
  • acabei de liberar no blog um post com dicas de filmes e séries para relaxar nesse feriado *-* e pra deixar tudo ainda mais completo e gostoso (hehe), inclui um biscoito delicioso que a Kellogg's lançou, feito com cereais 100% integrais ☺️ nas próximas semanas vou apresentar pra vocês outros produtos dessa nova linha que eu testei, provei e aprovei 😉 ah, tô esperando vocês lá no blog pra ver as minhas indicações e pra deixarem recomendações nos comentários também 🖤 | publi

instagram