Curso de Arquitetura e Urbanismo - Disciplina de Informática II

Informática II
Tutorial de PhotoShop

Autora:
Cecília Amélia Santos Franco
Outubro 2005

Profa.: Cecília A. Santos Franco

1

Curso de Arquitetura e Urbanismo - Disciplina de Informática II

Curso Intensivo de PhotoShop
Índice

Introdução............................................................................................................................7
Lição n.º 1...........................................................................................................................7
PARTE 1 – DOMINAR O BÁSICO DO PHOTOSHOP........................................................7
Menus ..................................................................................................................................7
Menus de barra do PhotoShop: ...........................................................................................7
Barra de Ferramentas..........................................................................................................7
Janelas auxiliares ................................................................................................................8
Configurações iniciais ..........................................................................................................9
General ..........................................................................................................................10
Interpolation ...................................................................................................................10
Export Clipboard ............................................................................................................10
Show Tool Tips ..............................................................................................................10
Zoom Resizes Window...................................................................................................10
Auto-update open documents ........................................................................................10
Beep When Done ...........................................................................................................11
Dynamic Color Sliders....................................................................................................11
Save Caixa de diálogo Locations ...................................................................................11
File Handling......................................................................................................................11
Image Previews..............................................................................................................11
File Extension.................................................................................................................11
Display & Cursors ..............................................................................................................12
Color Channels in Color .................................................................................................12
Use Diffusion Dither .......................................................................................................12
Painting Cursors.............................................................................................................12
Other Cursors.................................................................................................................12
Transparency & Gamut......................................................................................................12
Grid Size ........................................................................................................................13
Grid Colors .....................................................................................................................13
Use video alpha (requires hardware support).............................................................13
Units & Rulers....................................................................................................................13
Rulers Units....................................................................................................................13
Column Size...................................................................................................................14
Point/Pica Size ...............................................................................................................14
Guides, Grid & Slices .....................................................................................................14
Grid ................................................................................................................................14
Plug-Ins & Scratch Disks ...................................................................................................15
Plug-Ins Folder...............................................................................................................15
Memory & Image Cache.................................................................................................16
Cache Settings ...............................................................................................................16
Physical Memory Usage.................................................................................................16
Criar um novo documento..................................................................................................16
Name..............................................................................................................................17
Width ..............................................................................................................................17
Height.............................................................................................................................17
Resolution ......................................................................................................................17
Profa.: Cecília A. Santos Franco

2

Curso de Arquitetura e Urbanismo - Disciplina de Informática II

Resolução de arquivo ........................................................................................................18
Resolução de tela ..............................................................................................................18
Resolução de impressão ...................................................................................................19
Mode..................................................................................................................................19
Mode Bitmap ..................................................................................................................19
Mode Grayscale (Escala de Cinzas) ..............................................................................19
Mode RGB Color ............................................................................................................19
Mode CMYK Color .........................................................................................................19
Mode Lab Color..............................................................................................................20
Background Contents (Conteúdo do fundo de tela)...........................................................20
Ferramentas de desenho...................................................................................................20
Escolher a cor....................................................................................................................20
Caixa de diálogo Color ......................................................................................................21
Caixa de diálogo Swatches................................................................................................21
Escolher a espessura do traço ..........................................................................................21
Caixa de diálogo Brushes ..............................................................................................21
Brush Tool......................................................................................................................22
Mode ..............................................................................................................................22
Opacity ...........................................................................................................................23
Fade ...............................................................................................................................23
Wet Media Brushes ........................................................................................................23
Fade to: ..........................................................................................................................23
Pencil Tool .........................................................................................................................24
Auto Erase .........................................................................................................................25
Enganos e alternativas ......................................................................................................25
Undo...............................................................................................................................25
Caixa de diálogo History ................................................................................................25
Create new document from current state .......................................................................26
Create new snapshot .....................................................................................................26
Delete current state ........................................................................................................26
Lição n.º 2.........................................................................................................................26
Assuntos abordados:......................................................................................................26
PARTE 1 – DOMINAR O BÁSICO DO PHOTOSHOP (continuação)............................26

Ferramentas de seleção .........................................................................................26

Layers .....................................................................................................................26

Texto .......................................................................................................................26
Ferramentas de seleção ....................................................................................................27
Retangular Marquee Tool...............................................................................................27
Adicionar uma seleção à existente.................................................................................27
Subtrair uma seleção à existente ...................................................................................27
Manter a largura e a altura da seleção iguais ................................................................27
Rectangular Marquee Tool Options ...................................................................................27
Style Normal...................................................................................................................27
Style Constrained Aspect Ratio......................................................................................28
Style Fixed Size .............................................................................................................28
Elliptical Marquee Tool.......................................................................................................28
Magic Wand Tool...............................................................................................................28
Layers ................................................................................................................................29
Normal............................................................................................................................30
Profa.: Cecília A. Santos Franco

3

.....................................................33 Scale .......................................................................32 Tracking ....................................................................................................33 Assuntos abordados:.............................................................................................................................................................................................................................................................................Disciplina de Informática II Dissolve........35 Rotate 90º CW .................................................................30 Hard Light....................................................................31 Opacity .............................................................................................................Curso de Arquitetura e Urbanismo ..........................................................................30 Multiply .......................................33 • A importância dos preliminares .................................................................................................................34 Perspective .........................................................................................................................31 Texto.........: Cecília A.................................................................35 Um exemplo do uso das ferramentas de transformação .........................................................32 Anti-Alias ................................................................................................................................................32 Leading ....35 Paths e curvas de Bézier ......................30 Color Dodge ........................................................................................................................................31 Criar e apagar Layers..............................................33 Transformar o conteúdo de uma layer ou seleção ..........................................30 Soft Light .........................................................................31 Color................................................................................................................º 3....................................33 PARTE 2 – CÂMARA ESCURA ..................................34 Distort................................................................................................................................................................. Santos Franco 4 ............................................................................................................31 Preserve Transparency ...............................................................................................................33 Transformações e alinhamentos.31 Trocar as posições das Layers entre si...................................................................................................................................................................32 Baseline ..........................................33 • Paths e curvas de Bézier ......................................................35 Flip Horizontal ..............................................................................................................................................30 Screen................31 Luminosity .............................................................................................................................................................................................................................................................................................................................................................................................................................33 Lição n..................................................................................................................................................................................................................................................................39 Profa.......................................................................................33 PARTE 1 – DOMINAR O BÁSICO DO PHOTOSHOP (continuação).......................................................................................................................30 Difference..................................................32 Color.......................................................................................................................................................................34 Rotate..31 Hue...........................................................................................31 Font ..............................................................................................................31 Saturation.................................................................................................................................................................................................35 Rotate 180º .................................................................................................................................................................................................................................................................................................................................31 Exclusion....................................33 • Transformações e alinhamentos ............................................................35 Rotate 90º CCW.............................................................................................................................................32 Alterar texto já introduzido .......33 • Análise dos parâmetros de imagem...............30 Overlay...............................................................................................................................34 Skew ...................................................................................................................................................................................................................................................................................................35 Flip Vertical ...............32 Create Warped Text ................32 Size .....................................................................................................................

.....................49 PARTE 4 – ORIENTAÇÕES PARA A WEB............................................................................................................39 Direct Selection Tool (Ajustar as curvas desenhadas) .............................................................................................................................49 • Imagens para fundos de páginas ................................................................................................................................................................44 Zona de claridade ...........................................................................................................................................................................................................................58 JPEG .............................................................41 Loads path as a selection..............................................................................................................................................................................59 Baseline Optimized ..............................................................49 Assuntos abordados:................................................................................: Cecília A..........................................................................................................................................52 Airbrush Tool ...........................................................40 Convert Point Tool ............................................................................44 Lição n.....42 PNG ................................................................................................................................................................................................................................................................................................58 Baseline (“Standard”) ...............................43 Zona de sombra ..............................................................42 TIFF.........................41 Formatos fidedignos .....................................................................................................................................49 Criar a partir do nada ..........................................................................45 Assuntos abordados:....................................41 Makes work path from selection...........................................................................................................................................................................45 • Duotone: o toque de mestre............................................49 PARTE 3 – MUNDOS IMAGINÁRIOS ..................................................45 PARTE 2 – CÂMARA ESCURA (continuação) ..................................................................................................................................................................................................................................................................................................................................................45 O mundo a preto e branco ........................................................................................................... Santos Franco 5 .................49 • GIF’s transparentes..........................58 Format Options ........º 4...........................................................42 Histograma ................................................................................................45 • O mundo a preto e branco ....................................................................................42 Análise dos parâmetros de imagem ........................................................................49 Linear Gradient Tool ............................................................................41 Deletes current path .............................................................................................................................................................................................................................56 Os formatos da web e a sua otimização .........58 Image Options.......................................................º 5..42 Formatos degenerativos ....................................................................................41 Strokes path with foreground color...............59 Profa................................41 Creates new path ..41 A importância dos preliminares.................................................55 Burn Tool .........................................................................................48 Qual o formato de gravação? ...................49 Lição n.............................................................................47 PANTONE e códigos de cores ......................................................................Disciplina de Informática II Desenhar segmentos de reta ........................................49 • Os formatos da web e a sua otimização ...........39 Desenhar curvas .............49 Criar a partir do nada ........41 BMP ..........................45 Duotone: o toque de mestre ....................................................................45 • Qual o formato de gravação?..............................Curso de Arquitetura e Urbanismo .................................................................................................................................40 Fills path with foreground color ................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

.........................................................................................................................................................................................................................................60 Palette Custom.........................................................60 Palette Web.......................................................................................................................................................................................................................................................................................................................................................................................................................................................61 Forced .......................................................61 Palette Previous .............................................................Curso de Arquitetura e Urbanismo ................................................................................61 Dither..........................................................................................................................60 Palette System (Macintosh) ...................................61 Preserve Exact Colors..........................................................................62 Imagens para fundos de páginas............................................................61 Amount............59 Size .........................................................................................................................................................................61 GIF’s transparentes ........................................................................................................................................................................................................................................ Santos Franco 6 ........................................................................60 Palette Adaptive ........................................................................................60 Palette System (Windows) ......................................................................................................................................................................59 Palette Exact ..............................61 Colors..: Cecília A......................................60 Palette Uniform ................62 Profa.............................61 Dither Pattern ..................................................................................................................................................61 Dither None ..........61 Dither Diffusion ................................................59 GIF.....Disciplina de Informática II Progressive ...........................................................................

mas também ferramentas de exposição.Disciplina de Informática II Introdução Photoshop é um programa da Adobe Systems Incorporated. O Photoshop é útil para todos os usuários. Edit – operações de edição (copiar. Barra de Ferramentas Nesta área da aplicação encontram-se todas as ferramentas que podem ser usadas no Photoshop. lápis.: Cecília A. Select – operações com seleções definidas. aplicação de filtros. Lição n. Layer – operações com camadas (layers).Curso de Arquitetura e Urbanismo . borrachas. desfocar. View – opções de visualização.. colar.Menus do PhotoShop • • • • • • • • • File – operações e preferências do programa. Menus de barra do PhotoShop: Imagem 1 .. Image – opções e controle dos parâmetros de imagem. considerado na indústria como a ferramenta padrão para manipulação digital de imagens. Help – ajuda do Photoshop.º 1 Assuntos abordados: PARTE 1 – DOMINAR O BÁSICO DO PHOTOSHOP • O ambiente de trabalho e as configurações iniciais • Criar um novo documento • Ferramentas de desenho • Enganos e alternativas O ambiente de trabalho e as configurações iniciais O ambiente de trabalho do Photoshop é profundamente configurável e divide-se em três zonas distintas: menus. cortar. quer estes tenham os seus interesses direcionados para apresentações multimídia. Menus São semelhantes a outras aplicações Windows e o seu modo de funcionamento é equivalente.). Profa. web ou impressão. barras de ferramentas e janelas auxiliares. etc. Santos Franco 7 . Window – controle das janelas auxiliares e da barra de ferramentas. Filter – aplicação de filtros (transformações) em imagens. Existem ferramentas de pintor e de fotógrafo: pincéis.

Barras de Ferramentas As ferramentas que ocultam um grupo são representadas com uma seta pequena no canto inferior direito. estendendo as suas capacidades e proporcionando outras definições de parâmetros como cores. fazem a troca para preto e branco dessas cores. e espessuras de traço para as ferramentas de desenho). clique demoradamente com o botão esquerdo do mouse na ferramenta para expandir o sub-menu e depois. O quarto de círculo com setas nas pontas. Santos Franco 8 .Disciplina de Informática II As ferramentas podem existir individualmente ou pertencerem a agrupamentos. As janelas podem e devem ser agrupadas em conjuntos de abas numa única janela. Janelas auxiliares São um complemento às ferramentas. opções da ferramenta ativa. ♦ Color / Swatches Profa. Os conjuntos sugeridos são: ♦ Info / Options / Brushes à (informações de localização. Para selecionar uma ferramenta de um determinado grupo. Para selecionar uma ferramenta. Os quadrados pequenos perto das cores de primeiro e segundo plano. troca as cores de primeiro e segundo plano. Planos Modo Quick Mask Visualização Ir para Image Ready Imagem 2 . ainda com o botão do mouse pressionado. basta fazer clique com o botão esquerdo do mouse no ícone do comando escolhido.: Cecília A.mova-o para a ferramenta desejada. Atualização on-line do PhotoShop Comandos do PhotoShop Sub-Menu da Barra de Ferramentas Cores do 1º. ou entrar com a tecla de atalho do teclado.Curso de Arquitetura e Urbanismo . camadas (layers) ou canais existentes numa imagem. largando o botão do mouse sobre o comando escolhido em seguida. e 2º.

A aba juntar-se-á às outras abas contidas nessa janela. Abas da janela Imagem 3 .Janelas Auxiliares: Layers / Channels / Paths Configurações iniciais Antes de iniciarmos o trabalho no PhotoShop vamos fazer algumas configurações para agilizar o trabalho. Para retirar uma aba de uma janela. CTRL + 2. escolha Edit > Preferences > General… ou utilize como atalho CTRL + K.Disciplina de Informática II à (manipulação de cores. CTRL + 8. idem. largue-a.Curso de Arquitetura e Urbanismo . ou pressionando Next . ♦ H  istory / Actions à (história dos procedimentos efetuados. clique com o botão do mouse na a etiqueta da aba da janela. Para fazer configurações do Photoshop.: Cecília A. …. É criada uma nova janela apenas com essa aba. largando-a na área de trabalho. Profa. idem). cores pré-definidas). Você poderá navegar depois entre cada uma das oito janelas de configuração utilizando os atalhos CTRL + 1. arrastando-a na direção da janela pretendida e sobre esta (quando o bordo ficar negro). Para juntar uma aba a um conjunto existente. ♦ Layers / Channels / Paths à (idem. Santos Franco 9 . clique com o botão esquerdo do mouse na etiqueta da aba e arraste-a para fora da janela. gravação e leitura de procedimentos).

Não marque esta opção. pois é a que fornece melhores resultados. Bicubic Smoother e Bicubic Sharper. Bilinear. Você terá maior controle sobre os documentos e poderá corrigir a gravação de uma alteração indesejável. o que facilitará o seu trabalho. pois ela permite que você veja comentários acerca das ferramentas utilizadas. Export Clipboard Marcar esta opção se pretender copiar o conteúdo total ou parcial de uma imagem no Photoshop para outra aplicação (por exemplo. Deverá utilizar a do Photoshop. pode ser automaticamente atualizado. Tem dois tipos à escolha: Photoshop ou Windows. Os métodos de algoritmo disponíveis são: Nearest Neighbor (Faster). Profa.: Cecília A. Zoom Resizes Window O zoom redimensiona a janela da imagem. achará esta opção bastante útil.Curso de Arquitetura e Urbanismo . Show Tool Tips Se for um novato do Photoshop. Bicubic (Better). O Photoshop será obrigado a perguntar-lhe o que deseja fazer. Santos Franco 10 . considere apenas a hipótese Bicubic. Auto-update open documents Quando um documento sofre alterações dentro ou fora do Photoshop.Preferences > General Color Picker Ferramenta para escolher cores num documento. Se a sua máquina tiver uma boa configuração.Disciplina de Informática II General Imagem 4 . Interpolation Algoritmo utilizado para o cálculo de novos pixels quando do redimensionamento de imagens. pois é a que permite mais controle e tem maior número de opções. Word).

nomeadamente com outros sistemas operativos ou quando grava imagens para colocar na Web. Ela lhe permite ver interativamente a cor à medida que você ajunta-la. podem demorar. utilize a primeira opção. File Handling Esta caixa de diálogo permite configurar a forma como o Photoshop trata a gravação de arquivos. Image Previews O Photoshop pode gravar uma pequena amostra juntamente com a imagem que servirá como previsão do documento quando da sua abertura. Para evitar dissabores. As opções são Never Save. na caixa de diálogo Color.: Cecília A. File Extension Aqui. as opções são: Use Lower Case e Use Upper Case. Always Save e Ask When Saving. As facilidades concedidas pela previsão dos documentos Photoshop compensam muito o pequeno aumento do número de bytes em cada arquivo que esta opção introduz. Certos filtros que se aplicam em imagens. Santos Franco 11 .Disciplina de Informática II Beep When Done Uma opção útil para computadores mais antigos. Save Caixa de diálogo Locations Utilize esta opção se pretender que o Photoshop recorde as caixa de diálogos visíveis e a sua localização. Dynamic Color Sliders Marque esta opção. Imagem 5 . Também faz com que a imagem apareça sob o estilo de ícone no link nas janelas normais do Windows.Curso de Arquitetura e Urbanismo . Vejamos as opções disponíveis e quais as que deverá escolher. Um aviso sonoro irá avisá-lo da conclusão da tarefa.Preferences > File Handling Profa.

Other Cursors Em outros cursores englobam-se as ferramentas de seleção. Brush Size mostra o tamanho real do pincel utilizado para a pintura.Curso de Arquitetura e Urbanismo . marcação. cada um dos canais será visualizado como uma escala de cinza. utiliza uma cruz que indica o ponto central de aplicação da ferramenta de pintura. Parece ser esta última a escolha mais acertada. Precise. Precise e Brush Size. A forma do cursor permitirá maior controle sobre a função. Color Channels in Color Afeta a forma de visualização dos canais (o sistema RGB por exemplo. o canal Vermelho aparecerá em gradação de vermelho. posicionamento.Disciplina de Informática II Display & Cursors Esta janela de diálogo ajuda-o a configurar o modo de visualização e o tipo de cursores utilizados. Green e Blue). Transparency & Gamut Esta janela lida com a forma de representar a transparência numa imagem e com a cor que avisa quais as áreas de uma imagem que saem do campo de cores possíveis de representar pela impressora. Este modo de visualização não é o mais aconselhado porque a cor por vezes impossibilita a detecção de pormenores (incorreções) na imagem. Santos Franco 12 . Painting Cursors Define-se o tipo de cursor a ser utilizado: Standard. tem três canais: Red. Marcando esta caixa. Não marcando esta caixa. o canal verde em gradação de verde.Preferences > Display & Colors Use Diffusion Dither O método Diffusion Dither é bastante útil na obtenção de bons resultados em imagens de cores indexadas. etc. Não permite muito controle sobre o que se faz. escolha esta última. de modo que poderá ver de antemão qual o resultado do traço.: Cecília A. Profa. etc. Imagem 6 . Das opções Standard ou Precise. O modo Standard mostra o cursor como um ícone.

Use video alpha (requires hardware support) Não selecione esta opção. Large (Grande). Units & Rulers Como o próprio nome indica. Grid Colors As cores para essa grade estão disponíveis nesta opção. esta caixa de diálogo controla as unidades de medida utilizadas no Photoshop e as suas réguas.Curso de Arquitetura e Urbanismo . Medium (Média).Preferences > Transparency & Gamut Grid Size Pode escolher qual o tamanho da grade que aparece nas áreas transparentes da imagem. Santos Franco 13 . Se os nossos interesses se situassem no âmbito da impressão. escolheremos pixels. Rulers Units Define-se as unidades de medida das réguas. Os dois quadrados situados abaixo lhe permitem personalizar esta opção.Disciplina de Informática II Imagem 7 . Como o nosso principal objetivo é trabalhar para a web ou multimídia. deveríamos considerar a hipótese de trabalhar com centímetros (ou polegadas). As opções são: None (nenhuma). Small (Pequena).: Cecília A. Profa. Clique em cada um deles e escolha a cor que mais lhe convier.

siga os conselhos do Photoshop: • Color: Custom (Cinzento médio: R=128.: Cecília A. Guides.Disciplina de Informática II Imagem 8 . • Gutter: 12 points.Curso de Arquitetura e Urbanismo .Preferences > Units & Rulers Column Size Mantenha os valores por default: • Width: 180 points. Guides Define os atributos das guias. G=128. Grid & Slices Define a aparência das guias e das grades utilizadas nos documentos. Profa. É boa idéia manter as opções padrão do Photoshop nesta matéria: • Color: Light Blue. B=128). Grid Novamente. Santos Franco 14 . • Stile: Lines. Point/Pica Size Escolha a opção PostScript (72points/inch). • Style: Lines.

Preferences > Guides. • Subdivisions: 4 Plug-Ins & Scratch Disks Imagem 10 .Disciplina de Informática II Imagem 9 .: Cecília A. Santos Franco 15 . Profa.Curso de Arquitetura e Urbanismo . Grid & Slices Como medidas para a grade. aconselha-se o seguinte: • Gridline every: 20 pixels. Este diretório dependerá obrigatoriamente da configuração utilizada durante a instalação do Photoshop.Preferences > Plug-Ins & Scratch Disks Plug-Ins Folder Ao pressionar o botão Choose… pode definir o diretório de onde o Photoshop irá carregar os plug-ins – pequenos programas que utiliza para aplicar filtros e conversões às imagens.

.Preferences > Memory & Image Cache Cache Settings Define-se a memória cache e. Criar um novo documento Vamos começar o trabalho agora que já configuramos a nossa mesa de trabalho (o Photoshop). Memory & Image Cache Imagem 11 . mais concretamente. Note novamente que estas alterações só ocorrem assim que reinicializar o programa. Santos Franco 16 .. Agora vamos começar a trabalhar em um projeto no PhotoShop.Disciplina de Informática II Scratch Disks Com esta opção poderá definir até quatro discos independentes para trabalhar com o Photoshop. Nosso objetivo é introduzir as ferramentas necessárias na criação e edição de imagens no programa.: Cecília A. Mantenha o sugerido pelo Photoshop: quatro. Physical Memory Usage Se não quiser ver o Photoshop a comer muitos recursos ao seu computador. quantos níveis ela terá. Vamos criar um novo documento no Photoshop: File > New. ou CTRL+N Profa.Curso de Arquitetura e Urbanismo . Note que as modificações só tomarão efeito quando reinicializar o programa. coloque 50% (politicamente corretos). Utilize também a cache para os histogramas.

Para o exemplo que se segue. Quanto maior o número de pixels por polegada mais nítida será a imagem. utilizou-se o valor 72 pixels/inch. Isto é. Lembre-se que um sistema operativo (Windows. utilizou-se o valor 400 pixels. Santos Franco 17 . Por default. estaremos definindo o tamanho da imagem em número de pixels no sentido horizontal e número de pixels no sentido vertical da imagem. Width Especifica-se a largura do documento na unidade de medida que aparece na lista de seleção.Menu File > New (CTRL + N) Name Pode desde já começar por definir um nome para o seu documento. para cada polegada da imagem deverá haver 72 pixels. utilizou-se o valor 500 pixels. o Photoshop recorre à unidade escolhida nas preferências. A unidade elementar da imagem.: Cecília A. Por default. Resolution Para o exemplo que se segue. introduzindo-o neste campo. 800x600. 1024x768.) e estas vêm referidas em pixels. Ao trabalharmos com imagens que devam ser vistas no monitor (como é o caso da web ou das aplicações multimídia).Disciplina de Informática II Imagem 12 . Image Size O tamanho da imagem (em Kbytes) é atualizado interativamente e dependerá dos quatro parâmetros que irão ser referidos a seguir. o Photoshop recorre à unidade escolhida nas preferências. etc. pixel. Profa. Macintosh ou Linux) trabalha sempre com uma determinada dimensão de imagem (600x400. Para o exemplo que se segue.Curso de Arquitetura e Urbanismo . (definimos os pixels como unidades de medida nas preferências do Photoshop). isto significa que a resolução será maior. é um ponto da imagem que terá uma cor determinada. Height Especifica-se a altura do documento na unidade de medida que aparece na lista de seleção.

teremos três tipos de resolução a utilizar: resolução de arquivo. não traz muitas conveniências: a imagem aparecerá maior na tela.Disciplina de Informática II 72 dpi 10 dpi Imagem 13 . pontos por polegada . Resolução em demasia serve. Aumentar a resolução da imagem. a imagem de 100 dpi terá melhor definição na impressora do que a de 72 dpi. parece fora de foco e o texto não está legível. é crucial utilizarmos a resolução certa nas imagens digitalizadas. Uma resolução razoável de arquivo será 600 dpi (dpi é o acrônimo de dots per inch. A resolução é diretamente proporcional ao tamanho do arquivo. Profa. Para isto deveremos saber a resolução correta para cada tipo de utilização da imagem digital. resultando numa imagem degenerada de baixa qualidade. resolução de tela e resolução de impressão. para 100 dpi. Qual será então a resolução certa? Depende! Se quisermos encarar as coisas de um ponto de vista profissional. ronda os 72 dpi. apenas para gastar espaço em disco. mas tamanhos iguais na impressora. Uma imagem de 72 dpi e outra de 100 dpi terão tamanhos diferentes na tela. A resolução de tela universalmente aceita. a imagem da direita. resultando numa imagem degenerada (porque contém menos pixels) mas de melhor qualidade do que se obtém no processo de aumento de resolução. Aumentar a resolução de uma imagem com baixa resolução. )em português designa-se por ppp. Diminuindo a resolução de uma imagem de alta resolução. Resolução de arquivo Deve ser a maior de todas. já que esta necessita de uma área maior para poder representar toda a informação. portanto. digamos. Uma biblioteca de imagens deve conter arquivos fidedignos guardados com uma resolução superior à que se possa vir a utilizar em futuras alterações ao arquivo.Resoluções diferentes em imagens Note que no exemplo acima. recalculam-se os pixels tendo por base a informação já existente. o que representa o número de pontos existentes numa polegada da imagem). na maior parte das vezes.Curso de Arquitetura e Urbanismo . introduz dados que não pertencem ao arquivo original. com menor resolução dpi = Pontos por Polegada). Evidentemente.: Cecília A. Santos Franco 18 . Resolução de tela É a mais baixa das resoluções e isto porque o monitor não suporta o mesmo nível de resolução que uma impressora (mesmo das mais baratas).

Mode Bitmap Utiliza apenas duas cores e recorre ao efeito dither para as diferentes tonalidades. as cores são obtidas por mistura subtrativa (mistura em que as cores intervenientes degradam as suas propriedades). 150 dpi resulta numa impressão rápida e de qualidade. Imagem 14 . Carmim.Disciplina de Informática II Resolução de impressão Depende da impressora que for utilizar. Não é necessário converter todas as imagens a serem impressas para este formato. Mode Grayscale (Escala de Cinzas) Utiliza uma escala de 256 tons de cinza que variam desde o branco até ao preto. Green. Verde e Azul (Red. de fato. a impressora utiliza quatro cartuchos de tinta (existem impressoras que geram o preto a partir das três primeiras cores e por isso só possuem três cartuchos) para produzir todas as outras cores: Azul Ciano.Curso de Arquitetura e Urbanismo . o verde à custa do ciano e do amarelo. por exemplo. As restantes cores do espectro visível são geradas pela maior ou menor intensidade de luz de cada uma das cores básicas. Mode Em Mode define-se o esquema de cores a ser utilizado pelo Photoshop no novo documento. Aqui.Modo de cor RGB Mode CMYK Color Tira partido da forma como as imagens são geradas nas impressoras. Amarelo e Preto (Cyan Magenta Yellow BlacK). Mode RGB Color Tira partido da forma como as imagens são geradas nos monitores dos computadores. se uma impressora suporta 600 dpi de resolução. Estas cores fundamentais variam em percentagem desde o zero (ausência de tinta) a 100% (tinta pura). Esta intensidade pode variar entre zero (apagada) e 255 (totalmente acesa). dita que você deverá utilizar uma imagem com metade da resolução anunciada pela impressora. Na maior parte das vezes. A combinação das três cores básicas gera o sistema true color: 256 x 256 x 256 = 224. Blue). a conversão dos três feixes de luz gera o branco e a ausência das três luzes gera o preto). Por exemplo. Santos Franco 19 . Os olhos humanos encarregam-se de produzir.: Cecília A. o ideal será enviar-lhe uma imagem de 300 dpi. Uma boa regra a seguir. existem cores no sistema RGB que não podem ser obtidas Profa. porém. A tela dos monitores é revestida por um número infindável de células. cada qual com três fosforescências distintas: Vermelho. A mistura de cores através destas três luzes é denominada de mistura aditiva (mistura em que as cores intervenientes somam as suas propriedades). as impressoras possuem algoritmos para isso.

seja equivalente ao resultado da impressão. Escolher a cor A cor pode ser escolhida de várias formas: Profa. a espessura do traço e finalmente escolhe-se a ferramenta pretendida.Modo de cor Lab Color Background Contents (Conteúdo do fundo de tela) Você pode iniciar a sua imagem tendo como pano de fundo uma de três alternativas: branco. Imagem 15 . Mais à frente neste documento. É utilizado internamente pelo Photoshop para mudança entre sistemas de cores. segundo a horizontal b. Azul e Vermelho. Para referir-se a uma cor específica.Curso de Arquitetura e Urbanismo . você aprenderá a obter fotografias em preto e branco a partir do seu equivalente em cores. a cor que neste momento estiver definida como cor de segundo plano (fundo) e finalmente o transparente. que toma valores negativos no terceiro e quarto quadrantes.: Cecília A. utilizando o sistema Lab Color. que toma valores negativos no segundo e terceiro quadrantes. convém trabalhar neste último sistema para que o que vir na tela.Mode de cor CMYK Mode Lab Color Aborda as cores de uma forma diferente das anteriores: dispõe todo o espectro puro dentro de um círculo. Este modelo possui uma terceira dimensão (naturalmente perpendicular ao plano do círculo cromático) em cujo eixo se desenvolve a luminância de todas as cores.Disciplina de Informática II pelo sistema CMYK. Imagem 16 . Se planejar utilizar no seu trabalho de impressão. onde aos quatro quadrantes correspondem as cores Amarelo. Ferramentas de desenho No Photoshop existem várias ferramentas de desenho e todas funcionam de modo semelhante: primeiro escolhe-se a cor a utilizar. É esta faceta que torna o sistema Lab Color bastante útil. Santos Franco 20 . deve dar-se duas coordenadas que corresponderão a um ponto dentro do círculo: segundo a vertical a. Verde.

Você poderá mover as barras ou alterar os valores numéricos de cada um dos canais até obter a cor pretendida. Varia segundo o formato da imagem. Profa.: Cecília A.Caixa de diálogo Swatches Para escolher uma determinada cor deste conjunto. Santos Franco 21 .Disciplina de Informática II Caixa de diálogo Color Esta caixa de diálogo (Window > Show Color) permite-lhe definir interativamente uma determinada cor. Caixa de diálogo Swatches Esta caixa de diálogo (Window > Show Swatches) contém uma série de cores predefinidas do Photoshop. Caixa de diálogo Brushes Esta caixa de diálogo (Window > Show Brushes) permite selecionar o bico (ou pincel) a utilizar no desenho. Escolher a espessura do traço Este é o parâmetro que define a grossura das linhas do desenho e a sua aparência. basta clicar o mouse sobre o quadrado da cor pretendida. ajustando as barras que variam a intensidade das suas componentes. Imagem 17 . e como o formato da imagem é RGB. Imagem 18 .Curso de Arquitetura e Urbanismo .Caixa de diálogo Color Neste caso. a caixa de diálogo mostra por default as barras com as componentes RGB.

posicione o mouse no local pretendido e desenhará o traço arrastando o mouse com o botão esquerdo pressionado. etc. Brush Tool É a ferramenta do Photoshop equivalente ao pincel de um artista. Multiply. Estão à sua escolha todos os modos de layer: Normal. Para obter as opções desta ferramenta. basta clicar com o mouse sobre o pincel pretendido. Profa. Imagem 20 .Brush Tool Para pintar.Brush Options Mode Para você definir o modo como o traço é pintado. Escolha-a a partir da barra de ferramentas ou pressionando F5 no seu teclado. clique no ícone e as opções aparecem na barra superior abaixo do menu. Imagem 21 .: Cecília A.Curso de Arquitetura e Urbanismo .Disciplina de Informática II Imagem 19 . O modo Behind que por vezes aparece (estará disponível se trabalhar numa layer) não é um modo de layer mas permite-lhe pintar por trás do que já estiver desenhado nessa layer.Caixa de diálogo Brushes Para escolher um determinado bico (ou pincel) deste conjunto. Saturation. Santos Franco 22 .

Brush Mode Opacity Você pode também definir a opacidade dos traços. Santos Franco 23 .: Cecília A. até este se tornar transparente ou adquirir a cor de segundo plano. Wet Media Brushes Imita o efeito que se consegue com as aquarelas quando se utiliza bastante água.Curso de Arquitetura e Urbanismo . Fade Para pinceladas compridas. Os contornos das pinceladas ficam com a cor mais intensa do que o seu interior. desde transparente (0%) a opaco (100%). Vai desvanecendo o traço nos passos que forem determinados. Profa. esta opção torna-se útil. Fade to: Nesta lista de opção pode definir de que modo o fade é feito: para transparente ou para a cor do segundo plano.Disciplina de Informática II Imagem 22 .

Curso de Arquitetura e Urbanismo - Disciplina de Informática II

Imagem 23 - Utilização das opções da Brush Tool
Pencil Tool
É a ferramenta do Photoshop equivalente ao lápis de um artista. Escolha-a a partir da barra de
ferramentas.

Imagem 24 - Pencil Tool
Para desenhar, posicione o mouse no local pretendido e o traço será desenhado arrastando o
mouse com o botão esquerdo pressionado. Para ver as opções desta ferramenta, clique no botão
e as opções aparecem na barra superior. Para que as opções de ferramentas sejam visíveis, no
Menu Window > Options > marque esta opção.

Imagem 25 - Pencil Options
Profa.: Cecília A. Santos Franco

24

Curso de Arquitetura e Urbanismo - Disciplina de Informática II

As opções são em quase tudo semelhantes à da Brush Tool. Eis a exceção:
Auto Erase
Permite apagar automaticamente com a espessura do traço sempre que fizer o traço sobre uma
área já desenhada.

Imagem 26 - Utilização da Pencil Tool
Enganos e alternativas
Até a versão 5.0, o Photoshop poderia ser uma dor de cabeça para quem cometesse enganos: o
programa só deixava voltar atrás uma vez com a opção Undo. A partir da versão 5.0, tudo mudou
com a introdução da History Caixa de diálogo que permite recuar muitos passos e consertar algum
erro ou tentar outro caminho a partir de uma situação intermediária.
Undo
Para voltar atrás um único passo, faça:
Edit > Undo xxx (em que xxx é o nome da última ação realizada) ou CTRL+Z.
Caixa de diálogo History
Nesta caixa de diálogo ficam guardadas todas as suas ações podendo, a qualquer instante,
reverter para uma ação anterior e recomeçar os procedimentos. Para ligar a caixa de diálogo use
a tecla de função F9.

Profa.: Cecília A. Santos Franco

25

Curso de Arquitetura e Urbanismo - Disciplina de Informática II

Create new
snapshot

Create a new
document from
current state

Delete
current state

Imagem 27 - Caixa de diálogo History
Create new document from current state
É o ícone mais à esquerda que aparece na parte de baixo desta caixa de diálogo. Cria um novo
documento a partir do passo da história que for selecionado.
Create new snapshot
É o ícone do centro que aparece na parte de baixo desta caixa de diálogo. Cria uma vista do
documento a partir do estado atual. Mesmo que você modifique posteriormente a imagem, poderá
facilmente voltar a esta vista, selecionando-a no topo da caixa de diálogo.
Delete current state
É o ícone que aparece à direita na parte de baixo desta caixa de diálogo. Apaga o passo
selecionado e todas as ações que lhe forem posteriores.
Lição n.º 2
Assuntos abordados:
PARTE 1 – DOMINAR O BÁSICO DO PHOTOSHOP (continuação)

Ferramentas de seleção

Layers

Texto

Profa.: Cecília A. Santos Franco

26

por exemplo). Manter a largura e a altura da seleção iguais Para fazer com que a largura e a altura da área selecionada sejam iguais (para desenhar um quadrado. pressione SHIFT+M – esta opção percorre o conjunto de ferramentas de um determinado grupo). Em vez de se selecionar texto. Quando tiver a área definida. Profa.Curso de Arquitetura e Urbanismo . Note que isto só resulta se ainda não houver nenhuma seleção no documento.Disciplina de Informática II Ferramentas de seleção As ferramentas de seleção funcionam de modo semelhante à seleção de texto do Word. escolha-a a partir da barra de ferramentas ou pressione M no teclado (se mesmo assim a ferramenta não aparecer. basta pressionar SHIFT e definir uma nova seleção. largue o botão do mouse. basta pressionar SHIFT à medida que define a seleção. por exemplo). As seleções podem ser feitas a partir de formas geométricas ou aproveitando as propriedades dos pixels de uma determinada área a selecionar (semelhanças de cor. clique sobre a ferramenta e as opções aparecerão na barra superior do programa. Adicionar uma seleção à existente Para adicionar uma seleção à já existente. Imagem 29 . Você poderá mover a seleção (e não o seu conteúdo) posicionando o cursor (ainda com a Marquee Tool selecionada) dentro da área definida e arrastando-a para a nova posição. posicione o cursor no canto superior esquerdo do quadrado imaginário que se situa à volta da área a selecionar e clique com o botão esquerdo do mouse. basta pressionar ALT à medida que define uma nova seleção. A partir do momento em que se efetua uma seleção. Arraste com o botão esquerdo do mouse ainda pressionado a seleção até ao canto inferior direito. Subtrair uma seleção à existente Para subtrair uma seleção à já existente. Imagem 28 . o Photoshop passa a atuar apenas no conteúdo dessa seleção. Rectangular Marquee Tool Options O problema anterior pode ser selecionado com as opções desta ferramenta. Retangular Marquee Tool Esta ferramenta permite fazer seleções retangulares. Para selecionar uma determinada área.Rectangular Marquee Tool Para selecioná-la. Para vê-las. Se houver.Marquee Options Style Normal A seleção é feita normalmente. selecionam-se porções da imagem.: Cecília A. o SHIFT apenas soma a nova seleção à anterior. Santos Franco 27 .

pressione SHIFT+M – esta opção percorre o conjunto de ferramentas de um determinado grupo).Magic Wand Tool Para selecioná-la. Santos Franco 28 . Imagem 32 . O seu funcionamento é em tudo semelhante à anterior. escolha-a a partir da barra de ferramentas ou pressione W no teclado.: Cecília A. Imagem 31 .Composição de Seleções Profa. Style Fixed Size Toda a seleção que fizer terá exatamente os valores que introduzir em Width e Height. Elliptical Marquee Tool Esta ferramenta permite fazer seleções elípticas e circulares (apertando a tecla SHIFT simultaneamente). Imagem 30 .Disciplina de Informática II Style Constrained Aspect Ratio O aspecto da seleção será sempre proporcional aos valores que definir em Width e Height na barra de opções de seleção (resolve o problema anterior se colocar nestas duas caixas valores iguais). escolha-a a partir da barra de ferramentas ou pressione M no teclado (se mesmo assim a ferramenta não aparecer. Quanto maior a tolerância. mais pixels serão selecionados. basta fazer clique sobre o documento e esta aparece com as medidas dadas.Elliptical Marquee Tool Para selecioná-la. Você pode combinar todas as ferramentas de seleção e adicionar ou remover partes de seleções até ficar com a configuração desejada. Para fazer uma seleção. selecionando os similares à volta de um ponto inicial especificado. Clique na ferramenta para ver as suas opções: Os pixels selecionados são dependentes da Tolerância que for especificada. Magic Wand Tool Esta ferramenta permite fazer seleções a partir das propriedades cromáticas dos pixels.Curso de Arquitetura e Urbanismo .

segundo o qual os diversos elementos de uma imagem podem ser colocados em camadas distintas umas por cima das outras (tecla de função F7. e fazendo CTRL+C e CTRL+V (copiar e colar) a caixa de diálogo Layers fica assim: Imagem 33 . Isto torna bastante difícil a sua seleção e posterior transformação depois de serem inseridos.Caixa de diálogo Layers Aqui pode você constatar que existem duas layers no documento: • “Background” – layer de fundo que contém a imagem original do arquivo. Santos Franco 29 .Composição de seleções. A seguir veremos um bom exemplo para a utilização de seleções.Curso de Arquitetura e Urbanismo . abre a palheta). não afetará o conteúdo das outras.Disciplina de Informática II Você pode copiar. cortar. Vamos analisar os elementos desta caixa de diálogo: Imagem 34 . apagar ou preencher os conteúdos das seleções utilizando o menu Edit. Aquilo que se fizer ao conteúdo de uma layer.Opções para trabalhar com Layers Profa. A partir da versão 3. colar. Se no exemplo anterior você tentou copiar e colar o conteúdo de uma seleção. Utilizando por exemplo a seleção da Imagem 30 . o Photoshop introduziu o conceito de layer. verificou certamente que o Photoshop criou uma nova layer com o conteúdo dessa seleção. • “Layer 1” – layer situada acima do Background apenas com o conteúdo da seleção.0. Layers Existem desvantagens em colocar todos os elementos de uma imagem no background. Tudo o resto é transparente.: Cecília A.

Este modo dá melhores resultados com as ferramentas Brush ou Airbrush e uma grande espessura de traço. resulta na própria cor. a imagem é clareada. Isto é útil para introduzir zonas de brilho numa imagem. dependendo da cor de mistura. dependendo da sua opacidade. Se a cor de mistura é mais escura que 50% de cinza. Overlay Aplica o modo Multiply ou Screen às cores. Os padrões ou cores sobrepõem-se aos pixels existentes.resulta em preto ou branco puros. Aplicar preto no modo Screen torna a cor inalterada. Screen Olha para a informação de cor de cada canal e multiplica o inverso da cor de mistura e as cores de base. Santos Franco 30 . Multiply Olha para a informação de cor de cada canal e multiplica a cor de base pela cor de mistura. Hard Light Aplica o modo Multiply ou Screen às cores. Pintar com preto ou branco puros. a imagem é clareada. dependendo da cor de base.Curso de Arquitetura e Urbanismo . resulta preto. como se lhe fosse aplicado o modo Burn. Pintando com preto ou branco puros produzem zonas distintivamente mais escuras ou mais claras respectivamente mas não resultam em preto ou branco puros. a imagem é escurecida. Aplicar branco no modo Screen. dependendo da cor de mistura. contudo essa cor é uma substituição aleatória dos pixels com a cor de base ou a cor de mistura. resulta progressivamente em cores mais escuras.: Cecília A. como se lhe fosse aplicado o modo Multiply. Este é o modo layer padrão. Multiplicar uma cor por preto. sucessivamente. O efeito é semelhante a colocar uma luz brilhante a incidir diretamente sobre a imagem. Dissolve Edita ou pinta cada pixel para fazer dele a cor resultante na composição. umas em cima das outras. O efeito é semelhante a colocar uma luz difusa sobre uma imagem. O resultado é sempre uma cor mais clara. Misturando preto não produz mudanças. A cor de base não é substituída: é misturada com a cor de mistura para refletir a claridade ou obscuridade da cor original. Soft Light Escurece ou clareia as cores. O resultado é sempre uma cor mais escura. Se a cor de mistura (fonte de luz) é mais clara que 50% de cinza. produz branco. Color Dodge Olha para a informação de cada canal de cor e ilumina a cor de base para que reflita a cor de mistura. como se lhe fosse aplicado o modo Dodge. a imagem é escurecida. como se lhe fosse aplicada o modo Screen. O efeito é semelhante a projetar várias fotografias.Disciplina de Informática II Normal Edita ou pinta cada pixel para fazer dele a cor resultante na composição. Se a cor de mistura (fonte de luz) é mais clara que 50% de cinza. Profa. Isto é útil se a sua intenção for a de adicionar sombras à imagem. enquanto preservam as zonas claras e as zonas de sombra das cores de base. Se a cor é mais escura que 50% de cinza. Quando pintar com uma cor diferente de preto ou branco. Multiplicar uma cor por branco.

Misturando com branco. Hue Cria uma cor resultante com a luminância e a saturação da cor de base e o parâmetro Hue da cor de mistura. Luminosity Cria uma cor resultante com os parâmetros Hue e Saturation da cor de base e a luminância da cor de mistura. Misturando com preto. Pode apagar a layer atual se clicar no ícone da direita da base da caixa de diálogo Layers. escolha-a a partir da barra de ferramentas ou pressione T no teclado. Santos Franco 31 . Texto A partir da versão 5. Opacity Permite-lhe definir a opacidade dos pixels: 0% torna os pixels da layer transparentes. Pintar com este modo numa área sem saturação (cinzento) não provoca alterações. pegando numa delas e arrastando-a com o botão esquerdo do mouse para cima ou para baixo das outras layers já existentes.: Cecília A. Saturation Cria uma cor resultante com a luminância e o parâmetro Hue da cor de base e o parâmetro Saturation da cor de mistura. Este modo preserva os níveis de cinza na imagem. misturando com preto.Disciplina de Informática II Difference Olha para a informação de cor em cada canal e subtrai ou a cor de mistura da cor de base ou a cor de base da cor de mistura.0 a ferramenta de texto foi amplamente melhorada. impossibilita a edição de pixels na área transparente da layer. Trocar as posições das Layers entre si Você pode alterar as posições relativas entre layers. 100% torna os pixels da layer totalmente visíveis. Preserve Transparency Se esta opção estiver selecionada. tornando-se útil para colorir fotografias a preto e branco. mas menor em contraste que o modo Difference. Criar e apagar Layers Você pode criar uma nova layer se clicar no ícone do meio da base da caixa de diálogo Layers. Exclusion Cria um efeito similar. inverte os valores base da cor. não produz alterações.Curso de Arquitetura e Urbanismo .Type Tool (Texto) Para selecioná-la. Imagem 35 . Misturando com branco inverte os valores base das cores. dependendo de qual tenha o maior valor de brilho. Color Cria uma cor resultante com a luminância da cor de base e os parâmetros Hue e Saturation da cor de mistura. Este modo cria o efeito inverso do modo Color. não produz alterações. Profa.

Color Define a cor a dar a todo o texto. Deverá selecionar os caracteres que pretende fazer subir ou descer relativamente aos outros. etc. Não é possível com esta ferramenta dar cores diferentes a cada letra do mesmo texto. Isto abrirá a janela de diálogo da Type Tool. Tracking Define o espaçamento entre caracteres.Disciplina de Informática II O cursor muda para um cursor semelhante ao utilizado no Word e num local relativamente próximo de onde quer colocar o texto (esta posição pode ser alterada mais tarde). Repare que se colocar o cursor no documento quando estiver com a janela de texto aberta.Curso de Arquitetura e Urbanismo .). Imagem 36 . Anti-Alias Define a maior ou menor suavidade de contornos do texto. falso bold e falso itálico para fontes que não possuam estes estilos. Você pode posicionar desta forma o texto onde quiser. Deverá selecionar os caracteres que deseja transformar. o seu estilo (Bold. Deverá selecionar as linhas que pretende espaçar. este se transforma na Move Tool. clique sobre o documento com o botão esquerdo do mouse. Create Warped Text Define a forma do texto que poderá ter contornos em diferentes estilos Profa.: Cecília A. Size Define o tamanho da fonte em points ou pixels. Não é possível com esta ferramenta dar suavidade de contornos diferentes para cada letra do mesmo texto. sublinhado. Deverá selecionar os caracteres que pretende espaçar.Type Tool Options Font Neste espaço você configura qual o tipo de fonte. Santos Franco 32 . Deverá selecionar os caracteres que deseja transformar. Itálico. Baseline Define a diferença das linhas de base entre caracteres. Leading Define o espaçamento entre linhas de texto.

deverá escolher uma das opções do menu Edit > Transform. As transformações aplicam-se ao conteúdo de uma layer.: Cecília A. aproximar-se do texto a modificar até que o cursor fique sem o quadradinho envolvente. Profa. Santos Franco 33 .Curso de Arquitetura e Urbanismo .º 3 Assuntos abordados: PARTE 1 – DOMINAR O BÁSICO DO PHOTOSHOP (continuação) • Transformações e alinhamentos • Paths e curvas de Bézier PARTE 2 – CÂMARA ESCURA • A importância dos preliminares • Análise dos parâmetros de imagem Transformações e alinhamentos Entende-se por transformação toda e qualquer alteração que se fizer a uma imagem ou a um elemento da imagem. poderá fazer clique e alterar o texto correspondente. Nesse instante.Warp Text . basta fazer duplo clique no T que aparece na layer de texto ou.Tipos Alterar texto já introduzido Para alterar texto já introduzido. com a ferramenta de texto selecionada. ao conteúdo de uma seleção ou a uma imagem global Transformar o conteúdo de uma layer ou seleção Para transformar o conteúdo de uma layer ou seleção. Lição n.Disciplina de Informática II Imagem 37 .

as proporções entre altura e largura mantêm-se. Juntamente com SHIFT.Curso de Arquitetura e Urbanismo . altera esses ângulos em cima e em baixo ou à direita e à esquerda. faça duplo clique no interior da área transformada. Imagem 39 .Transform > Rotate Skew Um retângulo com pegas envolve a imagem. Imagem 38 . Pegando nos vértices. Imagem 40 . Pressionando a tecla ALT.: Cecília A. À volta desse retângulo.Transform > Skew Distort Um retângulo com pegas envolve a imagem.Transform > Scale Rotate Um retângulo com pegas envolve a imagem. Para aplicar a rotação. faça duplo clique no interior da área transformada. Utilizando as pegas. Para aplicar o efeito. poderá arrastá-los para aumentar ou diminuir o tamanho do objeto. faça duplo clique no interior da área transformada. clique e arraste numa determinada direção para fazer rodar o objeto. Pressionando a tecla SHIFT. Santos Franco 34 .Disciplina de Informática II Scale Um retângulo com pegas envolve a imagem. Pressionando a tecla ALT. Utilizando as pegas. poderá alterar o ângulo de inclinação das suas arestas. poderá alterar a posição de cada uma delas. posicione o cursor. distorcerá também o Profa. distorcendo a forma da imagem. Pressionando a tecla SHIFT obriga a fazer a rotação em passos certos. o objeto aumenta ou diminui a partir do seu centro. Para aplicar a transformação.

iremos percorrer algumas das funções do Photoshop que já aprendeu. Para aplicar a rotação. usamos: Tolerance: 20. Selecionamos na imagem todo o espaço preto envolvente. aplicando efeitos de perspectiva. Nas opções para esta ferramenta. Para aplicar a rotação.Transform > Perspective Rotate 180º Roda a seleção 180º.Curso de Arquitetura e Urbanismo . Imagem 41 . Rotate 90º CCW Roda a seleção 90º no sentido contrário ao dos ponteiros do relógio. faça duplo clique no interior da área distorcida. faça duplo clique no interior da área distorcida. Pressionando a tecla ALT. condiciona a direção da distorção. Profa. poderá alterar a posição de cada uma delas. Santos Franco 35 . Flip Horizontal Reflete a imagem segundo um eixo vertical. Pressionando a tecla SHIFT. Utilizando as pegas. Anti-aliased. Rotate 90º CW Roda a seleção 90º no sentido dos ponteiros do relógio.Transform > Distort Perspective Um retângulo com pegas envolve a imagem. condiciona a direção da distorção. Pressionando a tecla SHIFT.: Cecília A. Usando a Magic Wand Tool (ou pressionando W no teclado). Imagem 42 .Disciplina de Informática II vértice oposto. Flip Vertical Reflete a imagem segundo um eixo horizontal. Um exemplo do uso das ferramentas de transformação Usando uma foto como exemplo. Contiguous. distorcerá também o vértice oposto.

Disciplina de Informática II Imagem 43 . Quando estiver satisfeito com o resultado. Em seguida. Imagem 45 .Seleção de corte em volta da imagem Profa. escolhemos a Crop Tool pressionando C no teclado e definimos uma área que contém apenas a fotografia.Seleção do espaço preto envolvente Invertemos a seleção com Select > Inverse ou SHIFT+CTRL+I. faça duplo clique dentro do retângulo de transformação.Rotação da imagem É fácil endireitar a imagem utilizando a linha do horizonte.: Cecília A. Vamos agora endireitar a composição com: Edit > Transform > Rotate Imagem 44 . Santos Franco 36 .Curso de Arquitetura e Urbanismo . Abandonamos a seleção com Select > Deselect ou CTRL+D.

fizemos duplo clique dentro da seleção pretendida. Imagem 46 . clicamos na imagem das nuvens.: Cecília A. largamos o botão do mouse e uma nova layer é criada com esse conteúdo.Disciplina de Informática II Selecionando apenas o que interessa (lembre-se que podemos ajustar a área de corte com as pegas do retângulo de seleção). Santos Franco 37 .Drag & Drop no documento Quando o cursor mudou para um sinal +. Para este exemplo vamos confiar no Photoshop e ajustar a qualidade da imagem com os seguintes passos (lá mais para frente neste documento veremos qual a teoria por trás destes ajustes e como fazê-los manualmente): Image > Adjust > Auto Contrast ou CTRL+ALT+SHIFT+L. Isto muda o aspecto da imagem para melhor. Selecionamos a layer “Background” e clicamos sobre o olho à esquerda da layer “Layer 1” Profa.Imagem de Veneza após os ajustes automáticos A idéia neste próximo exemplo é colocar um céu com nuvens nesta fotografia. Abrimos um arquivo com uma foto de um céu com nuvens e com a Move Tool selecionada. Imagem 47 . Image > Adjust > Auto Levels ou CTRL+SHIFT+L. Posicionamos depois as nuvens de forma a que escondam a metade superior da fotografia. arrastando-a para o arquivo da imagem de Veneza.Curso de Arquitetura e Urbanismo .

pressionamos DELETE. Escolhemos novamente a Magic Wand Tool pressionando W no teclado e com a tecla SHIFT pressionada. selecionamos as porções de céu presentes na fotografia. Santos Franco 38 . Mudamos a opacidade da “Layer 1” para 40%. Imagem 49 .Ocultar uma Layer Você deixa de ver o conteúdo dessa layer. mas não é nada que o Photoshop não possa resolver. Isto apagará o conteúdo da seleção. Com a “Layer 1” selecionada. Veja o resultado final do exemplo de revisão.: Cecília A. Para acabar com a seleção pressionamos CTRL+D. Isto resulta numa composição algo irrealista.Inserir o céu na imagem Invertemos a seleção com SHIFT+CTRL+I e mudamos para a “Layer 1” (onde está a imagem das nuvens). O céu é demasiado berrante para a fotografia.Disciplina de Informática II Imagem 48 . pois sua visibilidade foi desligada. saltando para primeiro plano. Profa.Curso de Arquitetura e Urbanismo .

Santos Franco 39 .Desenhar segmentos de Reta Desenhar curvas Para desenhar uma curva. Para fechar uma determinada área.Pen Tool Para selecioná-la.Disciplina de Informática II Imagem 50 . A ferramenta para desenhar esses caminhos é a: Pen Tool Imagem 51 . Imagem 52 . basta fazer clique em pontos diferentes do documento (o início e o fim dos segmentos). deverá clicar e arrastar um alfinete que define a tangente e a curvatura dessa curva. volte com o cursor ao ponto de partida até que o ícone da caneta fique acompanhado de um círculo pequeno. Profa.Curso de Arquitetura e Urbanismo .Resultado final da imagem Paths e curvas de Bézier Paths são caminhos definidos por curvas de Bézier e que permitem efetuar seleções. desenhar linhas ou preencher áreas definidas por essas curvas. escolha-a a partir da barra de ferramentas ou pressione P no teclado. clique aí e a área fecha-se. Desenhar segmentos de reta Para desenhar segmentos de reta.: Cecília A.

Ajustar Curvas já desenhadas Se reparar. Desloque de seguida o cursor para a cabeça do alfinete e ajuste a curva a seu gosto. Santos Franco 40 .Convert Point Tool Selecione-a a partir da barra de ferramentas (é a única forma) ela encontra-se no grupo das anteriores. Para isso deverá utilizar a Direct Selection Tool. Desloque de seguida o cursor para a cabeça do alfinete e ajuste a curva a seu gosto. esta ferramenta ajusta não só a curva selecionada mas ajusta também as outras curvas para que se ajustem à nova forma da primeira. Imagem 55 . Convert Point Tool Inconveniente que pode ser contornado com esta ferramenta. Imagem 56 . Aparecem os alfinetes que definem a forma da curva. Comece por definir a porção da curva que quer modificar fazendo clique com esta ferramenta na porção da curva desejada.Desenhar Curvas Direct Selection Tool (Ajustar as curvas desenhadas) As curvas podem ser ajustadas depois de desenhadas.Disciplina de Informática II Imagem 53 . Aparecem os alfinetes que definem a forma da curva. O que podemos fazer com elas? Vejamos a caixa de diálogo Paths: Profa. Imagem 54 .: Cecília A. As curvas adjacentes não são modificadas. Isto por vezes pode ser um inconveniente. Comece por definir a porção da curva que quer modificar fazendo clique com esta ferramenta na porção da curva desejada.Direct Selection Tool Selecione-a a partir da barra de ferramentas ou pressionando A no teclado.Curso de Arquitetura e Urbanismo . Já temos as curvas.

Strokes path with foreground color Depois de definida uma cor. cada qual adaptado a um determinado fim.Caixa de diálogo Paths Vamos percorrer os botões que aparecem no fundo da caixa de diálogo. a evolução dos computadores ditou vários formatos de imagem. não pensará em guardar arquivos pouco fidedignos.Disciplina de Informática II Imagem 57 . Alguém que se preocupe em construir uma biblioteca de imagens. tal como um normal funcionário de uma biblioteca municipal não ficaria muito feliz se desaparecessem aleatoriamente algumas palavras ou letras dos seus livros mais importantes. Este botão cria uma nova layer de caminho. É norma ter sempre um arquivo num formato fidedigno e depois. Geram (por esse motivo) arquivos maiores. Formatos fidedignos São fiéis à imagem original: não desperdiçam informação digital. Transforma uma seleção existente num caminho. Deletes current path Este botão apaga a layer de caminho selecionada. A importância dos preliminares Felizmente para o usuário. Makes work path from selection Faz exatamente o contrário. uma ferramenta de desenho e uma espessura de traço. Dos vários formatos à disposição. cada um numa layer de caminho que podem ser selecionados na caixa de diálogo Paths. fazer cópias em formatos degenerativos. que se adaptem aos diversos fins. mas são também os mais adequados para armazenamento "em bruto" de imagem. da esquerda para a direita: Fills path with foreground color Preenche a área interior à curva com a cor de primeiro plano. Santos Franco 41 . conforme as necessidades. Creates new path À semelhança das layers pode ter-se vários caminhos num mesmo documento. podem distinguir-se dois grandes grupos aos quais o autor deste documento resolveu nomear de fidedignos e degenerativos.: Cecília A. Os formatos fidedignos mais típicos são: BMP e TIFF.Curso de Arquitetura e Urbanismo . Loads path as a selection Transforma a área interior à curva numa seleção. este botão traça toda a curva com esse traço. Profa.

Tem todas as vantagens do BMP e mais algumas: • Grava em formato RGB. • Grava sem perdas de informação. Santos Franco 42 .: Cecília A. Podemos notar a crescente popularidade e utilidade do PNG. você deverá começar por eliminar algumas das imperfeições que esta possa conter. O interesse desta degeneração é que o resultado final não é muito diferente do original. • Reconhecido pela maioria das aplicações. Tem as seguintes vantagens: • Grava em formato RGB. Vamos usar a foto de um velho. fazendo com que a imagem se funda com o background dos documentos.Disciplina de Informática II BMP É o formato de imagem utilizado pelo sistema operacional Windows. • Grava em formato CMYK. a forma de corrigi-las. que o usam para formar uma biblioteca de imagens. PNG Possui uma compressão muito próxima do JPEG e admite transparências de 8 bits: é o mesmo que dizer 256 níveis de opacidade. • Grava em formato Grayscale. Elimina o tenebroso efeito de auréola. com um canal alpha de 1 bit. Os formatos degenerativos mais comuns são o JPEG e o GIF.Curso de Arquitetura e Urbanismo . • Grava canais Alpha. o PNG com um canal alpha de 8 bits. Vamos ver como analisar uma imagem. para nosso exemplo Repare que ainda existem algumas margens brancas que não pertencem à imagem. Formatos degenerativos São uma aproximação à imagem original: desperdiçam alguma (ou bastante) informação digital através de algoritmos próprios. Tanto o GIF como o PNG guardam a informação sobre a transparência num canal designado por alpha: o GIF. O PNG ainda não é suportado devidamente pelos últimos browsers (Netscape 4. • Opcionalmente possui um algoritmo de compressão que diminui o tamanho do arquivo: LZW compression algorithm. detectar as suas imperfeições e. • Reconhecido pela maioria das aplicações.51 e Internet Explorer 5. • Reconhecido por Windows e Macinthosh (se utilizar como Bit Order nas opções do TIFF: IBM PC). • Grava sem perdas de informação. ao passo que o tamanho do arquivo pode reduzir consideravelmente. Este é um argumento de peso quando se fala em Internet e taxas de transferência associadas. em seguida.0) mas alguns programas evoluídos já aceitam as suas potencialidades. Análise dos parâmetros de imagem Sempre que se quer colocar uma imagem na web ou utilizá-la para outro fim. TIFF É o formato de imagem utilizado pelos profissionais. Profa. como o Macromedia Director 7.

Fazendo estas escolhas.Caixa de diálogo Histogram Este histograma concentra-se no canal da luminosidade e aqui já se consegue vislumbrar qual é o problema. a deficiência faz-se sentir. Qual será o problema desta imagem? Histograma Acesse menu Window > Histogram.Disciplina de Informática II Imagem 58 . Profa.. Elas permitem que se escolha na imagem. Nesta janela existem três conta-gotas: uma com a ponta preta.Curso de Arquitetura e Urbanismo . No histograma está representada a quantidade de pixels que existem desde o totalmente negro (sem luminosidade) até ao branco (totalmente iluminado).: Cecília A. respectivamente. resultando numa imagem corrigida. zonas de sombra. ou CTRL+L Mesmo no canal RGB. passemos à solução. induzem ao Photoshop a pensar que existem mais pixels brancos na fotografia do que os que realmente existem (o programa julgará a imagem mais clara). tons intermédios e zonas de claridade. Imagem 59 . Santos Franco 43 . o Photoshop repartirá novamente os pixels pelo histograma.Imagem inicial do velho Estas margens brancas serão prejudiciais quando se tentar analisar as propriedades da imagem. Encontrado o problema.. Faça: Image > Adjust > Levels. A gama de luminosidade é mais estreita e isto se traduz num contraste deficiente.. outra com a ponta cinzenta e outra com a ponta branca. Vamos tirar então toda a informação que não é necessária (as margens brancas).. o histograma revela que faltam tanto brancos absolutos como negros absolutos. recorrendo à Crop Tool (selecionando-a na barra de ferramentas ou pressionando C no teclado). Para esta imagem.

ao selecionar esta área. Santos Franco 44 .Curso de Arquitetura e Urbanismo . Com o conta-gotas preto selecionado. escolha o azul claro da camisa. Repare que. Repare que. Com o conta-gotas branco selecionado. ao selecionar esta área. Você pode no entanto – se não gostar do resultado – optar por outra cor para a claridade bastando para isso fazer clique com o botão esquerdo do mouse sobre outro pixel da imagem. Profa. Você pode no entanto – se não gostar do resultado – optar por outra cor para a sombra bastando para isso fazer clique com o botão esquerdo do mouse sobre outro pixel da imagem. toda a imagem sofre um ajuste cromático em função do novo valor de luminosidade. porque ainda falta indicar a zona de luminosidade. Imagem 61 . Não se precipite no seu julgamento. escolha as folhas mais escuras ao fundo. toda a imagem sofre um ajuste cromático em função do novo valor de luminosidade para a sombra.Zona de sombra Zona de claridade Define-se como zona de claridade a área mais iluminada na imagem mas que ainda contém algum detalhe (não é totalmente branca).Disciplina de Informática II Imagem 60 .Caixa de diálogo Levels Zona de sombra Define-se como zona de sombra a área mais escura na imagem mas que ainda contêm algum detalhe (não é totalmente negra).: Cecília A.

nada mais simples.Imagem final do velho. Santos Franco 45 . Faça: Image > Mode > Grayscale Profa. Utilize a caixa de diálogo History e use o botão “Create new document from current state”.Disciplina de Informática II Imagem 62 .: Cecília A. veremos a forma corriqueira e a forma profissional de transformar uma imagem colorida numa ótima imagem a preto e branco. Lição n. o Photoshop passará aos cálculos finais e o resultado será o seguinte: Imagem 63 . Para isso utilizaremos um pouco de teoria cromática que já foi referida anteriormente.Zona de claridade Depois destes procedimentos. Ao longo deste exemplo.º 4 Assuntos abordados: PARTE 2 – CÂMARA ESCURA (continuação) • O mundo a preto e branco • Duotone: o toque de mestre • Qual o formato de gravação? O mundo a preto e branco Por vezes. Depois. Crie um documento exatamente igual ao que abriu e que irá ser utilizado para a forma corriqueira de transformar uma imagem para preto e branco.Curso de Arquitetura e Urbanismo . a necessidade artística dita que uma fotografia resulta melhor se for em preto e branco.

Santos Franco 46 . Bastará como etapa final.Menu Image > Mode > Grayscale A maior parte das pessoas ficará satisfeita com esta versão da imagem. Para converter a imagem para o formato Lab Color deverá fazer: Image > Mode > Lab Color Inspecione a caixa de diálogo Channels clicando na sua aba ou utilizando Window > Channels. já que é apenas essa a informação que podemos ver na imagem. bastando para tal fazer clique com o mouse sobre o canal pretendido. converter a imagem para Grayscale. É apenas este parâmetro que a película de filme a preto e branco consegue capturar. Para ficar apenas com o canal Lightness (o segundo a contar de cima na caixa de diálogo Channels) terá de apagar o a e o b arrastando-os para o ícone com o balde do lixo (o da direita ao fundo da caixa de diálogo).Curso de Arquitetura e Urbanismo . Ao final do exemplo podemos comparar a qualidade das duas imagens. O canal que nos interessa é Lightness.Channels (Lab Color) Poderá ver na janela principal do documento o conteúdo de cada um dos canais (Lightness. Será qualquer coisa semelhante ao que se segue: Imagem 65 . a ou b).: Cecília A.Disciplina de Informática II Imagem 64 . Se lembrar da definição do formato Lab Color.Channels (Grayscale) Profa. Faça: Image > Mode > Grayscale A caixa de diálogo dos Channels mudou para: Imagem 66 . poderá constatar que existe um canal apenas para a luminância (quantidade de luz refletida pelas cores). mas o Photoshop pode fazer melhor.

Disciplina de Informática II É agora altura de ver qual o resultado das nossas teorias na própria imagem. Aparecerá uma janela que o deixará escolher uma cor segundo o código PANTONE.Curso de Arquitetura e Urbanismo . Esta última resultou mais nítida.: Cecília A. Imagem 67 . As outras opções são Tritone e Quadtone que adicionam à imagem três ou quatro cores. respectivamente. deverá fazer clique no quadrado branco logo abaixo do quadrado preto.Grayscale utilizando Menu Image > Mode > Grayscale Duotone: o toque de mestre A imagem que resultou das últimas transformações. Santos Franco 47 . É um bom exercício de “Descubra as Diferenças”. Para três e quatro cores. que complemente a escala que vai desde o preto ao branco.Grayscale utilizando Lab Color I Imagem 68 . necessitaria apenas de uma cor para ser reproduzida: o preto. Tentaremos dar um aspecto sépia a esta fotografia. Para selecionar uma segunda cor para além do preto.Duotone Options Repare que nesta janela escolheu-se para type: Duotone. Image > Mode > Duotone Imagem 69 . seria fazer clique nos quadrados seguintes. Profa. Note que para transformar uma imagem para Duotone. Por vezes. A maior ou menor quantidade de tinta faz as diversas gradações presentes na imagem. esta necessita de estar em Grayscale. comparar as duas versões conseguidas da imagem inicial em formato RGB. utilizando o formato Duotone. a imagem ganha mais um bocado de vida se juntarmos uma segunda cor.

Na lista de opção Book tem os seguintes catálogos de cores: Imagem 71 . utilizou-se a cor PANTONE COATED 167 CVC.Disciplina de Informática II Imagem 70 .Book .Palhetas de cores Para este exemplo.: Cecília A.Custom Colors PANTONE PANTONE e códigos de cores Por que PANTONE? É este o esquema de cores utilizado nas gráficas porque permite defini-las de uma forma fácil através de códigos específicos. Santos Franco 48 . Profa.Curso de Arquitetura e Urbanismo .

Esta. Yellow. internamente. Começaremos por criar um novo documento no Photoshop: Profa. use TIFF. Não é necessário converter uma imagem para CMYK sempre que a quiser enviar para a impressora. com vista à concretização de um projeto. já que contém todas as cores CMYK. magenta.º 5 Assuntos abordados: PARTE 3 – MUNDOS IMAGINÁRIOS Criar a partir do nada PARTE 4 – ORIENTAÇÕES PARA A WEB • Os formatos da web e a sua otimização • GIF’s transparentes • Imagens para fundos de páginas Criar a partir do nada Nesta lição veremos como – a partir do nada – poderemos criar uma composição de aspecto realista.Curso de Arquitetura e Urbanismo .: Cecília A. não se esqueça do que lhe foi sugerido anteriormente: opte por um formato fidedigno (a compressão JPEG e GIF notam-se bastante nas impressões). Em outras palavras. vamos tentar fazer com que. Servirá também para percorrer quase tudo o que foi dado. Santos Franco 49 .Fotografia do velho em tons de sépia utilizando Duotone Qual o formato de gravação? Para o exemplo dado anteriormente. Lição n. depois de sedimentados alguns conceitos e algumas das potencialidades do Photoshop. conciliar tudo para concretizar um objetivo em vista. Sendo CMYK. amarelo e preto (Cyan. possui um interpretador que traduz outros formatos naquilo que ela necessita: percentagens de tinta ciano. blacK = CMYK). Magenta. a imagem pede CMYK.Disciplina de Informática II Imagem 72 . O formato RGB também podia ser utilizado. mais aquelas que saem do âmbito deste último formato. As cores PANTONE e similares são primordialmente para impressão. Faça: Image > Mode > CMYK Color Se desejar guardar a imagem para posterior uso e impressão. O leitor não se deverá espantar se em RGB a imagem ocupar menos espaço em disco: lembre-se que para cada pixel RGB existem três valores associados e para cada pixel CMYK existem quatro valores associados.

basta clicar nos dois quadradinhos sobrepostos. arrastando o canto inferior direito para baixo e para a direita. Para ajustar a posição de uma guia já colocada. mova o cursor para o centro de uma das réguas e arraste uma guia. ou SHIFT+CTRL+N Na caixa de diálogo. fazendo: View > Show Rulers ou CTRL+R Coloque guias separadas vertical e horizontalmente por 100 pixels. Nesta altura. junto das cores de primeiro e segundo plano). Para mover as guias segundo as divisões da régua. Ainda com a Marquee Tool. preencha a seleção com preto (se não tiver o preto escolhido. Santos Franco 50 . > Layer.. Ative a Marquee Tool (ferramenta retangular de seleção) a partir da barra de ferramentas ou carregando em M no teclado e selecione um quadrado com 100 pixels de lado utilizando as guias marcadas – repare como a seleção cola às linhas e torna esta operação bastante fácil. Aumente um pouco o tamanho da janela do documento.Curso de Arquitetura e Urbanismo . ou CTRL+N Defina as seguintes propriedades: • Width: 500 pixels • Height: 400 pixels • Resolution: 72 pixels/inch • Mode: RGB Color • Contents: White Clique em OK. Coloque réguas no novo documento. Tendo o cuidado de trabalhar na layer “Xadrez”. fazendo ALT+DELETE.. Para colocar uma guia no documento. Para comutar entre uma guia vertical ou horizontal. aproxime-se da guia até o cursor mudar de aspecto e arraste a guia para uma nova posição. desloque a seleção pelos quadrados da grelha para fazer o efeito de xadrez. colocando-a na posição desejada... As guias tornam este procedimento bastante fácil.Guides (Linhas-Guia) Crie uma nova Layer utilizando: Layer > New. o seu documento deverá assemelhar-se ao seguinte: Imagem 73 .Disciplina de Informática II File > New. selecione primeiro a Move Tool. pressione a tecla ALT.: Cecília A.. Profa.. dê-lhe o nome “Xadrez”. mantenha a tecla SHIFT pressionada à medida que desloca a guia.

depois destes procedimentos. Iremos aplicar um filtro que simula o efeito de nuvens e que utiliza as cores que acabamos de definir. Faça: Filter > Render > Clouds E.: Cecília A. logo a seguir: Filter > Render > Difference Clouds Para aplicar novamente o último filtro escolhido. O resultado. Profa. A área a preservar desprezará a primeira coluna de quadrados da direita e a primeira coluna de quadrados da esquerda. Escolha novamente a ferramenta de seleção retangular (da barra de ferramentas ou pressionando M no teclado) e defina uma área que contenha as duas primeiras linhas de quadrados a contar de cima (local onde não existe o xadrez). Este também aparece logo na primeira linha do menu Filter. do lado esquerdo e direito do centro da imagem. Assim. Este procedimento também fica facilitado pela presença das guias.Menu Edit > Transform > Distort Para aplicar a transformação. selecione as três colunas interiores e clique duas vezes no interior da área definida: é feito o corte na imagem. Iremos agora cortar a imagem com a Crop Tool selecionando-a na barra de ferramentas ou pressionando C no teclado. utilizando as guias.Disciplina de Informática II Tentaremos dar uma noção de perspectiva ao mosaico. deverá ser semelhante ao seguinte: Imagem 74 . bastará fazer CTRL+F. clique duas vezes no interior desta. Faça repetidas vezes CTRL+F até encontrar a combinação de cores que mais lhe agradar. Defina a cor laranja para primeiro plano e azul claro para segundo plano. Santos Franco 51 .Curso de Arquitetura e Urbanismo . aplique uma distorção à seleção com: Edit > Transform > Distort Pegue nos dois vértices superiores do retângulo e desloque-o para a interseção das guias. Selecione todo o conteúdo da layer “Xadrez”: Select > All ou CTRL+A Depois.

: Cecília A. A cor de primeiro plano é o preto. Clique com o botão esquerdo do mouse um bocado abaixo do centro da composição e mantendo a tecla SHIFT pressionada (para desenhar uma linha perfeitamente vertical). Imagem 76 . Transparency e Dither selecionados.Disciplina de Informática II Imagem 75 .Menu Filter > Render > Difference Clouds Linear Gradient Tool Iremos agora tentar dar alguma noção de profundidade à composição. Ao fazer duplo clique sobre esta ferramenta.Linear Gradient Options Modo: Normal. pressione D no seu teclado (volta às cores por defeito: preto e branco). Santos Franco 52 .Linear Gradient Tool Esta ferramenta cria transições entre cores do modo e na área que forem especificados. Para isso utilizaremos a Linear Gradient Tool (escolha esta ferramenta da barra de ferramentas ou pressione G no seu teclado). aparecem as suas opções: Imagem 77 . Opacity: 100%.Curso de Arquitetura e Urbanismo . o que quer dizer que variará desde a cor de primeiro plano até ao transparente. Profa. arraste o gradiente até ao quarto superior da composição. Para obtê-lo. O tipo de gradiente utilizado foi Foreground to Transparent.

coloque um circulo com 100 pixels de raio mais ou menos no centro da composição. será necessário fundir a layer existente com o background: Layer > Flatten Image Escolha agora a ferramenta de seleção circular e pressionando SHIFT (para desenhar um círculo perfeito). arraste o gradiente até ao quarto inferior da composição.Curso de Arquitetura e Urbanismo . Imagem 79 .Gradiente superior Inverta a seleção com CTRL+SHIFT+I ou faça Select > Inverse.: Cecília A.Disciplina de Informática II Imagem 78 . Santos Franco 53 . Clique com o botão esquerdo do mouse um bocado acima do centro da composição e mantendo a tecla SHIFT pressionada.Gradiente inferior Os guias já cumpriram a sua função e podem ser eliminados com: View > Clear Guides Você pode também abandonar a seleção retangular: Select > Deselect ou CTRL+D. Profa. Antes de se prosseguir no exercício.

Selecionar o conteúdo não transparente de uma layer Nessa seleção aplicaremos um filtro que tentará dar ao círculo a aparência de uma esfera: Filter > Distort > Spherize. Santos Franco 54 . Selecione a “Layer 1 copy” fazendo clique com o botão esquerdo do mouse sobre ela. o círculo.Ferramenta de seleção circular Copie e cole o conteúdo da seleção com CTRL+C e CTRL+V.Disciplina de Informática II Imagem 80 . Mantendo a tecla CTRL pressionada faça novamente clique com o botão esquerdo do mouse sobre essa layer... É criada uma nova layer com esse conteúdo. Profa. Arraste essa nova layer para o ícone do meio ao fundo da caixa de diálogo Layer. Desloque a seleção escolhendo a Move Tool (V no teclado) e carregando algumas vezes na tecla UP. Antes de prosseguir. colocado exatamente nas mesmas coordenadas. para criar outra exatamente igual à anterior. selecionará tudo o que não é transparente na layer: neste caso. Imagem 81 . ative a opção “Preserve Transparency” para esta layer na caixa de diálogo Layers. a layer superior chamar-se-á “Layer 1 copy” e a layer imediatamente abaixo será “Layer 1”. Repare como o cursor muda para uma mão com um quadrado selecionado.: Cecília A. Com este procedimento.Curso de Arquitetura e Urbanismo . As opções foram: • Amount: 100. • Mode: Normal. Por default.

significaria que teríamos de passar a ferramenta duas vezes no mesmo local para conseguirmos um resultado semelhante. Clique agora uma vez com o botão esquerdo do mouse sobre o canto superior esquerdo da esfera. com exceção do parâmetro Pressure. • Fade: 0 steps.: Cecília A.Airbrush Tool Selecione-a na barra de ferramentas. Profa. Tentemos agora que dar alguns reflexos para que a esfera pareça ainda mais tridimensional. Para definir as suas opções use a barra de opções no topo da tela: • Mode: Normal. As ilusões espaciais devem ser dadas através de transformações nos pixels da imagem e não através do famoso Render de programas 3D sofisticados como o AutoCAD ou o 3D Studio Max.Menu Filter > Distort > Spherize.Curso de Arquitetura e Urbanismo . Imagem 83 . utilizaremos uma nova ferramenta: a Airbrush Tool.Disciplina de Informática II Imagem 82 . • Pressure: 100%. Com a espessura 100 selecionada na caixa de diálogo brushes. Airbrush Tool Para fazer o reflexo na esfera.. que simula um instrumento de desenho conhecido no mundo artístico: uma caneta que pinta auxiliada por pressão de ar. Equivale na ferramenta real à maior ou menor pressão de ar utilizada para lançar a tinta sobre o papel. O comportamento é em quase tudo igual à Brush Tool.. Santos Franco 55 . mas se tivéssemos utilizado 50%. Lembre-se que o Photoshop é um programa para processamento digital de imagem e não um programa 3D. selecione as cores por default pressionando D e inverta-as pressionando X (primeiro plano a branco). Neste caso utilizou-se 100%.

Sombra na esfera Profa. Santos Franco 56 . Clique duas vezes sobre ela para definir as suas opções: • Range: Midtones. Burn Tool Esta ferramenta queima as cores (escurece-as) Imagem 85 . Trace um quarto de círculo no quarto quadrante da esfera. Exposure funciona da mesma forma que Pressure para a ferramenta anterior.Reflexo na esfera Falta escurecer um pouco a esfera no canto inferior direito. Utilizaremos para isso uma outra ferramenta.Burn Tool Selecione-a na barra de ferramentas ou pressione SHIFT+O no teclado até a ver selecionada (a tecla SHIFT faz percorrer a seleção dentro de um determinado grupo de ferramentas).Disciplina de Informática II Imagem 84 .Curso de Arquitetura e Urbanismo . Imagem 86 .: Cecília A. • Exposure: 30%.

As opções do filtro foram: • Radius: 6 pixels.Disciplina de Informática II Está quase perfeito.Curso de Arquitetura e Urbanismo . A intensidade da sombra pode ser suavizada diminuindo a opacidade da “Layer 1”. Basta juntar a sombra provocada pela esfera sobre o mosaico axadrezado. Pressione a tecla D para fazer do preto a sua cor de primeiro plano.: Cecília A.Transformação de "scale" no conteúdo da "Layer 1" Quando estiver satisfeito com o resultado. conseguiu-se uma ótima imitação da realidade. quer modificando uma fotografia digitalizada). Profa. Preencha a seleção elíptica com ALT+DELETE e retire a seleção com CTRL+D. Desloque o resultado um pouco para baixo utilizando a tecla DOWN.. As possibilidades são infinitas e o limite é a sua imaginação. Selecione o conteúdo da “Layer 1” utilizando CTRL e fazendo clique nessa layer na caixa de diálogo Layers. faça duplo clique no interior da área de transformação. Santos Franco 57 . modifique o valor de Opacity para 50%. a sombra está tudo menos realista: tem os contornos bem definidos e está demasiado intensa. O leitor é convidado a treinar outro tipo de simulações da realidade (quer a partir do nada. O elemento que utilizaremos para fazer a sombra já existe: é o conteúdo da “Layer 1”. Clique nessa layer para torná-la ativa. Para quem partiu do nada.. Imagem 87 . O resultado final é bastante bom. Iremos provocar uma distorção para passarmos de um círculo a uma elipse: Edit > Transform > Scale Pegue no lado superior do quadrado de transformação e mova-o para baixo utilizando a pega correspondente. Se reparar. Na caixa de diálogo Layers. Os contornos podem ser esbatidos utilizando um filtro do Photoshop: Filter > Blur > Gaussian Blur.

o mesmo que dizer 224 cores. mas mesmo assim a internet encontra-se cheia de más opções. JPEG Utiliza mapas de cores de 24 bits (true color). degradês ou gradações. Quanta maior for a qualidade. Profa. Imagem 89 . maior será o tamanho do arquivo. É o mais indicado para compactar arquivos que contenham fotografias ou qualquer outra informação visual onde existam muitas cores.Disciplina de Informática II Imagem 88 . Nesta parte do documento veremos como optar entre as duas extensões. As escolhas são poucas.Curso de Arquitetura e Urbanismo .: Cecília A.JPG Options (Menu File > Save a Copy. Procure optar pelo compromisso entre estes dois parâmetros. Santos Franco 58 . torna-se fácil decidir o que é aceitável. Format Options Define o tipo de algoritmo utilizado.) Image Options Quality é um parâmetro que pode ser definido numa escala de 0 a 12 e corresponde à maior ou menor atuação (respectivamente) do algoritmo de compressão.. Com a nova faceta de Preview.Resultado final da esfera Os formatos da web e a sua otimização Os designers da Web só podem conviver com dois formatos de imagem: GIF e JPEG..

que dadas as diversas opções disponíveis na criação de GIF’s.4 Kbps.Flatten Image Aparecerá a seguinte janela de diálogo: Profa. Antes de poder gravar uma imagem como GIF. Se o seu desejo for criar animações. 4 ou 5 scans. A única forma de se conseguir transparências numa imagem. O número de passagens efetuadas é definida na lista de opções abaixo entre 3.: Cecília A. esta apareça cada vez com maior qualidade. Progressive Outra opção recente para o formato JPEG permitindo que.8 Kbps e 56. o arquivo ficaria com um tamanho inaceitável. Diz-lhe a todo o momento e em função dos parâmetros escolhidos. ao fazer-se download de uma imagem. GIF Utiliza mapas de cores de 8 bits. É o mais indicado para compactar arquivos que contenham desenhos simples. Imagem 90 . onde as cores apareçam em pouca quantidade e de forma estanque. Não é possível converter uma imagem para cores indexadas sem antes fazer Flatten Image.6 Kbps. Não existem semitransparências. Não será de espantar. Baseline Optimized Apareceu posteriormente e gera arquivos menores para o mesmo nível de qualidade do que o anterior. algumas fotografias fiquem razoáveis neste formato (de qualquer das formas. É desaconselhado para fotografias. Santos Franco 59 . 28. mesmo os antigos. contudo. já que é o único suportado pelos browsers. nomeadamente comparando com a mesma imagem em formato JPEG). uma cor (ou conjunto de cores) só pode assumir um de dois estados: transparente ou não transparente. é também utilizando o formato GIF.Curso de Arquitetura e Urbanismo . nomeadamente o conhecido efeito de auréola. você precisa mudar o formato da imagem para cores indexadas: Image > Mode > Indexed Color. só é reconhecido por browsers mais recentes. então este é o formato certo. dadas as suas limitações em termos de cor e a excessiva visibilidade do efeito dither. Este fato provoca algumas inconveniências. em outras palavras.Disciplina de Informática II Baseline (“Standard”) Foi o primeiro algoritmo JPEG e por isso é reconhecido por todos os browsers. Size Caixa extremamente útil para quem trabalha para a Internet. Antes de proceder à conversão. o mesmo que dizer 28 ou 256. o Photoshop pergunta se pretende fundir todas as layers no background. e se a sua imagem tiver layers.. qual o tamanho da imagem final e quanto tempo demora a efetuar o seu download em três tipos diferentes de Modems: 14. Porém. A transparência nos GIF’s só possui 1 bit..

Porque a caixa de diálogo da imagem contém todas as cores desta. uma imagem RGB apenas com as cores verde e azul.: Cecília A. A maior parte das imagens concentram-se em zonas particulares do espectro. Útil se necessitar de uma imagem para uma aplicação Macintosh. Para controlar uma caixa de diálogo de uma forma mais precisa. 64. Por exemplo. Um número de bits menor cria uma caixa de diálogo uniforme com menos cores. Por exemplo. produz uma caixa de diálogo composta principalmente por verdes e azuis. selecione primeiro a área da imagem que contém as cores que pretende enfatizar. Palette Web Utiliza a palette mais usada pelos browsers para mostrarem imagens de 8 bits. Palette Uniform Cria uma palette escolhendo uniformemente cores do espectro. Santos Franco 60 . verde e azul e calcula as combinações destas cores para produzir uma caixa de diálogo uniforme de 216 cores (6x6x6=216). não existe o efeito dither. O Photoshop pesará a conversão tendo em conta essas cores.Curso de Arquitetura e Urbanismo . O número total de cores apresentadas na imagem corresponde ao cubo mais próximo do número de bits escolhido (8. que é baseada numa amostra uniforme de cores RGB. Útil se necessitar de uma imagem para uma aplicação Windows. Palette System (Windows) Utiliza a palette 8 bits do Windows.Indexed Colors Palette Exact Cria uma palette que usa as cores exatas que aparecem na imagem RGB.Disciplina de Informática II Imagem 91 . 27. o Photoshop pega em seis níveis de cor uniformemente espaçados de vermelho. 125. Profa. ou 216). Esta caixa de diálogo é a intersecção das duas anteriores. se escolher 8 bits de cor. Esta opção só aparece se a imagem tiver 256 ou menos cores. Palette Adaptive Cria uma palette escolhendo as cores do espectro que aparecem mais vezes na imagem. que é baseada numa amostra uniforme de cores RGB. Palette System (Macintosh) Utiliza a palette 8 bits do Macintosh.

Profa. terá duas hipóteses: editar a Color Table cor por cor ou ler uma caixa de diálogo de cores criada anteriormente. Quanto maior for este efeito. O valor por default é 75%. Santos Franco 61 . Preserve Exact Colors Previne que o efeito dither seja aplicado nas cores que constam da palette. pode aplicar o efeito dither. Primaries – força o aparecimento de cores primárias. Amount Nesta caixa define-se a quantidade de efeito dither a ser utilizado. melhor é o resultado visual. Web – força o aparecimento de cores compatíveis com a Web. a tabela de cores pode não conter todas as cores usadas pela imagem. tornando fácil a conversão de várias imagens para uma caixa de diálogo de cores comum. Em vez disso. Dither A não ser que utilize a Palette Exact. Custom – força o aparecimento de cores definidas pelo utilizador. mas o tamanho do arquivo aumenta proporcionalmente. também conhecido como profundidade de cor. usa a cor mais próxima da cor que falta. 6 bits por pixel. Dither Pattern Usa um efeito parecido com o halftone (este efeito é conhecido de todos através das fotografias dos jornais que geram as diferentes tonalidades a partir da maior ou menor concentração de pontos negros) para simular as cores que não existem na tabela. a imagem será composta por 16 cores. Forced Com esta opção. utilizando a caixa de diálogo Color Table. Você pode optar por três opções de dither: Dither None Não aplica o efeito dither às cores. Dither Diffusion Usa um método de difusão dos pixels por erro que produz um efeito dither menos estruturado que o próximo. Colors Usando as palettes Uniform ou Adaptive. Por exemplo. poderá especificar quantos bits deseja para as cores da sua imagem – o número de bits de cor por pixel. Palette Previous Usa a palette específica utilizada numa conversão anterior.Disciplina de Informática II Palette Custom Cria uma palette específica. 8 bits por pixel. Para simular essas cores. Aqui. Na prática pode escolher qualquer número de cores para a sua imagem (até 256). poderá forçar o Photoshop a conter um determinado conjunto de cores: None – não força a existência de cores específicas. Black and White – força o aparecimento de branco e preto. Isto tende a resultar em transições bruscas entre variações de cor na imagem. O efeito dither misturas os pixels das cores disponíveis para simular as cores que faltam.Curso de Arquitetura e Urbanismo . 256 cores.: Cecília A. Web ou Uniform (216 cores). determina o número de cores utilizadas na tela ou na impressão de uma imagem. se escolher 4 bits por pixel. Esta opção só fica disponível ao utilizar as seguintes caixa de diálogos: Mac OS System. 64 cores. Este número.

Profa. clique na cor que quiser transformar em transparente. Lembre-se que deve ter a imagem em formato Indexed Color antes de aplicar a transparência.: Cecília A. principalmente em imagens cujos contornos são suaves (efeito anti-alias).. Santos Franco 62 . Comece por abrir um novo documento com 200x200 pixels e dê pinceladas de forma aleatória mas perto do centro da composição..Disciplina de Informática II GIF’s transparentes Fazer um GIF transparente é relativamente fácil. CMYK. faça: File > Export > GIF 89a Export… Com o conta-gotas selecionado. a mão ajudá-lo-á a navegar pela imagem. pois é esta a cor (que coincide com a área onde está colocado o boneco) que se deseja tornar transparente. basta selecioná-las diretamente sobre a imagem ou a partir da caixa de diálogo de cores que se situa no fundo da janela de diálogo. um pixel ou é transparente. Para adicionar mais cores à transparência. etc. Lembre-se que no formato GIF.Imagem GIF sem transparência Com a imagem aberta e convertida para Indexed Color.Curso de Arquitetura e Urbanismo . Não coloque riscos que saiam fora dos limites. vamos escolher o branco. quando a percentagem de zoom for muito elevada. ou não é! Não existem pixels semitransparentes como no caso da opacidade de layers este fato causa o conhecido efeito de auréola. Imagem 93 .Menu File > Export > GIF 89a Export. Existem botões para fazer zoom à imagem (tornando a sua opção pelas cores mais precisa) e. Imagem 92 . isto para o caso de partir de uma imagem RGB. Imagens para fundos de páginas Esta é uma forma rápida de fazer aqueles fundos que se vêm nas páginas com padrões contínuos onde não se vislumbram transições entre mosaicos. Neste caso.

Outras pinceladas aleatórias O background da página está feito e o embelezamento da composição dependerá do seu gosto. Introduza os seguintes parâmetros: • Angle: 135º. • Amount: 100%..: Cecília A.pinceladas aleatórias com a Brush Tool Em seguida vamos aplicar um filtro para conseguirmos homogeneizar o padrão: Filter > Other > Offset… Utilize as seguintes opções: • Horizontal: 100 pixels right.Curso de Arquitetura e Urbanismo . • Height: 3 pixels. Isto conduz a uma versão enrolada do documento.Disciplina de Informática II Imagem 94 . Coloque um pouco de cor com: Image > Adjust > Hue/Saturation Introduza os seguintes parâmetros: • Hue: +80 • Saturation: +40 Profa. Dê novamente pinceladas aleatórias perto do centro do documento sem tocar os seus limites.. Imagem 95 . • Vertical: 100 pixels down. Use um filtro que dê relevo às formas: Filter > Stylize > Emboss. Santos Franco 63 . • Undefined areas: Wrap around.

Disciplina de Informática II • Lightness: +40 Coloque um visto na caixa Colorize nesta janela de diálogo. Eis o resultado final: Imagem 96 .Papel de Parede para página Web Profa. Santos Franco 64 . Para fundo. Vamos corrigir isto fazendo uso de: Image > Adjust > Brightness/Contrast Parâmetros: • Brightness: -30.: Cecília A. a imagem ainda tem muito contraste e muito brilho. • Contrast: -70.Curso de Arquitetura e Urbanismo .

.... 12 Imagem 7 ..... Santos Franco 65 ............................................... 9 Imagem 4 ...............Pencil Tool .............................Brush Mode ..Seleção do espaço preto envolvente....................................................... 8 Imagem 3 ........................... 24 Imagem 26 ....................................... Grid & Slices ........................... 31 Imagem 36 ........................... 21 Imagem 19 ...........................................Caixa de diálogo Swatches ..............................................................Inserir o céu na imagem . 32 Imagem 37 ............................................................................................................... 22 Imagem 20 ..........................................................................................................Warp Text .........................................................................................................Preferences > GeneralColor Picker ...................Brush Options ..........................Opções para trabalhar com Layers .............Curso de Arquitetura e Urbanismo ..Magic Wand Tool.......................................................................................Menus do PhotoShop ......................................................................................................................................................................................................... 38 Imagem 49 ....................................................................... 15 Imagem 10 .........................................................................Elliptical Marquee Tool .............................Rectangular Marquee Tool ....Seleção de corte em volta da imagem .................................................................................. 27 Imagem 30 .................................................................................. 20 Imagem 17 ...... 23 Imagem 23 .Mode de cor CMYK .Caixa de diálogo Color ......................................................................Preferences > Display & Colors.... 15 Imagem 11 .................... 10 Imagem 5 ..................................................: Cecília A......................... 34 Imagem 39 ......Caixa de diálogo History.................................................................................Disciplina de Informática II Índice de Imagens Imagem 1 .......Preferences > File Handling ..................................................... 13 Imagem 8 ............................Preferences > Units & Rulers ...................................... 24 Imagem 24 ......................................................................................................................................... 34 Imagem 41 ........ 25 Imagem 27 ....................... 36 Imagem 45 .................................................................Transform > Perspective.... 22 Imagem 22 ......................................... 22 Imagem 21 ......................................................................................................................................................... 37 IImagem 47 .. 24 Imagem 25 .......................................................................Utilização das opções da Brush Tool ..................................................................... 37 Imagem 48 ... 7 Imagem 2 ..........................................................................................Transform > Distort ...................... 11 Imagem 6 ...........Caixa de diálogo Layers .....................Transform > Scale ...... 36 Imagem 44 ................... 28 Imagem 33 ..........Drag & Drop no documento ...........................................................................Type Tool (Texto) ..................Modo de cor Lab Color .................................................Preferences > Plug-Ins & Scratch Disks..........Pen Tool .....Marquee Options .. 28 Imagem 32 ....................Composição de Seleções ...Preferences > Memory & Image Cache................................ 35 Imagem 42 ...................................................................................Utilização da Pencil Tool ..... 19 Imagem 15 .............................................Menu File > New (CTRL + N) .................................Janelas Auxiliares: Layers / Channels / Paths.....Modo de cor RGB ............................................................................................................. 26 Imagem 28 .......................................................... 27 Imagem 29 ........................................................................................................................................................................................................................................................................................................................................................Pencil Options............. 34 Imagem 40 ..........................................Transform > Rotate...................................................................... 16 Imagem 12 ...................Brush Tool ........................................................................................... 21 Imagem 18 ......................................................Transform > Skew..................................................................................... 14 Imagem 9 .................Imagem de Veneza após os ajustes automáticos ...........................................................................................................................................................................Tipos .........Resoluções diferentes em imagens......Resultado final da imagem ............................... 29 Imagem 34 ....Caixa de diálogo Brushes.............Ociltar uma Layer .............. 35 Imagem 43 .......................... 18 Imagem 14 ........................................................................... 20 Imagem 16 ....... 39 Profa............................. 38 Imagem 50 ................ 33 Imagem 38 ...................................................................................... 28 Imagem 31 ....................................Rotação da imagem........Preferences > Transparency & Gamut .......... 39 Imagem 51 ...........Type Tool Options ................................................................................................................ 36 Imagem 46 ............ 17 Imagem 13 .................................................................................................................. 29 Imagem 35 .............................................Barras de Ferramentas...............Preferences > Guides.................

.......Transformação de "scale" no conteúdo da "Layer 1" ....................................................................................... 46 Imagem 67 ....................................................................com/download..............................Gradiente inferior .................................................. 40 Imagem 57 .......... 58 Imagem 90 .... 47 Imagem 68 ................Imagem inicial do velho ................................................................................................................... 64 Bibliografia http://www................................)................................... 52 Imagem 78 ........ 62 Imagem 93 ............................. 46 Imagem 65 ................................. 63 Imagem 96 .....................................................................................Menu Filter > Distort > Spherize.......................................................................................Channels (Lab Color).........................................................................Fotografia do velho em tons de sépia utilizando Duotone ...........................................Zona de claridade ........................ 56 Imagem 85 ...... 60 Imagem 92 ................................................................Menu Filter > Render > Difference Clouds ........................................................ 55 Imagem 84 ..................Outras pinceladas aleatórias ....................................................... 54 Imagem 81 .................................... 59 Imagem 91 ........................................................................ 53 Imagem 79 .....Channels (Grayscale) ..............................................................Guides (Linhas-Guia)................................................................................................................................. ............................................ 44 Imagem 61 ......Menu Edit > Transform > Distort............. ..............Gradiente superior ...............................................................................apostilando..................................................Selecionar o conteúdo não tranparente de uma layer .......................................... 57 Imagem 88 ..............................Sombra na esfera ... 50 Imagem 74 ............... 43 Imagem 60 ..............................................Airbrush Tool ....................................................................................... acesso em setembro de 2005 Profa..................................................................................................................Imagem GIF sem tansparência .........Caixa de diálogo Paths....Menu Image > Mode > Grayscale ..............................................................................................................Ajustar Curvas já desenhadas...........Papel de Parede para página Web. 62 Imagem 94 ....................................Linear Gradient Tool ........Direct Selection Tool..... 43 Imagem 59 ................................................ 45 Imagem 64 .... 46 Imagem 66 ............................................Zona de sombra................................................................ 45 Imagem 63 .....................Disciplina de Informática II Imagem 52 ............................. 58 Imagem 89 ..................................................................................Caixa de diálogo Histogram............................................Duotone Options.Palhetas de cores..........Imagem final do velho. 63 Imagem 95 ......................................Grayscale utilizando Menu Image > Mode > Grayscale ................................................................................................................: Cecília A...................Custom Colors PANTONE........................ 40 Imagem 55 ..............................................Menu File > Export > GIF 89a Export........ Santos Franco 66 ... 51 Imagem 75 .................. 40 Imagem 56 .......................... 55 Imagem 83 ............................................................. 44 Imagem 62 ....... 40 Imagem 54 .... 54 Imagem 82 ....... 56 Imagem 87 ...........Reflexo na esfera.............................................................................................................................Curso de Arquitetura e Urbanismo .......... 48 Imagem 72 ......................JPG Options (Menu File > Save a Copy..........Ferramenta de seleção circular ... 47 Imagem 69 .......................Book ............................................................. 47 Imagem 70 .................................................Desenhar segmentos de Reta ...................... 49 Imagem 73 ..................................................................... 53 Imagem 80 ...............................Convert Point Tool .................................................................................................... 52 Imagem 77 ....pinceladas aleatórias com a Brush Tool ............................................................................................................................................... 48 Imagem 71 .........................................Indexed Colors.......................................................... 52 Imagem 76 ..........Burn Tool ..............Resultado final da esfera ...................................................................................Grayscale utilizando Lab Color............................php?cod=260&categoria=Photoshop............... 41 Imagem 58 ..............................................................Flatten Image..........................Linear Gradient Options...... 39 Imagem 53 ..............Caixa de diálogo Levels............... 56 Imagem 86 ......................................................................................Desenhar Curvas..............................................................