Você está na página 1de 171

Sumário

1 Introdução ao Photoshop............................................................................................................... 3
1.1 Interface.......................................................................................................................................... 3..5
1.2 Painéis............................................................................................................................................. 6..7
1.3 Abrindo imagem............................................................................................................................. 8
1.4 Novo Arquivo............................................................................................................................. 9
1.5 Tamanho da imagem..................................................................................................................... 10..12

2 Camadas e tipos de arquivos......................................................................................................... 13


2.1 Camadas.......................................................................................................................................... 13
2.2 Filtro de busca............................................................................................................................ 14
2.3 Movendo e organizando........................................................................................................... 15
2.4 Visibilidade...................................................................................................................................... 16
2.5 Opacidade...................................................................................................................................... 17
2.6 Vinculando camadas..................................................................................................................... 17..18
2.7 Conhecendo atalhos...................................................................................................................... 18..20
2.8 Tipos de arquivos........................................................................................................................... 21..26

3 Cores, boas práticas e seleções..................................................................................................... 27


3.1 Amostra de cores........................................................................................................................... 27..32
3.2 Desfazendo passos......................................................................................................................... 33..34
3.3 Zoom................................................................................................................................................ 34..35
3.4 Duplicando objetos......................................................................................................................... 35..36
3.5 Seleção de camadas....................................................................................................................... 36..37
3.6 Alinhamento.................................................................................................................................... 37..39
3.7 Configurando tamanhos................................................................................................................ 40
3.8 Guias e Réguas................................................................................................................................ 41..42
3.9 Seleção de objetos.......................................................................................................................... 42..47

4 Copiar e colar/Transformação e Pincel ....................................................................................... 48


4.1 Ferramenta de seleção.................................................................................................................. 48..49
4.2 Ferramenta laço........................................................................................................................... 49..51
4.3 Colando em outro arquivo............................................................................................................. 52..54
4.4 Ferramenta de transformação...................................................................................................... 55..58
4.5 Deformar......................................................................................................................................... 58..59
4.6 Pincel............................................................................................................................................... 59..67

5 Formas básicas e Borracha............................................................................................................. 68


5.1 Laço magnético.............................................................................................................................. 69
5.2 Ferramenta borracha .................................................................................................................... 70
5.3 Camada com máscara................................................................................................................... 70..72
5.4 Formas............................................................................................................................................ 72..75

1
6 Ferramentas de Texto................................................................................................................. 76
6.1 Ferramenta de Texto.................................................................................................................. 76..79
6.2 Alinhamento............................................................................................................................... 80
6.3 Colorindo texto........................................................................................................................... 80..81
6.4 Alinhamento vertical................................................................................................................. 81..82
6.5 Borda e Linha.................................................................................................................... 82..87
6.6 Demarcador/Paths e Caneta............................................................................................. 88..93

7 Objetos inteligente e ajustes de cores................................................................................ 94


7.1 Objeto inteligente............................................................................................................. 94..96
7.2 Configuração de Cores e efeitos....................................................................................... 97..103

8 Finalizações e Filtros........................................................................................................... 104


8.1 Filtros................................................................................................................................ 104..108
8.2 Mesclagens................... ................................................................................................... 108..111
8.3 Salvando........................................................................................................................... 112..114

9 Projeto paper friends 1...................................................................................................... 115


9.1 Configurando arquivo....................................................................................................... 115
9.2 Guias e régua.................................................................................................................... 116..118
9.3 Criando fundo................................................................................................................... 118..121
9.4 Criando as letras............................................................................................................... 122..128
9.5 Criando arco-íris................................................................................................................ 128..132

10 Projeto paper friends 2..................................................................................................... 133


10.1 Criando as nuvens........................................................................................................... 133..137
10.2 Inserindo balões.............................................................................................................. 138..141
10.3 Transferindo objetos........................................................................................................ 141..142
10.4 Criando pássaros............................................................................................................. 143..151

11 Projeto paper friends 3..................................................................................................... 152


10.1 Criando logo................................................................................................................... 152..161
10.2 Finalizando detalhes....................................................................................................... 161..163
10.3 Banner WEB.................................................................................................................... 163..171

2
PHOTOSHOP

INTERFACE

O Photoshop não é apenas uma aplicação de edição de imagens qualquer, é a mais avançada e
mais abrangente aplicação de edição de imagem profissional. O Photoshop é líder do mercado,
permite uma integração fantástica com as demais ferramentas da Adobe, tanto na área de Internet,
como impressos, vídeo, e multimídia.

Após concluir o processo de inicialização, a área de trabalho ocupará todo o primeiro plano. A
maioria dos elementos que compõe a área de trabalho do Photoshop são bem conhecidos das
pessoas que estão familiarizadas com o de outros programas adobe. Abaixo uma visão geral da
área de trabalho com uma imagem aberta.

Observe que assim como no illustrator, nós temos o painel de ferramentas de um lado, e a área dos
painéis do outro lado da tela. Veja que também é fácil ver as opções das ferramentas utilizadas.

Agora vamos conhecer alguns detalhes que vão nos auxiliar muito no dia a dia.

3
No nosso canto esquerdo, nós temos a nossa caixa de ferramentas, você pode deixar a apresentação
dela da maneira padrão em uma só fila ou também pode configurar pra aparecer em fileira dupla
clicando no ícone das duas setas no topo da caixa.

Caso queira voltar para o modo padrão de uma só fila


basta clicar novamente nas setas duplas. Agora uma
outra observação importante é que cada ferramenta que
possui uma seta embaixo do seu ícone, contém um grupo
de ferramentas “escondidas”, basta pressionar o botão do
mouse sobre essas ferramentas durante um tempo que logo
irá se abrir o grupo de ferramentas dela.

Perceba que o grupo de ferramentas se abre em uma caixa


que apresentas as outras possíveis ferramentas.

Você irá observar que toda vez que você utilizar uma ferramenta ou selecioná-la na caixa de
ferramentas ela ficará mais escuras dando um efeito de quando você pressiona um botão e as
configurações do topo do photoshop irão mudar. Essas configurações são configurações de atalho
para a ferramenta utilizada no momento.

Agora perceba que assim que se selecionarmos outra ferramenta mesmo sem abrir seu grupo de
ferramentas as configurações do topo também irão mudar de acordo com a ferramenta.

4
Estas duas ferramentas que se encontram na caixa de ferramentas é muito simples,
por padrão as cores definidas são preto para cor de frente e branco para cor de fundo.
Para alternar entre elas basta clicar nas setas duplas e a ordem será invertida.

Também é possível alterar as cores, basta clicar sobre um dos quadrados e logo irá se abrir o
seletor de cores.

Algo muito interessante também, é que na parte inferior ao lado da barra de rolagem você pode
encontrar algumas informações. Como mostrado na imagem acima, é possível observar o zoom
que está sendo utilizado na imagem, informações sobre o Documento e ao lado uma seta, que ao
clicar em cima, irá se abrir uma janela de outras opções. Caso você queira habilitar alguma dessas
opções, basta clicar na seta e escolher uma delas, depois de escolher ela irá ser apresentada na
nesta barra aonde por padrão aparece o tamanho do documento.

5
PAINÉIS
No canto direito da tela você pode visualizar os painéis, porém é possível configurar com o botão
“essentials” os tipos de painéis que você quer visualizar.

Clicando nas setas duplas na parte superior o modo de visualização dos painéis é transformado,
sendo agora representados por ícones. Para utilizar as opções basta clicar no ícone do painel
desejado.

Você também pode destacar um painel, caso queira trabalhar somente com aquelas ferramentas
no momento, basta clicar no topo do painel e arrastar para o lugar desejado no área do documento.

6
Observe que destacando os painéis pela área do documento não sobraria a área de painéis do lado
direito já que seriam todos destacados na tela.

Caso queira colocar de volta todos os painéis no canto direito, basta arrastá-los de volta para a área
de painéis arrastando e deixando pressionado o botão do mouse até aparecer uma barra azul, logo
após soltar. Ou até mesmo montar um grupo de painéis desejados, veja o exemplo abaixo:

Colocando de volta

Formando grupo
1 2 3

Veja que agora nós temos 4 painéis juntos em um só grupo, isso pode facilitar o nosso trabalho na
hora de fazer as alterações necessárias diminuindo o tempo de procura por ferramentas.

7
ABRINDO UMA IMAGEM

Para abrir uma imagem no Photoshop basta


ir no menu Arquivo e logo depois em Abrir.
Logo depois basta selecionar a imagem que
você quer abrir.

Uma imagem é composto por vários pixels, esses pixels são pequenos frames ou “quadradinhos”
que compõem a imagem. Quanto maior a imagem maior a quantidade de pixels.

Repare que a imagem em tamanho normal quando é adicionada, permanece com sua qualidade
intacta, porém se dermos um zoom muito grande, acontece o efeito de “pixelização”, que é observado
quando aproximamos muito um ponto da imagem ou ela completamente e podemos enxergar os
pixels, causando uma certa distorção na imagem.

8
Por isso quanto menos zoom uma imagem tiver melhor será a qualidade dela aparentemente,
porque os pixels ficam mais juntos evitando o efeito visto anteriormente, porém nem sempre é bom
que a imagem fique distante, mesmo tendo melhor qualidade, pode ser difícil de enchergar ela da
maneira desejada. Por isso cada imagem deve ter um tamanho ideal e uma boa resolução.

NOVO ARQUIVO

Embora na maioria das vezes você vá abrir uma imagem e depois alterá-la, podemos começar tudo
do zero, ou seja, podemos desenhar tudo dentro do Photoshop. Para iniciar um novo arquivo, clique
no menu Arquivo -> Novo.

Nessa tela o mais importante é definir a largura (Width), altura (Height) e resolução de nosso projeto.
Quando se trabalha com aplicações para impressões, a resolução recomendada é de 300 pixels/
pol. Quando trabalhamos com imagem nós usaremos o termo DPI (Dots Per Inch, em português
Pontos por Polegada), que nada mais é que a resolução. A resolução da imagem é responsável
por deixá-la com mais qualidade, geralmente as imagens possuem 72dpi que é um formato digital
comum, porém nós vamos trabalhar sempre com a possibilidade de impressão de nossos arquivos
e além disso trabalhar com uma maior resolução possibilita que essa imagem possa receber muito
mais zoom sem ser distorcida.

Ao confirmar as dimensões, ele apresenta a sua área de trabalho com o espaço nas dimensões
para sua arte.

9
TAMANHO DA IMAGEM
Para visualizar as informações sobre o tamanho da imagem, basta ir no menu Imagem - > Tamanho
da imagem.

Perceba pela imagem que temos um determinado tamanho da imagem em cm na parte de


baixo(16,59x6,27) e no topo determinado em pixels (980x370), porém na questão de qual medida
de tamanho da imagem está sendo usada, não irá interferir no tamanho dessa imagem só estará
mostrando o valor em cada medida, caso você não altere nem largura nem altura a imagem
continuará a mesma independente da medida.

A diferença da resolução também é uma maneira rápida de se mudar o tamanho da imagem,


dependendo da resolução usada, todo o valor da imagem é alterado automaticamente.

Veja que alterando a resolução para 300(DPi)


os valores de largura e altura mudaram
automaticamente. A resolução altera a qualidade
da imagem, quanto maior a resolução maior a
qualidade da imagem. Porém veja que aconteceu
algo que não era o desejado, o tamanho da imagem
foi alterado na sua largura e altura. Nós queremos
somente que a imagem fique com maior qualidade
e continue com o mesmo tamanho para isso vamos
habilitar a opção “Restaurar Resolução”.

Volte a resolução para o valor normal e vamos fazer da maneira certa.

10
Veja que agora com a opção habilitada, quando alteramos a resolução para 300 as alterações
afetam somente a quantidade de pixels na imagem. Isso possibilita a imagem continuar do mesmo
tamanho, só que agora com uma quantidade de pixels maior, ela tem mais qualidade que antes.

Faça o teste, de bastante zoom na imagem e compare com o zoom de antes, você irá perceber que
agora você pode dar muito mais zoom antes da imagem mostrar os pixels.

150Dpi

300Dpi

11
Simplificando nós temos o seguinte esquema:

Aqui podemos ver que quanto maior o DPI ou resolução maior será a dimensão em pixels da imagem,
e também maior será sua qualidade. Porém isso também afeta o espaço de armazenamento que
ela ocupa, quanto mais qualidade maior será o espaço de armazenamento que ela irá ocupar.

12
CAMADAS

Agora nós iremos trabalhar com Camadas. Camadas ou Layers em inglês, nada mais é do que
cada parte do seu trabalho. Cada elemento feito pode ser separado em uma camada diferente,
para facilitar uma alteração por exemplo. Fazendo essa divisão por Camadas você pode fazer
alteração em um só elemento ao invés de ter que alterar todo o projeto, por isso é muito importante
sabermos usar este recurso. Caso você não esteja visualizando o painél de camadas, basta ir no
menu Janelas e clicar na opção Camadas.

Veja a imagem a seguir, esta será a maneira que o seu ambiente de trabalho do photoshop deve
ficar para estudarmos este assunto.

No painel de camadas nós veremos vários elementos diferentes cada um em sua camada, porém
mesmo estando em diferentes camadas estes elementos compõem a mesma imagem que você
esta vendo na tela.

13
FILTRO DE BUSCA

É importante lembrar sempre de nomear as suas camadas, pois mesmo você podendo visualizar o
objeto pela miniatura da imagem, você pode se confundir, e também é uma maneira que facilita a
busca pela camada desejada.

Vamos conhecer alguns elementos do nosso painel de camadas, na parte superior do painel
existem vários ícones. Estes ícones são usados para filtrar as camadas existentes, pelo seu tipo.
Camadas de imagem; Camadas de texto; Camadas de ajuste; Camadas de forma; Camadas de
objetos inteligentes.
No nosso caso nós temos camadas de imagem e de texto, logo marcando os ícones correspondentes
ele irá buscar somente essa categoria de camadas, caso não marque nada ele irá exibir todas as
camadas.

No nosso caso nós temos camadas de imagem e de texto, logo marcando os ícones correspondentes
ele irá buscar somente essa categoria de camadas, caso não marque nada ele irá exibir todas as
camadas.

Para usar o filtro de busca com outros tipos, basta clicar


no botão com o ícone de lupa, que por padrão fica com
o nome “Kind” ou Tipo, nele existem outros critérios de
busca das camadas, por exemplo o que consta ao lado que
está usando o critério de nomes de camadas para fazer a
busca, logo quando escrevemos a palavra “QUADRADO”
ele irá trazer todas as camadas que contém esta palavra.

14
MOVENDO E ORGANIZANDO

Quando nós vamos trabalhar com camadas nós precisamos sempre selecionar a camada onde
está localizado o objeto que queremos movimentar, por exemplo se você quiser mover o objeto
amarelo você precisa selecionar a camada dele e fazer a alteração caso contrário você não irá
conseguir. A mesma coisa serve para os outros objetos como os textos também.

A ordem das camadas também é algo muito importante de se manter, porque se a ordem for
alterada o desenho também é alterado, lembre-se sempre de deixar as camadas em ordem. Por
exemplo se nós colocarmos a camada do círculo vermelho que é o maior de todos ele facilmente
cobriria os outros objetos porque se a camada dele for movida pra antes dos outros objetos é isso
que irá acontecer:

Perceba que no painél de camadas a posição dele agora está acima de todas as outras. Para
mover as camadas basta pressionar o botão do mouse em cima da camada desejada, e arrastar
para a posição que você quer, assim como vimos com os painéis na aula passada.

15
VISIBILIDADE

Você deve ter notado também que ao lado de cada camada no painel existe um ícone de um olho.
Este ícone é uma opção de visualização. Você pode escolher deixar a camada visível ou não na
tela, basta clicar no ícone do lado da camada e fazer o teste.

VISÍVEL

INVISÍVEL

Vale ressaltar que quando você torna uma camada invisível, a camada que está abaixo dela pode
aparecer no lugar que ficou vazio, podemos observar isso com o exemplo acima, como a camada
do quadrado amarelo ficou invisível, o círculo vermelho que ficava abaixo dele ficou visível.

16
OPACIDADE

Um efeito que você poderá usar muito no photoshop é o efeito de opacidade, esse efeito traz um
aspecto de transparência para o objeto no qual ele é aplicado. Você pode aplicar ele em qualquer
elemento, vamos fazer um teste aplicando este efeito na camada do círculo vermelho.

Repare que o efeito de opacidade aplicado pode


ser alterado pela porcentagem. O efeito ao lado
foi feito com 52% de opacidade, porém você
pode alterar esse valor na barra de porcentagem
com porcentagens predeterminadas de 10 em
10%, tanto como você pode clicar no local onde
mostra a porcentagem dos números e digitar
manualmente a porcentagem desejada.

VINCULANDO CAMADAS

Agora vamos dizer que você precise ou queira modificar ou mover dois objetos de camadas
diferentes, você tem a opção de vincular essas camadas. Vincular 2 ou mais camadas significa
que você quer que todo efeito que você aplique, seja aplicada em todas as camadas vinculadas.
Para fazer isto você precisa selecionar as camadas desejada para fazer o vínculo. Clique em uma
camada logo após pressiona a tecla SHIFT do seu teclado e clique na outra camada desejada, logo
após clique com o botão direito do mouse sobre elas e escolha a opção “Vincular camadas”.

Depois de fazer essas etapas as suas camadas vão ter um ícone de um fragmento de corrente no
lado direito, isso quer dizer que agora elas estão vinculadas.

17
Veja que agora não importa qual dos elementos você move das camadas que você vinculou, eles irão
se mover sempre juntos, pois estão vinculados e todas as alterações serão feitas nas 2 camadas.

CONHECENDO ATALHOS

Vamos conhecer um pouco agora da nossa barra inferior do painel de camadas, repare que temos
alguns ícones nessa barra. Estes botões são pequenos atalhos para algumas coisas que você
possa precisar fazer com suas camadas, assim como nós acabamos de ver como vincular duas
camadas também temos um botão de atalho para isso, somente precisando selecionar as camadas
e clicar nele .

Todas essas ações podem ser feitas de outra forma porém essa é a maneira mais fácil de se
realizar, por isso esses botões de atalho nos serão muito úteis durante nosso aprendizado.

18
Agora que nós já estamos cientes do que nossos atalhos fazem podemos utilizar um para um
exemplo bem prático. Clique no atalho para criar um novo grupo e coloque o nome “Formas” nele.

Um grupo serve para organizar melhor nosso


arquivo, guardando várias camadas do mesmo tipo
dentro de uma pasta. Assim como nós vamos fazer
agora. Arraste todas as camadas que são formas
geométricas para dentro da pasta Formas, porém
tente arrastar todas elas na ordem certa lembrando
que o objeto que deve ser arrastado primeiro é o
que fica mais atrás na imagem.

Assim teremos a formação mostrada a baixo na nossa pasta Formas, repare que o objeto que
fica por último foi o primeiro objeto arrastado para pasta e o que fica por primeiro é o último a ser
arrastado.

Como agora temos um grupo contendo todas as nossas formas para mover as camadas da imagem
ficou bem mais fácil caso você queira mover todos os objetos de uma vez, não é necessário fazer
um vinculo entre eles mais, porque ambos estão dentro do mesmo grupo basta você selecionar no
painel de camadas a sua pasta do grupo:

Veja que selecionando a pasta Formas


movemos todas as camadas contidas dentro
dela de uma vez só. Caso queira mover
somente uma camada basta selecionar a
camada desejada dentro da pasta e mover
ela separadamente.

19
Agora crie mais 2 pastas e coloque o nome de
Plano de Fundo e a outra de Textos. Criando
nossas pastas podemos organizar melhor nosso
projeto.

Veja como ficou a nossa divisão agora:

Depois basta colocar na ordem certa, lembrando


que o texto deve estar em cima das formas
para poder aparecer

É possível também dividir o seu grupo de camadas por cor, para facilitar a sua organização, basta
clicar com o botão direito em cima do quadrado onde fica o ícone de visualização e escolher a cor.

20
TIPOS DE ARQUIVOS
Agora vamos entender um pouco melhor sobre tipos de arquivos, para abrir um novo arquivo faça
o caminho mostrado na imagem abaixo:

Perceba que nessa pasta nós temos quatro tipos de arquivos diferentes, o que define o tipo do
arquivo, é a sua extensão, ou seja, a descrição que vem depois do “ . ”, e também podemos
perceber uma diferença na imagem que representa o arquivo. Nesta pasta temos os arquivos ( .png
/ .jpg / .pdf / .psd ). Cada arquivo é de um tipo diferente porém contém o mesmo conteúdo, vamos
ver qual a diferença que isso nos traz. Vamos começar abrindo nosso arquivo birds.psd.

21
Perceba que quando abrimos nosso arquivo ele se apresenta como uma imagem completa porém
com todas as camadas que compõem essa imagem. Os arquivos .psd são arquivos próprios do
photoshop, ou seja são arquivos que você pode modificar cada camada. Por exemplo, se eu quiser
mover alguma camada basta eu selecionar e movê-la:

Além disso podemos adicionar quantas camadas quisermos e fazer qualquer tipo de alteração.
Pois é como se você tivesse abrindo um trabalho que você mesmo tenha feito no photoshop.

O próximo arquivo que nós iremos abrir é o arquivo birds.jpg. Os formatos .jpg são formatos de
arquivos padrão para imagens, vamos abri-lo e ver como irá ficar.

22
Perceba que agora nós temos somente uma
camada definida como plano de fundo e com
o símbolo do cadeado ao lado, isso quer dizer
que esta camada esta “trancada” e não poderá
ser alterada. Caso você tente usar qualquer
ferramenta sobre a imagem será exibida a
mensagem ao lado:

23
Neste caso isto acontece porque este arquivo é somente de imagem, e não poderá ser alterado
os seus elementos como o arquivo que vimos anteriormente. Ele só poderá ser editado, com as
ferramentas do photoshop como uma imagem editada mudando cor cortando ou adicionando outras
camadas.
O próximo arquivo que nós iremos abrir é o arquivo birds.png. Os formatos .png são formatos de
arquivos de imagens também, porém eles são arquivos que contém somente os objetos, sem
conter nenhum plano de fundo nem com imagem nem cor, vamos abri-lo e ver como irá ficar.

Perceba que nós temos a mesma imagem de antes, porém esta imagem está sem fundo, o seu
plano de fundo fica como se fosse transparente.

24
Você pode observar também que agora diferente da imagem.jpg a imagem.png fica como se fosse
uma camada do photoshop, isso quer dizer que ela pode ser alterada. Ou seja caso você queira
utilizar uma imagem para ser manipulada no photoshop para ser um futuro arquivo photoshop você
deverá buscar uma imagem.png

O próximo arquivo que nós iremos abrir é o arquivo birds.pdf.

Os formatos .pdf são formatos de arquivos compatíveis com leitores de texto, para se ter uma
imagem.pdf no seu editor de imagem como o photoshop, é necessário importar este arquivo para
que ele seja transformado em um tipo de arquivo compátivel com o photoshop.

25
Depois de clicar em OK, o photoshop irá importa o arquivo e ele ficará assim como o arquivo.png,
será transformado em uma nova camada, porém diferente do png ele tem o seu formato de plano
de fundo. Ainda sim será uma imagem completa, não podendo ser alterado objeto por objeto.

26
AMOSTRA DE CORES
Agora vamos conhecer o nosso painel de cores e descobrir o que podemos fazer com esta
ferramenta. Caso o painel de cores não esteja habilitado para você no canto de painéis, vá no menu
Janela e habilite: Amostras e Cores. Depois disso vamos destacar os dois painéis para o meio da
área do photoshop e organizar um painel flutuante com um em baixo do outro.

Veja que no painel de amostras toda vez que você seleciona uma cor esta cor também
irá ser selecionada no painel de cor, e lá será mostrado o seu valor RGB podendo ser
alterado manualmente. Depois de você selecionar a cor ela estará selecionada também
no painel de ferramentas como a cor da frente.
Caso você queira saber o nome da cor que você selecionou basta clicar duas vezes sobre ela e
abrirá uma janela com o nome desta cor.

27
Você também pode clicar na cor de trás para poder alterá-la. Basta clicar em cima do quadrado que
a representa e escolher a cor desejada no painel de amostrar ou na própria barra de cor.

Clicando nas opções do painel de cor é possível alterar as formas de exibição do painel de cor,
possibilitando escolher entre diferentes formas de exibição da barra de cor entre cinzas, RGB e etc.

Você também pode ver a cor atual e fazer qualquer mudança através da caixa de ferramenta pelas
cores de frente e de fundo que vimos agora pouco, basta clicar duas vezes sobre ela e o seletor de
cores irá abrir. O Seletor de Cores mostra todas as informações da cor atual.

28
É possível criar uma cor própria e colocá-la no painel de amostras pra quando precisar, caso esta
cor já não esteja nele. Basta deslizar com as setas nas barras do painel de cor, e mudar seus valores
quando encontrar uma coloração desejada clique na ferramenta de cor da caixa de ferramenta.

DUPLO CLIQUE

Logo depois basta clicar na opção “Adicionar a Amostrar e escolher o nome para sua cor.

Veja que agora nós temos 2 cores: De frente e De fundo. É possível você alternar entre essas cores
utilizando a seta dupla na caixa de ferramenta que fica acima das cores ou apenas utilizando a tecla
“ X “ do seu teclado. Perceba que ao trocar a ordem o painel de cor também faz a mudança.

29
Caso você tenha feito muitas mudanças e quer voltar ao original valor “default” ou padrão do
photoshop, basta clicar no símbolo preto e cinza que fica ao lado das cores de frente e fundo ou
pressionar a tecla “ D “ do seu teclado.

Vamos agora abrir uma imagem no nosso arquivo. Vamos ver o que podemos fazer quando se trata
de cores, com uma imagem já pronta.

Depois de abrir o arquivo, selecione a ferramenta de conta gotas no painel de ferramentas.

Depois de selecioná-lo clicando no pássaro verde você irá perceber que ele abrirá um círculo onde
mostrará a cor que está sendo usada naquele determinado ponto da imagem. Você pode também
deixar o botão do mouse pressionado e ir arrastando ao longo do desenho para ver a variação de
cor no desenho lembrando que a cor mostrada na parte de cima do círculo é a usada na imagem.

30
Depois de fazer este teste podemos perceber duas coisas, primeiro que a variação de cor fica
mais evidente, visto que o tom de verde escurece em algumas partes do desenho, outra questão é
que podemos perceber que a cor do círculo na parte de baixo também mudou, isso ocorre porque
quando clicamos a primeira vez com o conta gotas em qualquer parte do desenho o conta contas
pega aquela cor que você clicou na imagem e transforma na sua cor da frente, ao invés do preto
padrão.
Agora nós vamos salvar algumas informações desse arquivo que acabamos de abrir, nós podemos
salvar os tipos de amostras ou cores que foram usadas no arquivo. Clique no botão de opções do
painél de amostras e logo depois em Salvar Amostras. Depois disso escolha um nome e salve.

Depois de salvar essas amostras, você poderá ir nas opções do painel amostras e clicar em
Carregar Amostras.

Agora basta selecionar as amostras que você salvou e clicar em carregar toda vez que você quiser
usar essas amostras de cores novamente.

O seu arquivo tem a possibilidade de abrir nas amostras algumas outras cores de amostras.
Clique novamente nas opções das amostras e escolha a opção PANTONE+ Color Bridge Coated.

31
Irá aparecer a mensagem abaixo, clique em ok e veja o painel de amostras como ficou.

Perceba como a variação e detalhes de mudança de tons da mesma cor ficaram, isso facilita muito
na hora de realizar qualquer modificação com cor. É possível você abrir o painel de amostras com
os outros modelos de amostras prontas basta ir nas opções e escolher uma delas. Agora para
voltar ao modelo que acabamos de salvar, que é o que estávamos usando, vá de novo nas opções
do painel de amostras e escolhe a opção carregar amostras. Agora clique nas amostras que você
salvou.

Então as amostras voltarão para o modelo que você tinha salvo:

32
Agora vamos ver alguns atalhos ou boas práticas de uso para o photoshop.

DESFAZENDO PASSOS
Ao abrir nosso arquivos percebe-se que existem vários elementos diferentes nele, e em algum
momento você terá alguns arquivos que você irá produzir com essa característica, então nós vamos
falar agora um pouco sobre desfazer os passos. Quando algo sai errado você tem a possibilidade
de desfazer aquela ação que gerou isso, por exemplo mudando um objeto de lugar eu posso
colocá-lo de volta ao lugar original através do atalho CTRL + Z.

CTRL + Z.

33
Como podemos ver, essa maneira funciona muito bem quando fazemos somente uma alteração
errada, porém quando precisamos voltar vários passos, por conta de ter feito muitas ações
indesejadas, o CTRL + Z somente não funciona para isso. Neste caso vamos precisar do atalho
CTRL + ALT + Z que possibilita voltar vários passos em sequência.

CTRL + ALT + Z +Z +Z +Z

ZOOM
Outra ferramenta muito importante e útil, é o zoom. Você pode utilizar o zoom pressionando as
teclas de atalho ALT + SCROLL. O scroll é aquela “rodinha” que fica entre os dois botões do seu
mouse, utilizando o scroll para frente como se fosse rolar uma página da web para cima, o zoom irá
aproximar cada vez mais, rolando para trás ele se distancia.
NORMAL COM ZOOM

O que realmente torna essa maneira de utilizar o zoom muito mais prática é que você pode estar
com qualquer ferramenta selecionada, que quando utilizar estas teclas de atalho o programa logo
reconhecerá que você está utilizando o zoom. Para observar diferentes partes da imagem que já foi
aproximada, basta pressionar o espaço do teclado e arrastar a mãozinha que aparecerá.
34
Para trabalhar em um arquivo onde existe muitas camadas, o photoshop também nos facilita. Por
exemplo se você quiser trabalhar com o pássaro vermelho maior, ao invés de ir até o painel de
camadas, você pode clicar em cima dele com o botão direito do mouse. Veja que irá abrir outras
opções de camadas, basta clicar na camada que você deseja alterar.

Essas opções aparecem porque quando você clica com o botão direito sobre a imagem ele trás a
opção de modificação das camadas existentes naquela área que você clicou. O pássaro vermelho
está por cima das outras camadas por isso só ele aparece, mas não se esqueça que existem as
outras camadas por baixo dele para compor nosso fundo, por isso é possível selecionar elas e
também alterar se for o desejado.

DUPLICANDO OBJETO

Para duplicar uma camada ou objeto basta você selecionar esta camada da maneira como vimos
anteriormente, logo após, deixe o botão ALT + BOTÃO ESQUERDO DO MOUSE e arraste.

35
Uma outra forma também é você ir no painel de camadas e fazer a mesma coisa porém com a
camada que está no painel.

Perceba também que no painel o objeto clonado ou duplicado fica com o nome “cópia” ao lado dele.

SELEÇÃO DE CAMADAS
Outra forma que nos ajuda a trabalhar com muitas camadas, é a seleção de várias camadas de uma
vez, por exemplo se você quiser mover todos os pássaros da imagem de uma só vez, você terá que
selecionar todas as camadas de cada um, porém você pode utilizar a tecla SHIFT do teclado para
lhe auxiliar. Clique na primeira camada que contém o pássaro e pressione SHIFT depois clique na
última. Veja que agora você selecionou todas e pode mover todos eles de uma vez só.

Caso você queira selecionar só algumas camadas e elas estiverem distantes basta usar a tecla
CTRL em vez de SHIFT. Pressione a tecla CTRL e clique nas camadas que deseja:

36
Você também pode selecionar todas as camadas e criar um grupo delas basta selecionar todas
elas com o SHIFT como vimos ou com o CTRL e apertar as teclas de atalho “ CTRL + G “.

Agora estão todas dentro do mesmo grupo e podem ser movidas todas de uma vez bastando
selecionar a pasta do grupo.

ALINHAMENTO
Abrindo a pasta do grupo de pássaros vamos desabilitar a visibilidade de alguns deles, deixando
apenas 6 pássaros e de preferência os menores, sem repetir as cores. Depois disso selecione com
o CTRL somente os pássaros que estão visíveis na tela.

Vamos ver agora como podemos alinhar estes objetos para que não fiquem espalhados pela
imagem. Perceba que na parte superior da interface do photoshop nós temos as ferramentas de
alinhamento.

Nós podemos alinhar de todas essas maneiras que estão sendo apresentadas, porém vamos
começar alinhando os objetos no centro da imagem, no sentido horizontal. para que fiquem em
uma mesma linha. Esta oção é a segunda opção do primeiro grupo de alinhamento.
1 2 3

37
Os objetos ficarão centralizados e alinhados horizontalmente:

Porém o espaço entre um e outro não é o ideal e nem está padronizado, pra nossa sorte a ferramenta
de alinhamento também tem a opção de espaçamento igualado entre os objetos. Está é a quarta
opção do segundo grupo de alinhamento.
1 2 3

Agora sim os objetos estão centralizados e com espaço igual entre um e outro.

38
No Photoshop nós temos a opção de acionar Guias e Réguas para nos auxiliar a construir ou
modificar um projeto. Para ativar Guias e Réguas basta utilizar o atalho “ CTRL + R “.

Os parâmetros ficam na parte superior e no lado da interface, porém para acionar uma guia você
pode clicar na guia ao lado e arrastar para qualquer parte da imagem para criar uma linha, que ti
servirá de guia. Então clique na guia ao lado e arraste até o centro.

Veja como fica a nossa guia. Você pode criar várias guia no seu projeto e pode escolher deixá-las
visíveis na hora que você quiser basta ir no menu Visualizar -> Mostrar -> Guias. Neste caminho
você pode escolher mostrar ou não as guias na hora que quiser.

39
CONFIGURANDO TAMANHOS

Quando você abre uma imagem pronta no photoshop você tem a possibilidade de ver qual o
tamanho da imagem e seus valores. Basta utilizar o atalho “ CTRL + ALT + I “ e logo esta janela
será aberta mostrando o valores da imagem assim também sendo possível alterá-los.

Também é possível ver o tamanho da tela de pintura, que seria o documento onde você está
trabalhando, também sendo possível alterar. Basta ir no menu Imagem -> Tamanho da Tela de
Pintura.

40
GUIAS E RÉGUAS
Você também pode um corte da tela utilizando a tecla “ C “ do seu teclado. Depois de pressionar
a tecla irá abrir uma marcação sobre a imagem que você poderá mover e demarcar o local que
deseja recortar.

Um outro comando de atalho é para que você possa visualizar mais claramente seus projetos antes
de finalizar. Apertando a tecla “ TAB “ você poderá remover todos os painéis e deixar somente a tela
de desenho visível. Para voltar ao normal basta pressionar de novo.

Apertando a tecla “ F “ 2 vezes você habilita o modo Full Sreen ou Tela Cheia e pode ver o seu
projeto finalizado totalmente destacado. Para voltar ao normal basta aperta novamente.

41
Se você precisar trabalhar em perspectivas diferentes em seu projeto, você pode rotacionar a tela
de pintura, utilizando a tecla “ R “ e girando a tela com o ponteiro do mouse.

Outro atalho também é o comando CTRL + “ que permite você visualizar ou não as grades da tela
de pintura, ativando e desativando.

SELEÇÃO DE OBJETOS

Na caixa de ferramentas nós podemos encontrar a ferramenta de seleção. Esta ferramenta possibilita
selecionar com figuras geométricas alguma parte da imagem. Deixe o mouse pressionado sobre
ela e abrirá uma janela com seu grupo de ferramentas, vamos selecionar o retângulo.

42
Depois de abrirmos nossa imagem e selecionarmos a ferramenta retângulo nós vamos tentar cobrir
o retângulo que existe nesta imagem, utilize o zoom para facilitar.

Assim que você selecionar a ferramenta retângulo irá abrir uma cruz quando você deslizar o mouse
em qualquer parte da imagem, para selecionar uma área basta clicar deixar o mouse pressionado
e arrastar para cobrir o resto da área desejada e depois soltar.

Você pode mover esta seleção que você acabou de fazer, pressionando o botão do mouse dentro
da área selecionada e movendo ou utilizando o SHIFT + SETAS DO TECLADO para movimentar.

Para fazer o teste vamos usar as formas que ainda não estão coloridas. Selecione a área em volta
do retângulo cinza.

43
Depois de selecionar clique com o botão direito sobre a seleção e escolha a opção nova camada,
fazendo isto nós iremos transformar esta parte selecionada em uma camada própria assim nós
vamos poder dar vida ao nosso objeto.

Depois pressione a tecla “ I “ para selecionar o conta gotas, clique no outro quadrado ja pintado
para selecionar a mesma cor dele, logo depois utilize o balde pressionando a tecla de tintas “ G “ e
use no quadrado da nova camada que você criou.

Repita a mesma ação só que agora para o Círculo verde, porém desta vez utilize a ferramenta
elipse.

Agora nós já temos 2 novas camadas que porém para o triângulo usaremos uma ferramenta
diferente.

44
Vamos utilizar a ferramenta laço, porém nós temos 3 ferramentas
do tipo laço, a ferramenta mais certa para utilizarmos nesse
caso é a ferramenta laço magnética, vamos ver a diferença.

A ferramenta laço livre utilizada acima permite você fazer uma seleção como se estivesse com um
lápis e desenhasse uma linha em torno do local desejado.

A ferramenta laço poligonal permite você fazer uma seleção como se estivesse colando a linha em
cada ponto que clicasse e dali começando outra, porém é necessário fechar a selação, clicando
no primeiro ponto onde você começou para que a seleção fique concluída e a ferramenta pare de
desenhar outras linhas.

Somente quando o símbolo da ferramenta aparecer com uma bolinha em baixo, é quando a sua
seleção será fechada e então a ferramenta irá parar de reproduzir as linhas.
Depois de selecionar crie uma camada assim como as outras figuras e pinte com a mesma cor,
utilizando o mesmo processo.

45
A ferramenta laço magnético é bem mais fácil de utilizar, pois
ela cria pontos de conexão sozinha, bastando você clicar
somente em um ponto e depois contornar a figura.

Veja que ela cria sozinha vários pontos que vão formando a seleção bastando você somente
contornar o local, porém no final da linha podemos perceber que ocorreu um erro, porque mesmo
ela fazendo a seleção sozinha, não se pode fugir da figura que esta sendo selecionada, se não
pode ocorrer o que ocorreu no exemplo acima. Basta segui corretamente o desenho e tudo sairá
bem.

Outra forma fácil de selecionar um objeto é pressionar “ V “ para ativar a ferramenta de mover, clicar
com o botão direito em cima do objeto, selecionar sua camada, e depois pressionar “ W “ e clicar
em cima dele que logo o objeto será selecionado.

Também pode ser feita essa seleção com objetos do background faça o teste com as figuras
geométricas.

46
Podemos utilizar este meio de seleção no fundo azul do background.

Esta seleção utiliza a a ferramenta de seleção rápida com o W, então no caso dos pássaros teríamos
que ir selecionando pressionando o SHIFT pois é usado gradiente para pintá-lo então existem
diferentes cores, por isso é necessário o uso do SHIFT.

47
FERRAMENTA DE SELEÇÃO

Vamos ver agora uma prática muito útil e muitas vezes necessária quando se trata do photoshop.

Temos a imagem acima para trabalharmos nessa aula, perceba que esse arquivo que abrimos,
contém um campo em branco do mesmo tamanho do campo da imagem.

Uma forma fácil de copiar e colar é utilizando a ferramenta de seleção de formas. Utilizaremos o
retângulo e selecionaremos a camada do fundo com o pássaro roxo para nosso exemplo :

48
Selecionando a área do pássaro roxo com a ferramenta retângulo, nós poderemos copiar o que
está nessa área da camada que selecionamos que é a camada que contém o fundo azul e o
pássaro roxo. Depois de selecionar repita os passos abaixo:

CTRL + C CTRL + V

PRESSIONAR “ V “ E MOVER A FIGURA

Depois de fazer o CTRL + C e CTRL + V a figura irá ser copiada em cima da outra por isso é
necessário mover para poder ver o resultado. Perceba que agora existe uma outra camada que
recebeu o nome de “camada 1” contendo a cópia que você fez.

FERRAMENTA LAÇO
Vamos ver como faríamos para copiar e colar em outro lugar parte da outra camada. Iremos
utilizar a ferramenta de seleção laço e selecionar a camada de Par de Pássaros..

49
Nós podemos utilizar esta ferramenta sem problemas, porque a camada do par de passaros está
como png, ou seja não tem cor de fundo, lembrando que o fundo que vemos pertence a outra
camada, ou seja quando fizermos a seleção ,iremos estar selecionando somente o paássaro
amarelo. Faça os mesmos passos de antes.
CTRL + C CTRL + V

PRESSIONAR “ V “ E MOVER A FIGURA

Perceba que agora existe uma outra camada que recebeu o nome de “camada 2” contendo a cópia
que você fez.

Nós também podemos utilizar a ferramenta de laço magnético para poder fazer um contorno melhor
em um objeto e copiar somente um objeto de uma camada. Por exemplo na camada do fundo azul
com pássaro, se quisermos só o pássaro da camada precisaríamos copiar selecionando somente
ele, vamos fazer isso com a ferramenta de laço magnético.

50
Para isso vamos selecionar a ferramenta, e a camada do fundo azul com pássaro.

Dê um zoom no pássaro e clique em um ponto para fazer o contorno com a ferramenta.

Depois de contornar basta fazer o processo de antes, só que agora você terá somente o pássaro.

Agora você tem o pássaro roxo também em uma camada como um objeto de camada.png o que
facilita muito ao utilizar em outros projetos.

O photoshop também traz a possibilidade de copiar camadas e objetos de um arquivo para outro.
Use as teclas de atalho CTRL + N para criar um novo arquivo ou vá no menu Arquivo -> Novo.

51
COLANDO EM OUTRO ARQUIVO
Mude as configurações para “Papel internacional” na Predefinição e o Tamanho para folha A4.

Agora os você tem 2 arquivos abertos, onde você pode alternar entre eles na parte superior clicando
em qual arquivo você quer exibir para trabalhar.

Clicando no nosso arquivo que já estava aberto, vamos fazer o teste. Selecione o pássaro azul e
faça a cópia dele. Utilize a ferramenta de seleção com laço.

52
Depois de completar a seleção, use o atalho CTRL + C somente. Agora abra o novo arquivo, que
você criou e use o CTRL + V dentro do novo arquivo.

Nós podemos fazer este processo com todos os objetos que temos em um arquivo, transferindo
assim para outro. Note que assim que você adiciona o objeto uma camada dele é criada.

Nós podemos fazer este processo com todos os objetos que temos em um arquivo, transferindo
assim para outro. Note que assim que você adiciona o objeto uma camada dele é criada.

Outra maneira de copiar camadas de objetos para outro arquivo, é selecionando as camadas
movendo para a barra superior do seu arquivo, utilizando a ferramenta mover:

Selecionando as camadas você pode mover os objetos todos de uma vez, mova até a barra do
novo arquivo que você criou e deixe o botão do mouse ainda pressionado, logo o novo arquivo será
aberto automaticamente.

53
Ainda com o botão do mouse pressionado leve a seta até a folha do desenho e depois solte o botão
do mouse.

Depois de soltar todos os objetos irão aparecer no arquivo, e irão ser criadas camadas para cada
um deles automaticamente.

54
FERRAMENTA DE TRANSFORMAÇAO

As ferramentas de transformação nos permite


de alguma forma alterar um objeto do nosso
arquivo, primeiro selecione a camada do pássaro
vermelho e vamos modificá-lo.

Clique com o botão direito do mouse sobre ele


serão mostradas as camadas, escolha a camada
dele.

Depois de selecionar o pássaro vá ao menu Editar -> Transformação-> Virar Verticalmente.

Perceba a mudança do objeto, ele é o mesmo objeto porém agora de cabeça para baixo, também
é possível aplicar todos os tipos de transformação que você pode ver na janela de transformação
mostrada acima.
55
Já a ferramenta de Transformação Livre, permite que você altere o objeto de várias maneira.
Selecione o pássaro azul e depois vá no menu Editar -> Transformação Livre ou use as teclas de
atalho CTRL + T.

Perceba que foi criada uma moldura, utilizando os quadrados que ficam nas abas da moldura,
você pode alterar sua forma, para os lados , para cima, para baixo e diminuir proporcionalmente
utilizando as abas laterais superiores, utilizando o SHIFT pressionado e arrastando.

56
Também é possível rotacionar e distorcer um objeto utilizando a opção de Transformação Livre.
Com a mesma borda superior lateral, você pode fazer essas alterações, assim que aparecer a seta
curva de duas pontas, você pode pressionar o botão do mouse e rotacionar o objeto.

Para distorcer basta pressionar CTRL, irá aparecer uma seta branca depois disso basta arrastar
a aba para onde quiser.

É possível também editar com a transformação livre todo o desenho, selecione todas as camadas,
menos a da barra superior e a do fundo branco.

Depois pressione CTRL + T, perceba que agora todo o desenho está com a moldura de

57
Desta maneira você pode alterar todo o desenho.
DEFORMAR

Agora selecione o pássaro roxo, vá no menu Editar -> Transformação -> Deformar. depois disso irá
abrir uma moldura de transformação diferente, separada por quadrados.

58
Esse tipo de transformação permite modificar o objeto por partes ou pedaços, possibilitando muito
mais transformações basta usar os pontos e abas, pressionando e arrastando.

PINCÉIS
Nossa próxima imagem nos ajudará a entender e trabalhar com pincéis, após abrir o arquivo, você
verá a imagem abaixo:

Vá até o menu Janela-> Predefinições de Pincéis.

59
Depois das predefinições serem mostradas clique na ferramenta pincel na caixa de ferramentas,
para serem habilitadas as opções.

Agora você tem a opção de vários tipos de pincéis escolha um e veja seus traços. Lembre-se que
você pode utilizar o pincel dando apenas um clique e também arrastando para ver seu efeito.

selecione a camada para praticar e teste seu efeito.

60
Perceba que alguns pincéis tem efeitos bem diferentes, os pincéis do lado direito ficam com o valor
original em pixels que eles tem, porém você pode alterar na barra de tamanho na parte superior.

Trabalhando com pincéis é muito importante ficar de olho no painel superior, clicando na setinha
do painel, ele irá abrir todas as opções que você irá precisar utilizar para trabalhar com pincéis.
Você poderá escolher outros tipos de pincéis e também configurar o tamanho e Dureza do pincel.
É importante lembrar também de deixar a opacidade sempre em 100 % caso contrário você terá
transparência na hora de desenhar.

Agora podemos perceber que no lado direito do nosso arquivo existe algumas guias para podermos
trabalhar com os pincéis e repetir os processos que já estão feitos.

61
De um zoom no primeiro efeito que é dos círculos. Para facilitar é possível perceber que acima de
cada círculo está indicado o tamanho em pixels ( px ) que foi utilizado basta alterar para o tamanho
indicado na hora de fazer o seu.

Selecione o pincel e vamos começar a alterar. Depois de alterar basta dar um click somente para
preencher o círculo.

Depois que você seleciona o pincel, você pode selecionar as configurações do pincel apenas clicando
com o botão direto do mouse, assim como mostrado acima, porém nós ainda não terminamos,
porque precisamos utilizar a cor correta para nosso pincel. Para isso selecione a ferramenta Conta
Gotas, utilizando o atalho “ I “ e depois clique na cor azul na paleta de cores do lado superior direito.

Depois de visualizar a cor azul na sua cor da frente, estará pronto para utilizá-la no pincel.

62
Depois de completar os círculos de ponta dura, até o maior, você irá precisar utilizar a ferramenta
com o pincel de ponta suave para isso basta ir na configuração clicando com o botão direito e trocar
o tipo de pincel.

Para nosso próximo desenho vamos selecionar a cor rosa na paleta de cor, e escolher o tamanho
de 50px par nosso desenho.

A próxima ferramenta está como modo de mão livre, isso quer dizer que você irá fazer o traço
utilizando somente o movimento do mouse. Vamos tentar repetir o desenho do lado esquerdo
utilizando as nossa guias. Perceba que as guias são bem difíceis de ver então de um bom zoom.

63
Não se preocupe se o seu desenho não sair perfeito, ou cobrir corretamente a guia, lembre-se que
a mão livre é difícil de controlar.

Agora selecione na paleta de cores, a cor verde, mude para o tamanho de 20px o seu pincél e
coloque como ponta dura.

Depois de dar um clique no primeiro ponto, fazer a linha reta é muito fácil, basta pressionar a tecla
SHIFT e clicar aonde você quer que a linha termine, no nosso caso pressione SHIFT e clique no
outro ponto.

Agora selecione na paleta de cores, a cor vermelha, mude para o tamanho de 5px o seu pincel e
coloque como ponta dura.

64
Assim como fizemos no desenho anterior, vamos utilizar o SHIFT pressionado e ir clicando de
ponto em ponto, assim nós teremos sempre uma linha reta em cada ponto.

Para nosso próximo efeito nós iremos configurar a mão um tipo de pincel, para isso vamos precisar
do painel de pincel, vá até o menu Janela -> Pincél.

65
Primeiro perceba que temos uma barra na parte de baixo, chamada espaçamento, altere o valor
dela e veja as modificações que ele trará para o traço. Depois deixe o valor em 348%.

Depois clique na opção Dinâmica da forma, e coloque as as configurações abaixo:

Você pode testar alguns efeitos se quiser antes de por as configurações porém, para fazermos
uma configuração interessante e manter o efeito que que queremos criar , você deve seguir estas
instruções exatamente como estão aparecendo.

66
Em seguir selecione a opção Dispersão e coloque as seguintes configurações:

Agora feche a janela, vá na paleta de cores utilize o atalho “ I “ novamente para selecionar a cor
laranja.

Agora basta pressionar “ B “ para selecionar o pincel novamente e desenhar arrastando pela tela
de desenho com seu pincel personalizado.

67
LAÇO MAGNÉTICO
Abrindo nosso novo arquivo, vamos poder ver algumas ferramentas que vão ser necessária em
algum momento do seu trabalho com designer.

O arquivo acima contém dois lados, porém vamos ver um pouco do que poderíamos fazer no lado
esquerdo, com o pássaro e o fundo azul. Selecione a camada do pássaro com fundo azul.

68
Vamos utilizar a ferramenta de laço magnética que já vimos em outras aulas, para fazer a seleção
do nosso pássaro.

Depois de selecionar todo pássaro pressione o botão “Del


“ do seu teclado. Você irá perceber que a área que você
selecionou irá ser excluída.

Para desfazer a seleção, basta usar “ CTRL + D “. Mas vamos supor que nós queremos apagar tudo
que está em volta da área selecionada, ou em volta do pássaro, vamos apertar a tecla “ W “ para
poder ativar a ferramenta varinha mágica, que seleciona uma área que tenha a mesma cor, então
ela irá selecionar toda área azul. Depois é só apertar “ Dell “ .

Agora dê CTRL + ALT + Z, quantas vezes for necessário para voltar ao estado original da imagem.
Vamos ver como poderíamos também apagar o conteúdo em volta do pássaro.

Aperte “ E “ para utilizar a ferramenta Borracha ou procure ela na caixa de ferramentas.

69
FERRAMENTA BORRACHA

A ferramenta Borracha é muito semelhante ao uso do pincel que vimos antes, você pode configurar
tamanho dureza e suavidade também para utilizá-la. Vamos utilizar o modo suave para apagar.

Utilizando a borracha com efeito suave, deixando com uma aparência um pouco esfumaçada ou
luminosa em volta do objeto.

CAMADA COM MÁSCARA

Vamos analisar agora a outra técnica que já está aplicada. Esta técnica usa máscara como uma
maneira de manipular a imagem. Para trabalhar com ela devemos selecioná-la no painel.

Agora você pode perceber que a máscara


utilizada está trabalhando com 2 cores, preto
e branco. Para entender melhor, tudo que
está em branco na máscara fica visível e o
que está em preto é escondido.

Para entender melhor, vamos utilizar o pincel. Habilite o pincel pelo painel superior e coloque as
configurações a seguir:

70
Agora faça o teste use a cor branca e tente pintar a
imagem do pássaro.

Perceba que você só conseguirá pintar a


parte de fora, porque na máscara o pássaro
está em branco e o resto está em preto,
então pintando de branco o pássaro não irá
afetar, somente a área de fora.

Agora faça o teste use a cor preta e tente pintar a


imagem do pássaro (basta utilizar o atalho “ X “ para
trocar as cores.

Então se quiser modificar somente o pássaro


você deve pintar na verdade de preto. Porque
na máscara o pássaro está em branco. Veja:

Aperte CTRL + ALT + Z até voltar ao formato original.

71
Sabendo disso é possível criar vários tipos de efeitos e brincar com a imagem. Mais a frente, vamos
entender melhor como criamos camadas para trabalhar com esse tipo de ferramenta.

Sabendo disso é possível criar vários tipos de efeitos e brincar com a imagem. Mais a frente, vamos
entender melhor como criamos camadas para trabalhar com esse tipo de ferramenta.

FORMAS

Vamos ver agora um pouco sobre formas e como trabalhar com elas dentro do photoshop. O
arquivo que vamos abrir agora contém um campo de exemplo e um de prática, vamos ver.

72
Veja que no nosso painel cada forma que já está pronta no exemplo de formas, contém um objeto
específico, que foi modificado e construído para dar origem a essas formas.

Para mover um desses objetos é necessário


selecioná-lo aqui ou selecionar seu grupo. Para
mover aperte “ V “. Agora para modificar um objeto
iremos precisar utilizar a ferramenta de seleção, vá
até a caixa de ferramenta, e selecione.

Perceba que assim que você clica no objeto utilizando a ferramenta irá aparecer alguns pontos
na imagem, esses pontos são como os pontos âncoras que vimos no illustrator, são pontos que
compõem a imagem, por exemplo nas formas compostas existem muitos mais pontos, veja:

Isso porque elas foram formadas com mais complexidade, sendo mais trabalhadas. Então vamos
por partes, selecione a sua camada para treino, e vamos começar com o básico, fazendo algumas
formas simples.

73
Vamos começar com o retângulo, vá até a caixa de ferramentas e procure a ferramenta retângulo,
deixando o mouse pressionado abrirá o seu grupo de ferramentas.

Depois de criar o quadrado, selecione ele utilizando a ferramenta que vimos antes, a Seleção de
Demarcador. Depois de selecionar, as configurações dele irão aparecer no painel superior. Vamos
alterar sua cor e trocar a borda caso ele esteja com ela. Deixe da seguinte forma:

Agora vamos para nossa segunda forma, veja que as guias estão difíceis de enxergar então de um
bom zoom na hora de fazer.

Mude as configurações para:

74
Mude as configurações para:

Mude as configurações para:

75
FERRAMENTA DE TEXTO
Nesta etapa nós iremos ver as nossas ferramentas de texto. Veja que assim como nossos outros
arquivos nós temos 2 partes para trabalhar, a tela de exemplos e ao lado a área para praticar.

A primeira coisa a se fazer é habilitar os painéis de texto e parágrafo. Vá no menu Janela ->
Parágrafos, Janela-> Caractere.

Estes painéis são responsáveis por fazer qualquer tipo de alteração relacionada a ferramenta de
texto.

Vamos começar analisando os textos que nós temos já construídos.

76
Para poder selecionar um texto e fazer alguma alteração, é necessário selecionar antes de tudo a
ferramenta de texto. Depois disto basta clicar em qualquer linha do texto e ele irá abrir o ponteiro
como forma de texto, podendo ser escrito algo ou apagado.

Texto horizontal em caixa de texto horizontal

O texto horizontal é o normal que estamos acostumados a ver e utilizar porém o photoshop também
da a opção de outros tipos de textos como o vertical.

Texto vertical Caixa de texto vertical

Inicío

Fim

No texto vertical o final da linha fica na parte de baixo. A caixa vertical pula de uma linha para outra
usando o sentido lado a lado ao invés de uma em baixo da outra.

Toda vez que você clicar em cima de um texto já com a ferramenta texto selecionada, o painel
superior irá mostrar as propriedades daquele texto, assim como os painéis de texto e parágrafo.

77
A diferença entre as informações do painel superior de acesso rápido é que os painéis de Caractere
e Parágrafo sempre terão melhores informações.

Texto horizontal

Texto horizontal em caixa de texto horizontal

Clicando no texto maior “ ORIGAMI “, o painel de Caractere irá nos mostrar as informações e
configurações desse texto, veja essas informações e vamos criar o mesmo texto do outro lado.

Agora vamos criar uma caixa de texto para podermos fazer nosso primeiro texto na área para
praticar. Selecione a camada para praticar, vá até a ferramenta de texto e selecione a primeira
opção.

Depois de selecionar tudo corretamente, criar a caixa de texto é fácil, basta pressionar o botão
esquerdo do mouse e arrastar para criar a caixa, para somente criar um texto basta clicar na tela.

78
Assim que você clicar na tela irá aparecer esse ponto, somente para indicar aonde estará
começando o seu texto, antes de alterar as configurações você deve escrever seu texto.

Depois de escrever seu texto, selecione e coloque as configurações abaixo, lembrando que para
achar outros tipos de fontes e efeito, você pode escrever no local de busca, ou abrir todas opções
clicando na setinha ao lado.

Agora que você já tem o texto como o do exemplo vamos incrementar algo, e fazer algumas
modificações, de enter e acrescente a palavra divertido no texto que você acabou de colocar.

Bom é fácil perceber que não ficou nada bom, mas isso aconteceu por causa da configuração de
espaçamento entre as linhas, modifique para um valor adequado.

79
ALINHAMENTO
Vamos alinhar o nosso texto centralizado, para isso basta ir no painel de parágrafo, ou no painel
superior de acesso rápido e selecionar a mesma opção.

Depois aperte “ D “ Para mover o texto para o campo em branco de novo, e depois aperte “ T “ para
voltar para a formatação de texto.
Faça as seguintes alterações:

COLORINDO TEXTO
O campo “ VA “ permite o espaçamento entre uma letra e outra. Agora clique no campo Cor e mude
para azul.

80
Agora crie uma caixa de texto horizontal e cole qualquer texto nela, até mesmo o texto de exemplo
que temos no outro lado da tela. Use CTRL + C e depois CTRL + V.

Com a moldura que se abre em volta do texto, você tem a possibilidade de aumentar, diminuir
alongar e encurtar a caixa de texto, porém o texto não sofre alteração, apenas se desloca se
adequando a caixa.

TEXTO VERTICAL
O texto vertical também funciona da mesma maneira, você pode apenas selecionar e clicar na tela,
como também pode abrir uma caixa de texto grande.

81
Nosso novo arquivo irá trabalhar com alguns efeitos que você pode por sobre o texto, abra o
arquivo e verifique os dois lados.

BORDA E LINHA

Vamos começar pela primeira linha e tentar imitar o efeito que foi aplicado, na camada de exemplo,
porém se quiser fazer com outras cores fique livre para trabalhar da sua forma.

Para abrir a janela de efeito clique 2 vezes sobre a camada do texto desejado no painel de camadas.

82
Para obter o resultado você irá precisar das configurações abaixo, porém se quiser ver como
funciona as alterações, mude gradativamente ferramenta por ferramenta e veja o efeito no texto.

83
Repare que após criar os efeitos, o painel de camadas
exibe os efeitos criados, possibilitando tornar visível
ou não para ver a alteração feita.

Agora no STROKE nós vamos trabalhar com efeito de borda, siga as configurações abaixo:

84
O efeito degradê é bem simples de utilizar, veja as configurações abaixo. Você irá alterar
principalmente as cores que irá utilizar, fora isso você pode fazer alteração de escala, ângulo e
opacidade também, porém vamos clicar na barra de degradê e vamos ver como funciona.

GRADIENTE

No painel do gradiente, você poderá ver que tem algumas fontes predeterminadas que você pode
utilizar, porém, se quiser fazer um gradiente da sua maneira basta clicar na barra do gradiente e
alterar as cores de entrada e saída.

85
Para alterar um objeto já pronto como nós temos no nosso exemplo, você deve seguir os mesmos
passos, clique na camada dele duas vezes e siga as instruções abaixo:

86
87
DEMARCADOR, PATHS E CANETA
No nosso próximo exemplo nós vamos aprender sobre a utilização de Paths, e da ferramenta
Caneta.

É muito importante que o painel de Demarcadores esteja visível para que você possa ver os
exemplos da camada de exemplo como funciona o contorno dos objetos.

Sempre que for observar o contorno de um objeto, você terá que dar um zoom considerável e
também clicar no demarcador com o nome do objeto para poder até mesmo alterar o mesmo.
Depois de selecionar o demarcador correto você poderá clicar na ferramenta de seleção de
demarcador e observar os traços feitos para o contorno do objeto.

88
A primeira imagem mostra a seleção de demarcação, apontando cada ponta âncora no objeto, a
segunda imagem já mostra a possibilidade de alteração do contorno utilizando a seleção direta.

Com a seleção direta basta clicar em algum ponto e arrastá-lo para modificar da maneira desejada.

Agora vamos criar na nossa camada de exemplos o nosso contorno, utilizando o pássaro verde
que se encontra nessa camada. Não se esqueça de selecionar o grupo da camada de exemplo no
painel de camadas. Para criar um contorno iremos utilizar a ferramenta caneta. Esta ferramenta
contém um grupo de ferramentas do seu tipo, porém vamos utilizar a primeira opção.

89
Depois de fazer todo o contorno irá surgir um novo demarcador no painel de demarcadores, de um
duplo clique sobre ele e coloque o nome.

Depois do contorno feito, use a seleção de demarcador para arrastá-lo para o lado para criarmos o
nosso próprio pássaro com preenchimento. Depois de arrastar vá até o painel de camadas, e crie
uma nova camada para este contorno.

90
Criando a camada, verifique se a sua cor de frente, não está como branco, se estiver selecione uma
cor, e aplique o efeito clicando no botão do painel de demarcadores que se localiza na parte inferior.

Você pode criar uma seleção muito rápido quando se já tem o contorno criado, apenas posicione ele
aonde você quer, clique com o botão direito do mouse sobre ele e escolha a opção “ Criar Seleção”.

91
Depois disso, crie uma nova camada, selecione a opção pincel e coloque as configurações abaixo,
para poder pintar, sabendo que quando existe uma seleção o pincel pinta apenas dentro dela.

FORMA PERSONALIZADA
Agora vamos criar um objeto personalizado utilizando nosso contorno já existente. Selecione com
a ferramenta de seleção de demarcador, o nosso contorno, clique com o botão direito e escolha a
opção “Define Custom Shape (Definir forma personalizada)“.

Depois vá até a caixa dew ferramentas, abra o grupo de ferramentas de forma, e escolha a opção
Ferramenta Forma Personalizada. E procure na aba superior.

92
Depois para utilizar basta clicar e arrastar na tela e colocar as configurações abaixo.

Agora para criar uma forma desenhada, vamos selecionar a ferramenta e no


painel superior, trocar o modo para Shape, e começar a desenhar.

O melhor de uma forma desenhada é a opção de alterar seus traços com a ferramenta de seleção
direta com simples cliques.

93
OBJETO INTELIGENTE
Este novo arquivo nos mostrará a diferença entre um objeto de imagem comum e um objeto
inteligente. Selecione na camada, o pássaro roxo e use o atalho CTRL + T para abrir a ferramenta
de de transformação livre. Diminua o objeto até o tamanho que quiser e aplique a alteração.

Desta maneira já é possível ver uma certa deformidade no objeto. Agora traga de volta o tamanho
normal usando a mesma ferramenta e aplique a transformação. Veja como o objeto fica deformado.

94
Agora deixe assim e vamos ver como o nosso objeto inteligente se comporta na mesma situação.
Use o mesmo método no objeto inteligente, selecionando primeiro sua camada, pássaro rosa.

Perceba que não importa o tamanho que colocamos o objeto ele continua com a mesma qualidade.
Esta é a diferença entre um objeto de imagem comum, e o objeto inteligente, ele se adequa ao seu
estado atual, podendo ser trabalhado com mais flexibilidade e utilizado de diversas formas.

Agora vamos abrir o nosso outro arquivo, pássaro HD e trazer ele para esse documento. Pegue o
objeto e arraste para a barra superior do outro documento.

Depois solte na área do documento que estávamos trabalhando inicialmente.

95
Redimensione o objeto. Depois disto clique na camada que foi criada relacionada ao objeto, clique
com o botão direito e escolha a opção Transformar em objeto inteligente.

Depois de clicar na opção a camada ficará com o mesmo símbolo que a camada do pássaro rosa,
indicando que este é um objeto inteligente.

Nosso próximo arquivo nos dará mais informações sobre estes 2 tipos de objetos.

Abra o novo arquivo, e veja que temos a mesma imagem, porém um lado é uma imagem rasterizada
e do outro lado temos a imagem como objeto inteligente.

96
BRILHO E CONSTRASTE
Vamos ver o que podemos fazer com nossa imagem rasterizada. Selecione ela na camada que
pertence, e depois clique no menu Imagem -> Ajustes, e vamos explorar as possibilidades.

97
NÍVEIS
Perceba a diferença na imagem. Podemos também explorar várias ferramentas de ajustes. Escolha
uma por uma e faça, o teste para ver a diferença, porém evite salvar as modificações, para poder
testar todas vendo o resultado real.

EXPOSIÇÃO

98
VIBRATILIDADE

EQUILÍBRIO DE CORES

PRETO E BRANCO

99
FILTRO DE FOTOS

Podemos também selecionar somente uma parte da imagem para aplicar os efeitos.

Perceba as infinitas possibilidades de combinações utilizando os efeitos que podem ser aplicados em
uma imagem dentro do photoshop, porém quando estamos trabalhando com um objeto inteligente,
não temos essas opções que temos para imagem.
Selecione a camada do objeto inteligente e tente abrir as opções de Ajustes no menu Imagem.

100
Perceba que nenhuma opção é habilitada.

Agora vamos abrir o próximo arquivo, perceba que neste arquivo, nós temos 3 imagens iguais,
porém 2 delas são rasterizadas que já estão com algum efeito, e a outra é uma imagem de objeto
inteligente sem efeito. Para iniciarmos habilite o painel de propriedades indo em Janelas -> Propertie.

101
Perceba que clicando nas camadas de efeitos no painel de camada, o nosso painel de propriedades
mostra as propriedades do efeito aplicado.

Como nós vimos anteriormente, a camada de objeto inteligente não possui a opção pelo menu de
ajustes e não pode ter efeito, mas indo pelo atalho do painel de camadas ele pode sim ter efeito
aplicado. Selecione a camada do objeto inteligente, agora clique no botão abaixo:

102
Perceba que clicando nas camadas de efeitos no painel de camadas, o nosso painel de propriedades
mostra as propriedades do efeito aplicado.

Porém você irá notar que quando modificar essa camada, se outras camadas tiverem o mesmo
efeito, você irá modificar elas também, para que isso não aconteça, vá em baixo da camada e
desabilite a seta que faz essa alteração automática.

DUPLO CLIQUE CLIQUE NA OPÇÃO

E agora sim você poderá alterar somente esta camada.

103
FILTROS

No nosso novo arquivo, vamos ver algumas configurações de filtros. O Photoshop nos dá uma
variedade bem grande de filtros já prontos, porém vamos ver melhor como funciona esta ferramenta.

Imagem Rasterizada Objeto Inteligente

Nós temos dois tipos de imagem, objeto inteligente, e uma imagem normal. Vamos ver como elas
se comportam com a alteração de filtros. Selecione a camada da imagem rasterizada e vamos
começar a trabalhar.

104
Depois de selecionar, vá até o menu Filtro -> Galeria de Filtros.

Observe que existe uma grande tela de Preview do efeito que você estará aplicando, possibilitando
também ser alterado manualmente pelo painel no lado direto. Os filtros são divididos em pastas
pelo tipo a que pertence e ao lado existe o painel para configurar as propriedades do filtro.

105
Resultado depois de configurar:

Outro exemplo de filtro:

106
Porém lembre-se sempre de ter certeza da alteração, caso você salve esta alteração você irá
modificar o estilo da foto permanentemente, ou seja, se você estiver fazendo isso como teste,
lembre-se de ter essa imagem original guardada, para se algo der errado você não perdê-la.

Vamos ver agora como as alterações ocorrem com o objeto inteligente. Selecione a camada do
objeto inteligente, depois vá no menu Filtros -> Galeria de filtros.

Clique em Ok, para salvar está alteração. Veja


que agora ocorreu algo diferente. No painel de
camadas foi criado uma sub camada para o
filtro, podendo ser ativada ou desativada sua
visualização.

Além disso com o objeto inteligente nós


podemos deixar este filtro aplicado e aplicar
também outro por cima deste. Vá no menu
Filtros - > Desfoque - > Desfoque de Forma

107
Lembrando que mesmo depois dessas alterações, você pode deixar visível ou não qualquer um
dos dois filtros. A vantagem do objeto inteligente é que você pode ter um controle melhor do que
você pode fazer com a imagem, sendo assim melhor para trabalhar.

MESCLAGENS

Neste novo arquivo vamos ver os tipos de mesclagens possíveis que já se encontram no painel
de camadas. Na parte superior ao lado da opção de Opacidade, vemos um botão de lista que
está configurado no padrão Normal, selecione a camada do objeto inteligente e para ver as outras
opções clique em cima do botão.

Observe também que existem vários elementos que estão com a visibilidade desabilitada, isso será
muito importante para entender o que vem mais à frente, porém não modifique essas condições.

108
Clicando no botão, irá abrir alguns tipos de
mesclagens possíveis. Elas estão divididas em 5
conjuntos, cada um com o seu tipo de efeito.

MESCLAGENS ESCURAS

MESCLAGENS CLARAS

MESCLAGENS DE CONTRASTE

MESCLAGENS DE COMPARAÇÃO

MESCLAGENS DE COMPOSIÇÃO

Vamos testar agora na prática, selecione a camada do papel e torne ela visível, veja que o papel
irá aparecer sozinho, pois a camada dele está acima da camada do pássaro, porém vamos usar
um tipo de mesclagem interessante que nos possibilitará ver os dois, ative a visibilidade e siga os
passos a seguir:

Veja o resultado depois de selecionar a opção:

109
Perceba que agora a camada do papel está unida ao nosso objeto inteligente, dando um efeito
muito interessante na nossa imagem.
Agora algo muito bom de se trabalhar desta maneira é que você pode mesclar camadas com
diversos efeitos, vamos agora ver como podemos mesclar a nossa camada de gradiente, em cima
desse efeito que já conseguimos. Selecione a camada do gradiente e a torne visível, depois disso,
selecione a opção Sobrepor, na lista de mesclagens.

Você também pode testar alguns outros tipos de mesclagens, e vendo diferentes resultado, mas
por enquanto vamos manter este tipo, agora vamos modificar sua opacidade para 80% e ver como
irá ficar.

110
Agora utilizando a próxima camada da imagem rasterizada, nós vamos torná-la visível primeiro e
depois escolher a opção de mesclagem “Luminosidade” e mudar sua opacidade para 80%.

Veja que já é possível ver as duas


camadas porém o efeito da camada
PAPEL sumiu, para consertar isto,
basta respeitar a hierarquia das
camadas. Vamos colocar a camada
PAPEL como a primeira da nossa
lista, assim seu efeito ficará visível
novamente.

111
SALVANDO

Para salvar um arquivo de uma maneira que ele fique guardado como imagem, basta ir no Menu
Arquivo -> Salvar como... depois disso escolha o tipo de opção para salvar o arquivo.

O formato .JPEG ou JPG é o mais comum


dos formatos digitais, ele é adequado para
imagens que serão utilizadas em sites ou
para fotos e etc. O quadro de opção de
qualidade mostrado ao lado, implica em
qual será o tamanho da sua imagem e a
qualidade dela, como estamos salvando em
um formato digital para web uma imagem de
qualidade Alta está de bom tamanho, porque
assim contém uma boa qualidade e não fica
com um tamanho muito grande, ocupando
pouco espaço. A qualidade da imagem pode
ser medida conforme você altera a barra
do tamanho de arquivo, e ao lado, abaixo
de “Visualizar” você pode ver o tamanho de
armazenamento que a imagem ficará.

112
Apertando CTRL + ALT + I você poderá ver as propriedades da imagem isso irá possibilitar você de
configurar da maneira que for melhor sua imagem, dependendo da necessidade. A resolução de
uma imagem para impressão sempre é bom ser mantida em 300 Dpi assim como mostrado abaixo,
porém lembre-se sempre de desmarcar a opção de “Restaurar Resolução da imagem”, porque
você quer a resolução em 300 dpi porém com a imagem do mesmo tamanho.

Um outro formato conhecido para imagens, é o formato .PNG que da uma transparência do fundo
da imagem, deixando apenas o objeto principal visível. Para isso vamos desativar todas as outras
camadas da nossa imagem e deixar apenas o pássaro visível.

Veja que a camada fica apenas com um fundo quadriculado, porém quando for salvo, este fundo
não irá aparecer e no lugar dele ficará como transparente. Agora vá no menu Arquivo -> Salvar
como... e procure pela opção PNG.

113
Agora na pasta onde você salvou, existe o mesmo arquivo salvo em 3 maneiras diferentes.

114
CONFIGURANDO ARQUIVO
Nosso novo projeto será fazer uma capa de um livro, desde o zero então vamos precisar começar
configurando o nosso arquivo. Crie um novo arquivo com as dimensões abaixo:

As cores são definidas como CMYK porque é o formato ideal para impressão.

115
GUIAS E RÉGUAS
Vá até o menu Visualizar -> Réguas. As Réguas irão nos auxiliar na hora de trabalhar no nosso
projeto.

Depois disso, nós iremos colocar alguns marcadores para nos auxiliar na hora de trabalhar com
nosso documento. Vá até o canto da tela e no superior, onde estão sendo mostradas as Réguas,
clique com o botão esquerdo do mouse e pressione, arraste até os lugares demarcados abaixo,
deixando um espaço de 1cm para o cada lado. Veja no exemplo:

Repita esse mesmo processo em todos os lado, e utilize o zoom para lhe auxiliar a ver melhor o
espaço que esta sendo dado para as margens. Com tudo marcado nós já poderemos fazer os dois
próximos passos de marcação. Utilize as Réguas novamente e faça uma marcação na contorno da
página, utilizando o mesmo método anterior, só que agora para colocar na borda da página.

116
Depois disso vá até o menu Imagem -> Tamanho da tela de pintura. Coloque as medidas da altura
e largura em milímetros (mm) e acrescente 3 milimetros em cada um, deixando com 153 de largura
e 233 de altura.

Dando um bom zoom, poderá perceber que foi dado um espaço fora das margens. Esse espaço
é chamado de sangramento. Ele é necessário para documentos que possam ser futuramente
impressos, servindo para correção de um erro de impressão que pode ocorrer, para que não seja
cortado parte do documento na hora de imprimir. O padrão do sangramento é de 3mm.

117
Perceba que o nosso documento, ainda está com o formato
padrão de um novo documento, sendo chamado apenas de
plano de fundo e ainda não sendo configurado como uma
camada. Clique duas vezes sobre ele para alterar o seu nome
e torná-lo uma camada, coloque o nome de fundo branco.
Depois disso selecione a camada e pressione as teclas de atalho CTRL + T, isso possibilitará
vermos um pequeno alvo no centro da página. Coloque uma marcação de Régua também nesse
centro, pois vamos precisar dessa marcação futuramente.

CRIANDO FUNDO

Agora que temos nossas marcações, vamos começar a trabalhar o nosso projeto, clique na caixa
de ferramentas no botão de cor de frente, e coloque a seguinte cor utilizando o valor hexadecimal
#00ccff, como mostra abaixo:

118
Clique na seta dupla, para trocar a posição das cores, e logo após clique na cor da frente
de novo e vamos escolher uma nova cor.

Depois de escolher a nova cor de frente com o hexadecimal #e9f6f9 nós já teremos o que é
necessário para nossa nova camada, onde iremos fazer o nosso céu, o primeiro passo para nossa
capa de livro.

Essa camada aparecerá sem nenhum conteúdo, então nós podemos criar qualquer conteúdo e
guardar nela, e também isso aparecerá em cima do nosso Fundo branco.
Selecione a ferramenta “Degradê” na caixa de ferramentas e faça um traço de baixo para cima,
abaixo da metade da folha, para criarmos um efeito gradiente com as cores que acabamos de
escolher.

119
Crie um grupo no painel de camadas e arraste as duas
camadas para dentro dele, coloque o nome do grupo de
PLANO DE FUNDO.

Agora vamos criar um novo documento, para isto vá no menu Arquivo -> Novo, escolha a opção de
Papel internacional no campo de Predefinição e coloque o tamanho A4. Podemos deixar sem título
por enquanto, pois esse documento será para complementar o nosso projeto principal.

Depois de criar siga os passos seguir:

Depois de deixar a tela de desenho no formato de paisagem virando em 90 graus, clique duas
vezes sobre a camada e coloque o nome de “Fundo Branco”, agora utilizando o atalho CTRL + T
para ver o centro da tela, coloque 2 marcadores de Régua no centro da tela.

120
Volte a nosso documento principal, aperte o comando “ V “ para mover a camada, mova o azul da
camada até a barra de título do novo documento arrastando com o botão do mouse pressionado,
depois arraste para dentro do novo documento e solte.

Volte a nosso documento principal, aperte o comando “ V “ para mover a camada, mova o azul da
camada até a barra de título do novo documento arrastando com o botão do mouse pressionado,
depois arraste para dentro do novo documento e solte.

Com a ferramenta de Transformação ( CTRL + T ) comporte a camada do céu azul para cobrir toda
área. Depois disso aplique o efeito, e vamos começar a escrever, para compor a capa do nosso
livro. Selecione a ferramenta de texto escolha a cor branca para o texto e clique na parte azul.

121
CRIANDO AS LETRAS

Vá até o Menu Janela - > Caractere, para exibir o painel


de texto, e configure da seguinte maneira: Letra Myriad
Pro - Bold Semicondesed 150 pt e 120 de na parte de
altura da letra. Para facilitar olhe o exemplo ao lado e
deixe exatamente como está sendo mostrado.

Agora clique na parte azul da tela e vamos escrever “ PAPER “ porém vamos utilizar um clique de
cada vez para poder transformar cada letra em uma caixa de texto diferente.

Perceba que assim nós temos uma camada de texto para cada letra. Para deixar
um efeito melhor nas letras, coloque os dois P com 110 de largura e as outras
letras com 120 de largura.

Organize da forma abaixo:

122
Depois de criar as camadas das letras, crie uma nova camada
e coloque o nome de SOMBRA A porque nela nós vamos
colocar os efeitos de sombra que estará relacionado a letra
A da palavra PAPER. Escolha a ferramenta Pincel mude o
tamanho para 120 px e a opacidade para 5% e escolha a
cor preta. Lembre-se sempre de verificar as posições
das camadas, porque a camada da sombra tem sempre
que ficar por cima da camada que receberá a sombra
no caso o A e as outras camadas que vão ficar por cima
dessas, as dois P, também tem que estar acima do A e da
sombra no painel.

Veja abaixo como aplicar o efeito da sombra, você deve aplicar somente nas áreas que as outras
letras entraram em contato com a camada que receberá sombra, para dar o efeito sombreado real.

Para aplicar o efeito da maneira correta você deve selecionar a camada da letra e pressionar o
CTRL clicando em cima do “T” que fica no painel de camada representado cada letra. Depois disso
a letra fica com essa seleção que você viu acima. Depois de ficar com essa seleção é que ela ficará
pronta para receber o efeito.

CTRL + Clique

123
No final teremos este resultado:

Depois, vá no menu Arquivo


-> Abrir, e escolha o arquivo
“CORES” para abrir.

CTRL + A
CTRL + C

CTRL + V

124
Depois disso crie um um grupo para o que você fez até agora e coloque o nome de PAPER. Agora
utilizando a mesma técnica vamos escrever a palavra FRIENDS, porém, desta vez vamos fazer
algumas outras alterações. Vamos modificar o tamanho em questão da altura e largura das letras,
mas de resto usaremos os mesmos tipos de formatação.

Crie primeiro as letras como da forma anterior, uma camada de texto pra cada letra.

Depois disso nós vamos utilizar as cores da nossa barra de cores que acabamos de inserir, para
colorir nossas letras, use as cores na ordem que estão para cada letra. Selecione a letra e clique na
ferramenta cor que irá aparecer no painel de acesso rápido no superior da tela. Depois basta clicar
com a ferramenta conta gotas, na cor da barra de cores que colocamos.

Agora basta repetir esse processo, colorindo todas as letras nas suas respectivas cores, de acordo
com a barra de cores.

125
Agora vamos diminuir o tamanho das letras R, E, N e S com o painel de caractere.

Você pode configurar cada uma delas de um tamanho e largura


diferente, lembre-se apenas de variar com as outras letras que
ficaram maiores. Depois organize da maneira abaixo:

126
Agora basta aplicar o efeito de sombra da mesma maneira que fizemos com a palavra PAPER. Veja
o exemplo abaixo:

Veja a ordem no painel de camadas:

Depois crie um grupo com o nome FRIENDS colocando todo este conteúdo dentro dele, depois
salve este documento na sua pasta com o nome de TOPO DO LIVRO, porque nós iremos utilizar
esta arte que acabamos de fazer no topo da capa do nosso livro.

127
Agora vamos criar um novo documento assim como fizemos para o documento do PAPER FRIENDS,
crie um novo arquivo, e rotacione da mesma maneira em 90 graus.

CRIANDO ARCO-ÍRIS
Assim que colocar em 90 graus, coloque o nome da camada de FUNDO BRANCO e aperte o atalho
CTRL + T para poder vermos o centro da camada. Assim vamos poder botar dois marcadores,
como uma cruz, para nos auxiliar.

Depois de fazer a marcação, vá na caixa de ferramentas e escolha a ferramenta elipse, no grupo


de ferramentas Retângulo.

128
Agora dê apenas um clique na tela e escolha o tamanho de 1500 px / 1500 px, habilitando a opção
“From Center”.

Agora no painel superior de acesso rápido, escolha a opção sem preenchimento e mude a borda
para cor branca, com 10 px.

Depois de verificar as cores e o tamanho da borda, verifique a configuração da posição da borda,


caso não esteja ainda, coloque ela para dentro assim como mostrado acima.

129
Depois de verificar as cores e o tamanho da borda, verifique a configuração da posição da borda,
caso não esteja ainda, coloque ela para dentro assim como mostrado acima. Depois disso coloque
o nome da camada de BORDA, e duplique ela clicando com o botão direito do mouse e escolhendo
a opção “Duplicar Camada”.

Depois selecione a BORDA use o atalho CTRL + T para utilizar a ferramenta de transformação e
coloque a borda um pouco para dentro ainda encostando na original. Para Transformar o tamanho
do círculo de maneira simétrica, utilize o atalho de teclas ALT + SHIFT + CLIQUE DO MOUSE
ARRASTANDO.

130
Agora pinte essa borda de vermelho, e repita o processo novamente.

Agora faça o processo até obter o resultado abaixo:

Depois de tuddo pronto, crie um novo grupo de camadas, coloque todas as camadas de borda do
arco-íris dentro deste grupo e coloque o nome do grupo de Arco-Íris.

131
Vá ao painel de ferramentas selecione a ferramenta de seleção retangular, e crie um
retangulo da metade para cima do arco-íris como mostrado abaixo, depois vá até o
painél de camadas e clique no botão Add layer Mask na aprte inferior do painél.

Veja o resultado obtido:

132
CRIANDO AS NUVENS
Agora na sua pasta de projeto, abra o arquivo de imagem chamado DESENHO DA NUVEM.

Utilizando a ferramenta caneta, faço os traços abaixo, pois está nuvem nos servirá somente de
molde para nosso desenho próprio.

133
Agora vamos utilizar a ferramenta de Converter pontos, para pode arredondar nossas linhas, veja:

O objetivo é deixar as bordas todas arredondadas, o mais próximo possível do desenho original.
Basta clicar em cima do ponto que já estava feito, e arrastar para obter o formato arredondado.

Depois disso depende de você conseguir deixar da melhor maneira, tentando alinhar com o de trás.

134
Agora vá até sua pasta de projeto e abra o arquivo TEXTURA DA NUVEM na pasta de texturas.

Volte ao arquivo da nuvem e arraste a nuvem que você acabou de fazer para o arquivo textura da
nuvem. Depois solte dentro do arquivo.

135
Agora pressione CTRL e clique em cima da camada da nuvem no painel de camada, para ativar a
seleção da camada.

CTRL + CLIQUE

Agora basta usa o atalho CTRL + C para copiar a nuvem já com textura, e colar ela no nosso
arquivo do arco-íris utilizando o atalho CTRL + V.

Agora nós temos a nuvem pronta na nossa camada, basta verificar se a camada da nuvem está
acima da do arco-íris no painel de camadas. Agora vamos multiplicar essa nuvem, vamos fazer
vários objeto de nuvem pela tela, e somente alterar o tamanho delas por enquanto. Basta selecionar
a nuvem pressionar o botão ALT e arrastar para duplicar a nuvem.
Depois disso vá até o painel de camadas e use o botão de atalho mostrado abaixo, e escolha
a opção Níveis, para podermos alterar o nível de branco de algumas nuvens.

136
Para alterar o valor do branco da nuvem basta mover a setinha marcada acima e para que o efeito
se aplique somente na nuvem selecionada, clique na opção marcada acima, que fica na parte
inferior do painel de níveis, para que não se repita para as demais camadas.

Depois de fazer as alterações de tamanho e nível nas nuvens crie um grupo no painel de camadas
chamado NUVENS. Vamos acrescentar mais um elemento, o nosso balão. Abra o arquivo Balão
na pasta de projeto.

137
INSERINDO BALÕES

Depois de abrir basta arrastar assim como fizemos com a moldura da nuvem, selecione e arraste
para o outro documento. Clique com o botão direito do mouse na camada do balão e escolha a
opção Converte em Objeto inteligente. Depois com o atalho CTRL + T modifique o tamanho.

Repita o passo com todos eles.

138
Vamos agora selecionar o grupo de nuvens e arrastar para o nosso arquivo TOPO DE LIVRO.

Depois centralize as nuvens, você irá ver que as nuvens estão a frente das letras, não queremos
isto, então no painel de camadas coloque o grupo de nuvens abaixo do grupo de letras.

Fazendo isto, nós vamos excluir algumas nuvens em


particular, que irão ser desnecessárias. Para modificar um
só objeto clique com o botão direito do mouse e escolha a
camada que você quer modificar naquela área. Lembrando
que toda “Camada 1 cópia”, se refere a uma nuvem.

139
Retire algumas, modifique o tamanho e o Nível de branco de outras, veja como deve ficar:

Agora volte no arquivo do arco-íris e arraste somente o arco-íris para o arquivo TOPO DO LIVRO.

No painel de camadas, clique com o botão direito na camada dele, e transforme em um objeto
inteligente. Depois utilize o atalho CTRL + T para modificar seu tamanho.

140
Faça o mesmo com um balão do mesmo arquivo do arco-íris. Altere os tamanhos conforme a seguir:

TRANSFERINDO OBJETOS
Salve o arquivo. Depois disso abra o arquivo AMIGOS DE PAPEL na sua pasta de projeto, vá em
Arquivo-> Inserir, e escolha o arquivo TOPO DO LIVRO, na sua pasta de projeto.

141
Salve o arquivo. Depois disso abra o arquivo AMIGOS DE PAPEL na sua pasta de projeto, vá em
Arquivo-> Inserir, e escolha o arquivo TOPO DO LIVRO, na sua pasta de projeto.

Repare que existe um problema, o gradiente de um quebra o outro, deixando um pouco confuso
e não queremos isso. Para consertar volte no arquivo TOPO DO LIVRO e desabilite a visão das
camadas de fundo. Depois de fazer isso, vá em Arquivo - > Salvar.

142
CRIANDO PÁSSAROS

Agora sim esta perfeitamente da maneira que precisamos. Agora abra o arquivo do Pássaro 1.

Coloque o nome da camada de FUNDO BRANCO. Depois utilize a ferramenta de seleção “Laço
Pligonal” para contornar o molde do pássaro aparente na imagem.

CTRL+V
CTRL+X

143
Depois de recortar e colar novamente o pássaro, nós teremos uma camada diferente somente para
a figura do pássaro, coloque o nome de pássaro, no painel de camadas.

Use a ferramenta de seleção Laço


Poligonal novamente para selecionar
a área apresentada ao lado. Depois vá
no menu Arquivo - > Abrir e na pasta
TEXTURA escolha a TEXTURA 1.

CTRL+A CTRL+V
CTRL+C

Depois de colar a imagem, você irá desabilitar a visualização da camada dela, para poder ver com
clareza a seleção feita.
Depois clique no botão de mesclagens
para criar o “disfarce” da imagem
deixando visível somente na parte da
seleção.

144
Depois ative novamente.

Agora você pode clicar no ícone de corrente do lado da máscara, para poder formatar individualmente
sua imagem. Depois de clicar selecione a imagem da textura e use o atalho CTRL + T para modificar.

Depois faça a seleção mostrada abaixo e crie uma nova camada para ela chamada SOMBRA.

145
Depois de salvar essa aplicação, selecione a cabeça do pássaro utilizando novamente a ferramenta
de Laço Poligonal. Depois que fizer a seleção crie uma nova camada e coloque o nome de
VERMELHO pois vamos utilizar ela para pintar outras partes de vermelho também.

Primeiro precisamos observar que algumas características do nosso pássaro original foram
perdidas. Como as sombras que dão o efeito 3D realista para o pássaro.

Para recuperar este efeito da sombra junto com as nossas texturas e cores ainda, basta ir no painel
de camadas e trocar a opção de “Normal” para “Multiplicação” nas camadas.

146
Continue colorindo o pássaro copiando as cores usadas na textura para utilizar no corpo do pássaro,
lembrando sempre de criar uma camada para cada cor, até chegar no seguinte estado:

Depois disso vá até a sua pasta de projeto e abra o qrauivo


OLHOS DOS PÁSSAROS.

Esse arquivo contém um desenho também ao lado do olho, indicando como deve ficar o olho em
comparação ao pássaro. No painel de camadas você pode observar cada objeto e alterar também
suas cores. Arraste o olho até o projeto do pássaro.

147
CTRL + T

Depois do olho, nosso pássaro esta pronto, porém ainda temos que configurar nossa sombra e
o fundo do arquivo, para que fique transparente o fundo, assim como fizemos com o nosso outro
projeto do TOPO DO LIVRO. Então desative a visualização da camada de sombra e de fundo.

Depois salve desta forma e abra pelo menu Arquivo -> Abrir como Objeto Inteligente e depois
arraste para o arquivo AMIGOS DE PAPEL.

148
Depois de fazer isto volte no arquivo do PÁSSARO 1 para pegar a sombra. Desabilite a visualização
do fundo para verificar a SOMBRA, selecione a camada da SOMBRA no painel de camadas e
depois use “CTRL + A” e “CTRL + C”. Depois disso abra o arquivo AMIGOS DE PAPEL e cole lá.

CTRL + A

CTRL + C

CTRL + V
Depois de colocar a SOMBRA
fazendo os passos ditos a
cima, clique com o botão
direito do mouse sobre a
camada dela e converta para
Objeto inteligente, para poder
mudar o tamanho.

149
Depois utilizando o atalho CTRL + T modifique o tamanho
para combinar com o tamanho que você deixou seu
pássaro e aplique o efeito de multiplicação para a camada.

Agora crie um grupo chamado pássaro 1 e coloque essas camadas dentro.

Como já aprendemos a fazer um pássaro do zero, agora podemos pegar o PÁSSARO 2 que já
esta pronto, se encontra dentro da sua pasta de projeto na pasta PÁSSAROS. Abra ele e desabilite
e repita os mesmos passos com o pássaro anterior, desabilitando o fundo e a sombra primeiro, e
depois pegando a sombra separadamente e depois abrindo como objeto inteligente.

Depois que fizer todas as alterações o arquivo AMIGOS DE PAPEL ficará assim:

150
Agora abra o arquivo GRAMA que se encontra na sua pasta de projetos e arraste para o arquivo
AMIGOS DE PAPEL. Colocando na posição mostra abaixo e dentro do grupo PLANO DE FUNDO:

Assim nós teremos uma dimensão de como devemos deixar o tamanho dos nossos pássaros,
fazendo isso abra o arquivo do terceiro pássaro pronto na sua pasta de projeto. Faça os ajustes
necessários para obter o seguinte resultado:

Depois clique no grupo da camada do terceiro pássaro, vá no menu Editar -> Transformação ->
Virar Horizontalmente.

151
CRIANDO A LOGO
Agora na sua pasta de projeto abra o arquivo LOGO.

Neste arquivo nós vamos utilizar a ferramenta caneta para desenhar em cima da imagem que já
temos. Selecione a ferramenta caneta se certificando dos seguintes elementos.

152
Agora para cada triângulo nós iremos salvar como uma forma diferente, em diversos triângulos ou
losângos.

Crie um grupo para todas as formas chamado FORMAS e abra o arquivo CORES DA LOGO na sua
pasta de projeto.

CTRL + A

CTRL + C

Agora use esta tabela de cores para lhe auxiliar a colorir sua logo se guiando pelos números.

153
Use os guias como mostrado acima para colorir. Na hora de selecionar uma camada, selecione a
ferramenta de Seleção de Demarcador, escolha a cor utilizando o botão para o copiando da barra
de cores e depois retirando a cor de borda ( Stroke ).

Depois de tudo colorido, ficará como o exemplo abaixo. Podemos perceber que existem algumas
brechas em branco e alguns elementos não se encaixam muito bem, para resolver isso, de um bom
zoom e utilize a ferramenta de seleção direta para unir cada parte.

154
Resolva todos estes pequenos problemas, para termos um objeto perfeito. Desabilitando a
visualização da camada de plano de fundo, podemos ver mais claramente o nosso objeto.

Agora que terminamos nosso pássaro, crie um grupo para as camadas que o compõem e chame
de pássaro, vamos partir para nosso próximo objeto. Ative a visualização da camada de fundo
novamente e selecione a ferramenta Retângulo

155
Crie um retângulo com preenchimento em branco para cobrir as partes do desenho, primeiro o
maior retângulo e depois modificaremos os outros.

Agora crie um cobrindo no local mostrado abaixo e utilize a ferramenta Excluir pontos de ancoragem:

Exclua o ponto âncora


marcado no desenho ao
lado.

Agora faço outro maior para marcação de trás, e mude no painel de camadas a posição dele.

156
Agora use a ferramenta de Adicionar ponto de ancoragem, para criar um ponto no centro do lado
direito do retângulo e a ferramenta de Seleção Direta para converter em 2 retas.

Faça o mesmo do outro lado. Para ser mais rápido utilize o atalho ALT + ARRASTAR para copiar o
objeto para o outro lado.:

Agora use a mesma técnica de antes para colorir da seguinte maneira:

157
Depois disso utilize a ferramenta de texto para escrever o seguinte texto, seguindo as configurações
ao lado:

Agora na parte de baixo, na faixa, utilize a configuração abaixo:

Agora utilize a ferramenta elipse que se encontra no grupo de ferramentas do Retângulo, para fazer
um retângulo utilizando a demarcação do fundo:

158
Agora arraste a camada da elipse para acima somente da camada de plano de fundo para que ela
fique pos trás dos outros objetos, em seguida desabilite a visibilidade da camada de plano de fundo.

Depois disso crie uma nova elipse um pouco maior, na parte de fora da elipse branca, e utilize as
configurações mostradas abaixo:

Depois arraste a camada da elipse de fora para baixo da elipse branca, deixando ela atrás de todos
os objetos também. Retire a cor da borda da primeira elipse, deixando somente o preenchimento
branco, e depois veja o resultado.

159
Salve o documento desta maneira.
Depois de salvá-lo abra como um objeto inteligente no arquivo AMIGOS DE PAPEL, para que você
possa incluir ele e modificar seu tamanho assim como mostrado abaixo:

Depois de inserir vamos ter de ajeitar um pouco a camada do topo da imagem, que contém as
nuvens e os outro objeto. Para isso vamos abrir novamente o arquivo TOPO DO LIVRO e modificar
uma coisa somente, o Tamanho da Tela de Pintura. Vá até o menu Imagem-> Tamanho da Tela
de Pintura e deixe como está na imagem abaixo. Depois basta abrir novamente ela no arquivo
AMIGOS DE PAPEL e ajeitar.

160
FINALIZANDO DETALHES

Pronto, agora o último passo que precisamos tomar para concluir é colocar alguns textos para a
capa do nosso livro. Selecione a ferramenta de texto e vamos começar.

Utilize as seguinte configurações:


PRIMEIRA FRASE SEGUNDA FRASE

161
Abaixo da letra “S” no lado direito da palavra “FRIENDS” você também criará um pequeno texto
para indicar o autor, nesta parte coloque o seu nome como autor do livro.

Veja o resultado:

Agora nós precisamos somente configurar o nosso documento para ser impresso e para servir
como banner web. Vá até o menu Imagem - > Modos, observe se o documenta esta no modo de
cor CMYK e 8 bits/canal (Modelo ideal para impressão).

162
No menu Imagem ainda, vá na opção Tamanho da Imagem e verifique se a Resolução está em 300
dpi ou pixels/pol.

Depois desses passos você pode salvar o documento e imprimir sem problemas.

BANNER WEB

Para fazer um banner mais elaborado para web nós teremos um pouco mais de trabalho. Vamos
começar criando um novo documento com as seguintes configurações:

Lembrando que como o banner está sendo salvo para a web não importa muito a resolução que
está, podendo deixar em 72 pixels/pol mesmo.

163
Agora vamos voltar ao nosso documento AMIGOS DE PAPEL para poder utilizar alguns elementos
de lá. Arraste para esse documento a grama e o céu azul e utilize “CTRL + T” para ajustar o
tamanho.

Também no arquivo AMIGOS DE PAPEL copie a camada de nuvem e crie algumas nuvens no novo
arquivo. Altere a opacidade de algumas e também o seu tamanho:

Agora abra o arquivo chamado BOOK WEB que se encontra na sua pasta de projetos.

164
Utilize a ferramenta de Seleção Retângulo e faça uma seleção na capa do livro como mostrado
abaixo. Clique com o botão direito e crie uma nova camada chamada CAPA.

Depois utilize a ferramenta balde de tinta e pinte de amarelo:

165
Vá no painel de camadas e selecione a opção Multiplicar:

Converta a camada em Objeto inteligente e depois utilize o atalho CTRL + T para modificar.

CTRL + CLIQUE

Utilize a seta do mouse com o CTRL pressionado para poder ajustar a camada na capa do livro.
Depois clique duas vezes em cima do ícone da camada para abrí-la individualmente como outro
arquivo:

166
Agora vá até o arquivo AMIGOS DE PAPEL copie tudo e cole no arquivo da camada da CAPA,
utilizando CTRL + A, CTRL + SHIFT + C e CTRL + V:

CTRL + A
CTRL + SHIFT + C

CTRL + C

Agora basta ajustar ao tamanho do documento e aplicar.

167
Voltando no documento BOOK WEB você verá que já está formatado com a capa do livro.

Utilize a ferramenta de seleção poligonal, para selecionar a parte interna da capa de trás do livro,
depois crie uma nova camada chamada VERMELHO e pinte de vermelho.

Aplique também o efeito de multiplicação para essa camada.

168
Desabilite a visibilidade das camadas de fundo e salve o documento.

Abra o documento como objeto inteligente e arraste para o arquivo BOOK WEB, depois basta
redimensionar ele.

Crie um texto de apresentação.

169
Na parte inferior iremos criar um botão com efeito elevado para dar a impressão de que é um botão
de verdade, vamos usar o Retângulo e a ferramenta Degradê para isso. Crie 2 Retângulos, um
laranja e outro branco por cima desse, use CTRL + T para dimensionar o Retângulo branco para
ficar a frente deixando o laranja aparecendo somente como uma borda.

Mude a opacidade deste para 40%

Agora utilize a ferramenta de máscara e depois selecione a ferramenta Degradê.

Com a ferramenta degradê faça um risco no centro, de cima para baixo:

Resultado:

170
Agora o documento pode ser salvo como JPEG e já pode ser usado para WEB.

171

Você também pode gostar