Informações sobre o álbums
  • editoria:
  • galeria:
  • link: http://tecnologia.uol.com.br/album/2012/05/03/8-bit-saiba-como-transformar-sua-foto-em-imagem-cheia-de-pixels.htm
  • totalImagens: 33
  • fotoInicial: 1
  • imagePath:
  • baixaResolucao: 0
  • ordem: ASC
  • legendaPos:
  • timestamp: 20120503210102
    • Dicas de tecnologia [50617]; Photoshop [16792];
Fotos
Este tutorial com o Adobe Photoshop CS5 ensina o primeiro passo na arte de fazer imagens a partir de pixels?inspirada principalmente pelos games 8-bit. Você pode usar o resultado como avatar do Twitter ou do Facebook ou só na brincadeira: vale até fazer da turma toda e montar um quadrinho. Por Luiz Fukushiro Alteração sobre imagem ThinkStock Mais
O primeiro passo é escolher a foto que você quer utilizar como base. Tente fotos claras, com o rosto reto (pode ser de perfil também), assim os passos finais ficam mais fáceis. Para recortar o rosto, vamos usar a Rectangular Marque Tool (Ferramenta Letreiro Retangular) Alteração sobre imagem ThinkStock Mais
Faça a seleção do rosto, deixando pressionado o Shift do teclado. Isso vai fazer com que seja selecionado um quadrado Alteração sobre imagem ThinkStock Mais
Para cortar, vá a Image > Crop (Imagem > Cortar) Alteração sobre imagem ThinkStock Mais
Vá a Select > Deselect (Seleção > Cancelar Seleção) Alteração sobre imagem ThinkStock Mais
Vamos agora tirar o fundo. Para isso, selecione a Pen Tool (Ferramenta Caneta) Alteração sobre imagem ThinkStock Mais
Para facilitar o seu trabalho, dê um zoom. Vá selecionando ponto a ponto, rente ao rosto Alteração sobre imagem ThinkStock Mais
Não se esqueça de selecionar os cantos cortados pela foto antes de fechar a seleção: o último ponto deve encontrar com o primeiro Alteração sobre imagem ThinkStock Mais
Volte ao zoom normal. Clique com o botão direito dentro da área selecionada e clique em Make Selection (Criar Seleção) Alteração sobre imagem ThinkStock Mais
Na caixa que aparecer, coloque um Feather Radius (Raio de Difusão) de 3 pixels. Dê Ok Alteração sobre imagem ThinkStock Mais
Agora, a área que você delineou virou uma seleção Alteração sobre imagem ThinkStock Mais
Vamos transformar a seleção em uma camada. Vá a Layer > New > Layer via Copy (Camada > Nova > Camada por Cópia) Alteração sobre imagem ThinkStock Mais
Na guia Layers (Camadas), apague a camada Background (Plano de Fundo), clicando com o botão direito sobre ela e depois em Delete Layer (Excluir Camada). Dê Ok Alteração sobre imagem ThinkStock Mais
Agora você terá somente o rosto em um fundo transparente Alteração sobre imagem ThinkStock Mais
Antes de transformar em pixels, vamos fazer um pequeno ajuste. Vá a Image > Adjustments > Brightness/Contrast (Imagem > Ajustes > Brilho/Contraste) Alteração sobre imagem ThinkStock Mais
Aumente tanto o brilho como o contraste, até ficar como na imagem: as cores bem fortes, mas sem ''estourar'' demais -- os contornos ainda têm de aparecer. Note que, embora a pele do rosto esteja bem homogênea, ainda conseguimos ver o contorno do nariz. Esses valores vão variar de acordo com a foto que você escolheu Alteração sobre imagem ThinkStock Mais
Para trabalhar com os pixels, vamos reduzir o tamanho da imagem em Image > Image Size (Imagem > Tamanho da Imagem) Alteração sobre imagem ThinkStock Mais
Guarde os valores do Pixel Dimensions (Dimensões em Pixels). Substitua tanto a width (largura) como a height (altura) por 30. Em Resample Image (Restaurar Resolução da Imagem), coloque Nearest Neighbor (Pelo Mais Próximo) Alteração sobre imagem ThinkStock Mais
Sua imagem vai ficar bem pequena. Aumente o zoom, e o Photoshop automaticamente coloca o limite dos pixels, o que facilita seu trabalho. Veja que já parece um pouco um avatar em pixels, mas ainda mal acabado. Agora vamos deixá-lo mais bonito. Primeiro, crie uma nova camada na guia Layers (Camadas), clicando no ícone Create a new layer (Criar uma nova camada) Alteração sobre imagem ThinkStock Mais
A camada será criada acima da camada em que está a imagem. Arraste-a para baixo, no sentido da seta Alteração sobre imagem ThinkStock Mais
Selecione a Paint Bucket Tool (Ferramente Balde de Tinta) para pintar o fundo. Escolha uma cor e clique sobre a camada Alteração sobre imagem ThinkStock Mais
Volte para a camada em que está o rosto Alteração sobre imagem ThinkStock Mais
Para facilitar os ajustes, acompanhe a imagem em tamanho menor pelo navegador. Para que ele apareça, clique em Window > Navigator (Janela > Navegador) Alteração sobre imagem ThinkStock Mais
Vamos fazer os ajustes com a Pencil Tool (Ferramenta Lápis). Ao contrário da Brush Tool (Ferramenta Pincel), ela pinta os pixels por inteiro, e não de forma circular, o que afeta os pixels vizinhos Alteração sobre imagem ThinkStock Mais
Nas opções da ferramenta, à esquerda no menu superior, coloque 1 em Size (Tamanho) e 100 em Hardness (Dureza) Alteração sobre imagem ThinkStock Mais
Agora o trabalho é manual. Primeiro, vamos tirar os pixels em branco em torno do cabelo, utilizando a mesma cor do fundo (veja nas setas e compare com o passo anterior) Alteração sobre imagem ThinkStock Mais
Caso fique muito ''quadradão'', você pode usar a cor de uma forma mais sutil, diminuindo a Opacity (Opacidade) Alteração sobre imagem ThinkStock Mais
Para mexer no meio da imagem, utilize a Eyedropeer Tool (Ferramenta Conta-gotas). Ela seleciona uma cor já existente na imagem Alteração sobre imagem ThinkStock Mais
Como agora vamos acertar o rosto, escolhemos uma cor mediana da pele com a Eyedropper Tool (Ferramenta Conta-gotas) Alteração sobre imagem ThinkStock Mais
Vamos pintar com Opacity (Opacidade) de 100% em todo o centro do rosto (exceto o contorno do nariz). Depois, com uma opacidade menor, passe na área limite com o cabelo. Os outros ajustes vão depender da foto original. Aqui também demos uma unificada nos olhos e na boca, mas você pode fazer o mesmo no cabelo, na roupa, onde achar melhor Alteração sobre imagem ThinkStock Mais
Agora vamos retornar ao tamanho original. Vá a Image > Image Size (Imagem > Tamanho da imagem) Alteração sobre imagem ThinkStock Mais
Coloque o valor original, que você anotou lá no passo 18 (o nosso era 352). Se preferir outro tamanho, fique à vontade. Em Resample Image (Restaurar Resolução da Imagem), escolha novamente Nearest Neighbor (Pelo Mais Próximo). Dê Ok Alteração sobre imagem ThinkStock Mais
Pronto! Agora é só exportar para o formato que quiser. Tente diversas fotos para ficar cada vez mais craque na pixel art Alteração sobre imagem ThinkStock Mais

8-bit: saiba como transformar sua foto em imagem cheia de pixels

Mais álbuns de Tecnologia x

Últimos álbuns de Tecnologia



Shopping UOL

UOL Cursos Online

Todos os cursos