Criando o iPad no Photoshop.

COMPARTILHE:

Descrição: Neste tutorial o novo produto da Apple, o iPad será reconstruído no Photoshop, para maiores detalhes e referências vale a pena v...

Preview Descrição: Neste tutorial o novo produto da Apple, o iPad será reconstruído no Photoshop, para maiores detalhes e referências vale a pena visitar o site oficial do produto, usaremos diversas ferramentas e filtros no processo, além de arquivos externos.








01. Pressione Ctrl+N para criar um novo documento, defina o tamanho que desejar (de preferência no formato retrato) com 72 dpi´s e modo de cor em RGB, 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 a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, defina o valor de Radius em 20 pixels e crie um retângulo como na foto abaixo.

tutoriaisphotoshop.net

02. Com a tecla Ctrl pressionada clique sobre a miniatura da máscara que está na Shape Layer para ativar a seleção ao redor do retângulo que criamos, vá em Select> Modify> Contract, defina o valor de 3 pixels, 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 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 a layer com a cor escolhida.

tutoriaisphotoshop.net

03. Clique na layer onde criamos o retângulo branco e vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

tutoriaisphotoshop.net

04. Clique na layer com o retângulo preto e vá em Layer> Layer Style> Outer Glow, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

05. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um pequeno retângulo de aproximadamente 1 pixel de largura sobre o canto superior esquerdo, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do cinza claro para o branco no modo Linear e aplique na seleção, repita o processo criando um retângulo na parte lateral, desta vez menor, como na foto abaixo.

tutoriaisphotoshop.net

06. Para criar o botão de volume (lateral) repita o último passo, pressione Shift+M para selecionar a Elliptical Marquee Tool, crie uma elipse como na foto abaixo e pressione Delete.

tutoriaisphotoshop.net

07. Para o Wallpaper usado no iPad usaremos esta imagem, com a imagem em seu computador pressione Ctrl+O e abra no Photoshop a imagem que baixamos (ou outra que você queira), pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar, pressione a letra V do teclado para selecionar a Move Tool e posicione a imagem sobre a parte central do iPad, com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o retângulo preto que criamos anteriormente, isto ativará a seleção ao redor do retângulo, clique na layer da imagem que usaremos como Wallpaper, pressione Ctrl+Shift+Alt+I para inverter a seleção e pressione Delete.

tutoriaisphotoshop.net

08. Agora vá em View> New Guide, marque a opção Vertical e defina o valor de 50%, pressione Ok para adicionar uma linha guia no meio do documento, 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 no rodapé do retângulo preto, como na foto abaixo, 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 Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique dentro da seleção para preencher com a cor escolhida, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

09. 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 a letra B do teclado para selecionar a Pencil Tool, defina o tamanho em 1 pixel, crie um pequeno quadrado como na foto abaixo, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush quadrado e de pontas duras, apague os quatro cantos do quadrado que criamos, defina a opacidade da layer em 25%.

tutoriaisphotoshop.net

10. Com a tecla Ctrl pressionada clique sobre a miniatura do retângulo preto que criamos anteriormente para ativar a seleção ao seu redor, 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 a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o transparente no modo Radial, aplique no canto superior direito, como na foto abaixo, reduza levemente a opacidade da layer.

tutoriaisphotoshop.net

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma pequena seleção como na foto abaixo, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, 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 preta, diminua levemente a opacidade da layer, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

12. 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 a letra T do teclado para selecionar a Horizontal Type Tool, escreva o horário no centro do retângulo preto que criamos e o nome do aparelho no canto esquerdo, pressione a letra B do teclado para selecionara Pencil Tool, ajuste o tamanho para 1 pixel e desenhe o ícone da bateria no canto direito da barra preta que criamos anteriormente.

tutoriaisphotoshop.net

13. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um retângulo na parte inferior do retângulo preto, escolha a cor cinza 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, pressione Ctrl+T para abrir a caixa de Free Transform, clique com botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, distorça o retângulo como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

14. Agora vá em Layer> Layer Style> Gradient Overlay, defina o gradiente como na foto abaixo e pressione Ok.

tutoriaisphotoshop.net

15. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

16. 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 a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja ativada, desenhe uma forma como a da foto abaixo, defina a opacidade da layer em 13%.

tutoriaisphotoshop.net

17. Com a tecla Ctrl pressionada clique sobre a miniatura da layer onde criamos o retângulo cinza para ativar a seleção ao rese redor, pressione Ctrl+Shift+I para inverter a seleção, clique na layer onde aplicamos o shape criado pela Pen Tool no último passo, pressione Delete.

tutoriaisphotoshop.net

18. Agora clique aqui e baixe a coleção de ícones que iremos usar neste passo, insira os ícones no desktop do iPad criando o grid de ícones padrão.

tutoriaisphotoshop.net

19. Escolha um dos ícones e vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo, repita o processo para todos os outros ícones.

tutoriaisphotoshop.net

20. Repita o procedimento nos ícones que serão colocados sobre o Dock, ao terminar pressione Ctrl+E para mesclar as layers (somente dos ícones que estão no Dock), pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Vertical, desça a cópia da layer até o rodape dos ícones, pressione Enter para finalizar a transformação, vá em Layer> Layer Mask> Reveal All para adicionar uma máscara na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o preto no modo Linear, aplique o gradiente afim de que o reflexo fique como na foto abaixo.

tutoriaisphotoshop.net

21. No final você terá criado um iPad como o da foto abaixo.

tutoriaisphotoshop.net

site de origem:
http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-detailed-apple-ipad-icon-in-photoshop

COMENTÁRIOS

BLOGGER: 7
  1. muito bom o post!! parabéns

    ResponderExcluir
  2. muito bom o tutorial...

    mais acho que tem uma imagen em um dos passos q pertence ao tutorial passa se n me ingano...

    parabens pelo blog

    ResponderExcluir
  3. Mais um tutorial que não deu certo no meu Photoshop. Será que só eu uso a versão CS4?

    ResponderExcluir
  4. alterei 1 pouco

    http://img682.imageshack.us/img682/3117/dsde.jpg

    ResponderExcluir
  5. Parabéns pelo tut... também fiz um ipad bem diferente aqui http://www.elisondesign.com.br/criando-um-ipad-com-o-photoshop

    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,415,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,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,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,520,outubro,748,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,358,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,511,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando o iPad no Photoshop.
Criando o iPad no Photoshop.
http://www.andresugai.org/Tutoriais/02.2010/T10/imagem21.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/02/criando-o-ipad-no-photoshop.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/02/criando-o-ipad-no-photoshop.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