Nos espaços abertos da Internet russa, encontrei uma imagem do logotipo. É possível convertê-lo de um raster para um vetor no Photoshop e automaticamente? Não. Infelizmente, embora as tendências do vetor no Photoshop sejam tais, tudo o que foi feito nesta direção permaneceu inalterado mais 5 versões atrás. Desde então, ele não foi tocado, não foi alterado e nada de novo foi adicionado ao vetor. Você precisava de ferramentas vetoriais no Photoshop? Aqui estão eles, quer mais? O que você esqueceu no Photoshop, mestre Illustrator. Foi mais ou menos essa linha de pensamento que levou os desenvolvedores a implementar as operações vetoriais mais simples no Photoshop. Agora vamos ao que interessa.

A conversão raster em vetor é realizada através das áreas de seleção. Primeiro, criamos uma seleção, depois traduzimos as linhas de seleção em caminhos vetoriais e, em seguida, preenchemos os caminhos vetoriais com camadas de preenchimento, criando assim uma máscara vetorial. Para entender tudo isso não no nível das equipes do exército - clique aqui, clique ali, você deve aprender a trabalhar com ferramentas de desenho vetorial, entender como caminhos vetoriais podem interagir uns com os outros e aprender como criar uma máscara vetorial. Mas não se preocupe, você não precisa sentar para ler até o final de semana, você já entenderá como converter um raster em um vetor no Photoshop se terminar de ler o artigo até o fim.

Destacando o logotipo

Gostaria de enfatizar que, para que a tradução em um vetor seja de alta qualidade, a própria imagem deve ser de um tamanho grande. Isso é verdade no caso de rastreamento no Illustrator, e para o Photoshop é ainda mais importante. Minha imagem tem 1.500 pixels de largura, quando terminarmos de traduzir para o vetor, vou mostrar como o Photoshop traduz pequenas imagens e vamos comparar os resultados.

• Escolha a ferramenta Magic Wand

• Defina nas opções Tolerância 20 ou 30.

• No mesmo local, clique no ícone Adicionar à Seleção. Eu escrevi em detalhes sobre o trabalho deles no artigo Add, Subtract, Intersect and Exlude in Photoshop onde era sobre ferramentas de vetor, mas na seleção essas opções funcionam da mesma maneira.

Para ser honesto, não me importa como você destaca o logotipo, seja com um laço à mão ou por meio da gama de cores. É que nesta situação, especificamente nesta imagem, a maneira mais fácil é fazê-lo com a ferramenta Magic Wand.

Converte a seleção em um caminho vetorial

Não mude da ferramenta Magic Wand.

• Clique com o botão direito na área de seleção.

• No menu que aparece, escolha Make Work Path.

• Na janela que aparece, ajuste a tolerância para 1.0. Quanto maior o valor da tolerância, mais suaves, estilizados e imprecisos serão nossos contornos.

Na ilustração abaixo, selecionei a ferramenta de seleção de caminho e selecionei o caminho para que você possa vê-lo.

Salvando o caminho na paleta Path

Esta operação é opcional, mas desejável.

Mude para a paleta Path. Se você não conseguir encontrá-lo, clique em Janela> Caminho

Clique duas vezes no caminho na paleta.

• Na janela que aparece, digite um nome e clique em OK.

Crie uma máscara de vetor

O processo de criação de uma máscara vetorial está perfeitamente descrito em meu artigo Máscara vetorial no Photoshop. Vamos realizar este processo de forma rápida e sem detalhes.

Certifique-se de que seu canil esteja selecionado na paleta Path

Escolha no menu Camada> Nova Camada de Preenchimento> Cor Sólida

Na janela que aparece, selecione uma cor e clique em OK

Isso é tudo. Tudo seria mais preciso se não fosse por hronofag.ru Lembre-se de que eu disse que quanto menor for a imagem, pior será traduzida. Você está pronto para apostar em suas mãos algum escaneamento sujo enfiado no Word, que o cliente exige para ser traduzido em um vetor? Imaginei? Ao mesmo tempo, a imagem é compactada pela compactação JPG, reduzida, depois ampliada e novamente reduzida ao tamanho de um avatar, e o ketchup também foi derramado sobre ela. É possível traduzir qualitativamente essa imagem em um vetor no Photoshop?

Primeiro, dê uma olhada em nosso logotipo. Apesar da excelente resolução, bordas nítidas o Photoshop não conseguiu criar contornos bonitos e uniformes. O ilustrador faz isso 100 vezes melhor, mas o artigo não é sobre o ilustrador. Como você pode ver, os contornos não estão nem em todos os lugares, mesmo nas partes retangulares do logotipo. E os círculos são completamente oblíquos.

Agora vou reduzir a imagem em 2 vezes, depois em mais 2 vezes e mostrar o resultado da tradução em um vetor.

Aqui está um bom exemplo de como o tamanho do bitmap afeta a qualidade do traço. E isso apesar do fato de que a qualidade da imagem é muito alta, apesar do tamanho. Bem, vou reduzir a qualidade. Salve a imagem como JPG na pior qualidade.

Vamos traduzir em um vetor. Excelente resultado, falta apenas ketchup. Ideal para um cliente satisfeito, processando em estilo grunge ou vintage!

Mesmo assim, estou manipulando um pouco a verdade. A questão é que tudo isso faz sentido para o Illustrator, que cria um vetor a partir de uma imagem. O Photoshop não cria um vetor a partir de uma imagem, ele cria caminhos a partir de uma seleção. É lógico que quanto melhor e mais suave a seleção, mais suaves serão as curvas. E a ferramenta Magic Wand com a qual selecionamos essas áreas não é mais adequada para selecionar essas imagens assustadoras. Sim, você poderá fazer seleções de alta qualidade, usar todas as ferramentas de seleção, poderá até aumentá-las e criar um contorno mais ou menos uniforme a partir delas, o que ainda não será o ideal. Seguir por este caminho é apenas uma perda de tempo. A única opção de trabalho é renderizar o logotipo do zero no Photoshop.

Embora minha observação sobre máscaras no Photoshop não tenha esfriado, quero enfatizar com urgência a questão da conversão de um raster em um vetor. Dois dias atrás, eu entrei no meu cronófago Analítico do Google e o que eu vi. Acontece que algumas pessoas chegam ao meu site com o pedido "raster to vector" e, enquanto isso, no meu site não há uma única nota sensata sobre este assunto. Tortura de pessoas Google converter raster em vetor em Corel Draw, Illustrator e até mesmo Adobe photoshop ... Vamos começar com o Photoshop.

Raster para vetor. Por que isso é necessário?

Photoshop é um programa de bitmap. O vetor está presente na forma de contornos de vetores. Como tal, objetos vetoriais não no Photoshop. Mas existem caminhos vetoriais que podem ser convertidos em uma máscara vetorial. Uma máscara é aplicada a um efeito ou objeto e um vetor é obtido no Photoshop. O conteúdo de tal objeto ainda é raster, mas pode ser convertido em um vetor quando salvo em alguns formatos.

Por exemplo, podemos criar um preenchimento e arrastar uma máscara de vetor sobre ele. O Photoshop possui todo um grupo de ferramentas que fazem isso de forma gratuita e automática, este é um grupo de primitivas vetoriais. Para mais detalhes, leia meu artigo Vector primitivas no Photoshop ou. Portanto, o contorno será vetorial. Preencher dentro do raster.

O Photoshop não funciona com vetores em capacidade total. Só usa suas vantagens aqui e aqui. Mas mesmo no Photoshop, objetos raster podem ser transformados em objetos vetoriais. Por que você precisa disso se você tem o Illustrator? Bem, como posso te dizer. Ao trabalhar ativamente com gráficos, situações diferentes... Às vezes, é mais fácil traduzir uma seleção em um caminho no local do que ir de cabeça para o Illustrator e fazer o traçado lá. Para remover ervas daninhas de morangos no campo, você não precisa chamar uma colheitadeira. No final, nem todo mundo quer ou sabe como usar o Illustrator, nem todo mundo precisa dele, nem todo mundo pode instalá-lo por conta própria e você precisa traduzir o rabisco em um vetor aqui e agora. Não é absolutamente necessário sentar-se com três volumes no Illustrator por algumas semanas.

Conversão de varredura em vetor no Photoshop

O que exatamente o Photoshop é capaz de traduzir em um vetor? Qualquer coisa se você selecionar este objeto com antecedência com as ferramentas de grupo Selecione... O Photoshop converte qualquer seleção em um contorno. Você pode ler sobre ferramentas de seleção no artigo Primitivas de seleção no Photoshop. Deixe-me dar um exemplo prático. Muitos anos atrás, um cliente muito difícil entrou em contato comigo e pediu um site difícil. Para o site, era necessário completar várias artes, e resolvi desenhar no Photoshop. No decorrer do desenho, eu o converti em um vetor e agora vou te dizer como. Aqui está uma daquelas imagens que pintei com um pincel de arestas duras no meu tablet. Desenhei em torno do Homem Vitruviano original, modifiquei-o e pintei meu próprio rosto, diferente do original. A ideia de vetorizar arte surgiu por acaso. Mas, depois de implementá-lo, tive a oportunidade de dimensionar a pessoa como eu gosto. Além disso, as bordas previamente rasgadas e as irregularidades após a vetorização foram suavizadas.

Encontrando a imagem a ser traçada

Eu pesquisei no Google Images por uma borboleta. Vamos convertê-lo em um vetor. Observe que quanto maior a imagem, mais suave ficará o nosso objeto vetorial. Isso é verdade tanto para o Photoshop quanto para o Illustrator. Por imagem grande, quero dizer uma imagem de 1000 pixels de largura ou mais. Minha borboleta, por exemplo, tem 2.000 pixels.

Selecionando o objeto

Escolha no menu Ferramenta a varinha mágica mais comum varinha mágica e clique na área branca. Foi assim que criamos uma área de seleção, mas precisamos selecionar a borboleta.

Vamos para Selecione> Inverter ou clique na área de trabalho e no menu que aparece, selecione Selecione inverso... A questão é que a seleção criada deve ser invertida para selecionar a borboleta. Honestamente, não me importo como você cria sua seleção. Trace o laço com a mão, realmente não importa.

Como criar um caminho vetorial

Temos uma seleção, agora converta-a em um caminho vetorial caminho... Escolha qualquer ferramenta de seleção como Ferramenta Laço, Ferramenta Letreiro Retangular ou varinha mágica... Clique na área de seleção com o botão direito do mouse e selecione Faça caminho de trabalho... No menu que aparece, defina o grau de suavização Tolerância gosto. O vício é simples. Quanto maior o número, maior será a suavização. Quanto menor o número, menor o anti-aliasing. O anti-aliasing alto significa um número menor de nós de vetor e um caminho de varredura mais impreciso seguindo. No caso do meu Homem Vitruviano, isso é exatamente o que eu queria.

Então, na paleta Caminho agora temos um caminho de trabalho. Se você não tem uma paleta Caminho abra Windows> CaminhoÁrea de trabalho da paleta Caminho parece uma área de trabalho ou um abrigo temporário. Contornos diferentes podem aparecer nele, mas se você cuidar de uma economia consistente, eles desaparecerão com o tempo. Clique duas vezes no contorno Caminho de trabalho e salve o esboço separadamente. Contornos na área Caminho funcionam da mesma maneira que as camadas na paleta Camadas... Se o contorno estiver selecionado, ele estará ativo e você poderá trabalhar com ele.

Ferramentas do Photoshop para trabalhar com caminhos - Ferramenta de Seleção de Caminho e Ferramenta de Seleção Direta... Temos um caminho, mas nenhum objeto. Se você leu minha série de notas sobre vetores no Photoshop, já sabe que um vetor no Photoshop é representado como uma máscara vetorial para algum tipo de efeito ou gráfico. O vetor também pode estar presente como uma camada inteligente referenciando o arquivo importado do Illustrator, mas deixaremos isso para outra observação. Selecione o caminho com a ferramenta Ferramenta de Seleção de Caminho ou na paleta de caminhos Caminho... Clique em Camada> Nova Camada de Preenchimento> Cor Sólida Criamos uma camada de preenchimento, que é imediatamente atribuída a uma máscara de vetor na forma de nosso caminho.

Refinamento do contorno do vetor

Usando os materiais que descrevi nos artigos Ferramentas de desenho vetorial no Photoshop e Adicionar, Subtrair, Intersectar e Excluir no Photoshop, vamos complicar o desenho. Eu peguei a ferramenta Ferramenta caneta, selecionou a máscara da camada de preenchimento. Nas configurações Ferramenta caneta Levante Subtrair e adicionamos alguns elementos à nossa borboleta. Recortei os padrões nas asas e tornei as pernas e antenas mais grossas.

Criar uma forma personalizada Formas personalizadas

Você sempre pode salvar o objeto resultante em formas arbitrárias Formas Personalizadas... Um tempo atrás, mencionei como isso pode ser feito no artigo Custom Shape Tool no Photoshop. Selecione a camada de borboleta e pressione Editar> Definir forma personalizada Nossa borboleta apareceu nas formas do instrumento Ferramenta de formas personalizadas.

E aqui está o que conseguimos no final:

Converter uma foto rasterizada em um vetor no Photoshop é um exercício completamente inútil. Mas às vezes essas técnicas podem ser úteis para trabalhos paralelos com gráficos e não só.

Tradução de raster para vetor de fotos no Photoshop

O Photoshop não foi projetado para converter gráficos rasterizados em vetores. Nele, no entanto, existem vários efeitos especiais que criam visualmente a aparência de uma imagem vetorial. E com a ajuda da técnica que descrevi, você pode fazer deles imagem vetorial no Photoshop. Pegue, por exemplo, uma fotografia comum tirada por um fotógrafo que conheço.

Um dos efeitos que mencionei é Filtro> Artístico> Recorte Deixo as configurações em sua consciência. A imagem deve ser o mais realista possível, mas fortemente suavizada. Poderíamos parar por aqui, a imagem já parece "vetorial", mas ainda é raster.

Agora você precisa criar áreas vetoriais igual ao número de cores na foto. Escolha uma vara varinha mágica e certifique-se de que a caixa de seleção não esteja marcada nas configurações Contíguo... Selecione a primeira área e siga todo o caminho que descrevi acima. Crie um caminho a partir da seleção, crie uma máscara de vetor preenchida a partir do caminho e assim por diante.

No total, a foto inteira é convertida em áreas vetoriais. Não converteremos a última área branca em um vetor. Basta desenhar um grande quadrado branco com a ferramenta Ferramenta Retângulo e coloque-o sob todas as camadas. Depois de uma limpeza leve e contorno, a foto se parece com a imagem abaixo. E, novamente, esse tipo de trabalho não se destina ao Photoshop e é antes uma perversão. Mas, isso pode ser feito e, em várias situações, tais técnicas podem ser úteis. Levei 10 minutos para processar a foto, então esse tipo de trabalho não leva muito tempo. E lembre-se o que tamanho maior você colocará a foto em camadas, o melhor e mais elástico o contorno poderá contornar a área de seleção. Quanto menos angular e áspero nosso vetor se tornará no Photoshop. Várias configurações Toleranse ao criar um contorno, eles também darão resultados diferentes. Boas experiências!

Apesar de o Photoshop ser um editor de gráficos raster, seu conjunto de ferramentas inclui algumas ferramentas vetoriais. As ferramentas vetoriais destinam-se principalmente à criação de curvas editáveis ​​- caminhos. Para refrescar sua memória, lembre-se de que a diferença entre gráficos raster e vetoriais é a maneira de armazenar e descrever informações gráficas. As imagens vetoriais são armazenadas na forma de curvas descritas matematicamente, que não perdem qualidade ao serem dimensionadas, a qualquer momento estão sujeitas a uma edição fácil e flexível. Primeiro, vamos examinar o princípio da construção de curvas vetoriais.

Os contornos vetoriais são desenhados em segmentos de linha que possuem nós-chave e pontos de controle. Os nós-chave limitam um segmento de linha em ambos os lados e os pontos-chave permitem controlar a dobra das curvas.

Use as ferramentas de grupo para criar curvas. Caneta... Ferramenta Ferramenta caneta projetado para criar curvas para nós-chave. O princípio de operação desta ferramenta é indicar pontos-chave de um segmento de caminho. Se, ao especificar um ponto de controle, sem soltar o botão do mouse, mova-o, então um segmento contendo ponto de controlo ... Outros movimentos do mouse já afetam diretamente o ponto de controle e, por sua vez, na curva do segmento. O próximo clique esquerdo do mouse irá definir o próximo ponto de controle, etc.

A ferramenta Caneta pode funcionar em dois modos - criar curvas e criar as chamadas formas - áreas vetoriais fechadas. A alternância entre esses modos é realizada usando os botões - modo de criação de contorno, - modo de criação de forma. Se você estiver trabalhando no modo de criação de formulários, o contorno que você criar será considerado sempre fechado e, como resultado, preenchido com a cor que você escolher. Fisicamente, uma máscara de camada é criada na paleta Camadas com base em uma imagem vetorial. A camada em si é preenchida com a cor de sua escolha (você escolhe a cor na paleta Propriedades).

O princípio de trabalhar com uma máscara vetorial difere ligeiramente do princípio de trabalhar com uma máscara raster, apenas as ferramentas diferem. Se, no caso de trabalhar com uma máscara de bitmap, você mudou usando as ferramentas de desenho, então em nesse caso a forma da máscara é alterada usando ferramentas de vetor.

Para converter uma máscara vetorial em um bitmap, você precisa chamar menu contextual máscara de vetor e selecionar item Rasterizar máscara... Como resultado, você obterá uma máscara de camada regular. Caso contrário, trabalhar com uma máscara de camada na versão vetorial não difere de trabalhar na versão raster.

Os desenhos vetoriais são convenientes porque você pode alterar muito convenientemente a forma das curvas deste desenho a qualquer momento. Existem várias ferramentas para isso. Por exemplo, a ferramenta (adicionando pontos-chave - nós) - adiciona pontos-chave na curva no local onde você clica. A ferramenta pode remover pontos desnecessários do caminho quando você clica no ponto a ser excluído. Na verdade, você não precisa mudar para essas ferramentas. Preste atenção à mudança Adicionar / excluir automaticamente na paleta Propriedades. Se este modo estiver habilitado (marcado), a ferramenta Caneta mudará automaticamente para a ferramenta Adicionar Ponto (quando você a coloca sobre o caminho) e a Ferramenta de Remoção de Ponto (quando você a coloca sobre um ponto existente). Se o modo estiver desabilitado, a exclusão e adição de pontos só será possível ao usar as ferramentas apropriadas.

A curvatura da curva é controlada por meio de pontos de controle. Para selecionar um ponto de controle, use a ferramenta Ferramenta de Seleção Direta... Selecionando o nó para edição (clicando com esta ferramenta no nó que está sendo editado). Então, ao mover os pontos de controle, você afeta a dobra da curva na área do nó selecionado. Também com esta ferramenta você pode mover os nós selecionados. Ferramenta Ferramenta de seleção de caminho projetado para trabalhar com uma curva como um todo, como com um objeto - para mover e transformar. Para objetos vetoriais, o modo Free Transform é aplicado, exatamente da mesma forma que para áreas raster.

Uma ferramenta importante para trabalhar com nós-chave é uma ferramenta chamada Ferramenta de conversão de ponto... O significado desta ferramenta é transformar tipo de nó... V gráficos vetoriais O Photoshop distingue entre dois tipos de nós principais - suave e canto (canto)... O significado dos nós chave suavizados é que os pontos de controle de duas curvas convergindo em um nó Sempre na mesma linha virtual.

Outro tipo de nó, como dissemos, é denominado angular. O significado deste tipo é que as linhas virtuais que passam pelo ponto de controle de um dos segmentos e o nó-chave comum de ambos os segmentos podem convergir em qualquer ângulo.

A ferramenta de conversão de tipo funciona da seguinte maneira - se o nó for suavizado (e por padrão os nós são suavizados), clicar na ferramenta de conversão marcará o tipo do nó no canto. Se, após pressionar o botão do mouse, não o soltar, mas simplesmente puxar, você poderá controlar a dobra do segmento em um nó específico.

Começamos selecionando dois modos da ferramenta Pen. O primeiro é o modo de criar formas e o segundo é o modo de criar caminhos. Detenhamo-nos em mais detalhes sobre o modo de trabalhar com contornos.

Nesse caso, seu caminho não preencherá e formará automaticamente uma camada e máscara de camada vetorial. Nesse caso, seu caminho será puramente virtual e não relacionado a camadas. Para trabalhar com esses caminhos, existe uma paleta chamada Path. Todas as operações com caminhos estão concentradas nesta paleta.

Na paleta Path, os caminhos (caminhos) são colocados como camadas na paleta Layers, e em uma camada vetorial pode haver vários caminhos vetoriais não conectados. A linha inferior da paleta Path contém ícones de controle de path. Pictogramas dolorosamente familiares com uma lata de lixo e uma folha em branco não mudaram sua finalidade nesta paleta, ou seja, consequentemente, isso é excluir uma camada vetorial e criar uma camada vetorial vazia.

Até agora, nos perguntávamos por que um editor absolutamente raster como o Photoshop precisa dessas ferramentas vetoriais. Um exemplo simples de uso de vetores no Photoshop é trabalhar com seleções novamente. Como você pode ver na imagem, vários ícones da paleta Path são usados ​​para transformar um caminho (caminho) em um caminho de seleção e vice-versa. Na verdade, depois de adquirir algumas habilidades no trabalho com caminhos, você entenderá que é muito mais fácil ajustar o caminho do vetor à forma da área selecionada do que usar uma máscara rápida bastante flexível. Portanto, se você quiser editar a seleção, poderá sempre convertê-la em um caminho (caminho) e, em seguida, editá-la e convertê-la novamente em uma seleção. Se você quiser usar as operações tradicionais de Traço e Preenchimento para seleção de contornos, elas também estão à sua disposição.

As operações booleanas funcionam de forma um tanto inesperada. Você pode criar caminhos em qualquer um dos modos lógicos, seja adição ou subtração. Nesta fase, você não notará nenhuma ação. Mas não se deixe enganar pelo fato de ter encontrado um bug em um programa quase perfeito. Na verdade, o Photoshop lembra em qual modo você criou o caminho (o escritório escreve ...) e assim que você disser ao programa para criar um contorno de seleção a partir de sua confusão de caminhos, o Photoshop se lembrará de tudo e executará todas as operações que você atribuído a ele ao criar caminhos. A caixa de diálogo para criar um contorno de seleção a partir de um caminho permite que você especifique o que mais configurações importantes em relação aos contornos de seleção (mas isso só se você usar o comando Make Selection do menu da paleta Path).

Observe que você pode definir o raio de difusão, habilitar ou desabilitar o Anti-Aliasing. Na seção Operação, você pode definir o modo lógico para a seleção recém-criada. Opções desta seção tornam-se disponíveis apenas se já existir um contorno de seleção. Conseqüentemente, se você escolher a operação Nova Seleção, a seleção que está sendo criada substituirá a seleção existente; a opção Adicionar à seleção adicionará uma seleção criada a partir de um caminho para uma seleção existente; Substruir da seleção - subtrairá o caminho criado da seleção existente.

Ferramenta Ferramenta de forma livre permite criar um caminho vetorial em um modo de pintura simples, como um pincel. Mantenha pressionado o botão esquerdo do mouse e simplesmente mova o mouse para desenhar o contorno que você precisa. Esta ferramenta tem um Característica principal que compara esta ferramenta vetorial à ferramenta Laço magnético é a opção Magnético... O princípio de operação é o mesmo, a ferramenta procura bordas contrastantes e traça o contorno apenas ali. Caso contrário, o caminho criado por esta ferramenta não difere de um caminho normal.

• Visualizações: 58428

Neste tutorial, aprenderemos os fundamentos do desenho de formas vetoriais no Photoshop CS6 usando as ferramentas simples de formas! Começaremos examinando como as ferramentas funcionam. "Retângulo"(Ferramenta Retângulo ), "Retângulo arredondado"(Ferramenta Retângulo Arredondado), "Elipse"(Ferramenta Elipse), "Polígono"(Ferramenta Polígono) e "Linha"(Ferramenta Linha). A seguir, aprenderemos como escolher cores de preenchimento e traço para formas, alterar aparência traços, edite formas com as propriedades úteis de camadas de formas e muito mais! Temos muito a aprender, portanto, neste tutorial, vamos nos concentrar na operação e nas propriedades das cinco ferramentas básicas do grupo Formas geométricas. Na próxima lição, aprenderemos como adicionar formas mais complexas ao nosso documento usando a ferramenta Forma Livre!

Este tutorial é para usuários do Photoshop CS6. Se você trabalha em mais versão antiga programa, siga a lição original de Forma e Camada de Forma no Photoshop.

A maioria das pessoas pensa que o Photoshop é usado apenas para processar imagens pixeladas, e se você pedisse um bom editor de imagens, na maioria das vezes a resposta seria “ Ilustrador da Adobe" De fato, os recursos do editor Adobe Illustrator são muito mais amplos do que os programas do Photoshop, mas, no entanto, como veremos nesta e nas próximas lições, as várias ferramentas do grupo Shapes tornam mais fácil adicionar imagens vetoriais simples a fotos e desenhos.

Se você não sabe o que é uma forma de vetor e como ela difere de uma forma de pixel, dê uma olhada neste tutorial.

Ferramentas de formas

Programa de Photoshop nos oferece a escolha de seis ferramentas do grupo "Formas": "Retângulo"(Ferramenta Retângulo), Retângulo Arredondado(Ferramenta Retângulo Arredondado), "Elipse"(Ferramenta Elipse), "Polígono"(Ferramenta Polígono), "Linha"(Ferramenta de linha) e "Figura livre"(Ferramenta de formas personalizadas). Todas essas ferramentas estão localizadas em um só lugar na barra de ferramentas. Por padrão, vemos a ferramenta Retângulo, mas se clicarmos no ícone da ferramenta e segurarmos o botão do mouse, um menu suspenso aparecerá na tela com uma lista de outras ferramentas da qual podemos selecionar a que precisamos:

Clicar no ícone da ferramenta Retângulo nos permitirá visualizar outras ferramentas no grupo Forma.

Selecionarei a primeira ferramenta da lista, a ferramenta Retângulo:

Formas vetoriais, caminhos e formas de pixel

Antes de começarmos a desenhar as formas, precisamos dizer ao Photoshop que tipo de forma queremos desenhar, porque, na realidade, o Photoshop permite desenhar formas a partir de três tipos diferentes- formas vetoriais, caminhos e formas de pixel. Veremos a diferença entre esses tipos de formas com mais detalhes em outras lições, mas como já aprendemos na lição "Desenhar formas vetoriais e formas pixeladas no Photoshop CS6", na maioria dos casos, você desenhará formas vetoriais. Ao contrário das formas de pixel, as formas vetoriais são altamente redimensionáveis, totalmente escalonáveis ​​e independentes de resolução. Isso significa que podemos editar, redimensionar como quisermos, sem perder a qualidade da imagem. As bordas das formas vetoriais permanecem nítidas e nítidas na tela e quando impressas.

Para desenhar formas vetoriais em vez de caminhos ou formas pixeladas, selecione "Figura"(Forma) na barra de configurações de ferramentas na parte superior da tela:

Selecione o modo de ferramenta "Forma" no painel de configurações

Preenchendo uma forma com cor

Clique no ícone de amostra de cor de preenchimento

Como resultado, uma caixa de diálogo será aberta, onde você deverá escolher uma das quatro maneiras de preencher a forma, indicada por um ícone separado. Da esquerda para a direita, você pode ver um ícone Sem cor (com uma faixa diagonal vermelha), um ícone de preenchimento de cor, um ícone de gradiente e um ícone de padrão:

4 opções de preenchimento de forma (sem cor, cor sólida, gradiente e padrão)

Método de preenchimento "Sem cor"

Como o nome sugere, o método de preenchimento "Sem cor"(Sem cor) não preenche a forma com nenhuma cor. Por que precisamos de uma forma vazia, você pode perguntar? Bem, em alguns casos, você pode querer que a forma tenha apenas um contorno fino. A seguir, veremos como adicionar um traço a uma forma, mas se você quiser que a forma tenha apenas um caminho sem cor de preenchimento, selecione a opção Sem cor:

Nenhuma cor preenche a forma com qualquer cor

Abaixo está um exemplo de forma após aplicar a opção Sem cor. Tudo o que vemos é o contorno tênue da figura, o chamado "contorno". O contorno só pode ser visto no Photoshop, então se você começar a imprimir o documento ou salvá-lo em Formatos JPEG ou PNG, o contorno desaparecerá. Para torná-lo visível, precisamos adicionar um traço a ele, que exploraremos mais a fundo depois de cobrir todas as opções. preencher(Preencher):

Quando "Sem cor" é selecionado como o método de preenchimento, apenas o contorno da forma fica visível (e mesmo assim, apenas no Photoshop)

Método de preenchimento de cor sólida

Para preencher a forma com cor, selecione a opção "Cor pura"(Cor sólida) (segundo ícone da esquerda):

Clique no ícone do parâmetro "Cor Sólida"

Depois de selecionar a opção "Cor sólida", selecione uma cor para a forma clicando em uma das amostras de cores. As cores que você usou recentemente aparecerão na linha "Cores usadas recentemente"(Cores usadas recentemente) acima das amostras principais:

Escolha uma cor clicando em sua amostra

Se a cor necessária não estiver entre as amostras, clique no ícone do Seletor de cores à direita canto superior caixa de diálogo:

Clique no ícone do seletor de cores

Em seguida, selecione a cor desejada no Seletor de cores. Clique em OK para fechar a Paleta ao decidir sobre uma cor:

No Seletor de cores, selecione uma cor para preencher a forma

Abaixo está a mesma forma, só que desta vez preenchida com cores:

Nossa forma agora está cheia de cor

Método de preenchimento "Gradiente"

Para preencher a forma com um preenchimento gradiente, selecione a opção "Gradiente"(Gradiente). Em seguida, clique em uma das miniaturas para selecionar a amostra de gradiente desejada ou crie a sua própria usando as opções abaixo das miniaturas de gradiente. V uma lição separada veremos como criar e editar gradientes:

Primeiro, selecione o parâmetro "Gradiente" e - a amostra de gradiente desejada

Abaixo está a mesma forma, só que desta vez preenchida com um preenchimento gradiente:

Nossa forma agora está preenchida com uma das amostras de gradiente predefinidas.

Método de preenchimento de padrão

Finalmente, escolhendo a opção "Padrão"(Padrão), podemos preencher a forma com um padrão. Clique em uma das miniaturas para determinar o padrão acabado. Inicialmente, não há muitos padrões no programa, mas você também pode baixar padrões adicionais baixados da Internet ou criados por você clicando no pequeno ícone de engrenagem (abaixo do ícone do Seletor de cores) e selecionando "Baixar padrões"(Carregar padrões) no menu pop-up:

Primeiro, selecione o parâmetro "Padrão" e, em seguida - a amostra de padrão desejada

E é assim que a forma ficará, preenchida com um dos padrões no Photoshop. Para fechar a caixa de diálogo "Preencher"(Preencher), pressione a tecla Enter (Win) / Return (Mac) ou clique em um espaço vazio no painel de preferências. Se você estiver em dúvida sobre como escolher a cor, gradiente ou padrão certo para sua forma, não se preocupe, exploraremos mais tarde como você pode alterá-los:

Uma forma preenchida com um padrão selecionado

Adicionar um traço a uma forma

Por padrão, o Photoshop não adiciona traços às bordas de uma forma, mas adicionar um é tão fácil quanto preenchê-lo com cor. Na verdade, opções de parâmetro "Stroke" ("Stroke")(AVC) e "Preencher"(Preenchimento) são iguais no Photoshop CS6, então você já sabe como usá-los!

Para adicionar um traço, clique na amostra de cor do traço na barra de opções:

Clique na amostra de cor do traço

Como resultado, uma caixa de diálogo será aberta com as mesmas opções do preenchimento, exceto que agora estamos escolhendo uma cor para o traço. Existem novamente quatro ícones no topo da janela "Sem cor"(Sem cor), "Cor pura"(Cor sólida), "Gradiente"(Gradiente) e "Padrão"(Padrão). Por padrão, a opção Sem cor é selecionada. Eu, por sua vez, selecionarei a opção Cor Sólida e, em seguida, definirei a cor do traço como preto escolhendo-a nas amostras. Como no caso do preenchimento, se a cor de que você precisa não estiver entre as amostras, clique no ícone do Seletor de cores no canto superior para selecionar a cor desejada manualmente:

Selecione a opção "Cor sólida" para o traço e, em seguida, selecione a cor desejada nas amostras de cores.

Alterar a largura de um traço

Para alterar a largura (espessura) do traço, use o parâmetro "Largura"(Largura) localizada à direita da amostra de cor do traço na Barra de opções. Por padrão, seu valor é 3 pt. Para alterar a largura, você pode inserir um valor específico diretamente na janela de entrada de dados (pressionando Enter (Win) / Return (Mac) após inserir para confirmar os dados) ou clicar na pequena seta à direita do valor e mova o controle deslizante:

Altere a largura do traço

Opção de alinhamento de bordas

Se você olhar mais para o lado direito do painel de configurações, verá a opção Alinhar as Bordas(Alinhar bordas). Quando esta opção está ativada (marcada), o Photoshop irá alinhar as bordas da forma à grade de pixels, como resultado, elas permanecerão nítidas e definidas:

Certifique-se de que a opção Align Edges está ativada

No entanto, para que a opção Align Edges funcione, não é suficiente simplesmente selecioná-la. Você também deseja que a largura do traço seja em pixels (px), não em pontos (pt). Desde em Atualmente a largura do meu traço é medida em pontos (a unidade padrão), vou voltar e inserir um novo valor de largura de 10 pixels (px):

Para que a opção Align Edges funcione, defina a largura do traço em pixels (px)

Abaixo, apliquei um traço preto de 10 px à forma:

Uma forma simples com um contorno preto ao redor

Depois de adicionar um traço à forma, se eu voltar e clicar na amostra de cor de preenchimento na barra de opções, escolhendo um método de preenchimento "Sem cor"(Sem cor), terei apenas o contorno da forma com um traço. A forma ficará vazia por dentro. A forma pode parecer preenchida com branco, mas isso ocorre apenas porque a cor fundo documento é branco, o que vemos na realidade.

A mesma forma, com a opção de preenchimento "Sem cor"

Opções adicionais de traçado

Por padrão, o programa desenha o traço como uma linha contínua, mas podemos mudar isso clicando no botão Definir tipo de traço de forma(Opções de traço) no painel de configurações:

Clique no botão "Definir o tipo de traço da forma"

Isso abrirá uma caixa de diálogo Opções de traçado(Opções de traço), onde podemos alterar a aparência do traço de uma linha contínua para uma linha tracejada ou pontilhada. Parâmetro Alinhar(Alinhar) nos permite escolher o tipo de alinhamento para o traço: dentro do caminho, fora ou no meio. Podemos fazer o final das linhas para o traço (parâmetro "Termina"(Caps)) arredondado, quadrado ou engrossado, e a junção de linhas no traço (parâmetro "Cantos"(Cantos): pontiagudo, arredondado ou chanfrado. Quando o botão é pressionado "Outros parâmetros"(Mais opções), localizado na parte inferior da caixa de diálogo, irá abrir outra janela onde podemos definir valores específicos para traços e espaços linha pontilhada e até mesmo salvar as configurações como uma predefinição:

Opções de traçado

Abaixo está uma forma com o mesmo traço, mas desta vez, em vez de uma linha contínua, a linha pontilhada é selecionada:

A aparência do traço mudou de uma linha contínua para uma linha tracejada

Ferramenta Retângulo

Portanto, já aprendemos como selecionar as várias ferramentas do grupo Formas na barra de ferramentas, como selecionar o preenchimento e a cor do traço e como alterar a aparência de um traço. Agora vamos aprender como desenhar as próprias formas vetoriais! Começaremos examinando a primeira ferramenta de grupo de formas na lista - "Retângulo"(Ferramenta Retângulo). Vou selecioná-lo na barra de ferramentas, como fiz antes:

Selecionando a ferramenta Retângulo

A ferramenta Retângulo nos permite desenhar formas quadrilaterais simples. Para desenhar uma forma, clique na janela do documento para definir o ponto inicial da forma. Em seguida, enquanto mantém o botão do mouse pressionado, arraste o cursor do mouse diagonalmente para terminar de desenhar a forma. Conforme você move o cursor, você verá os contornos finos (contorno) da forma futura:

Arraste o cursor para desenhar uma forma retangular. Conforme você move o cursor, um contorno fino da forma aparece.

Quando você solta o botão do mouse, o programa preenche a forma com a cor que você selecionou no painel de preferências:

O programa irá preencher a forma com a cor assim que você soltar o botão do mouse

Redimensionar uma forma depois de desenhada

Depois de desenhar a forma inicial, suas dimensões atuais aparecerão na barra de opções: largura(Largura (W)) e altura(Altura (H)). No meu caso, desenhei uma forma de 533 pixels de largura por 292 pixels de altura:

As dimensões iniciais da forma (largura e altura) são visíveis no painel de configurações

Se você precisar redimensionar uma forma depois de desenhá-la (este método funciona para todas as ferramentas Shapes), basta inserir os novos valores nas caixas Largura e Altura apropriadas. Por exemplo, digamos que eu preciso que minha forma tenha 500 px de largura. Ele só precisa alterar o valor da largura em 500 pixels. Se necessário, também posso inserir um valor de altura específico. Se, ao alterar a altura ou largura da forma, as proporções permanecerem inalteradas, clique primeiro no ícone da pequena corrente entre os valores de altura e largura:

A seguir, após ativar o ícone da corrente, insira um novo valor para a altura ou largura. Nesse caso, o Photoshop substituirá automaticamente o valor correspondente do segundo parâmetro. No meu caso, eu inseri manualmente um novo valor para a largura de 500 pixels e, como o ícone da corrente foi ativado, o Photoshop também alterou o valor da altura para 273 pixels:

Redimensionar a forma

Redimensionar uma forma antes de ser desenhada

Se você souber a altura e largura exatas da forma antes de desenhá-la, há um truque útil. Com a ferramenta Formas selecionada, basta clicar em qualquer lugar dentro do documento. Como resultado, uma caixa de diálogo será aberta instantaneamente onde você pode entrar valores desejados altura e largura. Clique em OK para fechar a caixa de diálogo e o programa desenhará automaticamente a forma:

Clique em qualquer lugar dentro do documento para inserir valores de largura e altura, e o programa irá desenhar automaticamente a forma

Desenhando uma forma do centro

Vamos explorar alguns atalhos de teclado simples, mas úteis. Se você pressionar e segurar a tecla Alt (Win) / Opção (Mac) conforme você move o cursor, você desenhará a forma do centro, não do canto. Essa técnica funciona com todas as ferramentas Forma, não apenas com a ferramenta Retângulo. Observe que primeiro você precisa começar a desenhar a forma e só então pressionar a tecla Alt (Win) / Option (Mac). Você também precisa soltar o primeiro botão do mouse e só então pressionar a tecla Alt (Win) / Option (Mac), caso contrário a técnica não funcionará:

Pressione e segure Alt (Win) / Option (Mac) para desenhar uma forma a partir do centro

Desenho de quadrados

Para desenhar um quadrado, coloque o cursor na janela do documento e comece a arrastá-lo para fora, desenhando uma forma retangular. Depois de começar a fazer isso, pressione a tecla Mudança e mantenha-o pressionado enquanto move o cursor. Pressionar a tecla Shift converterá a forma em um quadrado. Novamente, lembre-se de pressionar a tecla Shift depois de começar a mover o cursor e soltá-lo por último, caso contrário, o quadrado não será desenhado. Você pode combinar dois atalhos de teclado pressionando e segurando as teclas Shift + Alt(Vencer) /Shift + Opção(Mac) ao usar a ferramenta "Retângulo"(Ferramenta Retângulo), como resultado, você desenha um quadrado perfeito do centro:

Pressione e segure a tecla Shift enquanto move o cursor para desenhar um quadrado

Novamente, conforme você pinta, você verá apenas um contorno fino do quadrado, mas quando você solta o botão do mouse, o Photoshop o preenche com a cor selecionada:

O programa espera sempre que você solte o botão do mouse antes de preencher a forma com a cor

Opções de ferramentas de formas

Se você olhar para o painel de configurações, à esquerda do parâmetro Alinhar as Bordas(Alinhar bordas) você verá um ícone de engrenagem. Ao clicar nele, você abrirá uma caixa de diálogo com Configurações adicionais para a ferramenta do grupo Shapes, que em este momento selecionado:

Clique no ícone de engrenagem

Já que eu tenho a ferramenta selecionada "Retângulo"(Ferramenta Retângulo), clicar no ícone de engrenagem exibirá opções adicionais para a ferramenta Retângulo. Exceto para trabalhar com as ferramentas Polígono e Linha, que exploraremos mais tarde, você não usará esse menu com muita frequência porque já cobrimos como acessar essas opções a partir do teclado. Por exemplo, o parâmetro "Arbitrariamente"(Irrestrito) nos permite desenhar formas de qualquer tamanho e proporção, mas como por padrão todas as ferramentas de grupo de formas funcionam dessa maneira, não há necessidade de selecionar especificamente essa opção. Parâmetro "Quadrado"(Quadrado) nos permite desenhar quadrados com a ferramenta Retângulo, mas podemos fazer isso simplesmente pressionando e segurando a tecla Shift enquanto movemos o cursor. Parâmetro "Do centro"(Do Centro) é responsável por desenhar a forma do centro, mas, novamente, podemos fazer isso pressionando Alt (Win) / Option (Mac).

Se você escolher opções "Tamanho alvo"(Tamanho fixo) ou "Definir proporções"(Proporcional) e insira os valores de largura e altura, esses valores também afetarão a próxima forma a ser desenhada, não apenas aquela que você já desenhou. Portanto, você precisa se lembrar de retornar após desenhar a figura e selecionar novamente o parâmetro "Arbitrariamente"(Irrestrito), caso contrário, cada nova figura desenhada terá o mesmo tamanho ou proporções:

As opções que você vê dependem de qual ferramenta no grupo Formas está selecionada.

Editando camadas de forma

Anteriormente, aprendemos que, para desenhar formas vetoriais no Photoshop, precisamos definir o modo de desenho - "Figura"(Formas) (em oposição a caminhos e formas de pixel). Quando desenhamos uma forma vetorial, o programa a coloca automaticamente em uma camada especial separada chamada Camada de Forma(Camada de forma). Se olharmos para o painel de camadas, podemos ver que a forma que desenhei com a ferramenta "Retângulo"(Ferramenta Retângulo), localizado em uma camada de forma separada "Retângulo 1". O nome da camada dependerá de qual ferramenta foi usada, então se eu desenhar uma forma oval com a ferramenta Elipse, a camada de forma será chamada de Elipse 1:

Cada nova forma vetorial é colocada em uma camada de forma separada

A diferença visual entre uma camada regular e uma camada de forma é que as camadas de forma têm um pequeno ícone de forma no canto inferior direito da miniatura da camada:

O ícone na miniatura da camada nos diz que esta é uma camada de forma.

A principal diferença entre uma camada de forma e uma camada de pixel regular é que as camadas de forma permanecem totalmente editáveis. Quando aprendemos anteriormente como escolher as cores de preenchimento e traço para uma forma, mencionei que sempre podemos voltar e alterar a cor, mesmo depois que a forma for desenhada. Tudo o que precisamos fazer é ter certeza de que a camada de forma está selecionada no painel Camadas e a ferramenta de grupo Formas está ativada. Em seguida, basta clicar na amostra de cor Recheios(Preenchimento), ou por amostra de cor Strokes(Stroke) no painel de configurações para selecionar uma cor diferente. Você também pode alterar a largura do traço conforme necessário e trabalhar com outros parâmetros. Vou clicar na amostra de cor de preenchimento:

Com a camada de forma selecionada, clique na amostra de cor de preenchimento.

Clique na amostra azul

Assim que clico na amostra, o programa preenche imediatamente a forma com uma nova cor:

A cor da forma foi alterada sem a necessidade de redesenhar a forma

E, se olharmos para o painel de camadas novamente, veremos que a miniatura da camada de forma também mudou de cor:

Quando fizemos alterações, a miniatura da camada de forma também mudou sua aparência.

Ferramenta Retângulo Arredondado

Vamos dar uma olhada na segunda ferramenta do grupo Shapes - Retângulo Arredondado(Ferramenta Retângulo Arredondado). Vou selecioná-lo na barra de ferramentas:

Selecione a ferramenta Retângulo arredondado

A ferramenta Retângulo arredondado é muito semelhante à ferramenta Retângulo, exceto que nos permite desenhar retângulos arredondados. Ajustamos o arredondamento dos cantos usando o parâmetro "Raio"(Raio) no painel de configurações. Quanto maior o valor do raio inserido, mais arredondados os cantos se tornam. O valor do raio deve ser definido antes de começar a desenhar a forma, no meu caso, irei inserir o valor do parâmetro "Raio", igual a 50 pixels:

Use a opção Raio para definir o grau de arredondamento dos cantos

Depois de definir o valor do raio, desenhar um retângulo arredondado é semelhante a desenhar um retângulo regular. Primeiro, clique na janela do documento para definir o ponto inicial da forma e, a seguir, mantenha o botão do mouse pressionado e arraste o cursor do mouse diagonalmente para terminar de desenhar a forma. Tal como acontece com a forma Retângulo, conforme você move o cursor, o programa irá desenhar um contorno fino da forma:

Arraste para desenhar um retângulo arredondado depois de inserir um valor de raio na Barra de Opções

Quando você solta o botão do mouse, o Photoshop termina de desenhar a forma e a preenche com a cor:

Ao soltar o botão do mouse, a forma será preenchida com cores.

Abaixo está outro retângulo com um raio de 150 pixels. Este valor é tão grande (para esta figura, em qualquer caso) que a esquerda e lado direito retângulos têm o formato de uma curva:

Quanto maior o valor do raio, mais arredondados serão os cantos.

E aqui está um retângulo com um pequeno valor de raio de 10 pixels, que apenas circunda ligeiramente os cantos da forma:

Valor de raio pequeno menos cantos arredondados

Infelizmente, antevisão não há grau de arredondamento de canto no Photoshop CS6. Podemos ver como os cantos são arredondados somente depois de desenharmos um retângulo. Além disso, não podemos alterar o valor do raio ao desenhar a forma, mas o Photoshop não nos permite voltar e alterar o valor do raio depois de desenhar a forma. Todas as alternativas acima significam que desenhar retângulos arredondados é essencialmente um processo de tentativa e erro.

Se você não gosta do arredondamento dos cantos do retângulo, depois de desenhá-lo, vá para a seção do menu "Editando"(Editar) na parte superior da tela e selecione Desfazer: Ferramenta Retângulo Arredondado(Desfazer ferramenta retângulo arredondado) (ou pressione o atalho de teclado Ctrl + Z (Win) / Command + Z (Mac)), como resultado do qual a forma será removida do documento. Em seguida, insira um novo valor para o raio na barra de opções e comece a desenhar o retângulo.

Escolha Editar> Desfazer: Ferramenta Retângulo Arredondado

Os mesmos atalhos de teclado que vimos quando aprendemos sobre a ferramenta Retângulo funcionam com a ferramenta Retângulo arredondado. Para desenhar um quadrado com cantos arredondados, comece a desenhar uma forma e pressione e segure Mudança. Solte a tecla Shift depois de soltar o botão do mouse.

Para desenhar uma forma a partir do centro em vez de um canto, comece a desenhar a forma e pressione e segure Alt (Win) / Opção (Mac). E, finalmente, pressionamentos de tecla compartilhados Mudança+ Alt (Vencer) / Mudança+ Opção (Mac) fará com que um quadrado seja desenhado do centro. As teclas devem ser liberadas somente após você liberar o botão do mouse.

Ferramenta elipse

Ferramenta "Elipse"(Ferramenta Elipse) nos permite desenhar elipses e círculos. Vou selecioná-lo na barra de ferramentas:

Selecionando a ferramenta Elipse

Assim como com as outras ferramentas que examinamos, clique na janela do documento para definir o ponto inicial da forma e, a seguir, mantenha pressionado o botão do mouse e arraste o cursor do mouse diagonalmente para terminar de desenhar a forma:

Desenhe uma elipse com a ferramenta Elipse

Solte o botão do mouse para terminar de desenhar a forma e preencha com a cor:

A forma é preenchida com cores.

Para desenhar um círculo perfeitamente reto usando a ferramenta Elipse, comece a arrastar e pressione e segure Mudança... Para desenhar uma elipse do centro, pressione e segure Alt (Vencer) / Opção (Mac) depois de começar a desenhar. Manter as teclas pressionadas ao mesmo tempo Mudança+ Alt (Vencer) / Mudança+ Opção(Mac) permitirá que você desenhe um círculo do centro. E como sempre, solte as teclas somente depois de soltar o botão do mouse:

Círculo desenhado com a ferramenta Elipse

Ferramenta polígono

Ferramenta "Polígono" A (Polygon Tool) é mais interessante para nós em termos das possibilidades de desenhar formas. Vou selecioná-lo na barra de ferramentas:

Selecionando a ferramenta Polígono

Enquanto com a ferramenta Retângulo só podemos desenhar retângulos quadriláteros, a ferramenta Polígono nos permite desenhar polígonos com quantos lados quisermos. A seguir, veremos como você pode até desenhar estrelas com essa ferramenta! Para desenhar uma forma usando a ferramenta Polígono, primeiro insira o número de lados que deseja na caixa de parâmetro "Festas"(Lados) no painel de configurações. Você pode inserir qualquer número entre 3 e 100. Por padrão, o número de lados é 5 e vou deixar assim:

Insira o número de lados na caixa de parâmetro "Lados"

Depois de especificar o número de lados, posicione o cursor na janela do documento e comece a arrastá-lo para fora para desenhar uma forma poligonal. O Photoshop sempre desenha formas poligonais a partir do centro, então você não precisa manter pressionado Alt (Win) / Option (Mac). Pressionando e segurando uma tecla Mudança depois de começar a desenhar o polígono, isso permitirá que você limite o número de cantos de sua forma e coloque-o na tela exatamente como deseja:

Forma de 5 lados desenhada com a ferramenta Polígono

Ao especificar o número de lados como 3, podemos facilmente desenhar um triângulo:

Triângulo simples desenhado com a ferramenta Polígono

Abaixo está um polígono com 12 lados. Assim como com a opção Raio da ferramenta Retângulo Arredondado, não podemos alterar o número de lados após desenhar a forma, portanto, se você cometer um erro, deverá ir para a seção do menu "Editando"(Editar) na parte superior da tela e selecione Desfazer: Ferramenta Polígono(Ferramenta Desfazer Polígono) (ou pressione Ctrl + Z (Win) / Command + Z (Mac)) e, a seguir, insira um valor diferente na caixa "Lados" e redesenhe a forma:

Polígono com doze lados

Desenhar estrelas com a ferramenta Polígono

Para desenhar uma estrela usando a ferramenta Polígono, clique no ícone de engrenagem no painel de configurações e selecione a opção "Estrela"(Estrela):

Clique no ícone de engrenagem e selecione o parâmetro "Estrela"

Em seguida, clique na janela do documento e arraste o cursor para desenhar uma estrela. Parâmetro "Festas"(Lados) no painel de configurações determina o número de vértices da estrela, portanto, se o valor padrão do parâmetro for cinco, obteremos uma estrela de cinco pontas:

Estrela de cinco pontas desenhada com a ferramenta Polígono

Alterando o parâmetro Sides para 8, obtemos uma estrela de oito pontas:

Defina o número de vértices da estrela usando o parâmetro Sides

Podemos desenhar uma forma que se parece com uma estrela explodindo, aumentando a nitidez dos raios da estrela usando o parâmetro "A profundidade dos raios"(Recuar os lados por). Por padrão, o valor deste parâmetro é 50%, aumentarei o valor para 90%. Também aumentarei o número de vértices da estrela para 16:

Desenhe uma forma que se pareça com uma estrela explodindo aumentando o valor de Profundidade dos raios

E aqui está o número que obtive:

Estrela em explosão desenhada com a ferramenta Polígono

Por padrão, os vértices das estrelas têm cantos agudos, mas podemos arredondá-los selecionando a opção Cantos externos suaves(Cantos lisos):

Selecionando a opção Suavizar cantos externos

Abaixo está uma estrela de cinco pontas com a opção Smooth Outer Corners selecionada:

Cantos externos suaves suavizam a angularidade das estrelas

Também podemos arredondar os cantos da base dos raios da estrela selecionando a opção Cantos internos lisos(Recuos suaves):

Selecionando a opção Smooth Inner Corners

Novamente, nossa estrela parece completamente diferente:

Uma estrela desenhada com cantos internos suaves selecionados

Ferramenta de linha

A última das principais ferramentas do grupo Shapes é a ferramenta "Linha"(Ferramenta Linha). Vou selecioná-lo na barra de ferramentas:

Selecionando a ferramenta Linha

Esta ferramenta nos permite desenhar linhas retas simples, mas também podemos desenhar setas com ela. Para desenhar uma linha reta, primeiro defina a largura da linha inserindo um valor (em pixels) na caixa de parâmetro "Espessura"(Peso) no painel de configurações. Por padrão, a espessura é de 1 pixel, vou aumentá-la para 16 pixels:

O parâmetro "Espessura" é responsável pela espessura (ou largura) da linha

Em segundo lugar, assim como com as outras ferramentas do grupo Formas, clique na janela do documento e arraste o cursor para desenhar uma linha. Para facilitar o desenho de uma linha horizontal ou vertical, pressione e segure o Mudança, depois de começar a desenhar a linha, solte o botão do mouse e por último a tecla Shift:

Mantenha pressionada a tecla Shift para desenhar linhas horizontais ou verticais

Desenhe setas de direção

Para desenhar setas, clique no ícone de engrenagem no painel de configurações para abrir as opções "Setas; flechas"(Pontas de seta). Escolha onde deseja adicionar setas: no início da linha, no final ou em ambas as extremidades simultaneamente (se quiser que a seta aponte na mesma direção em que traçou a linha, selecione a opção "No fim"(Fim)):

Clique no ícone de engrenagem para acessar as opções de setas.

Abaixo está uma linha semelhante à anterior, exceto que há um ícone de seta no final:

Fácil de desenhar setas-guia com a ferramenta Linha

Se o tamanho padrão da seta não for adequado para você, você pode alterá-lo usando as opções "Largura"(Largura) e "Comprimento"(Comprimento). Também podemos adicionar uma curva à seta usando o parâmetro "Curvatura"(Concavidade). Por padrão, o valor deste parâmetro é 0%, mas irei aumentá-lo para 50%:

Mude a forma da seta aumentando o valor do parâmetro "Curvatura"

E é assim que a flecha se parece agora. Certifique-se de selecionar o valor para as opções da ferramenta Linha antes de começar a desenhar a linha, pois você não pode alterá-las enquanto estiver desenhando. Se quiser fazer alterações, você terá que excluir a forma e redesenhar:

Flecha com um valor de Curvatura de 50%

Esconder um contorno em torno de uma forma

Sempre que desenhamos uma forma neste tutorial, o programa exibia seu contorno fino. Quando liberamos o botão do mouse, o programa terminou de desenhar a forma e a preencheu com a cor. O problema é que, se você olhar atentamente para a forma que desenhou, provavelmente verá um contorno fino ao redor dela que não foi a lugar nenhum. V &

Resultado final

Como você sabe, as ilustrações vetoriais são atualmente muito populares em gráficos da web. Os designers profissionais podem criar essas ilustrações em questão de horas. Quer você seja um iniciante ou um amador, as aulas de gráficos na web certamente serão extremamente úteis para você. O objetivo desta lição é lançar alguma luz sobre o processo de criação da imagem selecionada. Vou demonstrar todo o processo passo a passo e explicar todas as etapas usando meus comentários.

Para criar uma imagem realmente legal, você deve escolher o programa desejado e siga certas regras. Se você quiser desenhar uma ilustração vetorial, deve ter em mente que editores são usados ​​para isso, como Ilustrador da Adobe ou Corel Draw... Contudo, Photoshop tem fundos suficientes para desenvolver ilustrações vetoriais. Vou mostrar isso claramente em minha lição sobre como traduzir um desenho em um vetor. Escolhi o esboço de um gato como base para a ilustração. Decidi retratar um gato azul com flores rosa nas patas.

Passo 1

Vamos começar criando o plano de fundo. Desenhe a forma usando a ferramenta Seleção () (no Camadas de forma(Forma da camada)). Configurações - (Opacidade de preenchimento) = 0% ... Agora use uma sobreposição de gradiente: ((Estilo de camada - Sobreposição de gradiente)) para preencher a forma criada. Todas as configurações são padrão, você só precisa alterar o ângulo (irei especificar o grau) e o gradiente. Adicionar Golpe(Stroke) ((Layer Style - Stroke)). Usamos todas as configurações padrão, exceto para a largura em 1 px e cores.