Mostrar mensagens com a etiqueta Imagem. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta Imagem. Mostrar todas as mensagens

sexta-feira, 7 de agosto de 2020

Abrir imagens em formato WebP no Photoshop

COMO ABRIR IMAGENS WEBP NO PHOTOSOP?

O WebP (pronuncia-se weppy) é um formato de imagem da Google com uma compressão superior e mantendo a qualidade de imagem, em comparação com os restantes formatos. Também utiliza as vantagens dos formatos png e gif de uso de transparências e animações.


1 – DESCARREGAR PLUG-IN
:

Para abrir as imagens em formato WebP dentro do Photoshop, é necessário descarregar o plug-in deste website:
http://telegraphics.com.au/sw/product/webpformat 

2 – DESCOMPRIMIR:

Depois de descarregar devemos descomprimir o ficheiro para uma localização à nossa escolha. Irá aparecer um ficheiro tipo 8BI File.

3 – COPIAR E COLAR:

Copiamos o ficheiro WebPFormat64 e colamos dentro da pasta plug-ins que existe no Photoshop. Normalmente o caminho da instalação do Photoshop é esta:

Com o plug-in inserido na pasta do Photoshop, abrimos o programa de início para ler os plug-ins e já conseguimos visualizar e abrir as imagens no formato WebP.

 

CONCLUSÃO:

Existe à data um aumento de navegadores compatíveis a utilizarem o formato WebP e a Google já está a aconselhar a sua utilização. Com todas as vantagens de compressão, uso de transparências e animações será positivo utilizarmos este formato de forma ao nosso site obter uma melhor classificação.

quarta-feira, 22 de julho de 2020

Transformar imagem em desenho

COMO TRANSFORMAR IMAGEM EM DESENHO?

Finalmente a Adobe disponibilizou uma Ação para o Photoshop que permite converter imagens em desenhos facilmente e com boa qualidade. Para isso, será necessário verificar algumas preferências no Photoshop, descarregar o ficheiro e instalar e selecionar a área da imagem para converter.


1 – VERIFICAR PREFERÊNCIAS:

  1. Se tem disponível o filtro Oil Paint Filter incorporado na versão CC 2015.5
    (Filtro/Estilização/Pintura a Óleo)
  2. Se a imagem está em modo RGB (Imagem/Modo/Cores RGB)
  3. Se o processador gráfico está ativo para a renderização.Graphic Processor (Editar/Preferências/Desempenho)

2 – DESCARREGAR E INSTALAR:


Depois de descarregar e descomprimir o ficheiro, será necessário instalar dentro do Photoshop.
  1. Instalar a Action (Janela/Ações/Carregar Ações)
  2. Instalar o Pattern (Janela/Padrão em Photoshop mais recente)(Editar/Predefinições/Gerenciador de Predefinições/Padrões/Carregar)

3 – CONVERTER A IMAGEM EM DESENHO:

Criar uma camada superior à existente e desenhar com o pincel ou lápis a área que se pretende converter em desenho. Isto irá funcionar como uma máscara.

Com apenas as duas camadas, vamos aplicar a ação que instalámos dentro do painel Ação. Para isso, pressionamos no botão Play. Aparecem várias mensagens que pressionamos OK para prosseguir. O tempo de renderização depende de cada imagem, no entanto não deverá ultrapassar os 5 minutos.


Existem muitas camadas, mas a estrutura é simples: 

  • Camada para o fundo: BG Color
  • 3 grupos com elementos de fundo: BG patterns, BG FX, e Border FX.
  • 3 grupos com os efeitos de desenho: Toon Color, Toon Lines, e Toon Details. 
  • 2 grupos com efeitos adicionais e um para adicionar texto: FG FX, Post FX, e Replace With Your Text. 


Mais informações sobre as camadas e sua organização podem ser encontradas dentro do ficheiro Guia que foi descarregado.


CONCLUSÃO:
Após várias tentativas de criar uma ação que permita transformar imagens em desenhos, a Adobe finalmente acertou e criou uma ação com ótima qualidade e rápida renderização. Consoante a ferramenta que se utilize para criar a área a converter, a sua dureza e transparência os resultados de conversão serão diferentes. O processo é testar e verificar as camadas. Verifique o vídeo e boas conversões!!!

terça-feira, 7 de junho de 2016

Recortar imagens no Adobe Photoshop CC

COMO RECORTAR IMAGENS NO PHOTOSHOP CC?
Vamos utilizar 3 ferramentas para recortar imagens e no final utilizar a máscara de camada para eliminar o fundo. Ao utilizarmos a máscara de camada estamos a trabalhar de forma não destrutiva onde será sempre possível regressar à imagem original.

1 - FERRAMENTA VARINHA MÁGICA:

Esta ferramenta permite selecionar áreas com a mesma tonalidade de cor. No caso de termos uma imagem a recortar a fazer contraste com a cor de fundo, podemos utilizar esta ferramenta indicando a tolerância de seleção.  


Utilizamos a tecla SHIFT para selecionar várias áreas.

2 – FERRAMENTA SELEÇÃO RÁPIDA:

Funciona de forma semelhante à varinha mágica, no entanto permite um maior controlo na seleção das áreas que pretendemos. Ao arrastar esta ferramenta por zonas da imagem, irá selecionar as tonalidades de cor mais semelhantes com a zona selecionada.


3 – FERRAMENTA CANETA:

Quando pretendemos ter todo o controlo e precisão no recorte da imagem utilizamos a ferramenta caneta. Criamos os pontos de ancoragem no limite da imagem.



Para criar curvas nas linhas retas dos pontos de ancoragem, utilizamos a ferramenta Converter Pontos e pressionamos e arrastamos em cima do ponto que pretendemos atribuir uma curva.
 
Uma forma de unir estes dois passos de criar pontos e curvas é utilizar a tecla ALT. Com a ferramenta caneta ficamos a pressionar no ponto criado e arrastamos para atribuir curva. Se no próximo ponto pretendemos criar uma reta, pressionamos em cima do ponto existente com a tecla ALT para retirar a curva no final do ponto e assim ser possível desenhar a reta depois da curva.


Para criar o demarcador que será utilizado para máscara será necessário fechar o último ponto com o primeiro. Nesta operação aparecerá o símbolo “o” na ferramenta a indicar o fecho da seleção.
 

Com o demarcador criado através da caneta, devemos aceder ao painel dos Demarcadores e salvar o trabalho realizado atribuindo um nome. Apenas temos que pressionar duas vezes em cima do demarcador para salvar e atribuir o nome.


4 – ATRIBUIR MÁSCARA À SELEÇÃO:

Com o demarcador salvo vamos Criar Seleção no lado direito do painel de Demarcadores. Indicamos o mínimo para o Raio de Difusão como forma de melhorar o detalhe da seleção.


Com a seleção ativa, acedemos ao painel Camadas e criamos a máscara pressionando no botão Adicionar máscara de camada.
 

Podemos verificar que foi atribuído uma máscara à imagem na camada onde é realizado o recorte. Ainda podemos definir as propriedades da máscara pressionando em cima desta duas vezes.
 

.      
 CONCLUSÃO: 
Cada uma das 3 ferramentas tem uma tarefa específica, no entanto se pretendemos qualidade no recorte devemos sempre utilizar a caneta. A utilização de máscaras é um processo não destrutivo porque não altera a imagem original e podemos sempre excluir a máscara aplicada.


domingo, 3 de abril de 2016

Vetorizar imagem bitmap no Adobe Illustrator

COMO VETORIZAR IMAGEM BITMAP NO ILLUSTRATOR?
A transformação de imagens bitmaps para imagens vetoriais pode ser realizada automaticamente no Illustrator utilizando a ferramenta Traçado da imagem.
Traçado da imagem ou Image Trace no CS6 e superior enquanto nas versões anteriores denominava-se de Live Trace.

1 - ABRIR OU INSERIR A IMAGEM:

1 - Para abrir acedemos a Arquivo e escolhemos a opção Abrir (Cmd+O ou Ctrl+O).
2 - Para inserir a imagem acedemos ao menu Arquivo e escolhemos Novo (Cmd+N ou Ctrl+N) para criar uma folha em branco. Nesta folha acedemos a Arquivo | Inserir e escolhemos a imagem.


2 - DEFINIR A QUALIDADE DO TRAÇO:

Com a imagem na tela e selecionada, escolhemos a qualidade do traçado clicando na seta no lado direito da caixa Traçado da imagem. Neste caso que pretendemos a máxima qualidade, vamos selecionar a opção Foto de alta fidelidade.



3 - TRAÇAR A IMAGEM:

Se pretendemos maior controlo, podemos abrir o painel do Traçado da imagem e alterar a quantidade de cores, contornos e outras opções avançadas.



Para o traçado ser realizado na imagem, pressionamos o botão Expandir.

 

Após pressionarmos o botão Expandir, a imagem irá ser convertida em caminhos ou traçados.

 

4 - APAGAR E ALTERAR A FORMA DO TRAÇADO:

Selecionamos a Ferramenta de seleção direta (A) e arrastamos em cima dos objetos que pretendemos apagar. Utilizamos uma vez o botão Delete ou Backspace para apagar os objetos selecionados e duas vezes para apagar também os vértices.
  

Para termos controlo total de cada um dos vértices que constituem o traçado e realizar alterações de forma, pressionamos no limite do objeto que pretendemos alterar. Neste caso, vamos alterar a forma da orelha do gato e pressionamos no limite do objeto. Desta forma, temos acesso individualmente a cada um dos vértices.

      
 CONCLUSÃO: 
Como podemos verificar na imagem vetorial, esta contém muitos pormenores por termos selecionado uma foto de alta fidelidade. Se pretendermos que a imagem seja semelhante a um desenho, devíamos ter escolhido outra das opções ou diminuir a quantidade de cores.