Canva + Adobe Illustrator: crie quadros de imagem personalizados para o Canva | Michelle Marks | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Canva + Adobe Illustrator: crie quadros de imagem personalizados para o Canva

teacher avatar Michelle Marks, Surface Pattern Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução ao curso

      1:06

    • 2.

      Configure sua prancheta

      1:35

    • 3.

      Crie seus elementos vetoriais

      8:16

    • 4.

      Como trabalhar com fronteiras

      2:26

    • 5.

      Crie máscaras de recorte

      3:50

    • 6.

      Importar elementos para o Canva

      8:31

    • 7.

      Seu projeto do curso

      1:48

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

45

Estudantes

--

Projeto

Sobre este curso

Neste curso passo a passo, vou ensinar você a criar seus próprios quadros de imagem personalizados do Canva usando o Adobe Illustrator. No momento, você tem acesso a muitos quadros de imagens interativos dentro do Canva, mas não consegue criar sua própria forma de quadro na interface do Canva. No entanto, podemos aproveitar o poder do Adobe Illustrator para criar nossas próprias formas personalizadas e importá-las para o Canva.

Neste curso, vou mostrar como! Vou guiar você através de:

  1. Como configurar sua prancheta no Adobe Illustrator
  2. Como criar formas vetoriais que se tornarão quadros
  3. Como transformar suas formas em quadros compatíveis com o Canva
  4. Como importá-los para uso no Canva.

Por que essa é uma ótima habilidade para se ter?

Para criadores de produtos digitais:

  • Os quadros personalizados do Canva são um produto popular que vende bem no Etsy e no Creative Market
  • Os quadros do Canva aceleram o processo de design de maquete

Se você é uma marca ou designer gráfico

  • Você pode criar quadros personalizados personalizados para seus clientes

De quais aplicativos eu preciso?

Para este curso, você vai precisar

  • Assinatura do Adobe Illustrator
  • Conta do Canva (gratuita ou Pro)

Você vai precisar de um entendimento básico de como usar cada aplicativo, pois não abordo o básico do aplicativo.

Conheça seu professor

Teacher Profile Image

Michelle Marks

Surface Pattern Designer

Professor

I'm a surface pattern designer and creative educator with a love for teaching others how to bring beautiful, practical designs to life using tools like Procreate and Adobe Fresco. I'm here to help you confidently create your own repeat patterns and turning them into digital products or patterns for your own crafts.

My classes are relaxed, beginner-friendly, and focused on helping you actually use your artwork--whether for profit or fun!

Visualizar o perfil completo

Habilidades relacionadas

Adobe Illustrator Canva Design Design gráfico
Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução ao curso: Olá, bem-vindo à minha nova aula do Skillshare, onde vou te ensinar como criar molduras personalizadas do Canva dentro do Meu nome é Michelle Marx e sou designer gráfica profissional e ilustradora de padrões de superfície com quase 20 anos de experiência no setor de design Usarei minhas habilidades neste tutorial para ensinar como transformar rapidamente formas vetoriais no Adobe Illustrator em molduras de fotos compatíveis para uso com Com essa habilidade, você pode transformar qualquer forma vetorial criada em uma moldura de imagem totalmente funcional dentro do Canva Para esta aula, você precisará de dois softwares. Uma delas é uma assinatura do Adobe Illustrator, e você também precisará de uma conta do Canva Agora, não importa se você tem uma conta gratuita ou profissional do Canva, pois você pode concluir esse processo com qualquer uma delas Você também precisará de um conhecimento básico de como usar o Canva e o Adobe Illustrator para poder passar por esse processo Se você está pronto para criar seus próprios quadros personalizados do Canva, então vamos começar 2. Configure sua prancheta: A primeira etapa desse processo é começar no Illustrator. Então, vamos criar nossa prancheta e, se você estiver me acompanhando, vamos começar nomeando nosso arquivo, então vou colocar talvez molduras do Canva Ok, do tamanho da sua prancheta, você não precisa ser muito exigente neste estágio Só precisamos de uma prancheta onde possamos criar nossa arte. Então, o que vou fazer é ter várias molduras em uma prancheta Em vez de ter várias pranchetas. E isso fará sentido mais tarde, quando os importarmos para o Canva Basicamente, o que eu vou fazer é escolher um A quatro. Estou na Austrália, então usamos A quatro, mas se você estiver, digamos, nos EUA, você pode usar a letra dos EUA. Mas, honestamente, qualquer tamanho, porque você sempre pode redimensionar suas pranchetas de dentro do Canva, e vou configurá-las para Ok, então não seja muito exigente neste estágio com essas configurações , pois elas realmente não têm um grande impacto no resultado final Então, temos nossa prancheta montada lá. Se você quiser fazer várias , podemos sempre criar novas pranchetas Você pode ter quantos quiser. Mas acho que, enquanto estamos aprendendo, vamos usar uma prancheta para que seja mínimo o upload e o download e esse tipo de coisa 3. Crie seus elementos vetoriais: OK. Nesta lição, começaremos a criar as formas ou os elementos que se tornarão nossos quadros do Canva Agora, a chave desse processo é que cada elemento com o qual você trabalha precisa ser um elemento vetorial e, na verdade, não importa a forma. Então, o mundo é sua ostra em termos do que você pode criar Vou percorrer algumas maneiras diferentes. Eu vou te mostrar formas básicas. Vou te mostrar com a ferramenta caneta, o pincel e depois a ferramenta de digitação Então, vamos criá-los por enquanto. Você pode criá-los junto comigo. Vamos começar com nossa ferramenta de formas. Temos a ferramenta quadrada ou retangular, a circular ou elipse e todas as ferramentas de formas diferentes Em um caso, talvez você queira criar uma moldura, pode ser como se estivesse criando modelos para cartões de visita ou páginas e esse tipo de coisa Então, se quisermos criar uma forma, essa é a forma de um cartão de visita. Na Austrália, as dimensões padrão do nosso cartão de visita como o tamanho, são 9 centímetros por 5,5 centímetros. Agora, isso não significa que eu tenha que criar uma forma com o tamanho exato. Não precisa ter 9 centímetros por 5,5, mas a proporção precisa ser a mesma. O que eu vou fazer é fazer 90 pontos por 55 pontos, e essa é uma forma minúscula lá. Mas a chave é que minha proporção está correta. Não importa se eu redimensiono, desde que eu redimensione com proporções restritas A outra chave é que precisamos ter certeza de que não há traços, então vamos remover o traçado, e queremos ter certeza de que podemos realmente ver nossa cor de preenchimento Deixe-me trazer meu painel de cores. É fazer um belo azul-petróleo. Agora, um dos desafios neste momento, se você estiver criando formas retangulares é quando as trazemos para o Canva, o Canva as reconhecerá como uma moldura Agora, isso normalmente não é o que queremos. Então, para contornar isso e evitar problemas mais tarde , vou aumentar o zoom e curvar levemente as bordas. Isso apenas ajusta a forma o suficiente para que o CVA não a reconheça como uma Se não importa para você ter essas bordas afiadas, não precisa se preocupar, ou se não se importa em ter a moldura redimensionável, a única coisa é que já existe uma moldura na qual você pode redimensioná-la Se você deseja criar uma maquete de cartão de visita como essa ou uma maquete de página, digamos que você esteja pensando em fazer como uma moldura A de quatro Na Austrália, temos 210 por 297. Essas dimensões, embora não sejam em tamanho real, estão corretas. Se eu precisasse criar um quadro A de quatro páginas, é assim que eu faria. Muito importante é ajustar o canto apenas para que ele mude a forma o suficiente para que o Canva não o reconheça como sua própria Isso é usar a ferramenta de formas. Agora também podemos criar círculos. No entanto, já existem molduras circulares dentro do Canvas, duvido que você precise usá-las. É aqui que fica muito divertido. Vamos usar a ferramenta caneta para criar formas personalizadas. Usando as formas personalizadas. A ferramenta caneta é o que cria seu vetor porque eles são feitos de curvas e cantos em vez de pixels Seja qual for a moldura, a forma que você quiser criar, você pode criá-la de dentro do Canva Talvez vamos jogar um pouco com os dois. Talvez eu queira ter um canto curvo. Onde eu quero ir. Talvez isso. Usei uma combinação da minha ferramenta de caneta e das formas para criar uma bela moldura de canto. Se digamos que você tenha uma imagem que queira traçá-la usando sua ferramenta de caneta ou até mesmo sua ferramenta de lápis, você pode criar qualquer uma dessas formas usando isso. Outra ferramenta que você pode querer usar é a ferramenta de pincel de bolha, porque talvez gostemos da ideia de ter uma moldura em forma de bolha O que é muito legal. Só vou me certificar que estamos completamente preenchidos pois posso ver algumas vagas adicionais lá. O segredo é apenas garantir que a moldura tenha o formato de sua preferência Existe a ferramenta blob brush. Digamos que você queira criar uma moldura para letras. Vou pegar a ferramenta de digitação e vou dizer a letra M para Michel Não. Vamos usar S para compartilhar habilidades porque estamos nos divertindo. Eu só vou aumentar o tamanho. Agora, uma coisa que você deve prestar atenção com as molduras usar fontes como molduras. Normalmente, quando usamos letras como moldura, queremos que elas sejam bonitas e grossas. Queremos escolher uma boa fonte em negrito. Digamos que a Monsat tenha uma boa e grossa, onde temos parafusos extras ou pretos Vamos escolher o preto. Temos nossa ferramenta de cartas aqui, nossa moldura de cartas aqui. No entanto, queremos garantir que não o deixemos como tipo. Queremos criar contornos, queremos expandi-los. Antes de transformá-los em seus quadros, basta clicar com o botão direito do mouse, criar contornos ou objetos, expandir e. Agora você pode ver como ele foi transformado do tipo em uma forma vetorial. Isso é muito importante para esse processo. Como você pode ver, há muitas maneiras diferentes de criar formas para usar dentro do âmbar. Vá em frente e divirta-se com isso e, na verdade, vou até criar um dos meus favoritos usando a ferramenta Blobrush, que é uma folha de monstro. OK. Vou usar a ferramenta de borracha apenas para criar as folhas na monstera Isso é muito difícil, mas eu só quero mostrar que ele pode realmente aproveitar esse processo. Eu me divirto com o processo. Então, temos nossa forma desenhada, temos nossa carta, temos nosso cartão de visita, moldura de página e, na ordem em que está. Na próxima lição, falarei um pouco sobre bordas porque às vezes você pode querer ter uma borda ao redor da moldura. 4. Como trabalhar com fronteiras: Tudo bem Nesta lição, quero falar com você sobre como lidar com bordas porque talvez você queira criar uma moldura que tenha uma borda dentro dela. Então, eu quero orientá-lo no processo de lidar com isso. Então, digamos que queremos pegar nossa forma de letra, nossa moldura de letras, e adicionar uma borda preta ao redor dela. Então, usando a ferramenta de ilustradores, basta adicionar o traçado à largura desejada E vou transformá-lo em preto para que eu possa realmente vê-lo. Basta fazer seus ajustes no seu traçado. Se você quiser cantos afiados ou talvez queira cantos arredondados no traçado. Basta aplicar as configurações como você gostaria de ver , porque na sua moldura, onde você pode ver a cor azul-petróleo, é aí que a moldura estará O preto permanecerá como uma borda preta ao redor da moldura se seguirmos as etapas a seguir. Depois de aplicar seu traçado, queremos ter certeza de que expandimos o traçado para o traçado que não seja um traçado, seja apenas uma extensão como uma forma separada. O que vou fazer é ir até o objeto, expandir e, em seguida, usar minha ferramenta de criação de formas para conectar os dois traços Vou transformá-lo em preto desse jeito. Agora, o que eu tenho aqui é que eu tenho dois elementos separados agrupados Se eu os desagrupar para mostrar a você, desagrupe. Veja, temos a forma de S e , em seguida, temos a borda preta ao redor dela. É assim que queremos lidar com isso. Agora, se eu os agrupar, isso removerá um dos elementos na próxima etapa, o que fará sentido para você então. Vamos apenas ter certeza de que queremos fazê-las. Queremos selecionar a borda e garantir que ela seja enviada para trás. Ok. Apenas essas duas coisas importantes a serem lembradas certifique-se de expandir o traçado para que ele apareça como uma forma em vez de um traçado, e você deseja enviá-lo para trás e garantir que ele esteja desagrupado 5. Crie máscaras de recorte: Basta verificar nosso processo. O que fizemos até agora foi criar um conjunto de formas que vamos transformar em molduras que podemos usar de dentro do Canva Então, basicamente, temos apenas um conjunto de formas vetoriais aqui, e nossa próxima etapa é criar máscaras de recorte para elas É aqui que basicamente vamos transformar cada um desses elementos no formato que o Canva reconhecerá como um quadro Então, o que precisamos para esta etapa é ter nossas formas prontas, mas também precisamos colocar um arquivo de imagem. Não importa qual imagem você usa, porque vamos removê-la de qualquer maneira. Então, basicamente, vou clicar em File Place e vou escolher apenas uma imagem que eu possa colocar aqui. Este é apenas um registro de patente que eu tenho. Ele precisa ser PNG ou JPEG. Tenha sua imagem aqui. Você pode usar uma foto. Você pode até mesmo fazer uma captura de tela e colá-la no Illustrator Isso realmente não importa, desde que seja um arquivo de imagem raster que você possa usar Nesta etapa, o que precisamos fazer é posicionar a imagem de forma que ela cubra cada forma individual que temos. Mas precisamos enviá-lo para trás para que você possa ver a forma na frente do seu arquivo de imagem. Está bem? Não vai funcionar. Se o arquivo de imagem estiver na frente da forma, ele deverá estar atrás dela. Nesta etapa, queremos destacar. Queremos selecionar a imagem e a forma. Clique com o botão direito, faça uma máscara de recorte. Isso aqui está basicamente bloqueando tudo fora da forma por meio dessa máscara de recorte Vou repetir esse processo porque preciso uma cópia da minha imagem, e vamos repetir esse processo para cada forma individual Vou selecionar os dois elementos, botão direito do mouse, criar uma máscara de recorte Quero repetir isso para cada forma que eu tenho, selecione, crie uma máscara de recorte Selecione criar máscara de recorte. Fazemos isso para que a monstera faça uma máscara de recorte. Quando você está lidando com aquele com a fronteira, precisamos ter cuidado aqui. Se eu selecionar tudo e criar a máscara de recorte, você notará que o formato da letra ou a borda, depende de qual delas será excluída primeiro Se eu der um passo atrás, se eu destacar a borda, criar a máscara de recorte com ela, então, onde você pode ver a imagem, é isso que transformamos na moldura no Canva Isso não é o que eu estou procurando, pode ser o que você está procurando, mas não é o que eu estou procurando. Eu gostaria que a parte azul-petróleo do S fosse o que criasse a moldura Vou selecionar isso, selecionar minha moldura de imagem também e, em seguida, criar uma máscara de recorte Você pode ver que eu tenho minha moldura com a borda azul separadamente. Ok. Portanto, essa etapa é a parte mais importante de todo esse processo porque quando ela criou a máscara de recorte, é isso que a transformará em uma moldura quando a importarmos para o Canva 6. Importar elementos para o Canva: Então, agora temos nossos elementos e preparamos a máscara de recorte Agora, nossa próxima etapa é exportá-los do Illustrator e importá-los para o ba Então, vamos fazer algumas verificações primeiro. Vamos nos certificar de que temos máscaras de recorte em tudo e garantir que todos os elementos tenham duas partes, digamos que temos nossa forma de S ou nosso elemento que tenha uma borda ao redor deles, ou talvez você tenha um elemento com várias cores Digamos que você criou uma moldura quadrada e a cortou ao meio e deseja que uma parte seja colorida e a outra seja emoldurada Portanto, certifique-se de que eles estejam agrupados para que estejam no lugar certo, como se não fosse instável ou algo parecido, e apenas certifique-se de que estejam Queremos que eles se separem. E isso são apenas algumas verificações antes de realmente exportarmos o arquivo. Quando você estiver satisfeito com eles, vamos transformar isso em um PDF, então vamos pegar o arquivo e salvá-lo. Deixe-me trazer isso aqui. Vamos apenas salvá-lo como um arquivo PDF. As configurações em si, realmente não importam quais são suas configurações, desde que você as salve como PDF. Então, novamente, as configurações realmente não importam. Pode ser pequeno como o tamanho de um arquivo ou pode ser apenas o que você tem na tela. Isso realmente não importa. Então, vamos salvar o PDF. Depois, podemos entrar no Canva e você começará no painel Como mencionei anteriormente, não importa se você está usando o Canva free ou o Canva pro Também não importa se você está usando, digamos, no momento da gravação, é julho. O Canva ainda está lançando a nova interface. O que você está vendo pode parecer um pouco diferente. Esta é minha conta de treinamento e acho que ainda pode estar na interface antiga. Mas a maioria dos botões e do aplicativo são iguais. Não importa qual versão você está usando, seja ela gratuita, profissional, nova ou antiga, o processo é o mesmo. Essencialmente, o que precisamos fazer aqui é enviar nosso PDF para o Canva Você pode simplesmente clicar, carregar, escolher arquivos e, em seguida, encontrar as molduras do Canva que você acabou de criar, aquelas você acabou de exportar do Illustrator, e você verá que elas aparecerão aqui em seu Basicamente, ele cria uma nova prancheta dentro do Canva para você trabalhar Vá em frente e abra isso. E você viu o flash rápido da imagem marcante do quadro do Canva Basicamente, todos os elementos que acabamos de criar no Canva no Illustrator agora estão aparecendo no Temos mais um passo pela frente. Para cada um, basta clicar no elemento, clicar com o botão direito do mouse e separar a imagem e, em seguida, excluir sua imagem Faça isso para cada um. E você pode ver agora que tem molduras. Só de dar uma olhada na nossa forma em S, você pode ver que os dois elementos estão separados. Mas agora você pode agrupá-los para movê-los em uníssono Cada um deles agora está atuando como um quadro totalmente funcional dentro do mva Se eu me deparar com dois elementos e encontrar alguma coisa. Vamos apenas dez. Se tivermos fotos, podemos colocar vídeos nela, mas basta clicar e arrastar suas fotos para cada quadro, e você poderá ver onde configuramos a máscara de recorte e onde a moldura existe Para cada um, podemos seguir em frente. Em seguida, coloque-o. Com nossa cor de fundo aqui, você pode alterar a cor do plano de fundo, se desejar. Se selecionarmos, escolhermos a cor, queremos um fundo rosa ou azul ou gradiente, é totalmente funcional Com esses quadros, como ainda estamos lidando, ainda estamos lidando com um vetor. Não importa onde eu mencionei no início, não importa o tamanho desde que suas dimensões estejam corretas. Podemos redimensioná-los e ficará bem, nítido e claro Então você pode realmente usá-los para qualquer coisa. Agora, a partir deste ponto, pode haver algumas coisas diferentes para as você queira usá-las. Portanto, você pode criá-los para um cliente usar. E para transferir a propriedade delas para seu cliente, vamos apenas separar cada imagem Para transferi-los para o cliente, você deseja criar um modelo, como um link de modelo, onde você pode transferi-lo para o cliente. Dessa forma, você tem uma cópia das molduras, eles têm uma cópia da moldura para que, se alguma vez as perderem, você possa transferi-la de volta para elas. Você pode querer transformá-los em, digamos, você pode querer transformá-los em uma simulação Digamos que mesa de escritório, certo. Digamos que queremos criar uma maquete, por exemplo. Nós podemos copiar. Então, clique e copie a moldura e cole-a novamente. Podemos redimensionar para colocar o pedaço de papel dentro. Aí está sua maquete, talvez você queira adicionar uma sombra projetada também Você também pode copiar e colar. Se eu quiser criar um modelo completamente diferente. Digamos que eu queira criar um modelo de mídia social. Vou controlar C ou comandar C para copiar este. E então eu vou usar um novo design e vou colá-lo nele. Ok, tamanho personalizado. Vamos apenas fazer uma postagem no Instagram. Então lembre-se, eu ainda o tenho na minha área de transferência, então vou controlar V ou comandar V para colá-lo, e talvez eu só queira adicionar aquela borda bonita a Ok, vamos lá. Vamos usar papel alumínio dourado. Opa, quero dizer o errado. Elementos. Folha de golfe. Talvez eu só queira adicionar um pouco de ouro a isso. Porque isso é uma foto. Aqui vamos nós. Você pode usá-los. Você não está limitado apenas a um design, você também pode copiá-los e colá-los em outros designs. Outra coisa que você pode estar fazendo é querer vendê-las como molduras personalizadas no Etsy Seu próximo passo é basicamente colocá-los, talvez colocar alguns, como algumas pequenas etiquetas sobre isso. Este é um cartão de visita de nove por 5,5. Esta é uma folha monstruosa de quadro inteiro só para dar etiquetas, ou talvez você queira movê-las para que tenha uma por página, ou talvez queira redimensionar a página Mas, basicamente, as molduras estão aqui para você fazer o que quiser dentro do Canva Infelizmente, neste momento, você não pode salvá-los em um kit de marca ou algo parecido. Você não pode salvar os elementos para retirá-los da guia de elementos. Não sei se isso vai mudar no futuro, mas no momento da gravação, não é uma opção para nós no momento. 7. Seu projeto do curso: Eu realmente espero que você tenha gostado de aprender essa nova habilidade. E vou te dizer uma coisa, acho que isso abre muitas novas opções de dentro do Canva quando você pode criar seus próprios quadros É ótimo porque talvez você queira vendê-los como produtos digitais ou criá-los para clientes. É muito bonito se você é designer gráfico ou designer de marca e quer trazer suas habilidades do Illustrator, que é um e quer trazer suas habilidades do Illustrator, software bastante avançado, e seus clientes provavelmente não o estão usando, mas você pode usar suas habilidades dentro do Illustrator e trazê-las para o Canvas para que seus clientes também possam trabalhar com ele Agora, para o seu projeto para esta aula, eu realmente adoraria ver uma captura de tela ou uma imagem do seu quadro lado lado com o quadro em uso Então, o que eu adoraria que você fizesse é organizar qualquer um dos quadros que você criou e criar uma duplicata Se você tem cores nelas, talvez vamos mudar as cores. Então eu adoraria ver você colocar uma imagem nela. Então, faça uma captura de tela porque estou muito animada para ver suas criações Agora, esse processo funciona muito, muito bem. Mas, ocasionalmente, há algumas pequenas nuances, como criar formas retangulares ou quadradas, e o Canva não as reconhece adequadamente Então, se você encontrar algum problema como esse, por favor, me avise porque eu posso ajudá-lo a solucioná-los. Então, deixe-me saber nos comentários, vamos começar uma discussão. Portanto, não se esqueça de ir até a seção de projetos e fazer o upload do seu projeto para que eu possa ver suas lindas criações Muito obrigado por se juntar a mim nesta aula, e eu realmente espero que você tenha gostado de aprender algumas novas habilidades.