Saltar para: Post [1], Comentários [2], Pesquisa e Arquivos [3]




por Lady, em 13.07.08

Tutorial #23 - Selective coloring and Curves

Go from this:   to this:

 

1. Take your image, or the base, and do any prepping beforehand. This would include cropping the image down to either 96x96 or 100x100. Any sharpening or blurring of the icon should be done before the actual colouring so you don’t get too mixed up with the layers, etc. This is my base, featuring Mr. CM Punk.

2. Once you have finished doing all the prepping, you can then move onto the colouring, yay! To make the image brighter, I duplicated the base image, dragged it to the top of the layer palette and set that layer to ’Screen’. Your image should look a bit brighter than before.

3. After that, duplicate your base again, drag it to the top of the layer palette and then set that layer to ‘Soft Light’, with the fill at 70%. This puts a bit of contrast onto the image.

4. Then you go to ‘Layer’ > ‘New Adjustment Layer’ > ‘Colour Balance’. Before you make the settings, make sure the ‘Preserve Luminosity’ box is checked. Here are my settings for this adjustment layer:

Midtones: -17, +7, +16
Shadows: -26, -6, 0
Highlights: -8, 0, +20

5. After the ‘Colour Balance’ layer, you then need to go to ‘Layer’ > ‘New Adjustment Layer’ > ‘Selective Colouring’. Here is where things could get a bit tedious, but it doesn’t take that long to actually complete.

Reds: +13, -22, 0, 0
Yellows: -100, -30, -100, 0
Cyans: +28, -17, -100, 0
Whites: +17, 0, -10, 0
Neutrals: +16, -11, 0, -16

6. Duplicate the ‘Selective Colouring’ layer, drag that to the top of the layer palette and then set that layer to ‘Luminosity’ at 50% fill. This makes the image a little bit brighter.

7. Duplicate your base image, drag that to the top of the layer palette and then set that layer to either ‘Luminosity’ at 50% fill, or ‘Saturation’ at 50% fill. Here are the differences:

    
The Luminosity result.  The Saturation result.

 

And you’re done! It can give your image a brighter, more vibrant look, or you can make it look a bit darker but with some vibrancy visible. Of course you can make any more adjustment layers to get the look that you desire. You don’t have to follow the tutorial step by step.

 

Download do  .PSD

Autoria e outros dados (tags, etc)


28 comentários

De #Lucy a 14.07.2008 às 10:14

Olá!
Adoro os tutoriais selective color pois dão mais vida ás fotos.
Entao eu queria perguntar uma coisa, os materiais que dispoem para o photoshoop neste blog são gratuitos ou pagos?

BEIJO

De Lady a 14.07.2008 às 11:38

Olá Lucy, tudo o que eu ponho aqui para download é gratuito.

De Lady a 14.07.2008 às 13:00

Download do PS 3:

http://lix.in/1bfffc

De Ineziiinhaah a 14.07.2008 às 20:36

Olá!
Queria saber se pudias fazer um tuturial a dizer como se faz brilho numa imagem ( ex. http://cache02.stormap.sapo.pt/fotostore01/fotos//74/59/fa/2172941_9nDFg.bmp na Hannah )
Ou se já fizestes e se pudias indicar qual era o post.
Agradecia muito! Beijinhos!
Ps: Se não der, obrigada à mesma !

De Lady a 15.07.2008 às 12:37

Olá Ines,
estás a falar daquele brilho á volta da foto dela?

De Lady a 17.07.2008 às 19:14

Olá, o que seria melhor era mesmo falares com o dono desse blog e pedires-lhe ;)

De sara ♫ a 17.07.2008 às 23:38

O blog é: http://graphicshop.pt.to
E a Patty, a dona não costuma dizer, para além disso o blog fechou apesar de continuar online.

De Lady a 17.07.2008 às 19:20

sobre os quadradinhos é só abrires um documento no photoshop
e fazeres assim como esta imagem:

http://biorust.com/tutorials/ps-simpletextures/step2.jpg

aqui explica tudo com imagens, bastante facil:
http://www.rnel.net/tutorial/Photoshop/2874

Sobre o coração, também é feito manualmente, fazes um documento em branco e depois fazes quadradinhos na forma do coração.

De Teresa a 16.07.2008 às 14:22

Oláa! O teu site está um máximo! Parabéns! Visita o meu site d design gráfico, ilustração e fotografia! Neste Verão, podes vir a ganhar prémios ;) Acessa: www.dragonfly.pt.vu

De Teresa a 16.07.2008 às 22:28

Obrigada =D

De sara ♫ a 16.07.2008 às 23:05

Olha, como consegues tirar o sublinhado dos links, que nos blogs sapo aparece?
Tipo no meu: http://sarafelgui.blogs.sapo.pt, na parte dos comentários aparece sublinhado e no teu não.
Não gosto lá muito como tenho e gostava de saber como consigo tirar.
Fico agradecida se me disseres!
Beijinho*

Bye bye,
Sara Felgui™

De Lady a 17.07.2008 às 19:17

Olá,
para tirares o sublinhado dos links vais ao CSS e no

a:hover {
poes
text-decoration:none;

que vai ficar assim:

a:hover {
text-decoration:none;
}

De sara ♫ a 17.07.2008 às 23:40

Obrigada!

De Aninhaz • a 17.07.2008 às 16:28

Ola .
Olha recebeste o meu comentário com duvidas as duvidas ?
BJ <3

De Aninhaz • a 17.07.2008 às 22:49

Ola .
Olha podes fazer um post com texturas de várias cores (vermelho, azul, verde, amarelo, laranja..) texturas para cabeçalhos e qe sejam assim tipo escritas .
Tenho também alguma duvidas .

Neste cabeçalho:
http://img377.imageshack.us/my.php?image=mdemodacm4.jpg
ao lado da avril em grande ta tipo assim quadrados cor-de-rosa.. e eu gostava de saber como é qe os ponho claros e também como é qe aparece tipo metade, tipo é uma imagem grande com quadrados rosa e ela nao podia por la tudo entao cortou metade e pos la mmas ta como se fosse assim meio uma parte com cor outra nao .. uma parte ta com rosa mais escuro outra mais claro.. e também gostava de saber como fasso para ela ficar tipo ... há meios quadrados qe aparecem para coemçar a imagem .. Como isso ?

Depois neste cabeçalho:
http://img524.imageshack.us/my.php?image=parisxq3.jpg

Há tipo uma textura por cima do pé dela preta . tipo uma mancha.. como fasso isso ?

Neste cabeçalho:
http://img47.imageshack.us/my.php?image=newheadernq0.jpg

Gostava de saber qqual é o nome da letra qe diz 'Women' e também como fasso ou como vou buscar ou onde encontro uma coizita daqela qe diz Graphic Shop Designs By Tope , e como a ponho assim clara em cima e mais escura no meio .

Neste cabeçalho:
http://img291.imageshack.us/my.php?image=ashleycu7.jpg

Esta la ao lado da cabeça de ashley tipo uma coisa amarela/laranja.. isso é uma textura ou é uma coisa qe se faz no photoshop ? Onde posso arranjar ?

Neste cabeçalho:
http://img186.imageshack.us/my.php?image=head2cpiawk6.jpg

Como posso fazer com qe as imagens qe qero qe vao para um cabeçalho fiqem como este cabeçalho ? Tipo eu quando corto as fotos no photoshop e as vou por no cabeçalho elas ficam grande e nao as consigo por pequenas.. como é qe as ponhos do tamanho apropriada para 1 cabeçalho ? Diminuir a imagem ?

Nesta miniatura:
http://img151.imageshack.us/img151/9489/headerhsm1bw9.th.jpg

Gostava de saber como se faz no photoshop aqela sobre grande por trás-.. a imagem ta pequena mas dá para ver a imagem pequena e depois uma grnde sombra por trás. Como fasso essa sombra ?

Neste cabeçalho:
http://img394.imageshack.us/my.php?image=ilovefashionbyopattqw9.jpg

Qal é a letra qe diz I Love Fashion e onde posso encontrar aquela flor branca ?

Neste cabeçalho:
http://img397.imageshack.us/my.php?image=fashionoriginalftselenakz6.jpg

Como fasso aquelas faixas brancas ?

Neste cabeçalho:
http://img381.imageshack.us/my.php?image=lckx8.jpg

Como é qe ponho aquela sombra branca por detrás das letras »?

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/hayden01jj.jpg?t=1214486543

Como fasso aquelas bolhinhas com sombra onde ta a cara dela ?

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/header-bygraphic-cornerptto-1.jpg?t=1212273050

Qual é a letra qe diz Fan Clube oficial da vanessa, e como ponho as 2 imagens do lado imagem tipo esbaças xD

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/graphiccornerheadermodernwomengraph.jpg?t=1212949998

Qal é a letra onde diz modern women, e como fasso aquele foco de luz com 2 cores ? Em cima ta em branco e em baixo azul.

Já tá tudo !
Peço desculpa se é muita coisa ..
Mas eu adoro o blog tens.me ajudado mesmo mesmo muito no photoshop .

Obrigada =)

Bj <3

De Lady a 18.07.2008 às 12:41

Uiii tanta coisa,

no 1º:
http://img377.imageshack.us/my.php?image=mdemodacm4.jpg
é um textura , nunca a vi portanto não te sei dizer onde a podes encontrar, tenta pedir a quem fez o design .


No da Paris Hilton, a mancha é um textura , mas também podem ser utilizados brushes de "splatters", podes fazer download aqui: http://www.deviantart.com/download/20653473/c130_splatter.abr

No da avril: http://img47.imageshack.us/my.php?image=newheadernq0.jpg

Não sei precisamente o nome dela, mas podes encontrar similares aqui:
http://www.dafont.com/theme.php?cat=604
e aqui
http://www.dafont.com/theme.php?cat=605

A fonte "pixel" é:
http://www.dsg4.com/04/extra/bitmap/stuff/04b_24.zip
para ficar igual tens de escrever o texto em maiusculas.

No da Ashley, é um textura, que tem o nome de "light texture", podes fazer download aqui:
http://www.box.net/shared/pwh4n73eo0

Neste cabeçalho:
http://img186.imageshack.us/my.php?image=head2cpiawk6.jpg

primeiramente tens de abrir cada imagem e depois num fundo separado fazes o tamanho do layout, por exemplo, 700x300
Depois redimensionas cada imagem indo ao menu IMAGE>IMAGE SIZE...
e poes a altura com menos de 300 neste caso, depois arrastas todas as fotos para dentro daquele documento do fundo (700x300) e agora é só recortares as imagens com a borracha ou então com uma ferramenta que te der mais jeito.

Neste http://img151.imageshack.us/img151/9489/headerhsm1bw9.th.jpg não dá para ver muito bem mas acho que percebi o que querias perguntar, bom... existe 1 imagem a cores e depois por detrás é uma a "preto e branco", o que tens de fazer é duplicar a imagem que está a cores e ires ao menu IMAGE > ADJUSTEMENTS>DESATURATE
depoios é só arrastares a imagem sem cor para debaixo da imagem com cor para ficar no fundo

Neste cabeçalho:
http://img394.imageshack.us/my.php?image=ilovefashionbyopattqw9.jpg
não sei qual é a fonte utilizada em "i love fashion"
sobre as flores, podes encontrar uma variedade de flores aqui http://ladystudio.blogs.sapo.pt/tag/flores
http://www.letters-to-you.com/Ps%20Brushes/HandDrawn-Flowers.abr
http://www.deviantart.com/download/54601957/morethings02_by_masterjinn.zip

Neste cabeçalho:
http://img397.imageshack.us/my.php?image=fashionoriginalftselenakz6.jpg
as faixas são brushes, podes usar aqueles que eu pus em cima de "splatters"

Neste cabeçalho:
http://img381.imageshack.us/my.php?image=lckx8.jpg

Para aprenderes a fazer a sombra atrás das fontes clica http://www.criacao.blog.br/tutoriais/?p=9

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/hayden01jj.jpg?t=1214486543

As bolhinhas fazes com a ferramenta Elliptical Marquee Tool ( http://www.lib.umich.edu/knc/howto/PhotoshopTutorial/images/marquee.jpg )
E a sombra fazes te é explicado com a fonte da sombra, o processo é igual.

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/header-bygraphic-cornerptto-1.jpg?t=1212273050
A letra podes perguntar ao dono, pois o blog dele está de volta, sobre as imagens esbaças é um filtro do photoshop, chama-se Gaussian Blur, podes aprender a usá-lo aqui
http://www.photoshopessentials.com/photo-effects/photo-templates/page-4.php

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/graphiccornerheadermodernwomengraph.jpg?t=1212949998

Mais uma fonte que desconheço, tbm podes perguntar ao dono
O foco de luz pode ser feito de 2 maneiras, com um brush ou então com 1 textura em modo Lighten.
Para download aqui: http://www.deviantart.com/download/33494054/damnicons41.zip

Para fazer manualmente, fazes um novo layer e depois vais á parte dos brushes e usas os "default" do Photoshop, aqueles redondos mais esbatidos, usas um grandinho, escolhes a cor dele e depois clicas para ele fazer o circulo lá em cima do layer, depois é só mudares nas definições do layer e poes Darken ou lighten, dependendo da tua imagem e depois é só mexeres na opacidade


Pronto acho que também não me eskeçi de explicar nada :P




De sara ♫ a 18.07.2008 às 12:01

Será que me consegues ajudar noutra coisa?
Há blogs em que tem um cursor sem ser o do sistema, eu também tenho no meu, mas alguns mantém nos links.
Será que me sabes dizer como?
Se não souberes não faz mal...
Beijinho*

De Lady a 18.07.2008 às 12:08

Olá Sara,
acho que isso podes encontrar no google, tenho 99% de certeza que é um javascript.

é questão de procurares , nesta pagina dá-te alguns exemplos ;)

http://www.yourhtmlsource.com/stylesheets/csscursors.html

De sara ♫ a 18.07.2008 às 12:26

OK!
Obrigada...
Já agora podias-me dizer como se põe aquela tipo "luzinha" na Lindsay Lohan deste header:
http://i240.photobucket.com/albums/ff170/Tope127/graphiccornerheadermodernwomengraph.jpg?t=1212949998?
E podes-me dizer como se põe aquelas letras no fundo neste header:
http://i240.photobucket.com/albums/ff170/Tope127/headerbygraphic-cornerptto.jpg?t=1211823343
Eu vi um post com texturas parecidas neste blog, mas acontece que as brancas têm o fundo preto e se se quiser tirar o fundo preto aquilo não fica direitinho, fica com umas partes pretas.

De Lady a 18.07.2008 às 12:46

Olá Sara,
quanto á 1ª pergunta eu já respondi acima á Aninhas.

Sobre as letras no fundo assim: http://i240.photobucket.com/albums/ff170/Tope127/headerbygraphic-cornerptto.jpg?t=1211823343

tens de arrastar para o layout e depois pores nas definições do layer em "lighten" e assim o preto desaparece e só ficam as letrinhas brancas.

De sara ♫ a 18.07.2008 às 13:46

Mais uma vez, obrigada!
Tu explicas bem estas coisas ;D

De sara ♫ a 18.07.2008 às 13:56

É verdade reparei agora, mas tu à Aninhas acho que falate-lhe do foco (no header da Lindsay Lohan) e eu estava a falar da mancha cor de rosa em cima dela.
Se explicaste não foi nesse header.

De Lady a 18.07.2008 às 14:45

Olá Sara,
a mancha foi o que eu explikei á aninhas, vou pôr aqui para tu veres:

Neste cabeçalho:
http://i240.photobucket.com/albums/ff170/Tope127/graphiccornerheadermodernwomengraph.jpg?t=1212949998

O foco de luz pode ser feito de 2 maneiras, com um brush ou então com 1 textura em modo Lighten.
Para download aqui: http://www.deviantart.com/download/33494054/damnicons41.zip

De Lady a 18.07.2008 às 14:46

Para fazer manualmente, fazes um novo layer e depois vais á parte dos brushes e usas os "default" do Photoshop, aqueles redondos mais esbatidos, usas um grandinho, escolhes a cor dele e depois clicas para ele fazer o circulo lá em cima do layer, depois é só mudares nas definições do layer e poes Darken ou lighten, dependendo da tua imagem e depois é só mexeres na opacidade

Comentar post


Pág. 1/2



Mais sobre mim

foto do autor


Arquivo

  1. 2011
  2. JAN
  3. FEV
  4. MAR
  5. ABR
  6. MAI
  7. JUN
  8. JUL
  9. AGO
  10. SET
  11. OUT
  12. NOV
  13. DEZ
  14. 2010
  15. JAN
  16. FEV
  17. MAR
  18. ABR
  19. MAI
  20. JUN
  21. JUL
  22. AGO
  23. SET
  24. OUT
  25. NOV
  26. DEZ
  27. 2009
  28. JAN
  29. FEV
  30. MAR
  31. ABR
  32. MAI
  33. JUN
  34. JUL
  35. AGO
  36. SET
  37. OUT
  38. NOV
  39. DEZ
  40. 2008
  41. JAN
  42. FEV
  43. MAR
  44. ABR
  45. MAI
  46. JUN
  47. JUL
  48. AGO
  49. SET
  50. OUT
  51. NOV
  52. DEZ