| |
|
 |
| | Muitas vezes ao digitalizar uma imagem verificámos que a imagem fica demasiado escura e distante do original. Para obter melhores resultados recomendamos uma digitalização entre 200 e 300 dpi. Alguns scanners trazem software que permite o ajuste de cores e luz antes da digitalização mas o mesmo resultado é conseguido ao ajustarmos as "Curves" e "Levels" no Photoshop. A: Curves |
|
| | 1. Abrir a imagem |
|  |
| | Abre uma imagem já existente que necessite de ajuste. Esta imagem em particular esta demasiado esbatida em relação à fotografia original. |
| | 2. Abrir a caixa de dialogo do ajuste de cor |
|  |
| | Select Image > Adjust > Curves. Activar o preview. clicar na linha diagonal e nos pontos do gráfico. Podes escolher os pontos e move-los para cima, baixo, esquerda e direita e obter valores diferentes para input e output. Assim facilmente se distingue as alterações na imagem enquanto movemos os pontos. Acrescentamos quatro novos pontos ao gráfico para obter um melhor resultado. Faz Ok |
| | 3. Comparar com a imagem antes dos ajustes. |
|  |
| | Podes comparar a imagem ao fazer Edit > Undo Curves ou Ctrl-Z. Examina com atenção a imagem para ver se algum detalhe importante foi perdido. Se ainda não estiver correcta a imagem volta a trás e repete novamente o processo. Assim que conseguires o ajuste certo grava a imagem ou exporta para a Web. |
|
| | B: Levels |
|
| | 1. Abrir a imagem |
|  |
| | Abre uma imagem já existente que necessite de ajuste nas tonalidades. Esta imagem em particular tem pouco contraste e luz. |
| | 2. Abrir a caixa de dialogo dos Levels |
|  |
| | Image > Adjust > Levels Activar o preview. A caixa de diálogo mostra o histograma da imagem. A linha com os três cursores mostra aos levels (níveis) de sombras, meios tons e brilhos. Selecionar o 1º cursor (sombras) e deslocar para a direita de modo a tornar a imagem mais clara. Pode-se tambem dar um pequeno ajuste nos brilhos e nos meios tons. Para ver a imagem original para comparar Ctrl+Z |
| | 3. Comparar imagem |
| 
| |
|  |
|
| | 1. Esferas |
|  |
| | Cria um novo layer. Usa a ferramenta "Circle Marquee" para fazer uma selecção circular (pressiona a tecla Shift para um circulo perfeito). Escolhe as cores pré-definidas (D). Inverte (X) Preto para background e branco para foreground. Dois cliques na ferramenta "Gradient" e escolhe background to Foreground, tipo radial. Depois mantêm o botão esquerdo do rato pressionado e traça uma diagonal da direita para a esquerda de cima para baixo. |
| | 2. Mais Esferas |
| | Repete o passo 1 para criares mais esferas. A medida que criares mais esferas tem em atenção o tamanho de cada uma. |
| | 3. Sombras |
|  |
| | Cria um novo Layer abaixo do layer da esfera. Este layer vai fazer as sombras. Ctrl+Clique no layer da esfera (seleciona a esfera) mas verifica se o novo layer é o activo. Preenche a selecção com preto. Remove a selecção (Ctrl+D) Gaussian Blur: Radius 3-4 Ajusta a opacidade para 70% Move a sombra para uma distância apropriada (para a esquerda e para baixo) Ctrl+Clique no layer da esfera. Inverte a selecção (Ctrl+Shift+I) Delete. |
| | 4. |
| | Repete o passo 3 para criares mais sombras para as outras esferas. |
| | 5. Cores |
|  |
| | Cria um novo layer por baixo dos outros (apenas acima do layer Background). Enquanto pressionas a tecla Shift, Ctrl+Clique em todos os layeres que contêm as esferas (não as sombras) até teres uma grande selecção que engloba as formas de todas as esferas. Preenche a selecção com preto (Edit > Fill > Black) e remove a selecção (Ctrl+D). Edit > Transform > Scale e redimensiona para 70% do tamanho. Move o layer para a posição correcta na imagem. Gaussian Blur: Radius 6 Ajusta a opacidade para 70% |
| | 6. |
|  |
| | Escolhe um layer com uma esfera. Ctrl+U (chama a janela "Hue/Saturation). Clicka em "Colorize" e arrastar o "Hue" para a esquerda cerca de 125 (a esfera fica azul). Cliqua no Ok. Repete para todas as esferas. |
| | 7. |
|  |
| | Cria um novo layer e coloca-o no topo. Troca a ferramenta "Gradient" para Linear. Traça uma diagonal de baixo para cima e da direita para a esquerda. Ctrl+U e Colorize. Escolhe uam cor (nesta caso usamos o vermelho) Muda no layer o efeito Normal para Soft Light. | |
| |
|  |
| | O comando "Extract" é uma das 3 novas ferramentas introduzidas no Photoshop 5.5 que permite, de uma forma simples e rápida extrair imagens dos backgrounds. A ferramenta "Magnetic Lasso" pode ser utilizada para seleccionar objectos com um bom contraste com o fundo, mas para selecionar áreas como cabelo, pêlo de animais ou relva O "Extract" é a ferramenta perfeita. Para alêm de isolar a imagem do fundo cria um novo layer o que permite move-la para uma outra imagem. |
| | 1. Ferramentas |
|  |
| | Image > Extract (Alt+Ctrl+X) Na caixa de diálogo do Image Extract surgem 6 ferramentas que vamos utilizar para selecionar a imagem. Edge Highlighter: é a mais utilizada pois permite desenhar o contorno da selecção que queremos manter. Fill: premite pintar rápidamente uma parte da imagem que queremos manter. Eraser Tool: apaga o excesso de contorno criado pela (Edge Highlighter). Eyedropper: selecciona uma cor que queremos manter (seleccionar "Force Foreground") Zoom: permite aumentar uma área de trabalho. Hand: funciona combinada com o "Zoom" para navergar pela imagem. |
| | 2. Abrir Imagem |
|  |
| | Abre uma imagem que necessite de extrair o Background Nesta Imagem vamos extrair o Gorila do Fundo mas 1º o melhor é duplicar o layer (Layer > Duplicate Layer) para termos uma cópia de segurança. Image > Extract (Alt+Ctrl+X) |
| | 3. Janela Extract |
|  |
| | Uma nova janela é lançada com as ferramentas do lado esquerdo e as opções do lado direito (a imagem aparece no meio). Tool Options: Escolhemos um pincel tamanho 11 (points), Highlight: Green, Fill: Blue. Extraction: O Smooth permite limpar alguns pixeis perdidos na extração e o Force Foreground é útil quando o fundo é similar à imagem o que torna dificil definir o contorno. Selecciona Force Foreground e muda a cor para uma Seguinte do contorno da imagem a extrair (usa o Eyedropper). Para a nossa imagem seleccionamos o Force Foreground e um Smooth 93. Não te esqueças que o Undo aqui não funciona. É preciso utilizar a ferramenta "Eraser" para apagar os enganos. |
| | 4. Highlight |
|  |
| | Escolhe a Ferramenta Edge Highlighter e pinta o contorno da imagem que queres extrair. (Podes alternar o tamanho do Pincel.) Tem a certeza que fazes um contorno completo (fechado) é critico para o proximo passo. |
| | 5. Paint Bucket |
|  |
| | Escolhe a ferramenta "Fill" e clicka dentro do contorno criado. |
| | 6. Preview |
|  |
| | Depois de preencheres á area da imagem que pretendes manter, clicka no "Preview" para visualizares a imagem extraida. Faz Ok. |
| | 7. Abrir a imagem com outro fundo |
|  |
| | Abre a imagem que pretendes utilizar como fundo para a imagem extraida. Têm em atenção a luzes o sol e o ângulo das sombras para obteres uma imagem realista. Tambêm é importante verificar se as duas imagens têm a mesma resolução. |
| | 8. Posicionamento |
|  |
| | Arrasta o layer da imagem extraida (Gorila) com a ferramenta "Move" (V) para cima da nova imagem e posiciona-a no enquadramento da imagem. | |
| |
|  | | |
| |
|  |
| | 1. |
|  |
| | Começa por criar uma nova imagem com 100x100 pixeis, RGB, 72 Dpi. Activa as réguas e faz zoom ao canto superior esquerdo da imagem e coloca duas guias verticais a 10 e 20 pixeis respectivamente a partir da esquerda. Activa a opção Snap to Guides (menu View) e faz um rectângulo da 1ª guia ao lado esquerdo da imagem. Preenche a selecção com um azul. Cria uma nova selecção entre a guia 1 e a guia 2 e preenche com a cor verde. |
| | 2. |
|  |
| | Repete os mesmos passos para criares as linhas verticas de modo a preencher todo o documento. Ver a imagem de cima. |
| | 3. |
|  |
| | Abre a palete dos layers e duplica o layer background (arrasta o layer até ao Icon do meio ao lado do caixote do lixo). Selecciona o novo layer (background copy) e aplica o filtro Offset. Filter > Other > Offset Vertical Set=0 Horizontal=4 Activa o Wrap Around Duplica o layer background copy e repete o filtro offset. Repete este processo mais 2 vezes (duplicar o ultimo layer e aplicar o offset.) Deverás ter 5 layers incluindo o background com os rectângulos a moverem-se 4 pixies na horizontal. |
| | 4. |
|  |
| | Selecciona cada um dos layers e aplica o filtro Polar Coordinates usando a opção Rectangular to Polar. O resultado deve ser igual à imagem de cima. Se reparares tens todas as frames necessárias para criares uma animação. Grava como gif cada um dos layers individualmente e utiliza por exemplo o Gif Animator para construires a animação. |
|  |
| | 5. |
|  |
| | Este exemplo foi criado aplicando o filtro "Twirl" com os mesmos valores a cada um dos layers. |
| | 6. |
|  |
| | Com o Filtro Ocean Ripple |
| | 7. |
|  |
|  |
|  |
| | Cria um novo conjunto de layers e aplica diferentes filtros para obteres imagens espectaculares. | |
| |
|  |
| | 1. |
|  |
| | Cria um novo layer. Desenha um circulo (com a tecla Shift pressionada desenhas um circulo perfeito), e preenche com preto (Edit > Fill > Black). Cria um novo layer e faz a selecção indicada na figura. |
| | 2. |
|  |
| | Preenche a selecção. Selecciona o layer com o circulo preto. Alinha-o com o layer com a forma rectangular para Vertical Center e Horizontal Center. Seleciona o layer com o rectângulo e duplica-o Layer > Duplicate Layer. Faz um "Rotate de 90 Graus. Faz "Merge" ao Layer com o circulo e torna a duplicar o layer. |
| | 3. |
|  |
| | Faz um "Rotate" ao novo layer para 45 Graus |
| | 4. |
|  |
| | Isto é como deverá aparecer. |
| | 5. |
|  |
| | Duplica mais uma vez o layer e faz um "Rotate" de 22.5 Graus. Merge todos os layers (excepto o background). Agora tens a forma da roda dentada. |
| | 6. |
|  |
| Selecciona a roda e aplica um gradiente cinza. Se quiseres dar relevo a roda aplica o Efeito Bevel and Emboss. |
| | 7. |
|  |
| | Por fim criamos uma rosca no meio da roda com o mesmo efeito (Bevel and Emboss) que aplicamos na roda dentada. |
|  | |
| |
|  |
| | 1. |
| | Cria um novo documento no formato RGB (tamanho 500x500 pixeis). |
| | 2. |
| | Verifica se as cores são preto e branco (branco em foreground) |
| | 3. |
| | Pressiona o rato sobre a ferramenta "Gradient" e escolha a "Reflected Gradient Tool" Traça uma linha de cima para baixo. |
| | 4. |
| | Filter > Render > Different Clounds |
| | 5. |
| | Image > Adjust > Auto Levels |
| | 6. |
| | Image > Adjust > Invert |
| | 7. |
|  |
| | Image > Adjust > Hue/Saturation Hue: 230 Saturation: 90 Lightness: 0 |
| | 8. |
| | Filter > Render > Lens Flare Aplica algumas áreas iluminadas para dar realismo à imagem. | |
| |
|  |
| | 1. |
|  |
| | Cria um novo documento no formato RGB (tamanho 150x150 pixeis), white background Cria um novo layer e com a ferramenta "Elliptical Marquee" desenha um circulo. |
| | 2. |
|  |
| | Com a ferramenta "Radial Gradient" preenche o circulo (branco e preto) traçando uma diagonal do canto superior esquerdo para canto inferior direito. |
| | 3. |
|  |
| | Duplica o layer e nomeia o novo layer como "Shadow". Preenche o circulo do layer shadow com preto. |
| | 4. |
|  |
| Edit > Transform > Distort. Agarra a alça do meio no topo, e arrasta-a para a direita e para baixo. |
| | 5. |
|  |
| | Filter > Blur > Gaussian Blur . Escolhe 3 para o "Radius". |
| | 6. |
|  |
| | Selecciona o layer shadow. Layer > Add Layer Mask > Reveal all (isto cria uma máscara para o layer). Escolhe a Ferramenta "Linear Gradient" (branco como foreground e preto como background) |
| | 7. |
|  |
| | Traça uma linha da direita para a esquerda como mostra a figura |
| | 8. |
|  |
| | Com a Ferramenta Gradient cria o teu background. | |
| |
|  |
| | 1. Novo documento |
|  |
| | Cria um novo documento no formato RGB (tamanho 400x400 pixeis) Escolhe a ferramenta "Type" e escreve "3D" com 150 pixies de tamanho. Escolhe a cor |
| | 2. Render |
|  |
| | Faz Render ao layer. Layer > Type > Render Layer |
| | 3. Opções do 3d Transform |
|  |
| | Escolhe o filtro 3d Transform Filter > Render > 3D Transform Do lado direita da janela clicka em options. Escolhe "high" para a resolução e para o anti-aliasing. |
| | 4. 3D Transform |
|  |
| É aqui que começa a emoção. A caixa de diálogo é simples e permite-te envolver o texto com um rectângulo, uma esfera ou um cilindro. |
|
| | 5. Desenha a esfera |
|  |
| | Selecciona a esfera e desenha um circulo. Usa a ferramenta Direct Selection para moveres o circulo de modo a que o texto fique no centro.
| 6. Track Ball |
|  |
| | Escolhe a ferramenta "Track Ball" e clicka e arrasta a Wireframe. Introduz os seguintes valores: Camera Field of View: 36 Camera Dolly: 50 |
| | 7. Panning |
|  |
| | Isto é apenas uma animação para te mostrar como podes fazer "Pan" para o texto ficar envolvido com a esfera. |
| | 8. Desenha um circulo |
|  |
| | Cria um novo layer. Escolhe a ferramenta "Elliptical Marquee" e com a tecla Shift pressionada desenha um circulo a bater com a meia lua que vês na imagem. No Layer com o texto 3D e apaga tudo excepto a palavra 3D mas não deselecciones o circulo. |
| | 9. Gradiente |
|  |
| | Escolhe a ferramenta "Radial Gradient" carrega na tecla "D" e na tecla "X" (passas a ter as default colors e o branco como foreground). Traça uma diagonal como na imagem de cima. Caso te enganes faz Ctrl+Z e volta a fazer de novo. Passa o layer com o circulo para baixo do layer do texto. |
| | 10. Criar a sombra |
|  |
| | Cria um novo layer. Mantêm a tecla "Ctrl" pressionada, vai a palette dos layers e dá um click no layer do texto. (fazes uma selecção ao texto). Agora sem removeres a selecção dá um click no novo layer (sem a tecla Ctrl pressionada) preenche com preto. Passa o novo layer para baixo do layer do texto e faz "Ctrl+D". Carrega na tecla "V" (Move) e com as teclas das setas move ligeiramente para a esquerda e para baixo. |
| 11. Free Transform |
|  |
| | Selecciona o layer com a sombra e pressiona as teclas e escolhe no menu Edit > Transform > Distort Podes manipular os pontos do rectangulo livremente até ficares com uma sombra mais realista. |
| | 12. Bevel |
|  |
| | E porque não um efeito de relevo? Do menu escolhe Layer > Effects > Bevel and Emboss. Highlight: Mode: Screen Highlight Color: White Opacity: 100% Shadow: Multiply cor: branco Opacity - 75% Style - Inner Bevel Angle - 48° Depth - 16 Up Blur - 13 |
| | 13. Hue/Saturation |
|  |
| | Selecciona o layer com a esfera. Do menu escolhe Image > Adjust > Hue/Saturation Activa o colorize. Hue: 43 Saturation: 88 Lightness: -2 |
| | 14. Sombra para a esfera |
|  |
| já consegues fazer este passo sozinho? Dica: os passos são muito proximos daqueles que usamos para criar a sombra ás letras. |
| | | |
| |
|  |
| | 1. |
|  |
| Abre a imagem com o logotipo, verifica se existe mais algum layer e se for o caso faz Flatten Image. Layer > Flatten Image. |
| | 2. |
|  |
| | Filter > Stylize > Emboss. Experimenta 2 para "Height" e 75 para "Amount". Ok |
| | 3. |
|  |
| | Tranforma o teu logotipo mais escuro ou mais claro. Selecciona Image > Adjust > Brightness/Contrast. Neste caso movemos a barra para 80 para ficar mais claro. |
| | 4. |
|  |
| | Se quiseres acrescentar um pouco de grão a imagem selecciona Filter > Noise > Add Noise. Verifica se o "Monochrome" está activo. |
| | 5. |
|  |
| | Agora Duplica a altura do "Canvas Size" Image > Canvas Size > Ok. Duplica o layer com o logotipo Layer > Duplicate Layer e move para cima do logotipo original. |
| | 6. |
|  |
| | Para dares uma tonalidade ao teu logotipo selecciona Image > Adjust > Hue/Saturation (Ctrl+U) e joga com as barras horizontais, mas 1º verifica se a imagem está Flatten Layer > Flatten Image. Depois de encontrares a tonalidade certa grava a tua imagem como Gif ou Jpeg. |
| | 7. |
|  |
| | Agora coloca a imagem na tua página Html para veres o efeito no background. | |
| |
|  |
| | 1. |
|  |
| | Vamos começar por criar um documento com 1024 pixeis de largura e 200 de altura. Para background vamos aplicar uma cor castanha e como textura utilizamos uma já existente, (podes arranjar várias texturas na Internet). Duplicamos o layer da Textura e o do topo chama-mos (Inner Edge) e de baixo de (Outer Edge). |
| | 2. |
|  |
|  |
| | Abre a palette dos Canais (Channels) cria um novo canal com o nome "Fat". Depois escolhe um pincel grosso e desenha uma linha irregular de cima para baixo. Usa a Ferramenta Paintbrush e pinta todo o lado esquerda até a linha. Duplica o layer "Fat" e chama a cópia de "Skinny". Aplica o "Maximum Filter" (Filter, Other) com um radius entre 4 e 8 pixeis. (não te preocupes que isto já vai fazer sentido). |
| | 3. |
|  |
| | A Seguinte serie de passos precisam de ser aplicadas tanto para o canal "Fat" como para o "Skinner". Vamos descrever os passos para o "Fat" e depois repete-os para o Skinner (confuso!?) não, vais ver que é fácil. Aplica o filtro "Scater" Filter > Brush Strokes > Scater com um spray Radius de 10 e Smoothness de 5. Depois Filter > Blur > Blur More Agora precisamos de ajustar os meios tons Image > Adjust > Levels (vê a imagem de cima com os valores.) |
|  |
| | O Resultado deve ser este |
| | 4. |
| | Agora que temos os Canis "Fat" e Skinner" correctos vamos voltar a pallete dos Layers. Primeiro desliga o layer do topo "Inner Edge" (com um click no olho que aparece do seu lado esquerdo). Selecciona o Layer "Outer Edge" e carrega a seleção do canal Fat Select > Load Selection. Faz "Delete" e retira a selecção. Vamos dar um pouco de luz ao restante conteúdo do layer "Outer Edge". Image > Adjust > Curves |
|  |
|  |
| | O Resultado agora é este |
| | 5. |
| | Vamos por fim dar um pouco mais de contraste ao criar uma sombra. Duplica o Layer "Outer Edge" e dá o nome de "Outer Shadow" coloca-o por baixo do layer " Outer Edge". Activa a "Preserve Layer Transparency" e preenche o layer Outer Shadow com preto (clicka na tecla "D" e depois faz "Delete") Desactiva a "Preserve Layer Transparency" e aplica um Gaussian Blur entre 5 a 8 de Radius. |
|  |
| | Hummm hummmm | |
| | 6. |
| | Agora muito melhor. Torna visivel o layer "Inner Edge" e selecciona-o. Carrega a selecção do "Skinny Channel" Delete e retira a selecção. Repete os passos 5 (mas agora neste layer) para criar uma sombra usa um Gaussian Blur entre 1 e 2. | |
| |
|  |
| | 1. |
|  |
| | Cria uma novo documento com as medidas que queres para o teu background (neste caso 150 px de largura). Preenche com uma cor. |
| | 2. |
|  |
| | Filter > Noise> Add Noise, para dares textura à imagem. Verifica se a opção monochrome está activa. Ok. |
| | 3. |
|  |
| | Coloca a cor branca em foreground. Escolhe a ferramenta "Gradient" e no menu das opções (lado direito) escolhe Foreground to Transparent". Traça uma linha da esquerda para a direita a apanhar sensivelmente um quarto da imagem. Faz o mesmo da direita para a esquerda mas agora com a cor preta como foreground. A imagem ganhou relevo e sombra. |
| | 4. |
|  |
| | Muda a cor Background para aquela que vais utilizar na tua página. Aumenta o Canvas Size Image > Canvas Size para aproximadamente 40 pixeis (No archor selecciona o quadrado do meio da 1ª coluna). Selecciona a nova área e preenche com um gradiente cinzento para simular a sombra. |
| | 5. |
|  |
| | Aumenta novamente o "Canvas Size" Image > Canvas Size > para 1280 pixeis. Este comprimento garante que o background não se vai repetir visualizado a grandes resoluções (1280x1024). Grava a tua imagem como Gif ou Jpeg. Agora coloca a imagem na tua página(Html) para veres o efeito do background. | |
| |
Postar um comentário