sábado, 27 de maio de 2023

Como Girar Pincéis no Photoshop


Como Girar Pincéis no Photoshop


No Photoshop, os pincéis são uma ferramenta muito útil que nos permite fazer coisas incríveis. Com eles, podemos adicionar efeitos legais, texturas e até mesmo elementos como asas de fada ou brilhos às nossas fotos. No entanto, nem sempre queremos que o pincel fique na posição reta, certo? Neste tutorial, vou mostrar o caminho oficial e também um atalho prático para girar os pincéis no Photoshop. Continue lendo até o final!


Observação: As capturas de tela abaixo foram feitas na versão 24.2.0 do Photoshop para Mac. Se você estiver usando uma versão diferente, elas podem parecer um pouco diferentes.



Passo 1: Selecionando a ferramenta pincel


Para começar, abra o Photoshop e escolha a ferramenta pincel. Você pode encontrá-la na barra de ferramentas, geralmente representada por um ícone de pincel. Clique nele para selecionar a ferramenta.




Passo 2: Ajustando as configurações do pincel


Antes de girar o pincel, é importante ajustar suas configurações. Na parte superior da tela, você verá a barra de opções do pincel. Clique nela para expandir as opções disponíveis. Aqui, você pode definir o tamanho, a dureza e outros atributos do pincel de acordo com suas preferências.



Observação: dependendo do layout da sua área de trabalho, esse painel pode não aparecer ou o ícone de configurações do pincel pode não aparecer nele. Por exemplo, ele aparece no espaço de trabalho padrão do Photoshop Essentials, mas não no layout de Fotografia.




Passo 3: Girando o pincel

Agora, vamos girar o pincel. Para fazer isso, vá até a janela de configurações do pincel. Ela geralmente fica na parte superior direita da tela, mas pode variar dependendo da versão do Photoshop que você está usando. Clique na guia "Forma" ou "Shape" para acessar as opções de forma do pincel.



Pegue a seta e arraste o mouse para cima, para baixo ou ao redor para girar o pincel como quiser. 

Dentro das opções de forma do pincel, você verá um controle deslizante chamado "Rotação". Arraste esse controle deslizante para a esquerda ou para a direita para girar o pincel na direção desejada. Você também pode inserir um valor específico no campo de texto ao lado do controle deslizante, se preferir.



Passo 4: Experimentando diferentes ângulos


Agora que você aprendeu a girar o pincel, experimente diferentes ângulos e veja como isso afeta o resultado. Pinte em uma nova camada ou em uma foto para testar e explorar as possibilidades.


ATALHO PARA GIRAR O PINCEL


Se você deseja girar o pincel de forma rápida e fácil, há um atalho útil no Photoshop. Continue lendo para descobrir!


Passo 1: Selecionando o pincel


Primeiro, certifique-se de que a ferramenta pincel esteja selecionada no Photoshop. Você pode encontrá-la na barra de ferramentas, geralmente representada por um ícone de pincel. Clique nele para selecionar a ferramenta.


Passo 2: Girando o pincel com atalhos de teclado


Observação: No Photoshop para Windows é necessário utilizar a tecla Shift na versão do Mac já não há a necessidade.


Agora, vamos utilizar um atalho de teclado para girar o pincel. Com o pincel selecionado, pressione e segure a tecla Shift do seu teclado. Em seguida, use as teclas de seta para a esquerda ou para a direita. A tecla de seta esquerda gira o pincel para a esquerda, enquanto a tecla de seta direita o gira para a direita.


Passo 3: Rotação precisa e acelerada

Ao pressionar as teclas de seta, você notará que a rotação é feita em incrementos de 1 grau por vez. Isso é útil quando você precisa de ângulos precisos. No entanto, pode ser cansativo se você quiser girar o pincel 45 graus para a esquerda, por exemplo.


Para acelerar a rotação, segure a tecla Shift enquanto pressiona a tecla de seta. Dessa forma, o pincel saltará 15 graus a cada pressionamento da tecla de seta. Isso torna o processo muito mais rápido e fácil!


Parabéns! Agora você sabe como girar pincéis no Photoshop. Essa habilidade permite que você tenha mais liberdade e criatividade ao usar pincéis em suas criações. Lembre-se de ajustar as configurações do pincel e experimentar diferentes ângulos para obter os efeitos desejados. Divirta-se explorando essa ferramenta poderosa! 


Se precisar de apoio, deixe uma mensagem aqui nos comentários ou no Linkedin:  

Brushes - os pincéis do Photoshop


Descubra o mundo dos pincéis no Photoshop e eleve suas criações para um novo nível. Neste artigo, vamos explorar a versatilidade dos brushes, suas aplicações e como utilizá-los de maneira criativa em seus projetos.

Para usuários do Photoshop, o download de pincéis gratuitos e a criação de seus próprios pincéis personalizados podem ajudá-lo rapidamente a obter resultados mais efetivos e melhorar a produtividade e a eficiência ao mesmo tempo. Existem opções essencialmente ilimitadas ao trabalhar com pincéis, por isso é uma habilidade que sempre pode ser desenvolvida.

Independentemente do seu nível de habilidade ao trabalhar com pincéis, você deve encontrar alguns tutoriais aqui para você. Alguns cobrem os usos básicos e a funcionalidade dos pincéis, outros ensinam várias maneiras de criar seus próprios pincéis personalizados e outros o ajudam a desenvolver suas habilidades usando-os como parte integrante de um design. 

Se você não estiver familiarizado com os pincéis do Photoshop ou onde obtê-los, o Brusheezy possui milhares de pincéis gratuitos do Photoshop para baixar e brincar.

Rotating Brushes

Uma maneira simples de girar qualquer pincel para atender às suas necessidades.


Pegue a seta e arraste o mouse para cima, para baixo ou ao redor para girar o pincel como quiser.



Gerenciando seus pincéis e bibliotecas de pincéis no Photoshop

Depois de baixar e criar vários pincéis, gerenciar e organizá-los se tornará mais importante.


Faça o download desses perfeitos pincéis gratuitos de Photoshop para economizar tempo e adicionar um toque à sua edição de fotos ou ao seu trabalho de design.


Confira alguns links para baixar seus brushes:

https://www.brushlovers.com/


Aprenda a criar e personalizar seus próprios pincéis, aproveitando ao máximo essa poderosa ferramenta. Prepare-se para dar vida às suas ideias com a magia dos brushes no Photoshop! 

Vamos a próxima aula?



terça-feira, 1 de novembro de 2022

DESIGN COM PHOTOSHOP - CRIANDO UMA ESFERA

Talvez seja mais fácil perguntar o que NÃO é possível fazer com o Photoshop. Alguns exemplos de utilização são: Corrigir fotos obtidas com sua máquina digital ou com seu scanner; Criar anúncios publicitários, imagens profissionais e outras peças gráficas; Fazer montagens engraçadas com seus amigos e parentes; Desenvolver sites para internet (este site foi concebido no Photoshop!); Criar imagens para utilização em blogs, fotologs, e-mail, etc; e tudo que sua imaginação permitir!
Vamos trabalhar um efeito de muito impacto e bem simples, que será uma esfera.
Bem vou tentar colocar aqui nas linguagens em portugues e pra quem tem o CS3 em inglês, mas não perca muito tempo, ou vc instala logo o CS4 que é em português ou acho que você não leu minha ultima postagem de como traduzir o CS3 né. Mas vamos lá, é facil, siga os passos:

- File/ New (arquivo/novo) crie um arquivo em pixels na medida de 300x300, bem essa medida pode ser de acordo com o tamanho desejado, certifique-se que a cor de fundo será o preto.

- Filter / Render / Lens Flare... (Filtro / Acabamento / Reflexo Flash) neste ponto você apenas irá selecionar a opção do Brilho (Brigthness) e 105% e a lente (lens type) em 105mm
Estamos indo bem, vamos continuar...
- Filter / Distort / Polar coordinates... (Filtro / Distorção / Coordenadas Polares) neste ponto ao abrir as opções defina: Polar to Rectangular (Polar para Retangular)
Vamos agora girar a tela
- Image / Rotate Canvas / Flip Canvas Vertical (Imagem / Rotacionar tela de pintura / Flip vertical)
-Filter / Distort / Polar coordinates... (Filtro / Distorção / Coordenadas Polares) neste ponto vamos inverter selecione a opção: Rectangular to Polar (Retangular para Polar)

- Com a ferramenta Elliptical Marquee Tool (Ferramenta de Seleção Eliptica), selecione o objeto, a observação que faço é que você mantenha a tecla shift pressionada enquanto seleciona, mantendo assim um circulo perfeito.

No menu Select / inverse (Selecionar / Inverter) após isso pressione a tecla Delete. Pressione CRTL + D (para tirar a seleção feita)

Podemos dizer que está pronto, mas porque não dar uma vida nessa esfera.

-Image / Adjustments / Color Balance (Imagem / Ajuste / Color Balance), defina a cor de sua preferencia. Bem, ai está, agora com alguns efeitos de sombra, brilho e reflexo você pode incrementar seu trabalho. Boa sorte e acompanhe as próximas aulas.

sábado, 22 de agosto de 2020

Como criar SVG a partir de PNG ou JPG no Photoshop

 

Alguns anos atrás, a Adobe decidiu adicionar o recurso “Exportar como SVG” ao Photoshop. O que significa que agora você pode exportar imagens SVG diretamente do Photoshop sem a necessidade do Illustrator. Neste tutorial, mostraremos como transformar imagens PNG ou JPG em SVG com o Photoshop. Vamos dar uma olhada!

A partir da versão 2015 da Photoshop CC, é possível exportar pranchetas, camadas, grupos de camadas ou documentos, como imagens JPEG, GIF, PNG, PNG-8 ou SVG. Selecione os itens no painel Camadas, clique com o botão direito do mouse na seleção e selecione Exportação rápida ou Exportar como no menu de contexto.

Vetor Raster VS SVG

Vetor Raster vs SVG ou Scalable Vector Graphic é, como o nome diz, um gráfico vetorial . Outros formatos como PNG, GIF, JPG, BMP são gráficos raster  . A principal diferença entre esses dois é que os vetores são compostos de caminhos que os tornam escaláveis, enquanto os rasters são compostos de dados de pixels rígidos, portanto, incapazes de escalar. (Quando redimensionamos a imagem raster, simplesmente extrapolamos os dados de pixel atuais que temos. O vetor, por outro lado, recalcula o caminho no tamanho de destino)

Mas este artigo não é sobre como criar SVG a partir de PNG? Bem, depende da imagem. Claro, não podemos criar um SVG a partir de imagens fotográficas ou detalhadas. Mas para imagens simples com baixa complexidade de cor e forma, como desenho animado, ícone ou design plano como a imagem sorridente abaixo, são possíveis.

Precisaremos criar os caminhos da imagem, preenchê-los com cores e convertê-los em forma antes de exportá-los como SVG.

Vamos começar!

1) Abra a imagem no Photoshop e use a ferramenta de seleção “Varinha Mágica” para selecionar todas as áreas pretas (saiba mais sobre seleções)

2) Uma vez selecionado, selecione a Ferramenta “Seleção de Objeto”

3) Clique com o botão direito e selecione “ Criar Demarcador de Trabalho… ” 

4) Em seguida, no menu Camada, clique em “ Nova camada de preenchimento ” e “ Cor sólida… ”

5) Selecione a cor preta

6) Agora você obterá uma nova camada com a área preta. Mas é uma camada de forma que é vetorial.

7) Repita o mesmo processo com a área laranja do cachorro. Você terá que fazer isso para cada cor em sua imagem

8) Assim que tiver a camada de forma para cada cor, desative a camada da imagem original.

9) Selecione Arquivo> Exportar> Exportar como …

10) No menu suspenso superior direito, selecione SVG como Formato. Em seguida, verifique a imagem de visualização se tudo está OK e clique em Exportar.

E é isso! Agora você terá a versão SVG de sua imagem PNG, que é escalonável e tem um tamanho de arquivo muito menor.

Até a próxima.

quarta-feira, 15 de abril de 2020

Qual a diferença entre Photoshop e Illustrator?


Aprender design gráfico é uma longa e divertida caminhada, aprendizagem constante e tendências que vão e vem. Se está a dar os primeiros cliques no mundo do design, já se deve ter interrogado porque existem vários programas da Adobe dedicados à manipulação gráfica – Photoshop e Illustrator, já para não falar do Indesign e até Corel Draw.

Isto acontece porque cada um deles tem propósitos diferentes. E você pergunta, “design não é tudo a mesma coisa?”.
Posso dizer a você com toda a certeza, não necessariamente. Mas não se preocupe, vamos explicamos a seguir.
Já trabalho já a muito tempo com estas ferramentas, e uma coisa que aprendi é que praticamente tudo que eu conseguia fazer com o Illustrator eu conseguiria fazer no Photoshop.
Pelo menos na minha área de web design nunca tive problemas com eles, sempre trabalhei com eles em conjunto, a diferença existe entre eles e vou mostrar para você agora!
A principal diferença entre o Photoshop e Illustrator, é a forma como as imagens são interpretadas pelo software. Enquanto o Illustrator se destina ao desenho vectorial, o Photoshop foi criado para manipular píxeis de imagens ou seja um trabalha com vetores (Illustrator) e o outro com Matriz (Photoshop), veja como funciona cada funcionalidade:

Explicando de um jeito muito simples, vetorizar é uma forma de transformar os pixels de uma imagem em curvas, linhas e pontos, com a possibilidade de modificar seus elementos separadamente (editar, rotacionar, mover, recolorir, entre outras mudanças).
Assim, é válido dizer que uma imagem vetorizada é diferente de outra em formato .PNG ou .JPEG, por exemplo, sobretudo pelo fato de ela se manter bem fiel à qualidade da sua resolução no momento em que for ampliada. As imagens .PNG ou .JPEG, por outro lado, costumam perder a qualidade quando são ampliadas, mostrando seus pixels.
Para dar um exemplo prático, se a gente tenta imprimir um banner de 3 metros com .JPG, que tenha medidas 500px por 500px, com certeza, essa imagem terá sua qualidade comprometida. No entanto, se utilizarmos uma imagem vetorizada neste mesmo banner, ela terá sua qualidade completamente preservada.

Resumindo:

 Vetor (Illustrator)

Quando você cria uma arte no Illustrator ela pode aumentar e diminuir de tamanho sem perder a qualidade, ex: Você pode criar um banner para a web de 1024×90 pixels aparentemente ele é pequeno, porém seu banner é vetorizado você pode aumentar este banner para ser impresso em uma lona de mais de 10 metros e por ai vai! Basicamente esta é a principal funcionalidade do Illustrator.

Matriz (Photoshop)
Diferente do Illustrator uma arte feita em matriz não pode alterar o seu tamanho, usando novamente a situação hipotética descrita anteriormente, se caso o banner fosse feito no Photoshop ele não poderia ficar maior, porque não, ele perderia a qualidade. Simples!

Na imagem abaixo ilustro esta definição com base no meu logotipo. Ao aumentarmos a imagem em Photoshop(coluna da direita), é nítida a pixelização da imagem. Quanto maior o aumento da imagem, mais evidente se torna.
Por outro lado, aplicando esse mesmo aumento num ficheiro vectorial, no Illustrator, a imagem mantém sempre bem definida a sua forma.



Podemos fazer as mesmas coisas com os dois?


Sim, porém cada um tem suas finalidades, o Photoshop por si só é direcionado para criar, editar e tratar imagens, já o Illustrator é melhor utilizar para criar artes para impressão e elementos que sempre precisarão de diminuir e aumentar constantemente como um logotipo.
Apesar do Illustrator ser bastante popular, o Photoshop é o mais indicados para edição de fotografias. Com ele é possível remover desde a celulite que incomodam as modelos, remover manchas à criação de efeitos surrealistas.
Não existe uma ferramenta que deva escolher em detrimento de outra. Deve tirar proveito das capacidades de cada uma para o trabalho em questão.

Conhecer bem esses softwares vai garantir que você escolha a melhor ferramenta para a tarefa. Muitos designers terão preferência por um deles, seja em termos de usabilidade ou estética. Mas, o mais importante é que você se responsabiliza, como designer, por conhecer ambos os programas saber o que pode fazer com cada. 

Se sua experiência for diferente, compartilhe suas opiniões nos comentários!

terça-feira, 15 de julho de 2014

Curso Photoshop CS6 - Aula 8 - Seleções

SELEÇÕES

Se você deseja editar uma parte de uma imagem sem medo de que poderia danificar acidentalmente outra parte, é necessário primeiro selecioná-la.
Para selecionar uma parte de uma imagem em um programa de pintura, você a envolve com um contorno de seleção ou uma marca de seleção, o que diz ao Photoshop onde aplicar suas instruções de edição. O contorno de seleção aparece como um padrão de movimento de marcas de linhas tracejadas.

Seleção retangular

De grande importância para os programas de pintura, essa ferramenta permite que você     selecione partes retangulares ou quadradas de uma imagem.

Ao selecionar a ferramenta, na barra de propriedades temos:


Botão de seleção da ferramenta, ao lado temos os botões de manipulação de nossa seleção. O que está selecionado é o botão natural, onde, ao se fazer uma seleção e soltar o mouse e clicar novamente ele descarta a seleção anterior e inicia uma nova, o segundo botão permite somar uma nova seleção a que já está feita, esse comando pode ser substituído pela tecla SHIFT pressionada. O terceiro permite subtrair a seleção com a nova seleção, pode ser substituído pela tecla ALT, o último botão desse grupo permite fazer a intersecção das seleções, pode ser substituído pelas teclas SHIFT+ALT.

Podemos definir um enevoamento de nossa seleção através do comando Feather. Em style podemos definir valores para nossa seleção. Fixed Ratio fará sempre que a seleção possa ser escalar, mas respeitando os valores ali descritos, e Fixed Size, fará com a seleção seja feita pelos valores ali digitados.

 Eliptical Marquee



A ferramenta Eliptical Marquee funciona como a Retangular Marquee, exceto pelo fato de que ela seleciona partes elípticas ou circulares da imagem.

Quando precisar selecionar um objeto circular perfeito, não oval, posicione a seleção ao centro da imagem e faça a seleção com as teclas SHIFT+ALT pressionadas, isso quando ainda não houver nenhuma seleção, caso contrário, ele fará a intersecção das seleções.

Grupos de Ferramenta Laço

A primeira ferramenta do grupo da ferramenta Laço é laço livre, embora você possa utilizar essa ferramenta par selecionar qualquer área, é necessário uma precisão muito grande na seleção, então ela é mais utilizada para seleções livres.
 

A segunda ferramenta laço é laço poligonal, ele permite a seleção em ângulos retos.
 

O laço magnético que é a terceira ferramenta de seleção do grupo Laço permite criar seleções de acordo com os pixels de sua imagem. Conforme se vai arrastando ou mouse ele vai criando pontos. Você pode acrescentar pontos clicando, e pode voltar pontos usando a tecla BACKSPACE de seu teclado.
 

Ferramenta Varinha Mágica

A primeira das ferramentas é a Quick Select Tool, que permite selecionar os objetos da seguinte forma. Clique em uma parte de sua imagem mantenha pressionado e continue arrastando, em áreas como a imagem com grande destaque de cores, fica fácil de fazer a seleção:
 

A segunda ferramenta é a varinha mágica, ela verifica o pixel e captura todos os pixels semelhantes e ligados a área clicada. Você pode configurar a tolerância da ferramenta através da barra de propriedades. Ela é muito útil a da ferramenta através da barra de propriedades. Ela é muito útil a tolerância da ferramenta através da barra de propriedades. Ela é muito útil a selecionar áreas que tenham destaque em relação ao fundo da imagem.
 

Em qualquer uma das formas de seleção vistas, como as que ainda serão ensinadas, podem ser descartadas, pressionando CTRL+D.

Menu Select

Podemos também manipular as seleções em nossa imagem através desse menu. As opções são:

•    All - Seleciona toda a imagem.
•    Deselect - Desfaz qualquer seleção criada, pode ser substituído pelo CTRL+D.
•    Reselect - Retorna a última seleção feita.
•    Inverse - Inverte a seleção atual.
•    All Layers - Seleciona todas as Layers (camadas).
•    Deselect Layers - Descarta a seleção de todas as Layers (camadas).
•    Similar Layers - Seleciona Layers (camadas) similares.
•    Color Range - Permite selecionar em sua imagem a partir de pixel sem uma seleção já existente ou através de toda a imagem.

Feather

Permite fazer um enevoamento na imagem, baseado pela seleção feita.
Abra uma imagem, faça, por exemplo, uma seleção retangular em sua imagem.
 

Clique no menu Select, Modify, Feather
 
Defina o valor do enevoamento e clique em OK

Se você pressionar DELETE, ele apaga o que está selecionado, mantendo o enevoamento.
 

Porém vamos fazer com que ele enevoe em volta da seleção e deixe a imagem com fundo transparente.
Pressione CTRL+Z para voltar à seleção.
Clique no Menu Select Inverse.
Observe agora na paleta de Layers que na Layer da imagem aparece um cadeado.
 

Isso significa que o background da imagem está bloqueado. Para desbloquear o background, dê um duplo clique na layer.
 

Pressione OK e veja que agora a imagem está desbloqueada.

Pressione DELETE.
 

Sobre as demais opções do Menu Select, Modify:
  • Border - Acrescenta uma borda em sua seleção.
  • Smooth - Suaviza a seleção.
  • Expand - Aumenta a sua seleção.
  • Contract - Diminui a sua seleção.
As demais opções do menu select são:
  • Grow - Seleciona os pixel vizinhos de uma seleção existente e tem cores semelhantes às incluídas na seleção, de acordo com o valor de tolerância.
  • Similar - Funciona de maneira similar a opção Grow exceto que os pixels não precisam ser adjacentes, quando acionado o comando, ele seleciona qualquer pixel que esteja dentro da faixa de tolerância, independente do local do pixel na imagem de primeiro plano.
  • Transform Selection - Permite alterar a forma de sua seleção através da barra de propriedades.
 
 
 Através do Menu Edit, Transform, podemos também modificar a forma de nossa seleção, inclusive adicionando Perspectiva.

Ainda nas barras de propriedades no final da barra temos o botão de WARP, ele permite trabalhar a seleção como se fosse um envelope.

Com isso encerramos mais um assunto próxima aula faremos 2 atividades.

até lá.