in , , , ,

Tutorial: Criando um wallpaper

Preview Descrição: Como criar um wallpaper simples através do Photoshop.

  • [message]
    • ##check##AVISO: Criando um wallpaper

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Crie um novo documento de 600×500 pixels e pressione a letra G do teclado para selecionar a Gradient Tool, (caso a Paint Bucket Tool apareça na paleta de ferramentas pressione Shift+G) crie um gradiente do topo para a parte de baixo com as cores #3C580E e #A4D23B.

Criando um wallpaper

Após aplicado o gradiente seu documento ficará assim.

Criando um wallpaper

02. Pressione Ctrl+Shift+N para criar uma nova layer e defina o seu gradiente como o da foto abaixo.

Criando um wallpaper

Aplique o gradiente como na foto abaixo.

Criando um wallpaper

03. Pressione a letra P do teclado para selecionar a Pen Tool e desenhe um path como o da foto abaixo.

Criando um wallpaper

04. Depois de criado o path clique com o botão direito e escolha a opção Make Selection, pressione Ok.

Criando um wallpaper

05. Novamente selecione a Gradient Tool pressionando a letra G do teclado e defina os seguintes valores.

Criando um wallpaper

06. Pressione Ctrl+Shift+N para criar uma nova layer e faça um gradiente puxando da superior esquerda para a inferior direita, como na foto abaixo.

Criando um wallpaper

07. Repita os passos de 3 a 6 para criar outros efeitos como na foto abaixo.

Criando um wallpaper

Written by André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

20 + 3 =

38 Comments

  1. aew man primeiro te parabenizar seus trabalhose segundo tenho duvida….
    tipo quando vc manda fazer um segundo gradiente É pra escolher a trasnparente ne ? e outra coisa quando vc escolhe ai aprece a barrinha pra vc colocar as cores ai
    vc coloca parte de cima como se coloca as cores ali, no meu nao consigo fazer pra aparecer a caixa de selecçao de cores. so consigo quando é pra escolher as de baixos. como faço man HElP

  2. Olá André aqui é o José, até agora tive poucos problemas com os tutoriais, algumas coisas não atendiam ou só funcionavam de forma inversa, mas estou entendendo que no photoshop o lance é conhecer as ferramentas padrão que articular as mudanças e o resto é imaginar como ficam depois de mescladas!!

    Ps Help:

    precisa de alguns acrécimos no quesito subjanelas!! pois algumas vezes apelei para o google tradutor para encontrar algo semelhante no software!! mas estou aprendendo gradativamente!! ^^ Valeu!!

  3. Oi Rafinha, isso poque quando você seleciona a Pen Tool, na barra de opções da ferramenta no alto da tela a opção Shape Layers está marcada, é o primeiro quadrado ao lado do ícone da Pen Tool no canto esquerdo da barra de opções, então você deve clicar na opção Paths, que é a segunda (ou o quadrado do meio com o ícone da Pen Tool), assim você criará o Path sem preenchimento, espero que ajude, qualquer coisa mande outro recado ok? desculpe a demora na resposta!! volte sempre!!

    Oi Marcelo, é feito em CSS, obrigado pela visita, volte sempre!!

  4. vixx vcs são show d bola msm ^^

    Queria que vcs resolvessem uma duvida aterrozizante minha, eu como nao tenho nada pra fazer em casa e me interesso por edição e imagens visito constantemente esse blog mas quando c trata da pen tool eu fico doido, pois faço uma seleção + fica preto onde fiz a mesma.
    Como faço pra deixar transparente

    atenciosamente vlww

  5. Blz.. andré…

    poxa brow.. muito legalz..essas tecninas.. começarei a entrar aki sempre pos dou aulas de infomática e sempre me perguntaum algumas tecnicas mas avançadas sempre ensino algumas mais aki tem umas ke nuam sabia…valew.. falow brow….

  6. Oi krDiN, obrigado pelos elogios ao blog, fico feliz que esteja aprendendo novas técnicas, muitos tutoriais coloco com esse objetivo mesmo, o importante as vezes nem é o resultado final mas sim as técnicas usadas que podem ser aproveitadas em outros trabalhos, obrigado pela força!! volte sempre!!

  7. seu blog é o máximo!
    sempre aprendo várias coisas que
    me ajudam a aplacar em outras!!
    admiro o trabalho de pessoas como vc. pois realiza uma ajuda em benefício de 3°s e não combra nada por isso!
    você assim como todos que publicam coisas do gênero precisam ser valorezados…
    e quem não gostou do seu trabalho, que pague por um melhor!!(se tiver).
    abração..
    sempre passo por aki, porém hj é a primeira vez q comento..!
    parabéns!!

  8. Andre,

    To postando pra dar os parabéns pelo blog, muito útil ! Sempre gostei do photoshop mas nunca tinha um pontapé agora o encontrei… hehehe
    Copiei vários dos seus tutoriais e to treinando em casa, o q eu mais gostei foi o do cartoon ! ANIMAL ! to fazendo com várias fotos gostaria de saber se vc sabe de alguns outros tutoriais como este do cartoon.
    Tenho uma dúvida com relação há um tutorial seu(Estilizando uma foto) qndo eu vou mexer no channel mixer não aparece pra mim a opcão gray, apenas red,blue,green, se vc puder me dar um help eu agradeço.

    Li uma resposta tua com a frase do Grande Vicente Matheus.
    Pelo jeito vc deve torcer pro grande Coringão ?!
    Se for vai ser melhor ainda pra gente bater um papo ! hahaha

    Um grande abraço,
    Pedro Zerbini

  9. Oi Ad®iano, o problema nem é a cópia, mesmo porque na internet isso acontece mesmo não tem jeito, e se o objetivo do blog é passar conhecimento então está sendo feito mesmo que os créditos não venham para cá, mas o que causa problemas mesmo é o fato da hospedagem das imagens, quando alguém copia o conteúdo, inclusive as imagens acaba sobrecarregando o servidor onde hospedo as imagens, que já são muitas, no servidor antigo simplesmente as imagens começaram a sumir aqui do blog, tive que mudar de servidor, estou usando uma artimanha agora para proibir o copiar e colar nas fotos, ajuda um pouco, mas já vi site que conseguiu burlar, é um saco, prejudica todo mundo, mas não dá pra fazer nada, como diria o grande Vicente Matheus “Quem tá na chuva é pra se queimar né?” hahah, bom, vou levando como dá, é complicado esse lance porque se for ver mesmo o que interessa é o que está escrito, muitas vezes as imagens nem ficam iguais quando fazemos, isso rende um bom papo… muito obrigado pela visita!! 🙂

    Oi van, quando selecionar a Brush Tool ou a Eraser Tool pressione as teclas [ e ] (Conchetes) para aumentar ou diminuir o diâmetro da ferramenta, e para mudar o tipo de brush você pode clicar na barra de opções que fica no alto da tela quando você seleciona a ferramenta em uma seta apontada para baixo ao lado da palavra “Brush”, uma caixa irá se abrir com todas as opções disponíveis, ou você pode ir em Window> Brushes, espero que ajude!! 🙂

  10. Olá,
    Algumas vezes quando uso um brush ou a borracha o formato da ponta deles não aparece (redondo, quadrado …), a pintura sai no formato escolhido, mas na tela fica um círculo pontilhado com uma cruz no meio. É mais difícil de usar dessa forma. Vc sabe como eu faço para configurar, ou sei lá o q?
    Grata,
    Vanessa

  11. Sugestão: Coloca 1 marca d’água nas imagens dos teus tutoriais, o panaca que copiar sem querer dar créditos vai ter que pelo menos fazer imagens novas pro tutorial “dele”

    Sabemos que na internet nada se cria, tudo se copia, hehehe, só que dar o crédito ao autor é o mínimo que se pode fazer

    Flw.

  12. Oi marcela, você está tendo dificuldades no tutorial de montagem ou neste? quantas layers você está trabalhando? no caso o que você quer é apagar a figura grande? se for isso antes de começar a apagar você clicou na layer que contém esta figura? bom, aguardo sua resposta!! obrigado pela visita 🙂

  13. Oi!
    eu acho que tenho um problema no meu photshop, quando vou usar a eraser tool(eu estava aplicando o efeito da montagem simples), na layer aparece que o fundo esta sendo apagado, mas na figura grande nada é modificado, ou seja, não tem como eu fazer.

    Preciso de ajuda!

    Obrigado!

  14. Cara achei o seu blog sem querer, to aprendendo muita coisa nele vlw mesmo por compartilhar o teu conhecimento com quem não tem muito, como eu!!

    Vlw vo continuar por aki esperando novidades…

  15. Oi jessica, em alguns casos dá sim, mas de qualquer forma tudo que for para reduzir no corpo ou aumentar está ali no filtro Liquify, o segredo ali é usar com cautela algumas ferramentas para o efeito não ficar muito exagerado, qualquer coisa é só falar!! obrigado pela visita!! 🙂

  16. Oiiee andré queria tirar uma duvida e sobre a redução de nariz que já faz um tempinho que vc postou ela mas eu queria saber se serve pra qualquer parte do corpo essa redução.
    Beijos

  17. Acabei esquecendo de responder sua pergunta alisson hahah, mas então, o primeiro contato que tive com o Photoshop foi em casa mesmo fuçando, mas confesso que não consegui fazer nada, depois de um tempo tive 6 meses de aula de Photoshop básico na faculdade, só me interessei e comecei a conseguir fazer as coisas depois que aprendi a utilizar a Pen Tool, a partir dai comecei a puxar vários tutoriais e aprendi quase tudo sozinho, mas estou pensando agora em realizar alguns cursos para me especializar na ferramenta e conseguir alguns certificados da Adobe :), já trabalhei algum tempo realizando trabalhos com o Photoshop e até hoje utilizo no serviço atual, é uma ferramenta que me ajuda muito 🙂 e você??

  18. Oi hehe axo que o leo :D, obrigado pelas visitas!! e pode comentar quanto quiser !! 🙂 volte sempre!!

    Oi alisson, existem outros sites e blogs fazendo isso há algum tempo, mas o que me deixa irritado mesmo é que eles só se dão ao trabalhado de dar um Ctrl+C e um Ctrl+V alguns nem lêem o que estão copiando, tanto que muitas vezes aquela frase inicial que coloquei com link pro PS Help! as vezes vai junto, a um tempo atrás as imagens aqui do blog começaram a sumir porque eu armazenava as imagens em meu blog no buzznet, acho que pelo excesso de tráfego das imagens que estavam sendo copiadas e acessadas de muitos lugares ao mesmo tempo elas começaram a sumir, tive que mudar para o BlueHost, ainda não tive tempo de mudar todas, mas pelo que vi no site que você me passou é que o cara copiou assim mesmo, Ctrl+C e Ctrl+V, mas pode ver que os últimos tutoriais não estão lá, inclui um código na página para dificultar essa cópia, não é impossível de burlar mas dificulta, mesmo assim valeu pelo toque!! volte sempre!! 🙂

  19. Sou frequentador assíduo do seu blog, parabéns pelo seu trabalho, agora não sei se vc conhece uma página chamada Meus Tutoriais, nela está a copia de seus tutoriais e o cara lá não faz nenhuma referência ao seu nome, ou seu blog. Isso pra mim é uma picaretagem. POr ser admirador estou te mandando este recado e aproveito pra te parabenizar. E uam perguntinha , como foi que vc entrou no mundo do photoshop?

  20. outro tutorial sensacional!!! agora eu não consigo ficar sem entrar aqui, mesmo nos sábados e domingos ! rsrs esse tuto parece com aqueles wallpapers do Windows Vista, muito legal mas eu vou tentar com outras cores !! fui…mas eu volto pra enxer o saco com essas postagens idiotas!! rsrsrs brincadeira.

Workshop – Adobe Photoshop CS3 – ENG – 11/07/07

Contraste Extremo.