PS02_02-08: Exercícios: Photoshop CS3. Objetivo: FERRAMENTAS DE PINTURA. 1) Abra um novo arquivo e altere os valores para a seguinte configuração:

Transcrição

1 PS02_02-08: Objetivo: FERRAMENTAS DE PINTURA Exercícios: 1) Abra um novo arquivo e altere os valores para a seguinte configuração: 2) Finalize a configuração. A janela da imagem, também chamada de tela de pintura será exibida. Nos painéis as paletas mostram informações sobre a nova área. Miniaturas da área da imagem aparecem nas paletas Navegador e Camadas. 3) Aplique agora as configurações utilizando as Ferramentas de Pintura: a. Acione a Ferramenta Pincel b. Clique na guia Amostras (swatches) da paleta e escolha a cor Azul RGB. c. Na Barra Opções, dê um clique na seta invertida ( ) do Seletor de Predefinições do Pincel e escolha o tamanho de ponta Círculo Sólido 3 pixels com um duplo-clique. d. Utilizando a Régua Lateral como referência, defina verticalmente as linhas-guias nas seguintes posições: 2, 4 e 6. Com a Régua Superior, defina horizontalmente as linhas-guias também nas seguintes posições: 2, 4 e 6. e. Na paleta Navegador altere o campo Zoom para 140% f. Na mesma paleta, clique dentro da Moldura Vermelha e arraste para o canto superior esquerdo. g. Selecione o botão Maximizar da janela do desenho, permitindo visualizar a área livre ao redor da tela de pintura. 4) Com a grade pronta e a área ampliada iniciaremos nosso desenho (pipa): a. Com a Ferramenta Pincel acionada, clique no vértice da linha-guia vertical posição 2 com a linha-guia horizontal posição 2, pressione a tecla <shift> e marque também a posição 4 no topo da área b. Aplique esse procedimento desenhando a figura abaixo. Ferramentas para Web Design Prof. Ricardo v

2 c. Crie os segmentos internos da mesma forma. d. Ainda com a ferramenta Pincel ativada, selecione a cor preta. e. Na Barra Opções, clique no Mode Pintura (deve estar Normal) e escolha Dissolver para criar um efeito diferente com 100% de opacidade. f. No vértice inferior da pipa, dê um clique e, com o botão do mouse pressionado, desenhe uma linha à mão livre fazendo a rabiola do tamanho conveniente. g. Use a criatividade e inclua por exemplo um gramado: i. Modo Pintura = Normal ii. Amostras (swatches) = Verde Escuro iii. Opacidade para o Traçado = 50 Ferramentas para Web Design Prof. Ricardo v

3 5) Abra a barra de botões dos Painéis e selecione o botão Pincéis (brushes). A paleta apresentará uma série do opções. 6) Na parte inferior da paleta, selecione a predefinição Grass (Grama 134). Diminua um pouco o tamanho da predefinição selecionando o ponteiro de regulagem Master Diameter e deslizando para 50 px. 7) Clique no Botão Recolher em Ícones () para fechar a paleta. 8) Desenhe mais uns tufos de grama (é só clicar). Altere a Opacidade = 100, Mode = Normal e dê mais algunas pinceladas. Ferramentas para Web Design Prof. Ricardo v

4 9) Utilize as teclas <Shift> <B> alternando para a ferramenta Lápis. Observe que a ferramenta Lápis tem propriedades semelhantes às do Pincel. PINTURA de ÁREAS: As ferramentas Lápis e Pincel desenham segmentos que são controlados pelo movimento do mouse. As ferramentas Degradê (Gradient Tool) e Lata de Tinta (Paint Bucket Tool) pintam áreas fechadas utilizando as cores escolhidas na paleta. 10) Selecione a ferramenta Lata de Tinta (Paint Bucket Tool). Na barra Opções, altere Opacidade = 30% e ative Adjac. (Contiguous), conforme a configuração a seguir. 11) Escolha uma cor na paleta de cores e com a ferramenta Lata de Tinta (Paint Bucket Tool) clique na área do triângulo central-direito. 12) Na barra Opções reconfigure a Opacidade = 100%, desative Adjac. (Contiguous), selecione outra cor e pinte o triângulo central-esquerdo. Observe a diferença das configurações entre os triângulos pintados. Ferramentas para Web Design Prof. Ricardo v

5 Para reverter, no menu Editar, selecione o comando Desfazer Lata de Tinta (Paint Bucket Tool) ou as teclas de atalho Ctrl+Z. A caixa de verificação Adjac. (Contiguous) marcada, delimita a área que será preenchida. 13) Pinte as demais áreas da pipa. Escolha cores vivas e da sua preferência. Em uma das áreas, experimente alterar o Modo de Preenchimento = Dissolver (Mode = Dissolve) e Opacidade = 30%. REDEFINIÇÃO DO PADRÃO DAS OPÇÕES: As alterações feitas nas opções das ferramentas permanecerão definidas até que sejam novamente modificadas. Para computadores compartilhados com outros usuários, é fundamental que ao final do desenvolvimento das suas atividades, cada propriedade seja restaurada para o, valor-padrão. Isto é possível aplicar não apenas para a ferramenta que está em uso como para todas as ferramentas ao mesmo tempo. 14) Na barra Opções, na ferramenta Lata de Tinta (Paint Bucket Tool), observe as propriedades que foram alteradas neste último exercício. No canto esquerdo da barra Opções, selecione o botão seletor de predefinição da ferramenta ( ) em seguida selecione o botão Menu ( ) no canto superior direito e na Lista de opções poderá escolher: Redefinir Ferramenta ou Redefinir Todas as Ferramentas. Ferramentas para Web Design Prof. Ricardo v

6 Com isso, as propriedades terão seus valores restaurados. Aplique a Restauração de Todas as Ferramentas. DEFAZER COMANDOS E O USO DO HISTÓRICO: Durante o desenvolvimento de uma atividade ou utilização do programa, é possível reverter algum comando por diversos motivos: o traço que não ficou bom e precisa se refeito ou melhorado, o ponto ou a cor escolhida que não foi apropriada, ou qualquer outra configuração ou propriedade aplica que não agradou. Para isso, é possível reverter o último comando ou vários comandos. - Para desfazer o último comando no menu Editar, selecione o comando Desfazer ou as teclas de atalho Ctrl+Z. - Para desfazer vários comandos, use a paleta Histórico. Durante o desenvolvimento da atividade no Photoshop as ações executadas ficam registradas em uma área que chamamos de Histórico. Para reverter um conjunto de ações, selecione no ponto desejado na paleta Histórico. Os comandos são desfeitos sendo possível reiniciar a partir do ponto selecionado. 15) Nos botões dos Painéis, selecione o botão Histórico, ou no menu Janela, o comando Histórico. ou Ferramentas para Web Design Prof. Ricardo v

7 16) Ao abrir a lista com os comandos realizados, selecione qualquer uma das ações que você executou. Elas são desfeitas até o passo escolhido na lista. 17) Clique com o mouse em outra ação, entre o ponto que você está na lista e as que estão desativadas. As ações intermediárias serão refeitas. 18) Para continuar, clique na última ação executada (aquela que pintou a última área da pipa utilizando a Lata de Tinta (Paint Bucket Tool). SALVAR IMAGENS: O processo para SALVAR IMAGENS é muito importante para qualquer programa. Não é brincadeira perder horas de trabalho porque não deu tempo de salvar o trabalho. Os arquivos do Photoshop são gravados em formato próprio na extensão PSD. Esse tipo pode guardar todas as informações referentes a canais de cor, camadas e efeitos gerados no programa, que serão estudados posteriormente. 19) No menu Arquivo, podemos identificar três opções para salvar: a. Salvar ou Ctrl+S => Grava pela primeira vez ou as últimas alterações. b. Salvar como ou Ctrl+Shift+S => Grava a atividade com outro nome ou em formato diferente. c. Salvar para Web e Dispositivos ou Alt+Shift+Ctrl+S => Grava em uma versão para ser utilizada nas páginas web ou dispositivos móveis. 20) Selecione Salvar no menu Arquivo, o tipo adequado na Lista Formato, no caso PSD e finalize selecionando o botão Salvar. É possível alterar a forma de visualização do diálogo ativando o botão Usar caixa de diálogo Adobe (na parte inferior esquerda na janela Salvar). Revisão Geral abordado nesta Unidade: a. Criar uma área de imagem. b. Aplicação das Ferramentas de Pintura: Pincel (Brush) e Lata de Tinta (Paint Bucket Tool). c. Aplicação da paleta Amostra. d. Alteração das propriedades utilizando a barra Opções e Predefinição no botão Pincéis ( ). e. Redefinição dos valores-padrão para as ferramentas. f. Alterações na paleta Histórico desfazendo algumas ações. g. Salvar a atividade e formas de visualização do diálogo (usando o Adobe) Ferramentas para Web Design Prof. Ricardo v