no , , , ,

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

Escrito por 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.

$ s Comentários

Deixe uma resposta
  1. 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.

  2. 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?

  3. 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!! 🙂

  4. 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ê??

  5. 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

  6. 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!! 🙂

  7. Brigadão Andre vlw mesmo !
    Andre tem como você mandar o link das instruções que saio na revista da capricho tem como ?
    Beijos.

  8. Oi jessica, aqueles tutoriais não são do blog, alguns até efeitos você até encontra por aqui mas não todos.. obrigado pela visita 🙂

  9. 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…

  10. Oi raí, fico feliz que tenha gostado do blog!! volte mais vezes!! e precisando é só deixar um recado que respondo assim que possível!! 🙂

  11. amei o blog.. eu não sabia nada de photoshop! esses conselhos maravilhosos ajudaram e muiiitttooo parabéns mesmo. :*

  12. Oi anna paula, obrigado pelos elogios ao blog!! fico feliz que esteja gostando!! volte sempre!! 🙂

  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. 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 🙂

  15. 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.

  16. 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

  17. 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!! 🙂

  18. 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

  19. 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!!

  20. Oi anônimo, ainda não temos um tutorial ensinando este tipo de efeito.. infelizmente, mesmo assim, obrigado pela visita!!

  21. 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!!

  22. 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….

  23. Oi Anônimo, eu que agradeço as visitas desde já!! valeu!! 🙂

  24. Olá André, tudo bem? Sou mais uma admiradora sua, adora suas dicas.
    Gostaria de saber como colocar marca d’agua em meus trabalhos?
    Obrigada abraços Anna

  25. Oi Anna, pode deixar que postarei algo a respeito ok? obrigado pela visita e pelo elogio ao blog, volte sempre!! 🙂

  26. 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

  27. mudando de assunto….
    como vc faz aquela barra de navegação no blog?

    tipo
    home
    fotos eetc…

  28. 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!!

  29. Brigadão msm andré, por causa disso tava perdendo a paciência e deixando de faze altos tuto ai

    kkkkkkk³

    e qto a demora… faz parte

    =D

  30. SOu tao idiota q nao consegui configurar a cor q eu quis na gradiente, nao aparece tipo #3C580E

    ou aparece e eu nao sei cmo fazer.

  31. 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!!

  32. 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

  33. Ola Andre parabéns pelo seu blog obrigado por compartilhar o seu conhecimento.
    Andre você poderia me explicar melhor a 3º parte que não entendi direto me ajuda por favor.
    Vlw

  34. tópico inútiu u.u
    aprendi fazer isso ae com 2 dias de treino com o software
    achei que usaria algo mais completo e elaborado
    Mais…fazer o que, nem tudo é perfeito

  35. eu nao entendi a parte sobre o uso da pen tool, nao consigo fazer o desenho que voce fez, por favor, me dê uma ajuda? um abraço !

Deixe uma resposta

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

vinte − dez =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

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

Contraste Extremo.