![id=](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8C9rtt2E_US2r9YQFBQIxgz3smv2b-uEfVZ4kWoBw5tM1HR0LrS8lhMexN69x5bf8PFwiqF9ruEsbVEOVhuEAl0GsM7NG9Hy6xAbVbky48Y4u9cgUcE4eDkhngp1eHW5V88nCR9KaCW4Y/s400/spiderman18.gif)
Hoje vou ensinar a fazer este efeito reticulado estiloso, que eu aprendi com um cara muito fera que trabalha para a DC. Fica ótimo em uma capa, por exemplo.
E pra agradar aos machos de plantão, que parecem ser a maioria dos leitores do Sopa, escolhi o Spiderman para demonstrar. Viram como eu sou legalzinha?
Dicas importantes:
- Em primeiro lugar, escolha uma boa imagem.
- Use o zoom!
Ctrl+ +/ aumentar
Ctrl+ -/ diminuir
ou (Z) e arraste
- Use a barra de espaço!
- Use os atalhos do teclado!
Bom, mas vamos ao que interessa.
Abra a imagem escolhida (Ctrl+O)
Eu escolhi essa imagem que peguei no Google. Como ela não está muito legal vou ter que dar uma ligeira tratada, caso contrário o efeito não vai ficar legal.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmzWMg4HSmRtrmH1CmVhhTTZAVJGlpfyQzm9Gy5IUGohb9hM2CvpGMddH4l7Pw6FHHVHEHHxELyWXydl9xSu2yJVFwD6334P8JzWey5Iltwnf-mQMAMoydk2TCTtJp4T25h4yjQyiv0LS/s400/spiderman02.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJNKPAt0WMk2pSjhhWWv_ww_1492JFWgwKLhflYJlmfgQ647Eh9GdBut8c-QNhw-68PdXrGFOWWzh3fl-UfUh-uaGu3pk-4Vq3QBJHmnjBpkw8sHxGqL3GIiv2XVYFnnm3d0o2YdOFMIDi/s400/spiderman03.gif)
Image > Adjustments > Levels (Ctrl+L)
Vai aparecer esta caixa:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJVwfc9rgZI1z-_dR6oJ04xByGWcpZEo5qSHLtn3-ugU11zuNsAPadwXR-jNVLP-pI7IpvxH76BfQ0d0kuRH1b9edN7bO7frmlLxHsW3VmxTJsPoNZM6gJFPgXWdKspWMp8-V3DIvnLI2P/s400/spiderman04.gif)
O que eu fiz foi aproximar as três, aumentando muito o contraste da imagem, consequentemente diminuindo o aspecto serrilhado.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDvD70JGIuNKvmtfpKnYfF9HNMl5XmeZFVGAXCBlS4YnzY_s8gJLkkZ5qmyflAZIM2TU-vwcNMoj1kWHW0Z_Wv7w10G3IabquRTr4h2FwTk8eF6s2SncmFaOP4GCqLOPmzubW3t-brUZ7/s400/spiderman06.gif)
Primeiramente vamos ter que mexer nas cores, caso contrário não teremos o efeito desejado.
Como o vermelho vai ser a parte mais clara, não posso deixá-lo com essa intensidade.
Então vou selecionar todo o vermelho da imagem com a varinha mágica (W).
Mas atenção para a configuração da ferramenta:
Ajuste na barra de opções, lá em cima.
Para selecionar tudo o que está em vermelho, vou desmarcar a caixa contiguous.
Se a cor que você pretende selecionar estiver bem chapada, ótimo. Se não estiver, aumente um pouco o valor de tolerance, senão ela não vai selecionar todos os pixels que você quer.
Se a imagem ainda estiver um pouco serrilhada, marque a caixa anti-alias.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-zEu6nfazVQ1AmQE4DUVxRZzlzo-s8K7rFLmeGbQsqy0aEigs2Dkyl348T5AGrOWlu0I2jyiwM5_iRUMv2OwR2Q8OrHen5FFSFTkt3wkGloZFNdL1lwWcwWick7JiC6gi22GCVxQPBLO/s400/spiderman07.gif)
Image > Adjustments > Hue/ Saturation (Ctrl+U)
Aumentei o valor de lightness.
A imagem ficou assim:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7ig_pIEbZJbqZKTJzUoLitJjbWiiJbxhKGmK70M__MirDguOEdDKqI54nx1X0leHTHCMN2u5HBfF7UpLFzTzlVQeIkYTlullTDYsBiNSHhVKzO6mCB0S08PUqtFWZZyFQvt3h6i6GZru/s400/spiderman08.gif)
Agora a imagem está pronta para receber o efeito.
Vou convertê-la para Grayscale.
Image > Mode > Grayscale
A imagem vai ficar assim.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdV1PypfIX2AIrjm5UeX8vOUXZ01XZHxjWe4ruA_HSNJCRkIlrGi69v2nVWf4WAor1d76y-iNqxUG22j2HX4Yq8GIY7ECZ318EX5PlMo1s8-tWeSv3gTwyonHgfsgk_uq1sNJtF3y3dIyn/s400/spiderman10.gif)
Note a diferença entre o que era vermelho e o que era azul.
O vermelho ficou num tom de cinza bem mais claro. Se eu não tivesse clareado, ele teria ficado quase igual ao azul e não daria o efeito desejado. Isso é muito importante!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPAlIMVdR_SfsSiKGmbXc1Y1qHFm1ySsiU8fv6JcI0UogSE6B51wHPYj-3AGfSOUp5ajazFGsocyUAcbn-tUt8zx6XsWEtJ7QUOflLo6VHNAcrKNfyFd98BuWfVHcceT4B8_UM3IO07hE/s400/spiderman11.gif)
Vou converter a imagem para Bitmap.
Image > Mode > Bitmap
E alterar os valores:
Output: 600 pixels/ inch
Method: use Halftone Screen
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVDirn7_Z7cL9AU0MRXNYqnhSU_aTUV-4mUTNjsCfVTi_xkqpisxPQ6RqXAb4DpJGk0-0r2YiC8MUNe8X73D_IYpIDMD1-FRyIg2zk_TdGUGR1LvTP0ZRRBJAIitXymju6opZ6q3H9dTr/s400/spiderman12.gif)
Vail aparecer outra caixinha. Aí está o "X" da questão.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZxqZRHo7Qzqxa7Ok72Z-usKADwHmlPWHpWeF43qnlTdE4rQANN_1QoBXsfanQ3inqcZPEluKiN-1tKw3ogpq7StQsVK1aKkmGblkYfKUgx0cQTTL2HFxaKcZpFtav4__Audtxs8F0rtN/s400/spiderman13.gif)
Frequency: Quanto mais alto for este valor, menor será o tamanho da retícula.
Você também pode alterar o ângulo e o formato da retícula.
OK.
Tcharaaaaaam!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEHGyk12srsL6HkkRF3Jw6ThCY7xeQ7h4LMjnhuJNYX5mTa99cDBYOQVvngny-2a1bfq04aOibsuvC-yHJg2PAxoz2nkkwYC_AmlakiJT408hKu4XqLWGTITTdFj4oA1MPhoWoz7sEFhI/s400/spiderman14.gif)
Image > Mode > Grayscale
Image > Mode > RGB
Se quiser dar uma refinada no traço, ajuste brilho e contraste.
Image > Adjustments > Brightness/ Contrast
Agora cada um faz o que quiser com a sua imagem, basta usar a criatividade.
Eu vou colorir. Para facilitar a minha vida, vou selecionar todo o branco com a varinha mágica.
(desmarcando a opção Contiguous, lembra?), e vou pintar com o lápis (B) as partes vermelhas
Dicas quentes de pintura no Photoshop:
Para usar o Lápis (B), ou qualquer ferramenta com formato de pincel:
- Ative a tecla Caps Lock e poderá visualizar na tela o tamanho do pincel.
- Com as teclas [ e ] você aumenta ou diminui diretamente o tamanho do pincel.
- Se as "formiguinhas" da seleção estiverem te atrapalhando, oculte-as (Ctrl+H)
Com o lápis, pintei as partes vermelhas. Não me preocupei se a cor vazou para fora da imagem. É muito mais fácil limpar o que vazou do que ficar detalhando a pintura. Só tomei cuidado com as partes que serão azuis. Nas partes pequenas, como a aranha e o cinto, usei o balde de tinta (G).
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn8e4QTSzeRElbKXVoy6t6OgGjFzsML0zAPsXBokFwusbA4xgX05DulYC-dQhE9sdWpZEIlkr5Aja_VGLfNbS20qXFqEsR5CuZ-SoFRMPlnTlB-7-uVCKLN4XeNq977FaSE1v8ahN3oaf/s400/spiderman15.gif)
Apertando junto a tecla shift consigo selecionar várias áreas diferentes. Depois de selecionar tudo o que não me interessava, deletei.
Repeti o mesmo processo com a cor azul.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbiYBIaWCjlb0eH4uHP5QNs9GBRck5FeEJ7b0yWVJHW27xg44dTCN2j-nB7tPfnK7r1tlUlvJFRuz2KURGbcbTl-g82OFk1mAFVgezOaiu8E79jGU0kxeOHDspo3fGhYO1s0F7Xko5vWV/s400/spiderman16.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitqgSSxX_7bMLPuntZYBYWD4dxCylEsZ4JTKCALRft28kMLbmVFzRTfuPOpoDjmcifYgIrAfGy8kgcIAGq_tfRxMvd48gKtb_Z64QLDwsCyAjAj0kF7nCSA5YlHLI6qaTT6kiyebHDRef3/s400/spiderman17.gif)
E aí, gostaram? Eu pessoalmente achei o máximo esse efeito, e é relativamente simples!
Em breve estarei abordando o tema Pintura no Photoshop mais detalhadamente.
Legal que gostou do ToKa di Rato. Irei colocar o Sopa na minha lista de Blogs...
ResponderExcluirBom, vamos ao texto. Gostei bastante da explicação. Para quem é leigo no assunto então, é uma maravilha!!
Mas eu particularmente não vi muito utilidade em "estragar" a imagem com pintinhas pretas ;) (talvez seja porque sou roteirista e não desenhista/ilustrador)
Qual o intuíto de mexer na imagem da maneira como fez?
Valeu!
Valeu, Matheus!
ResponderExcluirVou te linkar também porque gostei do teu blog.
Bom, o intuito é unicamente dar um efeito diferente à imagem. Com certeza é coisa de ilustrador, rsrsrs...
Ultimamente usei este efeito numa capa, e achei que ficou bem legal. Mas é uma questão de gosto pessoal, enfim.
:)
Muito bom o tutorial como sempre!!!
ResponderExcluirbacana demais!
Você não perde mesmo o pique, heim?
continue assim!!
Valeu, Danilo!
ResponderExcluirNão pode deixar a peteca cair, né?
Obrigada pelo apoio de sempre!
Oi Miss, como vocÊ está?
ResponderExcluirMuito bacana o tuto, viu. Já vi muitas vezes este efeito e agora ja sei como fazer-lo, graça a você. (risos)
Olha...eu gostaria de te dar uma dica aqui pro blog.
Visto que está muito pesado, acho bom que você diminua o tamanho do arquivo de imagem. Baixe um aqui e está com 65kb. É muita coisa pra uma imagem simples. Tenta salvar as imagens em JPEG no Paint após ter trabalhado com elas no Photoshop, ok. Vão diminuir muito em kb. Outra coisa que acho que deveria fazer é colocar a tag (target="_new") para abrir as imagens em uma nova aba ou janela. Facilita muito para nós usuários.
Desculpe a minha intromissão e não me leve a mal, ok.
Outra coisa, estou linkando o teu blog, viu.
Mas faltou o teu microbanner aqui, hein.
Até logo, moça!
Denial,
ResponderExcluirMuuuuuuitíssimo obrigada pela sua opinião, não sabe como isso é importante pra mim!
Adoro ouvir a opinião dos leitores, só assim eu posso melhorar o blog!
Com relação ao tamanho das imagens, concordo plenamente com você... meu medo é perder a qualidade, mas reparei que estão demorando a carregar. Realmente preciso dar uma reformulada. E olha que eu sempre diminuo muito as imagens antes de publicar. Mas talvez não esteja sendo o suficiente.
Com relação a abrir em outra aba... Te juro, quando eu clico as imagens abrem eu outra aba! Devem ser as "forças ocultas" operando, rsrsrsrs
Mas vou verificar isso sim!
Estou linkando blogs amigos, desde que tenham conteúdo! Claro, vou linkar o seu também, e agradeço o prestígio. Vou elaborar em breve um bannerzinho, ok?
Essa semana tá braba, mas assim que tiver um tempinho vou fazendo as melhorias.
Mais uma vez obrigada e inté!