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

  • Conhecendo lugares fofos e desejando morar neles 😌✨ (obrigada pela dica @patricia_belz ♡ )
  • eu já estou no clima de halloween 🎃 quem aí também se empolga com o dia das bruxas? Desde criança essa sempre foi uma das minhas datas favoritas (junto com o Natal) 🧡 e sempre fico muito feliz quando conheço pessoas que gostam de comemorar e viver esse clima tanto quanto eu 😌 (mesmo que a primavera não ajude muito a entrar no clima hehe). Já estou pensando nos vídeos e nos posts do blog que pretendo fazer para essas épocas. Aliás, o que vocês gostariam de ver de conteúdo referente ao dia das bruxas? Vou ficar de olho nas sugestões de vocês. E quem aí já leu essa graphic novel da @rainbowrowell e da @faitherinhicks ? Querem resenha? 🙃🎃🧡🖤
  • apaixonada por esse Van Gogh que ganhei de presente da @mundosemente 😍 (obrigada pela cartinha e por todos os presentinhos que você fez, Carol!) ♡ se vocês pudessem ter um amigurumi de alguém que vocês admiram, de quem seria? 😌
  • Me conta alguma coisa que te deixou feliz hoje? 😌 eu liberei um vídeo com uma tag muito especial e que me deixou muito feliz em todas as etapas: descobrindo, respondendo/gravando, editando e liberando o vídeo 🌻 tô feliz com esse vídeo e espero que vocês também fiquem (coloquei o link na bio aqui do insta e nos stories também) 😌
  • Setembro amarelo chegou e é sempre bom (e importante reforçar) que depressão não é frescura, não tem classe nem gênero e que pensamentos suicidas não são sinais de fraqueza. Saúde mental é tão importante quanto saúde física. Se você tem depressão, saiba que você não está só e nem precisa passar por tudo em silêncio. Tente conversar com algum profissional da área por mais difícil que seja. E nunca, nunca, nunca pense que tirar a sua vida é solução. Sua vida vale muito e ela importa, sim 💛 E se você tem a sorte de não saber o que é ter depressão, tenha empatia. Nunca julgue nem minimize o sofrimento alheio. A vida de todos nós têm o mesmo valor e esse valor é imenso! #setembroamarelo #setembroamarelo💛
  • como está sendo o sábado de vocês? O meu está sendo de leituras, chá e agora à noite vai ter pipoca e f.r.i.e.n.d.s 😌 querem um vídeo falando sobre esses livros aí da foto? Espero que sim porque eu quero muito falar sobre eles hehe falando nisso, acabei de liberar um vídeo extra no canal (link na bio) ✨ espero que vocês passem por lá 😌

instagram