Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

Pesquisar

HOME

DESENVOLVIMENTO DESENVOLVIMENTO

FRONT-END

BANCO DE DADOS

SEO

UTILITRIOS HTML

EM DESTAQUE

TODOS

PUBLIQUE

CURSOS CURSOS

VDEOS

Design - Photoshop

Publicidade

Criando Efeito HDR

Neste tutorial iremos criaremos uma imagem com efeito HDR (High Dynamic Range ou Grande Alcance Dinmico).
por Arlan Hudson Souza e Silva

22

Like

Nvel:Avanado Tempo aproximado de trabalho: 20 minutos Introduo:

REVISTAS DEVMEDIA

Neste tutorial iremos criaremos uma imagem com efeito HDR (High Dynamic Range ou Grande Alcance Dinmico). Este efeito consiste em renderizar as imagens aumentando o realismo das sombras, iluminao e cores da cena.

easy .net mag 27

.net Magazine 102

1 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

VER TODAS

ASSINE

Linha de Cdigo
Curtir 4.639 pessoas curtiram Linha de Cdigo.

Plug-in social do Facebook

TOP 10 - ARTIGOS

TOP 10 - AUTORES

1 Passo: Abra a imagem base. Vamos mexer no contraste da imagem. Para isto v em Image>Adjustments>Shadow/Highlight.

1 2 3 4 5 6

Comandos bsicos em SQL - insert, update, delete e select HTML Bsico Formato dos registros do Sintegra Excel: Como verificar se existe valores duplicados Quanto vale o seu servio? Aprenda a cobrar pelo seu trabalho. HTML Avanado

2 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

7 8 9 10

Guia rpido para consultas SQL Banner rotativo em jQuery - Utilizando o Choco-Slider Menu em CSS - Menu dropdown horizontal com HTML5 e CSS3 Copiando dados com o Robocopy
VER TODOS

Linha de Cdigo

LinhaDeCodigo LinhaDeCodigo Quer ver seu artigo publicado em nosso site? Entre em contato com nosso coordenador @ricoarrigoni 2 days ago reply retweet favorite javafree O portal JavaFree inicia mais uma promoo para seus usurios. bit.ly/UohrHm 25 days ago reply retweet favorite LinhaDeCodigo #FF @DevMedia @javafree @alienudos @CuboStudioWeb @ricoarrigoni @mrboolteam @maujor @competiva @LinhaDeCodigo 36 days ago reply retweet favorite mais_visual Como criar pginas responsivas para vrios dispositivos? #desenvolvimento #html | migre.me/cDf8s | via @LinhaDeCodigo 38 days ago reply retweet favorite Join the conversation

2 Passo: Na guia Shadows coloque os valores: Amount - 50%, Tonal Width - 45%, Radius - 44px. Na guia Highlight coloque: Amount - 67%, Tonal Width 65%, Radius 46px e pressione OK.

3 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

3 Passo: Agora vamos comear a mexer com camadas, portanto vamos organizar os Layers. Pegue o layer Base e duplique-o 5 vezes. A primeira cpia ir chamar-se Color Dodge, a segunda Linear Light, a terceira Overlay a quarta Luzes e a quinta Overlay 2.

4 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

4 Passo: Clique na layer Color Dodge, coloque o blending mode dele em Color Dodge e Fill em 78%. Selecione a layer Linear Light e depois v em Select>Color Range. Surgir uma janela. Marque a caixa Invert. Desta maneira todas as reas na tonalidade branca, assim como pode ser visto abaixo, sero selecionadas. Clique em uma rea clara da imagem para ter uma seleo igual esta demonstrada abaixo, coloque Fuziness em 173 e clique em OK.

5 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

5 Passo: Ainda com a layer Linear Light selecionada coloque-a no Blending Mode Linear Light com Opacity 55% e clique no boto Add Layer Mask. Assim ser feita uma mscara com a seleo obtida com o Color Range.

6 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

6 Passo: Selecione a layer Overlay e repita o processo descrito no 4 passo. Fazendo, porm, uma seleo mais clara no Color Range para diferenci-la da primeira. Coloque este layer no blending mode Overlay e com Opacity 40%.

7 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

7 Passo: Agora selecione o layer Luzes e assim como os dois ltimos, repita os processos do passo 4, regule o Fuziness do Color Range para obter uma seleo de reas com iluminao intermediria em relao s duas camadas anteriores. Feito isto, selecione o layer Overlay II e coloque-o no Blending Mode Overlay Pronto, a est sua foto com efeito HDR:

8 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

Crditos: Tutorial feito por: Arlan Hudson Souza e Silva E-mail: huds.ac@gmail.com Galeria: http://huds.deviantart.com

Arlan Hudson Souza e Silva - Membro do corpo editorial da Editora da Universidade Federal do Acre. Trabalha com Artes Visuais h seis anos, possuindo larga experincia em manipulao de imagens. Tem conhecimentos na rea de fotografia, diagramao e design grfico. Galeria do autor: http://huds.deviantart.com/.

22

Like

9 de 10

9/2/2013 19:02

Criando Efeito HDR

http://www.linhadecodigo.com.br/artigo/2106/criando-efeito-hdr.aspx

Leia tambm
Tutorial Adobe Photoshop - Aumentando lbios
Photoshop

Tutorial Photoshop CS3: Textura Jeans

Photoshop

Tutorial Photoshop CS3 - Colorizao de olhos

Photoshop

Tutorial Photoshop CS3: Criando um telefone celular

Photoshop

Tutorial Photoshop CS3 - Desenho "Line Art" digital (sem Tablet)

Photoshop

Estamos aqui: Linha de Cdigo faz parte do grupo Web-03

Poltica de privacidade e de uso | Anuncie | Cadastre-se | Fale conosco

2013 Linha de Cdigo. Todos os direitos reservados

10 de 10

9/2/2013 19:02