R.I.P. PSN

Follow @lordtux Tweet

Ilustração tosca do dia, RIP PSN. Foi bom enquanto durou:

Submarino.com.br

Criando um relógio em vetor no Illustrator

Follow @lordtux Tweet

Bom, já que tem muito tutorial em inglês e pouco em português, resolvi me basear em um, assim como o Textura de Madeira no Photoshop.

Crie um documento no illustrator, deixei minhas medidas conforme abaixo:

Selecione a o Ellipse Tool (L), vamos desenhar um circulo, no seu layer, segure Shift enquanto desenha o circulo, assim teremos um objeto de proporções perfeitas, em seguida aplique um gradiente num tom azul para preto, como abaixo:

Agora pressione Ctrl\Cmd + C para copiar o layer e Ctrl\Cmd + B para envia-lo para trás do layer atual.

Com a Selection Tool (V), clique no primeiro circulo, vá em Object -> Transform -> Scale, eu deixei em 70% como abaixo:

Ajuste o gradiente do layer que você acabou de redimensionar, o meu ficou assim:

Ctrl\Cmd + C para no layer maior e Ctrl\Cmd + F para cola-lo a frente.

Você pode diminuir o tamanho desse novo shape usando o metodo anterior para diminuir o tamanho ou clique no objeto e aperte Shift + Alt e redimensione ele para ficar menor.

Ctrl\Cmd + F novamente para colocar outro objeto a frente de todos.

Preencha esse circulo com preto:

Com esse objeto selecionado, vá em Effect -> Texture - -> Grain, deixei os valores como abaixo:

Agora mude o blend mode para Multiply e a opacidade para 15%:

Novamente, copie o objeto maior no topo dos layers e diminua o tamanho dele, lembre-se do que fizemos antes para isso, usando o Scale ou Shift + Alt como abaixo, mude o gradiente para ficar de branco para cinza:

Em uma parte do documento, desenhe um pequeno retângulo com a Rectangle Tool (M), logo depois duplique segurando Alt e arrastando, deixando assim:

Eles servirão para mensurar as horas. Vamos duplica-los para preencher a representação de todas as horas. Primeiro, selecione os dois retângulos e agrupo com Ctrl\Cmd + G. Vá em Object -> Transform -> Transform Each. Deixe configurado como abaixo:

Deixe o ângulo em 30 graus, pois temos 360 graus dividido por 12 que é igual a 30, que é o angulo que cada mostrador deve ter. Depois disso clique no botão Copy e em seguida Ctrl\Cmd  + D para ir duplicando e veja mais indicadores sendo adicionados.

Quando terminar agrupe (Ctrl\Cmd + G) e posicione os indicadores na face do seu circulo, o seu relógio.

Lembra que antes estávamos duplicando o circulo maior e diminuindo seu tamanho para compor a face do nosso relógio? Faça isso novamente e diminua seu tamanho, lembrando que para manter as devidas proporções, selecione o objeto e segure Shift + Alt e diminua, depois aplique um gradiente vairando em cinza como abaixo:

Agora vamos desenhar os ponteiros. Pegue a ferramenta Rounded Rectangle Tool e faça três retângulos de tamanho variado e espessura e os diferencia por uma cor do seu gosto como eu fiz abaixo:

Agora posicione eles no meio do relógio acima do nosso círculo central, para que os ponteiros fiquem abaixo do círculo central, você pode selecionar o ponteiro e apertar Ctrl\Cmd + [ que ele desce uma camada, rotacione para que fique tudo ajustado, como eu fiz abaixo:

Vamos criar um sombreamento para os ponteiros. Selecione os três novamente, segure Alt e arraste levemente para baixo, mude a cor deles para preto, blend mode para Multiply e transparência para 20%, veja como ficou o meu:

Vamos escrever o  nome da marca do relógio.

Use a ferramenta Type Tool (T), digite um nome e posicione na parte de cima, para que fique abaixo do ponteiro, lembre do atalho Ctrl\Cmd + [ para descer um nível na pilha de camadas:

Copie e cole a face do relógio novamente no topo dos layers, preencha-o com preto:

Usando a Ellipse Tool (L), desenhe uma elipse acima do nosso anterior objeto como abaixo:

Selecione a elipse e o objeto anterior da face e no pathfinder clique em Minus Front, isso irá subtrair uma porção do objeto anterior:

Em seguida mude o blend mode do atual objeto para Multiply e transparência para 3%:

Vamos ao nosso background.

Desenhe um retângulo, cobrindo o relógio, o tamanho que quiser, e o preencha com um gradiente azul em um ângulo de 45 graus como abaixo:

Duplique seu background e em seguida vá no swatches e escolha um padrão para poder preencher o background duplicado , escolha qualquer um do seu gosto, depois mude seu blend mod para Overlay e sua transparência para 20%, veja como ficou o meu:

Depois da alteração ficou assim, você pode variar a vontade a transparência para destacar melhor o fundo:

Desenhe um círculo em volta do relógio, um grande, preencha o de preto e mude seu blend mode para Multiply e sua transparência para 30%, e o mova para trás dos outros objetos, deixando ele bem posicionado simulando uma sombra:

Vamos tornar nossa sombre realista, vá em Effect -> Blur -> Gaussian Blur e deixe o radius em 30px:

E pronto, nosso relógio está concluido:

Enjoy :)

Fonte: SpoonGraphics

Submarino.com.br

Textura de Madeira no Photoshop

Follow @lordtux Tweet

Tem pouco tutos em português de como criar, já que muitos se limitam a apenas colocar um link para um site em inglês, fiz esse com base em outro em inglês.

Passo 1

Crie um documento com as seguintes dimensões:

Passo 2

Shift + F5 para preencher o background com preto, se bem que a configuração anterior já faz isso.

Aperte G para selecionar o Ferramenta de Gradiente.

Depois nas propriedades selecione Black/White, escolha o tipo radial e modo Screen:

Agora clique e arrasta o ponteiro do mouse soltando em seguida, criando assim diversos gradientes, faça diversas vezes, deixando parecido com isso:

Passo 3

Agora vamos aplicar nuvens no nosso layer, antes confira se as cores de Background e Foreground estão preto e branco como abaixo:

Acesse Filters -> Render -> Clouds:

O meu ficou assim:

Agora cesse Edit -> Fade Clouds

Configure a Opacidade em 50% e deixe o modo em Soft Light, isso vai fazer com que as nuvens não cubram completamento o que nós fizemos anteriormente.

O meu ficou assim:

Passo 4

Vamos repetir o passo anterior usando dessa vez Fibras:

Na janela que aparecer configure como abaixo:

Vamos configurar o Fade novamente, vá em Edit -> Fade Fibers, deixe como abaixo:

Passo 5

Vamos usar 18 níveis no Posterize, assim nossa textura de madeira começa a tomar forma, acesse Image -> Adjustments -> Posterize:

Configure para 18:

Duplique seu layer para ter uma copia de backup.

Passo 6

Vamos aplicar o filtro High Pass:

Perceba como as esferas feitas antes com a ferramenta Gradiente definem a aparência da textura, pode experimentar modificar o valor do Radios para ver como fica:

Passo 7

Selecione os dois layers, para selecionar mantenha Ctrl ou Cmd pressionado e clique em cada um dos layers.

Vá em Edit -> Transform - -> Scale, vamos esticar nosso layers.

Deixe a altura em 250% como abaixo:

Passo 8

Vamos criar um novo layer com uma cor de preenchimento, clique em Layer -> New Fill Layer -> Solid Color:

Quando for para finalizar a criação desse layer, escolha na pelata de cores, a cor marrom, isso definirá o tom da textura de madeira, o layer deve ficar posicionado abaixo de todos. Vá na paleta de cores, e clique no layer que você tinha aplicado o High Pass e mude seu blend mod para Vivid Light como abaixo:

Veja como ficou:

Passo 9

Na paleta channel duplique o layer Red, clique com o botão direito em cima dela e vá em Duplicate:

Vamos inverter o novo canal alpha, selecione tudo com Cmd/Ctrol + A e depois vamos inverter com Cmd/Ctrl + I. Agora esconda ou delete o layer de backup criado anteriormente. Não delete o canal vermelho. Vá em Selection -> Load Selection e escolha nosso canal vermelho alpha:

Agora vá em Layer -> New Adjustment Layer -> Curves, na janela abaixo altere levemente a linha de input para assim escurecer bem de leve a imagem:

Mexendo nos ajustes das curvas em cada uma das cores mudamos a tonalidade da textura, abaixo mudei a curva do vermelho:

Ficando logo depois assim:

Passo 10

Duplique o nosso layer com a textura, abaixo o layer duplicado é o madeira 2 motion:

Vá em Filter -> Blur -> Motion Blur, deixe como abaixo:

Passo 11

Com o layer motion selecionado, vá na paleta channel e no conto inferior esquerdo clique no botão para criar um novo canal. Repita os mesmos passos anteriores que você usou para aplicar o filtro Fiber que usamos antes. Depois vá em Edit -> Transform -> Scale e na altura mude para 250% e aplique. Depois disso vá em Select -> Load Selection e selecione o canal alpha criado.

Depois vá em Layer ->New Adjustment Layer -> Curves, e alter a linha abaixo bem levemente, notará como a textura muda:

Esse novo layer deve estar posicionado acima do layer madeira 2 motion, veja como ficou depois de uma leve alteração:

Passo 12

Vá em Layer -> New Fill Layer -> Gradient, e deixe como abaixo, perceba como a textura muda e fica mais bonita, esse novo layer deve ficar acima de todos:

Mude o Fill para 30% e mude o blender mode para Color Blurn como abaixo:

Passo 13

Vamos saturar um pouco nossa textura, isso se você quiser claro, vá em Layer -> New Adjustment Layer -> Hue/Saturation, veja os valores que deixei:

Passo 14

Selecione todos os layers e vá em Layer -> New-> Group from Layers, chame o grupo de madeira ou outro nome qualquer.

Pronto, você criou uma textura de madeira, perceba que existem diversos parâmetros que se alterados mudam a consistência da textura.

Fonte: PSDTuts+

Submarino.com.br