domingo, 14 de julho de 2013

Mix Fotos Coloridas para capa do Facebook - Tutorial

  (clique para ampliar)

Oie pessoal!!!
Eu não sei se sabem, mas sou design auto didata já tem uns 11 anos.
Fiz até a metade da faculdade de informática e tranquei. Resolvi pular para outra área pois não estava sendo "rentável" e nem valorizada. Como até hoje não está.
Gosto muito de qualquer programa que mexa com imagens, fotos, texturas, vetores... enfim.
Tenho até uma página, que por sinal está super desatualizada e já perdi até a senha kkkkk
http://www.designclaudinha.xpg.com.br/
Acabei de ter uma idéia, que particularmente adorei, e resolvi compartilhar ;)

Olha que lindo que fica:

 (clique para ampliar)

Só poderá fazê-la se:

1) Ter instalados os programas PHOTOSHOP e PICASA (free).
Baixe o Picasa: http://picasa.google.com/

2) Ter muitas fotinhas rsrsrs

Vamos lá?

- Faça uma pasta com cópia das fotos que quer fazer a colagem e deixe  no desktop para que o PICASA a ache mais facilmente, porque o programa abre automaticamente o preview das imagens que está no "desktop" (e suas subpastas) e na pasta "minhas imagens" que qualquer pc tem rs. E também, para que seja mais fácil de excluir quando já estiver feito.

- Abra o programa PICASA, espere carregar as fotos que aparecerá na tela, aparecerá assim:

 (clique para ampliar)
 
 - Vá em "Criar" e depois em "Colagem de Imagens". Selecione o tipo "GRADE" que organiza as fotos em linhas e colunas regulares.

  (clique para ampliar)

 Abrirá uma nova aba, mas com apenas uma foto ou nenhuma, até porque você ainda não as escolheu.
Clique na sub aba, "Clipes" para escolher;

   (clique para ampliar)

Ficará assim:

  (clique para ampliar)

Clique em "Obter mais..."
Que irá retornar a biblioteca;

  (clique para ampliar)

 Agora, para selecionar várias fotos (fica com uma borda azul em volta), clique na primeira, segure o shift (caso queira todas) e vá até a última rolando o scrool do próprio mouse e dê outro clique. Caso queira escolher, clique em uma, segure o CTRL e vá escolhendo. Quando acabar de selecionar  o botão "Voltar para Colagem".
Aí você já verá as fotos assim:

  (clique para ampliar)

Com o mouse, arraste as fotos que já estão selecionadas (borda azul) para o centro;

  (clique para ampliar)

 Reparem que sumiu tudo. Todas estão ao centro agora, só que todas "grudadas". Para dar um efeito legal agora precisaremos fazer algumas modificações. Também pode mudar a ordem das fotos, dando uma misturada nelas, clicando em "Trocar imagens de lugar" se achar que a sequência não está legal. As minhas estão muito sequenciais, repetidas, vejam como uma boa misturada deixa bem legal:

  (clique para ampliar)

Agora, clique na sub aba, "Configurações".

Deverá estar em GRADE. Que organiza as fotos em linhas e colunas regulares, como eu já disse.
Vamos "desgrudar" essas fotos indo em "Espaçamento da grade". Aí fica a sua escolha.

(clique para ampliar)

Opções de plano de fundo:

"Cor sólida" - Branco. Caso queira mudar, clique dentro da cor e mude; Eu prefiro branco para esse tutorial.
"Usar imagem" - Selecione um fundo bem legal caso prefira. Mas lembre que este fundo deverá estar na mesma pasta ou ser selecionado anteriormente para que ele apareça. Caso ele não esteja aí, volte alguns procedimentos: Retorne a biblioteca e insira. Arraste-o, igual ao passo a passo anterior. Ele estará no meio dessas fotos. Clique nele (borda laranja) e logo preencherá o fundo. Eu como não escolhi fundo, mas cliquei numa das fotos, e veja como fica:

(clique para ampliar)

Formato de página:

O formato de página exatamente do tamanho do facebook não existe como padrão. Teremos que criar.

Clique na Setinha azul, e vá em "Adicionar proporção personalizada":

(clique para ampliar)

Digite as medidas: 850 X 315 e e nomeie como FACEBOOK. Ficará salvo para sempre que quiser.

(clique para ampliar)

Caso no seu, sua foto fique em pé (o que será impossível a não ser que sem querer você aperte em algo), logo abaixo do formato de página, tem os botões "Paisagem" e "Retrato". Deixe em PAISAGEM.
Tudo ok?
Bora clicar em "Criação de Colagem"
Aguarde...

(clique para ampliar)
 
Prontinha!

(clique para ampliar)

Agora, o picasa cria suas próprias pastas para as colagens e para localizá-la no seu pc, clique com o botão direito do mouse em cima dela e "Localizar no disco".

(clique para ampliar)

Abrirá uma tela com o caminho onde foi criada,  "recorte" ou "copie" e cole em um local que seja fácil de achar. Eu coloco no desktop rsrsrs
Caso queira postar assim mesmo, já está OK!

(clique para ampliar)

--------------------------------------------------
Informação EXTRA, leia se quiser, pois não influencia no Tutorial. Avisarei quando termina logo abaixo com essa mesma letra vermelha e marcação rajada:
-------------------------------------------------- 
O formato "CXF" é próprio do picasa.  Arquivo histórico de sistema. Pode apagá-lo tranquilamente caso não queira guardar o modelo da colagem e as fotos para alterações. Por exemplo, se depois resolver que poderia ter dado mais espaçamento entre as fotos, poderá abrir o arquivo "CFX" e modificar, fazendo todo procedimento novamente clicando em "EDITAR COLAGEM", que fica ao lado do botão "Voltar a biblioteca".

(clique para ampliar)

Aí de repente, você no outro dia resolve implicar com a colagem e quer modificá-la. Seja inserir mais fotos ou espaçamento ou tamanho...
Você pensa: "Já era!"
Calma, vá na pasta que o PICASA criou, que normalmente é : C:\Users\User\Pictures\Picasa\Colagens clique com o botão direto em cima do arquivo "CXF", e clique em "abrir com"...

(clique para ampliar)

Clique em "Procurar"

 (clique para ampliar)

Abrirá uma nova tela, ache o ícone do programa. Normalmente quando você instala um programa ele deixa um ícone no desktop (área de trabalho). Veja o meu:

1) Área de Trabalho
2) Clique no ícone PICASA
3) Abrir

 (clique para ampliar)

O ícone aparecerá aqui, só dar OK.

(clique para ampliar)

Agora, quando for em C:\Users\User\Pictures\Picasa\Colagens e quizer alterar alguma, dê um duplo clique que ela aparecerá junto com as outras fotos, assim:

(clique para ampliar)

Dê um duplo clique e modifique!

--------------------------------------------------  
A Informação EXTRA acabou, voltamos ao tutorial:
--------------------------------------------------  

Estamos no segundo passo agora, que já é no programa PHOTOSHOP:

Abra a imagem no Photoshop, vá em Imagem/Tamanho da Imagem

 (clique para ampliar)

Redimensione para 850 x 315.
Aí você pensa " Ahhh, já não fiz do tamanho certo no picasa?"
Sim, mas o picasa cria uma colagem de alta definição proporcial ao tamanho das fotos que você escolheu. Você irá redimensionar no Photoshop para que a imagem fique mais leve e não demore horrores para carregar no facebook.

(clique para ampliar)
 
Crie uma nova camada, servirá para fazer o degradê colorido:

(clique para ampliar)

1) Vá na ferramenta Degradê;
2) Escolha um;
Eu escolhi o que parece um arco-íris

(clique para ampliar)
 
Faça um "risco" clicando de uma ponta a outra e solte para fazer como o meu.
Mas fica livre de "clicar",  "puxar " e "soltar" da maneira que quiser. Seja de cima para baixo, esquerda pra direita, da metade pra direita...
Para fazer traço completamente reto, segure o SHIFT.
 O efeito aparecerá de imediato e poderá repetir, até ficar como queira
Ficará assim:

(clique para ampliar)

Nas configurações de camada, a direita, clique na setinha, que estará no modo "normal" e troque para "Clarear". Este é o que EU usei. Mas pode escolher qual quiser.

(clique para ampliar)

(clique para ampliar)
  
 Digite o texto caso deseje, posicione onde quiser, mas que seja da metade da direita porque senão a foto do seu perfil vai ficar em cima. Salve novamente no formato JPG e modifique sua capa no facebook!!

Outras opções, com degradês diferentes e  configurações de camadas:

 (clique para ampliar)

(clique para ampliar)
 
 (clique para ampliar)

 (clique para ampliar)

Tutorial grande né gente! Mas quis explicar bem.
Espero que tenham gostado!

Beijos!

48 comentários:

  1. Nossa que bacana flor!
    Também adoro mexer nessas coisas, só não manjo muito.. rsrsrs
    Beijos!!!
    nailmypassion.blogspot.com.br

    ResponderExcluir
  2. Nossa ficou super legal, adorei.
    Bisous
    needfulglam.blogspot.com
    www.facebook.com/needfulglam

    ResponderExcluir
  3. Ficou super legal!
    O tutorial está ótimo!
    Beijos!
    islary34.blogspot

    ResponderExcluir
  4. Adoreeei!
    Eu curto montagens desse tipo, e personalizo tudo sempre, hehehe
    Beijocas

    ResponderExcluir
  5. Nossa adorei a dica!
    Com certeza irei fazer essa capa.
    Bjão

    Blog Joyce MakeUp | Fan Page

    ResponderExcluir
  6. Que legal, ficou muito legal.
    Beijos linda.

    andreakubiki.blogspot.com

    ResponderExcluir
  7. muito criativo e legal
    http://jehbennett.blogspot.com.br/
    bj

    ResponderExcluir
  8. Ficoou super leegal'# Muuito criativoo da sua partee'# ^^

    Seguindo aqui querida, se gostar segue o meu tbm'#?

    http://amor-teen.blogspot.com

    ResponderExcluir
  9. Amei o tutorial, a capa ficou ótima. Tô seguindo teu blog!
    Beijos da Cássia :*
    Fique com Deus!
    www.nosolhosdequemviu.blogspot.com

    ResponderExcluir
  10. Gostei do tutorial! Bora tentar fazer haha!

    chocolatenacereja.blogspot.com

    ResponderExcluir
  11. Adorei o tutorial Claudia, pena que não sei mexer em nada no Photoshop e nem tenho como instalar ele no meu pc :/
    Lindas fotos! Te adc no face hehe'
    Excelente segunda!
    Beijinhos ;*

    http://www.bycarolinaa.com/

    ResponderExcluir
  12. Que legal Claudia!! Vou tentar aqui, rsrs...será que consigo?!? kkk
    Otima semana!!
    Beijinhos

    www.anaforti.blogspot.com.br

    ResponderExcluir
  13. Bastante didático, explicando passo à passo..eu não sei mexer com isso, já me atrapalhei toda!!
    Abraços.Sandra

    ResponderExcluir
  14. Muito bom o seu tutorial, Claudia.
    Tudo bem explicado. Parabéns!
    Beijo e um ótimo dia! :)

    www.belezadescoberta.com.br

    ResponderExcluir
  15. Boa tarde
    ótimo tuto, fica legal as fotos ;D
    Fique com Deus, bjim Pink
    WWW.bypalomasoares.blogspot.com.br

    ResponderExcluir
  16. Que legal essa dica, o efeito ficou lindo! Você é muito talentosa, Claudia! Sucesso!

    http://priesmaltes.blogspot.com.br

    Beijinhos da Pri!

    ResponderExcluir
  17. Muito legal... vou tentar!
    Beijos
    http://esmalteetudo.blogspot.com.br/

    ResponderExcluir
  18. Nossa, que máximo.. adorei essa dica..

    Adorei seu blog..
    Estou te seguindo ta..

    Beijinhos..
    http://kahcastioni.blogspot.com.br/

    ResponderExcluir
  19. É uma ótima dica.
    Beijos

    www.ingridlemos.com.br

    ResponderExcluir
  20. Que legal ficou, não sabia como fazer, adorei o post!
    www.espacegirl.com

    ResponderExcluir
  21. Muito legal esse tutorial.
    Muito obrigada pela visita ao blog. Seja bem-vinda.
    Se tiver alguma sugestão de muso pro blog, me avise nos comentários ou pelo formulário de contato.
    Big Beijos
    Lulu
    http://luluonthesky.blogspot.com.br

    ResponderExcluir
  22. O tuto é grande mas eu adorei o resultado!
    Fica muito legal essa montagem!


    beijos!
    biaschultz.blosgpot.com

    ResponderExcluir
  23. Amei a dica!
    Vou tentar fazer, fica lindo!
    Bjusss....

    http://unhasemakesinspiracoes.blogspot.com/

    ResponderExcluir