Crie um cartão virtual no Adobe InDesign, Photoshop ou Illustrator

1. Olá! : O que você fez na última vez alguém lhe pediu seu cartão de visita que alguém lhe pediu seu cartão de visita? Você sorriu timidamente e jurou para si mesmo que realmente imprimiria alguns e os deixaria realmente imprimiria alguns e os deixaria prontos para a próxima vez Alguém pergunta, eu fiz isso muitas vezes para contar. Mas a realidade é que ninguém quer digitar seu site no telefone ou tirar seu cartão de visita do fundo da bolsa Então, em vez disso, vamos aumentar o nível do jogo e torná-lo mais fácil para todos com um cartão de visita virtual totalmente elegante, infinitamente editável e sempre pronto Vou orientá-lo no processo passo a passo não uma, não duas, mas três abordagens diferentes para criar seu próprio cartão telefônico digital sofisticado . E acredite ou não, vamos até criar um cartão de visita animado que é definitivamente muito legal para escola e que certamente impressionará se você prefere trabalhar no Adobe InDesign, Photoshop Eu tenho o que você precisa. Você aprenderá três maneiras de gerar códigos QR que podem ser usados para direcionar as pessoas para seu site, portfólio, contas sociais e praticamente qualquer outro lugar que você possa imaginar Meu nome é Kara Plicanic e sou fã InDesign há mais de 20 anos E eu ensino há quase tempo com cursos sobre tudo fotografia ao Photoshop e do InDesign ao e do InDesign ao Adoro explorar novos usos para coisas antigas. E embora os códigos QR já existam há muito tempo, eles definitivamente estão passando por um renascimento Então, se você está pronto para aproveitar o momento e parar se desculpar por não ter cartões impressos em você o tempo todo Junte-se a mim no próximo vídeo e começaremos. 2. Antes de começar: Criar um cartão de visita virtual é realmente muito simples. Você só precisa reunir algumas coisas para começar. Antes de tudo, queremos pensar para onde você enviará as pessoas com seu código QR Você pode enviá-los para o seu site. Você pode enviá-los para uma conta de mídia social específica. Você pode enviá-los diretamente para o seu portfólio. Há muitas opções diferentes. A outra coisa que queremos incluir é algum tipo de foto de perfil ou qualquer que seja seu avatar, que torne mais fácil para eles reconhecerem você depois de seguirem seu link. No meu caso, vou usar a mesma imagem que uso em todas as minhas contas de mídia social para que quem usa meu código QR possa reconhecer instantaneamente que está no lugar certo Nesse caso, vou me vincular à minha conta da árvore de links e vou apenas fazer o login aqui Então, aqui você vê uma prévia de sua aparência. E o que é ótimo é que é basicamente uma página de contato super simplificada e compatível com dispositivos móveis Assim, você pode direcionar as pessoas para links para os quais você deseja enviá-las, sejam eles sua loja, seu portfólio ou suas contas de mídia social É muito fácil adicionar links aqui. Minha piscadela incrível. E você clicaria em Adicionar, e ele simplesmente aparecerá na sua lista aqui. Então, esse é o URL que vou incluir no meu código QR. Quando se trata de gráficos para usar em seu cartão de visita virtual, há muitas fontes excelentes de imagens gratuitas e legais que você pode usar. Um desses sites é o unsplash.com. E se você vier aqui e pesquisar algo como Plano de fundo abstrato, poderá até colocar uma cor. Então, talvez eu diga roxo. E eu vou ver muitas coisas legais como essa. E se eu decidir que realmente gostei desta e quero usá-la, vou clicar aqui para baixar essa imagem. Saiba que o Unsplash tem algumas imagens que são atualizações pagas O resto é gratuito. Se você quiser explorar a criação um cartão de visita virtual animado, uma maneira fácil de fazer isso é acessar o site do Adobe Stock em stock.adobe.com E aqui na coleção gratuita, escolheremos Grátis e digitaremos a animação. Agora estamos recebendo uma mistura completa de várias coisas , incluindo imagens que não funcionarão para nós. Então, precisamos clicar em vídeos. E vamos descer aqui e escolher o loop. Então, o que você deve ver aqui são, obviamente, cores e coisas nas quais você pode estar interessado. Você quer evitar algo que seja muito nocivo para causar dor de cabeça aos espectadores Então, isso é legal, mas talvez não seja o melhor para um cartão de visita virtual. Então, eu recomendaria manter a animação sutil. A outra coisa que você deve ter em mente é a orientação. Obviamente, isso é para tela widescreen, mas podemos girá-lo para torná-lo vertical sem estragar o design. Portanto, nem tudo isso vai funcionar dessa maneira. Por exemplo, este com esses corações, se girarmos isso, os corações estarão flutuando para os lados Talvez seja isso que você quer. Talvez não seja uma opção. Se você encontrar um vídeo como esse que realmente queira usar, e eu vou te mostrar como fazer isso, é recortá-lo no Photoshop para que você ainda possa torná-lo utilizável Então, quando você encontrar um arquivo que deseja usar, tudo o que você precisa fazer é vir aqui e clicar em Licenciar. E desde que você esteja conectado com sua Adobe ID, esse vídeo será adicionado à sua biblioteca padrão da Creative Cloud Além disso, eu o baixei aqui no meu sistema. Outras coisas a ter em mente são o comprimento. Aparentemente, tudo isso está em loop porque filtramos por isso Mas pode ser um ciclo muito longo. Então, isso é 15 s, isso vai ser um arquivo GIF enorme Por fim, quando terminarmos com isso, vamos exportá-lo como um presente animado para que ele possa ser reproduzido diretamente em nossas fotos em nosso telefone. Então, como não estamos tentando publicá-lo on-line ou algo assim, não precisamos nos preocupar muito com o tamanho do arquivo, mas ainda precisamos do Photoshop para poder processá-lo Portanto, se você quiser usar o clipe como está, procure um tempo de duração muito baixo, como cinco a 10 s, provavelmente, no máximo. Também mostrarei como podemos pegar qualquer um desses e criar nosso próprio loop mais curto para economizar muito no tamanho do arquivo. Se você quiser acompanhar e usar exatamente os mesmos arquivos que eu, confira a guia Projetos e Recursos logo abaixo deste vídeo para obter links para esses arquivos exatos que você pode licenciar gratuitamente e usar para acompanhar, descobrir para onde você quer que seu código QR leve as pessoas, reunir todas as imagens ou vídeos de fundo e fotos de perfil que você quiser use e me encontre no próximo vídeo, e eu vou te mostrar como criar um cartão de visita virtual super simples, certo? No Adobe InDesign 3. Design de inDesign: Então, aqui no InDesign, a primeira coisa que vamos fazer é criar um novo documento Vou escolher Arquivo Novo Documento. E você pode usar as dimensões que quiser aqui. Mas vou trabalhar em HD, não em full HD, mas em HD. Então, vou escolher unidades de pixels e inseriremos uma largura de 720 e uma altura de 12 em Não precisamos de páginas opostas, só precisamos de uma. Vou desmarcar o quadro de texto principal, então também não precisamos disso E nenhuma dessas outras margens realmente importa. Se for importante para você, você pode inserir o que quiser aqui. Mas vamos continuar e clicar em Criar. Agora estamos prontos para adicionar nossa imagem de fundo. Então, vamos fazer isso escolhendo Arquivo, Inserir ou o atalho do teclado é Comando ou Controle D. Navegue até onde você salvou a imagem que deseja usar como plano de fundo. Nesse caso, eu tenho essa imagem aqui que eu baixei do Unsplash Você o encontrará vinculado na guia Projetos e Recursos abaixo do vídeo, se quiser usá-lo também. Então, vou selecioná-lo. Não vou mostrar as opções de importação. E então vamos clicar em Abrir. Agora podemos ver que nosso cursor está carregado. Tudo o que precisamos fazer para colocar essa imagem é posicionar o cursor no canto superior esquerdo E vamos clicar e arrastar até o canto inferior. E você pode ver que ele não tem as mesmas proporções do nosso documento, o que é ótimo. Para ajustá-lo proporcionalmente, vou manter pressionada a tecla Shift Agora, posso fazer com que seja exatamente do tamanho da página. E quando soltarmos, InDesign colocará essa imagem proporcionalmente para preencher o quadro e obteremos esse lindo resultado Tudo bem, em seguida, vamos adicionar nossa foto de perfil. Agora, aqui, quando colocamos essa imagem, usamos o comando File Place e depois desenhamos a moldura. Mas desta vez, vamos desenhar a moldura primeiro. Vamos até aqui até a barra de ferramentas. E essa ferramenta em particular aqui, essa é a ferramenta de moldura retangular, atalho do teclado é a letra F para Se clicarmos e segurarmos, veremos que também há uma ferramenta de moldura de elipse Então, se passarmos o mouse sobre isso e soltarmos, obteremos a ferramenta de elipse E podemos manter pressionada a tecla Shift enquanto desenhamos, clicamos e arrastamos para desenhar uma elipse E parece assim. Agora, para reposicioná-lo, queremos usar essa ferramenta principal aqui, a ferramenta de seleção, é como o InDesign, a ferramenta Move O atalho do teclado é V para mover uma viva. Se quiséssemos reposicionar isso para que possamos aproveitar as vantagens do guia inteligente que está ali mesmo Nós podemos fazer isso. Tudo bem, agora que temos nossa moldura e ela está selecionada, estamos prontos para colocar nossa foto de perfil nela Então, vamos abrir o comando Inserir arquivo novamente pressionando Command ou Control D. Navegue até onde você salvou o arquivo que deseja usar, selecione-o e clique em Abrir. Agora, se quisermos adicionar um traçado a isso para realmente ajudar a contrastar um pouco melhor com o fundo. Podemos vir até aqui no painel de controle. Agora, se você não vê isso na parte superior da tela, basta acessar o controle da janela. E aqui temos nossa cor de preenchimento e nossa cor de traçado, que agora são para mim, de qualquer forma, elas estão definidas como nulas. Tudo bem se você quiser colorir lá. Tudo bem. Quando você coloca uma imagem, isso não importa. Mas vamos mudar o traçado para que esse seja o último aqui. Se clicarmos na cenoura, podemos selecionar papel, o que significa branco E provavelmente não veremos muita coisa porque atualmente o peso é de apenas um ponto. Então, para engrossar um pouco, vamos apertar a seta para cima até chegarmos talvez a 1012, o que você quiser E podemos ver que está centrado na borda da moldura Se quisermos aumentar os traços para que fiquem do lado de Podemos acessar nosso painel Stroke escolhendo Janela, traçado. E aqui embaixo vemos que a temos alinhada com o centro Mas também podemos escolher o interior ou eu vou escolher o exterior. Dessa forma, não está cobrindo nenhuma parte da foto. Em seguida, vamos adicionar um texto para colocar nosso nome aqui. Vamos pegar a Ferramenta de Texto e clicar e arrastar para criar uma caixa de texto E vou digitar meu nome em maiúsculas. E defina isso como algo como Helvetica, ousado. Podemos alterar o tamanho aqui em nosso painel de controle. Se você segurar a tecla Shift, ela aumentará em incrementos de dez e economizará um pouco de tempo Tudo bem, então tenho isso aqui. Eu tenho a fonte, tenho o tamanho, quero mudar o alinhamento e a cor Então, vou selecionar o texto. E aqui em cima, no painel de controle quando vemos o pequeno T, que é nosso indicador de que estamos prestes a formatar esse tipo. Não a caixa sobre a moldura em si, mas o texto dentro dela. Então, vamos clicar nele E eu quero que o texto seja branco. E aqui em cima eu também posso escolher centralizar, alinhá-la horizontalmente Então, isso parece muito bom. Mas, para realmente torná-lo ainda mais legível, gostaria de adicionar um preenchimento preto por trás disso e alinhar verticalmente o texto ao centro do quadro de Então, como vamos fazer isso? Bem, por exemplo, quero tirar meu cursor dessa caixa de texto ativa pressionando a tecla Escape Assim, você pode ver que o quadro ainda está selecionado, mas o cursor não está mais ativo. Agora, se voltarmos ao painel de controle, veremos que o T sumiu. E se clicarmos na pequena cenoura, podemos dizer ao InDesign se queremos formatar a moldura ou a própria caixa, ou se queremos formatar o texto dentro dela Assim, podemos ver que o texto quando está ativo, podemos ver que o texto é branco. Mas se clicarmos na caixa ou na moldura, veremos que ela não tem preenchimento. Então, vamos adicionar um preenchimento preto. E agora estamos falando, agora podemos realmente ler isso aqui, mas está no topo da caixa. E isso parece bobagem, certo? Então, vamos melhorar isso abrindo nossas opções de caixa de texto ou opções quadro de texto pressionando Command ou Control B para melhor. Você também pode, incidentalmente clicar com o botão direito do mouse e escolher Opções de quadro de texto Tudo bem, então aqui vou tirar isso um pouco do caminho Vamos ativar a pré-visualização para que possamos ver o que estamos fazendo aqui nas configurações gerais. Justificação vertical, uma linha. Vamos mudá-lo para o centro. E se não parecer muito centralizado, talvez esteja um pouco acima do centro ou abaixo. Em seguida, você deve vir aqui para as Opções de linha de base e certificar-se de que o deslocamento esteja definido para outra coisa Portanto, se a subida não estiver funcionando para você, você pode tentar a altura x. Você pode experimentar a altura do boné. Todas essas coisas basicamente dirão ao InDesign especificamente como você deseja que as letras sejam centrais, centralizadas, qual linha de base você deseja Tudo bem, então vou usar a altura do boné e clicar. Ok. Então, está parecendo muito bom. Vou apenas arrastá-lo até aqui e me certificar de que também esteja centralizado Talvez isso aumente um pouco. Lá vamos nós. Tudo bem, então, se você não está vendo esses guias aparecendo, esses são seus guias inteligentes e você pode encontrá-los acessando Exibir grades e guias e, em seguida, certifique-se de ativar guias inteligentes e também de se encaixar nos guias Tudo bem, então está tudo bem agora, só precisamos do nosso código QR, Então, vamos gerar nosso código QR escolhendo o objeto. Gerar código QR não poderia ser mais simples aqui, podemos escolher que tipo de objeto queremos que o código QR Temos muitas opções aqui. Você notará que um deles é um cartão de visita, o que nos permite inserir alguns dados. E isso cria uma entrada legítima de cartão virtual no catálogo de endereços do destinatário Portanto, se você quiser criar uma entrada no catálogo de endereços deles, escolha o cartão de visita e insira suas informações. Nesse caso, eu realmente quero enviá-los para uma página da web onde eles possam assinar meu boletim informativo ou me seguir nas redes sociais enviar um e-mail para mim ou qualquer outra coisa. Então, vou escolher o hiperlink da web e, em seguida, vou até aqui e colar a URL para a qual quero vincular Agora, se quisermos mudar a cor do nosso código QR, podemos fazer isso aqui Mas vamos mantê-lo elegante, nítido. Vou deixá-lo em preto e clicar. Ok, aqui está nosso código QR. Se agora clicarmos e arrastarmos para criar o quadrado com o gráfico nele, você verá que ele está em um fundo transparente. Não há problema com a moldura selecionada. Vá até o painel de controle e defina o preenchimento em papel. Se você precisar editar esse código QR posteriormente, basta clicar com o botão direito do mouse nele e escolher Editar código QR E isso o levará de volta para a mesma caixa de diálogo. E você pode fazer suas alterações e clicar em OK. E para quem está se perguntando, o código QR que o InDesign gera é Assim, você pode colocá-lo em qualquer tamanho sem precisar se preocupar com a resolução. É um pequeno bônus agradável. Se quisermos verificar se tudo está alinhado, podemos clicar com a tecla Shift E com nossa principal ferramenta de seleção selecionada, se olharmos para o painel de controle aqui, podemos clicar para alinhar os centros horizontais, mas usando nossos guias inteligentes, podemos ver que isso já estava centralizado Se quiséssemos visualizar isso sem todas as marcas-guia, margens e tudo Podemos pressionar W para o modo maravilhoso e Command ou Control menos para diminuir o zoom. Esse é um cartão de visita virtual de aparência elegante. Agora, vamos salvar nosso trabalho escolhendo Arquivo. Salvar como, navegaremos até onde queríamos salvá-lo. E vou chamá-lo de cartão de visita virtual InDesign. E escolheremos o formato, a versão atual do InDesign e clicaremos em Salvar Tudo bem, agora vamos exportar isso para algo que você possa realmente armazenar em seu telefone, em seus arquivos de fotos Escolherá Arquivo, Exportar. E para o formato, selecione JPEG e clique em Salvar Aqui, queremos ter certeza de que estamos exportando todas as páginas, que só existe uma Portanto, isso realmente não importa como uma página, nem como um spread. E em termos de qualidade, digamos que alta e a resolução 72 seja boa. Espaço de cores, RGB, perfeito. Clicaremos em exportar e pronto. Agora temos um JPEG que podemos carregar em nosso telefone e mostrá-lo a qualquer pessoa quando quisermos que eles nos encontrem on-line, visualizem nosso portfólio, se inscrevam em nosso boletim informativo ou simplesmente se conectem nas redes sociais Então, veja como você faz isso no InDesign, onde você pode gerar seus próprios códigos QR, mas e o Photoshop ou o Illustrator, onde não estão integrados nativamente Junte-se a mim no próximo vídeo e mostrarei como 4. Design de Photoshop (ou Illustrator): Aqui no Photoshop, vamos fazer um design semelhante, mas quando se trata de criar o código QR, teremos que olhar para fora do Então, falarei mais sobre isso em um minuto. Por enquanto, vamos criar nosso documento escolhendo Arquivo Novo. Vamos definir a largura para 720. Os incrementos, dois pixels, têm a altura de 12 pés. Queremos ter certeza de que estamos na cor RGB. E o resto realmente não é muito importante. Vamos clicar em Criar. Então aqui está nossa tela em branco. Agora podemos adicionar a mesma imagem que fizemos antes. Mas vamos tentar algo diferente para aprender. E vamos criar um gradiente usando uma camada de ajuste. Na parte inferior do painel de camadas, queremos clicar nesse pequeno ícone aqui e selecionar gradiente na seção superior da lista Portanto, não é um mapa de gradiente, mas apenas um gradiente. Vamos selecionar o gradiente com o qual queremos trabalhar clicando na cenoura aqui Você tem que ter cuidado ao clicar na própria barra, você obtém o editor de gradientes, você obtém o editor de gradientes, que Então clique na cenoura, no menu suspenso aqui. E você verá vários gradientes predefinidos organizados de acordo com Vou escolher algo entre os roxos. Então, vou abrir isso. E acho que vou selecionar esse aqui. E se eu clicar, posso fechar o menu suspenso. Talvez eu queira reverter para que o rosa fique por cima. Você pode fazer as outras alterações que desejar aqui. E então, quando estiver satisfeito com isso, clique em Ok. Agora estamos prontos para adicionar nossa foto de perfil. E embora pudéssemos fazer isso com a ferramenta de moldura, ela apresenta alguns bugs que eu prefiro evitar Então, vamos fazer isso usando um grupo de recorte. Então, vamos selecionar nossa ferramenta de formas. Então, aqui embaixo, o atalho do teclado é a letra U. E se clicarmos e segurarmos, qualquer que seja a ferramenta selecionada aqui, provavelmente a ferramenta retangular, provavelmente a ferramenta retangular E então podemos passar o mouse até a ferramenta de elipse e soltar. Agora, aqui em cima, queremos ter certeza em nosso painel de controle de que essa opção está configurada para dar forma. Não importa qual seja a cor de preenchimento, mas só para não precisarmos olhar para ela, seja vermelho. Vou clicar e definir isso para algo menos preto na vida selvagem. Vamos deixar o derrame piscar. Então, se não estiver, você pode clicar aqui e escolher nenhum para garantir que não haja nenhum derrame. E então vamos entrar e clicar. E enquanto você arrasta, mantenha pressionada a tecla Shift para restringir o que de outra forma poderia ser um oval em um círculo perfeito Então, se estamos felizes com isso, podemos desistir. Vemos que ele preenche aqui. E se precisarmos alterar o tamanho neste momento, podemos fazer isso arrastando Dependendo de suas configurações, você pode ou não precisar segurar a tecla Shift para manter a proporção se você redimensioná-la, tudo bem, reposicioná-la Você quer mudar para a ferramenta Mover. E você pode arrastá-lo até vê-lo se encaixar com seus guias inteligentes, informando que está centralizado horizontalmente Se seus guias inteligentes não estiverem aparecendo, basta acessar Exibir, Mostrar guias inteligentes e verificar se essa opção está ativada. Tudo bem, então temos um círculo, mas não temos uma foto de perfil Então, vamos buscá-lo escolhendo Arquivo Abrir. Pegue nossa imagem. Abra. Agora vamos selecionar tudo pressionando Command ou Control a. Então, devemos ver formigas marchando ao redor a coisa toda copiará Comando ou Controle C. E agora, voltando ao nosso outro documento, queremos clicar aqui nesta aba Temos dois documentos abertos no momento. Podemos alternar entre eles clicando nas guias. Então, estamos de volta aqui neste documento e agora podemos colar Comando ou Controle V. Portanto, essa imagem é muito grande. Isso é uma coisa boa. Vamos consertá-lo em um minuto. Mas primeiro, vamos fazer com que essa imagem apareça dentro da forma. A maneira de fazer isso é criar o que é chamado de grupo de recorte Então, vamos virar essa imagem para o círculo que tem o efeito de fazer parecer que a imagem está no círculo Para fazer isso, essas duas camadas devem estar lado a lado e um painel de camadas ou uma sobre a outra Em seguida, passamos o cursor no espaço entre eles e mantemos pressionada a tecla Alt ou a opção É isso mesmo. E quando vemos esse pequeno detalhe engraçado, eu o chamo de cursor Gonzo Porque não parece o Gonzo dos Muppets, como na visão Gonzo dos Muppets, como na como Quando você vê Gonzo , sabe que está no lugar certo e pode clicar para cortar essa camada. Veja o pequeno cursor aqui, o pequeno ícone na forma E agora podemos simplesmente transformá-lo abrindo a opção Transformação Livre e pressionando Command ou Control T. E arrastaremos de um canto, dependendo de suas configurações, você pode ou não precisar segurar a tecla Shift para manter a proporção. Tudo bem, então vamos posicioná-lo onde você estiver satisfeito com isso. E para seguir em frente, você precisa confirmar sua transformação para poder pressionar Return ou Enter ou pressionar a marca de seleção na parte superior. Agora, se quisermos adicionar um contorno a isso também, podemos clicar na forma da elipse e, na parte inferior do painel de camadas, clicar nos efeitos e Aqui podemos usar o tamanho para ajustar o peso ou a espessura do traçado. Próximo à posição. Vou colocá-lo lá fora. E se quisermos mudar a cor, podemos clicar aqui e escolher qualquer cor nova ou marcar por número, se você souber o que quer usar, mas vou ficar com o branco. Portanto, posso digitar um valor de 255 para cada um dos canais vermelho, verde e azul Ou eu posso vir aqui e bater na letra F, como em Frank, seis vezes. Ou eu posso colocar meu cursor nesta caixa gigante aqui e simplesmente arrastá-la até o canto superior esquerdo E isso, isso vai bastar. Acho que vamos reduzir isso apenas um pequeno traço de 14 pixels. Ok, então, quando estivermos satisfeitos com isso, clicaremos em Ok. Agora, se quisermos mudar isso mais tarde, tudo o que precisamos fazer é vir aqui e clicar duas vezes no efeito, o efeito de traço que acabamos adicionar e podemos fazer nossas alterações Então, isso ficará aqui na camada de elipse no painel Camadas Em seguida, vamos adicionar um texto para pressionar T para obter a ferramenta de digitação. E em vez de clicar e arrastar para desenhar uma caixa, vou colocar meu cursor aqui no centro e clicar E vou digitar meu nome em maiúsculas. E estou feliz por ter cometido esse erro. Então você pode ver, aqui está o que está acontecendo. As letras estão aqui, mas não as estamos vendo porque recortamos o texto na elipse junto com a E isso significa que o texto só é visível quando está no topo do círculo. E nesse caso, nunca seria visível porque temos a imagem em cima dos textos. Então, vamos prosseguir e confirmar nosso texto. Então venha até aqui no painel de controle para confirmar. Agora, para corrigir essa situação, basta arrastá-la acima da foto do perfil e soltá-la. E então precisamos cortá-lo. E fazemos isso da mesma forma que o recortamos em primeiro lugar, mantendo pressionada a tecla Alt ou Option e passando o mouse no meio para obter o ícone do Gonzo Agora podemos ver esse tipo e vou mudar para minha ferramenta de movimentação pressionando V para mover. Assim, posso posicionar esse texto que é um pouco maior do que eu gostaria. Então eu poderia colocar meu cursor lá e alterá-lo. Ou pode simplesmente pressionar Command ou Control T e reduzi-lo dessa forma. Então, vou posicionar isso bem ali. Vou confirmar minha transformação, pressionando Enter, e vamos mudar a cor. Então, vou pressionar T para usar a Ferramenta de Texto. E aqui no painel de controle, é aqui que mudamos a cor dos textos. Se mudarmos isso, isso não afetará o texto. Então, com a ferramenta de texto ativa e a camada de texto ativa, podemos vir aqui e clicar, e eu também vou deixar isso branco. Tudo bem, parece muito bom agora, estamos prontos para o nosso código QR. Como vamos fazer isso no Photoshop? Tudo bem, então temos algumas opções. Não há como isso ser nativamente incorporado ao Photoshop para gerar códigos QR Mas se você lançar seu aplicativo de gerenciamento de nuvem criativa, poderá vir aqui e escolher Stock and marketplace E a partir do próximo nível, você pode escolher plugins E aqui pesquise todos os plugins. Podemos entrar aqui e digitar o código QR e pressionar Enter. E veremos que temos vários plug-ins disponíveis Alguns são gratuitos, outros são pagos para que possamos adicionar aos nossos aplicativos da Adobe. Podemos filtrar os preços se quisermos ver os gratuitos, pagos ou todos. E podemos escolher com quais aplicativos queremos que o plug-in funcione Então, como agora, eu o configurei para Illustrator e Photoshop Portanto, qualquer um deles funcionaria com qualquer um deles. Se quisermos saber mais sobre isso. Por exemplo, este é gratuito. Se clicarmos nele, poderemos ler sobre isso. Podemos aprender como funciona, como quem o fez, o que dizem as avaliações, etc E se gostarmos disso, podemos prosseguir e clicar em Obter. E ele será baixado e instalado automaticamente no Photoshop para descobrir como funciona e como usá-lo Você só precisa ler a documentação do desenvolvedor aqui e pronto Mas por alguma razão, se não quisermos fazer isso, outra opção é usar uma ferramenta web gratuita, e é isso que eu vou fazer. Então eu vou para QR stuff.com. E aqui na página inicial deles, você nem precisa criar uma conta, fazer login ou qualquer coisa Aqui, vou selecionar o URL de um site. Esse é o tipo de dados que eu quero no meu código QR. Então, vou selecionar isso. Vou colar o mesmo URL da árvore de links. Vou pressionar Return. Agora, se eu tivesse uma conta paga, posso alterar a forma do próprio código QR, bem como a cor Eu poderia adicionar um logotipo, mas ele só está disponível para assinantes pagos E eu nem mesmo dei a essas pessoas meu endereço de e-mail ou meu nome ou qualquer coisa. Então, vou escolher o clássico. E agora vou baixar isso como JPEG ou você pode fazer ping É isso mesmo. Então, vou clicar em JPEG e pronto. Tão simples, certo? Agora, aqui no Photoshop, vou abrir esse download Então, eu estou escolhendo Arquivo Abrir, pegue-o aqui dos meus downloads, clique em Abrir e aqui está. Então, assim como fizemos antes, vou selecionar tudo com Comando ou Controle, a, comando ou controle C para copiar. Vou clicar de volta na guia em que estamos trabalhando aqui e colar com Command ou Control V. Vou mudar para minha ferramenta de movimentação pressionando V para mover a viva e arrastá-la para baixo até a posição. E, sem mais nem menos, temos um cartão de visita virtual simples feito aqui no Photoshop Então, gostaríamos de salvar nosso trabalho. Portanto, escolheríamos Arquivo Salvar como e navegaríamos até onde queremos salvá-lo. E vou chamar esse painel de cartão de visita virtual de Photoshop E para o formato, escolha o Photoshop e clique em Salvar. Então esse é o nosso arquivo de trabalho agora. Mas é claro que exportar isso para poder carregá-lo facilmente em nosso telefone ou compartilhá-lo. No entanto, queremos salvar isso como algo como um JPEG Então, vamos voltar ao menu Arquivo e escolher Salvar. Uma cópia. Pode ter o mesmo nome, mas desta vez para formato, escolherá. Jpeg, clicará em Salvar. E aqui podemos escolher o nível de compressão que acompanha nosso JPEG Portanto, para obter o JPEG da mais alta qualidade, você deixaria a qualidade definida como 12 Se você estiver preocupado com a otimização, por algum motivo, talvez arraste isso para dez Então você pode ir em frente e clicar. Ok, e é isso. Então, esse processo que seria o mesmo no Illustrator, é claro, usando as ferramentas do Illustrator, você pode gerar o código QR usando um plug-in que funciona no Illustrator ou aquele site No próximo vídeo, mostrarei como aumentar um pouco o nível das coisas e criar um cartão de visita virtual animado aqui mesmo no Photoshop 5. Design animado Parte 1: Se você quer aumentar o fator surpreendente da finalização da compra com seu cartão de visita virtual O que você pode fazer aqui mesmo no Photoshop para criar um cartão de visita virtual animado No início do vídeo de configuração, falei sobre como aproveitar as vantagens da coleção gratuita do Adobe Stocks para encontrar vídeos animados que podemos usar em segundo plano. Então, agora estamos prontos para abri-los. Então, vamos abrir o arquivo. E você pode ver que eu baixei vários deles para ter uma ideia de quais são as opções Vou escolher este vídeo aqui e você encontrará o link para licenciar esse arquivo gratuito na guia de projetos e recursos logo abaixo deste vídeo. Então, vou selecionar isso e clicar em Abrir. E sim, acabamos de abrir um arquivo de vídeo no Photoshop. Dá para acreditar? Aqui está o que parece quando abrimos um arquivo de vídeo, Photoshop abre o painel da linha do tempo E aqui podemos ver que temos essa coisa longa que nos permite vasculhar o vídeo ou a animação Isso também nos mostra que essa animação tem 25, quase segundos de duração. Isso é muito longo. Então, vamos lidar com isso em um minuto. A outra coisa com a qual precisamos lidar é que esse vídeo é horizontal e em full HD. E queremos tornar isso o mais fácil possível para nós mesmos com um tamanho de arquivo menor. Então, vamos começar girando esse vídeo para que possamos trabalhar com vídeo praticamente da mesma forma que trabalhamos com imagens Podemos simplesmente vir até aqui para Image. Escolheremos Rotação de imagem. E eu vou escolher 90 graus no sentido anti-horário. Photoshop vai dizer, ei, você tem que fazer disso uma camada de objeto inteligente e nós diremos, sim, sim, isso Ok, clique em Converter e pronto. Vou diminuir o zoom pressionando Command ou Control menos um pouco para que possamos ver nosso documento aqui Agora, precisamos redimensionar isso. Portanto, temos algumas opções. Podemos chegar à imagem, ao tamanho da imagem. Se seguirmos esse caminho, queremos ter certeza de que estamos trabalhando com pixels. Queremos ter certeza de que a largura e a altura estão vinculadas e que há uma verificação ao lado da reamostragem Portanto, as novas amostras devem ser habilitadas. Então, gostaríamos apenas de alterar o valor da largura para 720. Isso faz com que a altura seja 12, 80. E podemos clicar em OK. E estaríamos prontos. Isso é totalmente bom. No entanto, eu gostaria de me livrar de tanto espaço na fronteira aqui, então, basicamente, quero cortá-lo mais perto. Então, vou fazer isso de forma um pouco diferente. Vou desfazer isso pressionando Command ou Control Z e todos pressionando C para a ferramenta de corte E aqui no painel de controle, vou escolher largura, altura e resolução, o que me permite digitar aqui. Então, eu quero que a largura seja de 720 pixels. Então, vou digitar px, pressionar tab e quero que a altura seja 12. Em Px, a resolução, podemos simplesmente deixar em branco. E agora o que vou fazer é manter pressionada a tecla Alt ou Option. E então eu posso arrastar para dentro até obter algo um pouco mais parecido com isso. Manter pressionada a tecla Alt ou a opção nos permite arrastar em direção ao centro a partir de todos os cantos ao mesmo tempo. Então, isso nos evita de ter que arrastar isso e tentar centralizá-lo após o fato. Então, eu gosto desse layout e vou confirmá-lo clicando na marca de seleção aqui no painel de controle. Estrondo. Agora, nosso documento tem 720 por 12 80 e cortamos um pouco para que possamos maximizar essa área Mas ainda temos esse vídeo que é muito longo. Então, junte-se a mim no próximo vídeo e eu vou mostrar como encurtá-lo e torná-lo circular 6. Design animado Parte 2: Tudo bem, então aqui estamos com nosso documento. Parece muito bom, mas, como discutimos no último vídeo, esse clipe é muito longo. Então, vamos reduzir isso. Vou pegar o indicador de reprodução e arrastá-lo até cerca de oito segundos Então vamos vir aqui. E se passarmos o mouse no final, obtemos esse pequeno ícone de depurador e podemos simplesmente clicar e arrastar até aqui E isso vai direto para o playhead. Agora temos 8 s de um videoclipe. Mas agora o problema é que isso não é o mesmo que aqui, certo? Se saltarmos para frente e para trás entre isso, veremos que há duas cenas muito diferentes. Então, quando tocarmos isso repetidamente, não será um loop perfeito Para que possamos assistir, eu clico em play aqui, então estamos assistindo agora. Veja como ele pulou no final. Você vê que salta, certo? Quero dizer, isso é aceitável, eu acho, mas vamos lá, nós estamos buscando a excelência aqui. Então, vamos hackear isso para que ele realmente se repita. Esse é um truque muito inteligente. Então, o que vamos fazer é arrastar nosso clipe de reprodução para o centro. Acho que provavelmente é mais como aqui, certo? Arraste-o até o painel central do seu clipe. E agora que configuramos para 8 s, isso será aproximadamente a marca de quatro segundos, certo? Agora vamos cortá-la clicando no pequeno ícone da tesoura aqui. Vemos que o dividimos em duas partes. E no painel Camadas, Photoshop realmente separa as peças em camadas separadas Então, vamos renomear a camada um aqui. Vamos clicar duas vezes e digitar a e pressionar Enter. E neste, vamos clicar duas vezes e digitar B e pressionar Enter Então, aqui em nossa visualização da linha do tempo, vemos que temos a primeira metade do clipe, então a, e então temos a segunda metade dos clipes Então, nada aconteceu. Tudo o que fizemos até agora foi pegar o 22º clipe longo, encurtá-lo para 8 s e cortá-lo Isso é ótimo. Então, vamos pensar nisso, essa parte aqui, indo do clipe A para o clipe B, isso é perfeito, certo? Porque acabamos de cortá-lo. Portanto, não há salto aqui, é perfeito. O salto está acontecendo entre essa extremidade e essa extremidade. Então, para corrigir isso, vamos invertê-los. Então, vou pegar o clipe a e vou arrastá-lo para a direita e soltá-lo. Agora o clipe A está aqui e o clipe B está aqui. Então, a parte perfeita está aqui até aqui. O salto agora está no meio. E como está aqui no meio, podemos suavizá-la com uma transição de dissolução cruzada. Isso não é inteligente? Então, vamos vir aqui e clicar nesse pequeno botão aqui para obter as transições. E vamos pegar o crossfade e arrastá-lo. Aqui mesmo. Você pode ver como vamos aplicá-lo nas duas extremidades. E então veremos que nosso clipe vai realmente encurtar um pouco porque agora eles estão sobrepostos Então você pode ver aqui o clipe a. E se clicarmos aqui, solte be, você pode ver essa parte central Eles estão sobrepostos. E agora, se clicarmos em Play, watch, o que acontece se assistirmos aqui? Só que você não pode ver isso. Portanto, parece infinito mesmo quando não é. Ok. Então, vamos parar. Então esse é o nosso pequeno truque para um vídeo longo que talvez, se for de 25 s em loop, seja muito longo Então nós o cortamos e disfarçamos o salto cortado. Ok, então isso é bom. Agora vamos fechar nossa pasta de grupos de vídeo. Vou clicar aqui, vou desmontá-lo, então está tudo escondido E agora tudo o que precisamos fazer, podemos vir até aqui. Já fizemos todo esse trabalho de forma um pouco menor. Tudo o que precisamos fazer aqui é selecionar essas camadas. Selecionamos o código QR e eu vou descer até aqui e clicar com a tecla Shift na camada da elipse Então, temos todos eles selecionados. E então, com a ferramenta de movimentação, vou clicar na imagem e arrastar. Agora, quando você fizer isso, não veja as coisas. Observe seu cursor. Então continue pressionando o mouse. O material vai desaparecer, mas mantenha o mouse pressionado e venha até aqui e mouse sobre essa guia para mudar o foco E então eu vou segurar a tecla Shift e soltá-la e ela vai cair no lugar certo. Confira essa ação, ok, agora, você pode ou não vê-la aqui, certo? Por exemplo, se essa pasta ainda estivesse ativa quando você a inseriu, talvez você não veja nada. Então, não entre em pânico. Olha aqui. Verifique se você tem as camadas que acabou de arrastar Talvez você não os veja porque o Photoshop tende a colocá-los além do limite de reprodução Então, se eu arrastar até aqui, não estou vendo nada, mas se eu continuar, eles aparecerão. A linha do tempo aqui no Photoshop é basicamente apenas o painel de camadas mais o Então, as coisas só são visíveis se existirem sob o visor. Aqui. O indicador de reprodução não está captando essas informações, mas podemos corrigir isso simplesmente selecionando todas Então, estou clicando e mantendo pressionada a tecla Shift para selecionar todos eles. Então eu vou arrastá-los até aqui. Então eles começam. Quando o vídeo começa. Agora, irritantemente, não podemos estender todos eles ao mesmo tempo Então, temos que arrastar manualmente as pontas para fora. Talvez você tenha que simplesmente mover as coisas. Então, a ideia é que queremos que todas essas camadas comecem e terminem ao mesmo tempo. É isso mesmo. Agora vamos ampliar isso e acho que definitivamente quero reduzir isso um pouco. Então, no painel Camadas com todas essas coisas ainda selecionadas, eu pressionarei Command ou Control T. E vou manter pressionada a tecla Alt ou Option e simplesmente dimensioná-la assim. Eu acho que isso é muito bom. E então eu vou cometer isso. Eu gosto disso. Tudo bem, devemos vê-lo em ação? Vamos arrastar essa peça até o início. E aqui vamos clicar em Play, wow, hot stuff right. Agora você pode ver que meu computador está se esforçando um pouco para renderizá-lo porque meu computador não é o melhor. Mas à medida que passa por isso, você pode ver essa pequena linha azul se formando aqui. E isso nos permite saber quando está totalmente renderizado. Então, se você sentir, sinta-o pegar um pouco ou prender em algumas partes É por isso que só precisa terminar. Renderização. Posso ver que ainda tem algumas lacunas aqui. Se meu computador pode fazer isso, vocês devem ficar bem. Quase. É quase perfeito. Agora, mais um pequeno obstáculo. Lá vamos nós. Agora ele está sendo reproduzido com uma prévia completa renderizada. Isso, oh meu Deus, isso parece tão legal. Tudo bem, então podemos parar com isso. Agora, se você não gosta dessas cores, talvez você fique tipo, Oh, rosa e roxo e qualquer outra coisa. Isso não é coisa minha. Bem, ei, adivinha? Você pode clicar no grupo de vídeo aqui e adicionar outra camada de ajuste de saturação de matiz, digamos, gradiente ou até mesmo uma camada de ajuste de saturação de matiz E você pode arrastar esses tons e ajustá-los como quiser Então, como se isso ainda fosse a perna direita do Photoshop. Você pode fazer todas essas coisas legais. No meu caso, vou deletar isso. Na verdade, vou pegar esse gradiente que fizemos aqui E eu vou repetir o mesmo processo com minha ferramenta de movimento, clicar, arrastar e soltar isso, então podemos vir aqui e jogar com os modos de mistura. Então, se passarmos o mouse sobre eles, você pode ver as diferentes maneiras pelas quais os modos de mistura podem fazer uma grande diferença. A parte difícil é, na verdade , escolher qual deles você vai Deixe-me ir com você. Agora, é claro, precisamos garantir que essa camada, cada nova camada no painel Camadas, tenha sua própria camada aqui no painel da linha do tempo E queremos ter certeza de que isso aconteça ao mesmo tempo que todo o resto. Então, vou arrastá-lo para começar e terminar ao mesmo tempo. Agora, temos esse efeito interessante. Tudo bem, então isso é incrível. Vamos salvar este arquivo, salvar como queremos salvar nossa versão do Photoshop Então, vamos adicionar, vamos ver, vou digitar animação para esta versão. Queremos escolher o Photoshop e clicar em Salvar. Este é o nosso arquivo de trabalho ao qual podemos voltar se precisarmos mudar alguma coisa a qualquer momento Junte-se a mim no próximo vídeo e mostrarei como exportar isso como um GIF animado 7. Design animado Parte 3: Agora que temos nosso cartão de visita virtual animado projetado e salvo como um documento do Photoshop Agora estamos prontos para exportar isso para um formato animado que podemos ver e apreciar diretamente no aplicativo de fotos em nossos telefones. Então, vamos até File. Vamos escolher Exportar, Salvar para a Web, Legado. Agora, não entre em pânico quando seu computador demorar uma eternidade para carregar. A próxima interface. Estou acelerando aqui porque ninguém quer apenas ver meu computador girar Mas isso pode demorar um pouco. É por isso que era tão importante manter nosso clipe curto e o tamanho físico real de nosso design pequeno. Tudo bem, então aqui estamos na caixa de diálogo Salvar para a Web, finalmente carregada Então, é enorme, logo na nossa prévia aqui. Então, para reduzir o zoom e ver melhor, vamos clicar no botão Menos que possamos ver com o que estamos trabalhando E isso parece bom. Mas isso agora seria salvo como JPEG. E não foi isso que fomos. A partir deste menu suspenso. Vamos clicar em GIF. Agora, eu não sei quais serão suas configurações padrão aqui, mas essa é uma predefinição que eu criei para mim mesmo que usa essas configurações Então, depois de ter o GIF, queremos ter certeza de que temos as cores definidas como 256 Esse não será um tamanho de arquivo pequeno, certo? Uma animação GIF é onde temos molduras diferentes para cada peça da imagem Aqui, estamos vendo 209 quadros. Então, isso resulta em muito grande. Podemos ver o tamanho do arquivo aqui que seria 39 mixagens. Não estou preocupado com isso porque vamos colocar isso no nosso telefone, certo? 39 megas é como um punhado de fotos. Não é uma coisa enorme. Mas se você fosse tentar postar isso on-line ou algo parecido, você realmente precisaria otimizar isso ainda mais. Nesse caso, não vou me preocupar com isso. Estou bem com esse tamanho de arquivo. Se precisar diminuir o volume, tente reduzir as cores. Você pode dimensionar a imagem para não ficar tão grande. Você pode usar um loop animado mais curto para que toda a animação como um todo seja mais curta. Isso economizaria você nas molduras aqui embaixo. Todas essas são maneiras diferentes de otimizar isso. Mas essas são as configurações que vou usar. Depois de ter suas configurações correspondentes às que eu tenho aqui, você pode salvá-las, se quiser , clicando neste pequeno ícone. E então você escolheria Salvar configurações. E você pode dar um nome a ele. Eu já salvei o meu. Portanto, essa opção está desativada. Lá embaixo. Você quer garantir que as opções de loop estejam definidas para sempre. E se você quiser visualizá-lo, você pode apertar o botão Reproduzir ali mesmo. Isso parece muito incrível. Lembre-se de que os presentes são um compromisso eterno e um equilíbrio entre qualidade e tamanho do arquivo Se realmente entrarmos aqui e examinarmos a imagem, podemos ver que é claro que ela não parece tão boa quanto Ele só é capaz de ter 256 cores. O que você pode tentar se sua fotografia não estiver saindo muito bem é usar algo como um ícone ou uma arte de linha. Mas eu estou bem com isso. Então, vou clicar em Salvar, mudar o nome se quiser e escolher Salvar. E o Photoshop vai gerar o arquivo. Saiba que, dependendo do seu computador , algumas dessas configurações podem interferir um pouco Portanto, quanto mais você mexer nessa caixa de diálogo Salvar para a Web, mais você terá que esperar até que o computador reprocesse tudo o que você pediu que ele fizesse Se quisermos ver como isso fica no arquivo animado finalizado. Vou puxá-lo aqui no Finder, pegar esse GIF animado e clicar na Isso não é ruim para apenas 256 cores. Antes que eu esqueça, o Photoshop deixará seu painel de linha do aberto por toda a eternidade quando você abrir um vídeo nele Então, deixe-me mostrar como fechá-lo. Se você é como eu e isso faz de você um pequeno bunker, você pode clicar no menu do painel da linha do tempo aqui e escolher Fechar Agora temos esse lindo cartão de visita virtual que pode até ser animado. Junte-se a mim no próximo vídeo para saber como compartilhá-lo com o mundo 8. Produto final: Para colocar todos os nossos lindos cartões de visita virtuais em nosso telefone, temos muitas opções diferentes. Obviamente, você pode enviar os arquivos por e-mail para si mesmo. Você pode enviá-los para algo como o Dropbox. Então, vou copiar tudo isso e colar no meu Dropbox. Eu posso fazer isso para mim mesma dessa forma. Se você estiver em um Mac, poderá usar o AirDrop E nesse caso, você precisa abrir as janelas do localizador E eu posso simplesmente pegar esses três arquivos. E se eu quiser enviá-los para mim, posso arrastá-los até aqui e soltá-los no meu telefone. Você pode usar o Google Drive. Há 1 milhão de maneiras diferentes. O importante é que, depois colocá-lo em seu dispositivo, eles ficarão diretamente no seu aplicativo de fotos. Então, aqui temos o que fizemos no InDesign. Aqui está o que fizemos no Photoshop com o fundo gradiente, e aqui está o animado E o que é legal sobre o GIF animado é que, quando você, em seu aplicativo de fotos, ele realmente reproduz a animação e fica em loop sem parar É por isso que é perfeito para criar um cartão de visita virtual muito legal. Para compartilhar isso, tudo o que você precisa fazer é mostrar seu telefone para a outra pessoa. Na verdade, você pode experimentá-lo agora mesmo se pegar o telefone, abrir a câmera e apontar a câmera diretamente o código QR do meu telefone na tela agora E isso deve levar você direto para a minha página de árvore de links. Muito esperto. 9. Compartilhe seu trabalho: Olá, muito bem. Espero que você tenha fundos e tenha criado seu próprio cartão de visita virtual sofisticado Eu adoraria ver como acabou. Então, reserve um minuto e publique seus projetos finalizados abaixo. E seria muito útil se você pudesse dar uma avaliação e uma avaliação a essa turma para ajudar outras pessoas a descobri-la. Se você está procurando uma diversão mais criativa, não deixe de conferir meus outros cursos aqui no Skillshare Você pode me encontrar online em khara plicanic.com. Muito obrigado por se juntar a mim e espero ver você em outra aula em breve.