Introdução

Clique aqui para fazer download do wallpaper

Inspiração

Imagens Utilizadas

Construção

Final

O tutorial ficou um pouco extenso, mas espero que vocês aguentem firme pois temos muitas técnicas novas e interessantes neste tutorial. Vamos aprender algumas técnicas novas de extração de imagem, alguns efeitos muito legais de texto, vamos finalizar está imagem e deixa-la pronta para colocar na parede.

Caso tenha perdido a Parte1, assista aqui:
Tutorial Poster 2010 – Parte1: Aprenda a Criar as Luzes Anamórficas

Tutorial

Imagem Final

Imagens Utilizadas

NASA.com

Fontes Utilizadas
Molot
Yanone Kaffeesatz
Quicksand

Espero que tenham gostado! Qualquer dúvida deixem um comentário, vou adorar receber suas opiniões também. E se não tiverem nenhuma opinião ou dúvida, deixe um oi!

Nesta primeira parte do tutorial vamos criar as luzes anamórficas, que são efeitos bastante utilizado no cinema atualmente. Vocês podem encontrar este efeito sendo amplamente usado em filmes como o Transformers2. Este efeito exige bastante atenção, então assistam o tutorial quantas vezes forem necessárias para compreender a técnica.

Veja também a Parte2, assista aqui:
Tutorial Poster 2010 – Parte2: Finalização

Tutorial

Imagem Final

Fonte Utilizada
Molot

Um feliz ano novo para todos! O que acharam do tutorial?

Tutorial

Imagem Final

Imagens Utilizadas

Fontes
Homem
Girafa
Savana

E ai pessoal, estas técnicas ajudam vocês de alguma forma?

Segue abaixo uma relação de tutoriais muito interessantes, basta clicar na imagem para ser redirecionado para o site do tutorial. Aproveite!

Ah, Não deixem de comentar, Obrigado!

1. Crie uma Fotomanipulação usando suas próprias imagens

2. Aplique Texturas em Superfícies Irregulares

3. Crie um Espetacular Efeito de Grama

4. Aprenda a Desenhar uma Abóbora

5. Crie Efeito de Gelo

6. Aprenda Fazer uma Foto Assustadora

7. Faça um Bone Extremamente Realístico

8. Crie o Planeta Terra usando Efeitos 3D

9. Desenhe um Rádio Vintage

10. Crie um Incrível Efeito Tipografico 3D

11. Faça uma Fotomanipulação Criativa

12. Crie uma Explosão de Fogo

13. Faça um Peixe Fogo Inspirado no Firefox

14. Aprenda fazer Efeito de Água Congelada

15. Desenhe um Carro Conceito

16. Faça uma Manipulação usando o Planeta Terra

Qual Tutorial você gostou mais? De sua Opnião!

Bem pessoal, desta vez temos bastante coisa nova para aprender. Agora vamos compor os objetos 3D em uma imagem e fazer a iluminação final. Vou dar algumas dicas com relação a iluminação, explicar onde estou posicionando as luzes e porque. Ficou muito legal.

Como eu falei no ultimo tutorial, não vou trabalhar com medidas pré-estabelecidas. A ferramenta 3D do Photoshop não tem um manuseio muito intuitivo, então fui criando a imagem a medida que fazia o tutorial, assim vocês vão poder observar como eu resolvi os problemas quando eles apareceram.

Esta ultima parte esta dividida em dois vídeos. No primeiro faremos a composição dos objetos 3D que criamos. No segundo vamos fazer a iluminação e os efeitos finais.

Caso tenha perdido a Parte1 e Parte2, assista aqui:
Cartão de Visitas – Parte 1: Criando a Arte
Cartão de Visitas – Parte 2: Criando o 3D

Tutorial
Composição dos objetos 3D: 22 mim

Iluminação e Efeitos Finais: 26 mim

Envie o seu trabalho:
participe@designtuts.com.br
Tenha o seu trabalho e link pessoal(blog, flicker, facebook etc..) expostos aqui no Designtuts!

Como eu falei no vídeo, quem quiser vai poder enviar o seu trabalho para gente e semana que vem nós vamos fazer um post aqui no DesignTuts expondo o resultado de quem enviar o seu trabalho. Vamos postar as imagens dos resultados e embaixo o link pessoal do participante. Enviem seus trabalhos, tenho certeza que terão uma boa visibilidade.

Imagem Final – Parte3

Falta pouco agora pessoal, vamos extrair os cartões e transformar as imagens em formas tridimensionais, preparar e aplicar os Bump Maps(Mapas de Relevo). Trabalharemos também as texturas do chão e da parede, aplicaremos os mapas e vamos deixar tudo pronto para a composição.

A TERCEIRA e Ultima parte deste será a da composição dos objetos 3D. Já está sendo renderizada e estará no ar na quarta feira dia 18 de novembro. Confiram, ficou muito legal!

Caso tenha perdido a Parte1, assista aqui:
Cartão de Visitas – Parte 1: Criando a Arte

Assista também a Parte3, terceira e ultima parte deste tutorial. Assista aqui:
Cartão de Visitas – Parte 3: Composição

Tutorial

Envie o seu trabalho:
participe@designtuts.com.br

Tenha o seu trabalho e link pessoal(blog, flicker, facebook etc..) expostos aqui no Designtuts!

Como eu falei no vídeo, quem quiser vai poder enviar o seu trabalho para gente e semana que vem nós vamos fazer um post aqui no DesignTuts expondo o resultado de quem enviar o seu trabalho. Vamos postar as imagens dos resultados e embaixo o link pessoal do participante. Enviem seus trabalhos, tenho certeza que terão uma boa visibilidade.

Texturas
Textura de Madeira

Textura de Madeira – Bump Map(Mapa de Relevo)

Textura de Madeira – Glossiness Map(Mapa de Brilho)

Textura de Concreto

Textura de Concreto – Bump Map(Mapa de Relevo)

Texturas retiradas de www.cgtextures.com

Assim como um bom design, uma boa apresentação também pode fazer a diferença na aprovação de um serviço. Vamos aprender muitas técnicas interessantes neste tutorial, que podem ser aplicadas a qualquer tipo de impressão além de cartões de visitas. Abaixo vocês vão encontrar o vídeo da criação da arte do cartão de visitas, e em seguida a criação do verniz localizado. O que é isto ? Vou tentar explicar da forma mais clara possível nos tutoriais. Assistam os tutoriais abaixo, espero que gostem!

Veja também a continuação deste tutorial, Parte2 e Parte3. Assista aqui:

Cartão de Visitas – Parte 2: Criando o 3D
Cartão de Visitas – Parte 3: Composição

Tutorial
Criação da Arte:

Criação do Verniz Localizado(High Gloss):

Imagem Final – Parte1
Esta imgem é onde vamos chegar ao final do tutorial de hoje:

Objetivo
Esta é a imagem final que vamos chegar ao final da segunda parte deste tutorial:

Informações e Arquivos:

Imagens para Download:

Fonte Utilizada:
Vegur. Clique para fazer download

Como prometido, seguem abaixo as informações. Nos Layer Styles, dados que não forem citados não foram alterados:

Frente

Globo:
1. Outer Glow
Opacity: 75%
Size: 160px
Color: ffffff (Branco)

2. Inner Glow
Size: 40px
Color: ffffff (Branco)

3. Hue & Saturation(Ctrl+U)
Saturation: +20

4. Filter > Shapern > Smart Sharpen
Amount: 100%
Radius: 1,0px
Remove: Lens Blur

DesignTuts Logo:
1. Drop Shadow
Angle: -175º
Distance: 0px
Size: 9px

2. Inner Glow
Opacity: 17%
Size: 7px
Color: ffffff (Branco)

3. Bevel & Emboss
Depth: 275%
Size: 2px
Angle: -175º
Altitude: 25º
Gloss Contour: 4º(quarta) curva
Shadow Opacity: 0%

4. Gradinet Overlay
Blend Mode: Multiply
Opacity: 50%
Gradient: |8–10———1| (Em uma escala de cinza de 1-10)
Angle: 90º
Scale: 47%

Verso

Layer Styles dos Textos:
1. Drop Shadow
Angle: -175º
Dinstance: 5px
Size: 5px

2. Gradient Overlay
Opacity: 47%
Scale: 67%

3. Informações Font Size
Nomes: 12px
Local e Contato: 9px
Emails e Telefones: 8px

Deixem comentarios e criticas para me ajudar a melhorar cada vez mais os tutoriais.

Tutorial
Assista o vídeo abaixo:

Imagem Final
Esta é a imagem final já tratada, clique para abrir a foto em alta resolução:

Imagem Original
Clique na imagem abaixo para abrir a imagem original em alta resolução:

A imagem foi retirada do site de fotos stock grátis Dreamstime.com, segue abaixo o link:
>Foto Original – Dreamstime.com

Filtros Utilizados
Como prometido, seguem abaixo os filtros utilizados:

1. Filter > Blur > Surface Blur
Radius: 33
Threshold: 29

2. Filter > Blur > Gaussian Blur
Radius: 2.8px

3. Filter > Noise > Add Noise
Amount: 3,5% Gaussian
Gaussian
Monochromatic

4. Filter > Blur > Blur More
CTRL + F 3X(vezes)

5. Filter > Sharpen > Smart Sharpen
Amaunt: 150%
Radius: 2,7px
Remove: Lens Blur
More Acurate

Deixem comentarios e criticas para me ajudar a melhorar cada vez mais os tutoriais.



Webtutoriais:FDA32EFF

Imagem Final
Bom galera, então esse é o resultado final que nos queremos alcançar. Vários efeitos aplicados nesta imagem, todos eles bastante simples, e que não exigem muita experiência com o software.

Tutorial

Assista o vídeo

Conclusão

Como prometido vou disponibilizar as cores e valores alterados nos Layer Styles aplicados no texto.

Fonte Utilizada

Clique aqui para ser direcionado para a pagina de download.

Outer Glow

Opacity: 80%
Size: 57px
Range: 60%
Cor: 710072

Inner Glow

Opacity: 75%
Size: 13px
Range: 50%
Cor: 4574a0

Emboss and Bevel

Depth: 100%
Size: 5px
Angle: -108º/21º
Highlight Opacity: 76%
Shadow Opacity: 64%

Contour

Range: 85%

Satin

Opacity: 35%
Angle: 19º
Distance: 12px
Size: 16px

Ondas

onda 1 cor: 2c44fe
onda 2 cor: 5ea2ff

Siga o Design Tuts no Twitter para acompanhar as novidades – @Designtutsbr
Webtutoriais:97D4510E