Baixe Adobe PhotoShop - Parte1 e outras Notas de estudo em PDF para Produção Gráfica, somente na Docsity! Webdesign PHOTOSHOP INICIANDO Vamos iniciar o uso do Photoshop estudando o dimensionamento e visualização da área de trabalho e da imagem. Ajustamos o tamanho da área de trabalho utilizando o comando Tamanho da Tela de pintura... do menu Imagem, que abre o quadro de diálogo. 1 - Abra o arquivo zebra.psd. 2 - No menu Imagem escolha a opção Tamanho da Tela de Pintura. 3 - Altere o tamanho da área de trabalho para 500 px x 600 px, travando no canto superior esquerdo - Âncora. Repare que na figura a seguir, a área de trabalho cresceu somente nos cantos direito e inferior, e o tamanho do arquivo também foi aumentado. 1 Webdesign PHOTOSHOP Podemos desfazer somente a última ação no Photoshop, utilizando a função desfazer. No menu Editar, escolha a opção Desfazer Tamanho da Tela de pintura, ou pressione Ctrl + Z, voltando a área de trabalho ao seu tamanho original. Uma boa e rápida maneira de trabalhar com o Photoshop é ir acostumando-se a usar teclas de atalho, com isso você economizará muitos movimentos desnecessários do mouse, agilizando seu trabalho. Agora vamos redimensionar a figura. 1 - No menu Imagem, escolha a opção Tamanho da Imagem 2 - No quadro de diálogo, altere a Largura, da seção Tamanho do Documento mantendo as proporções constantes. Neste quadro podemos alterar o tamanho da figura a ser impressa, observando suas dimensões na tela do computador na seção Dimensões em Pixel. A opção Redefinir a Resolução da Imagem, indica qual método de interpolação será utilizado para calcular os valores de cores dos pixels durante a ampliação ou redução da imagem, utilizando os valores da cor dos pixels existentes. a - Pelo Mais Próximo - é o método mais rápido, mas menos preciso. Este método pode resultarem efeitos dentados que ficam aparentes quando distorcemos ou redimensionamos uma imagem, ou então, executamos manipulações múltiplas em uma seleção. b - Bilinear - é um método de média qualidade. c - Bicúbica - é o método mais lento, porém mais preciso, resultando em graduações tonais mais lisas. 2 Webdesign PHOTOSHOP 4 - A ferramenta Mão também pode ser transformada em ferramenta Zoom. Selecione a ferramenta Mão e pressione Ctrl e Alt, e observe a mudança na forma do ponteiro. 5 - Na área de trabalho, arraste o cursor formando um retângulo pontilhado sobre a área que deseja ampliar. Após soltar o botão do mouse, essa área selecionada será ampliada para o tamanho da área de trabalho visível. Podemos ter vários arquivos do Photoshop abertos ao mesmo tempo, cada um sendo mostrado em uma janela, mas somente uma delas pode ser a janela ativa. Com o arquivo zebra.psd aberto abra também o arquivo urso.psd, da mesma pasta, verificando que em determinado momento poderemos editar um, hora outro. 1 - Abra o arquivo urso.psd. 2 - Dê um clique na janela do arquivo zebra.psd para torná-la ativa. Existem vários modos de exibição das imagens no monitor, a primeira, que trabalhamos até agora, é o modo padrão, onde cada janela aparece no tamanho normal. Os outros dois modos trabalham com a tela cheia. Para alternar entre estes modos, dê um clique em um dos botões na parte inferior da barra de ferramentas ou pressione a tecla F para alterar entre estes modos. 5 Webdesign PHOTOSHOP modos de visualização modos de visualização Mas apesar de observar a imagem em tela cheia você se sentir incomodado com as janelas auxiliares do Photoshop, bastar pressionar a tecla <Tab> e ficará visível na tela somente a imagem que está sendo editada, ao pressionar <Tab> novamente para elas voltarem a aparecer. 1 - Com os dois arquivos abertos na tela do computador e zebra. psd ativo, pressione a tecla <F>. 2 - No menu Janela selecione a opção relativa ao arquivo urso.psd, tornando-o a janela ativa. Repare que voltamos ao modo de janela padrão. 3 - Clique na janela zebra.psd para ver somente a janela do arquivo sendo exibida. 4 -Pressione sucessivas vez a tecla <F>, alternando entre os modos de exibição. 6 Webdesign PHOTOSHOP SELEÇÕES As seleções são áreas da imagem que você marcou para fazer alguma alteração, e caracterizam-se por uma linha pontilhada em torno da região desejada. Podemos criar seleções utilizando a ferramenta Marca de Seleção, Laço, Varinha Mágica, a opção Escala de Cores do menu Selecionar e com os Demarcadores, como veremos mais adiante. MARCA DE SELEÇÃO Com as ferramentas de Marca fazemos seleções de traçado geométrico - retângulo, elipse, linhas e corte. Na barra de ferramentas, as ferramentas que possuem sub-tipos tem no canto inferior direito um pequeno triângulo, quando clicamos neste triângulo por alguns instantes, aparecem as outras opções da ferramenta. RETANGULAR E ELÍPTICA 1 - Abra o arquivo Nuvens.psd 2 - Com a ferramenta Marca de Seleção Retangular faça uma seleção retangular na figura. 3 - Posicione o ponteiro dentro da área selecionada e arraste-o, observando a mudança de posição da seleção, sem alterações na imagem. 4 - Com o ponteiro ainda dentro da área selecionada, pressione a tecla <Ctrl> e note que o ponteiro mudou para a forma de uma tesoura, indicando que esta área será recortada se arrastarmos este ponteiro. A seleção pode ser adicionada ou recortada utilizando-se as teclas <Shift> e <Alt> juntamente com a ferramenta Marca de seleção. 5 - Com a primeira seleção ainda ativa, pressione a tecla <Shift> (adição) enquanto faz outra seleção. 7 Webdesign PHOTOSHOP Na opção Difusão, especificamos o grau de suavidade, que é útil quando utilizamos a seleção para corte. Quanto maior a Difusão melhor será a transição, evitando-se as mudanças abruptas entre as cores. 1 - Abra o arquivo Nuvens.psd 2 - Selecione a ferramenta Marca de Seleção Retangular. 3 - Na barra de ferramentas Opções, defina o fator de difusão = 0. 4 - Faça uma seleção, e copie com as tecla <Ctr> + <C>, ou através do menu Editar, opção Copiar. 5 - Abra um novo arquivo pressionando <Ctrl> + <N>, utilizando um tamanho de acordo com a área copiada e com fundo branco. É bom ir acostumando-se com as teclas de atalho pois elas são mais ágeis que o movimento do mouse até o menu. 10 Webdesign PHOTOSHOP 6 - Cole a parte do céu copiada anteriormente com <Ctrl> + <V>. 8 - Volte para o arquivo Nuvens.psd, definindo um novo fator de difusão. Copie outra região colando-a no arquivo novo. Quando você cola uma outra figura no arquivo novo, o Photoshop auto- maticamente acrescenta mais uma camada neste arquivo. Observando a janela Camadas, notamos as sucessivas camadas que estão sendo criadas. A opção Suavização de Serrilhado remove as extremidades dentadas de uma seleção, fazendo uma transição sutil entre suas extremidades e os pixels circunvizinhos. 1 - Selecione a ferramenta Marca de Seleção Retangular. 2 - Faça uma seleção oval com a opção Suavização de Serrilhado desativada, cole esta seleção em um novo arquivo. 3 - Agora faça uma nova seleção oval com a opção Suavização de Serrilhado ativada e cole em outro arquivo novo. 4 - Coloque todas as janelas de arquivos abertos visíveis utilizando o menu Janela » Lado a Lado e compare as diferenças no uso da opção Suavização de Serrilhado. LAÇO Com a Ferramenta Laço (L), fazemos seleções de traçados livres onde contornamos figuras irregulares. A ferramenta Laço possui três sub-tipos: Laço, Laço Poligonal e Laço Magnético. Com a primeira fazemos seleções totalmente livres enquanto arrastamos o ponteiro do mouse, com a segunda fazemos seleções utilizando linhas retas, e com a terceira a seleção tende a prender-se às extremidades de áreas definidas na imagem. A ferramenta de laço magnética é especialmente útil para selecionar objetos rapidamente com extremidades complexas sobre fundos de alto-contraste. 1 - Abra o arquivo urso.psd 2 - Selecione a ferramenta Laço. 3 - Arraste o mouse ao redor rosto. 4 - Quando o ponteiro encontrar o ponto inicial da seleção, o seu ícone terá um pequeno círculo ao lado. 11 Webdesign PHOTOSHOP 5 - Pressione a tecia <Delete>, apagando a área selecionada mostrando com isso o fundo da imagem. 6 - Pressione <Ctrl> +<Z> para desfazer a seleção. 7 - Dê um clique com o ponteiro dentro da área selecionada para desfazer a seleção. Vamos agora selecionar o mesmo rosto utilizando a ferramenta Laço Poligonal. 1 - Dê um clique próximo ao rosto do urso, mova o mouse - repare que é formada uma linha reta entre o primeiro clique e a posição do ponteiro. 2 - Dê mais um clique em outro lugar a fim de circundar o mesmo rosto, podendo a partir daí selecionar todo o balão através de linhas retas. 3 - Quando o ponteiro estiverem sobre o ponto inicial da seleção, o seu ícone terá dois pequenos círculos indicando o possível fechamento da seleção. Ou então para fechar a seleção basta dar um duplo-clique em qualquer lugar, que o Photoshop unirá a posição atual do ponteiro com o ponto inicial da seleção, fechando-a. 4 - Coloque o ponteiro dentro da área selecionada e dê um clique para desfazer esta seleção. 12 Webdesign PHOTOSHOP 6 -Dê um clique com o botão direito dentro da área selecionada, e no menu rápido escolha Desfazer Seleção para que ela seja desfeita ou pressione <Ctrl> + D. JANELA HISTÓRICO Como a opção Desfazer possui somente um retorno e caso você não tenha gostado da posição da nova nuvem, não é possível desfazer esta mudança utilizando esta função, pois após desfazer a seleção, o Photoshop apenas voltará a seleção e mais nada. Voltamos mais atrás com o uso da janela histórico - no menu Janela » Mostrar Histórico. Nesta janela poderemos observar as ações realizadas com a imagem, podendo voltar ao ponto onde nos interessa. 1 - Para voltar ao ponto onde as nuvens foram selecionadas, dê um clique na linha indicada na figura anterior. 2 - Ou se preferir voltar o arquivo até a última versão gravada da imagem no disco, você pode utilizar a opção Reverter do menu Arquivo respondendo que deseja reverter, no quadro que aparecerá. Voltando à ferramenta Varinha Mágica, você pode expandir a área selecionada escolhendo as opções Aumentar e Semelhante do menu Selecionar, ou utilizando o menu rápido - clique botão direito. A opção Aumentar expande a seleção a partir da seleção inicial, anexando os pixels adjacentes dentro da tolerância especificada. A opção Semelhante seleciona todas as regiões na imagem onde as cores estão dentro da tolerância especificada. 1 - Selecione uma nuvem no arquivo Nuvens.psd com a ferramenta Varinha Mágica. 15 Webdesign PHOTOSHOP 2 - Escolha a opção Aumentar do menu Selecionar. Repare que a seleção ficou mais ampla ao redor da nuvem. 3 - Agora escolha a opção Semelhante do menu Selecionar note que todas as nuvens foram selecionadas. 4 - Inverta a seleção escolhendo Selecionar Inverso no menu rápido. Agora o que estará selecionado será todo o céu e não mais as nuvens. Esta seleção varia de acordo com os parâmetros de difusão e tolerância. Experimente estas variações. ESCALA DE CORES Através da opção Escala de Cores do menu Selecionar, podemos fazer seleções similares ao uso da ferramenta Varinha Mágica com a opção Semelhante do menu Selecionar. Com este comando podemos selecionar uma cor direto da imagem, ou escolher uma a partir da janela Selecionar. O Photoshop selecionará os pixels relativos à cor escolhida de acordo com o valor da propriedade Grau de Seleção, semelhante à tolerância da ferramenta Varinha Mágica. 1 - Com o arquivo Nuvens.psd aberto, escolha a opção Escala de Cores... do menu Selecionar. 2 - Na caixa de diálogo Escala de Cores..., defina Selecionar para Amostra de Cores e Grau de Seleção para 10. 3 - Mova o ponteiro com a forma de um conta gotas e clique sobre um azul, selecionando todos os pixels de cores semelhantes na imagem. 16 Webdesign PHOTOSHOP Os pontos selecionados podem ser vistos no quadro de amostra da janela Escala de Cores ou diretamente na imagem, se você mudar as opções no caixa de lista Visualizar a Seleção. MODIFICANDO AS SELEÇÕES Após selecionar uma determinada região da imagem, você poderá aplicar diversas ferramentas que permitem a modificação desta região, como distorções, cores, bordas, filtros e muita outras. Preenchendo seleções Uma seleção pode ser preenchida com uma cor, uma imagem vinda de outro arquivo, ou uma textura. Janela Informações Antes de preenchermos uma seleção com cor, veremos a janela Informações que está no mesmo quadro que a janela Navegador. Nesta janela temos as informações de posição do cursor, tamanho da seleção, parâmetros de cor do pixel atual e outras medidas conforme a ferramenta atualmente selecionada. 1 - Abra um arquivo novo com tamanho: Largura = 300 e Altura = 100 (pixels) com fundo branco. 2 - Selecione a ferramenta Marca de Seleção Retangular e observe as característica da janela Informações enquanto o ponteiro é movido pela tela. 3 - Dê um clique no pequeno triângulo ao lado de cada ícone da janela para alterar a unidade atualmente utilizada tanto de cor quanto de medida. 17 Webdesign PHOTOSHOP 4 - Posicione o ponteiro dentro da seleção. Arraste o mouse, movendo a seleção 100 pixels para a direita. Use como guia a janela Informações observando as variações de coordenadas polar e retangular. 5 - Escolha uma outra cor de fundo preenchendo esta segunda seleção. 6 - Faça uma nova seleção elíptica que envolva parte das duas primeiras, e preencha-a com uma terceira cor utilizando uma opacidade de 10%. TEXTURAS As seleções também podem ter texturas através da aplicação de filtros. No menu Filtro temos vários tipos de filtros para textura na opção Textura. 1 – Abra o arquivo nuvens.psd, selecione a região central do céu. 2 - No menu Filtro escolha Textura e Texturizador... 20 Webdesign PHOTOSHOP 3 - Na caixa de lista textura escolha Carregar Textura, carregando o arquivo pegadas.psd. 4 - Defina os parâmetros desta textura. 5 - Experimente carregar outros tipos de textura, variando os parâmetros de Tamanho, Relevo e Direção da Luz. MOLDURA - COMANDO STROKE Finalizando o preenchimento de seleções temos o comando Traçar, que cria um contorno ao redor da seleção. Acessado através do menu Editar » Traçar. Na figura anterior vemos o quadro de diálogo Traçar onde você pode modificar os parâmetros de contorno da seleção. 1 - Abra o arquivo zebra.psd. 2 - Escolha um amarelo para cor de primeiro plano: R=249; G=244 e B=0. 3 - Escolha a opção Traçar do menu Editar. 4 - Defina em 10 pixels a largura do traçado, partindo para o lado de fora da seleção. Poderia ser o centro ou para dentro. Feche com OK. 21 Webdesign PHOTOSHOP 5 - Remova a seleção e observe o contorno formado ao redor da área selecionada. TRANSFORMANDO SELEÇÕES Entendemos como transformações, os comandos encontrados no menu Editar - Transformação Livre e Transformação, neste menu estão as opções de Escalar, Rotacionar, Inclinar, Distorcer e Perspectiva de um objeto selecionado. 1 - Abra o arquivo pato.psd. 2 - Selecione o pato. (varinha mágica – seleciona a área branca) 22