11 julho 2013

Fazendo um background serrilhado

| |
Status: Sinto fome, muita fome T.T
Avril, gata! • Ainda sem ideias pra introdução...
Oi meus amres!!
Eu recebi um pedido meio diferente, achava que nunca me pediriam algo assim: como fazer um background serrilhado. Eu utilizei esse tipo de background no layout das 2YOON/4Minute; veja um exemplo aqui. Lembrando que precisa de um tutorial de como colocar dois backgrounds no blog, que pode ser encontrado no Cherry Bomb, aqui.

Vamos lá ^-^

••••••••••••••••• ♥ ••••••••••••••••••
É preciso de PhotoShop. Usei o PS CS6 mas acredito que possa fazer com qualquer um. Ah, meu PS está em português...
Para não terem o trabalho de fazer os serrilhados e ajustar para quando colocar pelo HTML não ficar diferente, fiz uma base, só baixe a base aqui; e para não deixar o background sem graça, baixe os pixels aqui. (Aqui para aprender a instala-los) Só consegui pixels prontos e bonitinhos no KW.

••• ♥ •••

1 • Salve a base que passei e abra-a no PhotoShop. Aperte duas vezes na camada e irá abrir uma janela chamada 'Estilo de Camada'.
Haverá uma lista de opções do lado esquerdo da janela; escolha 'Sobreposição de Cor'. Clique no quadradinho colorido (o meu é vermelho) • vai abrir uma janela chamada 'Seletor de Cores (Cor de Sobreposição)' onde terá que escolher que cor você quer, você pode usar códigos de cor também. (Print) Aperte 'Ok' e a janela se fechará; aperte 'ok' de novo e a janela 'Estilo de Camada' se fechará também.

2 • Clique com o botão direito do mouse na camada e depois vá em 'Rasterizar Estilo de Camada' (Print). Depois de rasterizada, clique na camada duas vezes de novo. Vai abrir 'Estilos de Camada' novamente e escolha 'Sobreposição de Padrão'; escolha qualquer um dos pixels e ajuste como no print. aperte 'Ok' e pronto!

••• ♥ •••
Espero que tenham gostado e que seja útil para vocês. Beijos ;*

11 comentários:

  1. Adorei o tuto,adoro esse lay,muito divônico.

    Beijos
    Amora R.

    ResponderExcluir
  2. Nossa, não sabia como fazer. Esse tuto caiu do céu! Huahusha
    Seguindo
    Beijos
    blog-purplestar.blogspot.com.br

    ResponderExcluir
  3. Adorei o tutorial, pena que não tenho PS :/

    - Modern HTML

    ResponderExcluir
  4. Eu gosto do efeito serrilhado, é bem fofo e fics bonito em quase tudo. Chega até a ser estranho como ele se encaixa bem em tudo AHSUSAH'

    Adorei o tutorial <3

    Six Seconds

    ResponderExcluir
  5. Eu sabia fazer em outro programa, quando não mexia no PS ^^
    Ótimo tutorial.
    Pequena Garota

    ResponderExcluir
  6. blog, lindo aceitra afiliação? sou novo era do toddynhosemcanudo.com amids agr to com um novo blog? segue ?

    ResponderExcluir
  7. Muito bom o tutorial Isa, muito legal que você continuou no blogger :3 Gente como aqui ta lindo vei, vomitando arco-íris aqui! Beijos s2
    youluving.blogspot.com

    ResponderExcluir
  8. Ahhh eu sempre quis saber como se fazia isso, acho tão divo *u*
    Que blog lindo!

    Acabei de fazer um blog de HTML, com aulas de HTML e tudo o mais. Quero te convidar a dar uma passadinha lá, e se possível ser afiliada sua, pode ser? >3< Isso ajudaria muito na divulgação do meu blog. Já estou te seguindo, e te daria abraços e beijos se você fizesse o mesmo *-*
    Beijos da Kaira-san!

    breaking-doubts.blogspot.com.br

    ResponderExcluir
  9. Meu Ps também está em portuga, rsrs fica muito mais fácil de mexer assim né, ótimo tutorial, não tinha visto nenhum igual a esse, exclusivo ^0^'

    Esse tipo de background fica lindo, já fiz em um dos meus layouts, fica mesmo legal *--*~

    Adolescente Nerd

    ResponderExcluir
  10. Ta aceitando afiliação flor?
    http://withoutkawaii.blogspot.com.br/

    ResponderExcluir
  11. Na Boa nada que tem no meu blog foi copiado do Teu,Aliás eu nem conhecia seu blog,então nem vem falar para mim creditar okay?Porque nada foi tirado de você,se vc não sabe essas postagens tem em vários outros blog filha...A Ilustração achei em outro blog também,que não me recordo o nome porque estava pelo celular,vim conhecer seu blog e por causa do seu comentário...Houve um grande mal entendido de sua parte...

    ResponderExcluir

« »