Photoshop Básico

Lição nº01

Apresentação

 

Olá. Meu nome é Cristiano Galvão, e é um prazer poder fazer parte da equipe de colunistas de tutoriais do site do Professor Júlio Battisti. Sou profissional de Informática desde 1996, e já fui instrutor de Photoshop (entre outros programas) num dos mais famosos cursos do país. Hoje me dedico especialmente a treinamentos empresariais. Paralelamente tenho atuado também na área de publicidade, tendo alguns trabalhos publicados em jornais, busdoors e outdoors. Meu primeiro contato com este fascinante programa foi em 1996, ainda na versão 2.5. De lá pra cá muita coisa mudou, e até o momento em que escrevo este material já estamos na versão CS2 (o que equivale a 9.0!).

 

Nesta série vamos abordar as noções básicas do Photoshop. Os conceitos que veremos daqui pra frente se aplicam a diversas versões do programa. Apesar de já terem lançado a versão CS2, muitas empresas ainda estão utilizando a versão CS, que equivale à 8.0.1. Por este motivo esta será a versão adotada nas primeiras lições.

 

Introdução

 

O advento da Internet forneceu mais um impulso para a área de publicidade. A velocidade dos acontecimentos, o ritmo de vida acelerado e a carga de informações a que estamos expostos são fatores que contribuem para uma valorização da imagem.

 

Hoje, mais do que nunca, o apelo visual é muito forte na mídia, e nós temos que acompanhar esta tendência. Uma imagem eficaz é aquela capaz de transmitir em poucos instantes uma idéia precisa. Graças ao Photoshop, hoje o artista tem muito mais liberdade para criar. Com um custo muito menor e num tempo muito curto, o artista de hoje é capaz de expor suas idéias de um modo que antigamente seria inviável ou até mesmo inimaginável.

Por quê o Photoshop?

 

A primeira coisa que se passa pela cabeça de alguém que pretende iniciar nesta área é o porquê de estudar o Photoshop. Se há tantos programas bons no mercado, como CorelDRAW e PageMaker, que diferencial o Photoshop pode oferecer? Antes de responder a esta pergunta, primeiramente vamos falar de dois tipos de imagem: a vetorial e a matricial (bitmap).

 

A vetorial é composta de curvas e figuras geométricas, que podem ser ampliadas e reduzidas à vontade sem perda de qualidade. São gravadas na forma de cálculos, daí sua escala poder ser alterada sem distorções. Logotipos são feitos assim.

 

Uma imagem vetorial é interpretada no momento em que é aberta. Por este motivo, trabalhos mais complexos podem demorar a abrir, já que são montados na hora.

A imagem matricial é uma tela retangular composta de vários minúsculos pontos, coloridos ou não, que são chamados de PIXELS. Juntos os pixels podem formar uma infinidade de figuras diferentes. Quanto mais pixels concentrados numa área, maior é o nível de detalhe (resolução). Fotografias são assim. Se você der um zoom para aproximar uma fotografia no computador, poderá ver os pixels dela. Se você já viu sua avó tricotando ou aquelas revistas de costura que nossas mães costumam comprar, verá uma imediata semelhança entre as imagens matriciais.

 

Respondendo então à pergunta, temos programas bem adequados a imagens vetoriais, como o CorelDRAW. Temos o Adobe Photoshop, o mais conceituado programa para retoque, montagens e tratamento de fotos do mundo (há quem diga que algumas modelos passam por uma longa sessão de Photoshop ao posarem para as revistas...). Já o PageMaker, também da Adobe, é um ótimo programa para finalizar a montagem de livros e revistas, podendo utilizar imagens feitas tanto no CorelDRAW como no Photoshop.

Conhecendo o programa

 

Agora que você já sabe a finalidade do Photoshop e tem uma noção do que ele é capaz de fazer, vamos ao trabalho. Mãos à obra! Para entrar no Adobe Photoshop você deve clicar no BOTÃO INICIAR, opção TODOS OS PROGRAMAS (ou só PROGRAMAS, dependendo do Windows), e clicar no ícone do Adobe Photoshop. Caso não o encontre, provavelmente você terá uma pasta chamada ADOBE. Clique nela e lá estará o Photoshop.

 

Segundos após clicar no ícone você poderá começar as primeiras lições. Veja que dependendo do computador, pode ser que demore um pouco a abrir. O Photoshop carrega uma série de módulos ao ser iniciado, portanto é normal essa demora.

 

 

Pronto. Na parte superior temos a barra de título. Uma das coisas que você vai perceber é que o nome do arquivo aberto não vai aparecer de imediato nesta barra. Ele só aparece se você estiver com a janela do arquivo maximizada dentro do Photoshop.

 

Logo abaixo temos a barra de menus. Algumas destas opções podem parecer familiares, como ARQUIVO, EDITAR, JANELA e AJUDA. Se você tem o costume de usar os programas do Office (Microsoft) como o Word, o Excel e o PowerPoint, verá que os comandos são bem diferentes. Isto se deve não somente ao fato do Photoshop ser um programa com um propósito diferente, mas também ao fato de ser de um FABRICANTE diferente (Adobe).

Abrindo uma imagem no Photoshop

 

Comece observando o menu ARQUIVO. O Photoshop também possui uma lista de arquivos recentemente abertos. Mas se você reparar, ela não está no final do menu. Ao invés disso há um comando chamado ABRIR RECENTE... lá sim você encontrará estes documentos.

 

Mas se você nunca usou o Photoshop neste computador, talvez queira escolher um determinado arquivo para abrir. Ainda no menu ARQUIVO, clique no comando ABRIR. Na janela do ABRIR, você terá uma opção EXAMINAR, logo no topo à esquerda. Provavelmente ela estará apontando para Meus Documentos... Você vai querer clicar aí se estiver abrindo uma imagem de CD ou disquete.

 

Escolhida a pasta, você deve clicar duas vezes no arquivo que você quer abrir. Se quiser, pode também clicar uma vez só no arquivo e uma vez no botão ABRIR, que fica mais abaixo à direita. Talvez venha a pergunta em mente: “Como é que eu faço pra saber qual é o arquivo, se eu não lembro (ou não sei) o nome?”. Simples: quando você clica uma vez no arquivo, aparece a imagem em pequena escala no painel de visualização, que fica na parte de baixo da janela. Isto evita ter que abrir um por um.

 

Essa visualização pode ser bem interessante se você tiver pelo menos uma pista do nome do arquivo. Mas de qualquer forma você ainda teria de clicar em vários arquivos até descobrir o desejado. Existe uma maneira mais eficiente de se trabalhar: ainda na janela ABRIR, há um botão chamado EXIBIR na parte superior direita. É um botão colorido, que lembra uma janela cheia de ícones. Veja:

Clique neste botão e escolha a opção MINIATURAS. Pronto. Observe a diferença:

 

 

Agora você terá uma lista de imagens, como se fosse um álbum de figurinhas. Através da barra de rolagem você agora navega por dentro de toda essa pasta, e rapidamente encontra a imagem escolhida. Para abrir, o procedimento é o mesmo: clicar duas vezes na imagem desejada, ou apenas uma vez nela e então no botão ABRIR.

 

A imagem já está na tela. Pode ser que ela não esteja bem posicionada... então você vai querer maximizá-la. Clique no botão MAXIMIZAR. Pronto. Esta é a maneira mais usada para se trabalhar com apenas uma imagem, pois fica mais fácil visualizar o conteúdo. Assim aproveita-se melhor a tela.

Enxergando de perto, bem de perto

 

 

Da próxima vez que você clicar na imagem, ela diminuirá na visualização.

 

Mas a melhor forma mesmo de se trabalhar com o zoom, é usando as teclas de atalho. Experimente: segure a tecla CTRL, e aperte as teclas de – ou de +. Você pode deixar o CTRL apertado e teclar repetidamente essas outras. Viu? É mais rápido trabalhar assim.

 

Com isso terminamos esta lição, dando os primeiros passos no uso deste poderoso programa de manipulação de imagens. Começamos falando das aplicações do Photoshop e da diferença entre outros dois programas muito famosos na área gráfica. Depois falamos como abrir um arquivo, seja ele um arquivo usado recentemente, um arquivo do qual sabemos o nome e também arquivos que aparecem em miniatura numa pasta. Ao final, você pôde observar de perto como são os pixels de uma imagem, aprendendo também duas combinações de teclas de atalho muito importantes no dia-a-dia de quem trabalha com o Photoshop.

 

Espero que tenha gostado da lição.

Bons estudos.

 

Cristiano Galvão

cristiano@galvao.pro.br

PHOTOSHOP - BÁSICO Lição 01 - Conhecendo o Photoshop Lição 02 - Navegando pelas imagens Lição 03 - Organizando o ambiente de trabalho Módulo 01 - Conceitos iniciais Módulo 02 - Ferramentas - Parte 1 Módulo 03 - Ferramentas - Parte 2 Módulo 04 - Ferramentas - Parte 3 Módulo 05 - Ferramentas - Parte 4 Módulo 06 - Ferramentas - Parte 5 Módulo 07 - Ferramentas - Parte 6 Módulo 08 - Manipulação de Cores e Trabalho com Arquivos Módulo 09 - Funcionamento das Paletas - Parte 1 Módulo 10 - Funcionamento das Paletas - Parte 2 Módulo 11 - Detalhamento da Paleta Camadas Módulo 12 - A Paleta Histórico Módulo 13 - Menu Arquivo Módulo 14 - Formatos de Arquivos Módulo 15 - Configurações de Página Módulo 16 - Menu Imagem - Parte 2 Módulo 17 - Menu Imagem - Parte 2 Módulo 18 - Menu Imagem - Parte 3 Módulo 19 - Menu Imagem - Parte 4 Módulo 20 - Menu Imagem - Parte 5 Módulo 21 - Menu Imagem - Parte 6 Módulo 22 - Menu Imagem - Parte 7 Módulo 23 - Menu Camada Módulo 24 - Menu Camada e Menu Solucionar Módulo 25 - Menu Filtro - Parte 1 Módulo 26 - Menu Filtro - Parte 2 Módulo 27 - Menu Filtro - Parte 3 Módulo 28 - Menu Filtro - Parte 4 Módulo 29 - Menu Filtro - Parte 5 Módulo 30 - Menu Filtro - Parte 6 Módulo 31 - Menu Filtro - Parte 7 Módulo 32 - Menu Filtro - Parte 8 Módulo 33 - Menu Filtro - Parte 9 Módulo 34 - Menu Filtro - Parte 9 Módulo 35 - Filtros de Estilização Módulo 36 - Filtros de Nitidez e Pixelização Módulo 37 - Filtros de Ruído e Textura Módulo 38 - Filtros de Traçados de Pincel - Parte 1 Módulo 39 - Filtros de Traçados de Pincel - Parte 2 Módulo 40 - Outras Opções de Filtros Módulo 41 - Menu Visualizar - Parte 1 Módulo 42 - Menu Visualizar - Parte 2 Módulo 43 - Menu Janela Módulo 44 - Menu Ajuda Módulo 45 - Digitalizando Figuras Módulo 46 - Exemplos Práticos Módulo 47 - Exemplos Práticos Módulo 48 - Exemplos Práticos PAGEMAKER - BÁSICO Page Maker 7.0 - Parte 01 Page Maker 7.0 - Parte 02 Page Maker 7.0 - Parte 03 Page Maker 7.0 - Parte 04 Page Maker 7.0 - Parte 05 Page Maker 7.0 - Parte 06 Page Maker 7.0 - Parte 07 Page Maker 7.0 - Parte 08 Page Maker 7.0 - Parte 09 Page Maker 7.0 - Parte 10 Page Maker 7.0 - Parte 11 Page Maker 7.0 - Parte 12 Page Maker 7.0 - Parte 13 Page Maker 7.0 - Parte 14 Page Maker 7.0 - Parte 15 Page Maker 7.0 - Parte 16 Page Maker 7.0 - Parte 17 Page Maker 7.0 - Parte 18 Page Maker 7.0 - Parte 19 Page Maker 7.0 - Parte 20 Page Maker 7.0 - Parte 21 Page Maker 7.0 - Parte 22 Page Maker 7.0 - Parte 23 COREL DRAW Conceitos Iniciais Tela do Corel Draw Caixa de Ferramentas Uso de Transformadores, Espelhamento e Rotacionamento Configurando a Área de Trabalho - Parte 1 Configurando a Área de Trabalho - Parte 2 Configurando a Área de Trabalho - Parte 3 Configurando a Área de Trabalho - Parte 4 Utilização da Régua Visualização de Trabalhos - Parte 1 Visualização de Trabalhos - Parte 2 Menus Rápidos e Barras de Ferramentas Salvando Arquivos e Objetos Selecionados Construção de Desenhos e Modelagem de Objetos - Parte 1 Construção de Desenhos e Modelagem de Objetos - Parte 2 Construção de Desenhos e Modelagem de Objetos - Parte 3 Modificando as Propriedades de um Polígno Seleção e Movimentação de Objetos - Parte 1 Seleção e Movimentação de Objetos - Parte 2 Dimensionamento de Objetos com Precisão Girando um Elemento com Precisão - Parte 1 Girando um Elemento com Precisão - Parte 2 Redefinindo a âncora de inclinação com o Centro de um Elemento Módulo Intermediário - Parte 01 - Desenhando Linhas e Curvas Módulo Intermediário - Parte 02 - A Ferramenta Bézier Módulo Intermediário - Parte 03 - Curvas em modo Pré-definido Módulo Intermediário - Parte 04 - Curvas em modo Caligráfico Módulo Intermediário - Parte 05 - Exemplificando Linhas e Objetos de Curvas Módulo Intermediário - Parte 06 - Ponto de Ancoragem de Escala Módulo Intermediário - Parte 07 - Modificando partes de um elemento de curva Módulo Intermediário - Parte 08 - Dividindo um elemento com a ferramenta Faca Módulo Intermediário - Parte 09 - Preenchendo e contornando elementos Módulo Intermediário - Parte 10 - Preenchendo Elementos Módulo Intermediário - Parte 11 - Como Gerenciar Preenchimentos Módulo Intermediário - Parte 12 - Como Trabalhar com Preenchimentos Gradientes Módulo Intermediário - Parte 13 - Criar e Salvar Preenchimentos Gradiente Personalizados Módulo Intermediário - Parte 14 - Modificando a Condição de um Preenchimento Gradiente Módulo Intermediário - Parte 15 - Modificando a Transição de um Preenchimento Gradiente Módulo Intermediário - Parte 16 - Como Trabalhar com Preenchimentos de Padrão Módulo Intermediário - Parte 17 - Trabalhando com Contornos Módulo Intermediário - Parte 18 - Colocando formas de extremidade de linha Módulo Intermediário - Parte 19 - Copiando propriedades de um elemento Módulo Intermediário - Parte 20 - Duplicando um elementos usando a duplicação inteligente Módulo Intermediário - Parte 21 - Alinhando e distribuindo elementos Módulo Intermediário - Parte 22 - Expandindo elementos horizontal e verticalmente Módulo Intermediário - Parte 23 - Trabalhando com Texto - Parte 1 Módulo Intermediário - Parte 24 - Trabalhando com Texto - Parte 2 Módulo Intermediário - Parte 25 - Trabalhando com Texto - Parte 3 Módulo Intermediário - Parte 26 - Trabalhando com Texto - Parte 4 Módulo Intermediário - Parte 27 - Trabalhando com Texto - Parte 5 Módulo Intermediário - Parte 28 - Trabalhando com Texto - Parte 6 Módulo Intermediário - Parte 29 - Trabalhando com Texto - Parte 7 Módulo Intermediário - Parte 30 - Trabalhando com Texto - Parte 8 Módulo Avançado - Parte 1 - Desenvolvendo Efeitos Especiais Módulo Avançado - Parte 2 - Alterando os Objetos Intermediários de uma Mistura Módulo Avançado - Parte 3 - Configurar o Progresso de Cores Módulo Avançado - Parte 4 - Alterando Objetos Módulo Avançado - Parte 5 - Aprendendo a editar distorções Zíper Módulo Avançado - Parte 6 - Distorção Torcer - Aajustando sua rotação Módulo Avançado - Parte 7 - Envelopes Pré-definidos Módulo Avançado - Parte 8 - Preenchimento de Extrusões Vetoriais Módulo Avançado - Parte 9 - Como Acertar a Intensidade de uma Fonte de Luz Módulo Avançado - Parte 10 - Como Editar Sombreamentos Módulo Avançado - Parte 11 - Como Dissolver o Sombreamento Módulo Avançado - Parte 12 - Colocando Contornos nos Objetos Módulo Avançado - Parte 13 - Lentes - Parte 1 Módulo Avançado - Parte 14 - Lentes - Parte 2 Módulo Avançado - Parte 15 - Lentes - Parte 3 Módulo Avançado - Parte 16 - Como Copiar a Perspectiva de um Objeto. Módulo Avançado - Parte 17 - Impressão no CorelDraw Módulo Avançado - Parte 18 - Como Imprimir Trabalhos de Impressão Grandes, Como Ladrilhos 3D Stdio MAX 3D Studio Max - Introdução 3D Studio Max - Barra de Ferramentas Lateral 3D Studio Max - Menus 3D Studio Max - Barra de Ferramentas Principal

FIREWORKS - BÁSICO Interface do Fireworks Criação de Topo para o Site Criação de Topo para o Site – Parte II Criação do Topo do Site – Parte III Misturar Imagens Criando Botões no Estilo do Windows XP Menu superior do site Menu Lateral do Site - Versão I Menu Lateral do Site - Versão II Reflexo em Imagem e Texto Montando o Corpo do Site - Parte 1 Montando o Corpo do Site - Parte 2 Efeito para títulos e textos Efeito para títulos e textos – Novo Modelo Efeito Fogo no Fireworks – Parte 1 Efeito Fogo no Fireworks – Parte II Limitar Imagens em Formas Atar ou Unir textos em letras Visualizador de Imagens – Parte 2 Visualizador de Imagens – Parte 1 Criando Desenho a partir de uma Foto Transparência em Texto Criação de Banner Animado Efeito Diferença Trabalhando com Processo em Lote Animando com o Fireworks – Parte 1 Animando com o Fireworks – Parte 2 Série Logomarca – Logo Macromedia Série Logomarca – Logo AMD Série Logomarca – Logo HSBC Série Logomarca – Logo Navegador Opera Série Logomarca – Logo Windows XP Série Logomarca – Logo Claro Série Logomarca – Logo Especial - Parte 1 Série Logomarca – Logo Especial - Parte 2 Série Logomarca – Logo Especial - 03 Série Logomarca – Logo Especial - 04 Série Logomarca – Logo Especial - 05 Série Logomarca – Logo Especial - 06 Série Logomarca – Logo Especial - 07 Série Logomarca – Logo Especial - 08 Série Logomarca – Logo Especial - 09 Série Logomarca – Logo Especial - 10 Criação de Newsletter – Parte 1 Criação de Newsletter – Parte 2 Criação e Edição de Tabelas no Fireworks – Parte 1 Criação e Edição de Tabelas no Fireworks – Parte 2 Teclas de Atalho do Fireworks Trabalhando com Máscaras Efeito Grid em 3D Imagem em Texto Modelos de Degrade – Macromedia Fireworks – Parte 1 Modelos de Degrade – Macromedia Fireworks – Parte 2 Aplicando Sombra na Perspectiva com o Fireworks Efeito em Texto – Parte 1 Efeito em Texto – Parte 2 Efeito em Fotografia Folha de Caderno pelo Fireworks Interação entre o Fireworks e o Dreamweaver para edição de imagens Série Copa 2006 – Bandeira Personalizada Série Copa 2006 – Gooool Personalizado Série Copa 2006 – Bandeira Personalizada – Modelo 02 Série Copa 2006 – Camisa do Brasil Vetorizando Imagens Criação de Newsletter – Parte 3 Criação de Newsletter – Parte 4 Série Efeitos – Parte 1 Série Efeitos – Parte 2 Série Efeitos – Parte 3 Série Efeitos – Parte 4 Série Efeitos – Parte 5 Série Efeitos – Parte 6 Série Efeitos – Parte 7 Série Efeitos – Parte 8 Série Efeitos – Parte 9 Série Efeitos – Parte 10 Série Efeitos – Parte 11 Série Efeitos – Parte 12 Série Efeitos – Parte 13 Série Efeitos – Parte 14 Série Efeitos – Parte 15 Série Efeitos – Parte 16 Série Efeitos – Parte 17 Série Efeitos – Parte 18 Série Efeitos – Parte 19 Série Efeitos – Parte 20 Série Efeitos – Parte 21 Série Efeitos – Parte 22 Série Efeitos – Parte 23 Série Efeitos – Parte 24 Série Efeitos – Parte 25 Série Efeitos – Parte 26 Série Efeitos – Parte 27 Série Efeitos – Parte 28 Série Efeitos – Parte 29 Série Efeitos – Parte 30 Série Efeitos – Parte 31 Série Efeitos – Parte 32 Série Efeitos – Parte 33 Série Efeitos – Parte 34 Série Efeitos – Parte 35 Série Efeitos – Parte 36 Série Efeitos – Parte 37 Série Efeitos – Parte 38 Série Efeitos – Parte 39 Série Efeitos – Parte 40 Série Efeitos – Parte 41 Série Efeitos – Parte 42 Série Efeitos – Parte 43 Série Efeitos – Parte 44 Série Efeitos – Parte 45 Série Efeitos – Parte 46 Série Efeitos – Parte 47 Série Efeitos – Parte 48 Série Efeitos – Parte 49 Série Efeitos – Parte 50 FIREWORKS - AVANÇADO Criando Banner com o Fireworks Criando Menu Pop-up no Fireworks Criando Botões no Fireworks Criando Banners no Fireworks FLASH - BÁSICO Conceitos Iniciais Ferramentas de Criação A Janela de Criação de Filmes Elementos Gráficos e Textos Desenhando com o Flash Criando uma Animação - Exemplo Prático Exemplos de Ferramentas Animando com o Flash Usando Máscaras e Linhas Guia Usando Movie Clips - Introdução Usando Movie Clips Para Eexibir Funções de Data Criando Botões Usando Cenas Desenhando com o Pincel Pincel, Borracha e Cores Cores Combinação, Movimentação e Transformação de Elementos Selecionados Botões do Flash Alinhamento dos Elementos na Tela Disposição e Organização dos Níveis Usando preloaders Banner Dropdown Usando a Action Load Movie Usando o compnente Scroll Pane Trabalhando com Textos - Parte 1 Trabalhando com Textos - Parte 2 Trabalhando com Bitmaps - Parte 1 Caixas de texto de Entrada e Dinâmicas Trabalhando com Bitmaps - Parte 2 Botão Liga/Desliga para Som no Flash Especialidades simples de Animação Exemplo Prático - Passo-a-passo - Parte 1 Exemplo Prático - Passo-a-passo - Parte 2 Recursos do Flash e Movimento com Interpolação Aceleração e Desaceleração Criando Menus Pop-Up Usando seu programa gráfico para criar a interface de uma página em Flash. Interpolação com modificação de Formas Símbolos - Parte 1 Símbolos - Parte 2 Criando um banner transparente Criando uma barra de botões Flash para um arquivo HTML Criando movie clips arrastáveis Criando um álbum de fotos com loadMovie Mostrando legendas num mapa com Flash Clipes de Filmes Botões Biblioteca e Guia de Recursos Máscaras e propriedades de camada Ações e cenas Mostrando Legendas em um Mapa com Flash Mouse trails no Flash