Baixe o app para aproveitar ainda mais
Prévia do material em texto
Computação Grá�ca e Editoração Eletrônica Aula 2: Introdução ao Photoshop: abertura de arquivo de imagem bitmap Apresentação Nesta aula, você conhecerá a interface do software Photoshop. Sua primeira experiência será a abertura ou criação de um arquivo e a de�nição e as cores da resolução da imagem em pixel. A partir da abertura do arquivo, vamos apresentar a área de trabalho do Photoshop, com seus menus e barras de ferramentas. Vamos convidar você a manipular imagens bitmap, operando com as ferramentas de retoque e correção, recorte, seleção de cores e pintura. Finalmente, você aprenderá sobre os formatos mais usuais, PSD e JPEG, para fechamento de arquivo, e saberá determinar sua escolha de acordo com o tipo de imagem, cores e arte-�nalização. Objetivos Reconhecer a interface grá�ca do Photoshop; Manipular imagens bitmap com seleção, recorte e pintura, além de ajustes de retoque e correção; Identi�car os formatos de arquivo. Palavras iniciais Nesta aula, vamos conhecer a interface do programa Photoshop que, desde outubro de 2018, passou para a versão CC (Creative Cloud), disponível para Microsoft Windows e Mac OS X. As áreas de trabalho dos programas Adobe Creative compartilham aparências e funcionalidades semelhantes, a �m de facilitar o trânsito dos arquivos entre os aplicativos. Esta característica facilitou também o aprendizado dos três programas grá�cos ensinados nesta disciplina. A tela inicial(home screen) do Photoshop CC oferece os botões Criar Novo e Abrir, além de tutoriais e as fotos LER, o arquivo de fotogra�as do Lightroom. Se sua versão é anterior ao CC, a abertura de arquivo é realizada em File (arquivo). ALUNA : Sa Michali Tela inicial do Photoshop CC. Abriremos uma fotogra�a em 300dpi e exercitaremos a correção básica da imagem, retoque e recorte com o uso da varinha mágica na caixa de ferramentas(toolbox). Conhecendo o programa Photoshop Interface do Photoshop A cada versão do Photoshop, são acrescentadas ferramentas e técnicas mais so�sticadas. Vimos que o CC (Creative Cloud) é uma versão capaz de trabalhar com aplicativos da nuvem (cloud computing) e está mais integrada com os outros programas Adobe, como Illustrator e InDesign. Shutterstock.com Nesta aula, vamos trabalhar com o Photoshop CS6, pois todas as ferramentas desta versão estão presentes no CC, bem como as vantagens operacionais como a recuperação automática do trabalho em caso de erros. Vejamos o que representa cada item indicado: Clique nos botões para ver as informações. Barra de menus exibe os menus Arquivo, Editar, Imagem, Camadas, Fontes e outros que dão acesso a vários comandos, ajustes e painéis. A - Barra de menus Barra de opções exibe as opções da ferramenta com a qual você está trabalhando no momento. B - Barra de opções Caixa de ferramentas contém as ferramentas para criar, corrigir, editar imagens fotográ�cas e ilustrações. Ferramentas semelhantes são agrupadas no mesmo ícone. C - Caixa de ferramentas Painéis (ou pranchetas) de opções e manipulação de Cores, Camadas, Propriedades e outros, que oferece diversos modos de trabalhar com as imagens. A lista completa de opções desta caixa, você encontra no Menu > Janela. D - Painéis Botão de exibição do painel com mais opções para pintura, fotogra�a e tipogra�a. E - Botão de exibição do painel Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online Abrir arquivos e criar imagens Você poderá observar que a abertura de um arquivo é semelhante a todos os softwares de editoração eletrônica. Toda vez que iniciamos uma editoração, quer seja criando ou abrindo um arquivo já existente, surgirá uma janela de opções de formatos, dimensões, resolução e cores. Comentário Neste momento, as orientações ministradas na Aula 1 serão muito importantes para que você faça as escolhas corretas. Leia o texto a seguir com os procedimentos para a abertura de arquivos e a criação de imagens: Abertura de arquivo e criação de imagens Clique no botão acima. Abertura de arquivo e criação de imagens File open: importando uma imagem A abertura de um arquivo é semelhante a todos os softwares de editoração eletrônica. Na barra de menus, selecione Arquivo > Abrir (File>Open) para abrir imagens existentes. A partir dessa ação, uma janela com as opções de pastas se abrirá e você deverá escolher o arquivo — uma imagem ou um trabalho em PSD já iniciado — a ser trabalhado. Ao clicar no arquivo, o botão Abrir �cará disponível para ser clicado. A imagem aparecerá na área de trabalho para ser manipulada. Certi�que-se de que a resolução da imagem está adequada para o seu projeto. A imagem se abrirá na área de trabalho. Observe, na imagem que você abriu na coluna à direita, a paleta Camada. A primeira camada é aberta automaticamente e é denominada background, camada de fundo ou camada inferior. Camada de fundo - A camada inferior na paleta Camadas, a camada de fundo, está sempre bloqueada, por medida de proteção, o que signi�ca que não é possível alterar a ordem de empilhamento, o modo de mesclagem ou a opacidade. No entanto, você pode converter a camada de fundo em uma camada regular, se for necessário. File new: formatação do arquivo Para abrir um novo arquivo, usando o atalho no teclado: (Mac)Cmd>N (Windows)Ctrl>N Ou clique em Arquivo > Novo (File>New). Dica Importante: devemos trabalhar a imagem em arquivo JPG, PNG ou outra extensão de imagem, com a resolução de 300 DPI — 300 pixels/ polegada — no formato �nal do projeto (dimensões: largura e altura). Quando abrimos um novo arquivo, também surge uma janela com opções para a formatação do trabalho. [Name] Neste local você nomeará o seu trabalho. [Preset] Prede�nição de documentos em branco - Você pode escolher documentos em branco com dimensões e con�guração prede�nidas. As prede�nições de documentos em branco apresentam tamanho, cor, modo, unidade, orientação, posicionamento e con�gurações de resolução prede�nida. Por exemplo, em Impressão (Imprimir), são oferecidos os formatos de papéis internacionais que você conhece, o A4 e o A3, dentre outros. [Size] Dimensões ou tamanho - Você poderá escolher tamanhos prede�nidos ou determinar conforme a sua necessidade. [Width] [Height] Largura e altura - Especi�que o tamanho do documento em cm, pixel, mm, dentre outros. Selecione a unidade no menu pop-up. [Resolution] Resolução - Especi�que a precisão dos detalhes em uma imagem bitmap medida em pixels/polegada ou pixels/centímetro. [Color Mode] Modo de cor - especi�que um modo de cores do documento. Devemos trabalhar geralmente em RGB, pois este é o modo da tela do computador. Mas, se o trabalho for impresso, deverá ser convertido na arte-�nal para CMYK. [Background Contents] Conteúdo em segundo plano - Especi�que uma cor de fundo para o documento. Geralmente utilizamos o branco (branco do papel). [Orientation] Orientação - Especi�que uma orientação de página para o documento: paisagem (horizontal) ou retrato(vertical). [Advanced] Opções avançadas - Usuários mais experientes podem de�nir: [Color Pro�le] Per�l de cor: especi�que o per�l de cor do documento a partir de uma ampla variedade de opções. [Pixel Aspect Ratio] Proporções de pixel: especi�que a proporção entre largura e altura de um único pixel em um quadro. Nova tela inicial do Photoshop CC: A) Criar novo arquivo e abrir arquivo; B) Abrir arquivos recentes. Os procedimentos após esta tela são semelhantes ao CS6. Imagem bitmap: seleção, recorte e pintura Vamos aprender as técnicas de seleção, recorte e pintura, que formam um grupo de recursos bastante comuns para o tratamento de imagens bitmap. Usamos as ferramentas de seleção para recortar um objeto, para arrastar ou duplicar. Também utilizamos esses recursos para retocar uma imagem, recortando uma área que não deve aparecer no trabalho. As ferramentas de seleção são: Letreiro (Marquee), Laço (Lasso), Varinha Mágica (Magic Wand) e Seleção Rápida (Quick Selection). Nesta aula, você usará o baldede tinta como ferramenta de pintura. Seleção de Imagem Leia o texto a seguir com a especi�cação dos itens de seleção de imagem: Seleção de imagem Clique no botão acima. Seleção de imagem Ferramenta Letreiro São ferramentas de seleção básicas, pois realizam a seleção de áreas em formas retangulares (quadrados e retângulos) ou elípticas (ovais e círculos); opções de uma única linha ou única coluna, principalmente utilizados para trabalhar com um pixel. Opções das ferramentas Letreiro: Ferramenta Laço Para seleções mais detalhadas, e que necessitam contornar um objeto com forma irregular, utilizamos os laços. O procedimento e opções são um pouco semelhantes às ferramentas letreiros e são capazes de fazer seleções mais complexas e irregulares. No entanto, a precisão da seleção depende muito da �rmeza da mão no controle do mouse. Ao utilizar o laço, surge uma barra de opções semelhante à ferramenta letreiro. Ferramenta Laço - Ferramenta padrão que é utilizada pressionando o mouse enquanto contorna a área a ser selecionada. Ao soltar o mouse, o primeiro e o último ponto do laço se unem e surge uma área pontilhada, isto é, selecionada. Ao utilizar o laço poligonal, surge a barra de opções. Frequência (frequency): estabelece a distância entre os pontos. Quanto mais pontos, mais preciso o contorno. Con�guração/contorno (edge): estabelece o contraste mínimo que uma área deve ter para ser considerado um contorno a ser seguido. Seleção Rápida A ferramenta Seleção Rápida (Quick Selection) funciona como um pincel que “pinta” a área interna do objeto selecionado. Funciona basicamente da seguinte forma: ao clicar na ferramenta, pressione o botão esquerdo do mouse e passe o pincel na área a ser selecionada. Varinha Mágica É uma ferramenta muito utilizada por principiantes, pois funciona praticamente “sozinha”. Você deve clicar num ponto da imagem, e o programa tentará selecionar a área com pixels semelhantes em cor e contraste. Se a imagem tiver cores chapadas, lisas ou com poucos matizes, a ferramenta funciona satisfatoriamente. Ferramenta Laço Poligonal - Utilizado para formas retas, o uso desta ferramenta não necessita que se pressione o mouse, bastando clicar uma vez no início da seleção e delimitar o objeto. Ferramenta Laço Magnético - Oferece uma opção semiautomática, pois a seleção é realizada a partir de um ponto no limite do contorno que será selecionado computacionalmente. Dentre as três opções de laço, o magnético é mais ágil e menos preciso. Barra de opções da Varinha Mágica Tolerância - Determina a gama de cores dos pixels selecionados. Digite um valor em pixels entre 0 e 255. Um valor baixo seleciona as poucas cores que são muito semelhantes ao pixel clicado. Um valor mais alto seleciona uma faixa de cores mais ampla. Suavização de Serrilhado - Cria uma seleção com arestas mais suaves. Adjacente - Seleciona apenas as áreas adjacentes que usam as mesmas cores. Caso contrário, todos os pixels da imagem que usam as mesmas cores serão selecionados. Obter Amostra de Todas as Camadas - Seleciona cores que usam dados de todas as camadas visíveis. Caso contrário, a ferramenta Varinha Mágica apenas selecionará cores na camada ativa. Recorte e aplicação sobre fundo colorido Uma das �nalidades das técnicas de seleção é recortar a imagem para que ela seja colocada sobre outro fundo. É muito comum em Publicidade o uso de fundos coloridos para destacar a comunicação, como neste banner digital da Estácio: Para colorir um fundo chapado, você deve criar uma camada e preencher a área com a ferramenta Lata de Tinta com apenas um clique. A cor da tinta é selecionada na barra de ferramentas. Imagem bitmap: ajustes de retoque e correção As ferramentas de retoque e correção são: Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online Borracha (Eraser): ferramenta simples presente em programas Bitmap, é utilizada em retoques de contornos de imagens recortadas, dentre outras funções. Carimbos (Clone Stamp): clona, ou seja, duplica, partes da imagem. Uma das ferramentas mais utilizadas para retoques. Band-Aid (Spot Healing Brush) - para eliminar defeitos da pele. Patch Tool também remove sujeiras. Content-Aware Move troca elementos de lugar ou duplicar elementos. Red Eye é uma ferramenta exclusiva para tirar o vermelho dos olhos causado por �ash. Formatos de arquivos Vamos aprender como salvar e porque salvar em PSD e JPEG. PSD - Devemos salvar o trabalho original neste tipo de arquivo para que possamos dar continuidade ou corrigir,quando necessário, o nosso layout e arte-�nal. JPEG - Quando o trabalho está terminado, você pode usar este arquivo para a utilização em web, para enviar o layout por e-mail ou em caso de imagens fotográ�cas e ilustrações sem textos. Salvar imagemJPG: SAVE AS>JPEG. Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online Salvar para web em JPEG: Tutorial de Photoshop da Aula 2 Vamos fazer um trabalho para colocar em prática algumas ferramentas que você aprendeu? Leitura Trabalho. Não se esqueça de salvar seu trabalho em PSD, para podermos continuar trabalhando nas próximas aulas! Atividade 1. Desde outubro de 2018, o Photoshop apresentou a versão CC (Creative Cloud). Assinale o que essa versão trouxe de vantagens sobre as anteriores: a) É uma versão capaz de trabalhar com aplicativos da nuvem. b) É uma versão que não apresenta nenhuma diferença das anteriores. c) É uma versão que permite a recuperação automática do trabalho, enquanto no CS6 isto não é possível. d) É uma versão que não possui barra de opções. e) É uma versão que não interage com os outros programas gráficos da Adobe. javascript:void(0); 2. Toda vez que iniciamos uma editoração, quer seja criando ou abrindo um arquivo já existente, surgirá uma janela de opções de formatos, dimensões, resolução e cores. A partir da abertura de um arquivo, relacione a segunda coluna com a primeira: 1. Modode Cor ( ) Definição a medida pixels/polegada 2.Resolução ( )Atalho do teclado para criar um novo arquivo 3. Na janela de criação de um arquivo Orientação significa: ( )Caminho na área de trabalho para abrir um arquivo existente 4.Arquivo > Abrir ( )Define se o trabalho será feito em RGB ou CMYK, por exemplo 5. Ctrl+N ( )Posição da página: retrato ou paisagem 3. Existem três tipos de ferramentas para seleção básicas e rápidas na caixa de ferramentas para selecionar, recortar e retocar imagens. Algumas delas realizam a seleção de áreas em formas retangulares, outras realizam seleções rápidas e um terceiro grupo faz seleção em imagens com formas irregulares. Assinale a resposta que apresenta as ferramentas corretas para seleção conforme citado no enunciado. a) Letreiros, Laços, Varinha Mágica e Seleção Rápida. b) Seleção Rápida, Caneta, Borracha e Lata de Tinta. c) Caneta, Letreiros, Laços e Camadas. d) Pincel, Lápis, Borracha e Retângulo. e) Laços, Varinha Mágica, Carimbo e Pincel. 4. Observe as três ferramentas marcadas na caixa de ferramentas e assinale com V as respostas verdadeiras e com F as falsas. a) As três ferramentas são usadas para retoques em imagens bitmap. b) As ferramentas são: um tipo especial de Band-Aid, Carimbo e Borracha Rápida. c) As três ferramentas são utilizadas para seleção de imagens. d) As ferramentas 1 e 2 são para pintar e a 3 é para deletar. e) As ferramentas 1 e 2 são para retoque avançado e a 3 é para retoque rápido. 5. “Quando um arquivo é salvo em PSD, podemos a�rmar que ele poderá .” Assinale a resposta mais adequada para completar a sentença. a) ser aberto em qualquer computador, mesmo que este computador não tenha instalado o Photoshop. b) ser aberto no programa Photoshop e ser corrigido ou alterado. c) ser aberto em qualquer programa gráfico, mesmo que não seja da Adobe, e ser trabalhado normalmente. d) apresentar problemas de imagem, pois este tipo de arquivo reduz as informações. e) ser exportado por e-mail e aberto em qualquer tipo de dispositivo, inclusive móvel. NotasReferências ADOBE CREATIVE TEAM. Adobe Illustrator CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2010. ADOBE CREATIVE TEAM. Adobe InDesign CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2009. ADOBE CREATIVE TEAM. Adobe Photoshop CS4. [recurso eletrônico]. Porto Alegre: Bookman, 2009. ADOBE PHOTOSHOP. Guia do Usuário. Utilize as ferramentas Selecionar objeto, Seleção rápida ou Varinha mágica para fazer seleções rápidas no Photoshop. Disponível em: https://helpx.adobe.com/br/photoshop/using/making-quick-selections.html. Acesso em: 18 jul. 2019. GAMBA JR. Computação grá�ca para designers: dialogando com as caixas de diálogo. Rio de Janeiro: 2AB, 2003. PERSIANO, Ronaldo César Marinho. Introdução à computação grá�ca. Belo Horizonte: UFMG, 1986. SILVA, R. P. A. Computação grá�ca e editoração eletrônica. Rio de Janeiro: SESES, 2015. Próxima aula Camadas e �ltros do Photoshop; Mescla de imagens. Explore mais Video tutorial: Select part of an image. javascript:void(0); javascript:void(0);
Compartilhar