Tutorial: Criando uma composição com círculos

COMPARTILHE:

Hoje veremos como criar do zero uma composição com círculos que podem ser usadas como logotipos, ícones, botões etc, usaremos diversas ferramentas e layer styles.

Preview Descrição: Hoje veremos como criar do zero uma composição com círculos que podem ser usadas como logotipos, ícones, botões etc, usaremos diversas ferramentas e layer styles.

  • [message]
    • ##check##AVISO: Criando uma composição com círculos

      • 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 :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 500x500 pixels, modo de cor em RGB e 72 dpi's, pressione Ok, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool e com a tecla Shift pressionada clique e arraste para criar uma seleção circular , pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool para preencher a seleção com a cor preta.

Criando uma composição com círculos

02. Agora vá em Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Gradient Overlay, Layer> Layer Style> Stroke e defina os valores abaixo.

Criando uma composição com círculos

Criando uma composição com círculos

Criando uma composição com círculos

Criando uma composição com círculos

Criando uma composição com círculos

Criando uma composição com círculos

03. Pressione a letra M do teclado para selecionar a Elliptical Marquee Tool novamente, na barra de opções da ferramenta defina os valores abaixo.

Criando uma composição com círculos

04. Caso sua seleção esteja desativada clique com a tecla Ctrl pressionada sobre a miniatura da layer que contém o círculo que criamos anteriormente, pressione Ctrl+Shift+Alt+N para criar uma nova layer, crie uma elipse como na foto abaixo.

Criando uma composição com círculos

05. Escolha a cor #fec601 e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

Criando uma composição com círculos

06. Defina a opacidade da layer em 45%.

Criando uma composição com círculos

Criando uma composição com círculos

07. Agora escolha a cor #de4d0a, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool e crie um novo círculo no meio do documento, desta vez menor que o círculo anterior, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

Criando uma composição com círculos

08. Pressione a letra O do teclado para selecionar a Burn Tool e passe na parte inferior da esfera que estamos criando para criar uma sombra como a da foto abaixo.

Criando uma composição com círculos

09. Agora vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Criando uma composição com círculos

10. Sua imagem deverá ficar como a da foto abaixo.

Criando uma composição com círculos

11. Pressione a letra B do teclado para selecionar a Brush Tool e defina os valores abaixo.

Criando uma composição com círculos

12. Escolha a cor amarela como cor de Foreground.

Criando uma composição com círculos

13. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o Brush como na foto abaixo.

Criando uma composição com círculos

14. Agora pressione a letra M do teclado para selecionar a Elliptical Marquee Tool e defina os valores abaixo.

Criando uma composição com círculos

15. Agora com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o segundo círculo que criamos, isto irá ativar a seleção ao redor do círculo, com a tecla Shift pressionada crie um novo círculo deixando uma pequena área na parte de baixo (como na foto abaixo) e depois vá em Select> Modify> Feather, defina o valor abaixo e pressione Ok.

Criando uma composição com círculos

16. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca.

Criando uma composição com círculos

17. Agora pressione a letra G do teclado para selecionar a Gradient Tool, defina os valores abaixo.

Criando uma composição com círculos

18. Pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, crie uma elipse como a da imagem abaixo, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool novamente e aplique o gradiente dentro da seleção, sua imagem deverá ficar como a da foto abaixo.

Criando uma composição com círculos

19. Pressione Ctrl+D para desabilitar a seleção, no final sua imagem deverá ficar como a da foto abaixo.

Criando uma composição com círculos

site de origem: http://tutorial-zee.com/photoshop-tutorials/design-wesite-orb-icon-in-photoshop

COMENTÁRIOS

BLOGGER: 8
  1. Grande André seu Site sempre me ajuda em tudo que preciso, este tutorial é um de muitos que já vi aqui no Site que é de fácil compreensão.
    Agradeço sua visita em nosso blog.
    E saiba sempre que eu for falar em Photoshop o TP.net sempre estará em 1 primeiro lugar.
    Abraços.

    ResponderExcluir
  2. muitooooooo looooooooco

    mais soh uma sugestão vc deveria facilitar o modo que se faz os comentarios
    tem muita burocracia
    muitas vezes eu nem comento por causa da demora

    dexa q nem no youtube
    eh melhor e mais facil

    ResponderExcluir
  3. Sobre outro efeito: Como fazer p/ dar uma cor mais clara a roupa, carro, dente?
    Tem algum tuto sobre isso?
    Obrigada e tô adorando seu blog, vc é fera!

    ResponderExcluir
  4. Muito bom o tuto, só uma observação: Indique o código hexadecimal das cores que você usa, por exemplo, "Faça um degrade que vai do (#530000) até o (#b20000)". Ajudaria bastante.

    ResponderExcluir
  5. Caramba o tutorial ta muito ''enrolado'' pois nas funções simples manda fazer o mais complicado mais tirando isso ta 10 o tuto aprendi mto!

    ResponderExcluir
  6. Anônimo de novo: Esse tuto, aliás o blog INTEIRO, não tem nada de complicado, é super didático, a dificuldade depende dos conhecimetos q a pessoa tem com o programa.
    André, estive olhando outros sites e nenhum tem essa quantidade de opções, essa variedade, enfim, sem falar na didática. Nos outros não achei nem onde clica p/ ver como faz o efeito, pior tem uns que nem ensinam!!!!!!
    Agora tnho uma dúvida, o q vc ganha p/ disponibiizar isso tudo, qse q diariamente tem uma novidade, se vc é pago, o q o dono do blog ganha, pois não vejo nada d+ em "mershandasing". Parabéns e OBRIGADA.

    ResponderExcluir
  7. Otimo tuto, André! Tenho acompanhado seu blog ha um tempo e confesso q tenho me surpreendido cada vez mais..
    Por exemplo, esse tipo de "logotipo" eu fazia no Corelo Draw, e agora estou sempre fuçando e fazendo pelo Ps...
    Mto bom esse tuto e mtos outros q vc tem postado... Vlw!

    Aew, rola algum tutorial mostrando alguma coisasaido de traz do papel, por exemplo a abertura do Corel Draw X3??

    abç

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,412,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,517,outubro,745,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,153,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Criando uma composição com círculos
Tutorial: Criando uma composição com círculos
Hoje veremos como criar do zero uma composição com círculos que podem ser usadas como logotipos, ícones, botões etc, usaremos diversas ferramentas e layer styles.
https://www.andresugai.org/Tutoriais/09.2009/T19/imagem25.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/09/criando-uma-composicao-com-circulos.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/09/criando-uma-composicao-com-circulos.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar