Tutorial – Wallpaper Gif 3D

Olá mackenzistas! No post de hoje, teremos um tutorial bem bacana ensinando o efeito 3D e a fazer pequenas gifs com o efeito no Photoshop. O formato de wallpaper é para celulares em geral.

 

Checklist:

Programa utilizado: Adobe Photoshop CS6

Dificuldade: Médio-Fácil (é um pouco trabalhoso e é fácil de se perder, portanto, atenção!)

 

01. Abra um novo documento no Photoshop com o atalho CTRL + N (ou File > New) com as coordenadas abaixo:

Width: 600px

Height: 1080px

Resolução: 150 pixels/inch (gifs perdem muita qualidade, mas também não podem ser muito pesadas. 150 é um tamanho ideal)

Color Mode: RGB Color | 8 bit

Background Contents: Transparent

 

02. Após criar seu novo documento, abra uma foto de sua preferência com CTRL + O (File > Open) – e com boa qualidade! – e selecione a parte dela que mais gostar. Escolhi uma do vocalista do Foster the People, Mark Foster (<3)

 

03.  Copie o selecionado para seu novo documento e posicione da maneira que preferir. Aperte CTRL + J (Layer > Duplicate Layer > Ok) duas vezes para duplicar a camada.

 

04. Selecione a primeira camada que você duplicou. Aperte CTRL + L (Image > Adjustments > Levels) para abrir a guia de níveis de camada e coloque como na imagem abaixo:

Channel: Red

0 | 0,01 | 255

Aperte OK e retire a visibilidade da segunda camada (clique no olhinho do lado da camada) duplicada para ver como ficou.

 

05. Selecione agora a segunda camada que você duplicou e clique novamente no olhinho para ela voltar a ficar visível. Aperte  CTRL + L novamente, e coloque as especificações como na imagem abaixo:

Channel: Green

0 | 0,01 | 255

Aperte OK e consiga o resultado abaixo:

 

06. Aperte CTRL + L novamente, e coloque as especificações como na imagem abaixo:

Channel: Blue

0 | 0,01 | 255

Aperte OK e consiga o resultado abaixo:

 

07. Existe uma guia na janela de camadas que mostra as propriedades dela. Geralmente, ela está no “Normal”. Coloque as duas camadas duplicadas na opção “Screen” e movimente qualquer uma das duas do jeito que preferir. Meu resultado alcançado foi este abaixo:

 

Alguns exemplos de como pode ficar sua imagem, a chave é usar sua imaginação:

 

08. Agora é a hora de criar sua gif! Se a janela “Timeline” ainda não estiver aberta, vá em Window > Timeline. Clique na opção “Create Frame Animation”.

 

09. Clicando em “Create Frame Animation”, aparecerá um quadradinho com seu trabalho reduzida. Clique onde está o retângulo vermelho, na opção de tempo selecione “No Delay” (porém, o tempo pode ser de sua preferência) e coloque a repetição para “Forever”.

 

10. Selecione a opção “Duplicate selected frames” e duplique o primeiro frame até o número 10.

 

11. Essa é a parte mais importante do tutorial. Nas camadas coloridas, você colocará as seguintes propriedades de opacidade em cada frame:

01: 100% opacity | 02: 80% opacity | 03: 60% opacity | 04: 40% opacity | 05: 20% opacity

06: 0% opacity | 07: 20% opacity | 08: 40% opacity | 09: 60% opacity | 10: 80% opacity

É obrigatório que você comece a colocar as propriedades de opacidade a partir do frame 01, para não haver erros.

 

12. Se você fez tudo até aqui, aperte ALT + SHIFT + CTRL + S (File > Save for Web…) para salvar a sua gif. Deixe as especificações como na imagem abaixo e clique OK.

 

13. Se todos os passos foram seguidos, sua gif nova está aqui:

 

Espero que tenham gostado ♥ Compartilhem os resultados de vocês caso tentem. Salve!

Eduarda Ramos

Geminiana até demais pros padrões do signo, fã encubada de indie pop e entusiasta de memes. Diz que não beberá das águas, mas quando vê já está afogada nelas.