Adobe PhotoshoP Cs6
Transcrição
Adobe PhotoshoP Cs6
Adobe Photoshop CS6 sumário InTrodução............................................................................ 5 Windows...................................................................................... 5 Mac OS........................................................................................ 6 Apresentação da Interface................................................. 6 Painel de Ferramenta ................................................................... 7 Paletas.......................................................................................... 7 Workspace................................................................................... 8 Criando, salvando e abrindo o documento................................... 9 Alterando o modelo de cor do documento ................................ 11 Aumentando/Diminuindo o tamanho da imagem....................... 11 Aumentando o tamanho da tela de trabalho............................... 13 Trabalhando com layers ............................................................. 13 Ferramentas de seleção............................................................... 16 Ferramentas de seleção do grupo Lasso ..................................... 19 Ferramentas de seleção do grupo Seleção rápida........................ 21 Menu Select............................................................................... 22 Move Tool ................................................................................ 23 Ferramenta Free Transform.......................................................... 24 Ferramentas de corte e fatia........................................................ 25 Adobe Photoshop Professional CS6 1 Ferramentas de Navegação......................................................... 26 Exercício 1 - BANNER - Umani Ronchi.............................. 28 Exercício 2 - Cabeça de Melão.......................................... 29 Exercício 3 - Efeito 3d em Foto........................................ 32 Trabalhando com cores.................................................. 36 Definição................................................................................... 36 Modelos de Cores ...................................................................... 36 Ajuste de matiz, saturação e brilho da cor.................................. 37 Escolhendo Cores....................................................................... 38 Como escolher cores na Caixa de Ferramentas........................... 38 Paleta de cor............................................................................... 40 Paleta Channels.......................................................................... 40 Ferramentas de Pintura............................................................... 41 Ferramentas de Preenchimento................................................... 43 Trabalhando com Ferramentas de desenho................................. 44 Shape Tools................................................................................ 45 Exercício 1 - Efeito mãos pegando fogo...................... 46 Exercício 2 - Pintura digital básica - Fada.................... 50 Exercício 3 - Criando com brushes................................ 55 Sobre Imagens....................................................................... 58 Imagens Bitmap.......................................................................... 58 Imagens Vetoriais........................................................................ 60 Ajuste de Imagens...................................................................... 60 Mask.......................................................................................... 63 Criando Adjustments Mask......................................................... 66 Adobe Photoshop Professional CS6 2 Exercício 1 - Anúncio Heineken....................................... 68 Exercício 2 - Capa DVD......................................................... 69 Exercício 3 - Transformar Limão em Laranja.............. 76 Trabalhando com Styles ............................................................. 86 Trabalhando com a ferramenta Stamp........................................ 87 Trabalhando com as Ferramentas de Retoque............................. 88 Trabalhando com a Ferramenta Eraser........................................ 90 Trabalhando com ferramentas de nitidez.................................... 90 Trabalhando com Ferramentas de Exposição.............................. 91 Exercício 1 - Mudar cor de cabelo................................. 93 Exercício 2 - Retirando espinhas e marcas no rosto.95 Exercício 3 - Corrigir olhos avermelhados............... 98 Exercício 4 - Corte de cabelos com Channels............ 99 Trabalhando com Filters .............................................. 104 Smart Filters ............................................................................. 105 Filtros................................................................................... 106 Filtros de acabamento.............................................................. 106 Filtros Artísticos........................................................................ 107 Sketch Filters............................................................................ 111 Filtros de estilização ................................................................ 114 Exercício 1 - Fotos Retrôs............................................... 119 Exercício 2 - Criar cometa utilizando filtros.......... 124 Exercício 3 - Foto envelhecida...................................... 126 Adobe Photoshop Professional CS6 3 Ferramentas de texto....................................................... 135 Paletas de formatação e edição de texto................................... 136 Convertendo o texto para imagem............................................ 137 Criação e Edição de texto em um demarcador:......................... 137 Conversão de texto em Shape................................................... 139 Exercício 1 - Texto com efeito de fogo....................... 140 Exercício 2 - Texto com Efeito Multicolor................ 147 Exercício 3 - Texto com Luz............................................. 151 Preparando o Photoshop para impressão................ 158 RGB x CMYK............................................................................ 158 Resolução................................................................................. 158 Imprimindo o documento: ....................................................... 158 Modos de salvar....................................................................... 160 Exercício 1 - Cartaz - Regret........................................... 165 Exercício 2 - Cartaz - O dia depois de amanhã.......... 172 Adobe Photoshop Professional CS6 4 Adobe Photoshop CS6 MÓDULO 01 InTrodução O Photoshop é um programa de edição de imagens que permite a alteração de cor, retoque e correção de imagens, a aplicação de efeitos e a inserção de textos. Utilizando o Photoshop, você conseguirá criar ilustrações, realizar tratamentos de imagens, criar efeitos especiais, criar páginas na Internet e muitas outras funções. Em sua versão CS5, o Photoshop apresenta novas ferramentas para desenho e edição de formas e imagens. Aprimoramento na utilização das ferramentas possibilitando criar efeitos fantásticos como sombreamento, brilhos, relevos, transparência, deformação, etc. No Photoshop, a prioridade é a produtividade, as paletas do programa podem ser facilmente agrupadas e escondidas, deixando a área de trabalho com melhor distribuição de espaço, facilitando o trabalho do usuário na localização do recurso de que necessita. Windows yy Processador Intel® Pentium® 4 ou AMD Athlon® 64; yy Microsoft® Windows® XP com Service Pack 3; Windows Vista® Home Premium, Business, Ultimate ou Enterprise com Service Pack 1 (recomenda-se o Service Pack 2) ou Windows 7; yy 1 GB de RAM; yy 1 GB de espaço livre em disco para a instalação; será necessário espaço adicional livre durante a instalação (não é possível instalar em dispositivos de armazenamento removíveis com base em flash); yy Monitor de 1.024 x 768 (recomenda-se 1.280 x 800) com placa de vídeo aceleradora de hardware OpenGL, colorida, de 16 bits e 256MB de VRAM; yy Alguns recursos acionados por GPU precisam de suporte gráfico para Shader Model 3.0 e OpenGL 2.0; yy Unidade de DVD-ROM; yy Software QuickTime 7.6.2 necessário para recurso multimídia; yy É necessária a conexão de banda larga com a Internet para serviços on-line. Adobe Photoshop Professional CS6 5 Mac OS yy Processador: Processador Intel; yy Processador Intel Multicore; yy Mac OS X versão 10.5.7 ou 10.6; yy 1 GB de RAM; yy 2 GB de espaço livre em disco para a instalação; será necessário espaço livre adicional durante a instalação (não é possível instalar em um volume que use um sistema de arquivos que diferencia maiúsculas e minúsculas ou em dispositivos de armazenamento removíveis com base em flash); yy Monitor de 1.024 x 768 (recomenda-se 1.280 x 800) com placa de vídeo aceleradora de hardware OpenGL, colorida, de 16 bits e 256MB de VRAM; yy Alguns recursos acionados por GPU precisam de suporte gráfico para Shader Model 3.0 e OpenGL 2.0; yy Unidade de DVD-ROM; yy Software QuickTime 7.6.2 necessário para recurso multimídia; yy É necessária a conexão de banda larga com a Internet para serviços on-line.** Apresentação da Interface Para iniciar, vamos analisar cada item de sua interface. Adobe Photoshop Professional CS6 6 A. Janelas de Documento tabuladas: abas que facilitam a navegação entre os documentos abertos. B. Barra de aplicativos: permite o acesso à barra de menus (somente Windows) e outros controles de aplicativo. C. Alternador da área de trabalho: permite alternar entre as diferentes configurações de workspace, salvar e deletar os mesmos. D. Barra de título do painel: permite navegar entre os painéis empilhados. E. Botão Recolher em Ícones: permite contrair e estender o painel. F. Paleta de Painéis: ajuda a monitorar e modificar seu trabalho e os painéis podem ser empilhados, encaixados e agrupados. G. Painel Ferramentas: contém ferramentas para a criação e a edição de imagens, arte-final, elementos de página e assim por diante. As ferramentas relacionadas são agrupadas. H. Painel de Controle: exibe as opções para a ferramenta atualmente selecionada. Painel de Ferramenta O Painel Tools pode ser exibido com uma ou duas colunas. Para fazer isto, basta clicar sobre a seta dupla branca na barra cinza. Também pode ser arrastado e deixado solto em sua área de trabalho. Basta clicar sobre sua barra e arrastá-lo. Para voltar para seu lugar é só arrastá-lo ao local desejado até formar uma linha azul, onde se encaixará. Paletas Acesso rápido a muitas ferramentas do Photoshop, facilitando a modificação da arte-final. Todos os painéis estão contidos em menu Window como, por exemplo: menu Window > Layers, Type, Color, Pathfinder. Para deslocá-la para outro lugar, basta arrastá-la e colocar onde quiser. Para voltar, arraste até que apareça uma barra azul e solte-a. Adobe Photoshop Professional CS6 7 Workspace O workspace, ou área de trabalho, é a forma como se organizam os elementos, barras, painéis, janelas e demais elementos que compõem a interface do Photoshop CS5. Através da barra de alternador da área de trabalho, o usuário pode manipular e reorganizar os elementos de forma a facilitar seu trabalho. Como padrão, o Photoshop é iniciado com o Workspace Essentials, que está localizado no alterador da área de trabalho. Acessando o menu Workspace, você terá acesso às opções de configuração. Pré-configurações de workspace: Essentials, New in CS5, Desing, Painting e Photography. Reset Essentials: resetar o seu workspace. New Workspace: cria um novo Workspace, com o layout escolhido pelo usuário. Delete Essentials: deleta o Workspace selecionado. Criando New Workspace Quando clicar sobre New Workspace, uma nova janela se abrirá. Name: coloque o nome de seu novo Workspace. Capture: Keyboard Shortcuts: salva também os atalhos criados pelo usuário. Menus: Salva o layout dos menus em seu Workspace. Adobe Photoshop Professional CS6 8 Criando, salvando e abrindo o documento Para criar um novo documento, vá ao Menu File > New, ou através do atalho Ctrl+N. Assim que o comando for executado, uma nova janela será aberta. Name: Nome do arquivo. Present: a plataforma onde o arquivo será trabalhado, como por exemplo: Web, fotografia, etc. Size: quando selecionada, algumas opções no Present estarão acessíveis, mostrando alguns padrões de tamanhos existentes. Width: largura do arquivo e mostra qual o sistema de medida será utilizado. Height: altura do arquivo e mostra qual o sistema de medida será utilizado. Resolution: define a resolução para seu documento e seu sistema de medida. Color Mode: qual a cor será trabalhada em seu arquivo e quantos bits serão trabalhados. Background Contents: qual cor do fundo do seu documento que irá iniciar: branca, colorido ou transparente. Adobe Photoshop Professional CS6 9 Assim que clicar em OK, será aberto o seu documento na área de trabalho com as configurações escolhidas. Para salvar um trabalho no menu File > Save As utilize as teclas de atalho CTRL+SHIFT+S. Após definir o nome, ele atribuirá ao seu arquivo a extensão e ao salvar o arquivo, ele perguntará sobre a compatibilidade de fontes: PDF e Compressão. As principais opções de se salvar um arquivo, com exceção do formato .PSD (Adobe Photoshop) são: Photoshop PDF(Portable Document Format), .GIF(CompuServer GIF), .PNG, . TGA (Targa), .TIFF. Ainda, há outras opções de se salvar o arquivo como, por exemplo: .BMP, .PXR, etc. Após o arquivo salvo, basta pressionar o atalho CTRL+S para salvar, automaticamente, seu arquivo. Através do atalho CTRL+O, ou pelo menu File>Open, conseguimos abrir vários tipos de arquivos de imagem , como por exemplo: .PSD, .JPEG, .EPS, .PNG, .TIFF, dentre outros. Alterando o modelo de cor do documento Mesmo após o documento criado, seus padrões não serão fixos. Todos podem ser editados e alterados de alguma forma. Neste caso, vamos alterar a cor de visualização e de finalização em Bitmap do documento. No menu Image>Mode, pode-se assim alterar a visualização ou a saída em cores do documento. Adobe Photoshop Professional CS6 10 Aumentando/Diminuindo o tamanho da imagem Para alterar o tamanho da imagem, basta ir ao menu Image >Image size e uma nova janela será aberta. Nesta janela, três novas opções irão aparecer: Scale Styles: escala os efeitos, proporcionalmente, a escala da imagem. Constrain proportions: aumenta/diminui a imagem, proporcionalmente. Quando esta opção estiver selecionada, uma corrente aparecerá restringindo as proporções das medidas. Resample Image: realiza a interpolação dos pixels. “Interpolação Bicubic” é um método disponível no Photoshop para adicionar pixels de uma imagem, quando um aumento no tamanho ou a resolução é feita na imagem. A interpolação acontece quando o Photoshop adiciona pixels a uma imagem de acordo com a cor de seus pixels vizinhos, criando assim Adobe Photoshop Professional CS6 11 um pixel intermediário. Interpolação bicúbica é a opção de interpolação de alta qualidade, mas também a mais lenta. Nearest Neighbor: preserva arestas mais rígidas. Bilinear: processo de interpolação. Bicubic: através da interpolação melhora a suavização de gradientes. Bicubic Smoother: através da interpolação, é utilizada para alargamentos. Bicubic Shaper: realiza interpolação sendo melhor aplicada em reduções. Para rotacionar imagem: Para girar a imagem, basta ir ao menu Image > Rotate canvas e para inverter a pintura na vertical ou horizontal, vá ao menu Image> Rotate canvas > Flip canvas. Aumentando o tamanho da tela de trabalho Menu Image > Canvas Size As setas indicam para que lado do documento serão acrescentadas a largura ou a altura. Para alterar o sentido de documento acrescentado, basta clicar sobre as setas localizadas no Anchor. Current Size: é o tamanho atual do documento. New Size: acréscimo do documento em relação às setas. Relative: indica se as dimensões dos novos tamanhos serão absolutas ou relativas. Canvas extension color: define a cor do acréscimo em sua imagem. Adobe Photoshop Professional CS6 12 Trabalhando com layers As Layers (ou Camadas) são fundamentais no Photoshop, pois, com elas, podemos manipular objetos com maior facilidade. Podemos aplicar estilos de camadas e máscaras, agrupar camadas e utilizar uma série de recursos que apenas as camadas oferecem. As camadas do Photoshop são como folhas de acetato empilhado. Através das áreas transparentes de uma camada, é possível ver as camadas de baixo. Mova a camada para posicionar o seu conteúdo, como se estivesse deslizando uma folha de acetato em uma pilha. Conhecendo a paleta Layers O painel de layers está localizado no menu Window > Layers, ou através do atalho F7. 1. Menu do painel Camadas - Menu pop-up que contem outras informações do painel (no caso layers). 2. Grupo de camadas - Agrupa camadas para facilitar na organização. 3. Camada - Espaço que contem a miniatura do trabalho, efeitos e máscaras aplicados à camada. 4. Expandir/recolher efeitos da camada - Maximiza ou minimiza o efeito aplicado na camada, facilitando a visualização. 5. Efeito da camada - Efeito aplicado na camada. 6. Miniatura da camada - Pequena visualização do conteúdo da layer. 7. Bloqueio de camada ativo - Ícone que sinaliza algum tipo de lock (bloqueio). 8. Indicador de visibilidade das camadas - Clicando sobre ele, a layer torna-se visível ou invisível. 9. Opções de lock (bloqueio) 1 2 3 4 9.1. Lock Transparent Pixels: Trava áreas transparentes da camada. 9.2. Lock Image Pixels: Trava pixels da imagem. 9.3. Lock Posittion: Trava deslocamento. 9.4. Lock all: Trava a camada e todas as propriedades. 10. Opacity (opacidade) - Controla a opacidade da camada e trabalha com porcentagem. Adobe Photoshop Professional CS6 13 11. Fill (Preenchimento) - Controla a transparência de preenchimento da camada e trabalha com porcentagem. 12. Blending Mode (Modos de Mesclagem) - Determina como os pixels de uma camada são mesclados com pixels da camada abaixo dela. Opções avançadas do painel camadas 1 2 3 4 5 6 7 13. Painel Camadas: este painel possui a seguinte divisão: 13.1. Link Layers: quando uma camada está linkada a outra e se a movimentamos, seus objetos serão movimentados juntamente. 13.2 - Blending Options: você pode colocar alguns efeitos nas camadas como bevel, stroke e outros. 13.3 - Add Layer Mask: você pode criar máscaras com um simples clique. 13.4 – Create new fill or adjustment layer: Solid, Gradient, Pattern e outros. 13.5 - Group: Agrupa as camadas através de pastas e para colocar a camada dentro da pasta, basta arrastá-la. 13.6 - New Layer: Cria uma nova camada. 13.7 – Delete Layer: Exclui uma camada. Quando uma imagem for carregada ou criada, é iniciada como uma camada background que se encontra bloqueada e para torná-la uma camada editável, basta clicar duas vezes sobre a camada e pressionar OK. Ou com a tecla ALT pressionada, clique duas vezes no cadeado, transformando-a em uma layer. As propriedades da layer podem ser alteradas quando são dados dois cliques sobre a área de visualização da layer, definindo seu nome, cor, mode e opacity. Dica: Para se criar uma layer na frente de uma selecionada, basta apertar a tecla CTRL. Adobe Photoshop Professional CS6 14 Ferramentas de seleção As ferramentas de seleção permitem que você selecione uma parte ou um conjunto de partes de uma imagem para trabalhar. A maioria das outras ferramentas do Photoshop e filtros podem ser aplicados a esta área selecionada, alterando sua cor, forma, textura, posição e/ou outros atributos, alterando somente a seleçao. O Photoshop CS5 contém três tipos de ferramentas de seleção: as ferramentas Marquee, as ferramentas Lasso e a Varinha Mágica. Ferramentas Marquee (seleção fechada) 1- Rectangular Marquee Tool: Faz uma seleção retangular. 2- Elliptical Marquee Tool: Faz uma seleção elíptica. 3- Single Row Marquee Tool: Cria uma seleção de apenas um pixel de altura e pode ser movida somente na horizontal. 4- Single Column Marquee Tool: Cria uma seleção de um pixel de largura e pode ser movida somente na direção vertical. Para criar uma seleção, basta selecionar uma das ferramentas. Clicar sobre uma área em seu documento, manter o botão do mouse pressionado e arrastar. Ao soltar o botão, uma marcação pontilhada irá aparecer. Isto significa que temos uma área de nosso documento selecionada. Barra de Opções: 1 2 3 4 5 1- New Selection: Cria uma nova seleção, independente se já existe uma. Adobe Photoshop Professional CS6 15 2- Add to Selection: Adiciona a parte selecionada na seleção existente. O atalho correspondente para adicionar uma seleção é pressionar a tecla SHIFT. 3- Subtract from selection: Retira a parte selecionada na seleção existente. O atalho correspondente para subtrair uma seleção é pressionar a tecla ALT. 4- Intersect with selection: Seleciona a parte em que as duas seleções se encontram. O atalho correspondente para interseção da seleção é pressionar as teclas SHIFT+ALT. 5-Style: Normal - A seleção pode ficar de qualquer tamanho e forma. Fixed Aspect Ratio - Define a taxa do tamanho da seleção, exemplo: 2:1. Fixed Size - Tamanho definido, sempre o mesmo tamanho, só dê um clique e pronto. Adobe Photoshop Professional CS6 16 Ferramentas de seleção do grupo Lasso 1-Lasso Tool (L) Usamos a ferramenta Lasso Tool para desenhar segmentos a mão livre de uma borda de seleção. Para selecionar usando Lasso: 1. Abra a ferramenta desdobrável do Lasso e clique na Lasso tool. 2. Na imagem, clique e arraste, cercando a área que deseja selecionar. 3. Ao soltar o mouse, as duas pontas (inicial e final) dos tracejados serão unidas e a seleção estará feita. 2-Polygonal Lasso Tool (L) O Polygonal lasso Tool é útil para desenhar segmentos de aresta reta de uma borda de seleção. Para selecionar usando Polygonal Lasso Tool: 1. Selecione a ferramenta Polygonal Lasso e escolha as opções. 2. Clique na imagem para definir o ponto de início. 3. Siga um ou mais destes procedimentos: 3.1 Para desenhar um segmento de reta, coloque o ponteiro no ponto em que o primeiro segmento de reta deve terminar e clique. Continue a clicar para definir as extremidades dos segmentos subsequentes. 3.2 Para desenhar uma linha reta em um múltiplo de 45°, mantenha pressionada a tecla SHIFT ao mover para clicar o próximo segmento. 3.3 Para desenhar um segmento à mão livre, mantenha pressionada a tecla ALT, quando terminar solte a tecla ALT e o botão do mouse. 3.4 Para apagar segmentos de reta recém-desenhados, pressione a tecla DELETE. Adobe Photoshop Professional CS6 17 4. Feche a borda de seleção. Coloque o ponteiro no Polygonal Lasso Tool sobre o ponto de início (será exibido um círculo fechado ao lado do ponteiro) e clique. Se o ponteiro não estiver sobre o ponto de início, clique duas vezes no Lasso Polygonal Tool ou clique com a tecla CTRL pressionada. 3-Magnetic Lasso Tool (L) Conforme usamos o Magnetic Lasso Tool, a borda se ajusta às arestas das áreas definidas na imagem. A ferramenta Magnetic é útil para a rápida seleção de objetos com arestas complexas definidas sobre plano de fundo de alto contraste. Para selecionar usando o Magnetic Lasso: 1. Selecione a ferramenta Magnetic. 2. Dê um clique em qualquer uma das bordas do desenho ou foto. 3. Em seguida, desloque o ponteiro do mouse de forma a contornar o objeto ou área que deseja selecionar. 4. Perceba que, à medida que você vai movendo o ponteiro, o tracejado da seleção vai se firmando em torno da imagem. 5. Clique no início da seleção para fechá-la. Ferramentas de seleção do grupo Seleção rápida 1-Quick Selection (W) Está localizada no painel de ferramentas e quando selecionada, suas propriedades podem ser alteradas no Painel de Controle para adição, subtração ou nova seleção. Esta ferramenta é utilizada para selecionar um objeto rapidamente. New Selection: faz uma nova seleção. Add to Seleciton: adiciona a uma seleção já feita. Subtract from Selection: subtrai de uma seleção já feita. Brush: configuração da ponta da ferramenta, tamanho e dureza. Sample All Layers: seleciona com informações de cores de todas as camadas. Auto-Enhance: ajusta automaticamente a borda da seleção. Adobe Photoshop Professional CS6 18 2-Magic Wand (W) Usada para selecionar uma área com pixels de cores semelhantes. New Selection: faz uma nova seleção. Add to Selection: adiciona a uma seleção já feita. Subtract from Selection: subtrai de uma seleção já feita. Intersect with Selection: seleciona apenas a área de interseção entre duas seleções. Menu Select All: seleciona toda a imagem. Deselect: desfaz qualquer seleção criada, pode ser substituído pelo CTRL+D. Reselect: retorna a última seleção feita. Inverse: inverte a seleção atual. All Layers: seleciona todas as Layers. Deselect Layers: descarta a seleção de todas as Layers. Similar Layers: seleciona Layers similares. Color Range: permite selecionar em sua imagem a partir de pixels em uma seleção já existente ou através de toda a imagem. Quando clicar com a tecla CTRL sobre o a amostra da layer, é feita uma seleção automática em tudo que estiver contido nesta. Refine Edges (Alt + ctrl + R): permite alterar contornos e definição de uma seleção. Propriedades Refine Edge Adobe Photoshop Professional CS6 19 View Mode: View: mostra a imagem que será trabalhada. Show Radius: mostra a área de ação do Refine Edge. Show Original: mostra a imagem original sem alterações da ferramenta. Edge Detection: Smart Radius: ativa a opção de bordas inteligentes. Radius: altera em porcentagem a influência das bordas. Adjust Edge: Smooth: suavização das bordas do objeto. Feather: suaviza ao redor do objeto como um todo. Contrast: aumenta o contraste do objeto selecionado. Shift Edge: define melhor o traço do objeto. Output: Descontaminate Colors: descontamina a cor de fundo do objeto selecionado. Amount: quanto da descontaminação será usado. Output To: define a saída do objeto, por exemplo, em uma nova layer. Remember settings: quando marcada, sempre será utilizado este padrão para as seleções. Modify Border: acrescenta uma borda em sua seleção. Smooth: suaviza a seleção. Expand: aumenta a sua seleção. Contract: diminui a sua seleção. Grow: seleciona os pixels vizinhos de uma seleção existente e tem cores semelhantes às incluídas na seleção, de acordo com o valor de tolerância. Similar: funciona de maneira similar à opção Grow, exceto que os pixels não precisam ser adjacentes. Quando acionado o comando, ele seleciona qualquer pixel que esteja dentro da faixa de tolerância, independente do local do pixel na imagem de primeiro plano. Move Tool Esta ferramenta pode ser acessada no painel de ferramentas ou pelo atalho V. Vamos selecionar a ferramenta Move Tool no painel de ferramentas. Pode-se clicar sobre o ícone da ferramenta ou pressionar a letra V do teclado. Abra uma foto qualquer, clicando sobre a foto e arrastando-a, pode-se mover a foto livremente (caso ela não tenha o símbolo do cadeado na layer). Pressionando as setas direcionais do teclado, tem-se a possibilidade de mover fotos pixel a pixel na tela na direção em que se desejar. Adobe Photoshop Professional CS6 20 Caso tenha uma seleção feita com qualquer ferramenta para seleção (Lasso Tool, Marquee Tool, Pen Tool, etc) e usar a ferramenta Move Tool dentro da seleção, perceba que o ícone da ferramenta se transforma em uma seta com uma tesoura. Isto quer dizer que ao pressionar o botão e arrastar a seleção, cortará o conteúdo selecionado e pode-se movê-lo para onde quiser como na foto ao lado. Ao arrastar a seleção e pressionar a tecla ALT ao invés de recortar, a área selecionada se duplicará. Ferramenta Free Transform Para acessar esta ferramenta, basta pressionar as teclas ALT+T ou ir ao menu Edit>Free Transform. Ela é um comando de Transformação Livre que permite aplicar transformações como mover, girar, redimensionar, inclinar, distorcer, perspectiva e embrulhar em uma operação contínua. Em vez de escolher comandos diferentes, basta clicar com o botão direito sobre a imagem selecionada e escolher o tipo de transformação. Pode-se iniciar o comando Free Transform através do menu Edit >Free Transform, ou enquanto ferramenta Move Move Tool, selecione e pressione Ctrl + T. Quando você começar a Free Transform, a área selecionada ou camada inteira (se não houver seleção) será rodeada por uma caixa que envolve com várias alças de canto (A) e centro de cada lado (B) e também ponto de referência (C). Pode-se mover ou lidar com o mouse, arrastando ou combinar arrastando com teclado de teclas para executar a transformação, para o objeto não perder suas proporções, basta pressionar a tecla SHIFT. Para desfazer a última ação, use o menu Editar »Desfazer ou Ctrl + Z. Para aplicar Transformação, pressione Enter ou Return, ou clique no botão Aplicar botão em Aplicar na barra de opções. Ou Clique duas vezes dentro do letreiro de transformação. Para cancelar a transformação, pressione a tecla Esc ou clique no botão Cancelar em Cancelar botão na barra de opções. Adobe Photoshop Professional CS6 21 A. Ponto de Referência Locator no centro da caixa delimitadora (padrão). B. Ponto de Referência localizador no canto superior esquerdo da caixa delimitadora. Ferramentas de corte e fatia 1- Crop Tool (C) Usada para cortar o arquivo com todas as camadas em um tamanho escolhido. Width: largura do corte. Height: altura do corte. Resolution: resolução da imagem final cortada. Pixels/inch e Pixels/cm: unidade de medida sobre o corte. Front Image: usa os valores do arquivo. Clear: apaga as configurações. 2- Slice Tool (C) A ferramenta cria fatias na imagem ou foto. A Slice Tool é própria para criação de layouts de site e hot sites próprios de web. Depois que se usar a ferramenta, pode-se exportar (save for web e devices) separadamente cada fatia. Width: largura do corte. Height: altura do corte. Resolution: resolução da imagem final cortada. Pixels/inch e Pixels/cm: unidade de medida sobre o corte. Front Image: usa os valores do arquivo. 3-Slice Select Tool (C) Usada para selecionar as fatias desejadas e exportá-las. Esta ferramenta é selecionada automaticamente, assim que é feita uma fatia usando a ferramenta Slice Tool e posicionando o cursor em cima da área da fatia. Para selecionar cada fatia de seu documento, é necessário usar a ferramenta Select Slice. Para isso: 1. Clique e pressione o botão do mouse por alguns instantes em cima da Slice Tool no painel ferramentas. 2. Selecione a ferramente Select Slice Tool. 3. Clique na fatia da imagem desejada. Adobe Photoshop Professional CS6 22 Ferramentas de Navegação Hand Tool - (H) Usada para deslocar a visualização do documento. Scroll All Windows: desloca todos os documentos abertos. Actual Pixels: ajusta a tela para o tamanho real do arquivo. Fit Screen: ajusta a tela ao tamanho da área de trabalho. Print Size: ajusta a tela ao tamanho do arquivo de impressão. Nota: Pode-se usar a tecla “space” pressionada para mover o documento estando com qualquer outra ferramenta selecionada. Zoom - (Z) Para acessar o zoom, vá ao menu View. Zoom In: aproxima da imagem e pode ser acessado através de dos atalhos: (Z) a própria ferramenta e CTRL + +, CTRL+Espaço. Zoom out: afasta da imagem e pode ser acessado através de dos atalhos: (Z) a própria ferramenta e CTRL + -, CTRL+ALT+Espaço. Fit on Screen: redimensiona o arquivo para ajustar ao tamanho da janela (CTRL + 0). Dica: Para colocar a imagem com 100%, basta dar dois cliques sobre a lupa. Adobe Photoshop Professional CS6 23 Adobe Photoshop CS6 Exercícios Exercício - Simulando uma parede de quadros Vamos treinar o recorte com as ferramentas aprendidas neste módulo. O exercício consiste e colocar as molduras e posters na parede que chamamos de base. Abra o arquivo fundo.psd, ele servirá para colocar os quadros e poster na parede. Abra as imagens de molduras recorte e cole como mostrado. Adobe Photoshop Professional CS5 24 Agora redimensione e posicione os posters em camadas abaixo das camadas das molduras como mostrado abaixo: O exercício está pronto! Adobe Photoshop Professional CS6 25 Adobe Photoshop CS6 Exercícios Exercício - Montando uma vitrine Vamos aprimorar os conhecimentos aprendidos neste módulo, como camadas e formas básicas de seleção e recorte, montando um anúncio para um cliente fictício. Abra a imagem base.psd. Em seguida abra as imagens dos sapatos e bolsas, com as ferramentas de seleção rápida magic wand tool e quick selection, recorte todos os objetos. Arraste-os para o documento base. Agora é só posicioná-los nas prateleiras. Para finalizar o exercício, selecione um sapato clicando na layer dele enquanto pressiona a tecla ctrl. Adobe Photoshop Professional CS5 26 Crie uma nova camada abaixo da camada do sapato que está trabalhando. Dê o comando shift+F6 para suavizar a seleção criada. Preencha a camada de preto. Para isso mude a cor de foreground para preto e pressione shift+backspace para colorir. Repita esse processo para os demais objetos. Sua composição deverá ficar como na imagem abaixo. Adobe Photoshop Professional CS6 27 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 28 Adobe Photoshop CS6 MÓDULO 02 Trabalhando com cores Definição A cor é um fenômeno óptico (parte da física que estuda os fenômenos luminosos e os fenômenos da visão) provocado pela ação de um feixe de fótons sobre células especializadas da retina, que transmitem através de informação pré-processada no nervo óptico, impressões para o sistema nervoso. A cor de um material é determinada pelas médias de frequência dos pacotes de onda que as suas moléculas constituintes refletem. Um objeto terá determinada cor se não absorver justamente os raios correspondentes à frequência daquela cor. Assim, um objeto é vermelho se absorve preferencialmente as frequências fora do vermelho. A cor é relacionada com os diferentes comprimentos de onda do espectro eletromagnético. São percebidas pelas pessoas, em faixa específica (zona do visível), e por alguns animais através dos órgãos de visão, como uma sensação que nos permite diferenciar os objetos do espaço com maior precisão. Considerando as cores como luz, a cor branca resulta da sobreposição de todas as cores, enquanto a preta é a ausência de luz. Uma luz branca pode ser decomposta em todas as cores (o espectro) por meio de um prisma. Na natureza, esta decomposição origina um arco-íris. Modelos de Cores Neste material, iremos abordar apenas dois modelos de cores, os mais utilizados no Illustrator. Vale lembrar apenas estes modelos de cores. Vamos conhecer os modelos RGB e CMYK. RGB - É o modelo de cor da Luz, conhecido como cores aditivas, a soma de suas cores forma a cor branca. O RGB é composto por três cores primárias: Adobe Photoshop Professional CS6 29 (C) Cyan (ciano) (M) Magenta (Y) Yellow (amarelo) (K) Black (preto) Quando você editar uma imagem que será exibida em monitores, use o modo de cores RGB. Quando a imagem tiver saída impressa, use o modo CMYK. Além do modo de cor, é importante saber o que é a profundidade dos bits. Esta “profundidade” refere-se à quantidade de bits que serão usados para codificar as cores. Quanto mais bits forem usados, mais variadas serão as cores. Em contrapartida, o tamanho do arquivo é maior quanto maior for a profundidade dos bits usados. Por padrão, usa-se 8, 16 ou 32 bits como profundidade. No Photoshop, muitos recursos são desabilitados quando a imagem está com 8 bits. Ajuste de matiz, saturação e brilho da cor Com base na percepção humana, o modelo HSB descreve as três características fundamentais da cor: H – Hue (Matiz): cor refletida ou transmitida por meio de um objeto. É medida como um local no disco de cores, padrão expresso como um grau entre 0° e 360°. No uso comum, a matiz é identificada pelo nome de cor como laranja, rosa e azul, por exemplo. S – Saturation (Saturação): intensidade ou pureza da cor (às vezes, denominada croma). A saturação representa a intensidade de cinza na proporção da matiz, medida como uma porcentagem de 0% (cinza) a 100% (totalmente saturado). No disco de cores padrão, a saturação aumenta do centro para as bordas. B – Brightness (brilho): a luminosidade ou escurecimento relativo da cor, geralmente medido como a porcentagem de 0% (preto) a 100% (branco). Adobe Photoshop Professional CS6 30 Escolhendo Cores 1- Caixa de cor do primeiro plano (Foreground). 2- Caixa de Cor do plano de fundo (Background). 3- Inverte as cores do plano de fundo com primeiro plano. 4- Cores padrão. Quando usamos a ferramenta de pintura do Photoshop, é necessário escolher a cor usada por ela. O Photoshop usa a cor de primeiro plano para pintar, preencher e traçar seleção e a cor de plano de fundo para efetuar preenchimentos de degradê e preencher áreas apagadas de uma imagem quando esta se encontra bloqueada. As cores de primeiro plano e do plano de fundo também são usadas por alguns filtros de efeitos especiais. Como escolher cores na Caixa de Ferramentas yy Para alterar a cor do primeiro plano, clique na caixa superior de seleção de cor na caixa de ferramentas e escolha uma cor no Seletor de Cores Adobe. yy Para alterar a cor do plano de fundo, clique na caixa inferior de seleção da cor na caixa de ferramentas e escolha uma cor no Seletor de cores da Adobe. yy Para inverter as cores do primeiro plano e plano de fundo, clique no ícone alterar cores na caixa de ferramentas. Também, pode-se usar o atalho de teclado “x”. yy Para restaurar as cores padrão do primeiro plano e do plano de fundo, clique no ícone Cores Padrão na caixa de ferramentas. Valores das cores Clicando sobre as caixas de cores, uma nova janela se abrirá. Quando uma cor é selecionada no seletor de cores da Adobe, simultaneamente, são exibidos valores numéricos para HSB, RGB, LAB, CMYK e números hexadecimais. Estes valores são úteis para verificar como os diferentes modelos de cores descrevem uma cor. Para exibição do seletor de cores, na caixa de ferramentas, clique em seleção de cores de primeiro plano ou plano de fundo. Adobe Photoshop Professional CS6 31 O seletor de cores também está disponível quando os recursos permitem escolher uma cor. Por exemplo, clicando na amostra de cores na barra de opções para algumas ferramentas, ou no conta-gotas em algumas caixas de diálogo de ajuste de cores. É possível escolher uma cor digitando os valores dos componentes de cor na caixa de texto HSB, RBG e LAB ou usar o controle deslizante de cores e os campos de cores. Escolhendo um equivalente para uma Cor Algumas cores nos modelos de cores RGB, HSB e Lab não podem ser impressas ou trabalhadas na web, porque estão fora do padrão. Ao escolher uma cor não imprimível no seletor de cores ou na paleta de cor, se tal cor não for correspondente à cor de impressão, um triângulo de aviso será exibido. Para escolher uma equivalente mais próxima à escolhida, clique no triângulo de alerta na caixa de diálogo Seletor de Cores ou na paleta de cor. Assim uma cor será selecionada mais próxima da escolhida. O mesmo acontece com as cores de web. Caso a cor não exista para tal padrão, um cubo aparecerá e basta clicar sobre ele para a cor se adaptar ao padrão web. Adobe Photoshop Professional CS6 32 Paleta de cor Para abrir a paleta de cor, vá ao menu Window > Color, ou através do atalho F6. Esta paleta é utilizada para organizar as cores que serão utilizadas em seu trabalho, um padrão que pode ser estabelecido, ou não, por você. Adição, subtração e exclusão de amostras Na paleta amostras, as cores podem ser adicionadas ou excluídas. Para adicionar cores na paleta Swatches, pode-se clicar sobre as caixas de cores. Abrindo o painel de valores de cores, basta clicar sobre o botão Add To Swatches e a cor será adicionada à sua paleta. Com a cor na caixa de cores escolhida, clique no ícone na parte inferior da paleta. Para excluir uma cor: yy Arraste uma amostra até o ícone excluir da lata de lixo na parte inferior da paleta Swatches. yy Mantenha pressionada a tecla ALT do teclado, posicione o ponteiro do mouse sobre uma cor da paleta amostras (o ponteiro torna-se uma tesoura) e clique, excluindo a cor. Paleta Channels Para acessar a paleta Channels, vá ao menu Window>Channels. 1. Salva a seleção do canal. 2. Cria um novo canal (Alpha). 3. Deleta o canal selecionado. 4. Carrega a camada com seleção. 1 2 3 4 Adobe Photoshop Professional CS6 33 Os canais são camadas que formam as cores das imagens. O Photoshop separa as cores de acordo com o modo de cor. No RGB, têm-se as camadas Red, Green, Blue e no CMYK, Cyan, Magenta, Yellow e Black. Na figura 3, os canais que formam uma imagem. No topo, o canal RGB representa a sobreposição dos 3. É o que se chama de canal composto. Clicando sobre o canal específico, obtém-se a visualização do canal separadamente. Além de armazenar os canais de cores, a paleta Channels guarda seleções feitas na imagem como se fosse um canal e são conhecidos como canais Alpha. Este recurso é usado para salvar seleções e gerar diversos efeitos interessantes. Ferramentas de Pintura As ferramentas de pintura estão localizadas no painel de ferramentas: 1- Brush Tool - Pincel (B) Barra painel de controle do Brush: 1- Pré-definições de ferramentas Brush. 2- Brush: configuração da ponta da ferramenta, tamanho, dureza e tipo de ponta. 3- Altera para o modo painel de Brush. 4- Mode: “efeitos” que podem ser aplicados ao passar o pincel em parte da imagem. 5- Opacity: controle da transparência de aplicação da ferramenta. 6- Pressão da Tablet: controla a opacidade. 7- Flow: pressão aplicada junto à ferramenta. 8- Ativa o modo Airbrush. 9- Pressão do brush de acordo com a tablet. Adobe Photoshop Professional CS6 34 2- Pencil Tool - (B) Barra painel de controle do Pencil: 1- Pré-definições de ferramentas Brush. 2- Brush: configuração da ponta da ferramenta, tamanho, dureza e tipo de ponta. 3- Altera para o modo painel de Brush. 4- Mode: “efeitos” que podem ser aplicados ao passar o pincel em parte da imagem. 5- Opacity: controle da transparência de aplicação da ferramenta. 6- Pressão da Tablet controla a opacidade. 7- Auto Erase: aplica a cor de fundo (background), quando o lápis passar pela cor do primeiro plano (Fareground). 8- Pressão do brush de acordo com a tablet. 3- Color Replacement Tool (B) Com ela, é possível a substituição de uma cor de determinada área escolhida sem a necessidade de precisão (como a Brush Tool). Com bastante utilidade, esta ferramenta faz a substituição de cor geralmente em áreas com poucos detalhes. Basta escolher uma cor na cor de primeiro plano e aplicar o pincel sobre a área em que se deseja substituir a cor. 4- Mixer Brush Tool(B) Esta ferramenta permite misturar a pintura digital ou fotografia como se fosse uma pintura a óleo. History Brush Tool (Y) Esta ferramenta pinta uma cópia do instantâneo ou do estado selecionado na janela da imagem atual. Art History Brush Tool (Y) Esta ferramenta pinta com traçados estilizados que simulam a aparência de diferentes estilos de pintura, utilizando um instantâneo ou um estado selecionado. O efeito pode mudar dependendo de algumas alterações que podem ser feitas na barra de propriedades como o modo em que serão aplicados a ferramenta, a opacidade, o tamanho da ponta e a dureza do pincel. Adobe Photoshop Professional CS6 35 Ferramenta Eye Droper 1- Eyedroper: permite capturar a cor de qualquer elemento e, automaticamente, deixa-a como a cor padrão para o primeiro plano. 2- Color Sample Tool: faz parte do grupo de ferramentas Eyedroper e possui inclusive um ícone semelhante acrescido de um alvo de mira. Ela tem a função de capturar as informações de cores e exibir no painel INFO. Ferramentas de Preenchimento 1- Gradient Tool (G) A Gradient Tool é uma ferramenta de mecanismo simples e eficaz e tem como função fazer uma transição entre duas cores ou mais, criando assim efeitos visuais chamativos e esplêndidos. 2- Paint Bucket Tool (G) Esta ferramenta tem como objetivo preencher determinada área selecionada ou um documento completamente com uma cor escolhida. Trabalhando com Ferramentas de desenho 1-Pen Tool - Caneta (P) Usada para criar desenhos vetoriais com pontos, curvas e alças de redimensionamento. Sempre que estiver usando esta ferramenta, o interessante é prestar muita atenção na barra de propriedades nos três primeiros botões. Adobe Photoshop Professional CS6 36 Shape Layers: ao criar o desenho, ele já virá com preenchimento e sempre pedirá uma camada especial para ele (atenção na janela camada). Podemos trabalhar normalmente com os nós para movimentá-lo e usar a ferramenta mover. Fill Pixels: ao criar uma forma personalizada no documento com esta opção, ele irá automaticamente com preenchimento não podendo ser alterado os nós. Ele não pedirá uma camada especial para ele e nem abrirá um demarcador automaticamente na janela de demarcadores. Como usar a ferramenta Pen Tool e suas auxiliares A forma de manuseio desta ferramenta é similar à do programa Illustrator. Clique para desenhar retas, em um ponto e solte. Clique em outro local e arraste para fazer curvas. Convert Point Tool: a ferramenta permite que se movam as alças depois de ter feito os nós e até mesmo fechado o desenho. Para trabalhar com o nó criado com esta ferramenta, têm-se as ferramentas específicas (que estão junto com a ferramenta caneta na barra de propriedades) para inserir, excluir e converter um nó. 1- Path Selection (A): usado para movimentar um demarcador. 2- Direct Selection (A): usado para selecionar, movimentar ou reposicionar os nós do desenho. Shape Tools Pode ser encontrada no painel de ferramentas ou no painel de controle da ferramenta Pen Tool. Com essa ferramenta você pode criar formas pré-definidas: Adobe Photoshop Professional CS6 37 1-Rectangle: formato de shape em retângulo ou quadrado. 2- Round Rectangle: forma shape em retângulo ou quadrado com cantos arredondados. 3- Ellipse: forma shape no formato elíptico. 4- Polygon: forma shapes em formatos poligonais. 5- Line: shapes em forma de linhas. 6- Custom Shape: shapes variados com formatos pré-definidos que podem ser alterados, como por exemplo: seta, coração, lâmpada, etc. Pode-se criar formas como shape que permite mudar a cor das formas direto nas camadas, ou como path que será editado somente na janela de paths menu window > paths. Adobe Photoshop Professional CS6 38 Adobe Photoshop CS6 Exercícios Exercício - Anúncio Buffet Colonial Vamos fazer um anúncio simples, que não exige recorte de imagens para um buffet fictício. Este anúncio será utilizado na revista desenvolvida no InDesign. Abra o arquivo base.psd que já vem no formato específico para anúncios da revista. Abra o arquivo fundo.ai. Copie cole no arquivo base. Quando ele for colado na base abrirá uma caixa de diálogo, escolha a opção smart objects. Redimensione o fundo para que ele se encaixe no arquivo base por completo. Selecione o menu window > adjustments e escolha a opção curves e brightness/contraste e configures-os como mostrado a seguir. Adobe Photoshop Professional CS5 39 Selecione a máscara da layer de ajuste Brightness/Contrast e pinte as bordas de cinza. Rasterize o fundo, clicando em sua layer no painel com o botão direite e selecione a opção rasterize layer. Vá em menu filter > blur > gaussian blur e configure como mostrado a seguir. Abra a imagem chocolate no photoshop e cole no arquivo base. Certifique-se que a camada da imagem está acima das layers de ajuste. Coloque a imagem no modo de mesclagem Multiply. Duplique a camada (ctrl+J) e diminua a opacidade da layer nova para 70%. Adobe Photoshop Professional CS6 40 Para finalizar diagrame os textos conforme imagem mostrada. Adobe Photoshop Professional CS6 41 Na camada de título configure o layer style da camada conforme mostrado abaixo. Adobe Photoshop Professional CS6 42 Terminado a configuração da layer o exercício está finalizado. Adobe Photoshop Professional CS6 43 Adobe Photoshop CS6 Exercícios Exercício - Pintura digital Vamos utilizar a ilustração criada no Illustrator para aplicar efeitos de colorização de imagens e pintura básico, além de texturas que vão incrementar nosso desenho. Para começar crie um arquivo novo conforme as especificações abaixo. Faremos um wallpaper para telas de computador. Em seguida, abra a imagem personagem1.ai no Illustrator, copie todo o desenho (crtl + C) e cole no arquivo de Photoshop recém criado. Vai abrir uma caixa de diálogo, escolha a opção smart objects. Adobe Photoshop Professional CS5 44 Posicione o desenho como na imagem a seguir. Duplique a imagem (ctrl+J), clique com o botão direito em cima da layer duplicada e selecione a opção Rasterize Layer. Agora pinte o background na cor #b786d. Vamos então pintar o personagem utilizando a ferramenta paint bucket. Você escolhe a cor desejada na caixa de cor do painel de ferramentas depois posiciona a mesma onde você deseja aplicar a cor escolhida. No exercício usamo a cor vermelha (#993336) para pintar o corpo, vermelho escuro (#553336) para o interior da boca, beje (#c9b86b) para os chifres e amarelo claro (#fffcde) para os dentes. Vamos acrescentar volume ao personagem usando as ferramentas burn para escurecer áreas e dodge tool para clarear. Siga o exemplo da imagem anterior. Adobe Photoshop Professional CS6 45 Agora, faremo uma vinheta, bordas escuras ao redor do documento. Para isso, crie uma nova camada acima das demais e preencha toda de preto, com a ferramenta eraser tool clique uma ou duas vezes no centro do documento para apagar o preto da camada. Chegou a hora de acrescentar as texturas no desenho. Abra o arquivo pattern1.ai, copie e cole a textura no arquivo de Photoshop que estamos trabalhando. Selecione o corpo do personagem (use a camada que guardamos do personagem sem pintar) para ativar a seleção. Depois com a camada da pattern que acabamos de colar no documento selecionada clique no botão Add Layer Mask que fica no painel Layers. Adobe Photoshop Professional CS6 46 Vamos agora aplicar as texturas do fundo, para isso abra o arquivo pattern2.ai. Copie e cole o padrão no documento de photoshop e posicione-o conforme a imagem. Renomeie a nova layer para “losangulos”. Coloque a nova camada da estampa abaixo do personagem. Vá ao menu image > adjustments > hue/ Saturation e configure-o conforme a imagem. Adobe Photoshop Professional CS6 47 Em seguda crie uma camada de máscara para ela e apague com o pincel cinza (50%) o meio da camada deixando essa parte mais transparente. Abra a pattern3.ai copie cole no documento. Posicione a padronagem de forma que ela ocupe todo o canvas e mude o modo de mesclagem da camada para linear burn. Por fim abra a última pattern restante (arquivo pattern4.ai) e posicione a no documento do photoshop de forma que ocupe todo o documento. Selecione essa nova camada, clicando com ctrl pressionado do thumb da camada no painel Layers. Vá na máscara da camada “losangulos” e preencha seleção de preto, um bom atalho para isso é o shift + backspace. Agora você pode deletar a camadar da pattern4.ai e pronto, ilustração terminada. Adobe Photoshop Professional CS6 48 Adobe Photoshop CS6 Exercícios Exercício - Criando background com brushes Vamos criar um fundo que servirá para um novo anúncio da revista Mídia Mag utilizando brushes personalizados. Criando Brushes Para criar seus próprios brushes é muito simples. Trate a imagem ou desenho aquilo que quer transformar em brush em um arquivo de fundo branco. Depois selecione o painel Edit > Define Brush Preset. Feito isso seu novo brush aparecerá no painel Brush Preset. Para o exercício abra as imagens da pasta Materiais> brush e transforme cada imagem em um brush como ensinado anteriormente. Trabalhando o Background Abra o arquivo base.psd que se encontra na pasta materiais. Esse arquivo está no formato do AD 21x27,5cm com 0.5cm de sangria. Em camadas novas posicione seus brushes criando uma composição orgânica como no exemplo abaixo. Lembre-se, para mudar a cor do brush é só escolher a cor de foreground da sua caixa de ferramenta antes de aplicar o brush no layout. Não se esqueça de, nesta etapa, usar um brush por camada, assim você consegue transformar e rotacionar o brush. Adobe Photoshop Professional CS5 49 Finalizada esta etapa, duplique todas as camadas que contenham brushes, selecione-as e dê ctrl+E para mesclar as camadas. Agrupe as camadas restantes e tire a visulização. Fazemos isso apenas para preservar nossos brushes caso haja necessidade de modificá-los depois. Adobe Photoshop Professional CS6 50 Agora, em uma nova camada acima da composição de brushes, faça um gradiente radial do verde (#cacf99) para o rosa (#f5b3d2). Coloque essa camada no modo de mesclagem Hard Light. Em seguida, com o alt pressionado, posicione o cursor entre a camada de gradiente e a camda dos brush e clique. Assim a camada de gradiente será aplicada somente nos brushes. Para melhorar o contrast dessas camadas vamos fazer um ajuste de imagem. Abra o painel Adjustments (menu Window > Adjustments) e selecione a opção Gradient Map. Aplique um gradiente do beje (#c9ac65) para o branco. Mude o modo de mesclagem desta camada de ajuste para Multiply. Para finalizar abra a imagem textura.jpeg e posicione-a no arquivo base por cima de todas as outras layers. Mude seu modo de mesclagem para Multiply e a opacidade para 90%. Pronto seu fundo para o anúncia já está pronto. FInalizaremos ele no módulo 4. Adobe Photoshop Professional CS6 51 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 52 Adobe PHOTOSHOP Professional CS5 MÓDULO 03 Sobre Imagens Os elementos gráficos de um computador podem ser divididos em duas categorias principais: bitmap e vetor. Compreender a diferença entre estas duas categorias irá ajudá-lo a criar, editar e importar a arte-final. Imagens Bitmap Imagens bitmap são construídas com a formação de quadrados muito pequenos chamados pixel. Para demonstrar esta construção, estão abaixo as ilustrações, nas quais estão demonstradas as características principais. Na grade de base, cada quadrado representa um pixel. (Figura 1.1). Vejamos um simples exemplo, ao criar um círculo preto com 20 pixels de diâmetro (Figura 1.2). O número de pixels determina a resolução do arquivo. O computador registra este arquivo pela gravação da exata localização e cor de cada pixel. O computador não tem ideia de que isso é um círculo, somente que é um aglomerado de pequenos pontos. Cada pixel tem uma coordenada. O conteúdo deste pixel é gravado e salvo no arquivo. Neste exemplo, Adobe Photoshop Professional CS6 53 nós vemos cada pixel individualizado, e o círculo é muito blocado, duro e irregular. Com o acréscimo de pixels, a resolução será aumentada. Podemos fazer o círculo parecer mais suave, porque os pixels são muito menores. Naturalmente, quanto maior a resolução maior será o tamanho do arquivo no disco rígido HD, porque o computador terá mais informações em pixels para armazenar. O problema se agrava quando tentamos alargar, aumentar (em escala ou aleatoriamente) o bitmap. Porque a resolução existente quando modificada em tamanho/imagem, somente alarga o tamanho do pixel, o que resulta no efeito de “pixelização” da imagem. A imagem fica pixelada. No caso de imagens com 16 milhões de bits, elas produzem desfoque e áreas quadriculadas, uma pixelização bem suave. De qualquer forma, há perda de qualidade. Tecnicamente chamadas de imagens de varredura, utilizam uma grade de cores conhecida como pixels, para representar imagens. Para cada pixel são atribuídos um local e um valor de cores específicas. Por exemplo, o pneu de uma bicicleta em uma imagem bitmap é formado por um mosaico de pixels nesse local. Ao trabalhar com imagens bitmap, você edita pixels em vez de objetos ou formas. Imagens bitmap são o meio eletrônico mais comum para imagens de tons contínuos, como fotografias ou pinturas digitais, porque podem representar gradações sutis de sombras e cores. As imagens bitmap são dependentes de resolução, isto é, contêm um número fixo de pixels. Consequentemente, podem perder detalhes e parecer irregulares se forem redimensionadas na tela ou impressas com uma resolução mais baixa do que a resolução para a qual foram criadas. Imagens Vetoriais A arte vetorial é diferente do procedimento da criação em pixels individuais, são criados objetos, como por exemplo, retângulos e círculos. Mas nada de coordenadas matemáticas. Desta forma, o programa vetorial pode criar arquivos com uma fração do espaço utilizado pelo bitmap (imagens rastreadas), e mais importante, possui a capacidade de serem ampliados indefinidamente sem perderem definição e detalhamento. Adobe Photoshop Professional CS6 54 Diferente da imagem Bitmap, o círculo vetorial é suave tanto 100% como em 500%. Gráficos vetoriais são formados por linhas e curvas definidas por objetos matemáticos chamados de vetores. Os vetores descrevem uma imagem de acordo com suas características geométricas. Por exemplo, o pneu de uma bicicleta em um gráfico vetorial é formado por uma definição matemática de um círculo desenhado com um raio, definido em um determinado local e preenchido com uma cor específica. É possível mover, redimensionar ou alterar a cor do pneu sem perder a qualidade do gráfico. Ajuste de Imagens Levels Para acessar a o painel de Levels, vá ao menu Image > Adjust > Levels ou através do atalho CTRL+L. O comando níveis permite que se ajuste o brilho, contraste e semi-tons em uma imagem. No processo, tentamos “calibrar” o nível de pixels das zonas muito claras, meios tons e sombras da imagem, buscando assim um equilíbrio nos tons. Dica: o menu Image> Adjustments> Auto levelss , aplica o ajuste de forma automática, sem necessitar configuração manual Adobe Photoshop Professional CS6 55 Curves (Curvas) Para acessar o painel de curvas menu Image > Ajustments > Curves ou através do atalho Ctrl+ M. O comando Curvas serve para editar a distribuição dos níveis de tons de cinzas da imagem, representados por uma curva que começa no ponto mais escuro (canto inferior esquerdo) e vai até ao ponto mais claro (canto superior direito). Color Balance (Equilíbrio de cores) Vá ao menu Image > Adjustments> Color Balance ou através do atalho CTRL+B. Com o comando equilíbrio de cores, calibramos de forma manual a quantidade de ciano, magenta, amarelo, vermelho, verde e azul que será aplicada na imagem. Podemos ainda especificar como será feito esse equilíbrio no modo de sombras, tons médios ou em realces e se preservaremos ou não a luminosidade da imagem enquanto a alteramos. É interessante que a opção Preview esteja selecionada para ficar visíveis as alterações enquanto ainda é equilibrada. Adobe Photoshop Professional CS6 56 Brightness / Contrast Vá ao menu Image > Adjustments > Brightness/Contrast. Através dele, os valores dos pixels das zonas de realces, tons médios, e sombras são todos ajustados simultaneamente. Hue / Saturation (Matiz e saturação) Vá ao menu Image > Adjustments > Hue/Saturation ou através do atalho CTRL+U. Ajusta as cores, suas saturações e brilho. Você pode alterar uma cor por vez, conforme o modo de cor da imagem. Para imagens em RGB, altere R, G e B. Para imagens em CMYK, altere C, M e Y. Em Master, todas as cores são alteradas ao mesmo tempo. Desaturate (Remover saturação) Vá ao menu Image > Adjustments > Desaturate ou utilize o atalho CTRL+SHIFT+U. Retira totalmente as cores da imagem, deixando-a apenas com cores de branca a preta, passando pelas variações de cinza, transformando-a numa imagem monocromática. Invert Menu Image > Adjustments > Invert ou utilize o atalho Ctrl + I. Cria um negativo da imagem, invertendo as cores para suas cores opostas. Adobe Photoshop Professional CS6 57 Variations Menu Image > Adjustments > Variations O comando Variações permite que se ajuste visualmente o equilíbrio das cores, contraste e saturação de uma imagem ou seleção. O ponto positivo deste recurso, utilizando-se uma interface puramente visual, são as miniaturas da imagem que oferece variadas tonalidades. Mask A máscara é um recurso usado para proteger, mostrar ou ocultar áreas da imagem. São dois tipos de máscaras: a de camada e a de vetor. As máscaras de camadas funcionam como as ferramentas de pintura, preenchimento e seleção. Elas trabalham com uma gradação de tons de cinza onde os níveis de cinza determinam as áreas de transparência e opacidade. As máscaras de vetor são determinadas por linhas vetoriais, construídas com a ferramenta mover ou caneta. Este tipo de máscara não trabalha com tons de cinza, permitindo apenas áreas totalmente transparentes ou totalmente opacas e a sua vantagem é que não dependem da resolução da imagem. Criando Layer Mask A layer mask permite vários níveis de transparência para exibir ou ocultar camadas. Estes níveis são controlados por uma escala de tons de cinza. Áreas pretas são totalmente transparentes e as áreas brancas são totalmente opacas. Para se criar uma máscara de camada: 1. Selecione a camada que receberá a máscara (exceto a camada de plano de fundo). 2. Vá ao menu layer > layer mask e clique no comando revelar todas. 3. Uma miniatura adicional aparecerá na camada selecionada. É esta miniatura que contém a layer mask. Adobe Photoshop Professional CS6 58 Criando máscara de vetor A máscara de vetor é uma camada de máscara que não está ligada à resolução da camada. Ela pode ser criada e redimensionada a qualquer momento. Para se criar uma máscara de vetor: 1. Selecione a camada que receberá a máscara (exceto a camada de plano de fundo). 2. Abra o menu layer > vector mask e clique no comando reveal all. 3. Uma miniatura adicional aparecerá na camada selecionada. É esta miniatura que contém a máscara de vetor. 4. Na caixa de ferramentas, escolha a pen tool. 5. Usando a caneta, trace um vetor dentro da máscara. 6. A área interna das linhas desenhadas pela caneta ficará visível e as áreas externas ficarão ocultas. Nota: Uma das vantagens de se usar a máscara de vetor é poder manipular seus pontos facilmente e dar nova forma à máscara Excluindo a Layer Mask Quando apagamos uma máscara, a camada volta a ser exibida por inteiro sem danos. Para apagar uma máscara de camada ou vetor: 1. Clique com o botão direito do mouse em sua miniatura. No menu pop-up que acaba de ser aberto, clique na opção delete layer mask ou delete vector mask. Pode aparecer uma mensagem de confirmação da exclusão, basta você confirmar. 2. Clique somente na layer mask e arraste até o ícone da lixeira localizado na parte inferior da paleta layer. Para habilitar uma camada de máscara 1. Clique no mouse em cima da camada de máscara 2. Selecione a camada que possui a máscara, clique com o botão direito do mouse na camada para abrir o menu e, em seguida, clique em Ativar Máscara da camada. Na paleta Layers (ou camada), as camadas são exibidas como miniaturas adicionais à direita da miniatura da camada. São nessas miniaturas que podemos observar as áreas preenchidas e vazadas da máscara. O uso da máscara é essencial para não danificar o conteúdo da camada. Pode acontecer de, no futuro, você precisar usar partes da camada que não estão visíveis. Se essas partes fossem apagadas diretamente com a ferramenta Borracha, não podemos recuperá-las. Com a máscara, as partes ocultas não são apagadas, apenas escondidas. Adobe Photoshop Professional CS6 59 Quick Mask Para usar o modo Máscara Rápida, comece com uma seleção e, em seguida, use-a como base para adicionar ou subtrair de forma a criar a máscara. A máscara também pode ser inteiramente criada no modo Máscara Rápida. A cor distingue as áreas protegidas das áreas não protegidas. Ao sair do modo Máscara Rápida, as áreas não protegidas se tornam uma seleção. Para a utilização da ferramenta Quick Mask: 1. Ative a Quick Mask. 2. Utilize a ferramenta Brush para selecionar a parte que não sofrerá influência. Repare que quando o Brush passa sobre a imagem, ela recebe um filtro, padrão vermelho, com a opacidade de 50%. Para que a ferramenta entre em vigor, selecione novamente o ícone de Quick Mask ou aperte o atalho Q. Seleção Modo Padrão. Seleção no Modo Máscara Rápida. Nota: Dentro da Quick Maskmask, você só conseguirá utilizar o brush com tons de cinza. Uma sobreposição de cores cobre e protege a área fora da seleção. As áreas selecionadas que ficam não são protegidas por essa máscara. Por padrão, o modo Máscara Rápida pinta a área protegida usando uma sobreposição de vermelho com 50% de opacidade. A Quick Mask quando utilizada, cria uma camada de seleção, Alpha na Paleta de Channels. Adobe Photoshop Professional CS6 60 Criando Adjustments Mask A camada de ajuste no Photoshop é muito utilizada por profissionais, pois permite fazer ajustes sem que a camada sofra alterações. Deixa o arquivo mais leve, pois não é necessário duplicar a imagem para alterá-la. Estes são os comandos disponíveis nesta ferramenta, localizada na aba inferior da paleta Layers Após o comando escolhido, suas propriedades podem ser alteradas no painel Adjutments, que também pode ser utilizado para a aplicar as Adjustment Layers. A alteração feita torna-se parte da imagem, da mesma maneira como se você tivesse aplicado um filtro. Estas são algumas das vantagens da utilização desta ferramenta: yy A capacidade de anular completamente o efeito em qualquer ponto depois, não importa quantas alterações posteriores que você faça. A capacidade de reabrir a caixa de diálogo e especificar novos valores em qualquer ponto depois, sem ter de também desfazer quaisquer outras alterações que você fez (pintura, mover as coisas, etc.), como você teria para com “história”/”desfazer”. yy A habilidade de esconder e mostrar o efeito de modo que você possa comparar o antes depois e veja se você realmente quer fazer tal mudança. yy A capacidade de reduzir a opacidade do efeito, assim como o “fade” do menu de filtro, exceto que você poderá voltar e editar o montante sem desvanecer-se em qualquer ponto mais tarde. yy A capacidade de aplicar o efeito de apenas uma parcela determinada da imagem, através das máscaras. Adobe Photoshop Professional CS6 61 Adobe Photoshop Professional CS6 62 Adobe Photoshop CS6 Exercícios Exercício - Recorte com Pen Tool Abra a imagem lâmpada.jpg e utilizando a ferramenta Pen Tool recorte somente a lâmpada da imagem. Quando terminar a vetorização e fechar seu path, clique com o botão direito e selecione a opção make selection. Duplique a camada (ctrl+J). Adobe Photoshop Professional CS5 63 Crie um novo documento seguindo as configurações a seguir. Faça um fundo com a ferramenta gradiente tool do bege (#b28f4b) para o amarelo (#fff15b) radial. Aplique conforme a imagem Arraste a lâmpada recortada para esse novo documento e centralize-a. Agora vamos mudar a cor da lâmpada conforme a imagem abaixo. Adobe Photoshop Professional CS6 64 Crie uma nova camada e a posicione embaixo da camada da lâmpada. Com um brush na cor amarelo claro (#fffff2) dê algumas pincelada para criar o efeito luminoso da lâmpada. Configure seu brush conforme a imagem ao lado. Pronto, seu fundo está pronto e será usado em um AD feito no InDesign. Adobe Photoshop Professional CS6 65 Adobe Photoshop CS6 Exercícios Exercício - Recriando efeitos do Instagram Neste exercício vamos recriar efeitos de fotos lomográficas assim como faz o aplicativo Instgram. Abra a imagem jovem.jpeg disponível na pasta materiais. Abra o painel de ajustes, menu Window > Adjustments e selecione a opção Curves. Configure os três canais de cores e o RGB como nas imagens abaixo: Adobe Photoshop Professional CS5 66 Feito os ajustes crie uma nova camada e preencha com a cor rosa (#f555a4) com opacidade de 20%. Adobe Photoshop Professional CS6 67 Selecione todas as camadas e com o botão direito do mouse em cima destas layers selecione a opção Duplicate Layers. Mescle (Ctrl+E) as layer duplicadas e aplique o blur (menu filter > blur > gaussian blur) como na imagem: Vamos agora adicionar uma vinheta. Para isso, preenche uma nova camada de preto e bom a borracha grande e esfumaçada delete o centro da imagem. Agora em uma nova camada, faça pontos brancos com um pincel médio e esfumaçado em algumas áreas de imagem que tenha mais brilho e luminosidade. Para finalizar o exercício crie uma nova camada preenchida de preto. Pressione a tecla D no teclado para restaurar as cores de foreground e background. Vá ao painel filters > Noise > Add Noise e configure conforme mostrado na imagem. Mude o modo de mesclagem da camada para Screen e a opacidade para 25%. Adobe Photoshop Professional CS6 68 Seu exercício deverá ficar como na iamgem abaixo: Adobe Photoshop Professional CS6 69 Adobe Photoshop CS6 Exercícios Exercício - Colorização de fotos A técnica de colorização é simples e exige apenas um cuidado com as cores para manter um certo realismo. Abra a imagem fotopeb.jpeg e crie uma nova camada nomeie como pele o coloque o modo de mesclagem dessa camada em Multiply, assim os volumes preto e branco serão mantidos. Adobe Photoshop Professional CS5 70 Com um brush suave (hardness 0) e um tom de pele bem claro pinte os braços, as pernas e as costa da mulher. Para dar acabamento usa a borracha para apagar o que ficou sobrando na bordas. Se a cor não ficou como você queria, mexa no Hue/Saturation da camada (ctrl+U). Até se aproximar do exemplo ao lado: Adobe Photoshop Professional CS6 71 Crie uma nova camada, também em multiply e pinte o cinto de vermelho. As formas mais simples, use a seleção com a caneta. Basta desenhar onde você quer selecionar e clicar com o botão direito e selecionar a opção make selection. Repita o processo de colorização com o brush nas outras partes da menina: sapatos, cabelo e mala. Lembrando de fazer cada cor em uma nova camada no modo Multiply. Adobe Photoshop Professional CS6 72 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 73 Adobe PHOTOSHOP Professional CS5 MÓDULO 04 Trabalhando com Styles Styles são efeitos que serão aplicados nas camadas localizadas na parte inferior da paleta Layers, clique no ícone através do menu Layer>Layer Style ou dando dois cliques sobre a layer que deseja aplicar o style: Adobe Photoshop Professional CS6 74 A seguinte janela será aberta: Styles: diferentes padrões de estilos, pré-definidos pelo programa. Blending Options Default: ajusta as opções de mistura da layer. Drop Shadow: projeta uma sombra atrás do conteúdo da camada. Inner Shadow: projeta uma sombra apenas no interior das arestas do conteúdo da camada, dando-lhe uma sensação de baixo-relevo. Outer Glow e Inner Glow: adiciona brilhos que provêm das arestas externas ou internas do conteúdo da camada. Bevel and Emboss: adiciona combinações de realces, suavização e sombras no objeto e dá a sensação de volume no conteúdo da camada. Satin: coloca uma sombra no interior do objeto com um acabamento acetinado Color, Gradient e Pattern Overlay: coloca no conteúdo da camada uma cor, um degradê ou um padrão. Stroke: coloca um contorno em volta do objeto da camada atual, usando cor, degradê ou um padrão. É útil, principalmente, em formas com arestas sólidas, como as de texto. Para alterar os padrões dos efeitos, após selecionar comando clicando na caixa correspondente, clique sobre o nome do comando e o altere. Trabalhando com a ferramenta Stamp Estão localizadas no painel de ferramentas: 1-Clone Stamp Adobe Photoshop Professional CS6 75 Clone Stamp é o recurso do Photoshop mais utilizado para eliminar manchas, riscos e outras imperfeições em fotografias. Para utilizá-la no Photoshop, abra a imagem a ser retocada e selecione-o. Agora, escolha um tamanho de pincel na paleta Brush, na barra de ferramentas ou de um clique com o botão direito do mouse na área de trabalho. Mantenha pressionada a tecla ALT e clique com o carimbo numa área vizinha à da imperfeição. Solte a tecla ALT e clique na mancha com o carimbo, a fim de eliminá-la. Você pode alterar a opacity e o flow para que mais ou menos suave, de acordo com o tratamento necessário. 2- Pattern Stamp Tool A ferramenta Pattern Stamp permite que você pinte com um padrão. Escolha uma prédefinição ou defina seu próprio padrão usando Edit > Define Pattern, este padrão pode ser um brush ou uma imagem. Trabalhando com as Ferramentas de Retoque Estão localizadas no painel de ferramentas: 1 -Spot Healing Tool - Pincel de recuperação de manchas O Spot Healing é muito parecido com o Healing Brush, excetuando o fato de que não é necessário escolher um ponto para amostragem. É usada, de forma automática, a informação em torno do ponto pintado para criar os dados da zona pintada, incluindo iluminação e cor. Mais simples e eficiente para os pontinhos a remover (como o pó das películas digitalizadas e espinhas ou pequenas manchas de pele). 2 -Healing Brush Tool Por vezes, mais eficaz que o Clone Stamp, é o Healing Brush, especialmente se quisermos remover coisas pontuais, no meio de áreas mais ou menos uniformes. O Healing Brush funciona da mesma forma que o Clone Stamp, essencialmente, mas é mais prático e rápido. O Healing Brush efetua a cópia da textura da zona escolhida, para a zona que nós pintamos. Em seguida, ele analisa a zona pintada e o exterior a essa zona e calcula os, valores de iluminação e cor para produzir uma transição suave. No caso de uma imagem de uma face, vamos buscar textura de pele limpa, mas sem alterar as transições de iluminação associadas Adobe Photoshop Professional CS6 76 à zona da face onde pintamos. A ferramenta é excelente para corrigir borbulhas e sinais, limpar pontos de ruído do sensor, etc. Mas por verifica a zona exterior ao do pincel, surge um problema: se estivermos demasiado próximos de uma transição abrupta, o cálculo de luz e cor pode falhar. Para evitar este problema, deve-se criar uma seleção sobre a zona a editar, excluindo a transição. Para utilizá-la, selecione a área que se deseja copiar pressionando a tecla ALT, depois basta clicar sobre a área que se deseja tratar, copiando a área anteriormente selecionada. 3 - Patch Tool O Patch Tool utiliza o mesmo algoritmo que o Healing Brush, mas em vezde usar um pincel, a ferramenta é baseada numa seleção. Essencialmente, seleciona de forma mais ou menos rigorosa a zona a corrigir, e arrasta a seleção para outra zona da imagem, com a textura limpa que deseja. A ferramenta irá processar a zona selecionada inicialmente com a textura da zona limpa, e com a iluminação e cor calculada. É ótimo para áreas grandes que requerem substituição completa. 4 -Red Eye Tool Ferramenta excelente para retirar o brilho vermelho que aparece nos olhos quando se usa o flash. Para usá-la e só selecioná-la, depois selecionar a área da íris do olho e pronto, automaticamente, ele escurece a área da pupila baseando-se no tamanho da íris. Pupil size: regula o tamanho da pupila. Darken Amount: regula o nível saturação da amostra. Trabalhando com a Ferramenta Eraser Estão localizadas no painel de ferramentas: 1-Eraser Tool Esta ferramenta é bastante útil e precisa e com ela é possível que seja removido qualquer objeto ou pixel de qualquer camada que esteja desbloqueada, tornando o pixel transparente. Adobe Photoshop Professional CS6 77 2-Background Eraser Tool fundo sem apagar os demais objetos. A Background Eraser Tool apaga de qualquer camada sobreposta ao plano de fundo o que estiver desbloqueado, com facilidade, somente deixando o plano de fundo visível. Para isso, você precisa ter um fundo com cores mais uniformes. A ferramenta baseia-se em dados de cor para apagar o plano de 3- Magic Eraser A Ferramenta Magic Eraser é proveniente do mesmo grupo de genes que produziu a Magic wand. Quando você clica com a Magic wand, o photoshop seleciona um intervalo de pixels coloridos de forma similar; clique com a Magic eraser e você apagará em vez de selecionar. Trabalhando com ferramentas de nitidez Estão localizadas no painel de ferramentas: 1-Blur Arraste com a ferramenta Blur para desfocar o contraste entre pixels vizinhos, o que embaça o foco da imagem. Você também pode pressionar a tecla Alt e arrastar para tornar a imagem mais nítida. Brush: configuração do pincel: tamanho, dureza tipo de ponta. Mode : “efeitos” que podem ser aplicados ao passar a ferramenta sobre a imagem. Strength: continuidade do traço Sample all layers : desfoca usando informações de cores de todas as camadas. Adobe Photoshop Professional CS6 78 2-Sharpen - Nitidez (R) Arraste com esta ferramenta para aumentar o contraste entre os pixels, o que torna o foco mais nítido. Pressione a tecla ALT e arraste quando essa ferramenta estiver ativa para desfocar a imagem. Brush: configuração do pincel: tamanho, dureza tipo de ponta. Mode: “efeitos” que podem ser aplicados ao passar a ferramenta em parte da imagem. Strength: continuidade do traço Sample all layers: torna mais nítido usando informações de cores de todas as camadas. 3-Smudge Trabalha como pintura a dedo. Clique na área desejada e vá arrastando. Pincel: configuração do pincel: tamanho, dureza tipo de ponta. Modo: “efeitos” que podem ser aplicados ao passar a ferramenta em parte da imagem. Trabalhando com Ferramentas de Exposição Estão localizadas no painel de ferramentas: 1- Dodge Usada para clarear áreas da imagem, superexposição. Atenção na barra de propriedades Brush: configuração da ponta da ferramenta, tamanho, dureza. Exposure: intensidade de aplicação da ferramenta Range: afeta tonalidades mais claras ou escuras ou meios tons Shadows: clareia puxando para tons cinza Midtones: clareia um tom abaixo da cor da área. Highlights: clareia realçando saturação da cor. Adobe Photoshop Professional CS6 79 2-Burn Usada para escurecer áreas da imagem, subexposição. Atenção na barra de propriedades Brush: configuração da ponta da ferramenta, tamanho, dureza tipo de ponta. Exposure: intensidade de aplicação da ferramenta Range: afeta tonalidades mais claras ou escuras ou meios tons Shadows: escurece realçando saturação da cor da área. Midtones: escurece um tom acima da cor da área, tons médios. Highlights: escurece puxando para tons cinza. 3-Sponge Brush: configuração da ponta da ferramenta, tamanho, dureza tipo de ponta. Flow: intensidade de aplicação da ferramenta Mode: saturar ou remover saturação Saturate: realça a cor da área passada, cores mais vivas Desaturate: remove informações de cor da área passada, como tons de cinza Adobe Photoshop Professional CS6 80 Adobe Photoshop CS6 Exercícios Exercício - Tratamento realisma em pele Neste exercício vamos limpar e tratar uma pele de forma que o tratamento permaneca realista. Abra a imagem base_exerc.jpeg e duplique o arquivo (ctrl + J). Utilizando a ferramenta Healing Brush Tool que usa a área ao redor do ponto da ferramenta e copia seus atributos para o centro eliminando imperfeissões na imagem, aplique nas espinhas e manchas do rosto que está sendo tratado. Lembre-se de aumentar e diminuir o pincel para que ele sempre cubra e ultrapasse a área da espinha ou mancha. Adobe Photoshop Professional CS5 81 Para eliminar pequenas manchas que aparecem quando utilizamos a Healing Brush Tool e retirar o brilho exagerado da pele, vamos usar dois filtros muito utilizada em tratamento de imagens de modelos. Agora habilite a quick mask no painel ferramentas e um pincel preto esfumaçado faça uma seleção só nas áreas de pele. Desabilite o modo quick mask e inverta a seleção (ctrl + shift + I). Em seguida duplique a camada (ctrl + J) que está trabalhando com a seleção duas vezes. Tire a visualização da camada superior. Com a camada anterior selecionada vá ao menu filter > blur > surface blur. Configure como na imagem ao lado: Adobe Photoshop Professional CS6 82 Habilite novamente a camada superior e com a mesma seleciona vá em filters > others > high pass. Configure o filtro como na imagem: Coloque o modo de mesclagem da camada como Overlay. Pronto seu exercício foi finalizada e você aprendeu a fazer um tratamento de pele suave e realista. Adobe Photoshop Professional CS6 83 Adobe Photoshop CS6 Exercícios Exercício - Botões para web Este exercício mostra uma maneira prática de criar botões para web utizando os recursos da layer style. Em um documento novo, 200x100px e 72dpis, crie um retangulo de bordas arredondadas com 10px de radius na cor preta. Clique duas vezes sobre a camada no painel leyer. Assim, abrirá a caixa de diálogo Layer Style. Selecione a opcão gradiente tool. Faça um gradiente na cor preta para o cinza (#5E5E5E). Configure como mostrado abaixo: Adobe Photoshop Professional CS5 84 Selecione aagora a opção Stroke e configure como na imagem abaixo. A cor é preta (#000000) Em seguida habile as opções de Inner Shadow e Drop Shadow com as seguintes configurações: Adobe Photoshop Professional CS6 85 Para finalizar faremos uma textura com a ferramenta Line Tool (U). Faça linhas paralelas bem próximas umas das outras. Em seguida, selecione todas as linhas e alinhe pelo modo Distribute Horizontal Centers. Selecione todoas as linhas e mescle suas camadas (ctrl + E). Depois, rotacione essa nova camada formada 45 graus. Adobe Photoshop Professional CS6 86 Com a tecla ctrl pressionada, clique na visualização da layer do retângulo arredondado e abra uma layer mask na camada das linhas. Assim você esconde a parte das linhas que estavam extrapolanda a área do botão. Para finalizar, configure o estilo da camda das linhas. Clique duas vezez sobre a camada. Dessa forma, abrirá a caixa de diálogo Layer Style, habilite as opções Inner Shadow e Inner Glow. Adobe Photoshop Professional CS6 87 Veja o resultado do seu botão. Você pode usar esse mesm processo de estilos com outras cores de gradientes e linhas. Adobe Photoshop Professional CS6 88 Adobe Photoshop CS6 Exercícios Exercício - Recortando com channels Um dos recursos mais utilizados para recortar objetos e formas mais complexos é através dos channels. Abra a imagem modelo.jpg. Com a ferramenta Pen tool recorte o corpo da modelo com exceção do cabelo. Adobe Photoshop Professional CS5 89 Crie uma seleção clicando com botão direito do mouse próximo ao path criado e selecione a opção make selection. Pressione ctrl + J para duplicar a modelo em uma nova camada. Crie uma nova camada, pinte de verde (#00fd21) e posicione está camada abaixo da camada da modelo. Agora abra o painel channel, se ele não estiver na sua coluna de painel vá ao menu window > channels. Escolha o canal Blue, ou aquele que tiver mais contraste entre cabelo e fundo, ou que o cabelo esteja mais escuro, e clique com o botão direito em cima do canal e escolha a opção Duplicate Channel. Adobe Photoshop Professional CS6 90 Agora desabilite os outros canais e trabalhe somente neste canal duplicado. Abra o painel levels, menu image > adjustments > levels e confire como no exemplo mostrado. Selecione a ferramenta Burn, escolha a opção high light e passe sobre o rosto da modelo. Adobe Photoshop Professional CS6 91 Segurando a tecla ctrl clique na janela de visualização do canal duplicado para ativar a seleção. Você verá que partes indesejadas foram selecionadas. É só retirar com uma das ferramentas de seleção como a Rectangular Marquee Tool e o alt pressionado. Retirada a seleção indesejada, delete a área branca em volta do cabelo. Adobe Photoshop Professional CS6 92 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 93 Adobe PHOTOSHOP Professional CS5 MÓDULO 05 Trabalhando com Filters Para utilizar um filtro, vá ao menu Filter. Estas orientações podem ajudá-lo a escolher filtros: • O último filtro escolhido aparece na parte superior do menu. • Os filtros são aplicados à camada ativa visível. • Os filtros não podem ser aplicados a imagens no modo Bitmap ou de cores indexadas. • Alguns filtros funcionam somente em imagens RGB. Cada uma das 14 categorias de filtros do Photoshop altera a imagem segundo um princípio básico. Alguns efeitos podem ser visualizados facilmente através da galeria de filtros, Menu Filter > Filter Gallery. Smart Filters Adobe Photoshop Professional CS6 94 Ele é semelhante ao adjustment layers, que preserva sua layer ao criar qualquer tipo de mudança, como levels, curves, satin, etc. Já o Smart Filters preserva sua layer mesmo depois de aplicado algum filtro. Ou seja, você não vai mais ter dor de cabeça se esquecer de mudar algo, ou precisar acrescentar, pois o mesmo está conservado. Abra qualquer imagem, como por exemplo, a imagem de uma praia. Vá ao menu Filter > Convert for Smart Filters, e observe a imagem a seguir na janela das layers. Note que ficará um ícone em cima da layer, como referência que a layer possui o Smart Filters. Vamos acrescentar um efeito qualquer na foto. Foi aplicado o filtro de ruído Filter -> Noise. Observe na imagem que o efeito aparecerá dentro da layer da foto. Editando o Filtro no modo Smart Filters Com o botão direito do mouse, vamos clicar em cima do filtro na layer. Ao mesmo tempo, irá aparecer uma janela com as seguintes informações: 1- Edit Smart Filter Blending Options: Esta opção permite que você aplique em sua foto um efeito de blending options, como overlay, multiply, etc. 2- Edit Smart Filter: Esta opção permite que você altere as propriedades do filtro, como diminuir o ruído, etc. Adobe Photoshop Professional CS6 95 3- Disable Smart Filter: Apenas dDesabilita o filtro. Caso queria voltar com o mesmo, com botão direito do mouse, escolha a opção: Enable Smart Filter. 4- Delete Smart Filter: Deleta o Filtro. Filtros clados e trabalhados simultaneamente, gerando outros efeitos. Segue abaixo uma divisão com os filtros mais atualizados: O Photoshop disponibiliza cerca de 100 filtros que são películas de efeitos dos mais variados possíveis, podendo ser mes- Filtros de acabamento Clouds O filtro nuvens gera padrões de nuvens suaves que usam valores aleatórios que podem variar entre as cores de primeiro e segundo planos e ainda do plano de fundo. Para acessá-lo, vá ao menu Filter>Render>Clounds. Diference Clouds O filtro nuvens por diferença utiliza-se de valores que são gerados aleatoriamente e podem variar as cores de primeiro plano e plano de fundo para que seja produzido um padrão de nuvens e para acessá-lo, vá ao menu Filter>Render> Diference Clouds. Adobe Photoshop Professional CS6 96 Fibers O filtro fibras serve para criar uma aparência de fibras entrelaçadas utilizando-se das cores de primeiro plano e plano de fundo e para acessá-lo, vá ao menu Filter>Render> Fibers. Lens Flare O filtro reflexo de flash é utilizado para imitar a refração causada pela aplicação de uma luz brilhante na lente da câmera e para acessá-lo, vá ao menu Filter>Render> Lens Flare. Lighten Effects - efeitos de iluminação O filtro efeitos de iluminação permite ao usuário produzir vários efeitos de Iluminação, utilizando imagens em formato RGB variando 17 estilos de luz, 3 tipos de luz e 4 conjuntos de propriedades da luz. Filtros Artísticos Fresco Este filtro serve para pintar uma imagem, usando estilos bruscos, pinceladas curtas, arredondadas e apressadas. Adobe Photoshop Professional CS6 97 Poster Edges Este filtro reduz a quantidade de cores de uma imagem de acordo com a opção de posterização definida e localiza as arestas da imagem, desenhando linhas pretas sobre elas. Watercolor O filtro aquarela pinta a imagem em estilo aquarela, simplificando os detalhes em uma imagem com o uso de um pincel médio embebido em água e tinta. Routh Pastel O filtro pastéis ásperos faz com que sua imagem pareça ter sido traçada com giz pastel colorido sobre um plano de fundo texturizado. Smudge Stickes O filtro bastão de borrar faz com que sua imagem seja suavizada usando traçados diagonais curtos para borrar ou manchar as áreas mais escuras das imagens. Adobe Photoshop Professional CS6 98 Sponge O filtro esponja cria imagens com áreas bastante texturizadas de cores contrastantes, com a aparência de terem sido pintadas com uma esponja. Underpainting O filtro tinta-base pinta a imagem sobre um plano de fundo texturizado e pintaa imagem final sobre ele. Colored Pencils Este filtro é utilizado para desenhar uma imagem usando lápis de cor em um plano de fundo sólido. Cutout O filtro recorte de arestas é utilizado para representar imagens como se fossem formadas por recortes irregulares de papel colorido. Adobe Photoshop Professional CS6 99 Dry Pencil O filtro pincel a seco é utilizado para pintar arestas de uma imagem usando a técnica de pincel a seco (entre óleo e aquarela). Film Grain O filtro foto granulada aplica padrões uniformes aos tons fortes e tons médios das sombras de uma imagem. Neon Glow Este filtro é utilizado para adicionar vários tipos de brilho aos objetos em uma imagem e é útil para colori-la, ainda suavizando sua aparência. Paint Doubs O filtro toques de tinta permite escolher entre vários tamanhos (de 1 a 50) e alguns tipos de pincel para obter um efeito de pintura. Adobe Photoshop Professional CS6 100 Pallete Knife O filtro espátula reduz os detalhes da sua imagem proporcionando um efeito de tela pintada com pouca tinta, revelando a textura sob a tinta. Plastic Wrap O filtro plastificação é utilizado para revestir a imagem com um plástico brilhante, acentuando detalhes em sua superfície. Sketch Filters Bas Relief Este filtro transforma uma imagem fazendo com que ela pareça entalhada em baixo-relevo e iluminada, acentuando as variações em sua superfície. Chalk Charcoal O filtro Giz e Carvão é utilizado para redesenhar realces em tons médios de uma imagem com giz grosso em um plano de fundo cinza em meio tom sólido. Este filtro redesenha uma imagem para criar um efeito posterizado e borrado. Adobe Photoshop Professional CS6 101 Chrome (Cromo) Este filtro faz com que sua imagem fique com um aspecto de cromado polido. Conté Crayon Este filtro é utilizado para reproduzir a textura do Crayon Conté em uma imagem. O filtro Crayon Conté usa a cor do primeiro plano para as áreas escuras e a cor do plano de fundo para as áreas claras. Graphic Pen Este filtro é muito utilizado para traçar pontos de tinta finos e lineares para capturar os detalhes de uma imagem original e sem efeito e que fica mais evidente em imagens digitalizadas. Halftone Pattern O filtro matriz de meio-tom é utilizado para simular efeitos de telas de meio tom, ao mesmo tempo em que mantém o intervalo contínuo de tons. Adobe Photoshop Professional CS6 102 Photocopy Este filtro é utilizado para simular o efeito de uma fotocópia. Plaster Este filtro é utilizado para moldar uma imagem em gesso com formato 3D. Reticulation O filtro reticulação simula a redução e a distorção controladas da emulsão do filme para criar uma imagem que parece estar concentrada nas áreas de sombra e levemente granulada nos realces. Stamp Este filtro é melhor visualizado em imagens em branco e preto. O filtro simplifica a imagem para ela parecer estampada com um carimbo de borracha ou madeira. Adobe Photoshop Professional CS6 103 Torn Edges O filtro arestas rasgadas é particularmente muito útil para imagens-texto ou objetos de alto contraste. O filtro reconstrói a imagem como pedaços de papel desiguais e rasgados e aplica cor à imagem usando as cores do primeiro plano e do plano de fundo. Waterpaper O filtro papel molhado usa toques manchados que parecem pintados em papel fibroso e úmido, fazendo as cores escorrerem e se mesclarem. Filtros de estilização Facet Localizado no menu Filter>Pixelate>Facet Cria uma leve distorção da imagem, não permite que faça modificações. Fragment Localizado no menu Filter>Pixelate>Fragment Cria quatro cópias dos pixels na seleção, calcula sua média e os desloca, um em relação ao outro. Adobe Photoshop Professional CS6 104 Mezzotint Localizado no menu Filter>Pixelate>Mezzotint Converte uma imagem em um padrão aleatório de áreas em preto e branco ou com cores totalmente saturadas em uma imagem colorida. Para utilizar esse filtro, escolha um padrão de pontilhamento no menu Tipo da caixa de diálogo Meia-Tinta. Mosaic Localizado no menu Filter>Pixelate>Mosaic Simula uma pixelização de imagem. É possível modificar o tamanho dos pixels como desejar. Pointllize Divide a imagem em pequenos pontos coloridos que podem ter seu tamanho modificados como quiser. Adobe Photoshop Professional CS6 105 Diffuse Localizado no menu Filter>Style>Diffuse Modifica alguns pixels adjacentes, através das opções: normal, dark only, lighten only e Anisotropic. Emboss Localizado no menu Filter>Style> Emboss Cria um relevo na imagem, usando os contornos que se encontram melhor delineados. Extrude Localizado no menu Filter>Style>Extrude Este filtro cria um efeito tridimensional para a imagem criando pequenos cubos. Adobe Photoshop Professional CS6 106 Find Edges Localizado no menu Filter>Style> Fine Edges De acordo com os contornos delineados, este filtro cria arestas coloridas suaves e delicadas na imagem. Glowing Edges Localizado no menu Filter>Style> Glowing Edges Efeito semelhante ao glowing edges. No entanto, ele inverte as cores dando um efeito luminoso à imagem. Solarize Localizado no menu Filter>Style>Solarize Cria um efeito semelhante a chapas de raios-X. O princípio deste filtro é elevar ao máximo o contraste da imagem. Tiles Localizado no menu Filter>Style>Tiles Este filtro cria recortes quadriculados na imagem. Além disso, é possível escolhero preenchimento de fundo das áreas recortadas, sendo elas a cor de foreground e background e o inverso da figura ou foto. Adobe Photoshop Professional CS6 107 Trace Contourn Localizado no menu Filter>Style>Trace Contourn Muito semelhante ao fine edges, pois se apropria do mesmo padrão dos contornos coloridos. No entanto, este contorno é mais rudimentar e costuma pixelizar a imagem. Wind Localizado no menu Filter>Stylize>Wind Este filtro cria efeitos muito interessantes, principalmente, em imagens abstratas. Como o nome mesmo diz, ele simula o movimento do vento e permite que se escolha a direção e intensidade do vento. Trabalhando com o Filtro Liquify Para acessar o filtro, vá ao menu Filter> Liquify ou através do atalho SHIFT + CTRL + X. Ele é mais um utilitário de distorção do que um filtro e permite alterar sua imagem, esticando, torcendo, inflando, etc. Adobe Photoshop Professional CS6 108 Adobe Photoshop CS6 Exercícios Exercício - Efeito de chuva Neste exercício vamos utilizar brushes e filtros para criar um efeito de chuva discreto, criando uma bela textura na composição. Adobe Photoshop Professional CS5 109 Abra a imagem modelo.jpg. Vamos instalar o brush para fazer gotas maiores no cabelo da modelo. Para instalar o brush abra o painel Brush Preset no menu window > brush preset. Vá nas opções de painel no canto direito superior e selecione a opção Load Brushes, escolha o preset Water_Splash_Brushes_by_FuelFireDesire.abr. Em uma camada nova e a ferramenta brush selecionada com a tonalidade beje clara, aplique os brushes a sua escolha pelo cabelo da modelo. Clique duas vezes sobre a camada dos brushes para abrir o painel de Layer Style e configure o bevel and emboss como mostrado a seguir. Adobe Photoshop Professional CS6 110 Agora crie uma nova camada e pinte de preto. Aperte a tecla D para restaurar as cores de foreground e background. Selecione o painel filter > noise > add noise e configure como mostrado a seguir. Agora aplique o filtro blur > motion blur e configure como mostrado a seguir. Adobe Photoshop Professional CS6 111 Coloque essa camada no modo de mesclagem Difference com 70% de opacidade e apague com a borracha bem esfumaçada (hardness 0) as áreas da modelo. Vamos fazer um vinheta ao redor da imagem. Para isso, crie uma nova camada e pinte-a de preto. Com um borracha bem grande apague o centro da imagem algumas vezes até que fique como na imagem a seguir. Mude a opacidade da camada para 65% e selecione o menu image > adjustments > hue/saturation. Configure como mostrado a seguir. Adobe Photoshop Professional CS6 112 Pronto, sua composição está finalizada. Adobe Photoshop Professional CS6 113 Adobe Photoshop CS6 Exercícios Exercício - Efeito displace O recurso Displace é muito importante quando se quer fazer aplicações em aparatos irregulares. Ele se molde de agordo com o volume de sua imagem base. Vamor aprender a usar esse recurso de forma independente, ou seja, podendo ser utilizado para diversar outras montagens. Abra a imagem base.jpg. Agora selecione a paleta Channels, caso ela não esteja visível habilite ela acessando o menu Window > Channels. Deixe habilitado somente o canal que oferece o melhor contraste preto e branco, neste caso o canal Red. Adobe Photoshop Professional CS5 114 Pressione shift + ctrl + L para fazer um acerto automático do níveis de luz da nossa imagem. Feito isso iremos duplicar o nosso canal Red clicando com o botão direito sobre ele e escolhendo Duplicate Channel Na janela que se abrir, na opção Document escolha New para criar um novo documento, digite o nome que quiser. Em nosso documento principal do tutorial podemos habilitar o canal RGB para habilitar todos os canais e voltar a imagem para seu modo original (colorido). Abra a imagem desenho.jpeg e insira no documento base. Posicione-o como mostrado a seguir. Coloque a layer do desenho no modo de mesclagem Multiply e opacidade 65%. A aplicação já se assemelha com uma tatuagem, mas ainda não está perfeita. Adobe Photoshop Professional CS6 115 Agora iremos utilizar o filtro displace. Com a camada de texto ainda ativada vá no menu principal e escolha Filter -> Distort -> Displace… Certifique-se que suas opções sejam as mesmas da imagem a seguir, depois clique em Ok. Na janela que se abrir devemos escolher o nosso arquivo mapa.psd que criamos a pouco. Finalizada esta etapa terminamos o exercício. Adobe Photoshop Professional CS6 116 Adobe Photoshop CS6 Exercícios Exercício - Efeito distort Vamos utilizar filtros e ajustes de imagens para criar efeitos de erosão e ação do tempo. Comece abrindo a imagem base.jpg. Aplique o ajuste vibrance, vá ao menu window adjustments para abrir o painel e selecione a opção vibrance. Configure-a como mostrado a seguir. Agora escolha o opção Curves e configure como mostrado. Adobe Photoshop Professional CS5 117 Selecione todas as camada e clique com o botão direito sobre elas e escolha a opção duplicate layers. Mescle todas as camadas com ctrl + E. Agora vamos acrescentar ruídos. Vá ao menu filter > noise > add noise. Configure como na imagem a seguir. Vamos agora tirar a saturação da imagem pressionando ctrl + shift + U. Coloque a camada no modo de mesclagem Darken e a opacidade 85%. Crie uma nova camada preenchida de preto. Vá ao menu window > noise > add noise e configure como na imagem ao lado. Adobe Photoshop Professional CS6 118 Agora vá no menu filter > blur > motion blur e configure como na imagem abaixo. Pressione ctrl + T para ativar o modo transfor e aumente a camada em 130%, no painel de configuração da ferramenta transform. Mude o modo de mesclagem da camada para Darken e a opacidade em 70%. Adobe Photoshop Professional CS6 119 Abra novamente o painel adjustments e configure o Hue/Saturation da imagem para torná-la sépia e configure como mostrado a seguir. Coloque a opacidade da camada de ajuste em 70%. Vamos fazer a vinheta, muito comum em fotos antigas. Crie um nova camada preta. Com uma borracha esfumaçada tamanho 1700, delete o centro da layer preta. Adobe Photoshop Professional CS6 120 Vá ao menu image > adjustments > hue/saturation e configure os valores como mostrado abaixo. Mude o mode de mesclagem da camada para Darken e a opacidade para 70%. Para finalizar escreva com uma fonte manuscrita o local e a data. Rasterize o texto clicando em cima da layer com o botão direito do mouse e selecione a opção rasterize layer. Adicione um pouco de noise (menu filter > noise > add > noise) como fizemos anteriormente neste exercício e mude a opacidade da camada para 90%. Adobe Photoshop Professional CS6 121 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 122 Adobe Photoshop CS6 MÓDULO 06 Ferramentas de texto 1 – Horizontal 2- Vertical Type No Photoshop, existem três maneiras de se criar textos: Artistic Text: com a ferramenta texto, damos um clique seco e começamos a digitar, o texto segue na linha horizontal até que se dê ENTER para passar para a linha de baixo. Paragraph Text: com a ferramenta de texto clicamos e arrastamos abrindo assim uma caixa delimitadora de texto. Quando o texto chega na borda direita da caixa, ele passa automaticamente para a linha de baixo. Path Text: o texto pode fluir/contornar um demarcador de forma livre. Adobe Photoshop Professional CS6 123 3- Horizontal Type Mask Tool 4-Vertical Type Mask Tool A ferramenta type mask tool mescla princípios da ferramenta “marquee” com a ferramenta “texto”e, ao digitar o texto, você automaticamentecria uma máscara de seleção. Paletas de formatação e edição de texto Para uma formatação mais precisa: Menu Window > Paragraph Menu Window > Character Adobe Photoshop Professional CS6 124 Na barra de propriedades da ferramenta texto, clique em Create Warped Text. Abrirá uma caixa de diálogo, onde poderemos mexer nas configurações apresentadas para personalizar um texto distorcido. Convertendo o texto para imagem Enquanto não converter o texto para imagem, não será possível aplicar efeitos de camadas, pintar o texto com pincéis e aplicar filtros. Para converter o texto em imagem: Menu Layer >Rasterize > Type. Criação e Edição de texto em um demarcador: É possível inserir texto em torno de arestas de um demarcador, ou de trabalho, ou Path criado por uma ferramenta como Pen ou Shape. A inserção de texto horizontal em um demarcador resulta em linhas perpendiculares à linha de base. A inserção de texto vertical resulta em uma orientação paralela à linha de base. À medida que você move um demarcador ou altera sua forma, o texto se adapta à nova localização ou forma do demarcador. Siga um destes procedimentos: 1. Crie um marcador com a ferramenta Pen ou a ferramenta shape. 2. Selecione a ferramenta Horizontal Type ou a ferramenta Vertical Type, ou selecione a ferramenta Horizontal Type Mask ou Veetical Type Mask; 3. Posicione o ponteiro do mouse e certifique-se de que o indicador de linha base da ferramenta de texto esteja no demarcador e clique. Depois de clicar, um ponto de inserção será exibido no demarcador. 4. Insira o texto. O texto horizontal é exibido ao longo do demarcador, perpendicular à linha de base. O Adobe Photoshop Professional CS6 125 texto vertical é exibido ao longo do demarcador, paralelo à linha de base; 5. Para um maior controle do alinhamento vertical do texto em um demarcador utilize a opção Deslocamento de Linha de Base na paleta charater. Por exemplo, digite um valor negativo na caixa de texto Deslocamento de Linha de Base para diminuir o texto. Como mover ou virar o texto em um demarcador: 1. Selecione a ferramenta Path Selection ou Direct Select e posicione-a sobre o texto. 2. Para mover o texto, clique e arraste o texto ao longo do Path. Cuidado para não ultrapassar o demarcador. 3. Para virar o texto para o outro lado do demarcador, clique no texto e ultrapasse o demarcador. 4. Para mover o texto ultrapassando um demarcador sem alterar a direção do texto, utilize a opção Des- Adobe Photoshop Professional CS6 126 locamento de Linha de Base na paleta Charater. Por exemplo, se você criou um texto que é executado da esquerda para direita na parte superior de um círculo, poderá inserir um número negativo na caixa de texto. Deslocamento de Linha de Base para soltar o texto que ele flua na parte superior do círculo. Conversão de texto em Shape Quando você converte um texto em formas, a camada de texto é substituída por uma camada com uma máscara de vetor. É possível editar a máscara de vetor e aplicar estilos à camada. Entretanto, não é possível editar caracteres na camada de texto. Selecione uma camada de texto e escolha menu layer > type > convert to shape. Adobe Photoshop Professional CS6 127 Adobe Photoshop CS6 Exercícios Exercício - Texto com partículas Vamos utilizar estilos de camadas aplicadas ao texto para criar um belo efeito de brilho. Pressione Ctrl+N para criar um novo documento, defina o valor 1024x768 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok. Crie uma nova layer, dê o nome de Gradient para a nova layer, defina a cor de Foreground como #724242 e de Background como #3c1a1a, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente no modo Radial clique no centro do documento e arraste pra criar um gradiente como o da foto abaixo. Adobe Photoshop Professional CS5 128 Vá em Layer> Layer Style> Gradient Overlay, defina os valores mostrados a seguir e pressione Ok. Defina as cores do gradiente #dc4800 para o lado esquerdo e #430401 para o lado direito. Agora vá em Filter> Sketch> Water Paper e defina os valores abaixo. Vá em Filter> Brush Strokes> Sprayed Strokes e defina os valores abaixo. Agora pressione Ctrl+U para abrir o ajuste Hue/Saturation e defina os valores como os da imagem mostrada a seguir. Adobe Photoshop Professional CS6 129 Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, no caso deste tutorial a fonte usada foi a Aardvark Cafe com tamanho de 251pt. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo. Defina o Fill da layer para 0%. Adobe Photoshop Professional CS6 130 Clique com o botão direito do mouse sobre a layer de texto e escolha a opção Create Work Path. Agora abra o painel de Brushes Preset e carregue o brush Diamond Sparkle. Com os brushes instalados pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes e escolha o brush indicado abaixo. Adobe Photoshop Professional CS6 131 Configure o brush como indicado abaixo. Crienova layer, dê o nome de Sparkles, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra A do teclado para selecionar a Direct Selection Tool. Adobe Photoshop Professional CS6 132 Defina os valores abaixo e pressione Ok. Pressione Enter para eliminar o Path. Seu arquivo deverá ficar como na imagem a seguir. Adobe Photoshop Professional CS6 133 Clique duas vezes na camada para ativar o painel Layer Style, selecione as opções Outer Glow e Inner Glow e configure-as como mostrado a seguir: Adobe Photoshop Professional CS6 134 Defina o Fill da layer Sparkles em 0%. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves, vá em Window> Brushes, clique na opção Brush Tip Shape e defina os valores abaixo. Clique sobre a layer de texto com o botão direito do mouse e escolha a opção Create Work Path, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, dê o nome de Glow, defina a cor de Foreground como #f8ff99, clique com o botão direito do mouse sobre o Path e escolha a opção Stroke Path, pressione Ok, pressione Enter para eliminar o Path. Clique duas vezes na camada para ativar o painel Layer Style, selecione as opções Outer Glow e Inner Glow e configure-as como mostrado a seguir: Adobe Photoshop Professional CS6 135 Adobe Photoshop Professional CS6 136 Mude o modo de blend da layer para Overlay. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves, vá em Window> Brushes, clique em Brush Tip Shape e defina os valores abaixo. Adobe Photoshop Professional CS6 137 Clique sobre a layer de texto com o botão direito do mouse e escolha a opção Create Work Path, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, dê o nome de Color, defina a cor de Foreground como #a7a400, clique com o botão direito do mouse sobre o Path e escolha a opção Stroke Path, pressione Ok, pressione Enter para eliminar o Path. Coloque a layer no modo Overlay. Crie uma nova layer, dê o nome de Snow Glow. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo. Adobe Photoshop Professional CS6 138 Adobe Photoshop Professional CS6 139 Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, aplique alguns detalhes como na foto abaixo. Veja o resultado final do exercício. Adobe Photoshop Professional CS6 140 Adobe Photoshop CS6 Exercícios Exercício - Criando anúncia de página dupla Vamos criar mais um anúncio para a revista que será desenvolvida no InDesign. O formato fechado da revista é 21x27,5cm e é necessário criá-lo com uma sangria, área de reverva, de 0,5 cm. Abra o arquivo base.psd. Perceba que essa base tem o formato de 42x27,5, pois trata-se de um anúncia de página dupla e o espaço da sangria foi demarcado por quatro linhas guias. A linha central indica o meio da revista. Vamos comerçar fazendo o background. Faca um gradiente radial de cinza (10% de preto) para branco e aplique em seu arquivo da esquerda para direita. Para reforçar esse degradê crie uma nova camada, utilize um pincel cinza (40% de preto) bem grande e esfumaçado nas bordas do seu arquivo. Adobe Photoshop Professional CS5 141 Coloque a layer com 10% de opacidade. Abra uma nova layer e aplique novamente esse pincel sobre o fundo, só que agora ainda mais rente as bordas. Coloque a layer com 30% de opacidade. Em seguida abra o arquivo de Illustrator chamado fundo.ai copie e cole o fundo de triângulos no seu arquivo base.psd. Quando você faz isso abre uma caixa de diálogo, habilite a opção smart objects e dê OK. Adobe Photoshop Professional CS6 142 Redimencione o fundo para que ele cubra todo o documento. Na janela de vizualição da layer no painel camada clique com o botão direito do mouse e selecione a opção rasterize layer. Pressione ctrl + shift + U para tirar a saturação dessa layer e mude a opacidade dela para 5%. Abra a imagem computador.jpg no photoshop e passe a iamgem para o arquivo base que estamos trabalhando. Posicione-a como na imagem e coloque a layer no modo de mesclagem Multiply. Adobe Photoshop Professional CS6 143 Agora vamos decorar nosso computador. Para isso, abra o arquivo elementos.ai, selecione os elementos individualmente e cole em seu arquivo base posicionando-os como na imagem que exemplificamos a seguir. Crie uma mascara para as camadas de elementos para apagar a borda reta dos triângulos suavizando, assim, a transição do elemento para o computador. Adobe Photoshop Professional CS6 144 Agora faremos a fumaça atrás dos elementos e em cima do computador. Então, abra a imagem nuvem. jpg e cole-a em seu arquivo base. Redimensione a imagem e apague seu fundo azul com uma borracha esfumaçada (hardness 0). Converta a imagem para preto e branco (ctrl + shift + U) coloque-a em modo Multiply com opacidade 45%. Posicione-as como na imagem abaixo e se achar necessidade duplique as camadas para que a nuvem fique mais saturada. Vamo iluminar um pouco mais nossa composição com raios e brilhos. Para fazer os raios crie uma nova camada, faça um seleção retângular e aplique um gradiente do branco opaco para branco transparente. Adobe Photoshop Professional CS6 145 Retire a seleção (ctrl + D) e utilizando a ferramenta borracha de pincel esfumaçado e grande e retire as bordas da linha. Adobe Photoshop Professional CS6 146 Redimensione, rotacione e duplique os raios para que fique como na imagem abaixo, lembrando que para ter um efeito mais forte basta duplicar uma layer por cima da outra. Para fazer os pontos de brilho basta usar um pincel esfumaçado na cor que desejar, lembrando que esta cor deve ser luminosa e saturada como azul ciano e magenta, por exemplo. Crie uma nova layer e faça apenas um clique com o brush esfumaçado na cor que desejar. Depois em uma nova layer diminua um pouco seu pincel e faça um outro clique na cor branca em cima do brilho colorido feito anteriormente. Adobe Photoshop Professional CS6 147 Você pode deixá-lo como está fazer o brilho como se fosse uma estrela, basta achatar o ponto branco com a ferramenta transform duplicar esse raio criado e rotacioná-lo 90o, coloque a camada do brilho no modo de mesclagem Color Dodge e seu novo brilho estará pronto. Agora é só posicioná-lo próximo aos raios na composição criada. Vamos agora colocar pontos de cor na composição. Crie uma nova camada. Com um pincel esfumaçado pinte de várias cores acompanhando o formato dor raios. Veja o exemplo abaixo: Adobe Photoshop Professional CS6 148 Coloque a camada com o modo de mesclagem Color Burn e opacidade em 50%. Agora é só inserir a marca da Mídia e o texto publicitário do anúncio. No exemplo abaixo utilizamos a fontes, Prestige Elite Std para o título e subtítulo e a Frutiger para a assinatura. Adobe Photoshop Professional CS6 149 Adobe Photoshop CS6 Exercícios Exercício - Criando base para matéria do InDesign Hoje vamos trabalhar criando uma ilustração no photoshop para uma matéria que será diagramada na Revista MídiaMag ao longo do módulo de InDesign. O tema da matéria é portfolio, então vamos explorar imagens que permeiam o universo criativo de designers, publicitários e arquitetos por exemplo. Abra o arquivo base, ele já contém as dimensões certas da revista. Agora abra a imagem disco.jpg. Vamos ensinar um recurso na imagem disco que se repetirá nas demais imagens do exercício. Efeito Halftone Arraste o disco para o arquivo base retire o fundo branco com a ferramenta magic wand. Vá ao menu filter > pixelate > color halftone e configure conforme mostrado na imagem a seguir. Adobe Photoshop Professional CS5 150 Pressione ctrl + shift + U para tirar a saturação da imagem e transformá-la em preto e branco. Para melhorar o contraste selecione menu image > adjustments > curves e configure como mostrado a seguir. O seu disco deverá ficar como na imagem abaixo. Adobe Photoshop Professional CS6 151 Repita o mesmo procedimento nas imagens lomo.jpg, camera.jpg e computador, lembramdo de redimensionar para o tamanho aproximado do disco antes de aplicar o efeito halftone. Efeito de texto Escreva a palavra “portfolio” com a fonte pimp, troque as letras R, T, I, F e L para a fonte Plastic Pill. Aumente as letras O e P para que fiquem no mesmo tamanho das demais. Mude a cor do texto para #4f53d3. Abra a imagem aquarela2.jpg, reduza a imagem para o tamanho do texto e posicione-a acima do texto. Agora selecione o texto clicando com o ctrl pressionado em cima da visualizaçnao da camada de texto. E com a camada da aquarela selecionada dê ctrl+J para duplicar a camada. Adobe Photoshop Professional CS6 152 Delete a textura original e coloque a nova camada de texto no modo de mesclagem Screen. Pressione ctrl + U para abrir o ajuste de imagem Hue/Saturation. Configure-o como mostrado a seguir. Organize seus objetos e o texto como mostrado na composição abaixo. Adobe Photoshop Professional CS6 153 Agora escureca as partes de baixo de cada objeto com um brush suave e preto em uma nova camada. Para isso basta selecionar cada objetos com ctrl +click em cima da camada de um determinado objeto e pintar de preto com a ferramenta brush. Agora, com a pen tool no modo shape layer, faça desenho de tinta respingando em cima dos objetos. Adobe Photoshop Professional CS6 154 Agora vamos estilizar mais um pouco nosso texto. raterize a layer de texto clicando com o botão direito do mouse em cima da layer e selecione a opção rasterize layer. Com a ferramenta rectangle tool, crie linhas finas e paralelas como na imagem ao lado: Mescle todas as camadas dos retângulos, para isso basta selecioná-las e pressionar ctrl + E no teclado. Redimensione essa nova camada para encaixar na letra o, faça uma seleção a partir desse objeto, tire a visualização dele e delete as duas camadas de texto, a sem textura e a chapada. Volte a visualização da camada de linhas, duplique-a e repita o mesmo procedimento para outra letra O, veja como fizemos. AgoAdobe Photoshop Professional CS6 155 ra posicione uma das camdas de linha atrás do computador como feito na imagem abaixo. Delete as camadas que não foram utilizadas. Para finalizar nosso exercício desenhe alguns triângulos com a próprio ferramenta rectangle tool, basta deletar um dos pontos com a caneta. Duplique até criar uma composição como a mostrada a seguir. Mescle todos os triângulos, para isso basta selecionar todas as camadas de shapes e dar ctrl + E. Posicione abaixo da palavra portfolio. Duplique a camada e coleque a primeira com modo de mesclagem Divide. E a de baixo normal, mas apague as partes que se encontram com os objetos utilizando uma borracha suave. Veja a seguir o resultado do nosso exercício. Adobe Photoshop Professional CS6 156 Adobe Photoshop Professional CS6 157 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 158 Adobe Photoshop CS6 MÓDULO 07 Preparando o Photoshop para impressão Muitas pessoas que trabalham com impressos preferem outro programa na hora de diagramar seu impresso, como por exemplo, o Indesign, e seus vetores no Illustrator. Porém existem também pessoas que usam somente técnicas no Photoshop, e é isso que nos interessa no momento. Vale lembrar que para trabalhar com Photoshop, precisamos tomar cuidado em como trabalhar com as fontes, já que é comum saírem serrilhadas. RGB x CMYK O sistema de cores para impressos gráficos é CMYK. RGB é para monitor e TV. Você cria todo seu trabalho em RBG com preview para CMYK (View > Prof Setup > CMYK) e quando terminar, basta converter seu trabalho para CMYK (Image > Mode > CMYK). Resolução A resolução para impressos em off-set deve ser de 300 dpi, mas não adianta fazer tudo em 100 dpi e depois aumentar a quantidade de dpi do arquivo pronto. Tem que ser criado um arquivo novo com 300 dpi e trabalhar com ele até o fim, mesmo que fique pesado. Finalizado tudo, aprovado e conferido, achate para que tudo vire uma layer só, indo em: Layer > Flaten Image. Imprimindo o documento: Para acessar a caixa Print, vá ao menu File>Print ou utilize o atalho CTRL+P. Adobe Photoshop Professional CS6 159 Assim que selecionada a opção, abrirá a caixa de diálogo Print com as seguintes configurações que podem ser alteradas: Caixa de diálogo Print: A. Visualize a impressão. B. Posicione e dimensione a imagem. C. Defina a impressora e as opções do trabalho de impressão. D. Defina a orientação do papel. E. Opções Output e Color Management. F. Especifique as opções de saída de pré-impressão. G. Especifique as opções de gerenciamento de cores e de prova. Adobe Photoshop Professional CS6 160 Modos de salvar Salvando a imagem em JPEG File > Save as. Em formato, escolha JPEG > Save. Aparecerá uma janela de configuração de JPEG, onde especificamos a qualidade da compressão da imagem. Adobe Photoshop Professional CS6 161 Salvando em PNG File > Save as em formato, escolha PNG > Save. Salvando em TIFF File > Save as. Em formato, escolha TIFF > Save. Aparecerá uma janela de configuração de TIFF em que escolheremos o tipo de compactação da ima- Adobe Photoshop Professional CS6 162 gem, se haverá ou não fundo transparente, dentre outras. Gerando arquivo no formato PDF O arquivo foi editado no Photoshop com modelo de cores CMYK. Vamos gerar um arquivo PDF a partir deste, clicando em File > Save As ou simplesmente pressionando o atalho Shift +Ctrl+S. Uma nova janela se abrirá e, nela, altere em Format qual o formato deseja salvar seu arquivo. Neste caso, no formato PDF. Após a opção: Photoshop PDF(*.PDF, *.PDP), estiver selecionada, clique em salvar e uma nova janela será aberta, para configurar as opções de seu arquivo PDF. Menu General Adobe PDF Preset: mostra alguns padrões pré-definidos de pdf pelo programa. Compatibility: escolhe a compatibilidade do seu arquivo pdf com a versão do acrobat Options: Preserva os recursos de edição do photoshop. Miniaturas embutidas na página. Otimiza para visualização rápida na web. Visualizar o PDF depois de salvo. Menu Compression Adobe Photoshop Professional CS6 163 Configurações de tamanho e resolução do arquivo. Menu Output Converte as cores de seu arquivo para alguma selecionada no menu color. Adobe Photoshop Professional CS6 164 Menu Security Este menu é utilizado para colocar uma senha no seu arquivo PDF e algumas permissões. Menu Summary Faça uma checagem das opções marcadas e clique em Save PDF. Adobe Photoshop Professional CS6 165 Adobe Photoshop CS6 Exercícios Exercício - Criando base para matéria do InDesign Vamos aprender a fazer um tratamento muito utilizado na área de moda que pode ser aplicado em qualquer imagem do gênero. Comece abrindo o arquivo modelobase.psd. Dê ctrl+J para duplicar a camada. Nessa nova camada vamos corrigir as principais imperfeições de pele usando a Spot Healing Brush Tool, Healing Brush Tool e Clone Stamp Tool. Adobe Photoshop Professional CS5 166 Quando terminar de corrigir as pequenas imperfeições da pele. Selecione, no painel de ferramentas a quick mask e pinte o rosto de vermelho. Saia do modo quick mask e inverta a seleção (ctrl+shift+I) Duplique a camada dom a seleção duas vezes (ctrl+J). Tire a visibilidade da primeira camada de pele. E na camada de baixo que restou vísivel, vá em filter > blur > surface blur. Configure os valores como mostrado abaixo. Adobe Photoshop Professional CS6 167 Coloque 90% de opacidade para a camada. Habilite agora, a visualização da última camada. Com ela selecionada vá ao menu filter > other > high pass e configure os valores como mostrado abaixo. Adobe Photoshop Professional CS6 168 Coloque o modo de mesclagem dessa camada como Soft Light. O tratamento High Pass serve para adicionar mais textura a pele, combinado com o blur ele dirfarça um pouco a pele plástificada que deixa o Surface Blur. Selecione as camada e duplique-as clicando com o botão direito em cima das layers e selecione a opção Duplicate Layers, mescle as camada (ctrl + E). Agrupe (ctrl+G) as camadas restantes, com exceção da original que está trancada, renomeio o grupo para tratamento de pele. Agora aplique os seguintes ajustes de imagem. Se esse painel não estiver habilitado vá ao menu window > adjustments Crie uma nova camada e renomeie como sombra nos olho. Com um brush suave e amarelo faça o contorno da sombra nos olhos. Coloque a camada no modo de mesclagem Darken. Adobe Photoshop Professional CS6 169 Crie agora uma nova camada e renimeie como batom. Com um brush suave e rosado faça o contorno da sombra nos olhos. Coloque a camada no modo de mesclagem Soft Light e opacidade 80%. Veja como ficou o tratamento. Adobe Photoshop Professional CS6 170 Adobe Photoshop CS6 Exercícios Exercício - Montagem Dançarina Vamos criar uma montagem simulando um cartaz da Nike, essa montagem tem uma dificuldade alta e exigirá todos os conhecimentos aprendidos durante todo o curso de Photoshop. Começaremos abrindo a imagem modelo.jpg. Recorte a imagem usando a pen tool, pule as áreas com cabelo. Adobe Photoshop Professional CS5 171 Para recortar o cabelo vamos usar a técnica de recorte com channel. Crie um novo channel e escolha o canal com maior contraste entre o fundo e o cabelo. Ajuste os levels (ctrl + L) da camada para aumentar ainda mais o contraste entre o fundo e o cabelo. Se necessário use a ferramenta burn, no modo highlights, para escurecer áreas que ainda não ficaram marcadas de preto. Adobe Photoshop Professional CS6 172 Agora, em um novo documento formato A3 e com 300 dpi’s de resolução vamos fazer o background do cartaz. Abra a imagem nebulosa.jpg e arraste-a para o seu arquivo A3. Em seguida abra a imagem canvas.jpg e arrastam, também para seu arquivo base. Certifique-se que a mesmo encontra-se em uma camada acima da camada da nebuloso. Mude o modo de mesclagem da textura para Linear Ligh com 93% de opacidade. Adobe Photoshop Professional CS6 173 Vá ao painel Adjustments e selecione a opção Gradient Map e faça uma gradiente do preto para o branco Mude a opacidade dessa camada de ajuste para 28%. Crie uma nova camada acima de todas as outras e pinte de verde (#2f6f00). Coloque essa camada no modo de mesclagem Color Burn com 20% de opacidade. Seu fundo deverá ficar como na imagem. Adobe Photoshop Professional CS6 174 Agora vamos trabalhar a dançarina recortada colocando fumaça em algumas partes de seu corpo. E, antes posicione a mulher como na imagem abaixo e use os seguintes adjustmens layers: - Vibrance: 36 - Gradiente Map preto e branco no modo Multiply com 62% de opacidade. Adobe Photoshop Professional CS6 175 Com um brush esfumaçado vamos simular uma iluminação na dançarina em uma nova camada no modo Hard Light, com 85% de Opacidade. Isso para que os efeitos de fumaça fiquem mais realistas. Para finalizar esta etapa certifique-se que a camada está acima da layer da dançarina e clique sobre a camada com o botão direto e selecione a opção: Create a Clipping Mask. Carregue o brush disponível na pasta de materiais como ensinado nas aulas. Não se esqueça de aplicá-los sempre em camadas separadas. Escolha cores próximas as cores da modelo onde o brush for aplicado, por exemplo, no cabelo escolha um tom laranjado, nos pés tons azulados. E aplique os brush de fumaça. Na área do tênis foi utilizado também um brsh splatter que já existe no pacote de brush do Photoshop. Veja o exemplo criado passo a passo. Adobe Photoshop Professional CS6 176 Adobe Photoshop Professional CS6 3 4 5 6 177 Agora crie dois triângulos equiláteros com a cor #133229, posicione-os como na imagem a seguir e mude o modo de mesclagem para Soft Light. Faça, também, algumas linhas passando pela modelo de tonalidades de verde variadas e mude o modo de mesclagem de cada linha para Color Burn. Para finalizar o exercício coloque a marca da Nike e o slogan “Just do it no canto inferior direito. Adobe Photoshop Professional CS6 178 Veja como ficou o exercício finalizado. Adobe Photoshop Professional CS6 179 Adobe Photoshop CS6 Links yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-photoshop/ yy http://ideiasportalcriativo.com.br/turbine-seus-trabalhos-com-plug-ins-exclusivos-para-photoshop/ yy http://ideiasportalcriativo.com.br/os-melhores-tutoriais-para-o-photoshop-estao-aqui/ yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/ yy http://ideiasportalcriativo.com.br/a-historia-das-fontes-helvetica/ yy http://ideiasportalcriativo.com.br/mock-ups/ yy http://ideiasportalcriativo.com.br/vetores/ yy http://ideiasportalcriativo.com.br/texturas/ yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/ yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/ yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/ yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/ yy http://ideiasportalcriativo.com.br/glossario-de-tipografia/ yy http://ideiasportalcriativo.com.br/os-melhores-links-para-baixar-imagens-estao-aqui/ yy https://helpx.adobe.com/br/pdf/photoshop_reference.pdf Adobe Photoshop Professional CS6 180
Documentos relacionados
Photoshop CS6
dimensão para que se possa alterar a área de corte. Ao definir a área de corte desejada, clique no botão de confirmação na parte superior da tela (canto superior direito, botão em forma de V). Para...
Leia mais