Atendimento via WhatsApp Atendimento via WhatsApp

Blog Tecnológico

Gif com efeito Polar Coordinates no Photoshop CC

Melissa Campuzano • 06 jun 2016 • Adobe Photoshop

Gif com efeito Polar Coordinates no Photoshop CC

Um dos filtros de efeito automático mais interessantes do Adobe Photoshop CC é o Polar Coordinates. Ele transforma imagens horizontais em montagens circulares, gerando interessantes efeitos gráficos com formas geométricas, entre outros.

1. Selecione a imagem que irá a aplicar o efeito e abra no Photoshop CC:

2. Transforme o background em layer, renomeando-o como no exemplo abaixo:

transformando-background-em-layer-eng-dtp-multimidia

3. Modifique o aspecto da imagem, que é retangular, passando-a para quadrado. Para isto, acesse a função Image size, no seguinte menu: “Image > Image Size...”:

tamanho-da-imagem-alterar-eng-dtp-multimidia

4. Na janela de diálogo do Image Size, desmarque a opção do cadeado para poder trabalhar livremente com as dimensões da imagem:

cadeado-imagem-destravar-eng-dtp-multimidia 

5. Após desmarcar a restrição de proporção de dimensões, é necessário igualar ambas as dimensões da imagem. Neste caso, passe a altura para o mesmo valor da largura, conforme abaixo:

alterar-dimensoes-da-imagem-eng-dtp-multimidia

6. A imagem ficará com o seguinte aspecto:

imagem-que-foi-cortada-eng-dtp-multimidia

7. O último passo para produzir o “mini-mundo”, antes de aplicar o filtro de Polar Coordinates, é a inverção vertical da imagem. Para isto, acesse o seguinte menu: “Edit > Transform > Flip Vertical”.

A imagem ficará pronta com o seguinte aspecto:

flip-vertical-na-imagem-eng-dtp-multimidia

8. Com a imagem pronta, acione o filtro, através do seguinte menu: “Filter > Distort > Polar Coordinates

Na janela de diálogo do filtro, selecione a opção de coordenada Retangular para Polar.

retangular-para-polar-psd-eng-dtp-multimidia

9. A imagem ficará com esta aparência no final:

imagem-oval-resultado-eng-dtp-multimidia

10. Repita o mesmo processo com quantas imagens desejar.

11. Abra um novo arquivo do Photoshop e vá até o menu principal Arquivo> Scripts >Carregar arquivos na pilha.. Encontre suas imagens e clique em abrir.

abrir-diferentes-arquivos-pilha-eng-dtp-multimidia

12. O Photoshop vai abrir as imagens em layers separadas.  Agora é hora de habilitar o painel da Linha do Tempo (Timeline). Para isso vá até o menu principal Window > Timeline.

window-timeline-eng-dtp-multimidia

13. No painel Timeline, clique na opção “ Create Frame Animation”:

create-frame-no-psd-eng-dtp-multimidia

14. Após criar a Timeline, clique no menu de contexto do painel Timeline e selecione: “Make Frames from Layers”:

fazer-frames-virarem-layers-eng-dtp-multimidia

A Timeline ficará com o seguinte formato:

como-fica-a-timeline-eng-dtp-multimidia

15. Antes de iniciar a criação dos frames seguintes é recomendável ajustar a duração da animação.

Clique na palavra “Once” na base do frame. O seguinte menu será aberto:
Selecione a duração desejada. Para rodar em loop permanente, selecione a opção “Forever”.

forever-loop-permanente-eng-dtp-multimidia

16. Após selecionar a duração da animação, é necessário configurar a duração da exibição de cada frame, de forma que os próximos frames criados terão a mesma duração. Para isto, com SHIFT selecione todos os frames e clique na seta preta ao lado da descrição “0 sec” na base do frame.

O seguinte menu será apresentado:

segundos-psd-eng-dtp-multimidia

Neste menu, selecione a duração disponível 1.0 seconds. Com isto, cada frame será apresentado ao espectador em um tempo de 1,0 s.

selecionar-tempo-psd-eng-dtp-multimidia

17. Após estes ajustes, clique no botão “Play” na base da barra de frames:

play-na-animacao-eng-dtp-multimidia

A animação será executada na área de trabalho do Photoshop, em looping, conforme configurado no início do exercício.

19. Após checar a animação, é hora de exportar a animação para visualização na tela / web. Selecione o menu: “File > Export> Save for Web” e selecione a extensão GIF.

Pronto!!!

gif-da-cidade-psd-eng-dtp-multimidia

Gostou deste conteúdo?




 

 

Melissa Campuzano

Melissa Campuzano

Melissa Campuzano, graduada em Design Gráfico pela UCATEC, com grau de Record Acadêmico.

Trabalha na área de Design, desenvolvendo projetos variados de design, imagem corporativa e eventos no exterior.
Com suas peças gráficas conseguiu mudar a percepção do público sobre o que significa estudar numa universidade de empreendedores.
É instrutora e consultora das tecnologias Adobe, atuando na ENG DTP & Multimídia.

ENG DTP & Multimídia - Logo

 

 

ENVIE SEU CONTATO e SEUS COMENTÁRIOS


LinkedIn da ENG DTP Multimídia
     Facebook da ENG DTP Multimídia     Instagram da ENG DTP Multimídia

 Jornad Graphic Design