Dkcell Design Tendências, inspiração e novidades do design

Sempre falamos aqui de revistas online, mas esta além de ter altissima qualidade é feita pelo pessoal lá do Blogez com participação minha.

Todas as outras edições podem ser baixadas aqui mesmo no Dk Design, e a última pode ser baixada diretamente do site/teaser do novo portal.

Cliquem na imagem para visitar o site

Novamente post tirado de um ótimo blog nacional: Sinopse.Org.

No site linkado pela Daniela do Sinopse, existem diversas outras imagens e fotomontagens muito criativas usando código de barras.

Vale a visita aos dois.

Códigos de Barra Criativos (inglês)
Fonte: Sinopse.org

Provavelmente todos aqui são familiares a estas caixas.

Porém praticamente ninguém deve saber a origem destas imagens. Como disse no título são fotografias. Isso mesmo, fotografias de Raio-X, criadas por Nick Veasey, um dos mais conhecidos fotográfos deste estilo de nossa época.

Além do Nick Veasey encontrei este post no Cultcase que mostra diversos outros grandes artistas.

Visitem o portfólio do fotográfo: Nick Veasey

Em visita recente ao Brainstorm#9, vi um vídeo criado pela JWT Italia
para o Hospital San Raffaele um vídeo no estilo de jogo em 1a Pessoa onde o personagem vai se cansando durante o vídeo.

Assim como o Carlos Merigo, não irei contar o final do vídeo, pois é o mais interessante.

Fonte: Brainstorm#9

Um dos recursos mais usados no Photoshop são os layers (ou camadas). Com eles podemos dividir nosso trabalho em partes individuais que no trabalho final formam uma imagem só. Desta forma podemos alterar partes sem interferir diretamente nas outras.

Como os layers funcionam:

Para que está olhando isto se trata de uma imagem plana bidimensional e única. Porém quando a criamos usamos 3 layers diferentes, uma sobre a outra, que são:

• O fundo em Azul
• O texto Dk Design
• O ícone do Photoshop

Como trabalhar com layers:

Iremos criar um novo documento com as seguintes medidas: 400×350px e resolução de 72DPI (caso tenham dúvidas, já foi explicado em tutoriais anteriores). Com este documento iremos criar a seguinte imagem usando os layers (download do .PSD no final do post):

Caricatura do capitão nascimento por: Felipe Alves

Criando o fundo:

Para começar iremos criar o fundo de nossa imagem, o céu. Para isso usaremos a ferramenta gradiente com as seguintes configurações de cor: #8fbff5 no Foreground Color e #e9f2fd no Bakground color e configurada para ir de Foreground to Background como na imagem abaixo:

Basta agora arrastar a ferramenta do topo da imagem até a parte de baixo, criando assim o mesmo efeito que criamos na imagem.

Criando um novo layer:

Iremos aqui mostrar como funciona a paleta Layers e criar um novo layer para continuar o nosso trabalho.

Iremos criar um novo layer clicando no botão correspondente como desmonstrado na imagem acima. O layer será adicionado sobre o layer de fundo.

Desenhando o chão:

Podemos desenhar o chão de diversas formas, porém decidi usar a forma mais simples. Selecionamos a cor que desejamos de foreground (em nosso caso #aeb0b3) e a ferramenta retângulo. Arrastamos desde a esquerda até a direita ocupando o espaço que acharmos necessário.

Adicionando o Capitão Nascimento:

O Capitão Nascimento não foi desenhado por nós e seu procedimento não será explicado neste tutorial. Foi criado pelo Felipe Alves e pode ser baixada clicando no botão abaixo:




Baixado num total de 18 vezes

Apenas iremos copiar e colar a imagem em um terceiro layer, que criaremos acima dos outros 2 do cenário. (no arquivo acima temos a imagem em 2 tamanhos, 1 grande caso queiram trabalhar em alguma outra obra e 1 no tamanho exato da imagem usada).

Movemos a imagem para o local que desejarmos.

Criando o Sol e as Nuvens:

Iremos criar 3 layers diferentes desta vez, 1 para cada nuvem e 1 para o sol.

Em cada um dos layers iremos adicionar os shapes necessários, porém antes na ferramenta shapes (já explicamos anteriormente também) iremos na barra de ferramentas para mostrar todos os shapes do Photoshop como na imagem a seguir:

Agora em cada layer iremos criar 1 imagem diferente, no caso as 2 nuvens e o sol, não importando a ordem dos layers no momento pois iremos mostrar como alterar caso um esteja no local errado.

Caso estejam como na imagem ao lado, o que teremos que fazer é clicar no layer correspondente ao que queremos mover e arrastar o mesmo para a nova posição dentro da paleta layers que demonstramos acima.

No caso a ordem que teremos que deixar estas 3 imagens seria (de cima para baixo, assim como deve ficar no photoshop)

• Nuvem Grande
• Nuvem Pequena
• Sol

Pronto, agora temos todas as imagens posicionadas corretamente e praticamente terminamos a imagem.

Criando Grupos:

Agora para uma questão de organização iremos criar grupos de imagens, no caso são 2 grupos:

• Cenário
• Personagem

Com isso diminuimos o espaço usado na paleta layers podendo adicionar e trabalhar em mais imagens com maior facilidade. e também caso seja necessário alterar partes da imagem em projetos com muitos layers fácilitará para encontrar.

Para criar os grupos, basta clicar na opção de criar grupo na paleta dos layers. Clicando duas vezes sobre o grupo podemos alterar o seu nome e a cor com que será exibido na paleta.

Criado o grupo, basta arrastar os layers para dentro dele. Lembrem-se que o posicionamento também é válido dentro dos grupos, portanto tomem cuidado com a ordem dos mesmos.

Arquivos para download:

Tutorial 4 Photoshop: Layers (29) - 227.37 KB

Capitão Nascimento Por Felipe Alves (18) - 923.19 KB

Créditos Finais:

Daniel Kaiserlino, autor do tutorial.

Felipe Alves,pelo desenho do Capitão Nascimento.