Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
Capítulo 1 – Interface Interfa ce e Ferramentas de Trabalho
1
1 O L U T Í P A C
Interface e Ferramentas de Trabalho Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
2
Photoshop CS
Introdução A Interface dos produtos Adobe busca hoje em dia facilitar o trabalho do usuário, exibindo na entrada do programa p rograma uma tela de ajuda, ou exibindo menus contextuais na parte superior, sensíveis à ferramenta que se está utilizando. Neste capítulo, veremos como utilizar ao máximo as facilidades de interface que o Photoshop CS oferece ao trabalhar com as imagens. É importante lembrar também que todos os outros software da Adobe também têm uma interface bastante bastante parecida, facilitando seu aprendizado.
Interface Ao iniciar o Photoshop, temos uma tela de abertura para facilitar o aprendizado. Clicando nos tópicos apresentados têm-se acesso a tutoriais básicos e avançados, dicas e comentários sobre os novos recursos da versão CS. Alguns destes links necessitam de acesso à Internet para se manterem atualizados. Para fechar a tela, clique em Close.
Figura 1.1
– Tela de abertura.
Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
Capítulo 1 – Interface Interfa ce e Ferramentas de Trabalho
3
Pode-se optar por deixar esta tela aparecer cada vez que o Photoshop for inicializado, mantendo a opção Show this dialog at startup clicada. Se não quiser mais ver esta tela, t ela, basta desmarcar a opção, e clicar no botão Close.
Área de Trabalho A área de trabalho do Photoshop apresenta as paletas e ferramentas disponíveis para edição de imagens.
Figura 1.2 – Área de trabalho.
Na lateral direita temos as paletas de recursos do Photoshop, onde podemos customizar opções de aplicação de recursos, selecionar cores, visualizar histórico de ações, layers (camadas) da imagem, etc. Estas paletas podem ser fechadas clicando-se no X em seu canto superior direito. É interessante manter abertas apenas as que estão sendo usadas no momento. Para exibir uma paleta, se esta estiver fechada, clique em Window Window e selecione a paleta paleta desejada. Para trazer uma paleta paleta que está atrás de
Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
4
Photoshop CS
outra para frente, clique em sua aba superior. Para ter acesso a mais opções das paletas, clique na setinha no canto superior direito da paleta, como mostrado na figura abaixo.
Figura 1.3
– Paleta.
Na lateral esquerda temos a paleta de ferramentas. Seleciona-se a ferramenta clicando no ícone correspondente. Algumas ferramentas têm ainda sub-ferramentas associadas a elas. Para visualizá-las, selecione a ferramenta e clique com o botão direito do mouse. Aparecerá então um submenu, como mostra a figura abaixo. Para escolher uma destas sub-ferramentas basta selecionar o item com o mouse e clicar nele. Na barra superior do Photoshop, podemos personalizar as sub-opções disponíveis para cada ferramenta.
Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
Capítulo 1 – Interface Interfa ce e Ferramentas de Trabalho
5
Figura 1.4 – Paleta de ferramentas.
Utilidades das Ferramentas Cada grupo de ferramentas tem uma utilidade específica, permitindo selecionar, editar, alterar cor, etc, das imagens trabalhadas. De cima para baixo, os grupos de ferramentas são, de acordo com a numeração da imagem acima: Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
6
Photoshop CS
1 – Ferramentas de de seleção e recorte. 2 – Ferramentas de edição e retoque retoque de imagens. imagens. 3 – Ferramentas de Texto Texto e desenho vetorial. vetorial. 4 – Ferramentas de comentários, seleção de cores, movimentação movimentação de imagens e zoom. 5 – Seleção Seleção de de cores cores 6 – Modos Modos de visualiza visualização ção 7 – Ir para o ImageReady ImageReady (software de criação criação para Web, Web, integrado integrado ao Photoshop). Todos os grupos de ferramentas serão explicados mais detalhadamente nos capítulos seguintes.
Criação de Documentos Ao criar um novo documento para iniciar um trabalho, o Photoshop vem agora com novos formatos f ormatos pré definidos que podemos selecionar. Se você não lembra qual o tamanho exato de um A4 ou Letter, Letter, você já pode selecionar o formato diretamente na tela de criação. Para criar um documento novo clique em File > New. A caixa de diálogo abaixo surgirá em sua tela.
Figura 1.5
– Caixa de diálogo para criação de documentos novos. Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
Capítulo 1 – Interface Interfa ce e Ferramentas de Trabalho
7
1. Selecione Selecione em Preset o formato formato desejado desejado (Letter (Letter,, Legal, Legal, A4, etc), ou se preferir especifique manualmente a largura e a altura do documento digitando os valores desejados em Width e Height. Você pode selecionar a unidade desejada, selecionando a opção à direita do valor (cm, mm, pixels, inches, etc...) Você pode ainda especificar outras configurações do documento: 1. Digite a resoluçã resoluçãoo desejada desejada do documen documento to em Resolution. Resolution. Utilize por exemplo 72 dpi (pixels/inch) (pixels/i nch) se você vai fazer algum trabalho para Web, de 150 a 300 dpi se você vai imprimir seu trabalho em uma impressora jato de tinta, e acima disso se você vai trabalhar para gráficas (Neste caso, o valor depende do trabalho. Se você precisar de uma orientação, pergunte à gráfica que vai imprimir o trabalho). Se quiser alterar posteriormente as configurações de tamanho e resolução do documento, clique na barra superior da imagem com o botão direito do mouse e selecione a opção Image Size. Digite os novos valores. Para manter a proporção do documento, mantenha a opção Constrain Proportions marcada. Se quiser aumentar apenas a área util da imagem, sem ampliar a imagem, escolha a opção Canvas Size. Se você aumentar o numero de pixels, por exemplo, o Photoshop vai aumentar o tamanho da área útil do documento, sem alterar a imagem. Se nesta caixa de diálogo você diminuir o número de pixels, o Photoshop vai recortar parte da imagem. DICA
Se você aumentar a resolução da imagem desta forma, você pode perder qualidade, por isso quando estiver escaneando uma imagem ou tirando uma foto digital, procure gerá-la já na resolução e no tamanho necessários. Não acontece perda de qualidade quando se reduz o tamanho de uma imagem, a menos que esta tenha muitos detalhes pequenos, onde o tamanho poderia ter alguma importância em sua visualização. Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
8
Photoshop CS
2. Selecione Selecione o modo de de cor em Color Color Mode. Mode. Se você você vai vai trabalhar trabalhar para Web, escolha RGB, se você pretende imprimir e enviar pra gráfica, escolha CMYK. Se você vai trabalhar com ícones, ou precisa restringir seu espaço de cores, escolha Bitmap. Se você quer trabalhar apenas com tons de cinza, escolha Grayscale, e finalmente Lab caso você precise fazer ajustes sofisticados de luminosidade. 3. Selecion Selecionee a cor de de fundo fundo do seu seu documento documento em Backgro Background. und. 4. Clique em OK para fechar fechar a caixa de diálogo diálogo e criar criar o documento. documento.
Seleção de Imagens Você pode também trabalhar em documentos já existentes.Para facilitar a visualização e escolha destes documentos e imagens, o recurso File Browser.mostra um Preview (uma pré-visualização) onde você poderá ver e selecionar as imagens em que quiser trabalhar.
Figura 1.6 – Seleção de imagens
através do File Browser.
Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
Capítulo 1 – Interface Interfa ce e Ferramentas de Trabalho
9
Para abrir o File Browser: 1. Clique Clique em em Wind Window ow > File File Brows Browser er.. 2. Para seleci selecionar onar um documento documento,, clique clique na imagem imagem exibid exibida, a, e aperte a tecla Enter. Para renomear uma imagem: 1. Clique Clique no nome (não dê duplo-c duplo-clique lique)) desta desta imagem imagem.. 2. Selecio Selecione ne clican clicando do e arrastan arrastando do com o botão botão do mouse mouse pressionando a parte do nome que você quer trocar. 3. Digi Digite te o nov novoo nom nome. e. Você pode também renomear automaticamente as imagens contidas naquele diretório: 1. No File Browser, Browser, selecione selecione todas as as imagens imagens a serem renomeadas, usando a tecla Ctrl ou Shift. 2. Clique Clique em A Auto utomat matee > Batch Batch Rena Rename me.. 3. Na caixa caixa de diálogo diálogo,, clique clique na opção opção Renam Renamee in Same Same Folder Folder para renomear e manter as imagens no mesmo diretório ou clique em Move to New Folder caso deseje mover os arquivos para outro diretório. Neste caso, clique em Browse para selecionar o diretório de destino. 4. Para defini definirr o nome nome das imagens, imagens, digite digite o nome nome do arquiv arquivoo e selecione as opções desejadas para nomeação (por exemplo um número de série – Serial Number -; um formato de data; uma letra seqüencial; extensão; etc...). Veja exemplo na imagem abaixo. Na paleta na lateral esquerda inferior você pode ver ainda várias configurações da imagem sem precisar abrí-la, como por exemplo tamanho, modo de cor, data de criação, data da última modificação, resolução e ainda pode colocar metadados para facilitar sua localização, como Descrição (Description), (Description ), Autor (Author), etc. Estes Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
10
Photoshop CS
dados podem servir para incluir seus arquivos em um sistema de gestão de conteúdo, permitindo a busca destes arquivos através de seus metadados, por exemplo.
Figura 1.7 – Caixa de diálogo para renomear
arquivos automaticamente.
Para dar zoom em uma imagem: 1. Selec Selecion ionee a fer ferram rament entaa de Zoo Zoom m
.
2. Clique Clique na imagem imagem com a ferra ferramenta menta de zoom zoom selecio selecionada nada ou ou arraste o cursor pela área que você quer ampliar com o botão do mouse pressionado. O nível máximo de ampliação da imagem é de 1600%. Você também pode usar as teclas Ctrl + para ampliar a imagem. 3. Para diminu diminuir ir a área área de visual visualizaçã izaçãoo da imagem imagem,, pression pressionee a tecla Alt. Um sinal de – aparece ap arece dentro da ferramenta de zoom. Clique na imagem ou arraste o cursor pela área que você quer ampliar com o botão do mouse pressionado e a tecla Alt ainda pressionada. Você também pode usar as teclas Ctrl - para diminuir a visualização da imagem. 4. Para voltar voltar à visual visualizaçã izaçãoo em tamanho tamanho norma normall (100%), (100%), dê um duplo-clique na ferramenta de Zoom. Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
Capítulo 1 – Interface Interfa ce e Ferramentas de Trabalho
11
5. Para que que a janela janela da da sua imagem imagem se ajuste ajuste ao zoom zoom aplicad aplicadoo selecione a opção Resize Windows to Fit na barra de opções, com a ferramenta de zoom selecionada. 6. Para ajusta ajustarr a janela janela quando quando estive estiverr usando usando as teclas teclas Ctrl + e Ctrl –, clique em Edit > Preferences > General e selecione a opção Keyboard Zoom Resizes Windows.
Resumo Rápido Interface 1. Na lateral lateral direita direita do Photosho Photoshop, p, temos temos a exibiç exibição ão das paletas paletas de recursos do Photoshop, onde podemos customizar opções de aplicação de recursos. 2. Na lateral lateral esquerda esquerda temos temos a palet paletaa de ferramenta ferramentas. s. 3. No canto canto superior superior podem podemos os visuali visualizar zar e editar editar as as sub-opçõe sub-opçõess disponíveis para cada ferramenta.
Criação de Documentos Para criar um documento novo: 1. Cliq Clique ue em File File > New New. 2. Na caixa caixa de diálogo diálogo,, selecio selecione ne as opções opções deseja desejadas das para para o documento. 3. Cli Clique que em OK. OK.
Seleção de Imagens Para abrir o File Browser: 1. Clique Clique em em Wind Window ow > File File Brows Browser er.. 2. Para seleci selecionar onar um documento documento,, clique clique na imagem imagem exibid exibida, a, e aperte a tecla Enter. Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/
Leia livros sobre Photoshop na Livraria Cultura: http://www.livrariacultura.com.br/scripts/cultura/externo/inde http://www.livrariacultura.com.br/s cripts/cultura/externo/index.asp?id_link=5 x.asp?id_link=5081&tipo=14&p1 081&tipo=14&p1=Adobe&p2=P =Adobe&p2=Photoshop hotoshop
12
Photoshop CS
Para renomear uma imagem: 1. Clique Clique no nome nome (não dê duplo-c duplo-clique lique)) desta desta imagem imagem.. 2. Selecion Selecionee a parte parte do do nome nome que você quer trocar trocar.. 3. Digi Digite te o nov novoo nom nome. e. Para renomear automaticamente vários arquivos: 1. No File Browser, Browser, selecione selecione todas as as imagens imagens a serem renomeadas. 2. Clique Clique em A Auto utomat matee > Batch Batch Rena Rename. me. 3. Na caixa caixa de diálog diálogo, o, clique clique na opção opção Renam Renamee in Same Same Folder Folder ou na opção Move to New Folder de acordo com o local onde você deseja manter as imagens. 4. Para defin definir ir o nome nome das das imagens, imagens, digite digite o nome nome do arquivo arquivo e selecione as opções desejadas. Para dar zoom em uma imagem: 1. Selec Selecion ionee a ferr ferrame amenta nta de Zoom Zoom.. 2. Clique Clique na image imagem m com a ferramen ferramenta ta de zoom zoom selec selecionad ionada, a, arraste o cursor pela área que você quer ampliar com o botão do mouse pressionado ou use as teclas Ctrl +. 3. Para diminui diminuirr a área de visualiza visualização ção da imagem, imagem, pressi pressione one a tecla Alt. Clique na imagem, arraste o cursor pela área que você quer ampliar com o botão do mouse ou use as teclas Ctrl – . 4. Para voltar voltar à visual visualizaç ização ão em taman tamanho ho normal normal (100%), (100%), dê um duplo-clique na ferramenta de Zoom. 5. Para que que a janela janela da da sua image imagem m se ajuste ajuste ao zoom zoom aplicado aplicado selecione a opção Resize Windows Windows to Fit na barra de opções, com a ferramenta de zoom selecionada. 6. Para ajusta ajustarr a janela janela quando quando estiver estiver usando usando as as teclas teclas Ctrl Ctrl + e Ctrl -, clique em Edit > Preferences > General e selecione a opção Keyboard Zoom Resizes Windows. Conheça meus sites: http://usando-photoshop.blogspot.com/ http://marketing-e-inovacao.blogspot.com/ http://impressoes-de-viagens.blogspot.com/