Desenhando um iPhone pelo Photoshop CS3 – Parte 01

Salve meus amigos!

Procurei desenvolver uma matéria em que pudéssemos treinar e conhecer recursos interessantes do Photoshop CS3. Hoje iremos desenhar “do zero”, um iPhone. Com isso, creio que estaremos aptos e desenvolver vários outros efeitos e reproduzir produtos. Então é isso pessoal, Let´s Rock´n Roll baby!

Artista: Fabio Lody (www.fabiolody.com.br)

Descrição: Desenhando um iPhone no Photoshop CS3-Parte I.
Software ultilizado: Photoshop CS3 em Inglês.
Grau de Dificuldade: 8,0
Ao som de: Daughtry – It’s Not Over

iPhone

Este novo gadget da Apple, é sem dúvida uma revolução. Lançado em julho do ano passado, consegue ser uma mistura de avanço tecnológico e estilo, integrando o que existe de melhor. Hoje iremos aprender um pouco mais sobre o iPhone e tentar recriar seu design.

Primeiramente, vamos nos habituar um pouco mais com o produto.

Esta é a parte da frente do iPhone, nota-se que existe apenas um botão embaixo para o retrocesso das ações de seu sistema.

Aqui procurei focar o botão lateral que serve para deixá-lo em “stand-by”, o encaixe do chip e a entrada de fone de ouvido.

Está é a parte de baixo do aparelho. Os pequenos furos laterais servem como saída de som, e a entrada central é o encaixe do cabo de dados e carregamento de energia (bem compacto e funcional como geralmente são os hardwares da apple).

Esta é a parte de trás do aparelho. (Detalhe para a câmera no canto superior esquerdo.)

Bem, agora iremos aos dados técnicos.

O iPhone possui 11,3 cm de altura e 6,0 cm de largura.

1º Passo: Crie um arquivo de 28 cm x 32 cm com o nome de “iPhone”.

2º Passo: Clique sobre a ferramenta Rounded Rectangle Tool (U)

3º Passo: Na barra de opções, altere o valor de “Radius” para 30 pixels. Com isso estamos aumentando o valor do raio das curvas.

4º Passo: Em seguida clique na paleta “Info” indicada pelo icone “i” azul. Caso não o visualize, vá até Window > Info.

5º Passo: Clique sobre o botão indicado abaixo, onde mostra uma setinha apontada para baixo e três linhas horizontais. Em seguida clique em “Palette Option”:

6º Passo: Verifique se suas configurações estão como abaixo. Importante lembrar que em “Mouse Coordinates”-“Ruler Units” é preciso alterar para “Centimeters”.

7º Passo: Feito isso, repita o 2º Passo e clique sobre a ferramenta Rounded Rectangle Tool (U)

8º Passo: Agora crie um retângulo com as seguintes medidas:

11,3 cm de altura

6,0 cm de largura.

Para ter certeza, consulte a paleta “Info” e, se necessário, pressione “ctrl + T” para redimensionar seu retângulo até atingir o tamanho determinado.

9º Passo: Nesse momento duplique a camada que criamos com o formato do iPhone. (Nomeie como iPhone_centro)

10º Passo: Preencha a cor da nova camada de preto, clicando em sua thumbnail.

11º Passo: Clique sobre a camada “iPhone” e em seguinda no botão “add a layer style”. Feito isso vá até “Stroke”.

12º Passo: Altere suas configurações como abaixo:

13º Passo: Clique novamente na camada “iPhone_centro” e em seguinda sobre a ferramenta “Direct Selection Tool (A)”

14º Passo: Selecione os 4 pontos superiores pressionando “shift” para selecioná-los em conjunto. Em seguida, pressione uma única vez a setinha para baixo para alterarmos sua posição.

15º Passo: Em seguida repita o mesmo passo com os pontos inferiores:

16º Passo: Por último, selecione os pontos do lado esquerdo e mova-os uma única vez para a direita e repita a mesma coisa com os pontos do lado direit,o movimentando-os para o lado esquerdo.

Pronto, a primeira vista de nosso iPhone. Claro que ainda estamos no início, mas já da para ter uma idéia de seu formato final.

17º Passo: Selecione a camada “iPhone” e em seguida sobre a ferramenta “Direct Selection Tool (A)”

18º Passo: Feito isso, selecione os pontos de cima de nosso “shape” e pressione o botão “Subtract from shape area (-)”

19º Passo: Em seguida, crie uma elipse na posição indicada abaixo, para simbolizarmos a entrada de fone de ouvido.

20º Passo: Repita o passo. Porém, desta fez faça um retângulo como mostrado abaixo:

21º Passo: Neste momento, pressione e segure a tecla “ctrl” e clique sobre a thumbnail da camada “iPhone_centro”, trazendo assim a seleção da camada superior.

22º Passo: Em seguida, pressione “ctrl” + “shift”+”i” para invertermos a seleção.

23º Passo: Finalmente pressione o botão “Add layer mask”.

24º Passo: Pronto, com isso suas camadas devem ficar como abaixo, ou seja, a camada “iPhone” agora possui uma máscara inversa com a forma da camada “iPhone_centro”.

25º Passo: Nesse momento clique sobre no botão “add a layer style” e em seguida vá em “Blending Option” para criarmos o estilo da parte de fora de nosso iPhone.