t ecnicas.de.photoshop

2

ÍNDICE APOSTILA PHOTOSHOP 50 DICAS PARA PHOTOSHOP...................................................................................................................................................................................03 TÉCNICA DE TÚNEL.................................................................................................................................................................................................. 05 FOTO TREMIDA ..........................................................................................................................................................................................................07 MÁSCARA DE CABELOS ENCARACOLADOS........................................................................................................................................................ 08 FIBRA DE CARBONO .................................................................................................................................................................................................13 ENVELHECENDO UMA IMAGEM ..............................................................................................................................................................................14 DARKART....................................................................................................................................................................................................................16 GOTAS EM LATA DE REFRIGERANTE ....................................................................................................................................................................18 CHOCOLATE COM PHOTOSHOP .............................................................................................................................................................................22 PERGAMINHO ENVELHECIDO E QUEIMADO .........................................................................................................................................................24 FOGO PLASTIFICADO ...............................................................................................................................................................................................26 CORAÇÃO DE VIDRO ................................................................................................................................................................................................30 UNSHARP MASK ........................................................................................................................................................................................................32 TRAÇOS DIFERENCIADOS .......................................................................................................................................................................................33 JUMPING OUT ............................................................................................................................................................................................................37 ARTE ABSTRATA .......................................................................................................................................................................................................43 POST IT .......................................................................................................................................................................................................................45 CLAREANDO DENTES ...............................................................................................................................................................................................49 BORDAS ARREDONDADAS ......................................................................................................................................................................................51 JOGANDO ÁGUA NO PHOTOSHOP .........................................................................................................................................................................53 PINTURA DIGITAL ......................................................................................................................................................................................................56 TRUQUES PARA TRATAMENTO ..............................................................................................................................................................................60 BELEZA SINTÉTICA ...................................................................................................................................................................................................65 TRABALHANDO COM CD ..........................................................................................................................................................................................68 BACK FIRE ..................................................................................................................................................................................................................72 ESFERA AMBIENTE ...................................................................................................................................................................................................76 NEON ...........................................................................................................................................................................................................................81 GLOBO ILUMINADO ...................................................................................................................................................................................................83 MODELAGEM .............................................................................................................................................................................................................87 EFEITO COCA-COLA .................................................................................................................................................................................................93 LUZ NEON I .................................................................................................................................................................................................................94 LUZ NEON II ................................................................................................................................................................................................................96 TEXTURA REALISTA ...............................................................................................................................................................................................101 CRIANDO ESTILOS ..................................................................................................................................................................................................106 ARTE .........................................................................................................................................................................................................................110 TUNNING ...................................................................................................................................................................................................................113 MUNDO HITECH .......................................................................................................................................................................................................114 MULHER VETORIZADA ...........................................................................................................................................................................................117 TRABALHANDO COM FOTOS ................................................................................................................................................................................119 BURACO NEGRO .....................................................................................................................................................................................................122 VIRANDO PÁGINA ....................................................................................................................................................................................................128 REFLEXO ..................................................................................................................................................................................................................131 CABELOS REBELDES - 02 ......................................................................................................................................................................................134 FUNDO ABSTRATO – 02 .........................................................................................................................................................................................139 FUNDO ABSTRATO................................................................................................................................................................................................. 141 CRIANDO UM ALIENÍGENA ....................................................................................................................................................................................143 DESENHOS ...............................................................................................................................................................................................................147 HALL TONE EM TEXTO ...........................................................................................................................................................................................153 TEXTO GRUNGE ......................................................................................................................................................................................................156 BANNERS ADOBE IMAGE READY .........................................................................................................................................................................157 BANNER 02 ...............................................................................................................................................................................................................161 BANNER ....................................................................................................................................................................................................................163 PIXEL ART 3D ...........................................................................................................................................................................................................167 EFEITO DE LUZ ........................................................................................................................................................................................................170 INTEGRAÇÃO E MOVIMENTAÇÃO COM IMAGEM READY ATUALIZAÇÃO – Aplicando Movimento ..............................................................174 EFEITOS DIA DOS NAMORADOS ...........................................................................................................................................................................179 CABELOS REBELDES .............................................................................................................................................................................................182 CRIANDO CURVAS ..................................................................................................................................................................................................186 PIXEL ART ................................................................................................................................................................................................................189 BRINCANDO COM FOGO ........................................................................................................................................................................................191 RECUPERANDO FERRAMENTA PINCEL (HEALING BRUSH TOOL) ..................................................................................................................196 COLORAÇÃO DE FOTOS ........................................................................................................................................................................................199 EFEITO "BOTÃO EM METAL" .................................................................................................................................................................................201 SCAN LINE ................................................................................................................................................................................................................203 PEN TOOL .................................................................................................................................................................................................................205 PINCEL ou BRUSH ..................................................................................................................................................................................................209 PINCEL BRUSH PARTE 02 .....................................................................................................................................................................................211 EFEITO DE FUNDO ................................................................................................................................................................................................. 213 EFEITO MEIO TOM DE CINZA "HALF TONE " .................................................................................................................................................... 216 EFEITO MATRIX ......................................................................................................................................................................................................219 SPLASH TEXTURE ..................................................................................................................................................................................................220 TEXTURA AÇO ........................................................................................................................................................................................................223 TEXTURAS ...............................................................................................................................................................................................................225 ALIEN STYLE ...........................................................................................................................................................................................................229 BLUE STEEL ............................................................................................................................................................................................................230 TEXTOS CROMADOS .............................................................................................................................................................................................231 BOTÕES DE PLASTICO OU GEL ...........................................................................................................................................................................234 FATIAMENTO DE IMAGENS ...................................................................................................................................................................................238 FERRAMENTA LIQUIFY ..........................................................................................................................................................................................239 BORDA ARREDONDADA .......................................................................................................................................................................................240 TEXTO EXPLODINDO NO PHOTOSHOP ..............................................................................................................................................................242 PLANETA ÁGUA ......................................................................................................................................................................................................245

3

50 DICAS PARA PHOTOSHOP Uma das coisas que tornam o Photoshop uma incrível ferramenta é a fácil interface e os ótimos atalhos e comandos. Colocaremos aqui para vocês a maioria dos comandos. Não só dicas de atalhos, como de várias áreas. Dicas de Interface: 1. Você provavelmente sabe que apertando Tab, as palhetas (palletes) e a barra de ferramentas (toolbar) ficam escondidas. Mas você também pode apertar Shift+Tab pra esconder somente as paletas, deixando a barra de ferramentas visível ainda. 2. Mova suas palhetas para o canto mais próximo da tela, ou da borda, clicando na barra de título (a parte azul) com o Shift. 3. Dando clique duplo na barra de título das palhetas e da barra de ferramentas elas irão minimizar. 4. Dando um clique duplo nos ícones da barra de ferramentas irá abrir a barra de opções para o respectivo ícone na parte de cima. Ou você pode ir em Window " Options. 5. Use o campo de zoom (na parte inferior esquerda da tela) pra colocar rapidamente um valor certo de zoom. 6. Na barra de status, clique na parte onde tem escrito "Doc. tamanho da imagem" (abaixo da tela, onde tem o campo de zoom) segurando o Alt para mostrar detalhes sobre a imagem aberta. Como resolução, tamanho, canais, etc. 7. Sabe quando você abre uma imagem e aumenta ela arrastando as bordas da janela, e aparece o fundo da tela na cor cinza? Você pode trocar essa cor se desejar. Pegue o balde de tintas (Paint Bucket Tool - G) e clique na parte cinza segurando o Shift e ele ficará com a cor que estiver de foreground. Dica: Pra voltar para a cor normal, use essas configurações de cor: R192, G192, B192, e clique com o Shift no fundo de novo. 8. Segurando o Alt, você transforma qualqer botão de Cancel em um botão de Reset. Isso serve pra voltar as configurações normais da imagem sem ter que ficar voltando ou cancelando para voltar. 9. Aperte o Caps Lock pra transformar o cursor de alguma ferramenta em um cursor mais preciso. Só não irá funcionar se nas Preferências já tiver com os cursores precisos marcados. File " Preferences " Display & Cursors. (Muito pro balde de tintas) 10. Clicando em F você muda a tela entre os tipos de Screen Modes (modos de tela), ou clicando em cada um deles na parte de baixo da barra de ferramentas. 11.Clicando duas vezes no fundo do Photoshop irá automaticamente aparecer a tela para abrir arquivo. Ctrl+O ou File " Open. 12. Clicando na palheta Colors (F6), segurando Shift, você muda entre os tipos de cores disponíveis nos modos RGB, CMKY, Grayscale, Web Safe Colors. Ou clique com o botão direito e escolha. 13. Clique com o botão direito na barra de título de uma imagem pra acessar rapidamente as opções Image Size, Canvas Size e Duplicate. 14. Deixando o cursor do mouse parado sobre uma barra de título de uma imagem irá mostrar o caminho onde a imagem está no seu HD, o zoom e a Layer (camada) que está sendo trabalhada no momento. 15. Na palheta Swatches (Window " Swatches) você pode adicionar qualqer cor que desejar (a que estiver como foreground) clicando em alguma parte vazia, cinza, da palheta, e escolher o nome da sua cor. Remova qualqer uma segurando Ctrl e clicando. E troque uma por outra segurando Shift e clicando nela. 16. Use o código das cores Hexadecimais (#) para pegar uma cor exata e usá-la em outras imagens ou até outros programas que suportem cores hexadecimais. 17. Para aumentar ou diminuir a janela de Curvas (Ctrl+M), clique no botão abaixo e a esquerda de minimizar ou maximizar. No modo maximizado, o Grid onde você mexe nas curvas, fica com 256 pixels de largura, quando no normal ele tem 171 pixels, ou seja, no maximizado você tem mais precisão. E clique no Grid segurando o Alt para aumentar ou

4

diminuir os quadradinhos e ter uma precisão maior ainda. E segurando o Alt, você também troca o botão Cancel por Reset. 18. Clicando no botão de triângulo da palheta de Actions ou nas Layers agrupadas você abre todas as pastas dentro dela. 19. Para trocar de documentos abertos aperte Ctrl+Tab ou Ctrl+F6. 20. Use o Revert (F12) ou File " Revert, para voltar o documento à última vez q ele foi salvo. Dicas de ferramenta: 1. Usando Shift você pode traçar uma linha reta, ou fazer um quadrado com dimensões iguais, ou um círculo perfeito. 2. Segurando o Ctrl a qualquer hora você pode usar a ferramenta Move (V) sem trocar a ferramenta que está usando no momento. E quando estiver usando-a, segure o Ctrl+Alt juntos pra copiar e arrastar a camada q está usando. 3.Segurando a barra de espaço a qualquer momento você pode usar a ferramenta Hand (H) para mover a figura sem trocar a ferramenta q está usando. 4. Acesse a ferramenta de zoom a qualquer momento apertando Ctrl+Espaço pra aumentar e Alt+Espaço para diminuir. Clicando com o botão do mouse depois. 5. Apertando Ctrl+Mais (+) você aumenta o zoom direto, e Ctrl+Menos (-) você diminui o zoom direto também. E Ctrl+Alt+Mais a figura fica do tamanho original, e Ctrl+Alt+Menos ela fica de um tamaho que caiba na tela. (Muito útil!) 6. Segurando o Alt na hora de escolher uma cor com o conta gotas, ela ficará como background, cor de fundo. 7. Use o Color Sample Tool (Shift+I) para monitorar diferenças nas cores da imagens. Segure o Shift e clique em alguma cor, que ele criará um ponto, e com o Shift de novo clique em outro lugar da imagem que aparecerá outro ponto e na palheta de informações (Info) aparecerá as configurações da cor. E para remover algum ponto clique com o Alt. 8. Clique em um dos ícones da barra de ferramentas com o Ctrl para resetar as configurações dele para a padrão. 9. Para aumentar ou diminuir o tamanho de uma brush (pincel - B) use os colchetes [ e ] . (Muito útil também!) 10. Para escolher o tamanho da caixa de diálogo de um texto, segure o Alt e clique na ferramenta de texto (T) 11. Para modificar as propriedades de mais de uma camada de texto, como fontes, cor, tamanho, etc., link uma camada com a outra que você queira mudar e enquanto troca as propriedades de uma, segure Shift para trocar de todas. Dicas de comando: 1. Para reaplicar o último filtro usado com as mesmas configurações aperte Ctrl+F (Filter " Last Filter). E Alt+Ctrl+F para escolher novas configurações do último filtro. 2. Se você recentemente copiou alguma figura, quando criar um novo documento (Ctrl+N) no OS ele automaticamente irá atribuir os valores da configuração dessa figura. Para voltar à ultima configuração simplesmente segure o Alt. Ou Alt " File " New, ou Alt+Ctrl+N. 3. Aperte Ctrl+Shift+Z e Ctrl+Alt+Z para voltar ou avançar o que você fez na palheta History. 4. Use o Alt+Backspace e Ctrl+Backspace para preencher com a cor que estiver no foreground e background respectivamente. E Shift+Backspace para abrir a opção Fill (Edit " Fill). Dica: Use Alt+Shift+Backspace e Ctrl+Shift+Backspace para preencher somente a parte onde tem pixels, preservando a transparência, com as cores de foreground e background respectivamente. 5. Para usar a Free Transform (Ctrl+T) e duplicar a camada ao mesmo tempo, basta apertar Ctrl+Alt+T ou Alt " Edit " Free Transform. Mas tem que estar com algo selecionado. Dica: Para reaplicar a última transformação aperte Ctrl+Shift+T (Edit " Transform " Again). E reaplique a última transformação numa duplicata apertando Ctrl+Alt+Shift+T. (Cuidado pra não enrolar os dedos hein! hehe)

5

6. Para impedir que a ferramenta de corte (Crop - C) passe da borda da imagem, segure Ctrl. 7. Para mudar o ângulo de uma imagem existem várias maneiras. Vou ensinar uma que é nova para mim. Pegue a ferramenta de medida (Measure Tool - I, junto com o conta gotas), e trace uma linha de como é o angulo que você deseja que a imagem fique. Depois vá em Image " Rotate Canvas " Arbitrary. 8.Segurando o Ctrl+Alt na hora que carregar o Photoshop faz com que apareça as preferências de disco antes de entrar no programa. 9. Pra tornar as preferências TODAS para as originais, segure Ctrl+Alt+Shift na hora de carregar o Photoshop. 10.Você pode personalizar o menu de Jump To (File " Jump To) e Preview In colocando atalhos dos seus programas favoritos na pasta Helpers do Photoshop. Mas cada um em sua pasta, pasta de editores de HTML, de visulizador de imagem e de editor de imagem. Todos em: C:Arquivo de ProgramasAdobePhotoshop 7.0Helpers* 11. Na ferramenta Liquify (Ctrl+Shift+X) segure o Shift e clique no botão OK para temporariamente salvar o que você fez, num arquivo C:TempLiquify.tmp. Mas já tem que ter uma pasta chamada Temp em C: para funcionar. 12. Para salvar a ação (Action) que você fez para um arquivo de texto pra você ler depois o que fez, segure Ctrl+Alt e clique em Save Actions. Dicas de seleção: 1. Como já foi sito, segure Shit enqto usar qualquer ferramenta de seleção para criar círculos, quadrados, ou retas perfeitas. 2. Para reselecioanr sua última seleção, presione Ctrl+Shift+D (Select " Reselect). 3. Você pode usar a ferramenta Polygonal Lasso enquanto estiver usando a ferramenta de Lasso segurando Alt, e soltando o botão do mouse, e vice-versa também. 4. Segurando e clicando com o Alt no botão de Quick Mask Mode (abaixo da barra de ferramentas) você troca os modos de mascara ou de seleção. Dicas de camada: 1.Troque a Opacity da camada somente apertando os botões numéricos do teclado. 1= 10% 5= 50%, e assim por diante. Use o 0 para 100% e se apertar 85% ficará como 85%. 2.Aumente ou abaixe a quantidade de Opacity e Fill na barra q desliza, em 1% pelas setas do teclado, ou em 10% segurando o Shift enqto aperta as setas. 3. Segurando o Alt e clicando na camada que você quer, irá esconder/aparecer todas as outras camadas. 4. "Deslink" a camada que você quer segurando o Alt e clicando no ícone de pincel da camda. 5. Para tirar todos os efeitos de uma camada segure Alt e clique duas vezes no ícone de efeitos (F) ou vá em Layer "Effects " Clear Effects. TÉCNICA DE TÚNEL Olá amigos. Hoje estudaremos um efeito abstrato bastante utilizado em design gráfico e para internet, utilizando o Photoshop CS2. Alguns conhecem este efeito como "Túnel". Aproveitando, gostaria de desejar um feliz ano novo com muita paz, saúde, felicidade e sorte para que consigamos alcançar todos os nossos objetivos. Vamos ao artigo: Crie um novo arquivo conforme a imagem abaixo. Vamos usá-la para criar um novo Padrão (Pattern).

6

Em uma nova camada(layer), vamos preencher a metade do nosso arquivo com a cor preta. A outra metade poderá ficar sem preenchimento. No menu principal, selecione: Edit > Define Pattern. Nomeie o arquivo como quiser. No meu caso, utilizei "tunel"(sem acento mesmo).

Com o nosso Padrão criado, vamos criar um novo arquivo conforme a imagem abaixo:

No menu principal, selecione: Edit > Fill (Shift + F5 ). Em Contents, na caixa de seleção, escolha a opção: Pattern (Padrão). Em Custom Pattern, selecione o nosso Padrão que acabamos de criar.

Nossa imagem deverá ficar assim:

7

No menu prinipal, selecione: Filter (Filtro) > Distort (Distorcer) > Polar Coordinates (Coordenadas Polares). Marque a opção: Retangular to Polar

Imagens criadas que utilizaram a mesma técnica:

FOTO TREMIDA 1. Duplique a layer de sua foto/imagem 2. Aplique o Filtro: Filter > Other > High Pass 3. Escolha um número Radius que as linhas da imagem ficam com mais destaque. 4. Mude o modo da Layer para Soft Light. __ Outra dica para melhorar a nitidez e algumas fotos pouco desfocadas é usar o filtro Unsharp Mask. Filter > Sharpen > Unsharp Mask A configuração é de acordo com cada foto e com o gosto de cada um, geralmente em fotos de pessoas o ideal é: Amount 50% Radius 2px Threshold 0 A long times tinha respondido uma questão num forum sobre passar cabelos pretos para loiro... recebi um email de uma pessoa perguntando a mesma coisa daí fucei e encontrei o "artigo" mal escrito pobre coitado mas ta aí LEMBRANDO!!! LEMBRANDO!!! QUE o que está em discursão é apenas o preto loiro, não pensei no contraste da pele, detalhes etc... tava sem tempo hehehe.. 4/14/2005 como passar um cabelo preto para loiro? -----------------------------------------

Em seguida, altere o valor da opacidade para 5%. Aí está a nossa imagem final:

8

Cara, isso era uma coisa que realmente me intrigava... mas nunca tinha tentado... realmente não é algo muito fácil. Fiz algo aqui rapidinho pra te dar uma noção. Primeiramente vc tem que separar o cabelo para trabalharmos apenas com ele.. use seu método favorito ou o que mais preciso para isso, no caso usei os CHANNELS, meu favorito, após colocar o seu cabelo em outra camada duplique ela novamente, ou seja vc vai ter a imagem do fundo original e duas camadas de cabelo, esconda a primeira, usando COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar a imagem com um amarelo da figura 3 do link... etc.. Bom agora a esconda, e deixa a primeira visível, inverta as cores aí CRTL+I, usando COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar ela como a figura 4. Bom, então ficou assim a camada um com cabelo meio grisalho e a dois com um amarelo forte, bom ative as duas, agora o pulo do gato, coloque a camada grisalha em modo SCREEN e abaixe a opacidade da camada amarela para 70. Pronto, agora corrija alguns detalhes e manda ver. Ps: não ficou perfeito, ta meio artificial ainda, mas um pouco mais de trabalho ficaria bem legal. Estes valores não se aplicam a todas as imagens, existiram variações lógicas devido a luminosidade e intensidade do preto de outros cabelos. Mas é um bom começo. MÁSCARA DE CABELOS ENCARACOLADOS Vamos fazer um estudo sobre como recortar cabelos enrolados, o que penso ser uma das questões mais procuradas da seção de PhotoShop, e, imagino, uma das mais complicadas também. A nossa imagem base é razoávelmente simples de ser recortada pelo método de Canal Alpha, uma vez que apresenta um contraste relativamente bom entre o cabelo e o fundo. Eis nossa imagem:

A primeira coisa a fazer é analisar cada canal para verificarmos em qual deles teremos um melhor contraste para usarmos como canal de seleção (alpha channel). Com isso, verificaremos que um canal ou outro pode ser muito mais fácil para se trabalhar.

9

Canal RED:

Canal GREEN:

Canal BLUE:

Escolhido o canal, simplesmente 'arrastamos' aquele canal para a folhinha em branco, na parte inferior da paleta 'Channels', o que cria um novo canal... com o nome 'GREEN COPY', ele será nosso canal de seleção.

Este canal está bom para trabalhar, e poderia ter sido o escolhido.

O melhor canal na minha opinião, o contraste entre o cabelo e o fundo está levemente melhor que o canal RED, por isso foi a minha escolha.

O contraste entre o cabelo e o fundo está mais difícil de ser trabalhado, por isso não vamos trabalhar com este canal.

10

Para termos um canal de seleção devemos aumentar significativamente o contraste entre o que queremos manter visível e o que queremos deletar. Para isso usaremos a ferramenta 'CURVES' no canal 'GREEN COPY'. Note que nossa imagem está em RGB, por isso a parte direita da curva se refere aos tons brancos e a parte esquerda aos tons escuros. Faremos uma curvatura que acentue o contraste, assim como mostra a figura abaixo:

E nosso canal vai ficar com o seguinte aspecto:

Mesmo com o 'CURVES' alguns detalhes precisam ser analisados no nosso canal de seleção. Veja na figura abaixo quais são os detalhes de que falo:

DETALHE DESTACADOS EM VERMELHO Veja que algumas 'sujeiras' permaneceram na área que deve ser limpa, estas áreas devem ser deletadas, usando-se a ferramenta 'erase' para que o fundo todo esteja em branco.

11

DETALHES DESTACADOS EM VERDE As áreas destacadas em verde devem ser preenchidas com preto, de forma que ela faça parte da área que vai ser mantida visível na seleção, desta forma, devemos pintar estes locais. DETALHES DESTACADOS EM ROXO Apesar de parecerem áreas que deveriam ser mantidas, podemos analisar na foto que estas áreas são locais onde se vê o fundo, e existem devido ao movimento do cabelo... por isso, estas áreas devem ser mantidas como estão, ou seja, não estarão visíveis. Depois de editarmos o canal de acordo com as nossas necessidades chegaremos a este resultado:

Veja nosso canal alpha:

Note que criamos uma LAYER MASK em branco, para apicarmos nela nosso canal de seleção (GREEN COPY). Para isso, utilizaremos o recurso 'APPLY IMAGE', que nos possibilita mesclar camadas, inclusive camadas de seleção e de máscaras.

Agora vamos transformar nossa imagem BACKGROUND em layer, creio que todos saibam fazer isso (clicando duas vezes rapidamente sobre a layer background ela se transforma em layer). Assim que tivermos nossa imagem em layer poderemos criar uma LAYER MASK para identificarmos as áreas visíveis e invisíveis. Para tanto, basta clicar sobre o ícone de máscaras, no rodapé da paleta LAYERS.

12

Perceba na imagem acima, que aplicamos o canal GREEN COPY invertido como multiply na nossa layer mask, o que faz com que a camada de máscara 'receba' (por assim dizer) o desenho do canal que preparamos anteriormente. Na tabela de canais, do lado direito da imagem, veja que o canal de máscara ficou 'invertido' em relação ao canal 'GREEN COPY'. Apliquei um fundo amarelo para verificarmos o resultado do nosso recorte, e veja que o cabelo está mantido na nossa separação de imagens.

Espero que todos tenham gostado deste tutorial... já fazia tempo que pensava em escrevê-lo.

Note no detalhe que inclusive os fios mais finos foram mantidos...caso desejássemos eliminar alguns detalhes, bastaria editar a camada de máscara.

13

FIBRA DE CARBONO Olá amigos. Venho pra compartilhar com vocês um pouco do que venho aprendendo ao longo de 8 anos como designer. Criaremos uma textura simples, de forma bem rápida, mas com um resultado visual muito agradável. Poderemos aplicar em vários tipos de trabalho. Sigam-me os bons! Descrição: Criação de uma textura “Fibra de Carbono” Software Utilizado: Photoshop CS2 em inglês Grau de Dificuldade: 6,0 Ao som de: Shakira ft. Wyclef Jean - Hips Don't Lie 01. Primeiramente iremos criar o padrão da textura. Abra um novo documento, de 4x4 pixels, com fundo branco. Note que é bem pequeno mesmo, porém, com a ferramenta “Zoom” ou pelo atalho, “Ctrl+” você poderá ver o que está fazendo.

02. Selecione a ferramenta “Pencil Tool” e preencha o campo de valor com 1px de diâmetro. Reproduza toda a área como a figura abaixo: 03. Agora vamos gravá-la como padrão, para podermos utilizá-la posteriormente em vários trabalhos. Vá em Edit » Define » Pattern, adicione o nome “Fibra de Carbono” ou o que você preferir e clique OK.

Pronto, sua textura de Fibra de Carbono está criada! E agora Arthur, como utilizo essa maravilha? Bom, é fácil. Crie um documento novo, “Ctr+N” de 400x400 pixels, branco. Agora vá em Edit » Fill, e na combo “Use” selecione “Pattern”

14

Feito isso, aparecerá as opções existentes de padrões ou “patterns”, onde você selecionará a que você acabou de criar, Fibra de Carbono.

ENVELHECENDO UMA IMAGEM Muito bem pessoal! Neste artigo vamos conhecer uma técnica interessante de envelhecer qualquer imagem. Vamos lá!

Pronto! Em cima disso, use sua criatividade para fazer vários trabalhos e efeitos diferentes. Veja um Zoom de 300% da textura.

Um modelo do que pode ser feito com essa textura e um pouco de criatividade:

15

Duplique o Background:

Vamos até o menu Filter > Texture > Grain e insira os valores de 30 para Intensity, 5 para Contrast e selecione a opção Vertical para Grain Type.

Vamos até o menu Image - Adjustments – Desaturate ou pressione (CRTL+SHIT+U), para deixar a imagem em tons de cinza.

Com a ferramenta Elliptical Marquee Tool, faça uma seleção elíptica como na imagem abaixo;

16

Em seguida, pressione (CTRL + ALT + D), para Feather, e aplique 20;

Obs: Este valor pode variar, dependendo da resolução da imagem. Abra um arquivo novo, em branco e, com a ferramenta Move Tool, arraste a imagem selecionada para lá. Logo depois ajuste o tamanho da imagem;

Era isso então pessoal! Rápido e simples, espero que tenham gostado. Forte abraço a todos! DARKART Olá pessoal. Este é meu primeiro artigo publicado pelo iMasters e espero agradar o maior número de pessoas possível. O que iremos fazer aqui é algo bem simples, mas que exige um certo domínio sobre determinadas ferramentas do Photoshop.

Passo 01: Escolher a "vítima". Utilizei neste artigo uma foto minha mesmo;

Passo 02: Com a ferramenta Brush Tool, pintar o fundo da imagem de preto. Com a ferramenta Clone Stamp Tool, remover alguma parte do rosto (Neste caso, removi a boca, também poderia ter sido um olho ou nariz).

17

1

2 3

4 5 6

Passo 03: Podemos utilizar vários tipos de texturas, como essas abaixo, para dar um toque mais, digamos, macabro; Obs.: Coloquei cada textura com um número abaixo, para facilitar os passos seguintes. Clique aqui para fazer o download das texturas.

Passo 04: Colocar a textura n°6 e aplicar um “saturation” no painel Layers, para escurecer um pouco na imagem;

Passo 05: Colocar a textura n°5, e aplicar um “color” no painel Layers, para dar uma aparência de envelhecimento.

Passo 06: Inserir a textura n° 4, aplicar um “multiply” no painel Layers, e, com essa layer selecionada, clicar em “Add Layer Mask”. Com a ferramenta Brush Tool selecionada, e foreground preto, ir passando a mesma onde deseja remover a imagem, deixando textura apenas no rosto;

Passo 07: Colocar a textura n° 1 e aplicar um “Hard Light”, para que as cores dessa imagem se ajustem com as cores da pele, e ao mesmo tempo se escureça um pouco. Clicar em “Add Layer Mask”, e fazer a mesma coisa que no passo anterior.

18

Prontinho. Uma destruição facial completa. Apesar da minha mãe não ter curtido muito, espero que vocês tenham gostado. Em breve mais novidades...

GOTAS EM LATA DE REFRIGERANTE Descrição: Criando gotas em lata de refrigerante. Software ultilizado: AdobePhotoshop em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 8,0 Ao som de: Racionais mcs - Vida Loca Cores e calibração Certamente você já se viu frente a um velho problema: a imagem de seu monitor não tem nada a ver com a impressa e, além disso, não há como prever quais as cores que sairão na gráfica. Estes são problemas vivenciados diariamente pela maioria dos profissionais do mercado gráfico que acostumaram-se com esse tipo de limitação. Durante muitos anos, todas as soluções disponíveis para um correto gerenciamento de cor eram baseadas em sistemas proprietários, ou seja, equipamento e software que funcionam em conjunto, mas que oferecem bons resultados somente para equipamentos do mesmo fabricante. Em 1993, um conjunto de empresas uniu-se para criar um grupo responsável pelo desenvolvimento e padronização de gerenciamento de cor. Foi então criado ICC (International Color Consortium), que tinha como objetivo principal criar um sistema de

Passo 08: Colocar a textura n° 3 e aplicar um “Overlay”, clicar em “Add Layer Mask”, e fazer a mesma coisa que no passo anterior.

Passo 09: Colocar a textura n° 2 e aplicar um “Overlay”, clicar em “Add Layer Mask”, e fazer a mesma coisa que no passo anterior.

19

gerenciamento de cores que fosse independente de qualquer marca ou fabricante. Ao mesmo tempo a Apple iniciou o desenvolvimento do ColorSync, que nada mais é do que uma parte do sistema operacional do Mac que permite aos programas seguirem a padronização de cor indicada pelo ICC. Toda conversão de cor feita no Photoshop, internamente, é convertido em Lab Color para depois ser convertido em modelo escolhido.

Embora o modelo de cores RGB utilizado por monitores de computador seja capaz de exibir grande parte do espectro visível, o sistema de vídeo que envia dados a um determinado monitor muitas vezes limita a maneira como várias cores podem ser exibidas de uma só vez. Ao compreender como dados de cor são medidos em arquivos digitais, é possível ajustar melhor as configurações de exibição de cores para compensar as limitações de seu sistema de vídeo - Trecho abordado pelo Prof. Pedro, da WOC. Mas como isso realmente iniciou? Em 1807, Young formulou a teoria de que existiam receptores na retina do olho humano, conectadas ao cortex visual do cérebro por uma série de redes neurais. Estes receptores denominados "cones" são sensíveis a radiações de comprimento de onda definido: vermelho (600 - 780 nm), verde (500 - 600 nm), a azul ( 380 - 500 nm). Bom amigos, acho que sobre cores por hoje ja está bom. Maiores informações em minha matéria sobre "Calibragem de monitor".

1º Passo: Abra sua imagem de sua lata de refrigerante.

20

Faça isso em todos e observer que existem detalhes que serão importantes para termos sucesso no final.

2º Passo: Clique sobre a ferramenta "Rectangle Tool" e mantenha seu botão pressionado, até a opção indicada "Ferramenta Elipse" (Ellipse Tool) .

3º Passo: Agora criepequenas elipses em nossa imagem (será futuramente a forma das gotas).

4º Passo: Nesse momento, clique em "Ferramenta Seleção de Componentes de Demarcador"(Path Selection Tool) e escolha "Seleção Direta" (Direct Selection Tool). Clique sobre cada elipse e retoque torcendo a forma para dar a impressão de uma gota.

5º Passo: Quando terminado em todas as elipses, adicione o "link" (corrente) nas camadas das formas, com excessão da "background", para juntarmos todas as gotas.

21

6º Passo: Clique sobre a primeira camada e pressione "CTRL+E", assim estaremos juntando nossas camadas. Perceba na imagem abaixo que todas nossas gostas agora estão em uma única camada.

7º Passo: Agora vá em "Camada" (Layer)... "Estilo de Camada" (Layer Style) e use as alterações a seguir.

8º Passo: Agora salve para usar seu estilo quando bem entender.

22

CHOCOLATE COM PHOTOSHOP Olá pessoal, tudo bem? Inicialmente agradeço o carinho de vocês com meus artigos e hoje vou retribuir com um artigo delicioso. Vamos criar um efeito chocolate no Photoshop. Bem, alguns poderão dizer que o filtro Eye Candy 4000 LE faz isso sem perder muito tempo, mas não podemos ficar dependendo de filtros. Usaremos na imagem abaixo.

Tire o fundo branco da maneira que você achar mais fácil, com as ferramentas de sua preferência. Após de ter tirado o fundo, use o comando Ctrl+Shift+U para desaturar e vá em :

Pronto. Claro que nosso efeito final vai depender da construção das gotas que, como citei acima, varia do gosto de cada usuário (4º passo).

23

Sua imagem ficará assim:

Agora use o comando Ctrl+U e as seguintes configurações:

Sua imagem já está quase pronta: Iremos somente dar alguns toques mais realistas. Pressione as teclas Ctrl+J para duplicar a camada e deixe como mostra na imagem abaixo:

Pressione Ctrl+L e deixe com as seguintes configurações: Agora é só usar a sua imaginação e se surpreender com o resultado final:

24

PERGAMINHO ENVELHECIDO E QUEIMADO Para iniciarmos nosso trabalho, crie um novo arquivo, no tamanho que desejar. Escolhi 600X600, um espaço bom para se trabalhar. Deixe como background a cor branca. Crie uma nova layer (camada) com o nome de retangulo. Esta layer ficará acima do background. Utilizando a ferramenta retângulo (Rectangle Tool), crie um retângulo um poco menor que o Background. Agora, selecione e pinte com a cor #F4E7C4. Vá em Filter > Texture > Texturizer e aplique os seguintes ajustes: Veja se Texturizer está selecionado. Em Texture, escolha Canvas. Em Scaling: 101, Relief: 5. E em Light Direction: Top right.

Vá em Image > Adjustments > Curves, clique sobre a linha e o input (entrada): coloque 180, e output (saída): 32. Clique em OK. Vá em Image > Adjustments > Hue/Saturation ou (Ctrl+ U) e coloque em Hue: -13, Saturation: -10 e clique em OK. Você deve agora ter uma textura semelhante à minha. Agora, com Lasso Tool (L), faça os recortes nas bordas. Veja as imagens.

25

Com a layer retângulo ativada, vá em Layer > Layer Style > Blendig Options. Após abrir a janela blending options, clique em Drop Shadow. Deixe selecionado e clique OK.

Agora, vamos utilizar a ferramenta Burn Tool para pintar algumas partes do retângulo (pintura em torno das bordas de seu papel, incluindo os furos no centro, se você se você colocou algum furo), aumentando e diminuindo os Brush (Pincéis) para dar o efeito que o papel está queimado. Em Range, deixe em Midtones. Você deve agora ter algo similar ao meu. Caso você ache que ficou muito escuro, clique na ferramenta Dodge Tool para dar uma clareada.

26

Agora nosso papel tá ficando bonitinho. Mas vamos deixá-lo um pouco mais realista. Com a layer (camada) retangulo ativada, vá em Filter > Brush Strokes > Accented Edges, e aplique em Edge Width: 2, Edge Brightness: 23 e Smoothness:11. Você terminou seu pergaminho envelhecido. Agora adicione algum texto com fontes de aparência velha ou alguma forma velha e aí está pronto!

FOGO PLASTIFICADO Olá pessoal. Hoje vamos estudar um efeito alternativo de fogo, diferente daquele que etamos acostumados a encontrar na web, onde o fogo é aplicado a um objeto específico. 2º Passo

1º Passo Abra um novo arquivo com o tamanho 1024x768 e o background Branco. Se sua resolução for 800x600, abra o documento neste tamanho.

27

2º Passo Selecione a ferramenta Paint Bucket Toll (G) e pinte o fundo de Preto; 3º Passo Coloque um Reflexo de Flash (Menu Filter - Render - Lens Flare);

Repita o processo. Estará parecido com esse:

4º Passo Digite um texto de sua preferência e aumente o tamanho deixando no meio; Obs.: Pode usar a transformação livre. Selecione a ferramente Move Tool e aperte CTRL + T.

28

7º Passo Volte a imagem ao normal (Image - Rotate Canvas - 90º CCW); 8º Passo Junte as camadas (Layer - Flatten - Image); 9º Passo Plastifique a imagem (Filter - Artistic - Plastic Wrap - OK). 10º Passo Aplique o Color Balance (CTRL + B);

5º Passo Agora, gire a imagem Sentido-Horário (Menu Image - Rotate Canvas - 90º CW);

6º Passo • Aplique o efeito Vento na Vertical (Menu Filter - Stylize - Wind); • OK, e marque a opção From the Left. OK; • Pressione "CTRL + F" 3 vezes para Aumentar o efeito.

29

11º Passo Os Tons Shadows, Midtones e Highlights, deixe-os assim:

Dê OK. O Resultado será parecido com esse:

Após alguma modificações:

30

CORAÇÃO DE VIDRO Abra seu Photoshop com a seguinte configuração:

Na barra de ferramentas, selecione a ferramenta Custom Shape Tool (U), e escolha o shape Heart Card. Dê um clique no centro da área e, segurando as teclas Shift+Alt, arraste-o até um tamanho propocional da área, escolha a ferramenta Direct Selection Tool (A), e clique com o botão direito do mouse sobre a linha do shape. Na barra de menu que aparecerá, escolha a opção Make Selection em Rendering (Feather Radius 0 px e o Anti-aliased selecionado) em Operation (New selecition). Com isso, irá criar uma seleção do shape. Preencha essa seleção com a cor e pressione as teclas Ctrl+D para tirar a seleção. Veja como ficará:

Aperte Ctrl+Shift+N para criar uma nova camada e renomeie de fundo. Selecione essa nova camada e arraste-a para baixo da camada coração. Pressione Ctrl, e clique sobre a camada com o coração, para criar uma seleção. Vá em Select > Modify > Contract, e digite 20 no campo Contract by. Vá em Layer > New > Layer via cut e suas camadas ficaram assim:

31

Selecione a camada coração que será o contorno e vá em Add a layer style > Bevel and Emboss, e deixe a seguinte configuração:

Selecione a camada Layer 1 onde será o vidro, vá em Add a layer style > Bevel and Emboss, como anteriormente, e deixe a seguinte configuração:

Coloque a opção Blending da camada Layer 1 para Multiply e ajuste Opacity para 70% e Fill para 0%.

32

UNSHARP MASK Olá pessoal. Hoje trago um artigo para responder dúvidas comuns que recebo por e-mail, tornando uma foto original em traços. O último e-mail foi de Danielle Queiroz, solicitando como fazer uma imagem escura como as fotos que encontramos do Che Guevara. Esse efeito é muito simples e iremos usar o recurso Threshold. Trabalharei com essa imagem do CheGuevara. Pressione as teclas Crtl+Shift+U para dessaturar a imagem. Selecione o filtro Unsharp Mask para aumentar o contraste dos pixels da imagem, e deixe a seguinte configuração (lembrando que essa configuração irá variar de imagem para imagem.)

Vá agora em:

33

Use o comando Ctrl+Shift+N para criar uma nova camada e a renomeie de Fundo. Deixe-a abaixo da camada Che Guevara, selecione a camada Che Guevara, e vá em Color Range. Deixe como a configuração abaixo, dê um clique na parte branca da imagem, dê OK e aperte a tecla Delete. Depois, Ctrl+D para tirar a seleção:

Feito isso, o fundo branco irá embora, dando espaço para você preencher com outras cores. Selecione a camada fundo, e preencha com a cor de sua preferência. Veja o resultado:

TRAÇOS DIFERENCIADOS Olá pessoal. Este é meu primeiro material publicado pelo iMasters, espero agradar o maior número possível de pessoas e buscaremos criar um efeito final extremamente interessante, através de práticas simples pelo Photoshop. Para iniciarmos, crie uma imagem com as seguintes proporções:

34

Deixe o plano de fundo com a cor: #70A4BA. Clique na opção degradé e, logo após, dê dois cliques no degradé acima para criarmos um novo degradé.

Deixe do seguinte modo:

Usei a cor branca em nosso exemplo. Na parte de opacidade, deixe 0 – 30 – 0. Insira o degradé bem em cima. Deverá ficar da seguinte forma:

Tudo certo até agora? Vamos criar algumas linhas utilizando a ferramenta “Ferramentas Linhas (U)“. Criei 5 linhas, como podemos observar na imagem abaixo:

Coloque-as um pouco acima do degradé, como na imagem de exemplo. Obs.: Não se esqueça de agrupar as camadas das 5 linhas. Clique na camada onde estão as 5 linhas, vá em Filtro > Distorção > Ondas, e deixe os seguintes valores:

35

Repare que sobrará um pouco dos lados. As linhas não fecharão a página inteira. Aumente o tamanho delas para as laterais, até ficar como ilustrado abaixo:

Selecione a camada das linhas, e deixe com opacidade 40. Logo após duplique-a e vá em Editar > Transformação > Girar Verticalmente, colocando a camada duplicada um pouco mais abaixo, até ficar como abaixo:

Espero que até agora esteja tudo certo com vocês. Usando a ferramenta “Retângulo Arredondado”, crie uma figura do tamanho que preferir. Ajustaremos melhor depois. Vá em “adicionar um estilo de camada” e deixe do seguinte modo:

Deixei a sombra com a cor: #979595.

36

Cor: #B3B3B3 Posicione o “Retângulo arredondado” em algum lugar que vocês acharem mais apropriado para o menu. Eu deixei assim:

Ali utilizei a fonte “papyrus”. Utilizando a “Ferramenta retângulo”, crie um retângulo logo abaixo, vá em “Adicionar um estilo de camada” e deixe do seguinte modo:

Deixe a camada que contém este retângulo com opacidade 40. O nosso trabalho até agora deve estar mais ou menos assim:

37

Pegue a primeira camada com linhas que você criou e duplique. Coloque em nosso retângulo, lá em baixo. Deverá ficar assim:

Agora usem um pouco da criatividade de vocês para concluirem o layout. Coloquei alguns detalhes como na imagem:

Dica: Altere os valores das “Ondas” para uma melhor formação na parte superior, de acordo com o site. Bom, finalizo por aqui e espero que tenham gostado! Como vocês podem ver, é um layout agradável e simples de se fazer. JUMPING OUT Salve salve grandes amigos! Hoje iremos conhecer um efeito interessante. Trabalharemos um efeito que, em outros países, é conhecido como "Jumping Out". Ou seja, alteraremos um ponto da foto dando a impressão que este ponto ficará fora da foto. No Brasil, algumas pessoas chamam esta técnica de "Pokeout" . Descrição: Jumping Out Software ultilizado: Photoshop CS 2 em Inglês Grau de Dificuldade: 7,5 Ao som de: Incubus - I Wish You Were Here

38

1º Passo: Primeiramente vamos escolher uma boa foto e rica em detalhes. Assim podemos determinar uma boa área que será "recortada".

2º Passo: Na paleta de Camadas, clique com o botão direito sobre a camada de nossa foto e escolha a opção "Duplicate Layers".

3º Passo: Clique sobre a camada de fundo e a delete. Em seguida, clique sobre o botão "Delete Layer".

4º Passo: Pressione "CTRL + R" para visualizarmos uma "régua" (número 1). Assim poderemos utilizar as linhas guia como na imagem abaixo (número 2). Para visualizarmos a régua, clique e arraste de régua para nossa imagem, deixando a linha guia em uma posição onde futuramente iremos deixar por fora da foto.

39

5º Passo: Clique sobre o botão "indicates layers visibility" exibido como um olho sobre a camada de cima.

6º Passo: Clique sobre a camada de baixo "foto" e em seguida sobre a ferramenta "Rectangular Marquee Tool".5º Passo: Clique sobre o botão "indicates layers visibility" exibido como um olho sobre a camada de cima.

7º Passo: Com a ferramenta "Rectangular Marquee Tool" pressionada, selecione a área que criamos com a linha guia no passo 4. Em seguida delete a área selecionada.

8º Passo: Novamente clique sobre o botão "Indicates Layer visibility" sobre a camada de cima.

9º Passo: A partir de agora precisamos separar o objeto em que iremos deixar "fora" da foto. Existem diversas técnicas para conseguirmos sucesso. Irei mostrar de uma forma rápida a mais simples delas.

40

12º Passo: Clique sobre a camada de baixo e em seguida sobre o botão "Indicates Layer visibility" indicado por um "olho".

11º Passo: Pressione "CTRL + SHIFT + I" para invertermos a seleção e em seguida pressione "Delete". (Para a visualização como a baixo, a camada de baixo deverá estar oculta).

10º Passo: Clique e arraste ao redor da cadeira para conseguirmos sua seleção.

Aqui com mais alguns recortes, retirei qualquer vestígio ou sujeira da imagem, deixando somente a cadeira.

41

13º Passo: Clique sobre o botão "Add a layer style".

14º Passo: Vá até a opção "stroke" e deixe como abaixo:

15º Passo: Crie uma nova camada clicando sobre o botão "Create a new layer". Em seguida deixe-a por baixo de todas as camadas.

Após isto, a preencha com branco. Sua imagem ficará assim:

16º Passo: Em seguida, duplique a camada da cadeira, como no 2º Passo.

42

17º Passo: Clique sobre o botão "Add a layer style".

18º Passo: Vá até a opção "Drop Shadow" e deixe como abaixo:

19º Passo: Crie uma nova camada pressionando "CTRL + SHIFT + N" Sua paleta de camadas ficará como abaixo:

20º Passo: Segurando "SHIFT", clique sobre a nova camada, deixando as duas selecionadas.

21º Passo: Pressione "CTRL + E". 22º Passo: Utilizando a ferramenta "Rectangle Marquee Tool", faça uma seleção como abaixo e pressione "Delete". Pronto. Agora nossa imagem final:

43

Mais abaixo, o mesmo efeito em uma foto pessoal: eu e minha namorada Juliana. ARTE ABSTRATA Descrição: Arte abstrata Software utilizado: Phoroshop CS2 em inglês Grau de dificuldade: 6,0 Ao som de: Coldplay - Speed of Sound Passo 1: Primeiramente precisamos definir um novo "Pattern". Crie um novo documento com 60x10 e fundo transparente.

Passo 2: Com a ferramenta "Retangular Marquee Tool", desenhe um quadrado com metade da largura (30px). Pinte-o de preto e pressione Ctrl+D para retirar a seleção.

Passo 3: Vá em Edit -> Define Pattern. Depois disso, feche o documento. Passo 4: Agora crie um novo documento com o tamanho que você desejar (eu criei um com 800x600) contendo o fundo também transparente e crie uma nova layer (ctrl+shift+n) com fundo branco, colocando-a abaixo. Depois disso, selecione a layer transparente vá em Edit -> Fill e selecione o "Pattern" que você criou. Você terá algo parecido com isso:

44

Passo 5: Vá em Filter -> Distort -> Polar Coordinates com a opção Rectangular to Polar marcada.

Passo 6: Clique na layer com o botão direito e selecione Blending Options. Em Gradient Overlay use os parâmetros abaixo (ou o mais próximo possivel):

Passo 7: Duplique a camada. Com a camada nova selecionada, vá em Edit -> Free Transformation Path (ou simplesmente Ctrl+T) e rotacione a camada como se você "tampasse" os espaços em branco. Feito isso, mude o Blending Mode para Multiply. Repita o processo duas vezes, agora colocando as camadas para Lighten e Overlay, respectivamente. Passo 8: Selecione as três novas camadas criadas e dê um Ctrl+E para combiná-las (o famoso "Merge"). Lembra da camada com o fundo branco que criamos? Preencha-a com alguma cor variante da que você utilizou (Como eu usei laranja, apenas coloquei um com tom mais pastel). Passo 9: Estamos quase lá. Agora vá em Filter -> Blur -> Radial Blur. Marque a opção Zoom e use 20 como valor. Você terá algo parecido com a figura abaixo:

45

Passo 10: Agora vai depender da sua imaginação para modificar. Como sugestão, use Filter -> Distort -> Polar Coordinates. Outra sugestão poderia ser Filter -> Distort -> Spherize com valor ao qual tenha uma "sucção". Os dois efeitos estão abaixo, respectivamente:

POST IT Descrição: Criando um post it no Photoshop Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Adriana Calcanhoto - Fico Assim Sem Você Para quem não sabe, "Post-it" é aquele bloquinho de papel que veio para ajudar a quem, na maioria das vezes, esquece as coisas com facilidade. No meu caso, já me vi em meu escritório com tantos post-its no monitor que quase tapava a tela, mas enfim, eu acho muito útil. Seguem abaixo algumas imagens de post-its para visualização Nestes exemplos podemos ver diversas formas de sombra e posicionamento. 1º Passo: Primeiramente criaremos um arquivo novo de 600x300 pxls em RGB.

46

2º Passo: Clique sobre a ferramenta "Pen Tool" (P).

Note que, graças aos pontos criados, podemos alterar suas posições e direções.

3º Passo: Clique sobre a thumbnail das camadas para alterarmos a cor.

4º Passo: Na janela que se abre "Color Picker", escolha uma cor de tom amarelo. Eu usei a "#eae845". Em seguida, pressione "OK".

5º Passo: Segure a tecla "CTRL" e clique sobre a máscara de nosso thumbnail (como abaixo), para trazer nossa seleção sobre o shape

6º Passo: Pressione "Shift + Ctrl + N" para acrescentarmos uma nova camada. 7º Passo: Clique sobre a ferramenta "Gradient Tool".

47

8º Passo: Escolha um degradé de branco para transparente.

9º Passo:Trace, do canto inferior esquerdo diagonal para o canto superior direito.

10º Passo: Em blending Option, altere sua opacidade para 15% e sua propriedade para " Pin Light".

11º Passo: Agora trace um degradé ao contrário. Ou seja, do canto superior direito para o canto esquerdo inferior em preto como no 8º passo.

12º Passo: Creio que neste ponto já conseguimos criar degradés. Então crie um degradé pequeno na outra ponta de nosso post it da mesma forma que criamos no 11º passo. 13º Passo: Usando a "pen tool" (veja o 2º passo), crie um shape como abaixo:

48

14º Passo: Clique duas vezes sobre sua thumbnail e altere sua cor para cinza (#b3b3b3).

Caso necessário, altere sua opacidade (alterei a minha para 53%). 15º Passo: Clique sobre o botão "add a layer style".

16º Passo: Altere sua stroke como abaixo:

49

CLAREANDO DENTES Software utilizado: Photoshop 7 em Português Tempo aproximado: 10 min. Passo 1 - Abra a imagem que será utilizada.

Passo 2 - Com a ferramenta de seleção de sua preferência, selecione apenas os dentes. Nesse caso eu utilizei a ferramenta Máscara Rápida [Q] (Fig. 1):

Passo 3 - Pinte toda a área dos dentes, tomando o cuidado para não pintar sobre a gengiva ou os lábios. Depois pressione "Q" para sair da máscara e inverta a seleção pressionando SHIFT + CTRL+I ou indo em Selecionar > Inverter ( Fig. 2):

Passo 4 - Agora vá em Imagem > Ajustes > Cor seletiva. Na janela que se abre, configure conforme abaixo (fig. 3):

50

Percebem a diferença? Quero fazer aqui uma observação: nessa matéria foi utilizada a ferramenta Máscara Rápida para selecionar os dentes, mas qualquer ferramenta de seleção é viável. É só tomar os devidos cuidados para não selecionar a gengiva e os lábios. Particularmente eu prefiro essa porque acho que sua precisão é maior, mas fica a critério OK?

Ainda nessa janela de cor seletiva, na aba Cores, selecione o Branco e deixe como abaixo (Fig. 4):

Passo 5 - Pressione CTRL + U ou vá em Imagem > Ajustes > Matiz/Saturação e deixe como abaixo (Fig. 5):

Passo 6 - Pressione CTRL + D ou vá em Selecionar > Desfazer seleção e está pronto. Com poucos cliques se faz um ajuste bem interessante e depois é só revelar em papel fotográfico caso seja do seu interesse. Abaixo está um Antes e Depois para vocês poderem ver a diferença (Fig. 6):

51

BORDAS ARREDONDADAS Também gostaria de indicar a todos a nova parceria que o iMasters fez com a WOC, com alguns cursos excelentes para certificação em Photoshop, neste finalzinho do mês. Descrição: Criando bordas arredondadas no Photoshop Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Alice ´N Chains - Man in a Box 1º Passo: Crie um arquivo novo de 600 x 400 pixels em RGB.

2º Passo: Crie uma nova camada pressionando "Ctrl"+"Shift"+"n" ou pressionando o botão para nova camada, como abaixo em blending Options.

3º Passo: Pressione "m" ou clique na ferramenta "Rectangle Marquee Tool".

4º Passo: Faça um retângulo em sua área de criação, como abaixo:

5º Passo: Vá até o botão "Edit in Quick Mask Mode" localizado na barra de ferramentas ou pressione "Q".

6º Passo: Vá em Blur > Gaussian Blur e altere os valores como abaixo:

7º Passo: Nesse momento, pressione "Ctrl + L" para acessarmos os niveis da imagem. Deixe como abaixo:

52

Note que nossa borda já começa a se formar 8º Passo: Volte ao normal pressionando o botão "Edit in Standard Mode (Q)".

Veja como ficou nossa seleção

9º Passo: Certifique-se que está na camada que criamos no 2º passo, e preencha a seleção criada usando um cor de seu gosto (para preencher use o "Paint Bucket Tool") pressionando "G" e escolhendo a cor de seu gosto.

Local onde escolhemos a cor para o preenchimento "Foreground" e "Background".

Aqui nossa borda final

53

Fabio Pena [email protected]

Gustavo Martins [email protected] JOGANDO ÁGUA NO PHOTOSHOP Descrição: Criando estilos no Photoshop - Parte 03. Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Slipnot – Snap

Utilizei a fonte "Pork´s"

1º Passo: Abra uma foto qualquer e crie um arquivo da forma que quiser parautilizar o efeito.

2º Passo: Usando a ferramenta "Horizontal Type Tool", digite um texto qualquer em nossa imagem como na figura ao lado:

1º Passo Especial: Caso queira alterar as propriedades de sua fonte, altere-as na barra de opções que aparece ao clicar na ferramenta "Horizontal Type Tool". Por exemplo, a opção indicada abaixo podemos criar "modelos" para textos pré definidos, tornando assim nosso trabalho mais fácil.

54

2º Passo Especial: Outras opções podemos acompanhar mais abaixo, como colocar o texto em curvas pré definidas, com serrilhado ou hablitar outras opções como indicado. Ao clicar, podemos alterar o espaçamento de caracter, colocá-lo em parágrafo e outras alterações bem interessantes. Caso alguém queira algo específico, me avise por email que eu explico com prazer.

3º Passo: Em blending option, clique sobre o botão "layer style".

4º Passo: Nesse momento, altere como a seguir: Drop Shadow Inner Glow

Contour usado:

Bevel and Emboss Contour

55

Texture Satin

Contour usado:

Color Overlay

5º Passo: Não esqueca de salvar nosso estilo! Portanto, vá ate o botão "New Style" e digite um nome na janela que irá aparecer.

Nossa imagem ficará assim:

Na medida com que vamos alterando as propriedades em "blending option", vamos mudando a aparência de nosso estilo.

56

PINTURA DIGITAL Pintura digital é uma forma de arte derivada de desenho vetor. O grande diferencial dessa técnica é a realidade que a imagem passa com suas tonalidades em degrade, diferente do vetor que é tom sobre tom. Essa técnica pode ser feita de duas formas: em um plano de fundo direto ou utilizando camadas que é um modo mais fácil. Ao final desse trabalho cada pessoa terminará sua obra de uma forma diferenciada, pois esse tipo de técnica não se utiliza filtros ou algum tipo de padrão. Cada pessoa utilizará as ferramentas como achar mais adequada para seu trabalho. As escolhas das cores os modos de usar as ferramentas, tudo influência no trabalho. Uma Pintura Digital não é feita em duas horas de trabalho, pois quando se trabalha com pressa nada sai bom, não é mesmo?. Houve trabalho que demorei duas semanas para terminar pelo grau de dificuldade que a foto apresentava. Por isso já deixo bem claro que paciência é fundamental para esse tipo de trabalho. Ligue sua MP3 Player, coloque um som para relaxar e vamos começar... Para iniciarmos nosso trabalho, vamos abrir uma foto de boa qualidade para facilitar: Arquivo > Abrir (Crtl + O). No meu caso eu escolhi uma foto de tamanho 800 x 548, lembrando que esse tamanho não é algo padrão. Existem pessoas que gostam de trabalhar com fotos de baixa resolução. Vamos alterar o modo de tela padrão para o modo de tela cheia, com barra de menus, para termos mais espaço para trabalhar a imagem. Use a tecla de atalho F ou mude como na imagem a seguir.

Selecione todo o cabelo e crie uma camada. Nomeie a nova camada “Cabelo” e selecione a cor vermelho para poder identificar melhor na caixa de camadas.

Utilize a Ferramenta Conta-Gotas (I) para selecionar um ponto vermelho do cabelo, com a Ferramenta Lata de Tinta (G) clique sobre a camada “Cabelo” para preenche-la. Selecione novamente a Ferramenta Conta-Gotas (I), e escolha duas cores da pele, primeiramente uma mais escura. Após escolhida, pressione X para que as cores de primeiro plano e plano de fundo se invertam, e escolha uma tonalidade mais clara do rosto. Pronto, essas serão as cores que você usará no inicio de seu trabalho. Lembrando que nenhuma pintura ficará idêntica a outra pois isso é um trabalho artístico. Vamos selecionar a Ferramenta Laço Poligonal (L) e selecionaremos a área do rosto. As partes diferentes como boca e os olhos não serão selecionados, assim como as partes de pele onde possui uma notável aparência de relevo, como a asa do nariz e o risco do sorriso. Obs:Você pode usar qualquer ferramenta de seleção para fazer esse função. Clique sobre a camada de plano de fundo selecione a Ferramenta Lápis (B) e pinte toda área selecionada. Veja a imagem a seguir:

57

Após preencher o rosto, inverta a seleção Crtl + Shift + I, selecione a Ferramenta Laço Poligonal (L), e mude a forma de seleção para Fase Intersecção com Seleção, e selecione como a imagem abaixo.

Assim ficará selecionado apenas as partes onde você aplicará a cor de pele mais escura. Nesse caso a sombra da asa do nariz e o risco do sorriso. Com a Ferramenta Lápis (B), pinte a área selecionada. Depois de aplicada à cor, desfaça a seleção Crtl + D. Agora faremos os olhos. Com a Ferramenta Conta-Gotas (I), selecione uma cor da Retina e, utilizando a Ferramenta Letreiro Elíptica (M), selecione toda a Retina. Crie uma câmara com nome “Retina” e utilize a Ferramenta Lápis (B) para pintar a área selecionada. Faça o mesmo processo com a Pupila e o Globo Ocular. Sua janela de camadas deverá ficar assim:

58

Obs: Trabalhar com camadas é uma forma de facilitar para quem faz esse tipo de trabalho. Selecione os cílios e as sobrancelhas, e crie uma nova camada nomeada “Cílios”. Usando a Ferramenta Conta-Gotas (I), selecione uma cor dos cílios e preencha a camada com a Ferramenta Lápis (B). Desfaça a seleção Ctrl + D. Clique sobre a camada de fundo, e pinte a parte restante dos olhos indicada pela seta como a imagem a seguir.

Selecione os lábios e crie mais uma câmara, de nome “Lábios” e preencha com uma das cores de um ponto do lábio da foto original. Selecione a alça e a corrente, faça uma seleção, nomeie-a de “Alça”, e pinte conforme os passos anteriores. Por último, selecione a parte do ombro e peito para formar mais outra camada “Corpo” e preencha da cor que melhor agradar. Sua imagem e caixa de camadas deverão ficar da seguinte maneira:

Agora que acabamos com as partes de camadas, iremos trabalhar cada uma separadamente. Lembrando que a parte que até então vimos é a mais simples.Essa parte que veremos requer muito cuidado e atenção. Cada pessoa irá se adequar a uma ferramenta conforme suas necessidades. A imagem, que no inicio falei para deixar de guia ao lado do Photoshop, será usada agora. Note os pontos de luz na imagem original e, com a Ferramenta Subexposição (O), aplique luz com a intensidade desejada. Lembrando novamente, cada pessoa fará de uma forma. Com o tempo cada um vai adquirindo uma técnica especial de aplicação de luz, sombra, nitidez, saturação, etc... O mesmo será feito para os pontos com sombra. Para aplicação de sombra na pintura, utilize a Ferramenta Superexposição (O). Veja figura abaixo:

59

Sua imagem deverá ficar mais ou menos assim:

Agora vamos para a parte X da questão na pintura digital. Após aplicada as proporções de luz e sombra, iremos espalhá-las e torná-las um degradé suave, para que nossa pintura fique mais realista. Com a Ferramenta Borrar (R), nós faremos movimentos suaves nas tonalidades claras e escuras para unificá-las. Essa ferramenta tem a mesma funcionalidade de um esfuminho no papel ou um pincel para espalhar tinta em uma tela.

60

O modo que você utilizar essas ferramentas será a grande cartada desse trabalho. Cada pessoa movimentará e aplicara as devidas ferramentas de modo diferenciado, pois não existe um padrão. Basta seguir a imagem guia e observar os pontos de luz e sombra que nela à. Dicas: Trabalhe bem os olhos pois são eles que dão a maior realidade para sua pintura. Após o término de seu trabalho, você poderá adicionar algum texto utilizando a Ferramenta Texto Horizontal (T)

Sua imagem ficará mais ou menos assim:

TRUQUES PARA TRATAMENTO Descrição: Truque para tratamentos em fotos no Photoshop. Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Linkin Park - Breaking The Habit Efeito 1 - Alterando a cor de cabelo

61

5º Passo: Com a camada duplicada selecionada, pressione "CTRL + U" e deixe como a seguir:

2º Passo: Pressione "CTRL + M" para acessarmos o menu de curvas (Curves). Escolha o canal "RED" e deixe como abaixo:

3º Passo: Nesse momento pressione "CTRL + L" para acessarmos o menu de Niveis de cor (Levels) e deixe como a seguir:

1º Passo: Inicialmente encontraremos uma foto na internet para nosso efeito. No caso, usei uma da Janifer Aniston.

4º Passo: Sobre a paleta "layers", clique com o botão direito sobre a camada de nossa foto e a duplique, escolhendo a opção "Duplicate Layer".

6º Passo: Nesse momento vá em Layer > Layer Mask > Revel All e, usando a ferramenta "Pincel" com a ponta de cor preta, retire os pontos onde não iremos utilizar:

62

7º Passo: Em Blending Option, altere suas configurações como abaixo:

8º Passo: Pressione "CTRL + U" e altere nossa camada azul como abaixo:

Nosso resultado final: Tons de Sepia 1º Passo: Pressione "CTRL + U" e altere como abaixo:

63

Imagem final: 1º Passo: Abra a imagem base:

Vivid Color 2º Passo: Pressione "CTRL + U" e deixe como abaixo: 3º Passo: Pressione " CTRL + L" e altere:

Imagem final:

64

Duotone 1º Passo: Abra a imagem base: 2º Passo: Agora iremos transformá-la em modo "Grayscale". Vá até Image > Mode > Grayscale.

3º Passo: Nesse momento precisamos recolorir nossa imagem. Vá atá Image > Mode > Duotone.

4º Passo: Nesse momento, precisamos alterar suas configurações para se obter um valor real. Selecione um "Tipo" Duotone, uma cor e um nome para cada slot de cor. Fica a seu critério.

65

BELEZA SINTÉTICA salve a figura abaixo e abra-a no Photoshop.

Inicialmente iremos colorir algumas partes da figura utilizando o recurso de Equilibrio de Cores. Teremos que manter a imagem original intacta, então vamos aplicar uma máscara rápida nesta camada de plano de fundo para começarmos a pintura, pressione a tecla "Q". Feito isso, note que, na barra de título do programa, aparecerá (Máscara Rápida), e a cor da seleção ficará diferente. No meu caso, de azul ficou zinza.

Selecione a ferramenta zoom e aumente a área dos olhos da figura para a marcação ficar melhor. Em seguida, selecione a ferramenta "Pincel". Nas configurações, utilize um píncel esfumaçado com fluxo e opcidade em 100%. Aqui estou utilizando o pincel com o tamanho "9". Faça uma marcação apenas na bolinha dos olhos, como na figura abaixo. Obs: Antes de fazer a marcação da máscara, verifique se as cores estão zeradas. Caso não esteja, pressione a tecla "D".

66

Após ter feito a marcação da máscara, vamos retirar a máscara pressioando novamente a tecla "Q". Repare que toda a área da figura estará selecionada, menos os ohos. Então teremos que inverter a seleção, pois são somente os olhos que iremos colorir por enquanto. Pressione "Control" + "Shift" + "I" para inverter a seleção ou clique no menu "Selecionar > Inverter". Agora teremos apenas os olhos selecionados. Então copie e cole. "Control" + "C" / "Control" + "V". Temos agora outra camada,. Nomei-a para "Olhos" e faça um equilibrio de cores "Contrl" + "B" e altere apenas os "Tons Médios" como na figura abaixo:

Agora teremos os olhos com um tom de Verde. Vamos repetir o procedimento para pintar a boca. Seleciona a camada de "Plano de fundo", aplique a máscara rápida, faça a marcação apenas na boca, retire a máscara, inverta a seleção, copie e cole, nomeie a camada para Boca, faça um equilibrio de cores e deixe-a com um tom de vermelho não muito escuro. Veja o resultado abaixo:

Veja a ordem das camadas.

Agora temos as partes coloridas da figura. Duplique a camada Plano de Fundo (Menu "Camada duplicar camada") e nomei-a para "Filtro" Clique no menu Filtro> Ruído> Sujeiras e Rabiscos: Raio = 3 / Limiar = 0. Note que a imagem ficara um pouco desfocada. Agora adicione máscara na camada "Filtro".

67

Selecione a Ferramenta Pincel e, com ela, você deverá passar o pincel sobre as partes que você deseja deixar mais nítida. Observe na figura abaixo que as partes que ficaram pretas foram as partes em que eu passei o pincel.

Selecione a camada "Olhos" e clique sobre ela com a tecla "Control" pressionada, selecionando assim apenas o conteúdo da camada. Agora adicione uma camada de "Curvas" e deixe as configurações como na figura abaixo:

Clique no menu "Imagem > Modo > Tons de Cinza". Surgira uma mensagem. Não achate as camadas, isso é muito importante, ou dará tudo errado. Agora clique novamente no menu "Imagem > Modo > desta vez - "Duotônico", não achate as camadas. Veja as cores escolhidas:

Agora "Imagem > Modo > Cores RGB". Clique na Camada "Boca" com o control pressionado e adicione uma camada de "Equilibrio de Cores" e deixe a cor da boca como desejar. Pronto, veja o resultado Final.

68

TRABALHANDO COM CD Vamos mostrar, de uma forma mais simples, a criação de um CD a partir de um documento em branco no Photoshop. Se você incluir mais alguns efeitos, poderá dar mais realidade. Mostrarei o básico que, mesmo assim, já dará um excelente efeito. 1º passo: Crie uma nova figura, em branco, com as dimensões 1024x768 pixels. Deixe a régua visível e crie algumas guias para facilitar na hora de criar os círculos e deixá-los na medida exata.

2º passo: Crie uma nova camada transparente, renomeie como Círculo Maior e, com a ferramenta seleção oval, crie um círculo como na figura abaixo. Depois a preencha com o balde de tinta com a cor preta.

3º passo: Crie um círculo menor dentro do círculo preto, com a ferramenta seleção oval, e aperte delete para criar um buraco no círculo. Após isso, duplique a camada Círculo Maior, configure-a apertando Shift+backspace deixando-a no modo 50% cinza e renomeie como Círculo Menor. Mantenha pressionada a tecla Crtl e dê um clique na camada Círculo Maior para selecionar a circunferência. Inverta a seleção e pressione delete. Desfaça a seleção, aperte Ctrl+T para redimensionar a figura e a diminua, deixando-a do tamanho do buraco do círculo.

69

5º passo: Depois de agrupar, mude a posição das camadas, colocando a camada degradê abaixo da camada Círculo Menor. Vamos agora usar um filtro para começarmos a dar o efeito de reflexo em nosso cd. Deixe a camada de degradê secionada (figura 01), e com a tecla Crtl pressionada, clique na camada do Círculo Maior para fazer a seleção do mesmo. Depois vá em Filtro>Distorção>Coordenadas Polares. Clique em ok. A imagem ficará como na figura 02. Figura 1 Figura 2

6º passo: Após isso, com a camada degradê selecionada, vá em Filtro>Desfoque>Desfoque Gaussiano e coloque o valor 57 no campo raio. Pressione Ctrl+G para juntar a camada de degradê à camada do Círculo Maior (Figura 01). Crie uma nova camada acima da camada degradé. Com a seleção ativada, vá em Selecionar>Modificar>Redução e coloque 15 pixels. Depois preencha a seleção com a cor Branca e deixe a camada com Opacidade em 65%. Figura 1 Figura 2

4º passo: Crie uma nova camada e a nomeie como Degradê. Com a ferramenta Degradê, escolha a opção "Arco-íris transparente", e preencha o primeiro quadro das guias. Após isso, com a ferramenta seleção, pressione Alt, e com o mouse, clique e arraste a instância do degradê na figura para preencher os outros quadros das guias.Note que cada vez que você arrasta o degradê pela guia, é criada uma nova camada. Vamos vincular as camadas de degradê e mesclá-las para transformá-las em uma só pressionando Ctrl+E.

70

7º passo: Agora iremos fazer a borda do CD. Para isso, deixe a seleção ativada, inverta essa seleção (Shift+Ctrl+I), depois vá em Selecionar>Modificar> Redução e coloque 7 Pixels. Após isso, com o balde de tinta, preencha a seleção com a cor branca. Note como a borda fica com a mesma cor do preenchimento do CD.

8º passo: Com a camada de cor branca ainda selecionada, use a ferramenta Varinha Mágica e selecione os Círculos que ainda estão com a cor degradê forte(figura 1). Depois de feita a seleção, preencha com a cor(#737272). Veja figura 2. A imagem deverá como na figura 3.

Figura 1

Figura 2

Figura 3

71

9º passo: Daremos acabamento ao nosso CD. Com a camada Círculo menor selecionada, iremos colocar algumas opções de mesclagem de Chafro e Entalhe e Sobreposição de Cor, como nas figuras abaixo. Nossa imagem ficará como na figura 03. Figura 3

Figura 1

Figura 2 10º passo: Duplique a camada Círculo Menor, redimensione um pouco menor, e depois faça uma seleção cobrindo todo o buraco menor. Pressione delete.

Com mais alguns efeitos utilizando o mesmo princípio:

72

BACK FIRE Descrição: Criando efeitos de fundos no Photoshop. Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão). Grau de Dificuldade: 7,0 Ao som de: Dead Fish - Zero e Um by Tio MutuM. Chrome Metal Flame 1º Passo: Crie um arquivo de 700 x 300 pixels em RGB:

2º Passo: Pressione "D" para as cores de foreground (principal) e background (secundária) voltarem as padrões:

3º Passo: Nesse momento, vá em Filter > Render > Clouds:

4º Passo: Agora vamos a Filter > Pixelate > Mezzotint e altere sua configuração para "short line":

5º Passo: Vamos em Filter > Blur > Radial Blur :

73

6º Passo: Pressione "ctrl" + " f " três vezes para repetirmos o filtro novamente por três vezes:

7º Passo: Clique com o botão direito e vá em "Duplicate Layer":

8º Passo: Renomeie a layer criada para "Chrome":

9º Passo: Agora iremos a Filter > Sketch > Chrome:

74

Resultado após filtro:

10º Passo: Em blending Option, altere a propriedade da primeira camada (recém criada) para "overlay":

Resultado após filtro:

11º Passo: Pressione "ctrl" + "u" e altere as configurações das duas camadas como as de baixo:

12º Passo: Pressione "ctrl+" "l" e altere como a seguir:

75

13º Passo: Pressione novamente "ctrl" + "l" e altere como a seguir:

Segue nosso resultado final:

76

ESFERA AMBIENTE Abra uma imagem do seu agrado no Photoshop (Larg 24 cm / Alt 24cm Resolução: 120 pixels/cm - Para uma boa qualidade) e pressione (Ctrl + J) para duplicar a camada.

Selecione a cópia da camada e aplique: (Filtro / Distorção / Coordenadas Polares). Ex:

Com a ferramenta “marca de seleção elíptica”, crie uma esfera sobre a camada e pressione (Shift + Ctrl + I) para inverter a seleção e pressione “delete”. Ex:

Pressione (Ctrl + D) para desmarcar a seleção.

77

Agora, em Estilo de Camada, faça uma sombra igual à figura. Ex:

Sua figura deve estar assim:

Na mesma camada, pressione (Ctrl + L) para ajuste de níveis. Ex:

78


Na mesma camada ainda, vá em: (Filtro / Desfoque / Desfoque Gaussiano). Ex:

Agora pressione (Ctrl) e clique na camada que tem a esfera. Preencha a seleção com com a cor 2A7C8D. Ex:

79

Na mesma camada, vá na guia (Camada / Estilo de Camada / Opção de mesclagem). Ex:

Sua imagem deve estar assim:

Novamente pressione (Ctrl) e clique na camada que tem a esfera azul. Preencha a seleção com degradé na cor branca:

80


Pressione (Ctrl + T) e coloque 85% de largura e 75% de altura. Encaixe como no exemplo:

Aplique nesta mesma camada (Filtro / Desfoque / Desfoque Gaussiano).

81

Abra a primeira camada com a figura original e está pronto.

Abraços! NEON Primeiramente devemos criar um documento novo (CTRL+N) e inserir as medidas conforme as da foto abaixo:

Feito isto, pinte o fundo da camada de preto. V á na barra de menu e clique no botão janela, abrindo as seguintes janelas: Camadas e demarcadores. Agora vá na janelinha que abriu de demarcadores e clique em criar um novo demarcador, conforme mostrado na figura abaixo.

82

Já podemos então começar a criar nosso neon. Vocês podem fazer qualquer desenho, desde que ele seja de linha e feito dentro da camada de demarcador que criamos no passo anterior. Eu vou criar um vaso com planta, utilizando.

Nosso vaso já esta pronto. Agora vamos começar a aplicar o efeito de neon. Para isso, iremos utilizar a ferramenta pincel (B). Ainda com a ferramenta caneta (P), selecione a parte do demarcador que você quer aplicar o efeito, segurando CTRL. Mude para a ferramenta pincel (B) e fique atento, tenha certeza que você está com a cor branca e que o pincel está com o diâmetro de "1", opacidade 100% e fluxo também de 100%. Feito isto, dê enter duas vezes. Nosso demarcador deve estar desta forma.

Ainda com o demarcador selecionado, mude o estilo do pincel para suave e de diâmetro "5". Coloque uma cor de sua preferência, é claro uma que seja bem forte, para parecer mais ainda com um neon. Obs.: agora a opacidade é de 80% e fluxo de 60%. Basta você dar enter três vezes. E vamos ver como está nosso neon.

Agora é simples. Mude o pincel novamente para sólido diâmetro "1" e deixe os mesmos valores de opacidade e fluxo. Dê enter três vezes. Feito isso, mude o pincel para suave e diâmetro de "13" com opacidade de 60% e fluxo de 50%. Dê enter duas vezes. Obs.: Sempre lembrando que os pinceis de valores maiores devem ser aplicados às cores e não à cor branca. Resultado temporário:

Nosso neon está quase pronto. Estamos na última parte do trabalho. Selecione pela última vez o pincel sólido de diâmetro "1", coloque opacidade 50% e fluxo também de 50%. Dê enter vinte vezes. Agora pegue também pela última vez o pincel suave de diâmetro "35", opacidade 40% e fluxo 30%. Dê enter 2 ou 3 vezes, de acordo com seu gosto.

83

Pronto. Basta ir na janela demarcador e deletar a camada de demarcador criada.

Siga os mesmo passos para criar as outras partes do nosso vaso. Vou colocar o meu para vocês terem uma idéia de como ficará bonito e atraente. Usem a imaginação.

GLOBO ILUMINADO O objetivo deste artigo é criarmos um globo iluminado, muito semelhante aos globos de luz utilizados em festas e boates. Os passos são simples e o resultado final excelente. Inicialmente, abra um novo documento (16/16 cm – 72 px) e cione a grade (Ctrl+Alt+”). Com a ferramenta "marca de seleção retangular", crie um quadrado como na figura abaixo

Preenchimento degrade.

84

Exemplo: vá duplicando o quadrado em camadas e agrupando as mesmas:

Repita o processo até obter este resultado:

Agora vá em (Filtro – Distorção – Esferização). Exemplo:

Dê um OK e sua figura ficará assim:

85

Agora feche a camada. E com a ferramenta (seleção elíptica), crie um circulo igual ao abaixo:

Inverta a seleção pressionando (Shift + Ctrl + I ). Agora com a camada do globo selecionada pressione “DELETE”. Sua figura deve ficar assim:

Pressione (Ctrl + D) para desmarcar a seleção. Agora aplique novamente o Filtro Esferização.

86

E está pronto seu (GLOBO DISCO) Ex: Agora muita criatividade na finalização. Espero que tenham gostado.

87

MODELAGEM Olá pessoal. Nosso objetivo com este artigo é criar uma embalagem de desodorante, partindo do zero. Pularei as etapas básicas, para agilizar certo (para intermediários). 01. Abra um novo documento e coloque a configuração igual à figura abaixo.

02. Vamos criar a base de toda a figura. Crie um retângulo com a ferramenta (Marca de Seleção Retangular), como a figura abaixo, na cor preta mesmo.

03. Crie dois círculos ovais pretos e os encaixe sobre o retângulo, assim como na figura abaixo. Obs: Esta figura é apenas ilustrativa por isso está com outra cor ok.

88

04. Você deve vincular as três camadas e mesclá-las (Ctrl +E), transformando-as em uma só. Seu cilindro deve ficar como na figura abaixo

05. Na barra superior, clique em (camada, estilo de camada, opções de mesclagem) ou dê dois cliques rápidos na camada, e configure igual à figura abaixo. As cores são: realce (E5E3D6) multiplicação (717469).

06. Novamente na mesma guia, clique em "Sobreposição de Degradê" e configure igual à figura abaixo.

89

07. Você deverá criar a cor de degradé para ficar igual à figura abaixo, repetindo as cores anteriores como base: (E5E3D6) (717469).

08. Sua figura deve estar assim.

09. Com a seleção elíptica da barra de ferramentas, crie um círculo oval degradé de 90 graus, para o encaixe perfeito na parte superior do cilindro.

10. Dê um duplo clique sobre a camada circulo oval ou vá até Camada > Estilo de camada > Opções de mesclagem e copie a configuração igual à figura abaixo. Idem cores.

90

11. Novamente na mesma guia, clique em "Sobreposição de Cor" e configure igual à figura abaixo. Cor (AAA69B).

12. Sua figura deve estar assim.

13. Agora vem a melhor parte: criar a divisória da tampa.

91

Duplique a camada oval e remova os efeitos Chanfro e Sobreposição de Cor. Duplique-a novamente e mova esta nova camada um pouco para cima. Nesta mesma camada adicione "Sobreposição de Cor" e deixe-a com a cor preta. Desmarque a camada anterior e deixe somente a camada oval preta visível. Com a ferramenta "Varinha Mágica" dê um clique fora do oval. Após aparecer a seleção, pressione Ctrl + Shift + I para a inversão da seleção e deixe a camada de baixo da preta selecionada e pressione (Delete). Você terá um arco. Exclua a camada oval preta. Obs: Para o pontilhado desaparecer, basta pressionar Ctrl + D.

14. Abra novamente a guia "Opções de Mesclagem" da camada “Arco” e configure igual à figura abaixo.

15. Novamente na mesma guia, clique em "Sobreposição de Cor" e configure igual à figura abaixo. Cor (6D6558).

92

16. Posicione o “Arco” como na figura abaixo.

17. Agora você pode escolher um nome e criar um logo para seu desodorante. Eu acho que a melhor cor para isso deve ser o preto.

18. Agora faça os acabamentos e está pronto.

93

EFEITO COCA COLA Crie um arquivo de 600x420 pixels (File/New) e selecione a Ferramenta “ PEN TOOL” Vá arrastando o mouse para ficar parecido com as seqüências abaixo:

Clique com o botão DIREITO no centro da “forma” que você criou e em seguida “make selection”. Deverá ficar assim:

Pressione a tecla “Q” para ir para o modo “quick mask” onde tudo que nós fizermos se tornará uma “seleção”. Clique agora no menu FILTER > PIXELATE > COLOR HALFONE

94

A Opção “Max Radius” são os tamanhos das bolinhas. Neste artigo utilizarei 8. Aperte OK e sua imagem deverá ficar semelhante a esta:

Aperte “Q” novamente, e logo em seguida inverta a seleção (control + shift + I). Pinte de vermelho. Inverta novamente a seleção (control Shift + I) e pinte de cinza. Arraste um pouco para baixo até ficar uma parte em branco no centro como na foto abaixo: Dica: cor do vermelho: (ff0000) – cor do cinza: (d9d9d9) Está pronto o fundo. Agora faremos os efeitinhos da latinha:

Use a PEN TOOL (P) e faça mais ou menos os mesmos movimentos para fazer as curvinhas. É bem simples. Faça até aprender pois esse efeito é importantíssimo, e a habilidade só vem com o treino das mãos! Depois pinte um de branco, um de cinza e um de amarelo, colocando na ordem o Branco, o cinza e o amarelo até ficar como na imagem abaixo:

CRIANDO LUZ NEON II Criando Luz Neon - I Descrição: Explicação sobre criação de luz neon no Photoshop Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Fresno - Carpedien

95

1º Passo: Crie um arquivo de 700x600 em RGB (fundo não influencia, já que iremos alterá-lo).

2º Passo: Escreva um texto qualquer. Quanto maior o texto, mais satisfatório será. Claro que usei uma fonte fina facilitando a proximidade com a aparência real. (Caso alguém deseje essa fonte, procure em www.dafont.com por Neon).

3º Passo: Clique sobre a camada de fundo chamada "Background".

4º Passo: Pressione "Ctrl + i" para invertermos a cor de fundo deixando-a em preto (#000000). Em seguida altere a cor de seu texto para cinza como abaixo:

#797979 5º Passo: Nesse momento, vá na barra de Opções e escolha Layer > Layer Style, alterando como abaixo: Inner Shadow (Sombra Interna) Outer Glow (brilho externo)

96

Inner Glow (brilho interno) Drow Shadow (Sombra projetada)

Bevel and Emboss (Chanfro e Entalhe)

6º Passo: Clique "OK" e, caso queira salvar seu estilo, veja minha matéria anterior. 7º Passo: Pressione "shifit+ ctrl+n" para adicionarmos uma camada nova. Em seguida, usando a ferramenta de preenchimento (G), preencha usando a cor #0018FF. Imagem final

Criando Luz Neon - II Descrição: Explicação sobre como criar luz neon no Photoshop Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 8,5 Ao som de: Incubus - Turning Japanese Na materia anterior, caso não tenha conseguido a cor exatamente igual à minha, não tem problema. Farei com outro tom de azul para vermos que o resultado é equivalente. Vamos criar a textura da parede então.

97

1º Passo: Crie um arquivo de 42x 27 pixels como abaixo (não esqueça de alterar o fundo para branco):

2º Passo: Você pode criar um arquivo como:

Neste momento, pressione "CTRL+ +" para ampliar seu zoom. Acho que 1200% é o suficiente. 3º Passo: Pressione "CTRL + SHIFT + N" ou clique sobre o botão (Create a New Layer) para criamos uma nova camada.

4º Passo: Usando a ferramenta "Retangular Marquee tool" e trace um retângulo como abaixo:

5º Passo: Clique sobre a ferramenta "Paint Bucked Tool" e preencha a seleção usando #811212. 6º Passo: Duplique a camada clicando com o botão direito como abaixo:

E desfaça a seleção (CTRL + D) 7º Passo: Pressione "CTRL + R" para usarmos as linhas guia. Em seguida procure deixar sua imagem o mais próximo possivel da minha:

98

8º Passo: Escolha a ferramenta "Pencil Tool (B)" e em seguida pressine "D" para as cores voltarem ao padrão. 9º Passo: Crie uma nova camada e trace a borda como a seguir. Feito isso, mude a propriedade da camada com a borda para "soft light".

10º Passo: Clique na camada dos blocos e em seguida vá em FILTER > NOISE > ADD NOISE e altere como abaixo:

11º Passo: Clique sobre a camada de fundo e em seguida pressione "CTRL+U". Posteriormente, deixe como abaixo:

12º Passo: Nesse momento, como no "9º passo", trace ao redor dos blocos, na parte superior, mas desta vez utilize a cor #FFFFFF. Altere para "soft light" como abaixo:

13º Passo: Repita o 10º Passo, mas na camada de "background". Diminua os espaços dos blocos como na minha imagem:

99

14º Passo: Finalmente, na barra de opções, vá em Select > All (Ctrl+A) em seguida vá em Edit > Define Pattern. 15º Passo: Para testar, crie um arquivo de 500 x 500 pixels e clique sobre a ferramenta "Paint Bucked

Tool" . E na barra de opções, altere sua propriedade para pattern e encontre sua nova textura, como abaixo:

Preencha seu arquivo novo e veja como ficará nosso arquivo:

16º Passo: Vamos em Filter > Render > Lighting effects.

17º Passo: Vá em Image > Adjustments > Brightness/Contrast.

18º Passo: Abra nosso arquivo da matéria anterior e arraste nosso texto com o estilo criado para a nossa parede criada agora.

100

19º Passo: Vamos ao Image Ready para darmos o movimento. Clique sobre a ferramenta de acesso rápido ao Image como abaixo:

20º Passo: Duplique a camada com o texto e na camada de cima retire o "drop shadow" dos blending options da cama:

Caso seja necessário, retire também a opção "inner glow" e "outer glow" para retirar a brilho interno e externo do neon como em minha última imagem. Bom, no primeiro frame de nossa animação precisamos deixar exatamente como abaixo a ordem das camadas (repare na ordem da visualição).

21º Passo: Na janela de frames, clique e arraste como na imagem abaixo para duplicarmos nosso frame.

22º Passo: Clique sobre o segundo frame criado e deixe a visualização como abaixo: (repare nos olhos que indicam a visualização da camada).

23º Passo: Segure o shift e clique sobre o outro frame, alterando o espaço de tempo para 0,2 sec.

* Note que essa é uma animação bem simples, mas a partir daí você poderá criar algo bem interessante. Para maiores detalhes a respeito de animações, veja minha matéria (http://www.imasters.com.br/artigo.php?cn=2225&cc=32) 24º Passo: Pressione "Play" para vermos nosso resultado final.

101

Aqui uma imagem que fiz baseada em minha matéria apenas com modificações em textura da parede e movimento. Caso alguém queira tirar algumas dúvidas, procurar sobre brush, texturas ou algo relacionado a Photoshop, não deixe de visitar nosso forum: www.imasters.com.br/forum. Obrigado a todos pelos emails e fiquem com Deus. TEXTURA REALISTA Como vão pessoal, tudo bem? Primeiramente gostaria de agradecer os comentários sobre o primeiro artigo, e agradecer principalmente o interesse daqueles que me enviaram suas dúvidas; espero que tenha respondido a todas. Neste segundo artigo iremos reproduzir uma típica parede de superfície irregular, com algumas partes do reboque rachado, o que nos permitirá ver os tijolos do fundo. Iremos, na verdade, construir uma cena com efeitos de iluminação global, etc., não somente a textura da parede. Então... mãos-a-obra! 1º Passo: Abra um novo arquivo, com fundo branco e as dimensões que desejar (em meu caso, 500x300px). Escolha, para cor de primeiro plano a cor #2F2F2C, e, para cor de plano de fundo, #8A8372. Estas cores resultarão em uma aparência satisfatória ai término do efeito, porém, caso queira mudar a cor de sua parede, fica mais fácil fazer isso depois, aplicando Matiz/Saturação. Por enquanto utilize estas cores.

2º Passo: Vá ao menu Filters > Render > Clouds (Filtros > Acabamento > Nuvens). Por este ser um filtro gerado aleatoriamente pelo Photoshop, pode ser que você não obtenha o melhor resultado logo na primeira vez que aplicá-lo; então, tecle Ctrl+Z e aplique o filtro novamente, até encontrar uma variação que lhe agrade. Em seguida, vá ao menu Filters > Noise > Add Noise (Filtros > Ruído > Adicionar ruído) e coloque as configurações:

3º Passo: Agora vá em Filters > Brush strokes > Spatter (Filtros > Traçados de pincél > Borrifo) desta forma:

102

4º Passo: Vamos duplicar a camada plano de fundo, onde estamos trabalhando. Para isso, clique sobre a camada Background (plano de fundo) e arraste-a para cima do ícone Criar nova Camada , desta forma.

5º Passo: Vá ao menu Filters > Sharpen > Sharpen (Filtros > Nitidez > Arestas nítidas). Este procedimento acrescentará alguns detalhes e imperfeições à parede, detalhes estes que fazem a diferença no efeito final. Na paleta de camadas, clique no ícone Criar Máscara de Camada . Aperte D para restaurar as cores padrão para a máscara, então vá em Filters > Render > Clouds (Filtros > Acabamento > Nuvens). Em seguida, tecle Ctrl+L, ou vá ao menu Image > Adjust > Levels (Imagem > Ajustar > Níveis). Especifique os valores 126 - 1,0 - 128, como a seguir:

6º Passo: Como não iremos mais mexer nestas duas camadas, podemos mesclá-las, teclando Ctrl+Shift+E. Vá para a Paleta de Canais e clique no ícone Criar novo Canal . Vá ao menu Filters > Pixelate > Mezzotint (Filtros > Pixelização > Meia-tinta). Escolha o tipo Coarse dots. Crie um novo canal, clicando novamente no ícone e use novamente o filtro Mezzotint (Meia-tinta):

7º Passo: Segure Ctrl e clique no c anal Alpha1, para selecioná-lo. Clique no canal RGB e volta à paleta de camadas. Tecle Ctrl+J. Isto fará com que seja criada uma nova camada apenas com a área que estava selecionada da camada anterior. Vá em Filters > Render > Lighting Effects (Filtros > Acabamento > Efeitos de iluminação) e utilize as configurações a seguir:

103

8º Passo: A esta altura sua parede deve estar parecida com a seguinte:

Faremos agora alguns buracos na parede, para torná-la mais real. Lembra-se do canal Alpha2 que foi criado? Será usado agora. Retorne à Paleta de Canais, segure Ctrl e clique sobre o canal Alpha2, para selecioná-lo. Clique sobre o canal RGB e retorne para a Paleta de Camadas. Clique, agora, sobre a camada Plano de Fundo e tecle Ctrl+J, criando assim uma nova camada, com o conteúdo que estava dentro da seleção. A sua paleta de camadas, agora, deverá estar da seguinte maneira:

9º Passo: Com a camada do meio ativa, clique no ícone e selecione Bevel and Emboss (Chanfro e entalhe). Utilize as configurações a seguir:

104

10º Passo: Bom, nossa parede está finalizada. Perceba que os pequenos detalhes (como o filtro Arestas Nítidas e os dois canais Mezzotint) garantem uma qualidade considerável no trabalho, uma vez que o objetivo é justamente criar uma parede "irregular", com buracos, suja, etc.. Porém, o objetivo deste artigo vai além, pois iremos ainda, fazer os tijolos que irão aparecer por baixo da parede "rachada". Como nosso trabalho na parede está finalizado, podemos mesclar todas as camadas, a fim de utilizar menos memória do computador. Para isto, tecle Ctrl+Shift+E. 11º Passo: Arraste a única camada que temos agora para o ícone , assim como foi feito no passo 4, para duplicá-la. Temos agora duas camadas. Na camada de cima, clique sobre o ícone de um olho para ocultá-la:

12º Passo: Clique agora sobre a camada de baixo, para ativá-la. Altere sua cor de primeiro plano para #9C8870, e sua cor de plano de fundo para #57473A. Vá ao menu Filters > Render > Clouds (Filtros > Acabamento > Nuvens). Em seguida, acesse Filters > Noise > Add noise (Filtros > Ruído > Adicionar ruído). Apenas dê Ok, mantendo as configurações que surgem. 13º Passo: Agora daremos a aparência de tijolos à esta imagem. Para isto, vá ao menu Filters > Texture > Texturizer (Filtros > Textura > Texturizador), e utilize as opções seguintes:

14º Passo: Com os tijolos prontos, clique sobre a camada de cima (que estava oculta) para ativá-la novamente. Clique no ícone para criar uma máscara na camada da parede. Então, vá ao menu Filter > Render > Clouds (Filtros > Acabamento > Nuvens). Vá ao menu Image > Adjust > Levels (Imagem > Ajustar > Níveis) ou simplesmente tecle Ctrl+L. Utilize os mesmo valores utilizados no 5º passo: 126 - 1.0 - 128. 15º Passo: Este procedimento já nos passa a sensação de uma parede rachada com os tijolos, certo? Porém perceba que há uma área muito grande de tijolos, o que não acontece realmente (pelo menos, não é este o objetivo do artigo). Então, com a base feita, você terá que "acertar" manualmente ás áreas onde sua parede será visível ou não. Para isto, selecione um pincel sólido (que não seja esfumaçado) de um tamanho razoável, e, ainda na máscara, vá "pintando" de branco, para que mais áreas da parede sejam mostradas. Lembrando que, em máscaras, a cor branca mostra a imagem, e a cor preta esconde. Neste passo, sinta-se à vontade para utilizar-se dos pincéis que quiser, o importante é chegar em um resultado satisfatório. Após alguns retoques, minha parede está assim:

105

16º Passo: Nossa parede está quase pronta, faltam só alguns retoques. Clique sobre a camada da parede, clique no ícone e selecione Inner Shadow (Sombra interna):

Ainda na tela da sombra interna, clique sobre o item Bevel and Emboss (Chanfro e entalhe) do lado esquerdo da tela, e utilize estas configurações:

17º Passo: Nossa parede está pronta. Apenas como gosto pessoal, alterei o brilho da imagem, para torná-la um pouco mais escura. Agora é só usar sua imaginação para enriquecer a cena, da maneira que preferir. Abaixo está a imagem final, apenas com alguns detalhes da cena adicionados:

106

CRIANDO ESTILOS Salve meus amigos! Primeiramente desculpem pela demora, mas estive meio fora devido a problemas pessoais, mas graças a Deus está tudo certo. Volto com força total em minha coluna. Iremos aprender como criar "estilos" no Photoshop. Em minha opnião é um assunto bem interessante e vasto. Criaremos um efeito como exemplo e o salvaremos para quando precisarmos usá-lo, fazermos tudo bem rapidamente. Quero mandar um abraço a todos os leitores e dizer que na próxima matéria publicarei novos trabalho da segunda parte de nossa "Galeria de Leitores". Portanto, Let´s Rock Baby - the original. Criando Estilos Descrição: Explicação sobre como criar, salvar e reutilizar estilos no Photoshop. Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão ) Grau de Dificuldade: 7,0 Ao som de: Legião Urbana - Quem inventou o amor. 1º Passo: Iniciaremos com um texto. Mas, a partir do momento em que seu estilo for criado, podemos utilizar em quase todos objetos distribuidos sobre seu trabalho. Crie um arquivo de 600 x 400 pixels em RGB como abaixo:

2º Passo: Clique sobre a ferramenta "Horizontal Type Tool" e digite um texto qualquer. (Utilizei a fonte "Alison").

3º Passo: Clique sobre o botão "Add Layer Style". Em seguida em "Blending Option".

107

4º Passo: Clique sobre a opção "Drop Shadow" e deixe como abaixo:

Em "Quality" escolha sua acentuação como "Ring - Double"

5º Passo: Agora clique em "Bevel and Emboss" e deixe como abaixo: - Não se esqueça de alterar o Contorno de Reflexo de "Shading".

6º Passo: Clique agora em "Color Overlay".

Lembrando, em hexadecimal #FFC000. 7º Passo: Nesse momento nosso estilo está pronto. Vou mostrar a vocês duas formas de salvar nosso estilo e umas delas é nesse momento, ao clicarmos no botão "New Style".

108

8º Passo: Nesse momento dê um nome a seu estilo:

Enfim criamos de uma maneira nosso estilo.

Agora, se abrirmos nossa janela de Estilos do Photoshop, nosso efeito estará por lá? Claro. 9º Passo: Vá em Window > Styles ...

10º Passo: Iremos salvar nosso estilo em uma pasta, para não perdemos mais nosso estilo criado. Clique sobre a seta localizada ao canto superior direito, conforme o indicado:

11º Passo: Em seguida vá em "Save Styles" e escolha uma pasta a seu critério.

Agora, para complementar, vamos dar mais vida à nossa imagem criando um fundo. 12º Passo: Clique sobre a camada de fundo da imagem, e em seguida sobre a ferramenta "Gradient

Tool" .

109

13º Passo: Altere a opção do Gradiente para "Refleted Gradient".

14º Passo: Clique sobre o gradiente para editá-lo e em seguida clique na opção de "Orange, Yellow, Orange"

15º Passo: Altere suas propriedades de cor como abaixo:

16º Passo: Trace o degradé em uma diagonal do canto superior direito para o canto inferior esquerdo. Está pronta nossa imagem:

Arte

Resumo: Mixando vários artigos chegaremos a uma imagem artística. Nível de dificuldade: Intermediário Software: Photoshop 7.0 Aproveitando a onda de produtos mix, que vem invadindo o mercado atual, resolvi fazer um artigo misturando vários pedaços de outros artigos muito bons que andam rodando na Internet, a idéia é simples, criar uma esfera incrementada que apelidei de “Magic Ball”. Espero que consigam terminar este tutorial e possam incrementar suas Magic Balls, peço que aqueles que criarem esferas como essa possam mandar para que eu possa colocar no site! Um abraço e vamos nessa! Let’s Rock!

110

Essa é a imagem pronta. Crie um arquivo novo 800X600 RGB, resolução de 96 pixels. Vamos começar pela criação da esfera. Selecione a ferramenta de Marca de Seleção Elíptica, como na figura abaixo.

Crie uma circunferência na cor azul, ou na cor que preferir.

Agora, deixando o control apertado, clique o botão esquerdo sobre a camada com a circuferência azul. Assim você irá selecioná-la. Sem desmarcar a figura, escolha a ferramenta Marca de Seleção Elíptica e, com o alt pressionado, subtraia uma parte da seleção como na figura abaixo.

111

Neste passo vamos, com o brush, pintar de braco essa seleção, em uma nova camada, e aplicar uma opacidade. Com a ferramenta desfoque, vá nas pontas da seleção e aplique. Use as configurações abaixo.

Escolha a primeira da lista, Aer. Redondo suave 50% de fluxo, para obter o resultado abaixo. Faça uma seleção como a da figura abaixo.

Aplique o mesmo brush novamente, vá em filtros e use Desfoque Gaussiano. coloque aproximadamente 21.

Depois disso vá na camada onde está a cincuferência azul e use o filtro Reflexo de flash.

112

Bem, é neste momento que você irá na camada onde está a circuferência e irá selecioná-la com o ctrl pressionado, para usar a opção de traçar. Escolha uns dois pixels, use o mesmo azul da esfera. Selecione de novo a camada da circunferência com o control pressionado e crie uma nova camada. Pinte de branco, depois pressione ctrl+t e aumente um pouco a circunferência branca até que passe da azul, como na figura abaixo.

Parte branca sem desfoque. Parte branca com desfoque. Terminamos a primeira parte deste artigo. Como eu disse ele é um mix de vários artigos e, desta forma, em cada um teremos alguns novos efeitos para implementar a sua Magic Ball. No próximo artigo falaremos de: - Os tentáculos; - As asas; - O toque final. Abraços!

113

TUNNING Fala pessoal! Vamos iniciar esse ano de 2005 com o pé direito, de preferência acelerando fundo no Photoshop e arrebentando nas curvas. Por isso, nada melhor que começar o ano com uma matéria sobre uma técnica que cada vez mais vem sendo utilizada na área publicitária, de entretenimento e etc. Tunning consiste em utilizar uma imagem de carro e modificá-la de várias formas, é super legal e você consegue resultados rápidos e interessantes. Nível de dificuldade: Básico/Intermediário Software: Photoshop 7.0 Faça uma comparação entre as duas imagens abaixo.

Imagem original Imagem modificada Vamos iniciar o artigo abrindo uma imagem que você gostaria de modificar:

Depois que você abrir a imagem que gostaria de modificar, selecione a ferramenta caneta e contorne toda a carcaça do carro, como na figura abaixo.

Depois de fazer o contorno, vá na paleta demarcador de trabalho e crie uma seleção.

114

Clique com o botão direito em cima do demarcador de trabalho e escolha criar seleção. Agora você terá a carcaça selecionada. Pressione control+j para criar uma nova camada só com a carcaça. Nesse ponto você terá duas camadas: uma com o carro original, outra com a carcaça do carro que selecionamos. Clique na camada só com a carcaça e dê control+u. Você terá a tela de matiz/saturação.

Clique em colorir e mude a cor da carcaça como preferir.

Continuando na camada da carcaça do carro, selecione com a ferramenta laço poligonal algumas partes do carro como farol e vidros que iremos apagar.

Agora devemos “enfeitar” o carro. Para isso podemos usar brushes e outras imagens. Veja na figura abaixo:

Usei alguns brushes, mudei a cor do pára-choques...Use sua imaginação para deixar sua imagem mais bonita e criativa! MUNDO HITECH Vamos lá. Criaremos com um efeito Hitech para começarmos animados esse ano. Entrando no mundo Hitech Descrição: Explicação sobre como criar uma imagem Hitech. Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Blade Trinity - 07 1º Passo: Crie um arquivo de 550x400 pixels em RGB.

115

2º Passo: Tome muito cuidado com suas cores, isso vale para quase todas matérias como já citei aqui. Então, relembrando, pressione "D" para suas cores de "Foreground" e "Background" voltarem as padrões. 3º Passo: Nesse momento vá em: Filter > Render > Clouds.

4º Passo: Em seguida Filter > Render > Difference Clouds.

5º Passo: Pressione "Ctrl + i" para invertermos suas propriedades de cor.

6º Passo: Agora pressione "Ctrl + L" e altere como abaixo:

116

7º Passo: Nesse momento vá em: Filter > Distort > Wave e altere novamente como abaixo:

Nosso efeito final segue abaixo:

Imagens criadas baseando-se neste artigo:

117

MULHER VETORIZADA Olá novamente. Vamos estudar como desenhar uma mulher abstrata, que é não muito complicado, porém é um trabalho que você deverá se apegar completamente aos detalhes com o uso da pen tool, pois a perfeição nas curvas do desenho será muito importante. É importante dizer que estou usando o termo "vetorial" em minhas matérias, apenas como ilustração. O Photoshop não permite imagens vetorizadas, porém os nossos resultados serão idênticos a uma imagem vetorizada, para ser trabalhada na web. Software utilizado: Adobe Photoshop CS em inglês. Arte: Mulher P/B. Nível de Dificuldade: 4,0 - Fácil. Ferramentas Utilizadas: Pen Tool e Bevel and Emboss no olho somente. Tempo estimado de trabalho: 1 hora (no máximo). Clique aqui para baixar a foto em alta resolução Clique aqui para baixar a arte no arquivo PSD (extensão Photoshop) pronto Foto Original: Resultado Final:

Primeiramente devemos separar as diferenças de cor pela lógica da foto. Desta forma saberemos que os locais que usam a cor branca (ou qualquer outra de sua preferência) são os locais da pele da mulher (pernas, braços, rosto e etc.). As demais terão a sua cor preta (ou qualquer outra de sua preferência). Utilize a ferramenta pen tool ( ) e comece, pelo ponto que preferir, a contornar o desenho, como abaixo:

118

Terminadas todas as camadas, você terá certa parte de seu desenho pronto. Não se preocupe em seguir a risca as áreas que serão sobrepostas pelo vestido da querida na foto, pois o mesmo ficará por cima do corpo. Do contrário, veríamos ela nua. Observe abaixo a separação de camadas. Foram feitas as layers brancas do corpo, e colocadas em um Layer Set, que é uma pasta de separação das camadas. Para criar com facilidade o Layer Set, selecione todas as camadas e use a ferramenta da corrente (1) para deixá-las presas entre si. Então clique na seta das opções de Layers no menu (2) e selecione a opção New - Layer Set from Linked (3).

Pronto, a separação por pasta foi criada. Nomeie a pasta para saber o que nela contém mais tarde, para esses vetores mais simples como os que apresentei a vocês até agora. Não há necessidade de criação de muitas pastas, mas conforme seu skill (nível de conhecimento) vai aumentando, você terá 160 camadas em um trabalho vetorial, então seria interessante que começe a se acostumar a usar esse recurso. Próximo passo: crie shapes que remetam as sombras do rosto da senhorita (hehe), para que façam o sombreamento do formato do rosto.

Crie dois pequenos círculos pretos nos olhos e aplique o efeito Bevel and Emboss para fazer o reflexo interno branco do olho. crie também dois shapes para fazer a parte externa oval do olho:

119

A sua área externa do olho, que é branca na realidade, deveremos deixar em uma cor um pouco mas escura para podermos contrastar e fazer com que esse formato do olho apareça. Aplique também um efeito Blending Options - Stroke com uma borda de 50% de opacity (opacidade) e na cor preta na face para diferenciarmos o pescoço, deixando ele ao fundo do rosto, que está na frente do mesmo. É necessário que você organize a disposição de todas as camadas, deixando algumas sobreporem outras de acordo com a lógica do desenho, como por exemplo, o círculo interno que faz o olho (preto) deverá estar acima da elipse que faz a área branca (cinza) do olho, e assim por diante com todo o desenho. Após terminada essa organização das camadas, parta para a finalização desenhando o shape do vestido preto, que irá fechar nosso vetor. Retire a visualização de todas as camadas, de modo que fique somente a foto para você vetorizar em cima da mesma. Faça o formato do vestido (somente na área que ele irá aparecer, no caso, as alças).

Habilite novamente a visualização das outras camadas e deixe o vestido acima de todas. Crie um Color Fill clicando no ícone, da cor preta (ou no seu caso a cor que você estárá usando no lugar da preta), e pronto, temos nossa sexy lady vetorizada. Gostaria que você visitasse meu deviantArt e visualizasse os trabalhos que podem ser feitos em arte vetorial. O endereço é http://jirayaaap.deviantart.com. Na maioria são carros vetorizados, desenhos que demoram muito mais tempo a serem feitos e exigem um excesso muito grande de paciência, mas pra quem gosta, como eu, acaba tendo saco. TRABALHANDO COM FOTOS Descrição: Explicação sobre trabalhar corretamente com fotos. Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Phanton Planet - California Perguntas de leitores: Diego Mattos, de São Paulo: Pergunta: "Fabião, como eu descubro ou comparo todos os valores reais de cor de uma imagem ou região de imagem." Amigos, isso é facilmente resolvido utilizando a paleta " Informações" e a paleta "Cor" do Adobe Photoshop. Ao se trabalhar com uma caixa de diálogo de ajuste de cor, a paleta Informações exibe dois conjuntos de valores de cor para pixels sob o ponteiro. O valor da coluna esquerda e o valor de cor original. O valor da coluna direita e o valor de cor depois de ajuste. Para utilizar a paleta Informações e a ferramenta conta-gotas ou classificador de cores para visualizar os valores de cor: 1º Passo: Abra uma imagem de seu computador.

120

2º Passo: Vá sobre a barra de Opções e procure o item Window (Janela) > Info para abrirmos a paleta de Informações.

(Note que, dependendo da posição do ponteiro do mouse, ele já mostra o eixo da imagem e seu respectivo valor em RGB e CMKY) 3º Passo: Selecione a ferramenta Conta - Gotas ou Classificador de Cor e escolha um tamanho de amostra na barra de Opções.

Ao clicar, ele mostrará facilmente o valor do pixel. Se você selecionou a ferramenta cliassificador de cores, coloque até quatro classificadores de cor na imagem. Clique no local em que deseja colocar um classificador.

121

Perceba como a paleta INFO separa e mostra a diferença de cor do pixel clicado. 4º Passo: Para mover, excluir ou ocultar um classificador de cor: Mover: para se mover um classificador de cor, selecione a ferramenta classificador de cores e arraste-a até o novo local. Excluir: para se excluir um classificador basta arrastá-lo para fora da janela do documento ou mantenha a tecla ALT pressionada e clique no classificador. 5º Passo: Caso queira ver pela paleta de cor é mais simples ainda, basta selecionar o conta- gotas e clicar sobre a região da foto que com a paleta de COR aberta lhe mostrará o valor exato. Utilizando a caixa de Niveis Denis Araujo, de Vassouras/RJ Pergunta: Caro Fábio, como eu posso corrigir rapidamente a cor de uma foto antiga? Um modo prático e rápido é com a utilização de Níveis de cor. A Caixa de dialogo "Níveis" permite corrigir a escala de tons e o equilibrio de cores de uma imagem, ajustando os niveis de intensidade das sombras, tons medios e realces da imagem. Aqui está um exemplo prático: Abaixo podemos observar como se encontra a foto original:

Agora abaixo podemos observar a alteração somente por níveis de cor (detalhes de recorte e ferramenta carimbo enfatizam o efeito de uma foto melhorada.)

122

Para ajustar sombras e realces manualmente, veja abaixo: Podemos arrastar seus controles deslizantes brancos e pretos de Níveis de Entrada até a aresta do primeiro grupo de pixel nas duas extremidades do histograma. Podemos também inserir valores diretamente pela caixa de texto. Aqui um exemplo de antes e depois de alterada as configuraçõees de níveis de uma foto. Antes Depois

BURACO NEGRO Software ultilizado: Photoshop 7,0 em ingles Grau de Dificuldade: 8,5 1º Passo: Crie um novo arquivo de 450x450 pixels em RGB.

2º Passo: Na paleta camadas, pressione o botão "Create new layer" e em seguida vá até a

ferramenta Paint Bucket Tool (G) e preencha a layer com a seguinte cor: #450909. 3º Passo: Novamente pressione o botão "Create new layer" e clique sobre a ferramenta Brush Tool (B).

4º Passo: Altere a ponta do pincel para branco e em seguida clique sobre a seta localizada na barra de opções. Altere sua ponta para "Hard Round 19 pixels".

123

5º Passo: Trace uma linha reta vertical como abaixo (segure "shift" pois ajuda na direção correta).

6º Passo: Vá até Filter > Stylize > Wind e em seguida pressione "ctrl+F" para repetirmos o filtro.

7º Passo: Vá até Filter > Stylize > Wind e em seguida pressione "ctrl+F" para repetirmos o filtro.

8º Passo: Vá até Image > Rotate Canvas > 90° CW. 9º Passo: Agora vá em Filter > Blur > Motion Blur.

124

10º Passo: Vá em Filter > Distort > Polar Coordinates.

11º Passo: Clicando sobre a camada com o botão direito, vá ate "Duplicate layer" e duplique a camada. Faça isso por 3 vezes.

12º Passo: Agora iremos direcionar nossos raios. Trabalharemos em uma camada de cada vez. Clique sobre raio_02 e pressione "ctrl+t". Em seguida segure "shift" e arraste para fora do arco (raios). Façaa isso com todos os arcos como abaixo:

13º Passo: Feito isso, clique sobre "raios_04" e hablite o link de camadas (faça em todas) como abaixo:

125

14º Passo: Pressione "ctrl + e" e veja o resultado abaixo:

15º Passo: Adicione uma nova camada, clicando no botão "Create a new layer" . 16º Passo: Nesse momento iremos preencher nossa camada com qualquer cor quente. No meu caso

adicionei #FF7E00 usando a ferramenta Paint Bucket Tool (G) na nova camada.

17º Passo: Altere a propriedade da nova camada para "color".

Resultado final Aqui com algumas alterações:

126

Automatizando a edição de imagens com Actions do Photoshop Para os spotters/fotógrafos pouco íntimos dos programas de edição de fotos, "tratar" uma imagem ao ponto de aceitação de sites como Airliners.net e Jetphotos.net ou até mesmo para uma impressão caseira ou em laboratório, pode ser um martírio, ter uma curva de aprendizado enorme e levar o bravo fotógrafo amador a níveis exorbitantes de stress por pura incompreensão dos termos usados por tais programas. Sejamos francos, todos passamos por isso! Para facilitar a vida de quem não edita imagens profissionalmente ou para quem realiza edições repetitivas, a Adobe inclui em todas as versões do programa Photoshop a possibilidade de automatizar algumas ações como ajuste de curvas, brilho/contraste, saturação de cores, sharpen, efeitos artísticos; em suma, as principais funções do programa podem ser automatizadas e combinadas. E é isso que fiz; desde que comecei a fotografar com câmeras digitais, percebi que certos procedimentos eram padrão para todas as fotos, e que certas "melhorias" também ficavam bem em todas as fotos. O pacote Contato Radar de Actions para o Photoshop é um apanhado das Actions mais úteis e mais genéricas criadas para facilitar nossa dura vida de spotter. Instalação Após o download do arquivo contato_radar.zip, coloque o arquivo contato_radar.atn em qualquer pasta do seu sistema, eu, por questões de organização, prefiro a pasta Plug-Ins dentro da pasta principal do Photoshop. Dentro do programa, certifique-se que a janela das Actions está aberta; Window>Action ou ALT+F9.

Com a janela de Action aberta, clique na seta apontando para a direita e selecione "Load Actions". Procure pelo arquivo Contato_Radar.atn e selecione "load". Surgirá no menu, o pacote Contato Radar com todas as Actions correspondentes. Para "acionar" o processo de uma Action, abra uma imagem qualquer, e na janela das Actions, selecione a Action a ser usada e aperte o botão play.

Pacote Contato Radar

127

A seguir, algumas explicações sobre a função de cada Action inclusa no pacote Contato Radar: Película: Adiciona contraste local, satura cores e realiza sharpen. Faz imagens "desbotadas" ficarem mais vivas e imagens muito boas costumam ficar ainda melhores. A idéia é criar um efeito "film-like". Película ½: Faz o mesmo que o action "Película" com valores e efeitos mais brandos, reduzidos à metade. Menos sombras: "Descobre" as áreas escuras, deixando a foto menos escura mas diminuindo um pouco o contraste. Funciona de maneira semelhante ao efeito "Shadow/Highlight" das versões CS e CS2. Menos Luz: Efeito semelhante ao "Menos Sombras" mas ao contrário. Descobre os pontos de muita claridade e tenta abrandá-los.

Imagem original Action Película

Action Película V2 Action Menos Sombras

Action Menos Luz

128

Menos Amarelo (Noturno): Para reduzir o efeito exageradamente amarelo das floodlights de Sódio ou de white balance mal ajustado em fotos noturnas. Efeito ISO800: Simula o efeito (aproximado) de ISO800 em fotos muito escuras tiradas à noite. Estrelas (Nortuno): Cria efeito estrelado nas luzes de uma foto, similar aos filtros Cross-Screen, Star-Six e Star-Eight (esta Action está mais para Star_Four). Está longe de ser a mais útil das Action mas cria um efeito interessante especialmente se a foto for usada para impressão.

Imagem original Action Menos Amarelo Action ISO800 Action Estrelas Para desfazer o efeito de uma Action, não use o comando "Undo". Na janela das Actions, selecione a orelha "History" e então a foto original. Todas essas Actions foram criadas a partir da minha experiência própria com edição de fotos no Photoshop. Os resultados são todos aproximados e podem, ou não, agradar o gosto fotográfico de cada um. Sendo assim, é possível modificar cada parâmetro usado para melhor adequação ao estilo, câmera e técnica de cada fotógrafo. VIRANDO A PÁGINA

CREATE YOUR OWN CUSTOMIZABLE PAGE CURLS!

For: Photoshop 6 and higher

Level: Intermediate Here is a tool that will help you create your own, free page curl effects! Do not get intimidated by the number of the steps below: As soon as you familiarize yourself with the technique, it will only take a few seconds to create the effect. Let’s start: You will use an action and a set of nine gradients I have prepared for you. Please download them by clicking on this link:

Curls.zip (3.47 KB) Unzip the files in your hard disk. Drag both files in your Photoshop work area. Alternatively, you can load up the gradients and the action by using the preset manager and the action palette, respectively. This tutorial will guide you through the rest of the steps:

129

1. Open an image. The action is optimized for images of landscape orientation (e.g. 4:3 or 3:2 aspect ratio). In addition, the action lets you transform the curl shape so that it looks optimal with images of any aspect ratio. 2. Run the PageCurl Photoshop action. In a few seconds a page curl vector shape appears at the top left image corner. 3. You can manipulate the size of the curl and its proportions by dragging the transformation handles. Drag the lower right handle to change the curl dimensions to preference:

4. When finished, double click to confirm. In a moment you will be asked to stop the action and then select the path selection tool: 5. To select the path selection tool press A on your keyboard (the path selection tool is the black arrow on the toolbox. Be careful not to select the direct selection tool instead!): 6. Now click inside the curl shape and press the "Delete" key on your keyboard:

7. Resume playing the action from the step you stopped earlier. The action does some tricks and in a moment you are asked to press stop again: You will use the path selection tool again. This time click inside the empty (transparent) area at the top left image corner and press the “Delete” key:

130

8. Resume the execution of the action from the step it stopped earlier. When the action finishes what you get is a photoshop image that is a combination of 3 layers. The “Add curl shadow” layer is selected: 9. The action's finished. We will now add our artistic touch to the white curl area to enhance the impression of a curled surface: We will use the gradient fill tool. If you haven't loaded my "Curl gradients" set, please use Photoshop's preset manager (Edit > Preset manager) to load it. 10. Press G to select the gradient tool. My set contains 9 gradients. Please select the first one (called "Curl Shadow"): Make sure that the Linear Gradient tool is selected:

11. Use your mouse and drag from point A to point B to create the curl shadow. If you don't like the result of your first attempt, press Control+Z (MacOS: Command+Z) to undo, and try again:

The shadow of the curl has now been created. Adjust the opacity of this layer to your liking. 12. On the Layers palette select the "Curl" layer. Now pick any of the other eight gradients. In our example I picked the black-white-black gradient (named "Curl3"). I dragged with the mouse from point A to point B, the way depicted below:

This is the result I got: If you don't like the gradient fill you just created, just retry (you don't have to undo the previous fill)! TIP: WIth certain images try to change the blending mode of the curl layer (e.g. to "Multiply" or "Overlay") to create a semi-transparent curl effect. Overall, this is a very flexible tool: -It allows you to adjust the curl size, the curl shadow and the curl gradient effects. If you wish to create a page curl on another image corner (e.g. at the top right corner), use the flip canvas transformation command (Image > Rotate canvas > Flip Canvas) prior to running this action. When finished, flip the canvas again. Actually by playing with the flip commands you can create page curls on any of the four image corners:

131

To create a curl at the top right corner, flip the canvas horizontally. To create a curl at the lower left corner, flip the canvas vertically. To create a curl at the lower right corner, flip horizontally and vertically. When finished flip the canvas again. REFLEXO - CREATING REFLECTIONS IN PHOTOSHOP

For: Photoshop 6 and higher Level: Intermediate

In this tutorial we will study in detail the steps needed to create a reflection effect like the one shown on the image above. From an educational perspective we will use some important features such as the layers masks, transformations and gradient fills. 1. Open an image in Photoshop.

1. 2. Double click the “Background” layer and rename it to “Reflection”. 3. If the rulers are not visible, select View > Rulers from the menu. 4. Double click the rulers or Right-click on any of the rulers (MacOS: Command+Click); set the units of measurement to Percent:

5. On the menu select Image > Canvas size. Type in these values in the width and height fields:

132

For Anchor please click the middle square of the first row (see the yellow arrow in the above image). 6. Press V to select the move tool. Hold down the Shift key and use your keyboard’s Down Arrow key to move the image slightly downwards. 7. From the main menu select Layer > Duplicate layer. Name the new layer as “Photo”. 8. Select the “Reflection” layer. 9. From the menu select Edit > Transform > Flip Horizontal. 10. From the menu select Edit > Transform > Rotate 180. 11. Press V. Hold down the Shift key and press your keyboard’s Down Arrow key to move the "Reflection" layer below the "Photo" layer:

12. We'll now add a Canvas layer: Hold down both Control + Alt keys (Mac: Command + Option) and click the Create a new layer icon on the layers palette:

This is a very useful key stroke because it places the new layer right below the active layer, in one click.

133

13. Rename the new layer to Canvas. 14. Press D to reset color swatches and select Edit > Fill > Foreground color or press Alt+Delete (MacOS: Command+Delete) to fill the canvas layer with black color. 15. Select the "Reflection" layer. On the layers palette click the Add a layer mask button (the one with the white circle within a grey rectangle). A white mask thumbnail appears to the right of the "Reflection" layer thumbnail: 16. From the toolbox select the Gradient tool:

The gradient tool bar appears under the main menu: It should show the default White-to-Black gradient fill. If you have previously loaded another gradients set, you will need to reset your gradients. To do so, please follow these 3 steps:

Having reset gradients, select the first one from the list (the White-to-Black gradient) 17.Having picked the gradient tool and having clicked the "Reflection" layer mask thumbnail, hold down the SHIFT key; Click and drag from point A to point B:

134

Release your mouse button and the Shift key. That’s it! Now you can adjust the opacity of the "Reflection" layer to preference. You can click the "Reflection" layer thumbnail (remember: at the moment it is the "Reflection" layer mask that is selected!) and then select Filter > Distort > Ripple. This will ripple the reflection, making our photo looking as if it were reflected on a liquid surface:

Let's go deeper into what we actually did with the mask: A layer mask is a great tool; where it is painted with white color, the respective layer pixels are 100% opaque. When it is black the layer pixels are transparent. We can selectively paint some mask areas with black color in order to hide the respective pixels. Or we can apply a black-to-white gradient (like we did here) in order to create a smooth transition from 100% to 0% opacity within the same layer. Take a look at my Big Blue action: there I reflected a whole layer set on the sea surface. CABELOS REBELDES 02 Descrição: Explicação sobre como alterarmos o fundo onde temos cabelos Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 8,0 Ao som de: Linkin Park - From the inside 1º Passo: Abra uma foto qualquer.

135

Nesse momento explicarei um pouco mais sobre canais, já que iremos ultilizar no 2º Passo. Algumas vezes podemos melhorar a qualidade de uma imagem mesclando dois ou mais canais. Fazemos isso usando o comando Misturador de Canais nos modos RGB (Para tela do computador) como em CMYK (para impressão) de acordo com a calibragem de seu monitor. (Para informações a respeito da calibragem pessoal de cor, consulte minha matéria sobre calibragem). Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul. Agora um trecho próprio Help do photoshop: "Observe que todos canais de cor se encontram visíveis atualmente, inclusive o canal RGB, que é uma composição dos canais separados vermelho, verde e azul. Para visualizar os canais individualmente, use os ícones de olho da paleta." * Lembrando aos meus amigos que "Misturador de Canais" no Photoshop se localiza em: Image (Imagem) > Adjustments (Ajustes) > Channel Mixer (Misturador de Canais). 2º Passo: Vá em Janela (Window) > Canais (Channels).

Nesse momento precisamos analisar cuidadosamente cada um de nossos canais para descobrirmos qual possui maior contraste. 3º Passo: Em nosso caso, o canal com o maior contraste foi o verde.

Duplique o mesmo clicando com o botão direito e em seguida "Duplicate Channel" (Duplicar canal) e renomeie como Verde_02.

136

Devemos duplicar o canal ultilizado já que, alterando o canal verde matriz, estariamos alterando na composição de nossa imagem e não é o que queremos. 4º Passo: Com nosso canal Verde_02 ativo, iremos inverter suas proriedades de cor pressionando "ctrl+i".

5º Passo: Clique sobre a ferramenta "Burn Tool".

E na barra de opções altere suas propriedades como na figura abaixo: Range: Shadows Exposure: 43%

7º Passo: Aumente a ponta da ferramenta "Burn Tool" usando " ] " e " [ " para diminuir e trace o fundo da foto.

8º Passo: Mude a ferramenta para "Dodge Tool" e suas propriedades como abaixo:

137

Range: Hightlights Em seguida preencha completo a parte interna.

9º passo: Clique sobre o canal RGB e, pressionando "ctrl", clique sobre o canal invertido (Verde_02). Perceba que seu arquivo alterado será selecionado.

10º Passo: Volte a paleta de camadas e clique sobre aferramenta "Move tool" ( V ).

Passe o mouse sobre a nossa imagem selecionada e perceba que há uma alteração no cursor do mouse (Uma seta em cruz para uma seta com uma tesoura ). 11º Passo: Nesse momento pressione o botão do mouse e com calma arraste sua imagem selecionada (que a essa altura se tornou um recorte) para outra imagem qualquer.

138

12º Passo: Clique sobre a ferramenta borracha.

13º Passo: Altere a ponta "Soft Round" e opacidade de 34%. Podemos corrigir esta silueta.

Nosso resultado final:

Aqui com algumas alterações:

139

FUNDO ABSTRATO 02 Descrição: Explicação de como se criar fundo abstrato no Photoshop Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Charles Bronson - F technology 1º Passo: Crie um arquivo de 450x350 pixels em RGB

2º Passo: Clique sobre a ferramenta "Paint Bucket Tool".

Preencha sua camada com #016DAE. 3º Passo: Em seguida clique sobre a opcao de Filtro: "Filter > Render > Lens Flare" e altere como a seguir:

4º Passo: Clique em "Filter > Stylize > Extrude" e novamente altere como a seguir:

140

5º Passo: Pressione "CTRL+M" e altere como abaixo:

6º Passo: Duplique a camada pressionando o botão direito e em seguida "Duplicate Layer"

7º Passo: Clique sobre a camada duplicada e em seguida pressione " CTRL+I"

141

8º Passo: Clique na opção de filtro Filter > Sketch > Chrome.

9º Passo: Em blending altere para "Linear Light".

E finalmente...

FUNDO ABSTRATO Descrição: Explicação de como se criar fundo abstrato no Photoshop Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: Evanescence - My imortal 1º Passo: Crie um arquivo de 450 x 300 pixels em RGB.

2º Passo: Pressione "D" para as cores voltarem as padrões.

142

3º Passo: Na barra de opções, vá em Filter > Render > Clouds.

4º Passo: Vá em Filter > Render > Difference Clouds.

5º Passo: Agora em Filter > Artistic > Smudge Stick.

6º Passo: Em seguida vamos em Filter > Stylize > Wind.

7º Passo: Novamente iremos em Filter > Stylize > Wind e altere a direcão do vento.

143

8º Passo: Pressione "CTRL+ U" e altere como aseguir: Colorize: Ativo Hue: 113 Saturation: 41 Lightness: 0

CRIANDO UM ALIENÍGENA Nesta matéria, com uma série de recursos, vamos criar um alienígena apartir de uma foto masculina. Observer as orelhas, os olhos, o nariz, a sobrancelha, dentre outros.

Abra o arquivo alien.jpg , crie uma cópia da camada: dê dois cliques no plano de fundo, renomeie para fundo e arraste-o para o símbolo criar nova camada, que ficará como fundo cópia.

Na cópia, vá ao menu imagem/ajustar/brilho e contraste. É mais fácil alterar cores na imagem mais clara.

144

Com a ferramenta carimbo, procurei pegar partes próximas à boca, para removê-la sem deixar marcas:

Com o carimbo também removi as sombrancelhas, e com as ferramentas subexposição e superexposição comecei a delinear melhor onde eu quero luz ou sombra:

Selecionei os olhos, mantendo na barra de propriedades difusão 2, para que não fique artificial a seleção, e fui ao menu imagem/ajustar/variações, clicando duas vezes no verde

No menu imagem/dissolver utilizei a ferramenta distorcer para "esticar as orelhas", e a ferramenta inchar para aumentar o nariz, dose o tamanho do pincel:

Selecionei o branco com a varinha mágica, menu inverter/seleção, com alt pressionado removi os olhos da seleção (laço poligonal) e a parte branca da camisa.

145

Imagem/ajustar/variações:

Alterei um pouco mais o brilho e contraste:

Menu imagem/ajustar/curvas, para realçar mais as cores:

146

Com as ferramentas subexposição e superexposição, atenuei sombras e luzes de determinadas regiões. Esse trabalho é bem manual e de paciência. Dê zoom nos detalhes e veja como os olhos sobressairam:

Apliquei uma máscara na camada de cima (base da janela camadas) e com a ferramenta degradê (de preto para branco) fiz uma transparência gradiente na base da foto, para revelar um pouco da camada de baixo:

Resolvi "brincar um pouco mais" no menu imagem/dissolver:

Aqui está a imagem final:

147

DESENHOS Resolvi escrever uma matéria para Photoshop com os Cavaleiros do Zodíaco. Eu criei meu próprio cavaleiro e nada impede que vocês criem os seus ou desenhe os que já existem! Vamos abrir um documento 800 x 600, RGB (pois estamos trabalhando para Internet), resolução de 72, fundo preto ou transparente.

O segundo passo é colocar um fundo. Pode ser preto ou de outra cor escura, fica ao seu critério. O importante, neste passo, é criar outra camada, deixando uma para o fundo e outra para selecionar a ferramenta Marca de Seleção Elíptica, e formar uma elipse como na figura abaixo.

148

Feito isso, vamos fazer um corte nela como mostrado na figura para que ela tenha um formato parecido com um capacete. Ao fazer o formato, vamos preenchê-lo com um gradiente como na figura abaixo (metais – prata).

Depois de preenchermos com este gradiente, vamos preencher com outro. Clique na camada com o capacete segurando control. Isso vai selecioná-la para que possa ser aplicado outro degradê (figura abaixo) que iremos editar.

Nesse passo estamos criando o capacete do cavaleiro. Vamos fazer alguns cortes no capacete com a ferramenta Laço Poligonal. Selecione a camada do capacete e faça uma seleção no formato que quiser para o corte lateral. Eu fiz um triângulo e dois cortes de cada lado do capacete.

Neste passo, o capacete começa a ganhar detalhes para que mais na frente possa ser trabalhado com o rosto. Vamos criar outra camada que iremos chamar de símbolo do capacete. Selecione a ferramenta Marca de Seleção Elíptica, para formar uma circunferência, deixando o shift pressionado para uma circunferência perfeita.

149

Vamos preencher essa circunferência com degradê prata que usamos no capacete!

Depois disso, vamos criar outra camada que será a parte de dentro deste circulo que criamos. Podemos clicar na camada símbolo do capacete com o control para selecioná-la e utilizar redução como mostrado na figura acima. Coloque um valor entre dez e quinze na caixa da opção de redução, selecione a camada vazia que criamos sem desfazer a seleção do circulo preenchido, e preencha com preto. O próximo passo será criar um ruído neste círculo preto. Vá em Filtro Ruído > Adicionar Ruído, como na figura abaixo e depois iremos aplicar desfoque de movimento neste círculo preto. vá em Desfoque > Desfoque gaussiano.

Depois disso vamos dar um toque bem bacana. Vamos adicionar ao nosso símbolo Chanfro e Entalhe. Vá em Estilo da Camada e clique em Chanfro e Entalhe. Escolha entalhe elevado e modifique as opções até parecer estar entalhado. Não exagere muito pois é só para dar um pouco de volume ao símbolo. O próximo passo é desenhar o símbolo do capacete. Existe duas formas para se fazer isso: através de demarcador ou simplesmente com laço poligonal. Com demarcador, podemos fazer selecionando a ferramenta caneta. Desta forma, poderemos desenhar a forma que queremos. Esta parte vai mais da criatividade de cada um. Eu desenhei uma forma, porém, não se prenda a ela e faça a sua. Se fizer com a caneta você, estará trabalhando da seguinte forma: Após ter terminado a forma que deseja para o símbolo, você irá clicar na paleta demarcadores e irá criar uma seleção, clicando com o botão direito em cima da camada escrita demarcador de trabalho, criar seleção. Após ter criado sua seleção, vamos preenchê-la com o degradê metal. É legal você trabalhar com curvas para deixar o degradê mais parecido com metal (control+m). Após finalizar todo este processo, você deve estar com uma imagem igual a esta:

150

É nesta hora que iremos usar o filtro plastificação. Filtro artístico > Plastificação, para dar um brilho bem bacana ao símbolo. Agora vamos criar alguns fios para ornamentar o capacete. Selecione a ferramenta Laço Poligonal para fazer um tentáculo como na figura abaixo.

Com isso teremos que usar o filtro distorção, cisalhamento. Teremos que editar a curva para que fique com a forma de um tentáculo, como na figura abaixo. Duplique umas duas vezes ou mais como preferir e depois mescle as camadas (control+e). Coloque opacidade depois delas agrupadas (só um pouco de opacidade) e depois use o filtro plastificação, como na figura abaixo (obs: você pode fazer uma sombra branca por trás dos tentáculos.)

151

Bom galera, neste ponto já conseguimos chegar na metade do nosso artigo. Fiquem frios que daqui para frente vamos fazer o rosto do cavaleiro. Primeiramente vamos duplicar estes fios pois colocaremos um em cada lado do símbolo do capacete.

Como já temos o capacete, podemos partir para o começo do rosto. Vamos lá. Nesse ponto é interessante que você tenha alguma imagem dos cavaleiros do zodíaco. Vai servir como referência para os traços como olho, boca, nariz, cabelo e etc.

Agora vamos desenhar olho, boca, nariz, face e tudo mais. Para isso precisaremos da Ferramenta Pen. Crie uma camada chamada olho. Com a ferramenta vamos desenhar como na figura acima o olho. Depois faça o mesmo procedimento para boca, nariz e um pedacinho do queixo. Tipo uma sombra. Você pode, com a caneta, passar por cima da figura ou fazer no olho mesmo, que é bem mais difícil e mais divertido!

152

Para montarmos a esfera do olho é fácil. Crie uma camada e nomeie para que você não fique perdido. Crie uma seleção com a ferramenta de Marcação Elíptica e vá em Filtros > Iluminação e aplique nuvens por diferença, na cor que você achar que seu personagem deve ter. Lembre-se: antes de aplicar o filtro, você deve preencher a seleção com a cor do olho, tipo azul. Depois faça como na figura acima. Uma outra circunferência menor, e um triângulo quase encostando na esfera menor. Mescle tudo na camada com a esfera maior e duplique. Você terá os olhos do personagem.

Agora que já desenhamos, olhos, boca, nariz, sombrancelhas e capacete, falta o rosto, que pode ser desenhado como na figura acima. A sombra do rosto é feita com a Ferramenta Superexposição. Cuidado para não sombrar demais, aconnselho a escolher nas opções de cima, em escala: sombras. Outra observação é em relação à cor do rosto. Escolha um tom de pele para que possa ficar bacana o trabalho. Bom, agora só falta o cabelo.

Teremos que desenhar o cabelo e o mesmo vai ficar por trás do capacete. Com a Ferramenta Caneta poderemos desenhar melhor o cabelo. É interessante você copiar nesta hora do modelo que você estiver usando dos cavaleiros. Passe por cima com a caneta e crie uma seleção. Lembre-se que estamos trabalhando com demarcador. Pinte com um degradê o cabelo ou uma cor chapada, tipo azul ou mesmo cinza. Depois aplique o Filtro Plastificação com o cabelo selecionado. Nesta hora é que o cabelo vai ganhar um brilho forte. Escolha a Ferramenta Superexposição e escureça algumas áreas como na figura acima. Vá dando alguns ajustes de sombra com a ferramenta. Pronto, você finalmente tem seu cavaleiro.

153

Bom galera, o cavaleiro não é tão difícil para começarmos meu primeiro artigo no iMasters. É bom para quem for acompanhar sempre os próximos artigos a se familiarizarem com ferramentas como caneta, degradê e sempre trabalhar com desenhos e desafios. Com este artigo você está apto a construir não só cavaleiros do zodíaco, e sim vários personagens de games e até quadrinhos! Lembre-se de fazer vários diferentes e testar vários efeitos para melhorar mais ainda! HAL TONE EM TEXTO Descrição: Explicação de como se criar textos com efeitos de half tone no Photoshop Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,0 Ao som de: The Hives - Die, All Right 1º Passo: Crie um arquivo de 400x300 pixels em RGB.

2º Passo: Vá à paleta Canais e adicione um novo canal.

154

3º Passo: Usando a cor branca, clique sobre a ferramenta "Horizontal Type Tool" e escreva um texto qualquer. 4º Passo: Clique sobre o canal Alpha 1.

E remova a sua seleção ( "Ctrl+D"). 5º Passo: Agora inverta as propriedades de cor de seu canal ("Ctrl+I").

6º Passo: Vá em Filter > Pixelate > Color Halftone e digite os valores a seguir:

7º Passo: Inverta o canal novamente (" Ctrl+I")

155

8º Passo: Pressione "Ctrl+Click" no canal Alpha 1 em seguida clique sobre o canal RGB. 9º Passo: Retorne a paleta de Camadas e adicione uma nova camada ( "Shift+Ctrl+N"). 10º Passo: Usando a ferramenta "Paintbucket Tool", preencha sua seleção com uma cor qualquer. Em meu exemplo utilizei #FF9C00. 11º Passo: Na barra de opções vá em Layer > Layer Style > Blending Option e altere a seguir. Drop Shadow Bevel and Emboss

Stroke

Caso queira salvar seu estilo clique em New Style

156

TEXTO GRUNGE Descrição: Como criar textos com efeitos grunges no Photoshop. Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão). Grau de Dificuldade: 7,5 Ao som de: Sheryl Crow & Eric Clapton - Run baby run 1º Passo: Crie um arquivo RGB de 500x280 Pixels (A cor de fundo fica a critério, já que será alterada) 2º Passo: Retorne suas cores às padrões, pressionando "D". 3º Passo: Vá em Filter > Render > Clouds.

4º Passo: Agora vá em Filter > Noise > Add Noise e deixe como abaixo:

5º Passo: Clique em Filter > Pixellate > Mosaic.

6º Passo: Pressione "CTRL+L" e altere seus valores como abaixo:

7º Passo: Adicione seu texto em cor de fonte Branca. A fonte fica a seu critério. Eu usei a "DSJapanCyr".

8º Passo: Na paleta de camadas, preste atenção e clique sobre a camada com o texto e pressione "ctrl+e" para unirmos as duas camadas.

157

9º Passo: Vá em Filters > Stylize > Glowing Edges. E altere como a seguir:

10º Passo: Duplique a camada e na camada de cima altere sua propriedade em blending para Spin Light.

Este é um efeito que quanto maior o arquivo for, maior será o destaque. Espero que tenham gostado. Fiquem com Deus e até semana que vem. BANNERS ADOBE IMAGE READY Grandes amigos! Hoje vamos ver algo bem interessante. Dando sequencia às matérias sobre banners, estudaremos diversos recursos sobre o Adobe Image Ready CS. Banners - Parte 03 (Adobe ImageReady®) Descrição: Estudo sobre software ImageReady e a criação de banners. Software ultilizado: Adobe Image Ready CS em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 8,5 Ao som de: A Litte Less Conversation- Elvis vs jxl Antes de mais nada, vamos ver um pouco mais sobre esse programa ok? No Adobe ImageReady criaremos animações com base em uma única imagem, por meio de arquivos GIF animados. Um GIF animado é uma sequência de imagens, ou quadros. Cada quadro varia ligeiramente em relação ao quadro precedente, criando a ilusão de movimento quando seus quadros são visualizados em sucessão rápida. É possível criar animações de várias maneiras: 1º maneira: Utilizando o botão "Duplica", o quadro atual da paleta "Animação" para criar quadros de animação e, em seguida, usando a paleta "Camadas" para definir o estado de imagem associado a cada quadro. 2º maneira: O recurso Entremeio é utilizado para criar rapidamente novos quadros que deformam textos ou promovem uma variação na opacidade, posição ou efeito de uma camada. Isso criará a ilusão de um elemento em um quadro que se move ou gradualmente se acende ou apaga. 3º maneira: Abrindo um arquivo de várias camadas do Adobe Photoshop ou Adobe Illustrator para criar uma animação, transformando cada camada em um quadro. Dicas: Ao criar uma sequência de animação, é melhor permanecer na visualização de imagem Original. Isso evita que o ImageReady tenha de reotimizar a imagem à medida que o conteúdo dos quadros é editado. Arquivos de animação resultam tanto em arquivos GIF quanto em filmes de QuickTime. Não é possível CRIAR uma animação JPEG ou PNG. (Inspirado do Livro : Guia Autorizado Adobe) Agora retirei um trecho do Help do próprio Adobe Photoshop. WEB - Sobre trabalhar com camadas em animações Trabalhar com camadas é uma parte essesncial da criação de animações no ImageReady. Dispor cada elemento de uma animação em uma camada própria permite alterar a posição e a aparência do elemento por uma série de quadros. Alteraões específicas ao quadro: Algumas alterações efetuadas às camadas afetam somente o quadro de animação ativo. Por padrão, as alterações feitas por meio dos comandos e opções da paleta

158

Camadas - Inclusive em opacidade de camada, modo de mesclagem, visibilidade, posição e estilo - são específicas ao quadro. Contudo é possivel aplicar alterações de camada a todos os quadros de uma animação por meio de botões da paleta Camadas. Alterações globais: Algumas alterações afetam todos os quadros nos quais a camada está incluída. Alterações efetuadas a valores de pixel da camada, por meio de ferramentas de pintura e edição, comandos de ajuste de cor e tom, filtros, textos e outros comandos de ediçaõ de imagem, são globais. Cada novo quadro é iniciado como duplicata do quadro anterior - o quadro é editado pelo ajuste de suas camadas. É possível aplicar alterações de camada a um único quadro, a um grupo de quadros ou à animação inteira. Bem amigos, vamos lá! Primeiramente vamos explicar as ferramentas mais usadas no Adobe ImageReady e iremos criar uma pequena animação, bem simples, como exemplo, pois gosto de explicar em detalhes para aqueles leitores iniciantes ou que não tem condições de comprar livros. Por isso, caso precisem de alguma coisa, mande-me um email. 1º Passo: Abra uma imagem qualquer no ImageReady

2º Passo: Duplique a camada clicando sobre o botão "Duplicates current frame" como abaixo:

Agora acompanhe a explicação de cada botão:

A: Menu suspenso: Opções de looping B: Botão seleciona o primeiro quadro C: Botão seleciona o quadro anterior D: Botão Executa/Interrompe a animação E: Botão seleciona o próximo quadro F: Botão interpõe quadros de animação G: Botão duplica o quadro atual H: Exclui quadros selecionados I: Quadro selecionado 3º Passo: Duplique a camada na paleta de camadas, clicando com o botão direito e clicando sobre "Duplicate Layer" 4º Passo: Com a cópia da camada selecionada, pressione "CTRL+U" e hablite o "colorize" Hue: 214 Saturation: 70 Lightness: -18

159

5º Passo: Em seguida, desabilite a opção de visualização clicando sobre o olho (veja abaixo) e repare, no lado esquerdo, que seus frames foram alterados.

6º Passo: Segure o "SHIFT" e clique sobre o outro frame. Em seguida clique na seta "0 sec." e altere para 0.1 segundo.

7º Passo: Clique sobre o botão de interpolação de quadros (ver F) e deixe como abaixo:

8º Passo: Vá em File > Save Optmized As.. ("Ctrl+Shift+Alt+S").

Imagem retirada da pasta "Samples" do Adobe Photoshop 7.0

160

Está e nossa imagem final. Claro que o resultado vai variar com o número de interpolações de cada leitor. Bom, agora que já sabemos algumas informações importantes do Adobe ImageReady e suficientes para criarmos um banner, criaremos um exemplo para o iMasters! 9º Passo: Abra o .psd no Adobe ImageReady de seu banner que criamos nas duas últimas matérias. Com as fontes e imagens já definidas e posicionadas, use da técnica passada na matéria de hoje para dar movimento ao seu banner. Como podemos ver, usando o "5º Passo", cliquei sobre o frame 1 e desabilitei o modo de visualização da camada do texto em um frame.

E clicando sobre o frame 2 hablitei novamente:

A diferença é que no " 7º Passo " coloquei apenas 4 quadros e adicionei um frame sem texto com delay de 0,2 segundos. Logo em seguida outro frame com o texto novamente e um delay de 0,5. O resultado está abaixo:

Agora adicionei frames ao logo esquerdo, com espaço de tempo, dando a impressão de piscar, e ao texto "iMasters", do lado direito, adicionei um frame posicionando por fora da aréa visualizada. Fiz uma ilustração apenas para imaginarmos a posição onde coloquei o iMasters e adicionei a interpolação com espaço de tempo curto.

(Claro que iMasters não irá aparecer. Eu apenas fiz uma ilustração para imaginarmos onde eu posicionei nossa camada de texto) Meu resultado final é este:

Bem amigo, é claro que o iMageReady possui muito mais recursos, mas por hoje escolhi apenas alguns onde criariamos um banner simples. Quando voltar a escrever sobre iMageReady, falarei a respeito de seus filtros. Semana que vem aguardem a matéria "Gotas em lata de refrigerante!" Espero que tenham gostado. Dúvidas, mandem-me via email. Um abraço a todos e fiquem com Deus.

161

BANNER 02 Salve amigos! Hoje daremos sequência à série sobre Banners. Trabalharemos mais alguns estilos de fundo. Antes, eu so gostaria de mandar um abraço para o pessoal da WOC e agradecer muito a oportunidade. Um grande abraço também a todos meus amigos. Criando banners Descrição: Estudo sobre criação de fundos para banners Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 8,0 Ao som de: Freddy Vs Jason - 07 - Chimaira-Army Of Me 1º Passo: Crie um arquivo em RBG de 468x60 pixels, com fundo transparente (a escolha do fundo fica a critério do criador, já que também podemos usar branco como cor inicial). Em seguida, pressione "D" para as cores voltarem as padrões. Como podemos observar, o próprio Photoshop já possui uma configuração de tamanho presente para banners;

2º Passo: Vá na barra de Opções: Window > Documents > New Window Desta forma estamos criando mais uma visualização para nosso arquivo. Como já disse aqui, gosto muito desse recurso do Photoshop, já que podemos visualizar ao mesmo tempo nosso documento em modos de zoom diferentes. Isso ajuda muito quando precisamos nos preocupar com os detalhes. Posicione onde desejar; 3º Passo: Altere suas cores principais e de fundo, invertendo-as como abaixo:

4º Passo: Vá em Filter > Render > Clouds; 5º Passo: Agora em: Filter > Render > Difference Clouds; 6º Passo: Continuando... Image > Adjust > Invert ("ctrl+i");

7º Passo: Agora em Image > Adjust > Levels. E altere como abaixo:

162

Sua imagem ficaria como a imagem abaixo e já poderiamos considerar como um bom efeito de fundo, restando somente alguma cor;

Mas vamos continuar... 8º Passo: Vá em Filter > Blur > Radial Blur e use as configurações abaixo:

9º Passo: Duplique essa layer e altere sua propriedade em blending option para "Color Dodge";

10º Passo: Clique sobre a camada original e em seguida vá em: Image > Adjust > Color Balance e use as opções abaixo:

163

Caso queira com outra cor, basta alterar suas configurações. Com as que coloquei, teremos essa imagem final:

11º Passo: Clique sobre a ferramenta "Eraser Tool" e vá apagando alguns trechos da camada que colocamos em color dodge. Lembre-se que se usarmos "[" podemos diminuir o tamanho da ponta da borracha e com "]" aumentaremos. Apos deletar alguns trechos, acrescentei texto e um "Lens Flare".

Vamos criar mais um: 12º Passo: Repita o 1º passo e em seguida o 3º passo; 13º Passo: Vá em Filter > Render > Clouds; 14º Passo: Agora em Filter > Render > Lighting Effects e altere como a seguir:


Com algumas alterações de texto em blending option:

Semana que vem falarei exclusivamente sobre o Image Ready. Então, quem tem duvida sobre como utilizar esse maravilhoso programa, não perca a próxima matéria. Vou mostrar desde algumas das funções principais até como dar movimentos mais complexos a seu banner. Um abraço e fiquem com Deus. BANNERS Olá grandes amigos! Primeiramente desculpe pela minha ausência com a coluna na última semana. Tive alguns problemas pessoais que agora já estão se resolvendo, graças a Deus. Caso tenham me enviado e-mails e eu não respondi, por favor reenviem sua dúvida para meu outro e-mail pessoal ([email protected]). Estou voltando normalmente também a postar imagens em meu Fotolog (www.fotolog.net/fabiolody). Qualquer dúvida em relação às imagens postadas, entrem em contato. Antes de iniciar a matéria, eu so gostaria de corrigir um pequeno erro na matéria "Cabelos Rebeldes". No 7º Passo eu alterei o nome da ferramenta, onde o correto seria "Dodge Tool". Dando sequência à nossa lista, hoje iremos ver falar sobre fundos para Banners!

164

Antes de tudo precisamos ver quais tipos de banner iremos trabalhar. Os espaços mais utilizados são o topo da página, para full banners e os botões, que são banners menores, localizados em espaços alternativos, na lateral ou ao final do layout. Os banners botões tem o tamanho padrão de 88x31. Abaixo temos 3 exemplos, cedido pelo usuário VBA de nosso fórum.

Outros banners botões, um pouco maiores, são os de 120x60 pixels.

Já os full banners, mais tradicionais, tem 468x60 pixels.

Vamos lá! Criando banners Descrição: Explicação sobre como criar fundos para banners Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão) Grau de Dificuldade: 7,5 Ao som de: Juno Reactor/Don Davis - Tetsujin 1º Passo: Crie um arquivo em RBG de 468x60 pixels, com fundo transparente (a escolha do fundo fica a escolha do criador, já que também podemos usar branco como cor inicial). Em seguida pressione "D" para as cores voltarem ao padrão. Como podemos ver, o próprio Photoshop já possui uma configuração de tamanho presente para banners.

2º Passo: Em seguida, vá na barra de Opções: Window > Documents > New Window Fazendo isso, estamos criando mais uma visualização para nosso arquivo. Como já disse aqui, gosto muito desse recurso do Photoshop, já que podemos visualizar ao mesmo tempo nosso documento em modos de zoom diferentes. Isso ajuda muito quando precisamos nos preocupar com os detalhes. Posicione onde quiser. 3º Passo: Nesse momento já temos o arquivo base criado. Agora precisamos do principal: as idéias. No meu caso, como farei um banner da própria coluna, utilizarei branco como fundo e um logo do iMasters para a primeira ação.

Repare que, por enquanto, a única coisa que fiz foi posicionar um logo. Pressionando "CTRL+T" para ablitarmos as opções de transformação na imagem, segure o "SHIFT" e, clique e arraste para diagonal aumentando assim o tamanho do objeito.

165

Pela seta indico suas pontas onde digo para arrastarmos, caso queira aumentar seu objeto. Claro que haverá estouro de pixels, já que estamos alterando seu tamanho sem mexer em sua quantidade de Dpis. Mas usaremos a imagem com uma opacidade grande, ficando, desta forma, quase imperceptivel a perda. 4º Passo: Note que posicionei a imagem ampliada e reduzi sua opacidade nas propriedades da imagem.

5º Passo: Adicionei novamente a camada com o logo e note quanto é importante o "2º Passo". Perceba que estou escolhendo a fonte a ser usada. Acima, a janela ampliada e com a escolha da fonte. Já um pouco mais abaixo, o banner final.

6º Passo: Já com as fontes definidas e posicionadas, resta somente o movimento. A base para nosso banner está pronta. Claro que até esse ponto parece fácil, já que o mais dificil é considerado o movimento que veremos na próxima matéria.

7º Passo: Usando a mesma quantidade de camadas e as mesmas idéias, fiz o button e o banner lateral.

Agora vamos criar outros tipos de fundos para os nossos banners. Geralmente, a grande sacada em fundo de banners, como por exemplo "hightech", que são muito pedidos por e-mail, seria saber lidar bem com blending option, opacity e masks. Vamos agora ver um pouco sobre isso. Hightech - 01 8º Passo: Repita o 1º Passo, mas desta vez com background Branco. 9º Passo: Vá em Filter > Render > Difference Clouds. Agora aplique novamente o filtro configurado por 5 vezes pressionando "CTRL+F". 10º Passo: Agora em: Filter > Stylize > Find Edges. Sua imagem ficará assim:

166

11º Passo: Seguindo: Image > Adjustments > Invert "Ctrl+I". 12º Passo: Vá em: Image > Adjustments > Levels "Ctrl+L" e siga as configurações a seguir:

Nesse ponto, estaremos trabalhando uma imagem parecida com esta:

13º Passo: Vamos em: Image > Adjustments > Hue/Saturation... "Ctrl+U" e hablite a opção "Colorize". Altere as configurações para: Hue: 184 Saturation: 25 Lightness: 0 14º Passo: Agora vá em: Layer > Duplicate Layer, para duplicar sua camada e repita o "13º passo", alterando suas configurações para: Hue: 36 Saturation: 98 Lightness: +5 15º Passo: Em blending Option, altere sua propriedade como a seguir:

Pronto terminamos o primeiro:

Aqui com algumas fontes:

16º Passo: vamos para mais um: Repita o "8º Passo" 17º Passo: vá em: Filter > Render > Clouds

18º Passo: Agora em Filter > Noise > Add Noise

19º Passo: Vamos lá em Filter > Blur > Radial Blur

167


20º Passo: Repita o "13º Passo" mas altere suas configurações para: Hue: 223 Saturation: 30 Lightness: -8 21º Passo: Pressione "CTRL+L" e altere suas configurações como na imagem abaixo:

Terminamos o segundo:

Aqui com algumas fontes e brushes:

PIXEL ART 3D E ai meus amigos! Como vão vocês? Bom, vamos para a segunda parte desse tão maravilhoso mundo pixel. Descrição: Explicação passa a passo sobre pixelart 3D Software utilizado: Photoshop CS em Inglês Grau de Dificuldade: 8,0 Ao som de: Steel Dragon - We all die young Algumas regras: Geralmente os elementos em pixelart 3D são criados em perspectiva isométrica. Essa perspectiva é conhecida como perspectiva perfeita, pois as formas não apresentam distorções. É através dessa falsa simulação de volume que são construídos a maioria dos desenhos em pixelart 3D. A perspectiva isométrica é baseada no ângulo de 30º, assim:

168

Entretanto se dermos um zoom na linha do ângulo, perceba oque acontecerá:

Em 30º a linha de pixels fica deformada, contendo ora um, ora dois, ora três pixels numa seqüência indefinida que esteticamente fica terrível. Para uma melhor apresentação, corrige-se a linha para a seqüência de dois em dois pixels, trazendo a angulação para algo próximo do 26º. Então, mantendo nossa nova medida de 26º, criamos a malha para confecção de nossa perspectiva isométrica.

Bom, só lembrando do nosso caminhão da matéria passada. Para desenvolvê-lo, basta seguir essas dicas:

A medida X1 corresponde à base do caminhão. Se a medida fosse transferida diretamente para a malha isométrica o resultado seria um caminhão maior do que a medida correta. O caminhão teria sua forma final esticada em relação às proporções originais. A medida errada pode ser observada na cor cinza escura. Para que a medida seja transferida com segurança, criou-se um círculo azul com o centro em um dos vértices inferior direito da casa. Do centro do círculo azul foi traçado um raio com 26º de inclinação em relação à base da casa. No exato ponto onde o raio cruza a circunferência, indicado no desenho com a cor laranja, é marcada a linha de rebatimento. Definida no desenho com a cor cinza claro. Após essa marcação a medida X1 pode ser transferida com segurança para a malha isométrica. Agora começaremos do zero um quarteirão em Pixelart 3D. 1º Passo: Trace o contorno base do seu quarteirão.

2º Passo: Trace um segundo contorno em cinza neste tom ( #5F5F5F) e em seguida um terceiro contorno mais claro (#A4A4A4)

169

3º Passo: Preencha a rua com o tom cinza mais escuro que usamos. E, por dentro do quarteirão, de verde (#19740D).

4º Passo: Agora comece a construção de seu quarteirão. Eu comecei com uma árvore. Note que existem pontos que não devemos deixar pra trás, como pontos de luz e sombra. Apenas usando a ponta do pincel mais clara ou escura.

5º Passo: Agora copie e cole a sua árvore em vários pontos diferentes. Em seguida, construa uns homenzinhos (nesse ponto os detalhes não influenciam já que o homenzinho e quase imperceptível).

6º Passo: Usando mesmo princípio da árvore, eu desenhei uma casa.

Amigos, eu gostaria de deixar claro que isso é só o princípio de pixelart 3D. Abaixo seguem alguns exemplos retirados da internet de como esse mundo pode ser maravilhoso.

170

EFEITOS DE LUZ Pulando uma matéria na lista divulgada semana passada, vamos para "Efeitos de Luz". Quem tem acompanhado meu fotolog (www.fotolog.net/fabiolody) viu que publiquei inúmeras imagens com efeitos de luz. E um deles em especial chamou bastante atenção de alguns leitores. Imagem esta que você encontrará abaixo. Então iremos reproduzir um efeito parecido e bem procurando por photoshopers. Imagem postada e usada como exemplo:

Fiz está imagem para um site de Portugal à aproximadamente dois anos. Descrição: Explicação sobre como criar efeitos de luz. Software ultilizado: Photoshop 7.0 em Inglês (funciona em qualquer versão) Grau de Dificuldade: 8,0 Ao som de: Warp Brothers Vs Aquagen - Phat Bass 1º Passo: Crie um arquivo em RBG de 400x500 pixels com fundo transparente. Em seguida pressione "D" para as cores voltarem as padrões. 2º Passo: Usando a ferramenta de preenchimento "Pain Bucket Tool", preencha com preto sua camada (usaremos como camada de fundo).

171

3º Passo: Escolha branco e, com a ferramenta "Elipse Tool", trace um arco como nas imagens abaixo.

4º Passo: Clique com o botão direito sobre a camada e escolha "Rasterize image".

5º Passo: Segure "CTRL" e clique sobre a camada da forma que criamos. Perceba que vemos sua seleção. 6º Passo: Vá em "Select" > "Modify" > "Contract". Em "Contract Selection", altere seu valor para 5 pixels.

7º Passo: Delete a área selecionada para deixarmos apenas a borda.

8º Passo: Duplique a camada quantas vezes quiser e altere sua posição ou forma pressionando "CTRL+T".

172

9º Passo: "Link" todas as camadas de arcos, usando a corrente para assim unirmos as camadas pressionando "crtl +e", como na figura 02 . Em seguida nomeie a camada para "Arcos".

01

02 10º Passo: Vá em "Filter" > "Blur" > "Gaussian Blur" e altere seu valor para 1,5. 11º Passo: Duplique a camada por duas vezes clicando com o botão direito e clicando em "Duplicate Layer". 12º Passo: Na terceira camada de arcos repita o 10º passo com a diferença do valor para 21,1.

13º Passo: Repita o 9º passo. Não esqueca de nomear a camada para "arcos" (botão direito > layer propertier). 14º Passo: Pressione "SHIFT + CTRL+ N" para criarmos uma nova camada e a nomeie como "traço".

173

15º Passo: Clique sobre o Pincel "Brush Tool" e altere, na barra de Opções, sua ponta para "Soft Round 17 Pixels".

16º Passo: Trace duas retas como na imagem abaixo:

17º Passo: Nesse momento vá em "Filter" > "Blur" > "Motion Blur" e coloque os valores a seguir:


18º Passo: Repita o 14º passo, mas nomeie para "zoom". 19º Passo: Vá em "Filter" > "Render" > "Clouds". 20º Passo: Agorá vá em "Filter" > "Noise" > "Add Noise".

21º Passo: Clique em "Filter" > "Blur" > "Radial Blur".

22º Passo: Em Blending Option da camada recém criada, escolha "Vivid Light" e 45º de opacidade:

23º Passo: Na barra de opções, vá em "Layer" > "Flatten Image". Perceba que achatamos nossas camadas e que na camada "background" temos a corrente, impossibilitando assim a edição por isso duplique está camada:

174

24º Passo: Agora vem o grande X da imagem. Repita o 14º passo mas nomeie para "degrade". Escolha a ferramenta de degradé e altere suas opções na barra de Opções como na imagem a seguir:

25º Passo: Agora trace a posição de seu degradé e, em seguida, em "Blending Option", altere sua propriedade para "Overlay".

Ufaaaa. Espero que tenham gostado. Abaixo a minha imagem onde eu acrescentei, como no passo 16º, vários traços com a diferença que com a propriedade em overlay, além de borda, fonte e brush de flash.

INTEGRAÇÃO E MOVIMENTAÇÃO COM IMAGEM READY ATUALIZAÇÃO – Aplicando Movimento Descrição: Movimento utilizando Image Ready Software ultilizado: Photoshop em Inglês (funciona em qualquer versão)

175

Grau de Dificuldade: 8,5 Ao som de: Rolling Stones - It's Only Rock n' Roll 1º Passo: Crie uma imagem de 400x400 pixels com preenchimento de fundo na cor branca.

2º Passo: Deixe a cor de primeiro plano como um cinza escuro (#6C6C6C)

3º Passo: Escreva suas iniciais usando um corpo de fonte largo e legível (usei: Arial Black, 150pt, Sharp). Sua cor é idependente nesse passo, já que colocaremos uma textura.

4º Passo: Nesse momento iremos adicionar um estilo de camada.

Siga os passo a seguir: Outer Glow (Brilho Externo) Bevel and Emboss (Chanfro e Entalhe)

176

Color Overlay (Sobreposição de cor)

Gradient Overlay (Sobre posição de Gradiente) Pattern Overlay (Sobreposição de Padrão)

Stroke (Traçado)

Este será seu resultado: 5º Passo: Crie uma nova camada e pressione a ferramenta de Degradé (Gradiente Tool (G)) na barra de opções:

6ºPasso: Pressione "D" e em seguida "X" para voltar ao padrão de cores e as alternar. Logo depois, vá nas opções de degradé e escolha a de brando para transparente.

177

7º Passo: Segure a tecla "SHIFT" e, no meio das iniciais, e faça um pequeno caminho onde seu degrade ficara, como na imagem abaixo.

8º Passo: Crie uma nova camada (CAMADA_GUIA), deixe acima da camada do seu texto e em seguida selecione a "corrente" para unir as duas camadas.

Em seguida, pressione "CTRL+E". Suas camadas ficaram assim:

9º Passo: Com a ferramenta "Move Tool (V)", escolha a camada "TRAÇO" e pressione "CTRL + G".

178


10º Passo: Nesse momento abriremos o Image Ready, pressionando "SHIFT+CTRL+M" (instalado juntamente com Photoshop) 11º Passo: Agora nosso ambiente será iMage Ready. Mova a camada do nosso "reflexo" para o canto superior esquerdo até quase não aparecer na letra.

Vá em "WINDOW" (Janela) > "ANIMATION" (Animação). 12º Passo: Com a janela de animação aberta, duplique seu frame e clique sobre ele. Nesse momento, na imagem principal (ORIGINAL), segure o SHIFT e mova o reflexo até o canto inferior direito.

13º Passo: Agora pressionando "SHIFT", selecione os dois frames e clique sobre o botão "Tweens animation frames".

14º Passo: Altere sua sequência para 8 frames.

179

15º Passo: Pressione "Play Animation" e veja um preview de como ficará sua arte. Caso seja preciso, diminua a quantidade de frames em "Tweens Animation frames". Se o resultado for satisfatorio, vá em "FILE" (Arquivo) > "Save Optimized As.." ( Salvar Otimizado Como..) e selecione o nome e local de seu gif.

EFEITOS DIA DOS NAMORADOS Coração para o dia dos Namorados Descrição: Explicação sobre como criar um coração com efeitos no Photoshop Software ultilizado: Photoshop 7 em PT (Funciona em qualquer versão) Grau de Dificuldade: 7,5 Ao som de: Nickelback - Never Again 1º Passo: Crie um arquivo em RGB de 450x450 pxl com fundo branco (esse tamanho será para teste. Você deverá definir o tamanho real de sua propriedade de tela se a intenção for um papel de parede).

2º Passo: Em seguida pressione "D" para as cores voltarem às padrões.

3º Passo: Clique sobre a ferramenta "Forma Personalizada"

4º Passo: Na barra de Opções, clique sobre a opção "Forma", clicando na setinha ao lado. Ao aparecer as opções de forma padrões, escolha "Carta de Copas" (ou seja, nosso coração).

180

5º Passo: Agora posicione seu cursor no canto superior esquerdo e trace seu coração. (Lembrando que se usar o 'SHIFT ', o traço sai com as coordenadas perfeitas).

6º Passo: Na camada da forma do coração, clique com o botão direito e vá em "Converter camada em Bitmap" e em seguida vá em Camada> Estilo de camada> Opções de mesclagem. 7º Passo: Clique sobre "Sombra projetada" e altere para as configurações abaixo:

Chanfro e Entalhe 8º Passo: Crie uma nova camada (acima da camada do coração) e clique sobre ela. Não esqueça de adicionar a corrente. Em seguida pressione 'CTRL + E' para mesclar a camada nova com a da forma do coração.

9º Passo: Vá em Imagem > Ajustes > Variações. Adicione mais magenta e vermelho com o nivel de variação 4.

10º Passo: Nesse momento, adicione uma camada sobre o coração e a preencha de vermelho #FF2A00. Em seguida deixe a com 19% de opacidade e em "divisão" em sua propriedade.

181

11º Passo: Clique na camada "Plano de Fundo" e pressione 'CTRL + U'. Altere suas configurações como abaixo:

Sua janela de camadas deverá ficar assim:

12º Passo: Vá em Filtro > Artístico > Esponja e altere como abaixo suas configurações.

13º Passo: Com a mesma camada de "plano de fundo" selecionada, vá em Filtro > Acabamento > Efeitos de Iluminação.

182

Sua imagem final deverá ficar assim:

CABELOS REBELDES Lista de efeitos: 01. Mundar fundo quando o cabelo atrapalha 02. Gotas em latas de refrigerante 03. Efeitos de Luz 04. Efeitos de fundos para banners 05. Transformando foto em desenho 06. Tratando foto envelhecida 07. Criação de site pelo Photoshop 08. Criação de bordas 09. Texto em ouro com brilho 10. Pixel Art Cabelos rebeldes Descrição: Explicação sobre como alterarmos o fundo onde temos cabelos espalhados. Software ultilizado: Photoshop 7.0 em inglês (Funciona em qualquer versão) Grau de Dificuldade: 8,0 Ao som de: Fresno - Carpe Diem 1º Passo: Abra uma foto qualquer e pressione "d" para nossas cores voltarem às princípais. Será trabalhada a foto cedida pela modelo Amanda Suita.

Nesse momento explicarei um pouco mais sobre canais, já que iremos ultilizar no 2º Passo.

183

Algumas vezes podemos melhorar a qualidade de uma imagem mesclando dois ou mais canais. Fazemos isso usando o comando Misturador de Canais nos modos RGB (Para tela do computador) e em CMYK (para impressão), de acordo com a calibragem de seu monitor. (Para informações a respeito da calibragem pessoal de cor, consulte minha matéria sobre calibragem). Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul. Agora um trecho do próprio help do Photoshop: "Observe que todos canais de cor se encontram visíveis atualmente, inclusive o canal RGB, que é uma composição dos canais separados vermelho, verde e azul. Para visualizar os canais individualmente, use os ícones de olho da paleta." * lembrando aos meus amigos que "Misturador de Canais" no Photoshop em inglês se localiza em: Image > Adjustments > Channel Mixer. 2º Passo: Vá em Janela (Window) > Canais (Channels)...

Nesse momento precisamos analisar cuidadosamente cada um de nossos canais para descobrirmos qual possui maior contraste. 3º Passo: Em nosso caso, o canal com o maior contraste foi o verde.

Duplique o mesmo clicando com o botão direito e em seguida "Duplicate Channel" (Duplicar Canal). Renomeie como Verde_02. Devemos duplicar o canal ultilizado já que, alterando o canal verde matriz, estariamos alterando na composição de nossa imagem e não é o que queremos.

184

4º Passo: Com nosso canal verde_02 ativo, iremos inverter suas proriedades de cor pressionando "ctrl+i".

5º Passo: Agorá vá em Edit (Editar) > Fade Invert 6º Passo: Clique sobre a ferramenta "Burn Tool"...

E altere suas propriedades como mostrado abaixo: Range: Shadows Exposure: 43% 7º Passo: Aumente a ponta da ferramenta "Burn Tool" usando "]" e "[" para diminuir, e trace o fundo da foto. 8º Passo: Mude a ferramenta para "Dodge Tool" e Range para Hightlights e pinte por completo a parte interna.

9º passo: Pressione "CTRL" e retorne à paleta de layers (camadas). Arraste sua seleção mantendo CTRL pressionado para outra imagem.

185

10º Passo: Altere a propriedade da Layer (camada) para Luminosity (Luminosidade) * Retirei imagem do Photoshop PT para melhor visualização:


186

11º Passo: Duplique a camada da foto clicando com o botão direito e nomeie a nova camada como "foto". Agora altere sua propriedade para "Normal", como no passo 10º 12º Passo: Nesse momento, crie uma máscara para nossa camada "foto", clicando em Layer (Camada) >> Add Layer Mask (Adicionar Mascará de Camada ) > Reveal All (Revelar Todas). 13º Passo: Clique sobre a ferramenta Pincel (Brush Tool) e altere sua ponta para "Círculo Sólido". O tamanho depende da região alterada. 14º Passo: Agora vá retirando as rebarbas. Lembrando que quando usamos máscara, usando a ponta em preto retiramos a rebarba, já em branco adicionamos. Claro que nosso efeito final depende dos pontos de sombra de nossa foto, que não alterei. Caso tivéssemos que alterá-los precisariamos de outra matéria somente para o tratamento. Outra coisa que a altera bem seria a imagem de fundo da foto.

Agradeco à modelo Amanda Suita por ceder sua foto. CRIANDO CURVAS Esse assunto e um pouco complexo já que existem varias caminhos para se criar formas curvilineas. Como por exemplo, usando a Ferramenta "Caneta", apenas controlando a sensibilidade da ponta da caneta. Mas para isso precisamos entender alguns princípios de curvas, pontos de ancoragem e componentes. Portanto, citarei um trecho do HELP do próprio Photoshop. ”Um demarcador consiste em um ou mais segmentos retos ou curvos. Pontos de ancoragem marcam as extremidades dos segmentos do demarcador. Em segmentos de curvas, cada ponto de ancoragem selecionado exibe uma ou duas linhas de direção, terminando em pontos de direção. As posições de linhas e pontos de direção determinam o tamanho e a forma de um segmento de curva. Mover esses segmentos remodela as curvas em um demarcador.

Um demarcador: A . Segmento de linha curva B . Ponto de direção C . Linha de direção D . Ponto de ancoragem selecionado E. Ponto de ancoragem não selecionado.

187

Um demarcador pode ser fechado, sem início ou fim (por exemplo, um círculo), ou aberto, com extremidades distintas (por exemplo, uma linha ondulada). Curvas suaves são conectadas por pontos de ancoragem chamados pontos suaves. Demarcadores curvos são conectados por pontos de vértice.

Ao mover uma linha de direção em um ponto suave, os segmentos de curvas de ambos os lados do ponto se ajustam simultaneamente. Em comparação, ao mover uma linha de direção em um ponto de vértice, somente é ajustada a curva do mesmo lado do ponto da linha de direção.

Ajustando um ponto suave e um ponto de vértice. Bom agora que já aprendemos como funciona, tentaremos reproduzi-la de uma maneira que na minha opinião é bem mais fácil, usando a ajuda de formas pré-definidas. Tudo com a ajuda da ferramenta Retângulo”. Descrição: Explicação passo a passo de como criar curvas no Photoshop Software utilizado: Photoshop 7.0 em Português Grau de Dificuldade: 7,5 Ao som de: Alanis Morissete - Hands Clean 1º Passo: Crie um arquivo de 600x400 px com fundo branco , em seguida clique sobre a ferramenta Retângulo e trace um retângulo que ocupe quase que de ponta a ponta os dois lados do espaço criado.

2º Passo: Agora clique sobre a ferramenta "Seleção de demarcador" e em seguida sobre a forma definida (perceba que alguns pontos seram adicionados em cada extremidade da forma).

188

3º Passo: Pronto agora alterne para ferramenta de seleção direta ( a seta de baixo) e clique sobre a forma. Nesse momento temos total condição de alterar sua forma, apenas adicionando pontos de ancora.

Repare que adicionei um ponto de ancora a direita na parte superior 4º Passo: Agora com a ferramenta de "Seleção Direta" mova o ponto de ancoragem para cima como na figura abaixo:

5º Passo: Agora adicione um novo ponto de ancoragem com a ferramenta "caneta" do lado direito.

6º Passo: Agora mova o segundo ponto para baixo:

Bom, agora já sabemos como fazer curvas. Só precisamos ter bom gosto. Agora uma dica! Antes de traçar sua curva, tenha já em mente a forma, posição e tamanho da curva.Assim economizará um bom tempo. Aqui após algumas alterações:

189

Ai você pergunta, qual seria a utilidade principal das curvas? Simples, para se usar na Web! Aqui algumas imagens de sites que fiz usando essa técnica:

PIXEL ART PixelArt é a arte de se desenhar pixel por pixel. Antes do tutorial, uma prévia. O que é pixel? Pixel é a abreviação de picture element (elemento da foto). É a menor parte de uma imagem digitalizada. Cada um destes pontos possui a informação que determina sua cor. Este conjunto de pontos é arrumado no formato de uma matriz. Essa matriz forma a imagem. O pixel determina a resolução desta imagem. Como é possível acessar um pixel? Um pixel só é acessado via softwares de edição de imagem bitmap, até mesmo o Paintbrush, Microangelo, entre outros. Como definir a cor de um pixel? O valor da cor de um pixel é calculado em valores da escala de cores RGB (Red - Vermelho, Green – verde, Blue - azul) cada valor pode variar de 0 a 255. A mistura desses valores determina a cor final do pixel. Um pixel pode ser "transparente", a essa cor transparente dá se o nome de Canal Alpha. O que é Resolução? Resolução é a quantidade de pixels em sentido horizontal e vertical e o número de cores geradas pela placa de vídeo e aceitas pelo monitor. Quanto maior a quantidade de pixels e de cores, mais claras e precisas são as imagens. A unidade de medida de Resolução é a dpi (dots per inch) Pontos por polegada, e é expressa da seguinte forma: L x A (largura X altura) 800 x 600 pixels, 1024 x 768 pixels. Quanto às cores, as configurações básicas podem ser 256 cores , 65.536 (chamada high color 16 bits) e 16,7 milhões (high color 24 bits). A norma segue sendo SVGA (Super Video Graphics Array). O que é um ícone? Sem se aprofundar no sentido simbólico da palavra, ícones são desenhos sintéticos que identificam objetos ou funções em uma interface gráfica. Geralmente tem as seguintes especificações: a) 1-bit ícones - ícones pretos e brancos simples b) ícones 4-bit - 16 cores simples c) ícones 8-bit -256 cores d) ícones 16-bit - milhares das cores e) ícones 32-bit - milhões das cores f) nas medidas 16x16 pixels ou 32x32 pixels O que é pixelart? Basicamente é a técnica de desenhar através de pixels. Acredita-se que surgiu junto com os vídeo-games, que utilizavam a técnica para suprir as deficiências na elaboração de imagens de melhor qualidade. Vamos à matéria que iniciará o ano com chave de ouro. Mas lembrando sempre que alguns dos melhores Pixelarts do mundo possuem Tables de pelo menos 300 dólares, e aqui faremos na raça! E iremos começar com um em 2D bem simples. Na próxima matéria de pixelart falaremos sobre 3D. Descrição: Explicação passo a passo sobre pixelart Software utilizado: Photoshop CS em Inglês Grau de Dificuldade: 8,0 Ao som de: Chad Kroeger - Hero 1º Passo: Crie uma imagem com nome de "Caminhão" do tamanho de 150x80 pixels com 72 dpi de

190

resolução, em modo RBG. De cor de fundo (Background) branca. 2º Passo: Agora é importante ressaltar que precisamos alterar algumas coisas para uma pixelart boa, por exemplo: a) Precisamos usar a ferramenta Lápis (Pencil) e definir sua ponta com 1 pixel

b) A Ferramenta de Preenchimento (Fill) com tolerância 0 e Anti-aliased desligado c) Siga o caminho abaixo para criar uma segunda visualização do documento que precisaremos mais adiante

3º Passo: Com as devidas alterações vamos começar nossa arte. Só mais uma dica: com a última alteração de criação da 2ª Janela, nosso pixel ficará mais fácil. Mas como assim? Varia de acordo com o tamanho do monitor de cada usuário. No meu caso eu uso um monitor de 14 com uma placa com saída para TV, e deixo as ferramentas e as paletas do PS sendo mostrados na TV e deixo o monitor inteiramente a disposição do trabalho. Mas da forma que farei ficará com uma visualização mais fácil. Deixe a Janela esquerda com 300% de zoom e o da direita com 100 %.

4º Passo: Comece a traçar a borda do seu desenho. Em meu exemplo fiz um caminhão.

5º Passo: Sempre trocando a cor da ponta do lápis e tomando muito cuidado com detalhes, trace alguns outros trechos do seu caminhão.

6º Passo: Defina uma cor a ser usada em seu desenho (Lembre que existem detalhes, como sombra e posição da luz, que não podem ser ignorados).

Aqui com mais alguns detalhes.

191

Mas note que precisamos perceber cada ponto, mesmo sendo em pequeno estado já que faz muita diferença.

Aqui eu chego em meu efeito final.

Na semana que vem iremos ver mais detalhes desse maravilhoso mundo. Mas desta vez alguns mais usados na web. Pixelart em 3D. Um grande abraço a todos, e espero que tenham gostado e sucesso nesse ano que se inicia! Alguns trechos do texto são de autoria de Armando Fontes BRINCANDO COM FOGO Descrição: Explicação passo a passo de como deixar texto com aparência de fogo Software ultilizado: Photoshop 7.0 em inglês Grau de Dificuldade: 8,0 1º Passo: Crie uma imagem de 400x400 pxl e pressione "D" para as cores voltarem ao seu padrão.

2º Passo: Preencha com preto sua área criada para, logo mais, inserirmos o texto e darmos continuidade ao efeito.

3º Passo: Clique na ferramenta "Horizontal Type Tool", inverta as cores de Cor Principal (Foreground Color) e Cor de fundo (Back Ground) e digite algo do seu interesse em branco. Uma sugestão: as configurações de tipo de fonte e tamanho que usei estão abaixo:

192

4º Passo: Vá em Image...Rotate Canvas...90ºCCW


5º Passo: Vá em Filtros...Estilizar...Vento.

193

Ficará assim:

Repita o mesmo passo, pelo menos mais 3 vezes.

6º Passo: Nesse momento vá em Imagem (Image)...Rotacionar (Rotate)...90 CW

7º Passo: Vá em Filtros (Filter)...Movimento (Blur)...Movimento Gaussiano (Gaussian Blur) e em seguinda, com a paleta de camada ativa, clique na Camada (layer) do texto e pressione CTRL+E para mesclar as duas camadas (fundo e texto).

194

8º Passo: Nesse momento pressione CTRL+U e altere as configurações para: 23, 92,0 e "Colorize"

9º Passo: Duplique a camada e repita o 8º passo, mas altere seus valores para: 0, 62, 0 e duplique pela terceira vez usando 58, 70, 0.

Assim teremos 3 camadas com cores diferentes. 10º Passo: Clique sobre a camada do meio (vermelha) e altere sua propriedade para "Color Burn" e sua Opacidade para 20%. Na camada superior, deixe a propriedade como "Overlay" e sua opacidade com 60%. 11º Passo: Agora iremos dar a impressão de movimento. Vá em Filter... Liquify. E usando a ferramenta Warp Tool, Pucker Tool e a Bloat Tool, altere sua posiçao como na figura abaixo:

Repita isso nas 3 camadas.

195

12º Passo: Com a ferramenta "Horizontal Type Tool", reescreva novamente, mas desta vez em preto

13º Passo: Vá em Layer...."Add Layer Mask...Reveal All" para adicionar uma máscara ao seu texto. 14º Passo: Usando a ferramenta "Gradient Tool", trace uma reta de cima para baixo, de acordo com as configurações a seguir...

"Lembrando que a satisfação que teremos com a sombra criada na fonte, varia de acordo com a posição que será traçada."

196

Efeito Final Mais abaixo algumas artes usando o mesmo principio

RECUPERANDO FERRAMENTA PINCEL (HEALING BRUSH TOOL) Grandes amigos! Essa semana iniciarei uma série de matérias sobre algumas ferramentas do Photoshop. Muita gente tem dificuldade ou não tem a menor ideia para que servem determinadas ferramentas como, por exemplo, a "Ferramenta Correção (Patch tool)". Bom, começaremos com uma ferramenta bem fácil, e durante a explicação mostrarei alguns truques para um melhor proveito. Efeito "Explicação da Ferramenta: Recuperando Ferramenta Pincel(Healing Brush Tool)" Descrição: Descrição da ferramenta com exemplo aplicado Software ultilizado: Photoshop 7.0 em Inglês Grau de Dificuldade: 6,0 1º Passo: Abra uma imagem qualquer e posicione do lado esquerdo.

2º Passo: Abra mais uma imagem e posicione ao lado direito (essa imagem será nossa textura)

3º Passo: Nesse momento aconselho a deixar a foto do lado esquerdo do mesmo tom de cor da foto do lado direito, deixando assim uma coloração parecida. Clique sobre a ferramenta "Eyedropper tool".

197

Clique em algum ponto que represente as cores da imagem 2

4º Passo: Agora, clicando sobre a primeira foto, pressione "CTRL+U" e deixe as configurações como no exemplo:

Suas imagens deveram ficar como abaixo.

5º Passo: Nesse momento, clique sobre a ferramenta "Healing Brush tool"

198

6º Passo: Segure o ALT e dê um clique simples sobre qualquer ponto da imagem 1 (esse ponto deverá ser sobre a área que usaremos como efeito)

7º Passo: Nesse momento, clique em qualquer área da segunda imagem. Note que enquanto traça o caminho da imagem, do lado esquerdo uma pequena cruz o acompanha sobre a área escolhida.

Tente percorrer o caminho escolhido acompanhando as duas imagens Quando acabar note que sua imagem ficou "sobre" a segunda.

8º Passo: Clique em Ajuste (Adjustments), Image (imagem), Brilho e Contraste (Brightness/Contrast).

9º Passo: Vá em Filtros (Filter), Ruído (Noise), Adicionar Ruido (Add Noise)

199

COLORAÇÃO DE FOTOS Descrição: Colorização de fotos em PB Software ultilizado: Photoshop 6.0 em Português Grau de Dificuldade: 5,5 1º Passo: Abra uma foto em Preto e Branco ( Se quiser fazer um teste com uma foto colorida, basta depois de aberta pressione CTRL+U e deixe todos os 3 valores em Zero no Painel (MATIZ/SATURAÇÃO).

2º Passo: Mude para RGB. Vá em Imagem > Modo> Cores RGB 3º Passo: Pressione "Q " para seu Photoshop entrar em "Editar em modo Mascara Rapida" ou clique no botao abaixo.

4º Passo: Com a ferramenta "Pincel" (Brush) trace as areas que deseja mudar as cores. Repare que sua área ficara vermelha.

200

5º Passo: Pressione "Q" novamente para voltar ao modo normal de seleção (Modo Padrão).

Repare que criara uma seleção em sua foto. 6º Passo: Pressione "SHIFT+CTRL+I" ou vá em Selecionar > Inverter

7º Passo: Crie uma nova camada, e usando a ferramenta Pincel, preencha novamente a seleção criada como na figura:

201

8º Passo: Em seguida, vá sobre a paleta de Camadas (layers) e altere sua propriedade para Sobrepor (Overlay). Após sobrepor, imagem final:

EFEITO "BOTÃO EM METAL" Descrição: Criação de botões em Metal para uso na Web Software utilizado: Photoshop 7.0 em Inglês Grau de Dificuldade: 7,0 1º Passo: Crie uma imagem (de 72 DPIs) com o tamanho que quiser. Importante saber que o tamanho influência em quantidade de botões ok? Eu usei 400 x 200 pixels.

2º Passo: Usando a ferramenta Rounded Tool (Não esqueça de mudar as opções de "corner Radius" para um numero maior) com 60 px. Ficando assim mais arredondado.

Crie uma imagem como ao lado: 3º Passo: Clique na paleta de Camadas (Layers) e clique sobre o botão (layer style button) e altere as configurações como abaixo:

202

Sombra Projetada(Drop Shadow) Brilho Interno(Inner Glow)

Chanfro e Entalhe(Bevel and Emboss) Em Gloss Contour. Use as seguintes configurações: Contorno(Contour)

em Contour use:

203

Saturação(Satin)

Cor de Sobreposição(Color Overlay)

Esse deverá ser o resultado final:

SCAN LINE Descrição: Utilização de um efeito como de TV Software ultilizado: Photoshop 6.0 em Português Grau de Dificuldade: 4,5 1º Passo: Abra uma imagem qualquer que servirá de base para usarmos o efeito:

2º Passo: Agora crie uma imagem de 5 x 5 Pixels

204

Assim criaremos um arquivo bem pequeno

3º Passo: Segure a tecla ' CTRL ' e pressione ' + ' para podermos aproximar o arquivo (note que cada vez pressionado, mais próximo ficará)

4º Passo: Usando a ferramente "Brush", faça uma marca em nossa área

5º Passo: Vá na barra de Menu na opção "Selecionar" (Select)..."Tudo" (All) para selecionarmos a imagem toda

6º Passo: Nesse momento vá em na Opção "Editar" (Edit), "Definir Padrão" (Define Patern) 7 º Passo: Nesse momento, volte a magem que deseja colocar o efeito, e crie uma nova camada. Em seguida, vá em "Editar" (Edit) "Preencher" ( Fill )

205

8º Passo: Agora, na janela "Camada" (Layer), altere a propriedade de mesclagem para Sobrepor e sua opacidade para 20% Assim ficará nossa imagem

PEN TOOL Sendo assim, ensinarei a lidar com a Ferramenta "PEN TOOL" usando algumas fontes. Em seguinda poderemos criar um Logo ou brush personalizado. Mas como é uma ferramenta que requer um pouco de habilidade, iremos nos dedicar a aprender a opção "PATH" e iremos começar a trabalhar e a entender a ultilização da ferramenta PEN. Aqui vai uma previa retirada do próprio HELP do Photoshop. "A ferramenta caneta de forma livre permite desenhar como se desenha com um lápis em um papel. Pontos de ancoragem são adicionados automaticamente à medida que você desenha. Não é possível definir o local em que os pontos são posicionados, mas é possível ajustá-los depois de completar o demarcador. A caneta magnética é uma opção da ferramenta de forma livre que permite desenhar um demarcador que se ajusta às arestas de áreas definidas na imagem. É possível definir a escala e a sensibilidade do comportamento de ajuste, bem como a complexidade do demarcador resultante. As ferramentas caneta magnética e laço magnético compartilham várias opções em comum." Então vamos lá: Ferramenta "PEN TOOL" Descrição: Utilização de uma ferramenta Software ultilizado: Photoshop 7.0 em Inglês Grau de Dificuldade: 7,5 1º Passo: Crie uma imagem de 400x400 pxls (o fundo é irrelevante) 2º Passo: Usando a ferramente "TYPE TOOL", escreva o nome desejado. Eu usarei apenas duas letras para criação de um logo.

206

3º Passo: Vá na paleta das camadas e a transforme em um Bitmap usando o botão Direito do mouse, como na figura abaixo.

.. 4º Passo: Nesse momento, dê um CTRL + CLIQUE sobre a camada de texto, para criar uma seleção.

5º Passo: Clique sobre a ferramenta "RECTANGULAR MARQUEE TOOL" e em seguinda, com o botão Direito, vá na oção 'Make Work Path' Como na imagem abaixo...

207

6º Passo: Clique sobre a ferramenta "DIRECT SELECTION TOOL " e clique sobre a letra correspondente...

7º Passo: Em seguida, clique sobre cada quadro (que se localiza em cada estremidade da Fonte, perceba na figura acima) e arraste, alterando assim a posição dos pontos...

8º Passo: Após concluir toda a alteração nas fontes, vamos alterá-la com seus pontos e transformar em um logo. Então ao termino, clique om o botão direito do mouse e vá na opção "CREATE VECTOR MASK"

9º Passo: Em seguida, repita a ação, mas desta vez sobre a ferramenta 'FILL SUB PATH"

208

Altere as configrações como na figura abaixo...

10º Passo: Em seguinda, repeti a mesma ação sobre a outra letra...

Agora é só usar a criatividade...

209

PINCEL ou BRUSH Descrição: Utilização completa de uma importante ferramenta Software ultilizado: Photoshop 6.0 em português Grau de Dificuldade: 5,5 Antes de tudo, uma breve introdução a respeito da ferramenta: O que são brushes? São imagens em preto, branco e tons de cinza que podem ser "carimbadas" e transformadas em trabalhos gráficos .. Poderemos assim usar qualquer imagem como carimbo. Onde descompactar? Quando copiar qualquer brush da internet, tenha cuidado de descompactar na pasta correta C:Arquivos de programasAdobePhotoshop 6.0PredefiniçõesPincéis Lembrando que os arquivos de Pinceis(Brushes) tem extensões *.ABR Agora que já sabemos o que significa, vamos por a mão na massa. Mostraremos nesta matéria duas formas de se ultilizar pincéis. Vamos ao primeiro: Pincel Personalizado (Transformando imagens em pincéis no Photoshop) Podemos transformar praticamente qualquer imagem em pincéis do Photoshop e depois usá-las como um carimbo digital para assinar nossos trabalhos. 1º Passo: Pressione a letra "D" do teclado para acionar as cores Padrõs (Defaut), ou seja: Preta para cima (Foreground) e Branca para baixo (Background). 2º Passo: Desenhe ou escaneie seu Logotipo e abra-o no Photoshop (pode ser qualquer outro desenho ou foto). No exemplo abaixo usei meu logotipo:

3º Passo: Vamos selecionar a imagem inteira: Selecionar (Select)...Tudo (all) 4º Passo: Vá em Editar (Edit)...Definir Pincel (Define Brush) 5ºPasso: Nesse momento aparecerá uma tela de salvamento como mostrado abaixo:

6º Passo: Selecione a ferramenta Pincel na Caixa de Ferramentas e depois selecione na Paleta Pincéis(Brushes) a nova "ponta de pincel" que você acabou de criar e clique sobre a imagem que deseja adicionar seu logo.

210

**Obs: Caso queira eliminar o Brush recém criado, basta abrir o menu da Paleta Brushes (na seta lateral) e clicar em Reset Brushes. Agora vamos a outra utilidade dos Brushes 1º Passo: Crie uma nova camada e em seguida crie uma forma geométrica simples usando a ferramenta Laço Poligonal (o tamanho fica a critério).

2º Passo: Usando a ferramenta "Lata de Tinta" preencha com uma cor qualquer (de preferência escura) 3º Passo: Em seguida va no menu Selecionar (Select) Modificar(Modify)...Redução e altere para 2,0

4º Passo: Vá em Selecionar (Selection)...Tudo (all) 5º Passo: Editar (Editar)...Definir Pincel (Define Brushe) 6º Passo: Nesse momento clique sobre a ferramenta Pincel (Brush). Em seguida, mantendo o botão pressionado, escolha outra opção de Pincel. No caso, a opção que acabamos de criar 7º Passo: Clique duas vezes sobre a opção do Brush e escolha espaçamento 5% Use sua imaginação.

Esta imagem foi retirada do meu site pessoal. Abraço amigos, e até a próxima!

211

PINCEL BRUSH PARTE 02 Descrição: Utilização completa de uma importante ferramenta Software ultilizado: Photoshop 6.0 em português Grau de Dificuldade: 5,5 1º Passo: Crie uma nova imagem de 400x400 pxls com o fundo branco e em seguida pressione "D" para as cores voltarem ao padrão. 2ºPasso: Clique sobre a ferramenta pincel e em seguida na barra de propriedades. Altere seu formato e espaçamento como na configuração abaixo.

3º Passo: Clique sobre a ferramenta "Marcação Eliptica"

e faça um circulo como na figura abaixo.

212

4º Passo: Pressione o botao direito, vá em "Criar Demarcador de Trabalho" e deixe com 2,0 Pixels.

5º Passo: Nesse momento, clique na "Ferramenta Caneta" e pressione o botão direito. Vá em "Traçar Demarcador" e depois na opção "PINCEL". Pronto! Agora so usar a criatividade.

Vamos falar agora sobre modelos de brushes prontos e personalizado: Bom, como citei na materia passada; um brush poderá fazer a diferença ou mudar totalmente o sentido de um trabalho. Por exemplo, veja alguns trabalhos criados com a ajuda de brushes:

213

EFEITO DE FUNDO Descrição: Efeito de fundo usando um redemoinho com saturação Software ultilizado: Photoshop 6.0 em português (Funciona no 7.0) Grau de Dificuldade: 7,5 Vamos lá! 1º Passo: Crie um novo arquivo com 500x500 pixels (o tamanho não importa, já que ao final iremos recortá-lo) 2º Passo: Faça uma nova camada e a preencha de preto (#000000) 3ºPasso: Vá em Filtros (Filters)...Acabamento(Render)...Reflexo de Flash (Lens Flares)...Opção: First 50-300mm Zoom.

4º Passo: Adicione novamente, mas dessa vez 105mm Prime

5º Passo: Vá em Imagem(Image)...Ajustes(Adjustsments)...Brilho e Contraste(Brightness/Contrast) - Brilho: +80

214

6º Passo: Agora vá em Filtros(Filter)...Distorção(Distort)...Redemoinho (Twirl). Altere para Ângulo:800.

7º Passo: Vá em Filtro (Filter)...Artístico(Artistic)...Plastificação(Plastic Wrap). Use as modificações:

Ficará assim:

215

8º Passo: Vá em Filtro(Filter)...Distorção(Distort)...Coordenadas Polares(Polar Coordinates) - Polar to Rectangular. Depois vá em Editar(Edit)...Atenuar Coordenadas Polares (Fade Polar Coordinates) e use 95%

9º Passo: Nesse momento pressione CTRL+U e coloque os valores a seguir.

Amigos, o efeito resolvido já e o suficiente para elaborar algum fundo, mas apartir desse ponto vou explicar o que fizemos em nosso efeito final. 10º Passo: Duplique a camada e pressione CTRL+T para rotacionar a imagem. Vire 180º e altere sua propriedade para Sobrepor(Overlay) na paleta de camadas (layers)

216

Assim ficou minha imagem:

Agora vamos aos retoques! 11º Passo: Adicionei uma camada com uma textura como Scan Line(veja a coluna sobre texturas que consta no menu das matérias anteriores ao final desta coluna) 12º Passo: Usando a ultima materia (HALF TONE), inserimos uma borda e escrevemos algumas coisas com a fonte "7 Days". Em seguida adicionamos o movimento usando o Image Ready*

EFEITO MEIO TOM DE CINZA "HALF TONE " Descrição: Efeito de acrescentar algumas elipses ao redor de uma imagem como uma borda. Software ultilizado: Photoshop 6.0 em português( Funciona inclusive no 7.0, ja testado) Grau de Dificuldade: 6,0 Bom, o primeiro será HALF TONE (Meio tons de Cinza) Half Tone? O que é isso? Irei usar uma prévia do Help do Photoshop "Simula o efeito de uma tela de meio-tom ampliada em cada canal da imagem, nos quais o filtro a divide em retângulos, substituídos por círculos proporcionais ao brilho do retângulo." Então agora ficará mais fácil 1º Passo: Crie uma imagem 400x400, Pressione "SHIFT+D" para as cores voltar as padrões. Em seguida, preencha a camada "Layer" com a sua cor principal "Foreground" ou seja....Preto

217

2º Passo: Crie uma nova Camada "layer" . Em seguida, com a ferramente Marquee , faça uma seleção que quase cubra sua imagem. **Note que nesse ponto você estara definindo praticamente a area de efeito Half Tone

3º Passo: Nesse momento pressione o botão Mascara Rápida...

Repare que sua imagem ficara com uma "borda" Vermelha

4º Passo: Vá em Filtro "Filter" ...Pixelização "Pixelate"...Meio Tom em Cinza "Color Half Tone"...... e coloque os valores a seguir:

218

5º Passo: Retorne para o modo de Edição de Imagem Padrão

6º Passo: Pressione: "CTRL+SHIFT+I" para inverter a seleção

7º Passo: Usando a ferramenta de preenchimento...

...preencha a camada seleciona na cor que preferir.

Lembrando para algumas pessoas: para trocar a cor Principal " Foreground" e a cor de fundo " Background", use essas ferramentas...

219

Agora algumas Web Arts usando esse efeito, inspirem-se e Boa Sorte!

EFEITO MATRIX 1º Passo: Crie uma imagem de 300x350, com Branco de cor de Fundo (Backgroud)

2ºPasso : Vá em Filtro (Filter)...Textura (Texture)...Granulado(Grain)... e altere seus valores para : Intensity 100; Contrast 100; Grain Type = Vertical.

220

3º Passo: Mude a cor Principal para um Verde Claro e a cor de fundo para Preto. Agora vá em Filtro(Filter)...Artistico(Artistic)...Neon(Neon Glow) e altere as propriedes as seguir: Glow Size = 5; Glow Brightness = 15, em Glow Color selecione um verde um pouco mais escuro que Foreground 4º Passo: Nesse momento vá em Filtro(Filter)...Estilização (Stylise)... Arestas Brilhantes (Glowing Edges) .E entre com os seguintes valores: Edge Width = 1; Edge Brightness = 15; Smoothness = 1.

Seu trabalho Final depende do tamanho inicial da imagem

SPLASH TEXTURE Olá amigos tudo bom? Vamos então dar continuidade a nossa série sobre Texturas. Hoje faremos uma textura muito pedida por e-mail: Splash Texture! Saiba que esse é um efeito simples de água. Para se tornar uma textura, é so selecionar o layer do efeito e Definir como padrão. Para maiores informações, veja minha matéria sobre Definições. 1º Passo: Abra uma imagem qualquer e em seguida crie uma nova camada (layer)

221

2º Passo: Com o botão direito, clique na ferramenta "Retângulo" (Rectangle Tool) e escolha a opção "Ferramenta Elipse" (Ellipse Tool), nesse momento faça pequenas elipses curvas em seu desenho

3ºPasso: Nesse momento clique em "Ferramenta Seleção de Componentes de Demarcador"(Path Selection Tool) e escolha "Seleção Direta" (Direct Selection Tool). Clique sobre cada elipse e retoque torcendo a forma para dar a impressão de uma gota

Faça isso em todos e observer que existem detalhes que serão importantes para termos sucesso no final. 5º Passo: Quando terminado em todas as elipses, retorne a ferramenta "Seleção Direta" (Direct Selection Tool) para "Ferramenta Seleção de Componentes de Demarcador"(Path Selection Tool) . Com a seta correta, clique e arraste sobre seu desenho, selecionando todas as gotas, como na figura.

222

5º Passo: Nesse momento vá em "Filtro"(Filter)..."Desfoque" (Blur)..."Desfoque Gausiano" (Gaussian Blur), use 2 pixels e pressione Ok. Aparecerá uma mensagem perguntando se você deseja converter sua camada. Pressione OK. 6ºPasso: Agora va em "Camada" (Layer)... "Estilo de Camada" (Layer Style)... e use as alterações asseguir. "Sombra Projetada" (Drop Shadow)

"Sombra Interna" (Inner Shadow) "Chanfro e Entalhe" (Bevel and Emboss) "Contorno" (Contour) "Acentinado" (Satin)

Sua imagem deverá ficar assim.

223

TEXTURA AÇO 1º Passo: Crie uma imagem de 400x400. Deixe suas cores primárias e secundárias (foreground/background) padões, ou seja, preto e branco. Apenas mantenha pressionado o Shift e pressione´D´.

2º Passo: Vá até a opção "Filtro"(filter) na barra de menu. Em seguida "Render"..."Clouds"

3º Passo: Agora em filtro "Filter"..."Ruído" (noise)..."Adicionar Ruído" (add noise).

224

Sua imagem deverá ficar assim:

4º Passo: Clique em "Filtro" (filter)... "Movimento" (blur)...(motion blur). Use as configurações a seguir:

225

Agora que ja temos criada a textura, vamos aprender a usá-la. Escreva um texto. Na paleta de Camadas (layers) mova a camada do texto para baixo.

Nesse momento, clique sobre a camada que contém a textura. Em seguida pressione "CTRL +G"

Agora existe uma forma de deixar disponível sua textura... Selecione a textura por completo. Clique em "Seleção" (selection)..."Tudo" (all) . Em seguida vá em "Editar" (edit)..."Definir Padrão" (define pattern). Nesse momento, dê um nome à sua textura. Quando quiser ultilizá-la, crie uma camada para sua textura. Vá em "Editar" (edit)..."Preenchimento" (fill). Como expliquei na matéria passada, clique sobre modos e escolha sua textura padrão. Lembrando que não precisamos utilizar essa textura apenas com textos. Abaixo podemos ver vários exemplos de onde poderiamos usá-la. TEXTURAS 1º Passo: O primeiro passo é importantíssimo pois depende muito do gosto de cada um. Inclusive no tamanho da textura ok?! . Então temos que criar a textura. Crie uma imagem de uns 15 x 15 Por exemplo: a segunda textura mais abaixo, repare que a criei com tamanho de 5x5 2º Passo: Agora a parte principal. A criação da textura. Preparem-se porque neste ponto talvez você tenha de refazê-lo umas 5 ou 6 vezes, já que até chegar no efeito desejado é complicado. Com a micro imagem criada, temos que ampliá-la para podermos trabalhar . Pressione o Control mais o sinal positivo(CTRL+ +) Cada vez que fizer será ampliado o zoom do seu desenho. Ah por curiosidade, o CTRL+ - Tem a função de afastar o zoom ok? Usando a ferramenta Brush ou Rectangle Tool crie alguns traços, retângulos ou quadrados em seu micro desenho.

226

Saiba que esse ponto é o mais importante, se necessário refaça-o várias vezes até o efeito desejado ok

Minha textura ficou assim....

3º Passo: Agora vá em "Seleção" (select)..."Tudo" (all) ou apenas pressione ´CTRL + A´ Agora vá em "Editar" (edit)...."Definir Padrão" (define pattern). Agora de um nome ao seu padrão. 4º Passo: Nesse ponto abra sua foto ou desenho onde deseja inserir a textura Nesse momento usando ferramentas como "Varinha Mágica" (wandy tool), "Lata de Tinta" (painted bucked) eu colori meu desenho e em alguns pontos usei texturas como na ilustração. Em seguida reduzi o preenchimento para 40%

.

227

5º Passo: Agora escolha a ferramenta "Varinha Mágica" (magic wand tool) e selecione o ponto onde será inserido o preenchimento. Adicione um novo layer. Agora vá em "Editar" (edit) ..."Preenchimento" (fill). Repita essa ação, toda vez que precisar usá-lo.

A textura usada na calça chama-se Scan Line. Scan Line

228

1º Passo: Crie uma imagem de 5x5 pixels

2º Passo: Faça um traço na metade da imagem. Repita o processo de seleção nos primeiros passos, para salvar esse modelo padrão.

Agora ficou fácil, espero que não tenham restado dúvidas de como usá-lo. Lembrando sempre que devemos selecionar a parte onde queremos usar a textura e criar uma camada separada Já o filtro Reticulação, faça o seguinte: 1º Passo: Selecione a área do desenho onde deseja usar o efeito (no meu caso selecionei e deletei o fundo do meu desenho) 2º Passo: Agora crie uma camada só para esse efeito OK? (eu criei uma camada para o fundo) 3º Passo: Preencha essa seleção com uma cor qualquer ou com um efeito ex. Nuvens) 4º Passo: Nesse momento vá em "Filtro" (filter)..."Croqui" (sketch)..."Reticulação" (reticulation). Usei os valores a seguir:

Bom agora use a imaginação como quiser!

229

ALIEN STYLE Olá pessoal, na matéria dessa semana vou mostrar como você pode criar um efeito de texto conhecido como Alien Style 1º Passo: Crie uma imagem de 300 x 300 pixels

2º Passo: Escolha as cores #000000 como(background) e a cor #9CFF00 como foreground 3º Passo: Agora preencha a Camada usando a cor de background . Vá em Edit ......Fill ......Background e aperte OK. 4º Passo: Agora selecione a ferramenta ´type tool´ and choose the Type Mask Layer nas outras opções de texto da ferramenta , em seguida escreva algo do seu interesse.

5º Passo: Agora vá em Edit ......Fill ......Foreground e aperte OK

6º Passo: Agora vá em Select ......Feather......... 2 pixels 7º Passo: Agora vá em Filter .....Blur .....Radial Blur ......escolha as opções 100.... Zoom e Best 8º Passo: Repita o efeito mais uma vez pressionando ´CTRL+F ´ 9º Passo: Escolha Select....Invert ou pressione ´SHIFT+CTRL+I´ 10º Passo: Pressione ´CTRL+F´ 11º Passo: Para o final vá em ´Layer´ .....´Flatten Image´ Sua imagem deverá ficar assim....

230

BLUE STEEL 1º Passo: Crie uma imagem de um tamanho qualquer suficiente para caber seu texto *Obs: A cor não Importa nesse ponto ok?!

2º Passo: Agora vá em Camadas(Layers) .........Estilo de Camada (Layer Style) e selecione a opção Sombra Projetada ( Drop Shadow) e deize as opções como na imagem.

Chanfro e Entalhe ( Bevel and Emboss )

231

Contorno (Contour)

Cor de Sobreposição ( Color Overlay)

Sobreposição Padrão (Patern Overlay)

Aqui como ficará seu resultado final

Aqui depois de alguns retoques TEXTOS CROMADOS Bom Hoje escolhi lhes ensinar um efeito um pouco complexo mas muito interessante. Muitas pessoas me perguntam se existe um meio de se fazer textos cromados....Então vamos conhecer esse efeito

1º Passo: Crie uma imagem 400x400 pixels ou de um tamanho suficiente que possa caber seu texto.. Selecione a ferramenta de texto (HorizontalType Tool (T)) e escolha o tamanho da sua fonte. Escolha também seu tipo de fonte, mas saiba que o efeito será melhor aproveitado em fontes mais grossas ou em Negrito. Vamos trabalhar com um tamanho grande de fonte depois nos a reparamos ok? Escreva uma Letra qualquer usando como cor ( Foreground )(# 8A8A8A)

232

2º Passo: Agora vá em Camada (Layer)... Estilo da Camada (Layer Style)...Chanfro e Entalhe (Bevel and Emboss)... e altere as configurações como na imagem a seguir

Sua imagem deverá ficar assim 3º Passo: Vá na Paleta de Camadas e click na Camada Backgroud, crie uma nova camada e click na Camada do Texto. Agora va em Camada (Layer)...Merge Down (Ctrl+E).Vá em imagens (Image) .... Ajuste (Adjust)... Curvas (Curves) ou pressione (Ctrl+M). Faça essas mudanças :

4º Passo: Agora em Imagem (Image)....Ajustações(Adjustents) ...Variações (Variations) Aplique a alteração asseguir e clique sobre Original então adicione mais Azul (More Blue) e então mais verde (More Green.)

5º Passo: Mais uma vez vá em imagens (Image) .... Ajuste (Adjust)... Curvas (Curves) (Ctrl+M). Faça as mudanças a seguir

233

6º Passo: Agora vá em Camada (Layer).....Estilo de Camada (Layer Style)....Sombra Projetada (Drop Shadow)... Mantenha os valores padrões e clique em Brilho Interno. Coloque os valores asseguir:

Chanfro e Entalhe (Bevel and Emboss)

7º Passo: Vá na Paleta de Camadas e de um ´ Ctrl+click ´ sobre a camada de texto. Agora vá em Seleção (Select)...Midificação (Modify) ....Redução (Contract)... Coloque 3 como valor e faça (Alt+Ctrl+D) , coloque 2 para seu valor. Vá na Paleta de Camadas clique no botão para criar um novo preenchimento ou Ajuste de Camada , escolha Mapa de Gradiente (Gradient Map)... Use o gradiente aseguir :

Em seguida finalmente altere a propriedade da Imagem para Sobrepor (Overlay)

234

Por ultimo de quiser dar uns retoques, clique sobre a Camada do texto e altere o Chanfro e Entalhe ( Bevel and Emboss) deixe como quiser.

BOTÕES DE PLASTICO OU GEL Esse efeito vai para web designers que desejam criar seu próprio botão. Existe coisa pior que alguém visitar seu site e dizer: Nossa esse botão é um daqueles padrões do Dream Weaver?? hehehe não né. Então vamos lá criar nosso próprio botão. 1º Passo: Crie uma nova imagem 400x400 px com Branco de Background.

2º Passo: Com a ferramenta ´Rectangle Marque desenhe seu retângulo. Procure usar o mesmo tamanho que o meu desenho

3º Passo: Clique na aba Channels e adicione um novo o (Alpha 1) e preencha sua seleção com Branco. Nesse momento ja pode deselecionar o retangulo (CTRL+D). 4ºPasso: Vá em Fíltros (Filter)...Movimento Gaussiano (Gaussian Blur)... e altere o seu valor para 9,0

235

5º Passo: Agora vá em Imagem (Image)...Ajuste (Adjust)...Níveis (Levels). Faça as alterações como na figura e click em Ok

6º Passo: Agora segure a tecla CTRL e clique sobre o "Alpha 1" . Agora volte a paleta de Camadas (Layers) Adicione uma nova camada. Em seguida a preencha com ver claro. Descrição : R:39 , G:195 , B:134. Sua imagem deverá ficar como a minha:

7º Passo: Agora com a imagem selecionada clique no Layer 2 e mova um pouco para cima como na minha figura...

236

...agora Pressione e segura as teclas ALT + CTRL, e clique em ´Alpha 1´. Sua seleção deverá ficar como a minha

8º Passo: Segure a tecla SHIFT e mova sua seleção um pouco para baixo...

...agora crie uma nova camada (Layer). Pressione D e então X, para alterar seu padrão de cor. 9º Passo: Escolha a ferramenta Gradiente (Gradient Tool) e altere suas opções para "foreground to transparent" .

10º Passo: Agora trace a ferramenta como na figura:

11º Passo: Bom agora CTRL+D para sair da seleção. Agora duplique a camada (Layer) e vá em Editar (Edit)...Transformar (Transform)...Ratacionar 180 (Rotate 180) ou pressione CTRL + T . Agora mova a camada duplicada para parte debaixo do botão. E altere a opção da Camada para o modo Sobrepor "Overlay" e altere também sua opacidade para ´65´. Agora clique na Camada de Copia e vá em Filtros (Filter)...Movimento (Blur)... Movimento Gausiano (Gaussian Blur).... e entre com o valor 6,0 . Finalmente click em Ok.

237

12º Passo: Agora vá em Camada (Layer), Estilo de Camada (Layer Style). Agora em Sombra Projetada (Drop Shadow) e coloque os seguintes valores...

Aqui o efeito final, se desejado adicione um texto sobre o botão

Aqui alguns outros tipo de botão feitos por esse mesmo modo

238

FATIAMENTO DE IMAGENS 1º Passo: Abra uma imagem que deseja fazer o efeito. ( No meu caso abri uma imagem que fiz para um site de um projeto de uns amigos)

2º Passo: Duplique a imagem e apague o layer " Background " 3º Passo: Clique na ferramenta ´ Slice Tool ´

4º Passo: Recorte sua imagem em alguns pontos ( dependendo do tamanho da Imagem, recorta-la 3 vezes é uma boa opção )

239

5º Passo: Agora vá em File.... Save for Web...

6º Passo: Do lado direito em Settings: Existem muitas opções... entre elas a opção de escolher que extensão será salva a sua imagem recortada, o numero de cores, se será para os computadores da apple, se terá transparencia....enfim são muitas. Caso alguem tenha duvida em alguma ferramenta em que eu não tenha explicado ou em qualquer ponto deste tutorial é so me mandar um email ou me adicionar no icq ok?! ( icq : 57510830) 7º Passo: Bom agora é so abrir a pagina em que o PS criou e edita-la . Note que sua imagem foi recortada em três partes.

FERRAMENTA LIQUIFY O Comando Liquify está disponível para imagens de 8 bits, nos modos RGB Color, CMYK Color, Lab Color e Grayscale. 1º Passo: No Photoshop 7.0, vá na opção Filter.....Liquidy ( no PS 6.0 fica na Opção Image ) Bom agora vou explicar algumas ferramentas passo a passo ok

Warp Tool Empurra pixels na direção do arraste da ferramenta

Twirl Clockwise tool (Fazer girar no sentido horário) - rotaciona os pixels abrangidos pelo pincel (brush) no sentido horário.

Twirl Counterclockwise tool

(Fazer girar no sentido anti-horário) - Rotaciona pixels no sentido anti-horário

Pucker Tool( Enrugar) Move os pixels abrangidos, em direção ao contro da área do brush

Bloat Tool (Inchar) Move os pixels na direção oposta ao centro da área do Brush

Shift Tool (Transferir) Move os Pixels perpendicularmente em relação à direção da

240

pincelada.

Reflection Tool (Reflexo)

Copia pixels para a área compreendida pelo brush, criando um efeito similar à reflexão na água.

Reconstrutict Tool (Reconstruir)

+ermite reverter os efeitos realizados na imagem. No medu Mode ( à esquerda do dialogo) é oissivel escolher o modo de reconstrução

Freeze Tool ( Congelar) Utilizada para proteger áreas que não deverão sofrer modificações

Thaw Tool (Descongelar)

Utilizada para descongelar áreas prviamente congeladas, tornando-as editaveis

BORDA ARREDONDADA 1º Passo: Bom quero lembrar que existem diversas formas de se fazer uma borda arredondada. Essa é uma delas ok? Na minha opinião a mais facil e na próxima matéria sobre fotos publicarei mais formas...bom vamos lá Abra uma foto e selecione a aréa que deseja o efeito arredondado, como as bordas

2º Passo:Va na barra de Menu e escolha a opção Suavização (Smooth) Use 6 como valor do arredondamento. Dê CTRL+SHIFT+I e delete a área de fundo...

Se quiser ao final adicione uma textura ou altere sua cor ...CTRL+U

241

Agora outro efeito que vai em especial para aquelas pessoas que me mandam email perguntando como se retirar o fundo de uma imagem de um modo facil e sem usar a Ferramenta de seleção ´Magic Wand Tool´ 1º Passo: Bom abra a imagem desejada. ( Os caminhos vão depender muito da versão do PS que você usa, ja que os caminhos do 6.0 para o 7.0 mudaram)

2ºPasso: No Photoshop 7.0 Vá em Filter..... Extract. No PS. 6.0 essa Ferramenta fica na Opção Imagens na Barra de Menu 3ºPasso: Selecione a Ferramenta Edge Highlighter, a esquerda da caixa. Em tool Options, configure a ferramenta, alterando o tamanho do Pincel ´8´ Brush Size). Escolha uma cor de Highlight que contraste com a imagem. 4ºPasso: Pinte o contorno do objeto que será extraído do fundo, mantendo o botão esquerdo do mouse pressionado. Utilize a ferramenta Eraser para efetuar algumas correções necessárias no contorno. Selecione Smart Highlighting para obter um contorno mais preciso.

Quando terminar de desenhar o contorno, selecione a ferramenta Fill. Clique sobre a figura que será

extraída, para preenchê-la 5ºPasso: Clique em Preview para verificar se obteve o resultado desejado. Você poderá usar as

ferramentas Clean Up (Limpeza) e Edge Touch Up ( Retoque das bordas) para dar alguns retoques à imagem, caso necessario.

Clique Ok para confirmar a ação, extraindo a figura da imagem.

242

*Obs: Se quiser extrair um objeto de uma cor só, selecione a opção Force Foreground. Assim, irá habilitar a ferramenta Eyedropper (Conta-Gotas), e com ela selecionar a cor que quer extrair.

Na proxima semana explicarei Tudo sobre Canais **Essa matéria é dedicada a Maria de Fatima( minha tia que está na foto) falecida a 3 meses.

TEXTO EXPLODINDO NO PHOTOSHOP A união de alguns recursos oferecidos pelo Adobe Photoshop é usado para criar efeitos incríveis e poucos usados no cotidiano. » Crie um novo arquivo com o tamanho de 500x300 pixels » Escreva o texto WEB, como mostra a figura abaixo:

» Depois vá em Camada>Converter em Bitmap>Todas as Camadas » Em seguida, vá até a paleta Camadas, e duplique a camada onde você escreveu o texto » Clique na layer em que você acabou de criar e preencha-a com a cor branca e no Modo Multiplicação, veja a figura abaixo:

» Aplique o filtro Desfoque gaussiano(Filtros>Desfoque>Desfoque Gaussiano) com o raio de 6,2 pixels , agora todos os filtros serão aplicados na camada em que você duplicou.

243

» Vá em Filtros>Distorção>Coordenadas Polares e use a opção Polar para retangular, veja a figura:

» Logo após vá em Imagem>Rotacionar tela de pintura>90° Horário » Feito isto, aplique o filtro Vento(Filtros>Estilização>Vento), veja a figura abaixo:

» Aplique o mesmo filtro acima mais uma vez » Vá em Imagem>Ajustar>Níveis automáticos » Vá em Imagem>Ajustar>Inverter » Vá em Filtro>Estilização>Vento » Aplique o mesmo acima mais uma vez » Vá em Imagem>Rotaciolnar tela de pintura>90º Anti-horário » Vá em Filtro>Distorção>Coordenadas polares e escolha a opção Retangular para polar, como mostra a figura abaixo:

244

» Ajuste o menu pop down da Camada duplicada para Luz direta.Veja a figura:

» Vá em Imagem>Ajustar>Matiz/Saturação, marque a caixa Colorir, e preencha os dados como mostra a figura:

» Resultado:

245

PLANETA ÁGUA Passo 1: Crie uma camada com 500 x 500 pixels

Passo 2: Vamos agora criar um degrade, que puxe de um azul mais escuro para um azul mais claro:

Passo 3: Vamos aplicar esse degrade ao nosso documento: então vamos posicionar o mouse e puxarmos como a imagem a seguir:

a imagem será essa: Passo 4: Feito o degrade de acordo com a imagem, vamos agora criar uma camada nova e utilizarmos a ferramenta Elliptical Marquee Tool:

246

Segurando o Shift, vamos criar uma seleção como a imagem a seguir e pintarmos ela de preto:

Passo 5: Feito a seleção e a bola já pintada, vamos retirar a seleção (ctrl d). A próxima etapa séra no Blending Options:

Dentro do Blending Options, vamos deixar marcado essas propriedades:

Passo 6: Dentro da janela do Blending Options, vá na opção ao lado Outer Glow e configure como a imagem. Obs: colocamos a cor do brilho como branca.

247

Passo 7: Na mesma janela, sem você fechar, vamos aplicar um brilho interno, o Inner Glow, e configuramos a seguir:

Passo 8: Com nossa bola já feita, vamos aplicar um efeito de luz. Seria o Lens Flare: Filter -> Render -> Lens Flare: e aplicamos como a seguir: posicione a luz na parte superior da bola como mostra a imagem e damos ok..

A imagem ficará assim: Passo 9: Para finalizarmos e aplicarmos o efeito final, vamos aplicar uma máscara, ou melhor, uma Layer Mask.

248

Volte ao degrade, e vamos utilizar o degrade padrão, do preto para o branco, como a imagem a seguir:

Posicione o mouse como na imagem e vamos puxá-lo:

Nossa imagem final ficará assim: Com algumas modificações:

Bem pessoal, espero que tenham gostado. Abraços e até a próxima!