12/05/2014

[Tutorial] Como estilizar uma imagem com pattern de bolinhas!


Olá amores and amoras. Como estão? :3 
Irei começar a fazer os posts de acordo com o que me foi solicitado nas sugestões da minha postagem anterior, e como disse anteriormente, tentarei atender TUDO o que me foi sugerido <3 Agradeço a quem comentou, e se você NÃO comentou, ainda há tempo. Só deixar aqui nos comentários deste post, ou do passado :3 

Hoje meu tutorial vai para o anônimo que quer saber como se faz uma imagem com pattern de bolinhas (bem pequenas, tanto que nem parecem bolinhas olhando o resultado), e deixá-la mais clara... espero que o tuto seja esse. É realmente muuuuito simples, e fica bem bonito *UUU* Estarei disponibilizando os Resources utilizados para que todos possam fazer. É só seguir o passo a passo abaixo!

~Imagem com pattern de bolinhas~

PRIMEIRO PASSO
Abrir seu lindo programa de edições. No caso, o meu é o Photoshop CS6 então estarei utilizando-o.
Após carregado, iremos seguir as seguintes etapas:
 Apertaremos na aba superior em ARQUIVO > ABRIR >  E clicaremos numa imagem qualquer de nossa escolha em alguma pasta do computador.
Após isso, apertaremos em ABRIR e iremos prosseguir.

SEGUNDO PASSO
Por fim irá se abrir a imagem escolhida na interface do Photoshop e/ou do seu programa de edição utilizado.
No meu caso, abri uma imagem qualquer.
Assim: X

TERCEIRO PASSO
Esse passo é importante para progredirmos. É bem simples! Iremos até o lado direito do photoshop, ali onde se encontram as CAMADAS, ou layers se seu programa estiver em inglês (somente observe para se localizar). Apertaremos a ferramenta em forma de folha de papel para que uma nova camada surja.
Like this: X
NOTA: É importante que a Camada 1 (a qual surgiu ao clicarmos na ferramenta da folha de papel) fica acima da imagem!

QUARTO PASSO
Aperte na Camada 1 caso ela não esteja selecionada.
Vá em direção ao baldinho de tinta, na aba de ferramentas, e o selecione: X
Após selecionado o balde, iremos um pouco mais acima, na parte de cima do editor e trocaremos a opção da ferramenta do baldinho de "Primeiro Plano" por "Padrão".
Veja como isso é feito: X

QUINTO PASSO
Vamos agora, a partir do "Padrão" mudar algumas opções deste, clicando no quadrado que se aparece ao lado do quadro que acabamos de mudar. Após clicar nesse quadrado, irá abrir uma janelinha com todos os padrões que você possuir. Clique na ferramenta da engrenagem.
Assim: X
Irá abrir uma lista de opções clicando na engranagem. Clique em CARREGAR PADRÕES (não sei como está na versão em inglês, mas acredito que tenha algo a ver com load patterns).
Abrirá esta janela: X
Selecione então os padrões pixelados, e aperte em ABRIR. No caso é o que estarei disponibilizando para dowload. Clique aqui para fazer o download.

SEXTO PASSO
Os padrões aparecerão dentro do quadrado. Selecionaremos esta: X
Após selecionada, clicaremos em cima da imagem com o balde para "pintar". Lembrando que estamos com a Camada 1 selecionada! (A que está acima da imagem).
Ficará assim: X

SÉTIMO PASSO
Iremos novamente na parte onde está a Camada 1 e a imagem (como visto no passo 2) e clicaremos com o botão direito do mouse, em cima da Camada 1 pintada com o padrão. 
Abrirá uma lista de opções. Vá em "Opções de Mesclagem". Para versão em inglês, é a primeira opção da lista.
Abrirá uma janela, contendo as mais diversas opções. Vá em SOBREPOSIÇÃO DE COR, e em seguida clique na cor para que possa modificá-la. Like this: X
Dê um ok e observe que a imagem ao fundo agora está branca. Feche as janelas.

OITAVO PASSO
Vá acima da Camada 1 (selecionada) e mude a opacidade para 30% ou o valor que quiser, como se vê aqui: X
A imagem deverá ficar assim:

Notaram os pontilhados? Dá um efeito super legal na imagem! E pode ser colocado nas cores que quiserem e nos padrões que quiserem também! Depois é só salvar a imagem no formato que quiser. Eu costumo salvar tudo em .png, mas podem salvar em .jpeg se preferirem.

E aí, gostaram? Espero que sim *U* Se tiverem alguma dúvida, deixe nos comentários!
Até a próxima <3




20 comentários :

  1. Oiee Ciça <33333
    Fui eu que pedi esse tuto!
    Obrigado, ajudou bastante! <3333333333333

    ResponderExcluir
    Respostas
    1. Por nada <3
      Espero que consiga fazer *U* Caso não, me mande uma MP ou comente aqui :3

      Excluir
  2. Uma dica, salve como .PSD, pra na proxima vez não ter que fazer tudo isso e so colocar a camada de bolinhas na proxima foto que quiser utilizar e depois salvar em .png mas em outro arquivo :)

    ResponderExcluir
    Respostas
    1. Eu faço de outro jeito, vou na imagem clico duas vezes e desencadeio, depois clico duas vezes vai aparecer outra aba, vou em sobreposição de padrão, seleciono o pantern, escolho o modo de mesclagem no qual se encaixa melhor na imagem e tambem mecho na opacidade e pronto :)

      Excluir
    2. Sim, esse é um jeito também *UUU* Eu já fiz isso por muito tempo, mas depois que comecei a usar o baldinho, acho que facilitou minha vida. O tuto ficou grande e parece ser beeem difícil, mas é que eu detalhei muita coisa.
      Mas resumindo é só duplicar a camada e botar a pattern com o balde, e diminuir a opacidade :3
      Boa dica também ^^ obrigada por comentar!

      Excluir
    3. Eu geralmente salvo em .psd os meus trabalhos de welcomes, assinaturas e etc, mas para quem achar que deve salvar em .psd é uma boa também para ter uma ideia do que foi feito no PS <3
      Fica a critério de vocês :3

      Excluir
  3. Faz tuto de como fazer a bordinha pressionada ><

    ResponderExcluir
    Respostas
    1. Vou fazer sim :3 Também é um tuto fácil, logo posto aqui.
      Obrigada por comentar o/

      Excluir
  4. Você anda meio sumida Analuh ? no blog e no amor doce ?? problemas com estudos ?

    ResponderExcluir
    Respostas
    1. A Ana tá sumida por causa de problemas pessoais :(
      Mas logo ela volta pro blog *UUU* e por causa dos estudos também, é.

      Excluir
  5. Querida Ciça, poderia fazer um desses para gimp? ^^ é que meu pc só pode ter o linux... '-'

    ResponderExcluir
    Respostas
    1. Oi Rafinha *U*
      Bem, eu nunca mexi com o GIMP mas posso tentar qualquer dia desses... de qualquer forma tente seguir o passo a passo, vai que funciona da mesma forma. No photofiltre sei que é mais ou menos a mesma coisa!
      Mas vou tentar sim :3

      Excluir
  6. Nah.
    Não achei esse aqui quando baixei: ;-;
    http://i.imgur.com/kMnW3y6.png

    ResponderExcluir
    Respostas
    1. Popo, eu vou disponibilizar outro link pra download dos padrões ok?
      você pode tentar nesse aqui: http://www.mediafire.com/download/theyesj5am23gfz/Pixels.pat

      Espero que consiga achar agora!

      Excluir
  7. Oi meu é o photoshop CS5 e eu não sei onde fica o baldinho de tinta por acaso no CS5 tem outro nome?

    ResponderExcluir
    Respostas
    1. Oooi *U*
      Bem, na verdade eu não sei... eu vou pelo desenho que é a LATA de tinta, se ela não aparecer deve ser porque sua ferramenta tá trocada.
      Ai você faz assim: vai lá na aba, EMBAIXO DA BORRACHA é onde ela tem que estar, se não estiver clica com o botão direito do mousena ferramenta embaixo da borracha, e vai aparecer o baldinho, ai você seleciona e pronto!
      Espero que consiga ^_^

      Excluir
  8. Oie ^O^
    Ensina como misturar estes efeitos na imagem como na sua assinatura atual no AD (Entre outras)? Disponibilizar os materiais necessários, ou dar uma ajuda em como procurar e tal, em como combinar para ficar bonitinho como vocês fazem. A ordem que coloca, etc. Eu fico muito perdida. Sei pôr style na fonte (já baixei várias também), borda pressionada, e aquele efeito de bolinha, só (vergonha). No total, basicamente, peço que ensine como fazer uma assinatura completa e linda, como a sua! Aproveito, uso o que aprendi para fazer um banner | header | maneiro, hehe. Admiro muito o trabalho de vocês. Enfim, agradeço de coração e desculpa qualquer coisa. Beijinhos <3

    ResponderExcluir
    Respostas
    1. É uma boa pedida! Eu salvei em PSD minha última assinatura, então vou ver se consigo postar o que foi utilizado aqui sem problemas! E claro, vejo também se consigo ensinar a ordem das coisas e tal HAUHEUAHUEHUAH fico feliz que tenha gostado dela :3
      Obrigada <33

      Excluir
  9. Oi. Você pode me informar onde baixo esse Photoshop CS6? ja procurei mas não acho um site confiavel... ;-;

    ResponderExcluir
    Respostas
    1. Elisa, eu vou fazer um post disponibilizando o PS para baixar no Mediafire diretamente do meu PC, aí você baixa e fica tudo certo ok? Nem precisa procurar! Vou ver se hospedo ele e passo p. vocês!

      Excluir

Leia a nossa página de Regras antes de comentar, por favor :3