Sie sind auf Seite 1von 27

dwqw FWQWQ FEFEW

O mito dos 72dpis:


Encontrando a resoluo ideal
do teu monitor.
LUCAS ROSA DIGITAL RETOUCHQUARTA, 26 DE OUTUBRO DE 2016

Todos os profissionais que trabalham com imagens, cresceram ouvindo que a


resoluo correta para imagens exclusivas para web ou monitores de 72 pixels
por polegada. H quem diga que so PPIs (pixels por polegada), outros DPIs
(pontos por polegada) e tudo vai ficando cada vez mais obscuro e confuso.

De uma vez por todas, no existe a tal resoluo web. E se a tua sada destinada
para internet ou monitores, voc no precisa se preocupar em gastar o teu tempo
com a resoluo da imagem.

O mito dos "72 pixels por polegada" surge em 1980, no lanamento do primeiro
computador Macintosh. Os computadores de 9 polegadas tinham uma resoluo
de 72 pixels por polegada.
dwqw FWQWQ FEFEW

Por que "72 pixels por polegada"?

Os primeiros Macs foram projetados para funcionar em harmonia com as


impressoras Apple Imagewriter, que possuam uma resoluo de IMPRESSO
de 144 pixels por polegada - o dobro da resoluo da tela. Logo, a facilidade de
escalonar a imagem da tela para a pgina impressa. Textos e grficos seriam
visualizados na tela no tamanho exato que eles seriam impressos.
dwqw FWQWQ FEFEW

A tecnologia evolui. Apple lana monitores maiores mas mantm a resoluo de


72 pixels por polegada como nativa. Era um padro Apple, mas no durou.

Hoje, 3 dcadas depois, a tradio se mantm.

A maioria dos usurios acreditam que precisam abaixar a resoluo das imagens
para 72 pixels por polegada antes de disponibiliz-las na web, caso contrrio elas
no sero exibidas de forma correta.

J sabemos que a resoluo "72 pixels por polegada" para monitor um mito.

Temos que aprender uma maneira fcil e correta de identificar qual a resoluo
de cada monitor atual, e que sem dvida nenhuma muito maior do que os
TRADICIONAIS 72 pixels por polegada.

O PPI a quantidade de pixels para cada polegada considerando a resoluo


nativa do monitor que est utilizando.

O clculo feito da seguinte forma:

Um monitor Eizo CG247W de 27'' com resoluo nativa de 2560 pixels na


horizontal por 1440 pixels na vertical.

Precisamos identificar o tamanho da diagonal da tela (hipotenusa).


dwqw FWQWQ FEFEW

Em qualquer tringulo retngulo, a soma do quadrado dos catetos igual o


quadrado do comprimento da hipotenusa.

DIAGONAL = B + A DIAGONAL = RAIZ QUADRADA ( B + A )


DIAGONAL = RAIZ QUADRADA (2560 * 2560 + 1440 * 1440) DIAGONAL
= RAIZ QUADRADA ( 8.627.200 ) DIAGONAL = 2937 pixels

Vejamos,
dwqw FWQWQ FEFEW

Utilizando o valor encontrado na diagonal e dividindo pela polegada do monitor


utilizada, encontramos a relao PPI (pixels por polegada).

PPI = 2937 / 27 = 108 pixels/inch.

Faam o teste e encontrem a resoluo nativa de cada monitor utilizado. Desta


forma podero encontrar a porcentagem ideal do preview de arquivo em tela para
aplicao do sharpen de sada para impresso.
dwqw FWQWQ FEFEW

Se no levarmos em considerao a resoluo ideal de cada monitor, o processo


de aplicao e compensao de sharpen no arquivo digital para impresso ser
sempre um processo de tentativa e erro, podendo gerar um arquivo final impresso
com nitidez exagerada recheado de halos (rasgado) ou sem peso e
profundidade nas transies (soft). Divirtam-se.

-- Lucas Rosa Digital Retouch


dwqw FWQWQ FEFEW

Controlando a saturao do
arquivo com uma duplicata da
prpria imagem.
LUCAS ROSA DIGITAL RETOUCHSEXTA, 18 DE NOVEMBRO DE 2016

Encontrar e corrigir a saturao de um arquivo uma tarefa quase indispensvel


para qualquer profissional de imagem. Existem infinitas possibilidades de busc-
la atravs de ferramentas, comandos e filtros, porm destaco neste artigo, a
possibilidade de utilizar uma duplicata do prprio arquivo para ganhar a
saturao muitas das vezes abafada pelos canais em RGB.

Antes de mais nada, devemos compreender que saturao o grau de pureza da


cor em relao a cor cinza mdia. Quanto menos cinza na composio, mais
saturada ela .
dwqw FWQWQ FEFEW

uma tarefa muito perigosa. Um usurio descuidado com mo pesada no ajuste,


sempre resulta em imagens com reas de highlights estouradas, sem detalhes nas
reas de shadows e com um nveis de saturao sem nenhuma profundidade.

Na saturao, devemos trabalhar diretamente sobre as cores, sem alterar os nveis


de luminosidade definidos pelo contraste.

Em RGB, o canal composto formado por 3 canais de cor (vermelho / verde /


azul). Aplicando qualquer ajuste para correo de contraste - como a famosa
curva em S sobre o canal composto RGB - a imagem ganha contraste, e
consequentemente, a saturao geral da imagem aumenta. Isso acontece porque
dwqw FWQWQ FEFEW

os canais individuais possuem informao de luminncia e tambm informao


de cor da imagem. Contrastando os canais individuais, as cores ficam mais
contrastadas e consequentemente o aumento de saturao.

Essa saturao nem sempre alcana o melhor resultado. Assim como o uso da
ferramenta Saturation, presente no comando de Hue/Saturation dentro do
Photoshop.

Um fluxo de correo profissional, trabalha individualmente em cada rea.


Separando luminosidade, de cores. O modo LAB Color uma das maneiras mais
rpidas e inteligentes de segmentar estas reas, e com um resultado
dwqw FWQWQ FEFEW

extremamente eficaz. Em LAB Color temos 2 canais exclusivos para cores e


outro canal exclusivo para luminncia. Pensando em contraste e saturao, isso
perfeito.

Quando convertermos a imagem abaixo para LAB e analisamos o histograma,


fatalmente percebemos que os canais A e B possuem somente informaes em
meios-tons, motivo pelo qual a imagem no possui a saturao ideal

O histograma nos mostra que falta informao nas reas de pretos e brancos do
arquivo - consequentemente falta contraste. Se tratando de dois canais que atuam
somente em cores, o contraste de cor, significa SATURAO.
dwqw FWQWQ FEFEW

Uma das formas muito fcil e gil de corrigir este problema, utilizar a
calculadora de pixels Apply Image dentro do Photoshop e aplicar os canais A e B
sobre eles mesmo em um modo de mesclagem Overlay e Soft Light que so
responsveis por aumentar o contraste quando selecionados.

VEJAMOS: 1. Duplique a layer Background da imagem e renomeie para


Saturao.
dwqw FWQWQ FEFEW

2. Converta a imagem para LAB Color pelo menu Image > Mode > Lab Color.
dwqw FWQWQ FEFEW

3. Selecione a layer Saturao e navegue at o menu superior Edit > Apply


Image.
dwqw FWQWQ FEFEW

4. Com a janela do comando aberta, selecione a layer Saturao e aplique o canal


A em modo de mesclagem Overlay ou Soft Light.
dwqw FWQWQ FEFEW

5. Repita o passo anterior novamente. Aplique o canal A sobre a camada


Saturao em modo de mesclagem Overlay ou Soft Light controlando opacidade.
dwqw FWQWQ FEFEW

6. Navegue novamente at o comendo Apply Image e com a janela aberta,


selecione novamente a layer Saturao e aplique o canal B em modo de
mesclagem Overlay ou Soft Light.
dwqw FWQWQ FEFEW

7. Repita o passo anterior novamente. Aplique o canal B sobre a camada


Saturao em modo de mesclagem Overlay ou Soft Light controlando opacidade.
dwqw FWQWQ FEFEW

8. Volte o arquivo para o modo de cor RGB atravs do menu superior Image >
Mode > RGB.

9. Controle a opacidade da camada a gosto.


dwqw FWQWQ FEFEW

LEMBREM-SE: Utilizem o comando Apply Image e suas aplicaes com


cautela para no alcanarem resultados com saturao e contrastes extremos. A
linha entre um resultado satisfatrio para bizarro muito tnue.

Divirtam-se.
Para os que me perguntam sobre plugins e quais utilizo com frequncia, recomendo DFT Rays
2.0.(http://www.digitalfilmtools.com/rays/)
Cria passagens e luzes volumtricas em poucos segundos com vrias targets e comandos de
personalizao e mesclagem.
Com um bom refino no Photoshop aps aplicao, o resultado surpreendente e rpido.
Sua nica limitao que os raios de luzes volumtricas partem/coincidem em um nico ponto,
diferente dos raios do sol que so sempre paralelos.
dwqw FWQWQ FEFEW

Vale muito a pena test-lo.

Crop de uma vinheta que faz parte das SKUs de Bauducco Waffer.
Uma mtodo interessante e pouco utilizado utilizar a opo "Noise" disponvel na aba da
ferramenta. Ele cria diversas opes de passagens randmicas com possibilidade de trabalhar dentro
do espectro de cor desejado.
Voc consegue criar transies automticas super interessantes de forma rpida, aleatria e o
resultado quase sempre mais natural do que a opo "Solid".
Foi o que utilizei para tingir a base deste bowl.
Comecem a brincar!
dwqw FWQWQ FEFEW

Todo mundo usa e sabe o que o High Pass. um filtro do Photoshop que separa as 'altas
frequncias' das 'baixas frequncias' automaticamente.
As 'altas frequncias' de uma imagem so responsveis pelas reas de transies, contrastes e arestas.
Consequentemente, esto diretamente ligadas ao nvel de nitidez de cada arquivo.
Por se tratar de um filtro automtico, ele sempre um pouco limitado pela engenharia do software,
no nos possibilitando escolher o tamanho do halo de nitidez que queremos aplicar, apenas a
intensidade de contraste que ser aplicado.
Neste step-by-step vou demonstrar como criar um High Pass manual, utilizando uma duplicata da
prpria imagem para devolver e/ou acentuar nitidez de detalhes finos ou volumes.
Utilizem com moderao.
simples. Sem decorba.
Estudem, entendam e tentem aplic-las no dia-a-dia.
Tambm segue a action neste link: files.lucasrosa.com/fb/HighPassManual.zip
dwqw FWQWQ FEFEW

que a partir de agora o mundo inteiro vai comear a utilizar ,


pelo menos tenham a decncia de fazer uma emenda convincente e uma limpeza profissa.
Muitos diro que estou com inveja.
E eu estou mesmo!
Mas aqui no escritrio, qualquer estagirio faria uma limpeza 100x melhor.
Estudar.

Ol pessoal, meu nome Adobe.


Para vocs, preguiosos e
desmotivados, que mancham
diariamente o teclado com cheetos
sabor presunto...
Nossa empresa existe para te ajudar.
Se voc nunca quis saber sobre formas,
objetos, cores e perspectivas, temos o
dwqw FWQWQ FEFEW

novo Adobe Illustrator. Basta abr-lo,


sentar no teclado e um novo layout
surgir na tua tela.
Se voc no gosta de formas e objetos e
sempre teve o sonho de entrar para o
mundo high-level de startups e
aplicativos, mas nunca estudou sobre
usabilidade, design e programao,
temos o novo Adobe XD (Experience
Design). Basta abr-lo, arrastar algumas
novas flechinhas e bingo. Um novo
aplicativo surgir na tua tela.
Agora, se o teu sonho for 3D, esquea
faces, vrtices e polgonos. Texturas e
iluminao. ndices de render. Reflexo,
refrao e especular. Passes de clay,
material e dof. Temos o novo Adobe
Felix. Basta abr-lo, sentar no teclado,
fazer download de alguns modelos em
nosso stock e voi-l. Uma nova garrafa
sabor cramberry explodir tua tela com
um splash realstico.
dwqw FWQWQ FEFEW

Se nenhuma destas alternativas anteriores


te motivaram a entrar no mercado e
ganhar muito dinheiro, abra o novo
Adobe Photoshop.
Um abrao a todos,

ente do sanduche, o restante me incomoda bastante ento no vou bater tanto na tecla.

Como composio, pessoalmente falando, acho um erro tentar combinar hambrguer (indugente) com chopp/cerveja
ou qualquer destilado (por mais que eu ame um chopp gelado). Uma coca-cola extremamente gelada casa melhor na
cena e no contexto como um todo.

As batatas deveriam ter sido capturadas em outro momento, pois na cena j esto velhas e muchas. O ideal frit-la
em induo extremamente quente e poucos segundos. Evita enxarc-las como o caso. O dourado voc traz no
digital.

Sobre o sanduche, me incomoda a falta de estrutura. Muitos ingredientes em pilha que no conseguimos identificar
quando batemos o olho. Digitalmente podemos melhorar as cores individuais de cada um deles. A suculncia do
hambrguer sempre um ponto crtico, talvez acrescentar alguns pontos de brilho especulares com brush ou separar
as highlights em canais.

Isso deveria ter sido resolvido na pr-produo e possivelmente no culpa tua. Mas eu tentaria com vrias passagens
de Liquify tentar deixar o sanduche em um formato mais natural e proporcional. A quantidade de ingredientes
(champignon, picles, cebola roxa, etc.) tem o mesmo peso do hambrguer que deveria ser o elemento principal do
sanduche.

Tente sempre trazer um peso de 1 / 1 / 1. (Base: 1. Hambrguer: 1. Topo: 1)

Segue um GIF porco de mais ou menos como eu gostaria de visualizar o formato do sanduche.

http://imgur.com/a/jZszV

Com alguns ajustes o resultado final pode ganhar bastante. Boa sorte!
dwqw FWQWQ FEFEW

#DICAS
Color banding - mais conhecido como "casca de cebola" - um problema frequente e perturbador na
vida de qualquer profissional de imagem.
Banding ou passagem nada mais do que um problema de apresentao / transio de cor em
imagens de baixa profundidade.
Espaos de cor como o sRGB, AppleRGB, Colormatch RGB e at mesmo o Adobe RGB (1998)
trabalham em modo de 24 bits (8bpc) e possuem a limitao de 256 tonalidades em cada canal. O
risco de produzir falhas ou passagens duras entre tons da mesma cor / degrads muito grande.
Ex. Cu azul, nascer e pr do sol, degrads saturados, entre outros.
Como a passagem de cor mais perceptvel e proveniente em imagens com menor BPP (bits por
pixel), j que eles no possuem alcance suficiente para a transio, uma alternativa profissional e
rpida para solucionar o problema realizar TEMPORARIAMENTE as etapas de transio /
degrads em um espao com maior profundidade (16bpc) com alcance de 65.536 tonalidades em
cada canal.
Vejamos.
1. Converta o arquivo para um espao de cor com maior alcance. (ProPhoto RGB com 16 bits de
profundidade)
2a. Se estiver utilizando a ferramenta Gradient, refaa o degrad da imagem com a opo *dither*
habilitada.
2b. Se estiver utilizando uma mscara com layer de ajuste, aplique um Gaussian Blur na mscara e
posteriormente um filtro de Noise com valores de 2 a 5 px.
4. Converta novamente o arquivo para o espao de cor original e voil.
dwqw FWQWQ FEFEW

Qual a diferena entre Hue e Color? A princpio, a mesma bosta.


Servem para localizar em () as cores correspondentes no crculo cromtico (Color Wheel). O crculo
de cores composto por: 03 cores primrias; 03 cores secundrias; e 06 cores tercirias.
Com apenas estas 12 cores, podemos misturar e alcanar um nmero infinito de esquemas e
resultados.
Isto o que todo mundo j sabe.
A parte legal que, cada uma destas 12 cores podem e devem ser alteradas de trs formas: Tinting,
shading e toning.
Se voc nunca ouviu falar sobre isso, sente, leia e interprete.
TINTING: tambm conhecido como 'pastel'. basicamente qualquer uma das 12 cores do crculo
cromtico na sua maior intensidade + adio de branco. O resultado geralmente traz uma harmonia
suave, jovem e calma.
*Muito utilizado em ambientes femininos.
SHADING: tambm conhecido como 'volume'. basicamente qualquer uma das 12 cores do crculo
cromtico na sua maior intensidade + adio de preto. O resultado geralmente traz uma harmonia
profunda e misteriosa.
*Quer descobrir a cor da sombra ideal? Escolha a cor pura da base e a transforme em shading.
TONING: basicamente qualquer uma das 12 cores do crculo cromtico na sua maior intensidade
+ adio de branco + adio de preto, ou seja, adio de cinzas. O resultado geralmente traz uma
harmonia agradvel aos olhos, stil e sofisticado.
Simples, no?
Experimentem e comecem a transformar as 12 cores do crculo cromtico em tintings, shadings e
tonings.
Sem dvida, vocs iro entender os resultados de mistura e converses com muito mais sutileza e
preciso.
LINK para download da action de tinting, shading e
toning: http://files.lucasrosa.com/fb/PaletadeCores.zip
dwqw FWQWQ FEFEW

De primeira d
pra dizer que a qualidade das imagens t bem comprometida na real. Existem vrios bancos de imagens gratuitos na
internet, e pra estudo da at pra apelar pro google de vez em quando (desde que seja imagem em alta). Outro ponto
a sua vinheta, ta muito forte a ponto de escurecer a lateral da garrafa. Algo importante a se definir tambm pensar
quem o destaque da tua imagem: a batata ou a cerveja? Se forem os dois, por que no posicion-los juntos ao
centro, sem deslocar a garrafa para a direita, entende? No consigo falar muitas coisas tcnicas at porque tem uma
galera aqui que manja pra cacete que pode te dar dicas melhores, mas eu ficaria de olho em 3 pontos:

- Perspectiva dos elementos em relao mesa

- Sombra dos objetos

- Texturas (suor da garrafa/crocancia da batata)

Espero no ter enchido o saco kkkkk grande abrao e bons trampos