Thursday, September 26, 2019

Conhecendo melhor as ferramentas de seleção do Photoshop

A principal prova de que não somos a nossa audiência foi uma enquete que realizei no Instagram há algumas semanas. Nela levantei questões em relação ao meu conteúdo, e para quem me conhece no Instagram, sabe que meu foco é em Illustrator e ensinar grids.

Mas nessa enquete, percebi que grande parte do meu público (mais que a metade) queria aprender Photoshop. Ela foi a primeira ferramenta da Adobe que tive contato em 2013, então, resolvi apostar em tutoriais dela também, e para iniciar, vamos falar sobre o passo zero, as ferramentas de seleção.

Ferramentas de seleção

Para simplificar o nosso aprendizado, vou separar as ferramentas de seleção em grupos. Você perceberá que o próprio Photoshop faz a separação em grupos com ferramentas similares, mas talvez não fique tão claro sem os separadores.

Quando clicamos na customização da barra de ferramentas, fica mais claro esse agrupamento que falei, o que também nos ajuda a encontrar ferramentas com determinado fim a partir do que existe nas proximidades.

Os três grupos que falarei para trabalharmos com seleção no Photoshop são: marquee tool, lasso tool e ferramentas de seleção rápida. Cada uma delas têm suas peculiaridades, e cada projeto vai demandar algo que uma ferramenta vai se destacar.

1- Marquee

O grupo marquee possui quatro opções de ferramentas, separados em rectangular, elliptical, single row e single column. Vamos falar das duas primeiras.

O uso da rectangular e elliptical é bem simples, são as formas geométricas, retângulo e elipse, que marcam a seleção. Mas também existem atalhos que visam melhorar o nosso fluxo de trabalho.

Os atalhos principais têm a ver com transformação e movimentação da seleção. Com a tecla de atalho shift, você trava as dimensões da forma em um quadrado e círculo perfeito. Caso você queira fazer a forma a partir do centro, use a tecla alt enquanto desenha a seleção.

E os atalhos podem ser concatenados. Use shift+alt para que a forma seja feita a partir do centro e mantenha as proporções. Se você quiser mudar a localização da forma enquanto desenha, use a tecla espaço para movimentar.

Depois de pronta, isto é, quando você solta o clique do mouse, ainda dá para editar. Com qualquer ferramenta de seleção ativa, basta você clicar e arrastar para mover a seleção. Caso faça esse processo com a Move tool ativa, ela recorta a camada selecionada no formato da seleção e movimenta a área cortada.

2- Lasso

As dicas que falei acima podem ser aplicadas em uma variada série de ferramentas, foque no seu objetivo. Todos os atalhos que citei servem para melhorar o fluxo de trabalho com o Photoshop. E aqui na Lasso tool, vou explicar outra série de atalhos que serão úteis em vários outros momentos do Photoshop.

Na Lasso tool, encontramos 3 ferramentas: lasso, polygonal e magnetic. Eu posso resumir essas três ferramentas em: mão livre, geométrico e automático. Isto é, a maneira como cada ferramenta faz a seleção é diferente, e como disse anteriormente, depende muito da sua necessidade, por isso é importante conhecer os diversos meios de selecionar.

A seleção livre é simples de entender, com o clique do mouse segurado, você pode definir onde quer a seleção, e esse processo pode ser somado, subtraído ou interseccionado. Caso a primeira seleção não seja ideal, você pode editá-la, somando (shift), subtraindo (alt) e interseccionando (shift+alt) partes. Esse atalho serve para qualquer ferramenta de seleção, e para entender melhor sobre o uso, o ideal mesmo é praticar.

A polygonal funciona com base em cliques sequenciais, isto é, você gera polígonos com os cliques, que são os pontos, e o Photoshop conecta eles com linhas. Esse tipo de seleção é muito adequada para formas poligonais.

E por fim, a seleção magnética, que eu falei ser automática. Com ela você realiza apenas um clique e o Photoshop interpreta o contraste entre os pixels, fazendo assim a seleção de um modo bem facilitado.

3- Seleções rápidas

É preciso ter muito cuidado com as ferramentas de seleção rápida, pois elas são atraentes do ponto de vista da facilidade, mas sabotadoras do ponto de vista da qualidade. Sempre vamos querer fazer as coisas mais rápido e gastar menos tempo em etapas importantes, mas neste momento é preciso colocar na balança e se perguntar “quanto de qualidade estou abandonando para tornar isso mais rápido?”

Mas agora falando das ferramentas de seleção rápida, neste grupo temos a quick selection e a famosa varinha mágica. As duas são ferramentas incríveis e muito poderosas quando temos alto contraste entre fundo e imagem e também clara distinção dos pixels.

Enquanto na primeira ferramenta as coisas são resolvidas com clique+arrasta, a segunda é tentadora do ponto de vista de resolver a seleção com apenas um clique. Os atalhos que falei anteriormente se aplicam para esses dois casos.

Pen tool

E obviamente, vou falar da minha ferramenta favorita, e na minha opinião, a mais segura para seleção. Quando falamos de Illustrator, essa ferramenta se enquadra para a criação de vetores, mas aqui no Photoshop ela também cria caminhos para seleção.

A dinâmica de uso dela é a mesma de qualquer software de edição vetorial, os cliques definem os nós e o clique+arrasta, as curvas. A pen tool merece um artigo dedicado a ela, pois tem um nível de complexidade e uma série de exercícios que a torna independente.

Conclusão

Quando ensinava Photoshop, entendia que as ferramentas de seleção é o status zero do aprendizado. Antes de qualquer coisa, é essencial compreender as ferramentas de seleção, dado que a grande maioria dos efeitos depende da qualidade da seleção.

Uma boa seleção é naturalmente o diferencial entre um efeito bom e ruim, e nos próximos artigos pretendo trazer alguns efeitos, e se praticou bem todas as ferramentas que falei acima, vai arrasar nas próximas.

O post Conhecendo melhor as ferramentas de seleção do Photoshop apareceu primeiro em Designerd.

Conhecendo melhor as ferramentas de seleção do Photoshop publicado primeiro em: https://www.designerd.com.br/

Wednesday, September 25, 2019

Personagens de Tom Hanks em diversos filmes ilustrados por Anja Shu

Quando o assunto é cinema, qual seu ator favorito?

A ilustradora Anja Shu deixa claro qual é o dela: Tom Hanks.

E para homenagear o artista, ela ilustrou diversos personagens seus, em filmes famosos como Forrest Gump, O Terminal e O Náufrago.

Confira seu excelente trabalho:

Forrest Gump

O Terminal

À Espera de um Milagre

O Náufrago

Splash – Uma Sereia em Minha Vida

Quero Ser Grande

Prenda-me se For Capaz

Sully: O Herói do Rio Hudson

E você, qual seu filme preferido do Tom Hanks? Deixe seu comentário logo abaixo!

O post Personagens de Tom Hanks em diversos filmes ilustrados por Anja Shu apareceu primeiro em Designerd.

Personagens de Tom Hanks em diversos filmes ilustrados por Anja Shu publicado primeiro em: https://www.designerd.com.br/

Você sabe o que é Branding? Sabe qual é sua importância?

Branding ou Brand management é a gestão, a criação da marca de uma empresa, assim como seu nome, as imagens ou ideias a ela associadas, incluindo slogans, símbolos, logotipos e outros elementos de identidade visual que a representam ou aos seus produtos e serviços.

Branding também
pode referir-se ao próprio trabalho ou ao conjunto de práticas e técnicas de
construção e consolidação de uma marca no mercado. A construção
de uma marca forte para um produto, uma linha de produtos ou
de serviços é consequência de um relacionamento satisfatório com
o mercado-alvo. Quando esta identificação positiva se torna forte o
bastante, a marca passa a valer mais do que o próprio produto oferecido.

Esse tipo
de serviço é extremamente importante pois é a representação de uma marca de uma
empresa, um aplicativo, uma rede social, é a imagem que vai ficar na mente das
pessoas no momento que elas pensarem no nome da sua criação.

Construir
uma marca que consiga fama na indústria de design significa muito mais do que
apenas fazer uma imagem bem colorida e enfeitada. A estratégia da Marca deve ir
além da publicidade e da comunicação, diferenciando todos os pontos ao fazer
contato com o consumidor.

Os pontos
principais que devem estar presentes na marca, além de seu nome ou de alguma
sigla ou abreviação do mesmo, é o logo, em alguns casos uma frase tema, cores
bem decididas e posicionadas, formato que faça sentido de acordo com o tipo de
mercado na qual a marca será introduzida.

Existem
diversas logotipos até mesmo aqui no Brasil, mercados, lojas, empresas,
igrejas, escolas, parques de diversões, em locais para jogar loterias, cursos, clubes de xadrez e até mesmo sites como
este.

Os
logotipos são uma assinatura institucional, ou seja, são as representações
gráficas de uma marca. Por isso ela geralmente está presente nas peças gráficas
e digitais de uma empresa. Como toda a assinatura, o logotipo segue um padrão
visual que o torna reconhecido.

O termo (a palavra) pode ser usado como o conjunto formado pela representação gráfica do nome de determinada marca, em letras de traçado específico, fixo e característico (como siglas ou letras formando nomes ou até pequenas frases) e seu símbolo visual, o que pode ser entendido como a representação visual de qualquer marca.

Foto: Shutterstock.com

Criar
uma marca, por mais que possa parecer difícil, não é nenhum bicho de 7 cabeças;
confira como fazer uma em poucos passos:

  • Definição do nome: Defina o nome da sua marca, ou negócio.
  • Elaboração do conceito visual: Aqui é onde você trabalha com
    o design, onde você vai decidir como vai moldar a seu logotipo.
  • Criação do símbolo, signo ou ícone: Este passo geralmente é o
    mais complicado pois depende, em sua maioria, da particularidade e dos
    requisitos para montagem da marca.
  • Escolha da fonte: Escolha uma fonte para as letras da logo ou
    para a frase que a acompanha, caso tenha.
  • Composição: É importante estruturar bem a sua marca para que
    ela seja visualmente agradável ao público.
  • Cores: Selecione as cores, diversifique-as bem, mas procure
    não exagerar.

O post Você sabe o que é Branding? Sabe qual é sua importância? apareceu primeiro em Designers Brasileiros.

Você sabe o que é Branding? Sabe qual é sua importância? esse conteúdo apareceu primeiro em: https://designersbrasileiros.com.br/

Monday, September 23, 2019

Yahoo! apresenta seu novo logotipo após 6 anos desde o último redesign

O já não tão famoso assim Yahoo! parece estar em busca de novos ares ao apresentar recentemente seu novo logotipo, junto com uma identidade visual reformulada.

O último redesign da empresa aconteceu em 2013, onde foi bastante criticado pelo design em relevo, considerado já antiquado na época.

A empresa por trás da reformulação é o estúdio de design Pentagram, que explica que a atualização de sua identidade visual captura a personalidade exuberante da marca e a reinventa para o futuro.

O logotipo é baseado na fonte Centra No. 2 Extrabold, onde as letras foram ligeiramente adaptadas para serem mais geométricas e compactas.

O “y” e o “!” do logotipo são definidos em um ângulo de 22,5 graus, uma inclinação para a frente que, segundo o estúdio, sugere uma sensação de impulso e excitação.

A estratégia faz parte da reinvenção da marca, que pretende ajudar os usuários a encontrar uma experiência online mais personalizada.

Confira mais detalhes sobre o logotipo na página de portfólio do estúdio Pentagram.

E aí, você acha que essa estratégia de branding pode ser um novo começo para a marca? Deixe seu comentário!

O post Yahoo! apresenta seu novo logotipo após 6 anos desde o último redesign apareceu primeiro em Designerd.

Yahoo! apresenta seu novo logotipo após 6 anos desde o último redesign publicado primeiro em: https://www.designerd.com.br/

Ela transforma fotografias engraçadas de gatos em divertidas ilustrações

Os gatos são seres enigmáticos, mas ao mesmo tempo rendem divertidas e curiosas fotografias, muitas vezes transformadas em memes.

A ilustradora Amelia Rizky sabe muito bem aproveitar o efeito viral que os gatos tem ao transformar essas engraçadas fotografias em criativas ilustrações em aquarela.

Seu perfil no Instagram conta com muitos exemplos hilários.

Confira alguns:

O post Ela transforma fotografias engraçadas de gatos em divertidas ilustrações apareceu primeiro em Designerd.

Ela transforma fotografias engraçadas de gatos em divertidas ilustrações publicado primeiro em: https://www.designerd.com.br/

Saturday, September 21, 2019

5 dicas práticas para tirar fotos melhores e sem medo de errar

Já vimos várias dicas básicas para que você consiga tirar o melhor proveito da sua câmera ou celular e estamos chegando no momento em que falaremos um pouco mais sobre composição e outros conceitos essenciais para uma boa fotografia, independente do equipamento.

Mas antes disso, você precisa se sentir seguro o suficiente para criar e explorar suas ideias com a câmera.

Separei essas dicas para que você possa tirar as fotos do jeito que quiser, em diferentes locais, iluminações e equipamentos, sem medo de errar!

Ajuste primeiro o foco, depois a exposição e só depois o enquadramento

Essa sugestão de ordem é para facilitar que você capture todos os momentos sem medo de perder algo muito importante, principalmente quando estamos falando de fotos de natureza ou eventos sociais como um casamento, em que o momento perdido pode não voltar mais.

Claro que o enquadramento é super importante, mas estou sugerindo deixa-lo em terceiro lugar na preparação da câmera porque se você tiver que fazer um corte na imagem no Photoshop, isso é fácil. Arrumar uma exposição levemente desajustada também é possível, mas consertar algo desfocado é praticamente impossível. Por isso, foco no foco!

Balanço de branco poupa retrabalhos e perda de tempo

Como vimos no artigo anterior sobre fotografar em RAW, locais que tem uma grande variação de luz (entre luzes artificiais e natural) o balanço de branco fica meio maluco. Nas situações que a iluminação muda, nossos olhos costumam ter uma adaptação rápida, mas os sensores da câmera não tem a mesma velocidade de adaptação para ajustar o balanço de branco, comumente deixando as imagens azuladas ou amareladas, por exemplo.

Essa mudança é baseada na escala de Kelvin, aquela que mede a temperatura de cor das luzes (luzes quentes ou luzes frias). A câmera normalmente costuma fazer um bom trabalho com isso, por isso é comum deixarmos no automático, mas em situações que a câmera estiver um pouco atrapalhada, faça você mesmo o ajuste de balanço de branco.

A utilização dos cartões branco, cinza 18% e preto (cartões do exemplo acima) são ótimos para essas situações, para “batermos o branco” como popularmente é chamado, já que as cores neles não mentem e nem tem misturas, podendo usar para referência na hora de regular manualmente o balanço.

Lentes maiores normalmente exigem velocidades maiores de captura

Um detalhe que faz diferença, principalmente quando estiver com a câmera na mão (sem estabilizar em um tripé ou outro tipo de apoio), é o tamanho da lente.

Lentes maiores exigem um esforço maior para carregar e posicionar, principalmente pelo seu peso.

Por exemplo, se você estiver usando a tradicional cinquentinha (50mm), já consegue fazer fotos usando a velocidade de 1/50 ou 1/60 sem problemas, já que o peso total da câmera (corpo + lente) estará leve, diminuindo o esforço para ajeitar a foto. Diferente de lentes maiores, como lentes zoom, que podem precisar (mesmo que pouca coisa mais) de uma velocidade maior para manter a imagem nítida.

O problema aqui é a consequência desse ajuste da imagem, porque como vimos desde o primeiro artigo dessa série, quanto maior a velocidade, mais escura fica a imagem, precisando compensar na abertura ou ISO, mas lentes zoom tendem a ter uma abertura de 3.5 ou 4, também dificultando um pouco esse ajuste, sobrando só o ISO.

Mas não se preocupe e nem fique com pé atrás para utilizar lentes maiores, já que toda prática vai caminhando à perfeição e esse problema vai sendo amenizado ao se acostumar com o tamanho e peso dos seus equipamentos.

Tenha pelo menos um tripé portátil em mãos

Ter um tripé sempre fácil é essencial para determinadas fotos e para que você possa usar todo seu potencial criativo sem se preocupar com meras limitações técnicas da câmera.

Mesmo em viagens se sua ideia é tirar fotos de tudo quanto é jeito, um tripé portátil vai te ajudar muito. Existem modelos que cabem em qualquer mochila e não pesam muito na bagagem.

Ok, mas pra que você usaria um tripé em uma viagem? Para não ficar muito extenso aqui, vou deixar alguns exemplos em um próximo artigo 🙂

Flash não serve apenas para lugares escuros

Muita gente acha que só precisa de flash quando existe falta de luz, mas o flash tem uma grande utilidade em diversas situações até mesmo em ambientes externos, com iluminação natural.

Claro que é difícil competir com o sol, mas mesmo assim o flash pode auxiliar em um preenchimento mais amenizado da relação de luz e sombra, principalmente em rostos, quando as áreas escuras ficam muito fortes devido a posição do sol ou sombras de árvores e outro objetos maiores no cenário.

Usar o flash vai te ajudar muito em equilibrar a imagem, entre objeto e plano de fundo. Por exemplo, se você tem uma luz forte, mas muito localizada, ela vai gerar sombras muito marcadas.

Se for um produto, isso pode dar até uma ideia de sujeira, se for um retrato, pode marcar muito as olheiras, rugas, etc. Então o flash entra aqui para tentar preencher essas marcas com um pouco mais de luz.

O flash também tem a propriedade de congelar um movimento, então mesmo que sua velocidade não esteja tão alta, o flash vai ajudar na nitidez. Mas sem abusar no efeito para não gerar imagens artificiais demais (a não ser que seja essa a intenção).

Como disse antes, a ideia não é competir com o sol, já que mesmo o maior flash não teria a potência necessária, além de gerar uma imagem totalmente superexposta. A ideia aqui é só compensar levemente a sombra e manter um volume legal, pois sem ou com pouca sombra, os objetos ficam com a aparência de “chapados” na imagem.

Conclusão

Como viram, o importante é não ter medo de arriscar, estando sempre pronto para qualquer situação. Seja na hora de escolher o enquadramento da foto, optar pela lente certa para cada situação, ter um tripé ou outro tipo de apoio e não ter preconceito com o flash.

Lembrando que todas as fotos que usamos aqui para exemplificar as dicas são cedidas pela iStock.

Aproveite e se cadastre gratuitamente na plataforma para conferir a qualidade das fotografias disponíveis para usar para seus projetos. E se está gostando das dicas e exemplos que estamos trazendo, continue acompanhando os próximos posts.

Até a próxima!

O post 5 dicas práticas para tirar fotos melhores e sem medo de errar apareceu primeiro em Designerd.

5 dicas práticas para tirar fotos melhores e sem medo de errar publicado primeiro em: https://www.designerd.com.br/

Friday, September 20, 2019

Momentos icônicos do seriado Chaves ilustrados pelo estúdio Dois de Nós

É inegável que, mesmo após quase 40 anos desde o último episódio exibido, o seriado Chaves continua divertindo muitas pessoas.

Inclusive já falamos por aqui sobre 9 lições sobre design que aprendemos com Chaves, lembra?

Se você, assim como eu, é fã do seriado, com certeza se lembra de momentos icônicos envolvendo seus personagens.

E para eternizar tais momentos, o estúdio Dois de Nós decidiu criar divertidas ilustrações baseadas neles.

Confira, relembre e divirta-se:

O post Momentos icônicos do seriado Chaves ilustrados pelo estúdio Dois de Nós apareceu primeiro em Designerd.

Momentos icônicos do seriado Chaves ilustrados pelo estúdio Dois de Nós publicado primeiro em: https://www.designerd.com.br/

Thursday, September 19, 2019

As montagens cheias de significado do designer gráfico Igor Morski

Desde os primórdios a arte é usada como forma de expressão, muitas vezes carregada com tons críticos.

Você já viu exemplos disso por aqui, como no caso das inteligentes ilustrações de Sam Bailey e nas irônicas e criativas ilustrações de Elia Colombo.

Outro artista que também faz isso de modo admirável é o designer gráfico e ilustrador polonês Igor Morski.

Por meio de montagens e manipulações, o designer expressa seus pensamentos críticos. Confira:

O post As montagens cheias de significado do designer gráfico Igor Morski apareceu primeiro em Designerd.

As montagens cheias de significado do designer gráfico Igor Morski publicado primeiro em: https://www.designerd.com.br/