Manual_Photopea

Prévia do material em texto

<p>MANUAL</p><p>PHOTOPEA</p><p>CENTRO UNIVERSITÁRIO LEONARDO DA VINCI</p><p>Rodovia BR 470, Km 71, nº 1.040, Bairro Benedito</p><p>89130-000 - INDAIAL/SC</p><p>www.uniasselvi.com.br</p><p>Manual Photopea</p><p>Centro Universitário Leonardo da Vinci</p><p>Organização</p><p>NEAD/UNIASSELVI</p><p>Reitor da UNIASSELVI</p><p>Prof. Hermínio Kloch</p><p>Pró-Reitoria de Ensino de Graduação a Distância</p><p>Prof.ª Francieli Stano Torres</p><p>Pró-Reitor Operacional de Ensino de Graduação a Distância</p><p>Prof. Hermínio Kloch</p><p>3</p><p>O Photopea é um editor de imagens avançado, que pode trabalhar com</p><p>gráficos raster e vetoriais.  Você pode usá-lo para tarefas simples, como</p><p>redimensionar imagens, bem como tarefas complexas, como criar páginas</p><p>da web, criar ilustrações, processar fotografias e muito mais.</p><p>Este guia irá ensiná-lo a usar o Photopea passo a passo.</p><p>Começaremos com as tarefas básicas e gradualmente progrediremos para</p><p>recursos mais complexos.</p><p>Cores</p><p>No momento, o Photopea trabalha com o espaço de cores sRGB (o espaço de cores básico</p><p>para a web), com profundidade de cores de 8 bits. Todos os arquivos exportados também</p><p>usam sRGB.</p><p>Iniciando e usando Photopea</p><p>O editor Photopea funciona em um navegador da web.  Ele pode ser iniciado</p><p>acessando www.Photopea.com . O Photopea pode ser executado em qualquer dispositivo</p><p>(desktop, laptop, tablet, telefone ou qualquer outro computador), mas para o melhor</p><p>conforto, recomendamos ter uma tela grande, um dispositivo apontador preciso (um</p><p>mouse ou uma caneta) e um teclado.</p><p>Photopea roda completamente em seu dispositivo, assim como Sketch ou Photoshop</p><p>fazem.  Ele não carrega nenhum dos seus arquivos para a Internet.  Você pode</p><p>carregar Photopea.com , desconecte-se da Internet e continue usando-o totalmente off-</p><p>line. Nenhum dos seus arquivos sai do seu computador.</p><p>Abrindo e salvando arquivos</p><p>Os gráficos digitais são armazenados como uma  imagem  raster  ou</p><p>uma imagem vetorial. Existem muitos formatos para salvar e distribuir vários tipos de</p><p>gráficos. Vamos mencionar PNG e JPG, que contêm uma imagem raster retangular de</p><p>camada única (uma grade de pixels).</p><p>Os editores de imagem usam seus próprios formatos de arquivo, que contêm gráficos</p><p>raster e vetoriais, e informações adicionais, que podem ser úteis para alterar a imagem</p><p>no futuro.  Por exemplo, quando adicionamos um texto a uma imagem e o salvamos</p><p>como PNG, as letras se tornariam pixels e esse texto seria difícil de alterar (teríamos que</p><p>adivinhar o nome da fonte, o tamanho do caractere, a imagem original atrás das letras</p><p>estar perdida).</p><p>https://www.photopea.com/</p><p>http://photopea.com/</p><p>4</p><p>Photopea usa o formato PSD como formato principal para armazenar documentos de</p><p>imagem com uma informação adicional. Ele foi projetado para uso no Adobe Photoshop</p><p>e se tornou muito popular desde então. Todos os arquivos abertos no Photopea (como</p><p>PNG, JPG, Sketch) são convertidos em PSD (quando ainda não são PSDs). Ao terminar a</p><p>edição, o resultado pode ser salvo do PSD para outros formatos.</p><p>Photopea também suporta vários tipos de recursos, que podem ser usados para editar</p><p>a imagem. Você pode carregar seus próprios pincéis, gradientes, fontes e muito mais, da</p><p>mesma forma que abre imagens.</p><p>Abrindo arquivos</p><p>Existem várias maneiras de abrir arquivos. A forma padrão é através da caixa de diálogo</p><p>Abrir  (Arquivo - Abrir). Você também pode colar imagens (da área de transferência do</p><p>sistema) simplesmente pressionando Ctrl + V. Outra maneira é abrir arquivos arrastando-</p><p>os do sistema local e soltando-os no ambiente Photopea dentro de um navegador da</p><p>web.</p><p>Quando você não tem nenhum documento aberto, os arquivos descartados serão abertos</p><p>de maneira regular.  Quando alguns documentos já estão abertos no Photopea, você</p><p>pode soltar o novo documento na área principal do documento atual. O novo arquivo será</p><p>inserido no documento atual como uma nova camada (uma camada de Objeto Inteligente).</p><p>Quando alguns documentos são abertos, você pode soltar novos arquivos na barra</p><p>superior da área principal (que contém a lista de documentos abertos). Em seguida, novos</p><p>arquivos serão abertos separadamente.</p><p>https://en.wikipedia.org/wiki/Adobe_Photoshop#File_format</p><p>https://en.wikipedia.org/wiki/Adobe_Photoshop#File_format</p><p>4 5</p><p>Existe um recurso experimental, que permite  tirar fotos  usando a câmera do seu</p><p>dispositivo dentro do Photopea. Pressione Arquivo - Tire uma foto para tirar uma foto.</p><p>Salvando arquivos</p><p>Você pode salvar seu trabalho como um arquivo PSD (para preservar toda a estrutura</p><p>do documento) usando Arquivo - Salvar como PSD. Você também pode salvar seu</p><p>arquivo para distribuição na web (por meio de JPG, PNG, SVG, PDF e outros formatos)</p><p>usando Arquivo - Exportar como - PNG, JPG etc.</p><p>A janela Salvar para a Web permite escolher o formato de saída. Você também pode inserir</p><p>a resolução da imagem de saída. Agora, você já pode usar o Photopea para redimensionar</p><p>as imagens (Arquivo - Abrir, Arquivo - Exportar como - JPG, insira o novo tamanho e Salvar).</p><p>Quando um documento é aberto em seu dispositivo, a  opção  Arquivo - Salvar  não</p><p>funciona (Photopea é apenas um site da Web e não pode regravar arquivos em seu</p><p>dispositivo). Em vez disso, você deve usar Arquivo - Salvar como PSD. Contudo, se você</p><p>abriu seu arquivo do Google Drive, ou como um objeto inteligente, ou de um servidor</p><p>(usando a API), Arquivo - Salvar salvará seu arquivo em um destino correto.</p><p>Navegação</p><p>Já sabemos como abrir e salvar arquivos no Photopea.  A próxima etapa é visualizar a</p><p>imagem e suas partes confortavelmente e mover-se entre as diferentes áreas da imagem.</p><p>Ferramenta de zoom</p><p>A ferramenta Zoom permite aumentar e diminuir o zoom em diferentes locais da</p><p>imagem. Basta selecionar a ferramenta (na barra de ferramentas à esquerda) e clicar na</p><p>imagem.  Você pode alternar entre aumentar e diminuir o zoom no painel superior ou</p><p>6</p><p>pressionando a tecla Alt no teclado. Você também pode clicar e arrastar para a direita</p><p>para aumentar o zoom ou arrastar para a esquerda para diminuir o zoom.</p><p>Existe um  modo rápido  para a ferramenta Zoom.  Ao pressionar  Ctrl + Barra de</p><p>espaço, você alternará para a ferramenta Zoom, que pode ser usada normalmente. Por</p><p>exemplo, você pode adicionar ou soltar Alt para alternar entre aumentar e diminuir o</p><p>zoom. Depois de soltar as teclas do teclado, você retornará à ferramenta anterior. É uma</p><p>das maneiras mais rápidas de fazer zoom.</p><p>Ferramenta de mão</p><p>A ferramenta Mão permite mover a visualização para diferentes partes da imagem. Escolha</p><p>a ferramenta Mão na barra de ferramentas, clique e arraste na imagem para navegar para</p><p>outros lugares.</p><p>Existe um modo rápido para a ferramenta Mão. Pressione a barra de espaço para</p><p>alternar temporariamente para a ferramenta Mão. Em seguida, solte a barra de espaço</p><p>para voltar à ferramenta anterior.</p><p>Ferramenta Rotate View</p><p>Esta ferramenta permite girar a visualização de um documento. Você pode encontrá-lo</p><p>diretamente na ferramenta Mão. Clique e arraste o documento para girá-lo em torno do</p><p>centro da tela. Clique em Redefinir na parte superior para voltar a 0 °.</p><p>6 7</p><p>O zoom e a rolagem também são possíveis com a roda do mouse. Gire a roda do mouse</p><p>para rolar verticalmente ou adicione Ctrl para rolar horizontalmente. Segure a tecla Alt</p><p>para dar zoom com a roda do mouse em vez de rolar.</p><p>Governantes</p><p>Você pode habilitar Rulers no Photopea (View - Rulers ou Ctrl + R), o que o ajudará a</p><p>navegar dentro do documento e estimar o tamanho dos objetos.</p><p>História das ações</p><p>Seu trabalho no Photopea é representado como uma sequência de ações, que são</p><p>aplicadas a um documento. Cada ação realiza alguma mudança no documento e cria um</p><p>novo estado do documento. Esta lista de ações é mostrada no painel Histórico. Novas</p><p>ações aparecerão na parte inferior da lista.</p><p>Photopea permite que você retire sua edição e volte aos estados anteriores. Clicar no</p><p>nome de uma ação no painel Histórico o levará de volta ao estado anterior. Além disso,</p><p>você pode avançar no histórico clicando nas últimas ações (na parte inferior da lista).</p><p>Outra maneira de retornar</p><p>adicionar mais nós (já que cada novo nó é selecionado após a adição, então o próximo nó</p><p>é adicionado logo após). Mas você também pode selecionar algum nó manualmente (com</p><p>Seleção Direta) e novos nós serão adicionados depois dele (em um caminho existente).</p><p>https://bezier.method.ac/</p><p>58</p><p>Caneta Grátis</p><p>Clique com o mouse e desenhe alguma forma. Em seguida, solte o botão do mouse. Seu</p><p>traço será convertido em uma curva vetorial suave.  Altere o valor de Tolerância para</p><p>tornar a curva mais suave.</p><p>Forma personalizada</p><p>Com esta ferramenta, você pode adicionar uma forma complexa da galeria de formas</p><p>atual. Você pode importar suas próprias coleções de formas em um formato CSH usando</p><p>Arquivo - Abrir.</p><p>Formas específicas</p><p>Clique e arraste com o mouse para desenhar um caminho com a forma geométrica</p><p>específica. Segure a tecla Shift para manter as proporções do novo caminho.</p><p>58 59</p><p>Forma Paramétrica</p><p>Esta ferramenta pode desenhar outras formas exóticas, que requerem alguns</p><p>parâmetros.  Você pode desenhar  um polígono, uma estrela, uma espiral  e</p><p>possivelmente muitas outras formas no futuro.  Cada forma possui vários parâmetros,</p><p>que permitem que você personalize a forma.</p><p>Texto para forma</p><p>Você pode converter qualquer camada de texto em uma camada de forma vetorial</p><p>clicando com o botão direito do mouse (no painel Camadas) e pressionando Converter</p><p>em forma. Cada personagem se tornará um caminho com nós, que você pode modificar</p><p>manualmente (por exemplo, girar cada personagem em um ângulo aleatório).</p><p>Vetorizar bitmap</p><p>Às vezes, podemos ter uma imagem raster (JPG, PNG etc.), que costumava ser uma</p><p>imagem vetorial.  A imagem vetorial original pode ser recriada à mão, mas pode levar</p><p>muito tempo. Photopea pode fazer isso automaticamente, é chamado de vetorização</p><p>de bitmap ou rastreamento de bitmap.</p><p>Depois de abrir nossa imagem raster (ou selecionar a camada certa em uma imagem</p><p>em camadas), pressione Imagem - Vetorizar bitmap.  Veremos uma janela especial do</p><p>Vectorizer.</p><p>60</p><p>Podemos ver a imagem original à esquerda e a imagem vetorial à direita.  Podemos</p><p>mover as duas imagens com o mouse ou aumentar / diminuir o zoom com a roda do</p><p>mouse. Também podemos definir dois parâmetros:</p><p>• Número de cores</p><p>• Redução de ruído</p><p>A necessidade de redução de ruído é detectada automaticamente para cada imagem</p><p>e recomendamos não alterar essa configuração.  Quando estivermos satisfeitos com</p><p>a saída do vetor, clique em OK.  Nossa camada raster original será substituída pelas</p><p>camadas vetoriais correspondentes, prontas para uma edição vetorial adicional ou para a</p><p>exportação como gráficos vetoriais: SVG ou PDF.</p><p>Pranchetas</p><p>Um documento no Photopea é uma área retangular que contém gráficos (camadas com</p><p>imagens, texto, formas vetoriais etc.). Mas e se quisermos ter "vários documentos em um</p><p>documento"?</p><p>60 61</p><p>Um documento pode ter  pranchetas, que se parecem com "documentos dentro de</p><p>um documento".  Podemos movê-los, mover camadas de uma prancheta para outra,</p><p>redimensionar a prancheta etc. Um documento será salvo como um único arquivo PSD,</p><p>com todas as pranchetas dentro dele.</p><p>Se olharmos mais profundamente, uma prancheta é apenas uma pasta de camadas. Se</p><p>movermos uma pasta, todas as camadas dentro também serão movidas.  Mas existem</p><p>algumas diferenças:</p><p>• Cada prancheta tem seu próprio retângulo (uma "janela") anexado a ela, apenas as</p><p>camadas dentro desse retângulo são exibidas.</p><p>• Uma prancheta pode ter uma cor de fundo personalizada.</p><p>• A prancheta não pode ser colocada em outra pasta, ela está sempre no "nível superior".</p><p>Trabalho com pranchetas</p><p>Ao criar um novo documento, podemos marcar a caixa de seleção "Prancheta", para ter um</p><p>documento com uma única prancheta vazia. Pranchetas são comuns em formatos como</p><p>Sketch, XD, Figma e Photopea, que podem detectar pranchetas nesses arquivos. Se você</p><p>abrir um PDF, cada página será convertida em uma prancheta.</p><p>62</p><p>Você pode gerenciar pranchetas com a ferramenta Prancheta. Escolha a ferramenta e</p><p>desenhe um retângulo para criar uma nova prancheta. Se você selecionar uma prancheta</p><p>(no painel Camadas), poderá redimensioná-la ou clicar no botão "+" para adicionar uma</p><p>nova prancheta do mesmo tamanho.  Você pode renomear ou excluir uma prancheta</p><p>como faria com qualquer outra camada.</p><p>Pressione Janela - Propriedades para ver as propriedades de uma prancheta. Você pode</p><p>inserir dimensões específicas ou alterar o plano de fundo.</p><p>Quando você seleciona uma prancheta, as réguas são redesenhadas em relação a essa</p><p>prancheta (zero no canto superior esquerdo da prancheta). Quando você adiciona guias,</p><p>elas são anexadas a uma prancheta selecionada (e ficam ocultas se você selecionar</p><p>outra).</p><p>62 63</p><p>Exportando pranchetas</p><p>Ao exportar para formatos como PNG ou JPG, há a caixa de seleção "Como</p><p>pranchetas". Ative-a para exportar um arquivo ZIP com um arquivo PNG / JPG para cada</p><p>prancheta.  Quando você exporta para PDF, cada prancheta é transformada em uma</p><p>página PDF separada.</p><p>Guias, grade e encaixe</p><p>A posição precisa dos elementos da imagem pode ser muito importante. A ferramenta</p><p>básica, que pode nos ajudar a alinhar os elementos da imagem, são as réguas. As réguas</p><p>podem ser habilitadas em Exibir - Réguas. Mas existem várias outras maneiras de alinhar</p><p>elementos com precisão.</p><p>Guias</p><p>Pode haver vários guias em um documento PSD.  Uma guia é uma linha horizontal ou</p><p>vertical, que é exibida sobre o documento e pode ajudá-lo a alinhar os elementos.</p><p>64</p><p>Para adicionar ou excluir uma guia, selecione a ferramenta Mover e ative as réguas. Para</p><p>adicionar uma guia, clique na régua e arraste o mouse até o documento. Para excluir uma</p><p>guia, clique nela e arraste-a para a régua.</p><p>Para mover guias existentes, clique nelas com a ferramenta Mover e arraste-as para um</p><p>novo local.</p><p>Rede</p><p>Os designers geralmente precisam colocar alguns elementos regularmente, com uma</p><p>distância igual entre eles. Em vez de adicionar muitos guias com os mesmos espaços entre</p><p>eles, podemos usar a grade. Uma grade regular será exibida sobre o seu documento, o</p><p>que pode ajudá-lo a alinhar outros elementos.</p><p>64 65</p><p>Pixel Grid</p><p>A grade de pixels desenha uma grade com uma lacuna de pixel. É visível apenas depois de</p><p>aumentar o zoom suficientemente. Quando uma área da imagem tem uma cor constante,</p><p>a grade de pixels ajuda a ver as bordas entre os pixels (pode ser útil para pixel art).</p><p>As guias, grade ou grade de pixels podem ser ativadas ou desativadas usando Exibir -</p><p>Mostrar - guias, grade ou grade de pixels. Existe o switch principal: View - Extras, que</p><p>pode desabilitá-los todos de uma vez. O tamanho da grade pode ser alterado em Editar</p><p>- Preferências. Observe que os guias estão relacionados a um documento específico e</p><p>podem ser diferentes em cada documento, enquanto a mesma grade é exibida em todos</p><p>os documentos.</p><p>Estalando</p><p>Colocar elementos precisamente na guia (ou na grade) pode ser difícil. Podemos precisar</p><p>aumentar o zoom e mover o objeto várias vezes, até que esteja no local certo.</p><p>O encaixe pode resolver esse problema. Sempre que o seu objeto estiver próximo da</p><p>guia (por exemplo, mais próximo do que 5 pixels), ele será "encaixado" nessa guia, ou seja,</p><p>sua localização será definida como a localização dessa guia. Você não precisa ser tão</p><p>preciso, Photopea encontra o guia mais próximo e move o objeto para você.</p><p>O encaixe pode ser ativado ou desativado usando Exibir - Snap.  Você pode ajustar a</p><p>coisas diferentes, como guias, grade, limites de documentos etc. (dê uma olhada em</p><p>Exibir - Ajustar a). Mas com o encaixe, você é menos flexível, por exemplo, quando deseja</p><p>colocar um objeto próximo à guia, mas não exatamente sobre ela. É útil desativar o ajuste</p><p>nesses casos.</p><p>O encaixe pode ser usado com todas as ferramentas, em que você espera: ferramenta</p><p>Mover, Transformação livre, ferramenta Recortar, seleções, ferramentas para edição de</p><p>gráficos vetoriais etc.</p><p>Mais dicas podem ser vistas direto no site do Photopea: https://www.</p><p>photopea.com/learn/</p><p>https://www.photopea.com/learn/</p><p>https://www.photopea.com/learn/</p><p>aos estados anteriores ou futuros é escolhendo Editar -</p><p>Avançar (Shift + Ctrl + Z) ou Editar - Retroceder (Alt + Ctrl + Z). Você também pode usar</p><p>Editar - Desfazer / Refazer (Ctrl + Z) para alternar entre os dois últimos estados (isso não</p><p>permite que você vá "mais fundo" no histórico).</p><p>Tamanho da imagem</p><p>Todos os documentos (PSD), mesmo aqueles com gráficos somente vetoriais, têm</p><p>um tamanho de documento específico (a resolução em pixels).  Uma resolução mais</p><p>alta proporciona uma precisão melhor, mas também torna os arquivos de imagem</p><p>maiores. Você pode alterar a resolução do documento de várias maneiras.</p><p>Dimensionando a imagem</p><p>Photopea permite diminuir ou aumentar a resolução e dimensionar o conteúdo do</p><p>documento de acordo com a nova resolução. Você pode fazer isso escolhendo Imagem</p><p>- Tamanho da imagem e inserindo um novo tamanho. Você também pode inserir um</p><p>novo valor de DPI aqui.</p><p>8</p><p>Você também pode girar ou inverter a imagem usando Imagem - Transformar - Girar etc.</p><p>Cortando a imagem</p><p>Outra forma de alterar a resolução é cortando a imagem. Assim, preservará a resolução e</p><p>a qualidade do conteúdo, mas mudará a "janela", através da qual você pode ver o conteúdo</p><p>ou parte dele. A forma básica de fazer isso é através de Image - Canvas Size.</p><p>Ferramenta de corte</p><p>A ferramenta de recorte permite defi nir a "janela de visualização" manualmente. Escolha</p><p>a ferramenta Cortar e desenhe um retângulo sobre o documento. Você pode arrastar o</p><p>retângulo para movê-lo pelo documento ou arrastar o canto para alterar seu tamanho. Você</p><p>8 9</p><p>também pode girar o retângulo arrastando-o próximo à borda, o que permite cortar a</p><p>imagem usando um ângulo diferente.</p><p>Quando o retângulo de corte estiver pronto, você pode confi rmar ou cancelar o corte no</p><p>menu superior.</p><p>Camadas</p><p>Cada documento PSD consiste em  camadas.  A camada representa alguma parte da</p><p>imagem.  Geralmente é uma área preenchida com pixels transparentes, parcialmente</p><p>transparentes ou opacos.</p><p>As camadas são renderizadas uma sobre a outra, para criar a imagem fi nal.  Você</p><p>geralmente edita apenas uma camada de cada vez. Alterar (mover, girar, desenhar em)</p><p>uma camada não tem efeito nas outras camadas.</p><p>Painel de camadas</p><p>O painel Camadas é o local principal para trabalhar com a estrutura de camadas do</p><p>documento. Você pode encontrá-lo na barra lateral à direita. Ele contém a lista de todas</p><p>as camadas e suas miniaturas. As camadas na parte inferior da lista são as camadas "na</p><p>parte de trás", enquanto as camadas no topo são as camadas "na frente".</p><p>Quando temos muitas camadas, precisamos escolher uma com a qual queremos</p><p>trabalhar. Uma camada pode ser selecionada simplesmente clicando sobre ela (em seu</p><p>nome ou em sua miniatura) no painel Camadas.</p><p>Às vezes, precisamos selecionar várias camadas ao mesmo tempo.  Por exemplo, se</p><p>quisermos girar todos eles no mesmo ângulo ou excluí-los todos de uma vez. Quando</p><p>10</p><p>uma ou mais camadas são selecionadas, segure a tecla Ctrl e clique em outras camadas,</p><p>para adicioná-las à seleção, ou clique nas camadas já selecionadas (enquanto ainda</p><p>mantém pressionada a tecla Ctrl) para desmarcá-las.</p><p>Pastas de camadas</p><p>Quando temos centenas ou mesmo milhares de camadas em nosso documento, trabalhar</p><p>com elas no painel Camadas pode ser muito difícil. Precisaríamos rolar a lista por muito</p><p>tempo para encontrar uma camada específica. Contudo, há uma solução.</p><p>Photopea (assim como muitos outros editores de imagem) permite que você crie pastas</p><p>de camadas. Você pode colocar camadas relacionadas dentro de uma pasta. As pastas</p><p>podem conter outras pastas. A pasta pode ser dobrada e desdobrada, assim como a pasta</p><p>em seu computador.</p><p>Quando você seleciona uma pasta (por exemplo, clicando nela), todo o seu conteúdo</p><p>também é selecionado (embora não esteja destacado no painel). Ao mover / girar / excluir</p><p>uma pasta, você também move / gira / exclui todo o conteúdo dessa pasta.</p><p>Propriedades básicas da camada</p><p>Existem várias propriedades básicas da camada, que você pode alterar no painel</p><p>Camadas. A propriedade principal é a visibilidade, que você pode alternar clicando no</p><p>10 11</p><p>ícone de olho de uma camada (ou pasta). Quando alguma camada é selecionada, você</p><p>pode editar o modo de mesclagem e a opacidade dessa camada na parte superior</p><p>do painel Camadas.</p><p>Cada camada pode ser bloqueada de várias maneiras:</p><p>• Transparência  - a transparência está bloqueada (você pode pintar apenas em</p><p>áreas não vazias)</p><p>• Pixels - os dados de pixel estão bloqueados (você não pode pintar na camada)</p><p>• Posição - a posição está bloqueada (você não pode mover a camada, girá-la etc.)</p><p>• Todos - todos os bloqueios anteriores de uma vez</p><p>Cada camada tem um nome, o que pode ajudá-lo a entender a estrutura de documentos</p><p>grandes. Clique duas vezes no nome da camada e, em seguida, você pode inserir um novo</p><p>nome. Depois de digitar um novo nome, pressione Enter para confirmá-lo ou Escape para</p><p>retornar ao nome anterior.</p><p>Mudando a estrutura</p><p>Você pode arrastar e soltar camadas dentro do painel Camadas. Dessa forma, você pode</p><p>reordenar camadas (por exemplo, colocar as camadas de trás para a frente), colocar</p><p>camadas em pastas (ou retirá-las das pastas), colocar uma pasta em outra pasta etc. Ao</p><p>selecionar várias camadas (pastas), você pode arrastar todas elas ao mesmo tempo.</p><p>Você pode encontrar vários botões básicos na parte inferior do painel Camadas.</p><p>https://en.wikipedia.org/wiki/Blend_modes</p><p>12</p><p>O  botão da  lixeira  permite excluir todas as camadas selecionadas.  O  botão  Nova</p><p>Camada adicionará uma nova camada vazia no topo da camada atual (aquela que está</p><p>selecionada). O botão Nova pasta adicionará uma nova pasta vazia no topo da camada</p><p>atual. O último botão cria a máscara raster na camada atual. Opções semelhantes também</p><p>estão disponíveis clicando no botão Camada no menu na parte superior ou clicando com</p><p>o botão direito em uma camada específica no painel Camadas.</p><p>Outra operação útil é duplicar a camada (clique com o botão direito - Duplicar ou Ctrl</p><p>+ J). Você também pode duplicar camadas entre diferentes documentos (clique com o</p><p>botão direito - Duplicar em). Outra maneira conveniente de duplicar camadas é arrastá-las</p><p>para "outro painel" com uma ferramenta Mover. Escolha uma ferramenta Mover, clique na</p><p>camada (na área de trabalho), arraste-a sobre o rótulo de outro documento e espere até</p><p>que os documentos sejam trocados. Agora, você pode mover a camada para o lado deste</p><p>segundo documento e soltar o mouse.</p><p>Mesclar várias camadas em uma única camada também é útil (clique com o botão direito</p><p>- Mesclar para baixo ou Mesclar camadas).</p><p>Máscaras</p><p>Já conhecemos camadas. Eles são os blocos de construção do nosso documento. Às vezes,</p><p>precisamos ocultar uma parte da camada (para que não seja mostrada no resultado), sem</p><p>excluir os dados de pixel reais. No Photopea (e em muitos outros editores), isso pode ser</p><p>feito com máscaras.</p><p>Podemos pensar em uma máscara de camada como uma imagem extra, anexada à</p><p>camada. Ele tem o mesmo tamanho dessa camada (de forma que cada pixel da máscara</p><p>tenha um pixel correspondente na camada). A máscara não tem cores - pode ser apenas</p><p>preto e branco.  A cor preta significa que os pixels correspondentes da camada estão</p><p>12 13</p><p>ocultos, enquanto a cor branca signifi ca que os pixels correspondentes da camada são</p><p>mostrados. Precisamente, as máscaras podem ter muitos tons de cinza e produzir muitos</p><p>níveis de transparência.</p><p>Trabalhando com máscaras</p><p>Existem  máscaras raster  e  máscaras  vetoriais  (a diferença será explicada mais</p><p>tarde). Cada camada pode ter no máximo uma máscara de varredura e no máximo uma</p><p>máscara de vetor.  As pastas também podem ter máscaras (nesse caso, a máscara é</p><p>aplicada a todo o conteúdo da pasta). Podemos adicionar uma nova máscara à camada</p><p>ativa usando Layer - Raster Mask - Add (ou Layer - Vector Mask - Add).  As máscaras</p><p>podem ser excluídas por meio de Camada - Máscara raster - Excluir (ou Camada - Máscara</p><p>vetorial - Excluir).</p><p>Miniaturas de novas máscaras aparecerão</p><p>ao lado da miniatura da camada.</p><p>Podemos ativar ou desativar cada máscara. Quando a máscara está desativada, ela</p><p>não tem efeito na imagem. Ela pode ser ativada novamente a qualquer momento. Clique</p><p>com o botão direito na miniatura da máscara e escolha Ativar / Desativar ou simplesmente</p><p>clique na miniatura da máscara com a tecla Shift pressionada.</p><p>Qualquer alteração na camada (por exemplo, desenho com uma ferramenta Pincel,</p><p>rotação etc.) pode ser aplicada à máscara também. Clique na miniatura principal ou na</p><p>miniatura da máscara para escolher o que deseja editar.</p><p>As máscaras podem ser  vinculadas  ao conteúdo principal da camada.  Isso signifi ca</p><p>que quando você move o conteúdo principal, a máscara também é movida, e se você</p><p>mover a máscara, o conteúdo principal também é movido. O link é representado pelo ícone</p><p>14</p><p>de corrente no lado esquerdo da miniatura da máscara (cada máscara tem seu próprio</p><p>link). Clique no ícone de corrente para vincular ou desvincular a máscara.</p><p>Propriedades da máscara</p><p>Ao selecionar uma máscara e abrir o  painel  Propriedades  na barra lateral (ou</p><p>clicar duas vezes na miniatura da máscara), você pode ver algumas propriedades da</p><p>máscara. A densidade especifica a "opacidade" da máscara (100% corresponde a uma</p><p>máscara regular, 0% corresponde a nenhuma máscara, os valores intermediários também</p><p>podem ser úteis). A próxima propriedade é Feather, que adiciona um desfoque à máscara</p><p>(ou seja, remove bordas nítidas entre as áreas brancas e pretas da máscara).  Observe</p><p>que essas propriedades não alteram o conteúdo real da máscara.  Eles são usados</p><p>automaticamente, quando a máscara é aplicada à imagem.</p><p>Máscaras raster e vetoriais</p><p>Existem dois tipos de máscaras: máscaras raster e máscaras vetoriais. A diferença está</p><p>na forma como cada tipo é criado e representado.</p><p>A máscara raster é uma imagem simples em tons de cinza, que consiste em pixels. Cada</p><p>ferramenta, que pode ser aplicada a uma camada regular (por exemplo, Pincel, Borracha,</p><p>Mancha, preenchimento da seleção etc.) também pode ser aplicada à máscara raster, com</p><p>a única diferença de que todas as cores passarão a tons de cinza.</p><p>A máscara vetorial consiste em formas vetoriais feitas de curvas de Bézier. Você o cria</p><p>e trabalha com ele como um objeto vetorial (editando as curvas de Bézier). Essas formas</p><p>vetoriais são convertidas internamente em uma imagem em tons de cinza e aplicadas à</p><p>camada automaticamente.</p><p>Estilos de camada</p><p>Os designers geralmente precisam adicionar algum efeito "comum" a uma imagem,</p><p>como  traço,  sombra  ou  brilho externo.  Criar esses efeitos manualmente (por</p><p>exemplo, desenhar o traço com uma ferramenta Pincel) pode ser difícil. E depois de alterar</p><p>a imagem, o efeito deve ser redesenhado manualmente novamente.</p><p>O Photopea pode adicionar esses efeitos automaticamente para você por meio</p><p>de Estilos de camada (também chamados de efeitos de camada). Cada camada (uma</p><p>camada regular, uma camada de texto, até mesmo uma pasta) pode ter uma lista de</p><p>estilos anexada a ela. Cada estilo tem um grande conjunto de parâmetros (por exemplo,</p><p>para um Stroke, é a espessura, a cor, a opacidade etc.). Esses estilos são redesenhados</p><p>14 15</p><p>automaticamente, quando a camada é modificada.  Você também pode alterar seus</p><p>parâmetros ou desativá-los a qualquer momento. Os estilos não modificam o conteúdo</p><p>da camada, mas são adicionados automaticamente à imagem final.</p><p>Quando uma camada tem estilos aplicados a ela, você pode ver a lista de seus estilos</p><p>no painel Camadas, logo abaixo dessa camada.  A lista de estilos pode ser dobrada</p><p>e desdobrada usando a seta do lado direito.  Cada estilo aplicado pode ser ativado ou</p><p>desativado usando o ícone de olho.</p><p>Adicionar Estilos</p><p>Os estilos são adicionados e gerenciados dentro da  janela Layer Styles. Clique duas</p><p>vezes na camada para ver essa janela ou clique com o botão direito na camada e escolha</p><p>Opções de mesclagem.</p><p>Você pode ver todos os estilos de camada disponíveis (efeitos) na parte esquerda da janela</p><p>Estilos de camada. Clique na caixa de seleção de cada estilo para ativá-lo (ou desativá-</p><p>lo). Ao clicar no nome desse estilo, os parâmetros do estilo serão abertos no centro.</p><p>16</p><p>Quando terminar de editar os estilos de camada, você pode confirmar suas alterações</p><p>clicando no botão OK à direita da janela.</p><p>Apagar Estilos</p><p>Para excluir estilos, clique com o botão direito na camada e escolha Estilo de camada</p><p>- Limpar ou arraste e solte um item de estilo no ícone de lixo (canto inferior direito do</p><p>painel Camadas).</p><p>Carregar e salvar estilos</p><p>Photopea permite carregar e salvar estilos. Clique em "Definir novo" para adicionar um</p><p>estilo atual a uma galeria de estilos.  Clique na miniatura do estilo (no botão "Definir</p><p>novo") para abrir uma galeria de estilos. Agora, você pode selecionar um estilo que deseja</p><p>aplicar a uma camada. Você também pode clicar na pequena seta ao lado de uma galeria</p><p>e exportar os estilos atuais (ou abrir os estilos existentes) como um arquivo .ASL.</p><p>Objetos Inteligentes</p><p>Os designers geralmente precisam colocar várias cópias do mesmo objeto no documento</p><p>(por exemplo, quando você deseja adicionar vários flocos de neve no céu). Isso pode ser</p><p>feito criando o primeiro objeto e, em seguida, duplicando-o (e movendo as cópias para o</p><p>lugar certo).</p><p>16 17</p><p>Há uma desvantagem em tal abordagem.  Quando você precisar modificar o objeto,</p><p>precisará modificar cada cópia do objeto separadamente.</p><p>Fonte única</p><p>O formato PSD oferece uma solução melhor para lidar com muitas cópias do mesmo</p><p>objeto. A única fonte dos dados da imagem é criada em segundo plano (por exemplo, a</p><p>imagem PNG do floco de neve) e cada camada do floco de neve está vinculada a essa fonte</p><p>única. Depois que a fonte é alterada, todas as camadas vinculadas a ela são atualizadas</p><p>automaticamente. Essas camadas são chamadas de Objetos Inteligentes. Um Objeto</p><p>Inteligente é um tipo de camada.</p><p>Objetos inteligentes podem estar vinculados à mesma origem, mas não precisam ter a</p><p>mesma aparência. Objetos inteligentes podem ter diferentes posições e transformações</p><p>(rotação, escala etc.). E, como são camadas diferentes, podem ter opacidade e estilo de</p><p>camada diferentes.</p><p>Objetos inteligentes têm outra vantagem.  Quando você tem uma camada regular,</p><p>100 x 100 pixels, e você a redimensiona para 10 x 10 pixels e depois volta para 100</p><p>x 100 pixels, algumas informações da imagem serão perdidas.  O Objeto Inteligente</p><p>teria as informações da imagem (imagem de 100 x 100 px) armazenadas no plano de</p><p>fundo, portanto, após redimensioná-la e aumentá-la novamente, a nova imagem pode</p><p>ser recalculada a partir da fonte, que nunca perdeu nenhum dado.  Isso nos permite</p><p>fazer edições não destrutivas.</p><p>Trabalho com objetos inteligentes</p><p>Você pode converter qualquer camada (ou várias camadas) em um Objeto Inteligente</p><p>selecionando-os e clicando com o botão direito - Converter em Objeto Inteligente.  As</p><p>camadas selecionadas serão removidas e inseridas em um novo arquivo PSD, que se</p><p>tornará a origem de um novo Objeto Inteligente, que será adicionado ao documento.</p><p>Camadas de objetos inteligentes têm um pequeno sinal no canto inferior direito da</p><p>miniatura.</p><p>18</p><p>Clique duas vezes na miniatura do objeto inteligente para editar sua fonte.  Ele será</p><p>aberto como um documento separado. Ao terminar de editar a fonte, pressione Arquivo</p><p>- Salvar.  Todos os objetos inteligentes vinculados a essa fonte serão atualizados no</p><p>documento original. A duplicação do objeto inteligente criaria novos Objetos Inteligentes,</p><p>que ainda estão vinculados à mesma origem.</p><p>Voltemos ao nosso caso inicial.  Podemos resolvê-lo desenhando um floco de neve e</p><p>convertendo-o em Objeto Inteligente. Então, podemos duplicar esse objeto inteligente</p><p>e mover cópias para diferentes lugares no céu. Uma vez que precisamos mudar o floco</p><p>de neve, simplesmente clicamos duas vezes em qualquer miniatura de um floco de neve,</p><p>mudamos a fonte e salvamos. Todos os flocos de neve serão atualizados.</p><p>Filtros inteligentes podem ser aplicados</p><p>a um objeto inteligente.</p><p>Outras Camadas</p><p>Camadas de Preenchimento</p><p>Existem dois tipos de camadas de preenchimento:  preenchimento de cor</p><p>sólida, preenchimento de gradiente e preenchimento de padrão. Uma camada</p><p>de preenchimento tem um parâmetro (por exemplo, o gradiente) e produzirá um retângulo</p><p>de largura total, que é preenchido com a cor correspondente, o gradiente ou o padrão.</p><p>Claro, existem muitas maneiras de produzir uma camada preenchida com a cor do gradiente</p><p>ou do padrão. Por exemplo, você pode criar uma camada vazia e usar a ferramenta Pincel</p><p>para pintá-la com a cor. As camadas de preenchimento têm várias vantagens. Eles têm</p><p>uma miniatura especial, que ajuda você a ver a finalidade da camada. Os parâmetros de</p><p>preenchimento (a cor, o gradiente ou o padrão) podem ser facilmente modificados. Quando</p><p>você altera o tamanho da tela, o conteúdo das camadas de preenchimento é regenerado</p><p>automaticamente para preencher a nova tela.</p><p>Pressione Layer - New Fill Layer no menu superior para adicionar uma nova camada</p><p>de preenchimento.  Os parâmetros do preenchimento podem ser alterados no painel</p><p>https://www.photopea.com/learn/adjustments-filters</p><p>18 19</p><p>Propriedades (o painel aparecerá após clicar duas vezes na miniatura da camada de</p><p>preenchimento).</p><p>Camadas de ajuste</p><p>Camadas de ajuste são o tipo especial de camadas. Eles não contêm dados de imagem,</p><p>mas executam um ajuste de cor no conteúdo abaixo deles.</p><p>Imagine que você tem uma foto e deseja torná-la em preto e branco (tons de</p><p>cinza). Photopea oferece muitas maneiras de alterar os pixels reais da camada da foto,</p><p>para torná-los em tons de cinza. Mas com as camadas de ajuste, você pode fazer com</p><p>que a foto pareça para trás e branca, sem realmente alterar os pixels da camada da foto.</p><p>Você poderia simplesmente adicionar uma camada de ajuste de Matiz / Saturação no</p><p>topo da camada da foto e definir o parâmetro de Saturação para zero.</p><p>Pressione Camada - Nova Camada de Ajuste no menu superior para adicionar uma nova</p><p>camada de ajuste. Os parâmetros do ajuste podem ser alterados no painel Propriedades</p><p>(o painel aparecerá após um clique duplo na miniatura da camada de ajuste).</p><p>Assim como qualquer outra camada, as camadas de preenchimento e de ajuste podem</p><p>ter seu próprio modo de mesclagem, opacidade, máscaras etc. A máscara de uma camada</p><p>de ajuste fará com que o ajuste seja realizado apenas nas áreas do conteúdo abaixo, que</p><p>são brancas dentro da máscara.</p><p>Camadas de rasterização</p><p>Cada camada deve ter alguns dados de pixel, que serão usados para combinar a camada</p><p>com outras camadas, para criar a imagem final.  Mas esses dados de pixel podem ser</p><p>gerados de muitas maneiras diferentes.</p><p>Podemos separar camadas dentro de arquivos PSD em dois grupos diferentes: camadas</p><p>20</p><p>raster diretas ("regulares") e camadas raster indiretas. Para camadas raster diretas, a</p><p>informação do pixel é a única informação que temos. Para camadas raster indiretas, a</p><p>informação do pixel é gerada a partir de alguma outra informação.</p><p>Camadas indiretas são, por exemplo, Objetos Inteligentes (seus pixels são gerados a partir</p><p>da imagem de origem + posição + transformação), camadas de preenchimento (pixels</p><p>gerados a partir dos parâmetros de preenchimento), camadas de texto (pixels gerados a</p><p>partir de algum texto e seus parâmetros). Não podemos fazer operações específicas de</p><p>pixel nessas camadas (por exemplo, desenhar nelas com um pincel ou desfocar uma parte</p><p>da camada com uma ferramenta Desfocar).</p><p>Para converter uma camada indireta em uma camada raster regular, temos que rasterizar</p><p>(clique com o botão direito - Rasterizar, ou Camada - Rasterizar). Os objetos inteligentes</p><p>perderão o link para a imagem de origem, as camadas de texto perderão as informações</p><p>do texto, apenas os dados de pixel permanecerão.</p><p>Máscaras de corte</p><p>Em arquivos PSD, qualquer camada pode ter a opção de máscara de corte ativada. Quando</p><p>estiver ligado para alguma camada L, então a transparência da camada abaixo (vamos</p><p>chamá-la de K) será usada como máscara para a camada L. Em outras palavras, os botões</p><p>K e L serão desenhados, mas apenas a transparência de K será usada.</p><p>Aqui podemos ver uma camada de texto contendo Photopea e a foto da grama em cima</p><p>dela. Normalmente, a camada de grama cobriria todo o texto. Mas, como a grama é uma</p><p>máscara de corte, a transparência da camada de texto é usada para ambas as camadas.</p><p>Você pode ter várias máscaras de recorte, uma em cima da outra, para criar uma cadeia de</p><p>máscaras de recorte. Nesse caso, a transparência da primeira camada abaixo deles será</p><p>usada para todas as camadas da cadeia.</p><p>A máscara de recorte pode ser habilitada ou desabilitada para qualquer camada clicando</p><p>com o botão direito do mouse e escolhendo Máscara de recorte ou no menu superior:</p><p>Camada - Máscara de recorte ou pressionando Alt + Ctrl + G.</p><p>20 21</p><p>Manipulação de Camada</p><p>Photopea oferece muitas maneiras de manipular camadas.  Você pode movê-los, girar,</p><p>dobrar etc.</p><p>Ferramenta Mover</p><p>A ferramenta Mover é a ferramenta básica para mover camadas e suas partes. É a primeira</p><p>ferramenta da barra de ferramentas. Ele pode ser ativado temporariamente pressionando</p><p>a tecla Ctrl (após liberar Ctrl, você retornará à ferramenta anterior). Por padrão, ele moverá</p><p>todas as camadas atualmente selecionadas (no painel Camadas).  Observe que basta</p><p>selecionar apenas a pasta, para mover todo o seu conteúdo.</p><p>Se você selecionar apenas a máscara da camada e essa máscara não estiver vinculada ao</p><p>conteúdo principal, a ferramenta Mover moverá apenas a máscara. Da mesma forma, você</p><p>pode mover apenas o conteúdo principal, sem mover a máscara.</p><p>Quando a ferramenta Mover está ativa, você pode mover o objeto também com as teclas</p><p>do cursor ("setas") no teclado. Um pressionamento de tecla moverá o conteúdo em um</p><p>pixel. Se você segurar a tecla Shift, o conteúdo será movido em etapas de dez pixels.</p><p>A ferramenta Mover possui o  recurso de seleção automática, que pode ser</p><p>habilitado no menu superior ou temporariamente Pressionando a tecla Ctrl, com a</p><p>seleção automática ativada, você pode pressionar qualquer lugar na imagem e o</p><p>Photopea detectará automaticamente a camada mais próxima sob o seu cursor e a</p><p>tornará selecionada (no painel Camadas). Desta forma, você não precisa selecionar as</p><p>layrs manualmente no painel Layers, mas basta clicar sobre elas. Obviamente, se alguma</p><p>camada estiver completamente coberta por outra camada, você não poderá selecioná-la</p><p>dessa forma.</p><p>22</p><p>Alinhando objetos</p><p>Às vezes, você deseja alinhar duas ou mais camadas juntas (por exemplo, para que</p><p>todas tenham centros no mesmo ponto, ou para que sua borda superior fi que na mesma</p><p>altura). Basta selecionar várias camadas e usar um dos seis botões no menu superior</p><p>da ferramenta Mover para alinhar essas camadas.</p><p>Transformação de Camada</p><p>Já sabemos como adicionar e deletar camadas, como movê-las ou alterar sua</p><p>opacidade. Outra operação essencial é o dimensionamento (tornando o objeto maior ou</p><p>menor) ou rotação.</p><p>Transformação Livre</p><p>Free Transform é a ferramenta básica para fazer transformações.  Funciona como</p><p>qualquer outra ferramenta normal, mas não está presente na barra de ferramentas. Você</p><p>pode ativá-lo clicando em Editar - Transformação livre ou Alt + Ctrl + T.</p><p>Quando você ativa a Transformação Livre, a transformação será aplicada às camadas,</p><p>que estão atualmente selecionadas, ou seja, às mesmas camadas (ou suas partes), que</p><p>seriam movidas pela ferramenta Mover naquele momento.  Ao ativá-lo, o retângulo de</p><p>transformação aparecerá ao redor do conteúdo transformado. Possui quatro pontos de</p><p>controle nos cantos, quatro pontos de controle nas laterais e o centro de rotação no meio.</p><p>22 23</p><p>Pressione e arraste dentro do retângulo para movê-lo. Pressione e arraste para fora do</p><p>retângulo para girá-lo. Pressione e arraste seus cantos para alterar seu tamanho. Pressione</p><p>e arraste seus lados para dimensionar horizontalmente ou verticalmente. Quando a tecla</p><p>Ctrl estiver pressionada, pressione e arraste o lado para</p><p>inclinar o conteúdo.</p><p>Além de mover o retângulo, você pode definir os parâmetros de transformação</p><p>diretamente no menu superior. Os seguintes parâmetros estão disponíveis.</p><p>• X, Y: a posição do objeto</p><p>• W, H: largura e altura. Adicione "%" ou "px" para o valor em porcentagem ou em pixels</p><p>• Ângulo: a rotação do objeto (em graus)</p><p>• Inclinação X, Y: a inclinação do objeto</p><p>Quando o Free Transform está ativado, o ambiente é bloqueado e você não pode fazer</p><p>mais nada. Depois de terminar a transformação, confirme ou cancele usando os botões</p><p>no menu superior. Você também pode confirmá-lo com a tecla Enter ou cancelá-lo com a</p><p>tecla Escape.</p><p>Transformações comuns</p><p>Quando você precisa fazer uma transformação "comum" (como girar 90 graus ou "espelhar"</p><p>a imagem da esquerda para a direita), pode fazer isso muito mais rápido. Pressione Editar</p><p>- Transformar - ... e escolha uma das transformações predefinidas.</p><p>24</p><p>Transformação de perspectiva</p><p>Escalar, girar e inclinar o conteúdo pode não ser suficiente.  Imagine que você precisa</p><p>colocar sua imagem em uma superfície plana, que seja vista de lado. A borda, que está</p><p>perto, deve ser mais longa, e a borda, que está longe, deve ser mais curta.</p><p>Você pode fazer isso com a transformação de perspectiva. Basta segurar a tecla Ctrl</p><p>e arrastar os cantos: você poderá mover cada canto separadamente, para obter o efeito</p><p>3D.</p><p>Warping</p><p>A transformação de perspectiva pode nos permitir fazer uma transformação 3D de uma</p><p>imagem, mas ainda não é suficiente em alguns casos. Às vezes, podemos querer colocar</p><p>uma imagem na superfície, que não é plana (um cilindro ou uma bola).  Nesses casos,</p><p>gostaríamos de "dobrar" a imagem em uma forma mais interessante.</p><p>Warp nos permite dobrar a área retangular usando 16 pontos de controle.  Existem</p><p>quatro pontos de controle para a localização dos cantos, cada canto possui dois pontos</p><p>de controle para a direção das bordas próximas a esse canto (mais 8 pontos) e existem</p><p>quatro pontos de controle para o centro da imagem.</p><p>24 25</p><p>Quando o Free Transform está ligado, haverá um botão "Warp" no painel superior. Clique</p><p>nele para alternar entre um modo de edição padrão e um modo de edição warp. Existem</p><p>também várias formas predefinidas, como Arco ou Bandeira, para que você não precise</p><p>mover os pontos manualmente.</p><p>Ajustes e Filtros</p><p>Modificar cores e adicionar efeitos de cores é a operação essencial da edição de</p><p>fotos. Essas operações são separadas em dois grupos no Photopea: Ajustes e Filtros.</p><p>Ajustes</p><p>Os ajustes funcionam apenas com a cor. Ou seja, se algum pixel for alterado da cor</p><p>A para a nova cor B, todos os pixels com a cor A serão alterados para a cor B em toda a</p><p>imagem. Isso é verdade para alterar o brilho, saturação, inverter cores etc.</p><p>Os ajustes podem ser aplicados clicando em Imagem - Ajustes no menu superior. Alguns</p><p>deles têm um atalho de teclado (por exemplo, Ctrl + L para Níveis, Ctrl + M para curvas,</p><p>Ctrl + U para Matiz / Saturação).  Os ajustes também podem ser aplicados na forma</p><p>de camadas de ajuste .</p><p>Filtros</p><p>Por outro lado, no caso de Filtros, pixels com a mesma cor podem ser alterados para cores</p><p>diferentes, como no filtro de desfoque.  Quando o pixel preto é circundado por pixels</p><p>brancos, ele se tornará branco após o desfoque. Mas se o pixel preto estiver cercado por</p><p>pixels pretos, ele permanecerá preto após o desfoque.</p><p>Os filtros podem ser aplicados clicando em Filtros no menu superior, escolhendo a</p><p>categoria dos filtros e, em seguida, escolhendo um filtro específico.</p><p>Ambos os ajustes e filtros podem ser aplicados a camadas regulares (ou seja, você não</p><p>pode desfocar a camada de texto ou uma camada de preenchimento de padrão, você</p><p>precisa rasterizá-los primeiro). Existe uma maneira especial de aplicar ajustes e filtros a</p><p>Objetos Inteligentes, chamados Filtros Inteligentes. Conforme você aplica ajustes</p><p>ou filtros a um Objeto Inteligente, eles são empilhados em uma lista sob a camada</p><p>(semelhante a Estilos de Camada).</p><p>https://www.photopea.com/learn/other-layers</p><p>https://www.photopea.com/learn/other-layers</p><p>26</p><p>A imagem de origem do Objeto Inteligente é armazenada separadamente, de modo que</p><p>a lista de filtros pode ser reaplicada e recalculada a qualquer momento. Você pode ativar</p><p>ou desativar qualquer filtro inteligente na lista a qualquer momento ou alterar seus</p><p>parâmetros. Podemos chamá-la de edição não destrutiva. Os Filtros Inteligentes até</p><p>têm sua própria máscara raster, que pode ocultar o efeito do filtro (para que a imagem</p><p>original possa ser visível em algumas partes).</p><p>Seleções</p><p>Nesta parte, vamos nos concentrar em camadas regulares com imagens raster (dados de</p><p>pixel). Existem muitas ferramentas para editar dados de pixel (pincel, borracha, ajustes,</p><p>filtros).  Contudo, geralmente não queremos editar a camada inteira, mas apenas uma</p><p>parte dela.</p><p>A seleção define um conjunto de pixels, que são "selecionados" e podem ser editados por</p><p>ferramentas. Precisamente, é um “mapa” sobre toda a imagem, que dá a cada pixel o valor</p><p>entre 0% e 100%. Este valor diz quanta cor do pixel pode ser alterada e quanto deve ser</p><p>preservado. As seleções não são vinculadas a camadas (como máscaras), mas há apenas</p><p>uma seleção para todo o documento, que é usada para todas as camadas com as quais</p><p>você trabalha.</p><p>Por exemplo, Photopea tem a operação Preencher (Editar - Preencher). Por padrão, ele</p><p>preencherá toda a camada com uma cor de primeiro plano. Depois de fazer uma seleção,</p><p>ela preencherá apenas a área selecionada com aquela cor.</p><p>Enquanto as máscaras são visualizadas com as cores branca e preta (em suas miniaturas),</p><p>as seleções são visualizadas diretamente na área principal do documento com</p><p>o contorno, que é desenhado entre as áreas selecionadas e não selecionadas. Podemos</p><p>dizer que as operações são aplicadas dentro da seleção, e não fora dela. Aqui você pode</p><p>ver um exemplo da seleção e o resultado ao desenhar em cima dela com uma ferramenta</p><p>Pincel.</p><p>26 27</p><p>Trabalho com seleções</p><p>Depois de fazer uma seleção, existem várias operações básicas para alterá-la. A operação</p><p>básica é inverter a seleção - ela selecionará os pixels não selecionados e desmarcará os</p><p>pixels selecionados (disponível em Selecionar - Inverter).</p><p>Você pode  expandir  a seleção por vários pixels (ou seja, adicionar pixels perto da</p><p>seleção para a seleção), contrato -lo por vários pixels (a operação oposta à expansão),</p><p>ou pena - aplicar um borrão para a seleção, para fazer uma transição suave entre 0% de</p><p>áreas e 100% de áreas. Tudo isso está disponível em Select - Modify - Expand / Contract</p><p>/ Feather.</p><p>Você pode mover a seleção clicando dentro dela e arrastando-a (com qualquer ferramenta</p><p>Seleção, por exemplo, com uma ferramenta Laço).  Você pode transformar a seleção</p><p>(por exemplo, girá-la ou torná-la maior, tendo a mesma forma) usando  Selecionar -</p><p>Transformar Seleção.</p><p>Desmarcar (remover a seleção) é possível através de Selecionar - Desmarcar (ou Ctrl + D).</p><p>Modo Máscara Rápida</p><p>Existe um botão especial no final de uma barra de ferramentas, que ativa o  Modo</p><p>Máscara Rápida (você também pode pressionar Q). Ao pressioná-lo, a seleção atual é</p><p>convertida em uma máscara rápida (uma imagem vermelha especial), que fica por cima de</p><p>todas as outras camadas. Todas as edições que você fizer (por exemplo, pintar ou apagar),</p><p>são aplicadas a essa máscara rápida (as camadas do documento não são editáveis). Ele</p><p>permite que você edite a seleção com ferramentas normais de edição de pixels.</p><p>28</p><p>Quando terminar de editar a máscara rápida, pressione o mesmo botão novamente para</p><p>transformá-la novamente em uma seleção. Quando você salva seu documento como um</p><p>PSD, que está no modo Quick Mask, ele permanece no modo Quick Mask depois de abri-lo</p><p>novamente.</p><p>Criação de seleções</p><p>Existem muitas maneiras de criar seleções. Os designers geralmente precisam selecionar</p><p>milhares ou até milhões de pixels. Criar a seleção necessária pode levar muito tempo. É</p><p>muito útil aprender sobre todas as ferramentas para poder criar seleções de forma eficaz.</p><p>A operação</p><p>básica é selecionar todos os pixels (Selecionar - Tudo ou Ctrl + A). Outra</p><p>operação útil é criar uma seleção de acordo com a transparência de alguma camada. Segure</p><p>a tecla Ctrl e clique na miniatura de uma camada para criar essa seleção.</p><p>28 29</p><p>Seleção de Retângulo, Seleção de Elipse</p><p>Essas ferramentas permitem criar seleções retangulares (ou seleções de elipse). Basta</p><p>clicar e arrastar o mouse para criar a seleção.</p><p>Laço</p><p>A ferramenta Laço permite que você desenhe seleções à mão. Basta clicar e arrastar o</p><p>mouse ao redor do objeto que deseja selecionar. Pode ser útil aumentar o zoom, para ser</p><p>mais preciso.</p><p>Laço Poligonal</p><p>O laço poligonal permite que você desenhe uma seleção poligonal.  Basta clicar na</p><p>imagem para adicionar o novo canto de um polígono. Pressione Delete para remover o</p><p>último canto. Clique duas vezes (ou pressione Enter) para finalizar a seleção.</p><p>30</p><p>Laço Magnético</p><p>O laço magnético é uma ferramenta inteligente para fazer seleções. É muito semelhante</p><p>ao laço padrão, mas "gruda" nas bordas dos objetos.</p><p>Clique em qualquer lugar para adicionar o primeiro ponto e mova o mouse ao longo da</p><p>aresta para desenhar a seleção. Os pontos de controle serão adicionados ao longo da</p><p>seleção. O laço magnético tenta encontrar o caminho mais apropriado do último ponto</p><p>de controle até a posição atual do mouse. Pressione Delete para remover o último ponto</p><p>de controle ou clique para adicionar o ponto de controle manualmente (para forçar o laço</p><p>magnético a ir de uma maneira específica). Clique duas vezes (ou pressione Enter) para</p><p>finalizar a seleção.</p><p>Combinando seleções</p><p>Quando você cria uma nova seleção, ela pode substituir a antiga ou pode</p><p>ser  combinada  com a antiga.  Cada ferramenta de seleção possui vários parâmetros</p><p>no menu superior, que definem a forma como as duas seleções são combinadas. Existe</p><p>o modo de substituição padrão (para substituir a seleção antiga), modo de união (para</p><p>conectar duas seleções),  modo de  subtração  (para remover a nova seleção da</p><p>antiga),  modo de  interseção  (para selecionar apenas pixels, que estão em ambas</p><p>seleções) e modo XOR , que corresponde à união, enquanto subtrai a interseção.</p><p>30 31</p><p>Esses modos permitem que você crie seleções em várias etapas. Por exemplo, selecionar</p><p>a área principal com ferramentas de laço e, em seguida, adicionar e subtrair peças</p><p>pequenas para torná-la perfeita.</p><p>As ferramentas de seleção também possuem um  parâmetro de  difusão, que será</p><p>aplicado logo após o término da seleção. Muitos designers criam todas as seleções com</p><p>um pequeno desfoque, para evitar bordas nítidas entre as áreas selecionadas e não</p><p>selecionadas.</p><p>Quando qualquer ferramenta de seleção estiver ativa, você pode pressionar o mouse</p><p>dentro da seleção atual e arrastá-la para mover essa seleção. Por exemplo, se você fez</p><p>uma seleção elíptica do tamanho correto, mas perdeu sua posição por vários pixels,</p><p>apenas clique e arraste-o para o novo lugar.  Isso é possível apenas com o  modo de</p><p>substituição (por exemplo, se você tivesse o modo de subtração, clicar e arrastar dentro</p><p>de uma seleção existente desenharia uma nova elipse, que seria removida da seleção</p><p>atual).</p><p>Seleção Avançada</p><p>Já sabemos como fazer seleções básicas "manualmente", por exemplo, com a Ellipse</p><p>Select ou uma ferramenta Lasso. Mas fazer seleções complexas com essas ferramentas</p><p>pode levar muito tempo. Existem ferramentas mais avançadas, que podem nos ajudar.</p><p>Varinha mágica</p><p>Varinha mágica permite que você selecione pixels com a mesma cor (ou semelhante). Depois</p><p>de clicar em algum lugar com a Varinha Mágica, o pixel sob o mouse será selecionado,</p><p>assim como todos os outros pixels, que possuem uma cor semelhante a esse pixel.</p><p>Existe uma opção de modo contíguo (no menu superior). Quando está ligada, a Varinha</p><p>Mágica selecionará apenas os pixels semelhantes, que estão conectados ao pixel de</p><p>origem (ou seja, selecionará toda a área, que tem a mesma cor, mas não outras áreas,</p><p>32</p><p>que estão separadas desta área). Quando esta opção está desabilitada, a Varinha Mágica</p><p>selecionará todos os pixels semelhantes de toda a imagem, mesmo se eles não estiverem</p><p>conectados ao pixel de origem.</p><p>Aqui você pode ver o resultado de clicar no pixel (marcado pela cruz branca) com o modo</p><p>Contíguo habilitado e desabilitado.</p><p>Há também um  parâmetro  Tolerância  no menu superior, que define quantas cores</p><p>semelhantes você deseja selecionar (valores maiores produzem seleções "mais amplas").</p><p>Seleção Rápida</p><p>Esta é provavelmente a ferramenta de seleção mais avançada, que pode realmente</p><p>economizar seu tempo. Para muitas pessoas, esta é a única ferramenta de seleção que</p><p>usam.</p><p>A Seleção Rápida funciona como um pincel, você pode escolher o diâmetro da ponta do</p><p>pincel no menu superior. Em seguida, desenhe traços sobre a área que deseja selecionar. Ele</p><p>adiciona cada pincelada a uma seleção e também a expande gradualmente para a área</p><p>circundante, selecionando as partes relacionadas (de forma semelhante a uma Varinha</p><p>Mágica).</p><p>Às vezes, a ferramenta pode ir além da área que você deseja selecionar e selecionar uma</p><p>parte muito maior. Mude para o modo Subtrair no menu superior (ou segure a tecla Alt)</p><p>32 33</p><p>e você pode remover as partes indesejadas da mesma maneira.</p><p>Há uma camada oculta dentro da ferramenta Seleção rápida. Conforme você desenha</p><p>traços com o modo Novo ou União, a ferramenta desenha nessa camada com a cor</p><p>branca. Quando você desenha com o modo Subtrair, os traços são desenhados com a cor</p><p>preta. Esta camada é usada como um guia para a ferramenta: as áreas brancas devem</p><p>estar sempre dentro da seleção, as áreas pretas não devem estar na seleção, e a área</p><p>restante será deduzida inteligentemente a partir disso, analisando a imagem real. Quanto</p><p>mais traços brancos e pretos você especificar, mais informações a ferramenta terá para</p><p>fazer uma boa seleção.</p><p>O  modo  Novo  faz com que a ferramenta esqueça todos os traços especificados</p><p>anteriormente e comece novamente com uma camada oculta vazia.</p><p>Gama de cores</p><p>Esta ferramenta permite selecionar uma cor específica da imagem.  Ao contrário da</p><p>Varinha Mágica, que seleciona totalmente ou ignora totalmente a área, a faixa de cores</p><p>pode criar seleções parciais, dependendo de quanto dessa cor está presente na área.</p><p>Inicie a ferramenta pressionando Selecionar - Faixa de cores. Em seguida, clique na cor</p><p>(na imagem) que deseja selecionar. A janela Color Range mostra uma prévia da seleção: o</p><p>brilho corresponde ao grau de seleção de cada pixel. Por exemplo, se você clicar na camiseta</p><p>vermelha na imagem, esta camiseta deve ser branca na visualização, e as outras partes, que</p><p>não são vermelhas, devem ser pretas na visualização. O parâmetro Fuzziness permite</p><p>adicionar também todas as cores semelhantes à seleção ou selecionar apenas a cor</p><p>exata que você clicou.</p><p>Refinar borda</p><p>As imagens naturais (fotografias) podem conter partes muito difíceis de</p><p>selecionar. Podemos ter objetos parcialmente transparentes (um copo d'água) ou objetos</p><p>com formas complexas (árvores, cabelos, pelos). Suas cores são misturadas com outras</p><p>cores de fundo.</p><p>Ferramenta Refinar Borda</p><p>A Photopea oferece a ferramenta Refine Edge, que pode ajudá-lo a selecionar formas</p><p>complexas.  Você pode iniciá-lo escolhendo Selecionar - Refinar Borda ou clicando no</p><p>botão "Refinar Borda" no painel superior de qualquer ferramenta de seleção.</p><p>Seu objetivo é fazer um Trimap: marque toda a imagem com cores trhee:</p><p>34</p><p>• Seu objeto (primeiro plano) com branco (totalmente visível no resultado)</p><p>• Fundo com preto (excluído do resultado)</p><p>• Áreas incertas com cinza</p><p>Depois de fazer isso, Photopea irá deduzir a transparência da área cinza (parte dela será</p><p>adicionada ao primeiro plano, o resto ao plano de fundo).</p><p>O espaço de trabalho consiste em dois lados. Você pode pintar o Trimap à esquerda e</p><p>verá o resultado à direita. Escolha o tamanho do pincel e a cor (Branco, Cinza ou Preto)</p><p>no canto superior esquerdo e pinte sobre a imagem. O resultado é atualizado depois que</p><p>você solta o mouse.</p><p>Você pode aplicar zoom em um local específico com a roda do mouse ou pressionando</p><p>Ctrl + Mais (ou Menos) no teclado. Você pode mover a imagem enquanto segura uma</p><p>barra de espaço.</p><p>34 35</p><p>Se você iniciar o Refine Edge sem nenhuma seleção, todo o Trimap será Preto (então,</p><p>basta adicionar Cinza e Branco).</p><p>Se você iniciar Refinar Borda com uma seleção, a ferramenta irá gerar um Trimap para</p><p>você (a área selecionada como Branca, o resto como Preto). Em seguida, basta pintar com</p><p>Gray sobre as áreas que não foram selecionadas perfeitamente (bordas do objeto).</p><p>Você pode gerar automaticamente a área cinza como uma borda da seleção inicial (entre</p><p>preto e branco). Basta alterar o valor da Borda no menu superior.</p><p>Existem três modos, como o resultado pode ser usado:</p><p>• Nova camada: o objeto selecionado será inserido como uma nova camada</p><p>• Máscara raster: a camada atual receberá uma máscara raster, que corresponde ao</p><p>resultado</p><p>• Seleção: será criada a nova seleção, que corresponde ao resultado</p><p>Assim que a seleção estiver correta, escolha o Modo e confirme clicando em OK no canto</p><p>superior direito.</p><p>Quando máscaras (e seleções) são inúteis</p><p>Há um objeto vermelho em um fundo azul, que está fora de foco (por isso está muito</p><p>borrado). A borda desse objeto parece um gradiente de vermelho para azul. Queremos</p><p>recortar este objeto vermelho (que não é azul, nem roxo, mas apenas vermelho, com</p><p>transparência parcial).</p><p>36</p><p>Vamos tentar resolver isso com uma máscara. Faça uma nova máscara e desenhe um</p><p>gradiente de branco para preto nela.  O lado esquerdo é totalmente vermelho, o lado</p><p>direito é transparente, mas o centro é roxo parcialmente transparente. Você pode até</p><p>ver um pouco de azul na metade direita.</p><p>Se tentarmos fazer uma seleção e copiar e colar em uma nova camada, teremos o mesmo</p><p>problema.  Precisamos copiar apenas a cor vermelha dos pixels roxos.  Como podemos</p><p>fazer isso?</p><p>Na ferramenta Refinar borda, você marca o plano de fundo com preto, o primeiro plano</p><p>com branco e as áreas desconhecidas com cinza.  Então, Photopea deduz uma nova</p><p>transparência para cada pixel Gray. Mas também deduz uma nova cor para cada pixel</p><p>cinza.</p><p>Vamos aplicar Refine Edge a nossa imagem. Preencha tudo com cinza, desenhe uma linha</p><p>branca à esquerda e uma linha preta à direita.</p><p>36 37</p><p>A nova imagem tem uma transparência correta (100% à esquerda, 0% à direita), mas</p><p>também é totalmente vermelha. Não há nenhuma cor azul ou roxa nele.</p><p>Se salvarmos esse resultado como uma máscara ou seleção, apenas a transparência é</p><p>salva. As novas informações de cor (deduzidas por Refine Edge) serão perdidas. Sempre</p><p>salve o resultado como uma nova camada para obter os melhores resultados.</p><p>Este não é apenas um caso extremo. Isso acontece sempre que há um pixel contendo um</p><p>primeiro plano e um plano de fundo. Por exemplo, quando há cabelo amarelo em um fundo</p><p>preto, muitos pixels são amarelos (contêm algum cabelo e algum fundo). Mesmo que você</p><p>fizesse a melhor máscara do mundo, os pixels amarelos se tornariam semitransparentes,</p><p>mas permaneceriam amarelos em vez de totalmente amarelos, dando ao cabelo um</p><p>contorno amarelo.</p><p>Movendo Dados Selecionados</p><p>Depois que você tiver uma seleção e uma camada regular estiver ativa no painel Camadas,</p><p>você pode trabalhar com ela de várias maneiras. Você pode copiar (Editar - Copiar ou Ctrl</p><p>+ C) ou cortar  (Editar - Cortar ou Ctrl + X) a área selecionada. Depois de colá-lo com</p><p>Editar - Colar ou Ctrl + V (você pode até mesmo colá-lo em outro documento), ele será</p><p>inserido como uma nova camada.</p><p>Quando você move uma camada (com a ferramenta Mover) sem nenhuma seleção,</p><p>toda a camada é movida.  Mas quando você o move com alguma seleção presente, o</p><p>comportamento é mais interessante.</p><p>Conforme você começa a mover a área selecionada da camada, essa área</p><p>é recortada (ou copiada, se você segurar a tecla Alt) da camada e movida ao longo do</p><p>cursor do mouse. Ele se comporta como uma camada temporária separada dentro de</p><p>uma camada. Assim que você desmarcar, a área movida é combinada com o resto da</p><p>camada.</p><p>38</p><p>Esta é uma das maneiras mais rápidas de manipular partes de uma camada. Você pode</p><p>alternar temporariamente de qualquer ferramenta de seleção para a ferramenta Mover</p><p>apenas pressionando a tecla Ctrl, de forma que nenhum clique na barra de ferramentas</p><p>seja necessário.  Tudo acontece dentro de uma única camada, então você não precisa</p><p>clicar no painel Camadas.  O uso do mouse não é necessário, porque uma vez que a</p><p>ferramenta Mover está ativada (após pressionar Ctrl), você pode mover objetos com as</p><p>teclas do cursor no teclado.</p><p>Você pode até mesmo aplicar Free Transform à parte selecionada da camada. A parte será</p><p>cortada e transformada e permanecerá separada após a transformação (ainda dentro da</p><p>camada única), até que você a desmarque.</p><p>Observe que todas essas operações também podem ser realizadas em máscaras raster.</p><p>Ferramentas de pincel</p><p>Ferramentas de pincel são todas ferramentas que usam uma "trilha de pincel". Normalmente,</p><p>você desenha pinceladas em alguma camada e uma ferramenta de pincel edita pixels ao</p><p>longo de suas pinceladas. Pode ser uma ferramenta Pincel, Borracha, Borrar etc. Quando</p><p>há uma seleção, a ferramenta edita apenas pixels dentro desta seleção.</p><p>Cada ferramenta de pincel usa um  pincel  específico, que é o primeiro item do menu</p><p>superior.</p><p>Um pincel tem uma forma de trilha (por exemplo, um círculo, um quadrado ou um padrão</p><p>mais complexo) e comportamento (pode mudar a forma enquanto você desenha, por</p><p>exemplo, alterar o tamanho da trilha). O Photopea tem uma coleção padrão de pincéis,</p><p>mas você pode importar seus próprios pincéis no formato ABR para o Photopea usando</p><p>Arquivo - Abrir.</p><p>38 39</p><p>Cada ferramenta de pincel geralmente desenha um traço desenhando muitas formas de</p><p>pincel (por exemplo, círculos) lado a lado, ao longo do movimento do mouse ou de outro</p><p>dispositivo apontador.</p><p>Isso significa que na verdade não há "linhas", apenas cópias da mesma forma, que estão</p><p>bem comprimidas uma ao lado da outra, o que cria a aparência de uma linha contínua.</p><p>Existem dois tipos de formas de pincel:</p><p>• Circular - gerado como um círculo, pode ter tamanho arbitrário.</p><p>• Padrão - feito com uma imagem raster. Eles ficam pixelados, quando o tamanho é</p><p>muito grande.</p><p>Cada pincel possui uma  propriedade  Size, que mede "a espessura da linha".  Pincéis</p><p>circulares têm uma propriedade Dureza adicional, que gera uma borda suave do círculo.</p><p>Se o seu dispositivo suporta a  detecção de pressão, você pode habilitar "Stylus</p><p>Pressure Controls Opacity" ou "Stylus Pressure Controls Size", que estão no lado superior</p><p>direito.</p><p>Painel de escova</p><p>Mais opções de pincel estão disponíveis em um painel de pincel. Você pode abri-lo</p><p>usando Window - Brush.  Aqui estão várias seções de propriedades.  Você pode ver o</p><p>resultado das configurações do pincel na parte inferior.</p><p>Na parte superior do painel de pincéis, há uma galeria de pincéis predefinidos. A escolha</p><p>de um deles substituirá as configurações atuais do pincel.</p><p>40</p><p>Aqui está uma breve descrição de cada seção do painel de pincel. Recomendamos brincar</p><p>com as configurações para descobri-las por você mesmo.</p><p>• Forma da ponta - parâmetros de um pincel estático</p><p>º Ângulo - gira a forma</p><p>º Redondeza - aperta a forma</p><p>º Espaçamento - espaçamento entre as "formas" consequentes de um traço. Defina</p><p>para 25% ou menos para fazer uma linha "contínua"</p><p>• Dinâmica da ponta - permite que você use valores aleatórios de tamanho, ângulo e</p><p>arredondamento ao longo do traço</p><p>• Dispersão  - permite mover cada forma para o local aleatório próximo à posição</p><p>original. Você pode fazer um efeito de "folhas caídas"</p><p>• Color Dynamics - permite que você altere a cor de cada forma aleatoriamente ao</p><p>longo do traço</p><p>Predefinições de pincel</p><p>O Photopea suporta o carregamento de pincéis personalizados na forma de arquivos .</p><p>ABR. Abra esse arquivo com Arquivo - Abrir, e novos pincéis serão adicionados a uma</p><p>lista de pincéis.</p><p>Você pode fazer um novo pincel de padrão a partir</p><p>de uma camada atual usando Editar -</p><p>Definir novo - Pincel.</p><p>40 41</p><p>Qualquer pincel atual (com os parâmetros atuais: Tamanho, Dureza, Dinâmica da ponta</p><p>etc.) pode ser salvo como um novo pincel por meio de um botão Pincel e uma seta</p><p>minúscula. Aqui, você também pode abrir um arquivo .ABR ou exportar pincéis como um</p><p>arquivo .ABR.</p><p>Ferramentas Básicas</p><p>No capítulo anterior, aprendemos que cada ferramenta de pincel cria algum traço. Esse</p><p>traço pode ser combinado com uma camada existente de várias maneiras.</p><p>Escovar</p><p>A ferramenta Pincel é uma ferramenta artística básica. Ele nos permite desenhar traçados</p><p>com uma cor de primeiro plano em uma camada existente. No menu superior, podemos</p><p>escolher o modo de mesclagem e a opacidade de nossos traços.</p><p>42</p><p>Lápis</p><p>O lápis é muito semelhante à ferramenta Pincel, mas cria bordas nítidas. Abaixo, você</p><p>pode ver a linha ampliada desenhada com o Pincel (à esquerda) e com o Lápis (à</p><p>direita).</p><p>Borracha</p><p>A ferramenta Borracha apaga os pixels de uma camada existente.  Podemos alterar a</p><p>opacidade no menu superior, para que os pixels permaneçam parcialmente visíveis.</p><p>42 43</p><p>Selo Clone</p><p>O carimbo do clone nos permite copiar o conteúdo de uma parte da camada para</p><p>outra. Primeiro, seguramos a tecla Alt e clicamos na camada, para escolher a fonte de</p><p>clonagem.  Em seguida, simplesmente desenhamos traços em outra parte, que são</p><p>preenchidos com o conteúdo da parte de origem. Diminua a Dureza de um pincel, para que</p><p>os novos traços tenham bordas suaves, para fazer uma transição suave entre o conteúdo</p><p>antigo e o novo.</p><p>Ferramentas avançadas</p><p>Estas ferramentas executam efeitos avançados na camada.</p><p>Desfoque e nitidez</p><p>Estas ferramentas simplesmente desfocam ou aumentam a nitidez do conteúdo da</p><p>camada sob o traço. Você pode alterar a Força do efeito no menu superior.</p><p>44</p><p>Dodge and Burn</p><p>Dodge torna as cores mais claras, enquanto Burn torna as cores mais escuras.  Você</p><p>pode escolher o intervalo ao qual o efeito deve ser aplicado (Sombras / Meios-tons /</p><p>Destaques) e a intensidade (Exposição).</p><p>Mancha</p><p>A ferramenta Smudge é provavelmente a mais avançada dessas ferramentas. É a analogia</p><p>de mover o dedo pela tinta úmida da pintura. Você pode espalhar cores para outras áreas,</p><p>tornar o objeto mais longo ou mais curto ou mover a borda entre dois objetos.</p><p>44 45</p><p>Esponja</p><p>A ferramenta Esponja pode ser usada para saturar ou remover a saturação de partes da</p><p>camada (tornar os pixels mais "vivos").</p><p>Ferramentas Inteligentes</p><p>Estas ferramentas usam inteligência artifi cial e podem economizar muito tempo.</p><p>Pincel de cura para manchas</p><p>O pincel Spot Healing permite remover objetos e artefatos indesejados de</p><p>imagens. Simplesmente desenhe sobre uma área indesejada, assim como você faz com</p><p>a ferramenta Pincel, e solte o mouse.  Depois disso, a área, que você desenhou, será</p><p>46</p><p>"esquecida" e substituída por algum conteúdo apropriado, que circunda a área.</p><p>Por exemplo, quando você tem uma praia de areia e há uma pedra no meio, você desenha</p><p>sobre essa pedra e ela será substituída por areia.  Se você tiver um campo com flores</p><p>amarelas e uma única flor vermelha, você desenha sobre a flor vermelha e ela será</p><p>substituída por uma flor amarela. Você pode "curar" a pele, remover arranhões de fotos</p><p>antigas etc.</p><p>Você teria que usar o Clone Stamp por vários minutos para obter um resultado</p><p>semelhante. O Pincel de Cura para Manchas geralmente leva de 1 a 5 segundos. Em casos</p><p>extremos, pode demorar até 10 segundos para preencher a área (quando a área, mais de</p><p>50% da área da imagem deve ser curada).</p><p>Abaixo, você pode ver a imagem original, o ponto, que está sendo curado, o resultado</p><p>do Photopea e o resultado do Adobe Photoshop. Acreditamos que o Photopea produz</p><p>melhores resultados do que o Adobe Photoshop (mas também leva mais tempo).</p><p>46 47</p><p>Escova de cura</p><p>Usar um pincel Healing é o mesmo que usar Clone Stamp.  A única diferença é que o</p><p>conteúdo clonado é adaptado ao ambiente depois de liberar o mouse.</p><p>Fragmento</p><p>Com uma ferramenta de patch, você primeiro deve criar uma seleção sobre uma área</p><p>que deseja substituir. Em seguida, você pode arrastar essa seleção para outro lugar, para</p><p>escolher a origem da clonagem.  E, novamente, a área é adaptada após a liberação do</p><p>mouse.</p><p>Com o pincel de cura para manchas, você escolhe apenas uma área que deve ser</p><p>curada. Para as próximas duas ferramentas, você deve escolher aquela área e a fonte de</p><p>onde o novo conteúdo da imagem deve ser obtido (semelhante a um Selo Clone).</p><p>Primeiro uma curva (no painel Demarcadores ou uma camada de forma / máscara de</p><p>vetor) e clique em seu contorno.</p><p>Haverá dois novos símbolos (pontos) em uma curva: Um símbolo X e um símbolo O. O</p><p>texto é colocado entre eles.  Use a ferramenta Seleção de caminho para mover esses</p><p>pontos ou para alternar a renderização do texto para o lado oposto da curva.</p><p>48</p><p>Editando uma camada de tipo</p><p>Existem duas ações importantes ao editar camadas de  texto:  entrar  na camada</p><p>e escapar da camada. Para inserir uma camada de texto, basta clicar nela com a ferramenta</p><p>Texto (as camadas recém-criadas são inseridas automaticamente).  Após entrar na</p><p>camada, o ambiente é bloqueado e você pode editar a camada (e nada mais). Para fazer</p><p>outra coisa (por exemplo, editar outra camada de texto), você deve primeiro escapar da</p><p>camada atual.</p><p>Para escapar da camada de tipo, você deve confirmar ou cancelar suas alterações usando</p><p>os botões no menu superior. Também é possível escapar e cancelar as alterações com a</p><p>tecla Escape do teclado.</p><p>Depois de inserir uma camada de texto, muitas maneiras de edição são possíveis. Você</p><p>pode selecionar qualquer texto com o mouse, excluí-lo, adicionar um novo texto, copiar</p><p>e colar etc. Quando se trata de um texto de parágrafo, você também pode alterar o</p><p>tamanho do retângulo movendo seus cantos. Você pode mover o mouse para fora do</p><p>texto, pressionar e arrastar para mover a camada de texto.</p><p>Estilo de Texto</p><p>Existem dois tipos de parâmetros de estilo: Estilo de caractere (por exemplo, tamanho</p><p>do texto, cor etc.), que pode ser diferente para cada caractere, e Estilo de parágrafo (por</p><p>exemplo, alinhamento de texto, margem etc.), que é compartilhado por todo o parágrafo.</p><p>As propriedades dos caracteres podem ser encontradas no painel Caractere (Janela -</p><p>Caractere), enquanto as propriedades do Parágrafo podem ser encontradas no painel</p><p>48 49</p><p>Parágrafo (Janela - Parágrafo). Algumas propriedades básicas de Caractere e Parágrafo</p><p>também podem ser encontradas no menu superior de uma ferramenta Tipo.</p><p>Quando a camada de texto é selecionada (no painel Camadas), você pode alterar o estilo</p><p>(por exemplo, a família da fonte ou o alinhamento) de toda a camada.  Outra opção é</p><p>entrar na camada e selecionar uma parte específi ca do texto. Conforme você altera o</p><p>estilo, ele será aplicado apenas à parte selecionada do texto.</p><p>Alinhar</p><p>O alinhamento de uma camada de texto de parágrafo é calculado em relação aos lados</p><p>do retângulo.  O alinhamento de uma camada de texto Ponto é calculado de acordo</p><p>com o ponto de origem. Abaixo, podemos ver um texto de Ponto e um Parágrafo com</p><p>os mesmos três parágrafos.  O primeiro parágrafo é alinhado à esquerda, o segundo é</p><p>alinhado à direita e o terceiro é alinhado ao centro.</p><p>50</p><p>Instruções de escrita</p><p>Quando você usa, por exemplo, palavras latinas e árabes no mesmo texto, a direção da</p><p>escrita é detectada automaticamente, assim como em qualquer outro editor de texto. Mas</p><p>existe a chamada direção de base, que é necessária para a renderização correta de</p><p>texto bidirecional e pontuações. Você pode alterar a direção básica na janela Parágrafo.</p><p>Fontes personalizadas</p><p>Photopea tem um enorme banco de dados de fontes livres de royalties. Se você conhece</p><p>alguma fonte gratuita, provavelmente já está disponível em PP.</p><p>Para todas as outras fontes, o Photopea permite abri-las (arquivos TTF ou OTF) da mesma</p><p>forma que você abre qualquer outro arquivo (Arquivo - Abrir ou arrastar e soltar). Eles</p><p>serão adicionados ao final da</p><p>lista de fontes e usados quando alguma camada de tipo</p><p>precisar deles.</p><p>Gráficos vetoriais</p><p>Photopea possui um rico conjunto de ferramentas para trabalhar com gráficos vetoriais. Os</p><p>gráficos vetoriais podem ser armazenados em Paths, Vector Masks ou Shape Layers.</p><p>Caminhos</p><p>Assim como uma lista de camadas, um documento pode conter uma lista de caminhos. Eles</p><p>podem ser visualizados em um painel Paths (Window - Paths). Neste painel, você pode</p><p>selecionar caminhos, excluir caminhos, criar novos, renomeá-los etc.</p><p>Existe um caminho especial denominado Caminho de Trabalho. Por padrão, todos os</p><p>gráficos vetoriais são armazenados nesse caminho. Quando está vazio, não é mostrado</p><p>no painel Caminho.</p><p>50 51</p><p>Máscaras de vetor</p><p>Qualquer camada pode ter uma máscara de vetor.  Assim como uma máscara raster,</p><p>a máscara vetorial defi ne qual parte da camada deve ser visível e qual deve ser</p><p>oculta.  Máscaras raster e vetoriais podem ser habilitadas, desabilitadas ou editadas a</p><p>qualquer momento sem alterar o conteúdo real da camada.</p><p>Camadas de forma</p><p>Uma Forma é uma camada que contém apenas a forma vetorial com um Preenchimento</p><p>de Cor, um Preenchimento de Gradiente ou um Preenchimento de Padrão. Na verdade, é</p><p>apenas uma camada de preenchimento com uma máscara de vetor.</p><p>Abaixo está uma camada padrão com uma máscara de vetor e uma camada de forma</p><p>abaixo dela.</p><p>52</p><p>Painel de Caminhos</p><p>Como dissemos antes, o painel Paths exibe uma lista de caminhos do documento. Além</p><p>disso, se quaisquer camadas de forma ou máscaras de vetor forem selecionadas, elas</p><p>serão mostradas como caminhos no final da lista. Portanto, o painel permite que você</p><p>trabalhe com todos os três formatos de gráficos vetoriais. No entanto, esses caminhos</p><p>não podem ser renomeados ou excluídos aqui, pois pertencem as camadas.</p><p>Você pode adicionar ou excluir caminhos clicando nos botões na parte inferior do</p><p>painel. Você pode segurar Ctrl e clicar na miniatura do caminho para transformá-lo em</p><p>uma seleção.</p><p>A estrutura</p><p>O conteúdo de uma máscara de vetor (ou camada de forma) é denominado Forma. A</p><p>forma consiste em vários  caminhos.  Um caminho consiste em vários  nós.  Cada nó</p><p>consiste em três pontos: a âncora e duas alças.</p><p>Aqui vemos uma forma que consiste em quatro caminhos. O caminho à direita consiste</p><p>em cinco nós. O nó consiste em uma âncora (no meio) e duas alças.</p><p>Caminho</p><p>Pode haver vários caminhos dentro de uma forma.  Os caminhos têm uma ordem</p><p>fixa (o primeiro, o segundo, o terceiro etc.).  Cada caminho tem alguma  operação</p><p>booleana, que define como o caminho (por exemplo, o quarto caminho) é combinado</p><p>com o conteúdo abaixo dele (ou seja, caminhos 1, 2 e 3).  As operações booleanas</p><p>são Union, Subtract, Intersect e Exclude.</p><p>Aqui, vemos quatro formas com dois caminhos em cada forma. O segundo caminho (a</p><p>elipse) possui diferentes operações booleanas.</p><p>52 53</p><p>Quando todos os caminhos possuem operação Union, a ordem deles não é</p><p>importante. Contudo, por exemplo, quando algum caminho tem uma operação Subtrair, a</p><p>reordenação de caminhos pode produzir um resultado diferente.</p><p>Os caminhos podem ser abertos ou fechados. Caminho aberto significa que o primeiro e o</p><p>último nó estão conectados por uma linha reta (ignorando as alças adjacentes).</p><p>Nós</p><p>Um caminho consiste em uma sequência de nós.  Cada dois nós consecutivos são</p><p>conectados com um segmento de curva, que é formado por alças adjacentes.  Um nó</p><p>pode ser ligado / liso  (ambas as alças estão localizadas em uma linha com a âncora)</p><p>ou não ligado / canto (as alças têm localizações arbitrárias). Um nó vinculado garante</p><p>a curva suave, enquanto um nó não vinculado geralmente cria um canto.</p><p>Um nó vinculado é visualizado com uma âncora circular, enquanto um nó não vinculado</p><p>tem uma âncora quadrada.</p><p>A alça do nó é recolhida quando está localizada no local do ponto de ancoragem. Quando</p><p>todos os nós em um caminho têm alças colapsadas, o caminho consiste apenas em</p><p>segmentos de linha reta (ou seja, é um polígono).</p><p>O olhar</p><p>Enquanto as máscaras de vetor simplesmente ocultam a parte de uma camada, as</p><p>camadas de forma têm propriedades mais interessantes. Cada camada de forma tem um</p><p>valor de preenchimento e traço. Fill e Stroke podem ter um de quatro valores: None,</p><p>Color, Gradient e Pattern. Combine diferentes valores de Fill e Stroke para criar vários</p><p>estilos. Dê uma olhada nas combinações possíveis.</p><p>54</p><p>O traço pode ter muitos parâmetros: espessura da linha, posição: interno, centro, externo,</p><p>forma do canto, lacunas (linha tracejada) etc. Quando sua forma contém apenas um único</p><p>caminho aberto, o primeiro e o último nó não serão conectados dentro de um traço.</p><p>Mudar a aparência</p><p>Quando qualquer ferramenta vetorial está habilitada (por exemplo, uma ferramenta Caneta</p><p>ou uma ferramenta Retângulo), o menu superior mostra os parâmetros Preenchimento e</p><p>Traço de uma camada de forma atual. Você pode alterar esses parâmetros lá.</p><p>Manipulação de formas</p><p>Para trabalhar com uma forma, primeiro devemos selecionar a forma no painel</p><p>Camadas. Podemos clicar na miniatura de uma máscara de vetor ou na miniatura de uma</p><p>camada de Forma. Veremos os contornos dos caminhos depois disso.</p><p>54 55</p><p>Seleção de caminho</p><p>A seleção de caminhos nos permite manipular caminhos dentro de uma forma. Clique no</p><p>caminho para selecioná-lo ou mantenha a tecla Shift pressionada para selecionar vários</p><p>caminhos.</p><p>Quando um ou mais caminhos são selecionados, podemos:</p><p>• Mover com o mouse ou as teclas do cursor</p><p>• Excluir pressionando Excluir</p><p>• Cortar / Copiar / Colar caminhos usando Editar - Cortar / Copiar / Colar (ou Ctrl + X / C /</p><p>V), mesmo entre camadas diferentes ou PSDs diferentes</p><p>• Aplicar Free Transform (Editar - Free Transform)</p><p>Também podemos alterar a operação booleana (Subtrair, Cruzar etc.) de cada caminho</p><p>no menu superior ou reordenar os caminhos com o botão Para cima e Para baixo.  O</p><p>menu suspenso também contém a opção Mesclar, que mesclará todos os caminhos em</p><p>um único caminho.  No caso da camada Forma, o menu superior nos permite alterar o</p><p>preenchimento e o traço da forma.</p><p>56</p><p>Seleção direta</p><p>A seleção direta nos permite manipular nós dentro de uma forma. Clique no contorno</p><p>do caminho para ver os nós. Em seguida, clique em um nó ou segure a tecla Shift para</p><p>selecionar vários nós. Podemos até selecionar nós separados de caminhos diferentes.</p><p>Quando um ou mais nós são selecionados, podemos:</p><p>• Mover com o mouse ou as teclas do cursor</p><p>• Excluir pressionando Excluir</p><p>• Mover a âncora ou alças de um nó</p><p>Clicar duas vezes na alça e irá recolhê-la. Quando uma alça é recolhida, clique duas vezes</p><p>na âncora para devolvê-la. Caso contrário, clicar duas vezes na âncora converterá o nó</p><p>vinculado (suave) em nó não vinculado (canto) e vice-versa.</p><p>Criação de formas</p><p>O Photopea oferece várias ferramentas para a criação de gráficos vetoriais: Caneta,</p><p>Caneta Grátis, Retângulo, Elipse, Polígono etc. Cada ferramenta possui um dos três</p><p>modos, que você pode alternar no menu superior.</p><p>56 57</p><p>•	 Caminho - adiciona novos elementos em um caminho atual (camada de forma atual,</p><p>máscara de vetor ou em um caminho atual, selecionado no painel Demarcadores)</p><p>• Forma - cria uma nova camada de forma</p><p>• Pixels - o resultado é rasterizado imediatamente e, em seguida, combinado com uma</p><p>camada raster atual</p><p>Ao escolher o modo Path, você também pode escolher a operação booleana, que será</p><p>usada para novos elementos.</p><p>Caneta</p><p>Esta ferramenta permite criar caminhos nó a nó.  Pressione o mouse na área da</p><p>imagem para adicionar um nó. Em seguida, arraste e solte para adicionar alças ou solte</p><p>imediatamente para mantê-las recolhidas. Clicar novamente no primeiro nó do caminho</p><p>fechará o caminho. Experimente este jogo para aprender a usar a ferramenta Caneta.</p><p>Se houver um nó já selecionado, o novo nó é adicionado logo após esse nó (no mesmo</p><p>caminho). Caso contrário, o novo caminho é iniciado e o nó se torna o primeiro nó no novo</p><p>caminho.</p><p>O uso normal é clicar para iniciar um novo caminho e, em seguida, continuar clicando para</p>