Produto & UXARTIGO

Desenhando um iPhone pelo Photoshop CS3 – Parte 02

Salve meus amigos! Antes de inidicarmos a nova matéria, gostaria de divulgar um trabalho que lançamos na última semana, que adorei fazer por quase um ano, e o resultado ficou excelente! Um curso completo de Photoshop em DVD, do básico ao avançado, com mais de 230 aulas em vídeo e texto, e outros 140.000 recursos gratuitos para ajudar no seu trabalho com Photoshop. O valor do curso também ficou muito interessante, por apenas R$59,50. Segue o link:

DVD – DVD Curso Completo de Photoshop – Do Conceito à Finalização

Agradeço a todos os emails e mensagens no orkut e espero conseguir manter uma frequência maior na postagem de matérias para vocês.

Agora iremos à segunda parte da matéria sobre o iPhone, Let´s Rock´n Roll baby!

  • Artista: Fabio Lody (www.fabiolody.com.br)
  • Descrição: Desenhando um iPhone no Photoshop CS3-Parte II.
  • Software ultilizado: Photoshop CS3 em Inglês.
  • Grau de Dificuldade: 7,5
  • Ao som de: Daughtry – Used to

iPhone

Nesta matéria vamos trabalhar no layout da saída de som do telefone e do único botão da tela do aparelho, que possui a função de retorno de ações dos aplicativos do iPhone. Quero aproveitar e divulgar meu flickr que está conectado diretamente com meu iPhone e publica todas as fotos no momento em que eu as tiro: http://www.flickr.com/ilody.

Abaixo segue a nossa última imagem, do primeiro artigo da série, que foi como iniciar o processo do desenho do shape do iPhone:

Está é uma foto real do aparelho:

1º Passo: Clique sobre a ferramenta Rounded Rectangle Tool (U), com radius de 5 px, e desenhe um retângulo como abaixo:

2º Passo: Clique sobre o botão “Add a layer style”…

e em seguida vá em ” Gradient Overlay” e altere como abaixo:

3º Passo: Agora vá em “stroke” e altere também:

Veja o resultado:

4º Passo: Agora pressione o botão Elipse Tool (U) e faça um círculo como abaixo:

Obs.: Caso tenha problemas em centralizado, selecione a camada da elipse e a camada do shape do iPhone:

E na barra de opções, clique em “Align Horizontal Centers”.

5º Passo: Agora clique sobre a camada da elipse e em seguida clique novamente no botão “Add a layer style”…

Clique também em “Gradient Overlay”

6º Passo: Utilizando a “Round Rectangle Tool” crie um quadrado com cantos arredondados ao centro desta elipe, em seguida vá novamente em “Add a layer style”

7º Passo: Agora vá em:

Bom, já fizemos o espaço para saída de áudio e o único botão da tela do iPhone, que serve para o retorno para à tela principal.

Na semana que vem finalizaremos nosso iPhone, desenhando cada ícone de sua tela e seu dock.

Bom, um abraço a todos. Fiquem com Deus!

Fabio LodyAutor

É Diretor de Arte do iMasters, além de colunista de Photoshop. Nascido em Santo André, atua há pelo menos 14 anos no mercado. Desenvolveu trabalhos para vários países, foi aluno de Alexandre Wollner e participou da equipe de criação de projetos como Lollapalooza Brasil, Centenário do Santos, Centenário Vinícius de Moraes, Futebol Run, Expo Money, Super Bike Series, Galinha Pintadinha, FIC, MMA Rocks entre outros. Conquistou o Best Mkt Design 2012 com a marca do centenário do Santos e teve seu nome publicado no selo comemorativo do centenário, com tiragem de 300 mil exemplares. É praticante de Krav Maga e está há 11 anos nessa vida maluca de subir/descer a serra todos os dias por morar em Santos. twitter: @fabiolody

Ver perfil