Criando sites e trabalhando com Docs usando o Canva

1. SS 02 00 01 Introdução 002: Uma Sala Malik. Meu nome é Willem Takin Sou empreendedor e fundei várias empresas criativas . Eu fiz centenas de projetos de design e trabalho com dezenas de clientes em todo o mundo. Também sou professor acadêmico e consultor corporativo em disciplinas de computação gráfica Por mais de duas décadas, ensino design gráfico , estudo animação comercial, edição de vídeo e gráficos em movimento, visualização arquitetônica, pintura digital, web design, desenvolvimento de jogos, etc., aplicativo on-line Kva Isso mudou para sempre a face da indústria do design. Canva possibilitou que qualquer pessoa crie designs incríveis rapidamente, mesmo que não seja designer, ao mesmo tempo em que oferece aos designers profissionais muito espaço para canalizar Com o Canva, você pode criar designs gráficos para mídia impressa e digital, criar apresentações, editar vídeos e adicionar admissões, escrever conteúdo e até criar sites Se você quiser dominar o Canva rapidamente do iniciante ao avançado, esse núcleo online da série é a resposta Ao longo desta série, você será guiado passo a passo para dominar e utilizar todos os recursos do canvas. Quanto a este curso por si só, este é o segundo da série e é uma continuação do primeiro curso intitulado Canva for Complete Aqui você aprenderá projetos e sites. Você aprenderá a criar documentos on-line combinando texto, gráficos, tabelas e até vídeo. Em seguida, você será orientado a criar um site sem escrever nenhum código, efeitos de animação no site e, finalmente, colocar o site online. Como projeto final, você deverá criar seu próprio site do zero usando tudo o que aprendeu até agora na série de cursos. Como este é o segundo curso da série, você precisará fazer o primeiro curso antes de fazer este. Então, como o Va é um aplicativo on-line, você também precisará de um computador e de uma conexão com a Internet. Ao longo do curso, usarei um PC com sistema operacional Windows 10. Todos os atalhos de teclado que serão demonstrados estarão fora do PC Se você estiver usando um computador, ainda poderá seguir a lição, pois usarei os movimentos da interface de usuário do Canvas ao longo do tempo, que são consistentes em diferentes plataformas. A única diferença são os atalhos do teclado. Em geral, você precisará substituir a tecla de controle, a tecla de comando e a tecla Al pela tecla de opção. Esta série de cursos é perfeita se você um entusiasta que quer projetar desde o básico Além disso, se você é um professor ou estudante que precisa de um aplicativo de design gratuito, se administra uma empresa, essa série básica pode ser muito valiosa, pois Canva pode ajudá-lo a criar materiais de marketing com rapidez e facilidade Se você é um designer profissional, descobrirá que a biblioteca de telas e a interface fácil de usar podem ajudá-lo a acelerar consideravelmente seu trabalho Mas não menos importante, esse curso pode ajudar se você é um criador de conteúdo que quer tirar proveito dos líderes. O curso de tecnologia de IA ainda não abrange os recursos de IA em tela. No entanto, nas lições deste curso, estabeleceremos as bases para o futuro curso, onde discutiremos os recursos de IA participando desta série de cursos on-line Em Shall Law, você e toda a sua empresa poderão usar o potencial fiel do Canvas. Criar designs de qualquer tipo não será mais um fardo para você. Em vez disso, será a sua idade em relação à concorrência. Não espere mais. Faça este curso agora e continue sua jornada para dominar o Canva 2. Sobre o Canva Docs: Neste vídeo e nos próximos vídeos, abordaremos os vários recursos relacionados ao Canva Dogs Observe que o termo cães na Virgínia não é um projeto normal de design em tamanho de papel, como para carta e assim por diante. Mas é um tipo especial de projeto em Va que tem recursos de edição de texto. Por padrão, ele não tem nenhum tamanho específico. Para ser claro, deixe-me mostrar a diferença. Se você clicar no botão Criar um design e, em seguida, olhar para a opção de retrato do documento, poderá ver o tamanho em milímetros Se você clicar para criar um projeto, verá que esse projeto não é diferente de outros projetos de design que criamos anteriormente. Você pode acessar a etapa do elemento, também pode criar um objeto de texto e assim por diante. Esse não é o tipo de projeto que vamos discutir agora, embora o nome do modelo diga Documento. Tudo bem, vamos voltar para a página principal. Se clicarmos no botão Criar um design novamente e observarmos essa opção, ela não mostrará nenhuma dimensão específica. Em vez disso, diz tamanho do pedido. Esses são os cães do Canva ou o tipo de projeto que abordaremos nas próximas lições Você pode selecionar essa opção para criar um novo projeto de cães ou também pode selecionar a categoria do documento na primeira página. Em seguida, clique nessa opção para obter um novo documento em branco. Se você rolar para baixo, também poderá escolher entre os vários modelos fornecidos pelo Canva Por enquanto, vamos escolher o que está acima. Portanto, temos um projeto de tela em branco. Você sabe disso no painel à esquerda. Embora você possa encontrar a etapa do elemento, você não encontrará o elemento de texto. Por quê? Porque para o Canva Dogs, escrever texto já é um recurso padrão, assim como você trabalharia dentro do Microsuportor, Além disso, você não encontrará um recurso para organizar páginas nesse tipo de projeto. Ao contrário de um projeto de design normal em que você pode adicionar ou remover páginas ao trabalhar com cães do Canva, o tamanho do documento continuará se expandindo automaticamente para acomodar o conteúdo que você criar Se você escreve artigos ou blogs antes de usar o Wordpress ou Maybe Notion e algo que provavelmente entenderá, os documentos do Va podem, pois todos funcionam Da mesma forma, se você não usou nenhum desses aplicativos, não se preocupe, pois abordaremos todos os recursos, desde o básico, passo a passo Neste ponto, você deve estar se perguntando: qual é o objetivo de criar cães do Canva? Por que não escrevemos isso no Microsoft Word ou em um software similar? A resposta é que você geralmente deseja usar o Canvas para criar artigos on-line semelhantes a páginas da web ou blogs. Porque além das imagens estáticas, você também pode inserir vídeos online. Você pode compartilhar um documento por meio de um link especial para que seus colegas ou até mesmo o público possam acessá-lo. Você pode até mesmo incorporar o Doc em seu próprio site fora do domínio do Canva Como o conteúdo está originalmente hospedado no Canva, todas as alterações que você fizer no Canva serão automaticamente refletidas nos sites incorporados Mas, além do conteúdo on-line, o Can Vero tem recursos flexíveis de publicação Você pode converter o Can Verdot em apresentações. Você também pode publicar arquivos PDF e assim por diante. Discutiremos tudo isso mais profundidade nos próximos vídeos. 3. Edição de texto no Canva Docs: Neste vídeo, discutiremos os vários recursos de edição de texto em cães Can Va. Para começar a usar cães do Canva, você pode simplesmente digitar o texto da mesma forma que faria em qualquer outro software de processamento de texto Para economizar tempo, preparei o texto do registro. Na verdade, este é um conteúdo de um dos meus blogs. Ao iniciar um projeto do Canva Doc, o estilo ativo padrão é cabeçalho Podemos digitar o texto do título deste artigo. Por exemplo, como fazer b***d ou misturar cores em Creta. Se você pressionar Enter e começar a digitar novamente, o estilo ativo não será o corpo ou um texto simples Usou quatro parágrafos. Deixe-me copiar o texto em ritmo acelerado para economizar tempo Se você quiser adicionar um estilo de subtítulo, você pode pressionar o botão de adição que aparece no lado esquerdo Em seguida, selecione a opção de subtítulo H two e, em seguida, podemos digitar o texto, digamos gradiente Neste ponto, já sabemos que existem três estilos padrão no Canva Docs: Título para o título, subtítulo para capítulo ou título, texto menor que o título e, quanto menor, um é o estilo do corpo do principal que forma os parágrafos 1 Algo que você precisa ter em mente que um cachorro não suporta o recurso de estilos, como você pode existem três estilos padrão no Canva Docs: Título para o título, subtítulo para capítulo ou título, texto menor que o título e, quanto menor, um é o estilo do corpo do principal que forma os parágrafos 1 Algo que você precisa ter em mente que um cachorro não suporta o recurso de estilos, como você pode encontrar na Microsoft Word ou Google Docs. Se você quiser mudar o telefone de todos os seus títulos ou subtítulos de uma só vez, você não pode fazer Pelo menos esse recurso não estava disponível em meados de 2023 quando gravei este vídeo. Basicamente, você precisa fazer isso manualmente. Em cada texto, você pode alterar totalmente um texto que era inicialmente um subtítulo para parecer um estilo de corpo Por exemplo, ao alterar o tamanho do formulário para 12, mudamos o texto que originalmente era estilo do corpo para subtítulo aumentando o tamanho do formulário para 22 Em seguida, vamos nos concentrar nos recursos de formatação de texto. Nós os analisaremos rapidamente porque todos esses recursos geralmente são encontrados em outros softwares. Primeiro, verifique se temos algum texto selecionado. Esse botão de arco-íris é usado para definir a cor do texto Isso serve para configurar o texto para ser aparafusado ou não. Você também pode usar o controle de atalho para alternar essa Em seguida, isso é para deixar o texto em itálico ou não. O atalho é controle. Isso serve para adicionar uma linha abaixo do texto. Isso serve para adicionar uma linha cruzando o texto na próxima. Esse botão serve para controlar o alinhamento do texto. O modo padrão é deixado se você clicar nesse botão, uma vez que o texto será alinhado ao centro Se você clicar nele novamente, o texto será alinhado à direita Se você clicar nele novamente, ele retornará o texto para o atacante esquerdo Atualmente, ele não suporta o alinhamento justificado. Se criarmos superlinhas de texto como essa, selecionaremos todas elas. Ao pressionar esse botão, você pode transformá-los em uma lista não ordenada ou no que também é chamado de lista com marcadores Se você clicar novamente, o texto mudará para uma lista ordenada, também conhecida como lista numerada Então, isso provavelmente é único no Canvas. Se clicarmos no botão novamente, o texto mudará para Lista de verificação. Com isso, você pode utilizar o Scan for dogs como uma lista simples de fazer. Você pode clicar nessas caixas para alternar as marcas de seleção. Se você clicar no botão novamente, todos os textos estruturados voltarão ao texto impresso. Em seguida, isso é para deslocar ou inserir o texto para a direita, e isso é para diminuir ou reverter a entrada. Em seguida, de volta para a esquerda, se você oferecer atalhos, você pode pressionar step para aumentar o Ind e pressionar Shift step para diminuir o Em seguida, se clicarmos nesse botão, podemos usar o controle deslizante na parte superior para ajustar o espaçamento entre as letras O valor padrão é zero. Podemos usar o strider abaixo para ajustar o espaçamento entre linhas ou linhas O valor padrão é 1,4. Discutimos e usamos o botão de adição para adicionar um novo elemento à próxima linha ou ao que está abaixo da linha de texto ativa. Além dos vários estilos, também podemos inserir projetos de design, tabelas, gráficos e assim por diante. Falaremos sobre isso gradualmente nos próximos vídeos do filho. Esse botão de adição pode ser muito útil se você estiver trabalhando em um dispositivo móvel, mas se estiver usando um computador ou um dispositivo com teclado, mudar a posição da mão do teclado para o mouse para frente e para frente pode atrapalhar seu fluxo Esse é o maior benefício de usar o atalho, que é o símbolo da barra Por exemplo, você deseja adicionar um texto de subtítulo abaixo. Pressione Enter primeiro e, em seguida, pressione o botão Avançar no teclado. Canva exibirá o mesmo painel de quando você pressiona o ícone, basta digitar sub Use a tecla de seta para baixo no teclado para selecionar a opção de subtítulo. Em seguida, pressione Enter. Depois, você pode voltar ao trabalho digitando o conteúdo com o teclado Mais uma vez, esse atalho de barra para frente pode ajudar a manter as mãos no teclado para que você não perca o foco no que está escrevendo 4. Adicionando elementos de design ao Canva Docs: Além do texto, você também pode adicionar vários elementos de design ao Can dogs. Neste vídeo, vamos nos concentrar em trabalhar com elementos fotográficos e gráficos dentro dos cães do Canva Há pelo menos três maneiras de inserir elementos gráficos em cães do Canva A primeira é usar o ícone de adição ou seu atalho, a tecla de avanço A segunda é usando o painel no lado esquerdo. E a terceira é clicar em Brack, o conteúdo diretamente do navegador de arquivos para a área Canva Dogs Vamos experimentar cada uma dessas técnicas. Digamos que, entre esses dois parágrafos, desejemos inserir uma foto relacionada à arte ou pintura Lembre-se de que, se você quiser usar o ícone de adição, verifique se o cursor do texto está na linha antes da linha em que você deseja colocar o elemento. Mas se você quiser usar o atalho do teclado, você precisa pressionar Enter primeiro para criar uma linha vazia Só então pressione a tecla de avanço no teclado. Queremos pesquisar fotos relacionadas a pinturas. Podemos digitar na caixa de pesquisa, a palavra pintura e, em seguida, pressionar a tecla de seta para baixo no teclado para selecionar a categoria da foto e pressionar Enter. Basta selecionar a foto que você deseja usar e pressionar Enter novamente. Este é o resultado, a foto que selecionamos foi inserida no documento. Lembre-se de que esse primeiro método pode ser usado para inserir elementos de design que estão disponíveis na biblioteca de telas. Se você quiser inserir seu próprio arquivo, precisará usar um dos próximos dois métodos. Por enquanto, eu o desfaço pressionando o controle Z. O segundo método para inserir elementos de design nos cães do Canva é por meio do painel à esquerda Neste momento, tenho certeza de que você já sabe como fazer isso. Deixe-me explicar isso rapidamente. Digamos que queremos inserir um elemento gráfico. Você pode usar o recurso de pesquisa se quiser. Você pode ver que o Canva oferece uma variedade de gráficos e alguns deles têm recursos de emissão Basta escolher um que você goste. Por exemplo, eu quero usar esse. Se eu clicar nele, ele será colocado em uma nova linha abaixo da linha ativa ou onde o cursor do imposto estava localizado. Mas se você usar o método de arrastar e clicar, poderá colocar o gráfico em qualquer linha ou linha , independentemente da localização do cursor do imposto. Agora, se você quiser usar seu próprio arquivo de imagem, como antes, você pode primeiro abrir a etapa de upload. Se você não fez o upload da imagem , primeiro precisa pressionar o botão de upload. Depois que o upload da imagem for concluído, você poderá usar o método clicar e arrastar ou clicar para colocá-la em um projeto O que eu quero mostrar agora neste vídeo é o último método, que é clicar novamente na imagem do navegador de arquivos diretamente na área Canva Dogs Eu preparei esse arquivo antes do registro. Basta clicar novamente nesta imagem. Podemos selecionar onde colocá-lo em um documento e depois soltar o mouse. Canva Wolfs carrega o arquivo para a pasta de uploads e quando o processo de upload estiver concluído, a imagem será inserida no local em que soltarmos o A técnica de edição de elementos fotográficos no Canva Docs é bastante semelhante a outros tipos de projetos, com algumas diferenças e limitações Clique em Brag para mover sua localização de uma linha para outra em um documento Você também pode ajustar seu tamanho usando os pontos de controle nos cantos. Você pode usar as caixas de controle nas laterais para fazer cagadas O que você não pode fazer em cães de lona é rotear os elementos de design Talvez esse recurso esteja disponível no futuro, mas é assim em uma versão que estou usando atualmente. Agora, se o tamanho da imagem for menor que a largura do documento, você pode usar esse botão para definir o alinhamento. Clique para alterá-lo para a linha esquerda. Clique novamente para obter uma linha à direita e clique novamente para voltar a usar o centro da linha. Você pode virar a imagem se quiser , horizontal ou verticalmente. Se você quiser ter mais controle sobre a área de corte, você pode pressionar este botão de corte. Agora estamos no modo de edição de recorte. Você não pode simplesmente usar os pontos de controle na imagem para ter um controle mais preciso sobre a área que você deseja exibir Você pode pressionar Concluído para aplicar o corte, pressionar Cancelar para abortá-lo. O último é o painel de edição de imagens. Tecnicamente, não há nada diferente de como aplicamos um filtro ou correção de cores em imagens ruster em outros projetos de design Já abordamos isso antes, então podemos pular isso com segurança para economizar tempo A última coisa que quero abordar é como excluir um elemento gráfico existente dentro dos cães do Canva Para excluir um elemento, você precisa selecioná-lo primeiro. Se você preferir usar o mouse, basta clicar no elemento. Em seguida, pressione esse ícone de lixeira. Mas se você quiser se concentrar em usar o teclado, só você pode pressionar as teclas de seta no teclado para mover os textos. Se o cursor Tex estiver em um elemento gráfico, ele será selecionado automaticamente. Em seguida, você pode pressionar a tecla delete ou a tecla backspace para removê-la 5. Trabalhando com vídeos no Canva Docs: Neste vídeo, discutiremos várias técnicas relacionadas à incorporação de elementos de vídeo no Canvas Para inserir um vídeo no canva dot. A técnica é semelhante à forma como inserimos elementos gráficos. Podemos usar o método do ícone de adição ou a tecla de barra. Podemos usar o painel no lado esquerdo ou soltar o arquivo do navegador de arquivos na área Canva Dog Por exemplo, podemos pressionar Enter e, em seguida, pressionar a tecla de barra no teclado Digamos que queremos colocar um vídeo relacionado à pintura, esse tipo de pintura, em uma caixa de pesquisa. Em seguida, use a tecla de seta para baixo, selecione a categoria de vídeo e, em seguida, Enter. Selecione o vídeo que você deseja usar. Em seguida, pressione Enter novamente para confirmar. E aqui está o vídeo. Você pode escalar um elemento de vídeo dentro de um projeto do Canva Do, mas não pode recortá-lo. Você pode girá-los. Você pode especificar o alinhamento, seja à esquerda, à direita ou ao centro Você também pode virar o elemento de vídeo na horizontal Se clicarmos no botão Editar vídeo na parte superior, podemos adicionar efeitos. Também podemos **** vídeo por meio de uma etapa. O que é diferente do elemento gráfico é o ícone. Podemos usar isso para determinar o volume padrão do vídeo, se quisermos definir o volume para 100% ou abaixo disso. Também podemos silenciar o som. Você deve observar que essa configuração de volume não se aplica se o vídeo não tiver som. Além disso, os usuários que abrirem sua página de tela ainda podem controlar o vídeo ao seu gosto Eles podem fazer o vídeo em tela cheia. Eles também podem usar o ícone do alto-falante na parte inferior para ajustar o volume. Mesmo se você silenciar o som, os usuários têm a liberdade reativá-lo se quiserem seguir, o que diferencia o elemento de vídeo do elemento gráfico é o recurso de corte que você pode acessar por meio desse ícone em forma de esquiador Com isso, você pode determinar o ponto inicial do vídeo arrastando borda esquerda e determinar o ponto final arrastando a borda direita. Você também pode arrastar na área central para deslizar a área de vídeo reativa Quando terminar, você pode clicar no botão concluído à direita ou simplesmente clicar em qualquer lugar fora da área de vídeo. Se você tem seu próprio vídeo que deseja enviar para can va dogs, a técnica é a mesma, então nós enviamos elementos gráficos. Você pode arrastá-lo e soltá-lo diretamente do navegador de arquivos ou abrir a guia de upload Apenas certifique-se de abrir uma aba de vídeo em vez da aba de imagens Uma consideração importante ao enviar vídeos é o tamanho do arquivo Em geral, os arquivos de vídeo são muito maiores do que os arquivos de imagem. Isso ocorre porque um vídeo é basicamente uma coleção de muitas imagens. Mencionei isso porque, se você estiver usando uma conta gratuita do Canva, terá no máximo 5 gigabytes de Faça upload frequente de arquivos de vídeo para a tela Você descobrirá que seu espaço de armazenamento se esgota rapidamente. Uma solução para obter armazenamento limitado em tela redonda é usar plataformas de vídeo como o Youtube. Você já deve saber que o Youtube oferece armazenamento limitado de vídeos gratuitamente. Não vou explicar como enviar vídeos para o Youtube porque está fora do escopo deste curso. Vamos supor que você já tenha o vídeo no Youtube e queira exibi-lo no seu projeto do Canva Primeiro, você precisa obter um link especial para o vídeo. Há muitas maneiras de obter um link, mas a maneira mais fácil é clicar com o botão direito do mouse em uma área de vídeo, a URL do vídeo copiado. Neste momento, o link do vídeo já está na área de transferência Podemos então abrir o Canva novamente para inserir o vídeo em um projeto do Cava Do Você pode pressionar Enter para criar uma nova linha em branco e, em seguida, pressionar o símbolo de avanço. Em seguida, digite Incorporar ou apenas EM, para abreviar, selecione a opção incorporar Pressione control V, link de duas páginas e pressione Enter. Como esse vídeo foi originalmente armazenado no Youtube Surfer, não há muitas opções para editá-lo Só podemos mudar a escala, também apenas o alinhamento. 6. Incorporando projetos de design: Neste vídeo, discutiremos como trabalhar com o elemento de design Cava no Canva O significado de design do Canva é qualquer projeto de design que criamos no Canva Qualquer projeto de design que criamos no Canva pode ser incorporado em um projeto dock do Canva Para isso, existem duas abordagens que podemos usar. A primeira é a abordagem interna. Isso significa armazenar o motivo internamente no projeto Dc A segunda abordagem é o método externo. Ou seja, incorporamos o projeto Reason usando um link semelhante ao que incorporamos vídeos do Youtube anteriormente Vejamos esses dois métodos, um por um, começando com o primeiro método, que é o método interno. Digamos que queremos inserir um elemento de design após essa frase de abertura. Usamos os quatro atalhos anteriores. Agora vamos tentar usar o método do ícone de adição. Para isso, não precisamos criar uma nova linha. Basta pressionar o ícone de adição e usar a opção de design. Você pode ver que o Canva abre uma janela flutuante onde podemos criar um novo projeto de design Você está livre para usar qualquer uma das técnicas de edição de design que discutimos anteriormente. Para economizar tempo, selecionarei aleatoriamente um dos modelos fornecidos pelo Canva Depois de selecionar um modelo, assim como qualquer outro projeto de design, você ainda pode alterar, adicionar ou remover elementos dele. Por exemplo, alterei o texto para dar as boas-vindas à minha página. Podemos expandir seu tamanho enquanto pressionamos o botão. Ao contrário de um projeto de design normal, você não precisa dar um nome a esse projeto de design. Por quê? Como o projeto de design armazenado dentro de um projeto para cães do Canva, qualquer nome que você der a ele será ignorado pelo Canva Se você terminou de editar o design e quiser usá-lo em seu documento, precisará pressionar o botão Seguro. Mas se você quiser cancelá-lo, basta pressionar o botão X no canto superior direito. Por enquanto, pressiono o botão Seguro. Esse é o resultado. Você pode ajustar a escala do elemento de design Ova. Você também pode simplesmente alinhar se a largura for menor que a largura do documento. Se você quiser editar o elemento de design Ova novamente, você pode clicar no botão Design no canto superior esquerdo. Ou você pode pressionar o botão Escuro e selecionar Editar design. Ou um método mais rápido é clicar duas vezes diretamente na área de design. O Canva abaixo abre uma janela para editar o projeto de design. Uma técnica que eu quero abordar agora é Recs. No design de designs dentro dos encaixes do Canva, você não pode alterar a largura A largura é fixada em 2000 pixels. No entanto, você ainda pode alterar a altura. Para fazer isso, você precisa primeiro selecionar o objeto de fundo e, em seguida, clicar e arrastar a caixa de controle na parte inferior. Sinta-se à vontade para escolher a altura necessária. Ao terminar, você pode clicar no botão Salvar novamente para salvar todas as alterações que fizemos anteriormente. Então essa é a primeira abordagem, que é o método interno. Em seguida, vamos discutir a segunda abordagem ou o método externo. Para usar esse método, precisamos obter um link especial do design que queremos incorporar Para fazer isso, se você tiver o projeto aberto, pressione o botão Compartilhar e, em seguida, clique no botão Capling Você também pode obter o link. Quando estiver no campo principal, você pode pressionar o botão pontilhado na miniatura do projeto e selecionar Se esta é a primeira vez que você acessa o recurso de empilhamento, V geralmente mostra algumas informações ou um guia do Osmo Abordaremos diferentes opções publicação de links em uma lição posterior. Por enquanto, basta selecionar a única opção que você pode acessar e pressionar Copiar. Agora, o link para o projeto é copiado na parte do clipe. Você pode voltar ao projeto canva dot e, em seguida, pressionar o botão de adição Em seguida, você pode digitar E M ou simplesmente rolar para baixo até encontrar a opção de incorporação Pressione o controle V para colar. Em seguida, pressione Enter. E aqui está o resultado. Como esse elemento é na verdade, um projeto de design independente, todas as alterações feitas no projeto de design serão automaticamente refletidas na aparência do elemento de design dentro do encaixe de latas Como as alterações não acontecem imediatamente, às vezes você precisa fechar e reabrir o projeto can dock para ver as alterações mais recentes nos elementos de design incorporados externamente 7. Publicando projetos do Canva Doc: Neste vídeo, discutiremos as diferentes técnicas para publicar projetos do Vado Há pelo menos três métodos que você pode usar. A primeira é baixá-lo como um arquivo PDF. Isso será útil se você quiser imprimi-lo ou compartilhá-lo com outras pessoas como um documento digital. A segunda é publicá-lo on-line por meio de um link. É como ter um blog ou uma página da web que as pessoas possam acessar usando um navegador da Internet. E a terceira é incorporar em um site externo fora do domínio canvas. Antes de discutirmos as técnicas uma por uma, quero primeiro incluir dois tipos de elementos de design que não discutimos antes. Ou seja, tabela e gráfico. Você pode abrir a guia do elemento e, em seguida, abrir a subcategoria da tabela Sinta-se à vontade para usar o tipo que você preferir. Você pode inserir alguns dados aleatórios na tabela ou deixá-los em branco. Discutiremos as características da tabela e do gráfico com mais detalhes posteriormente em seu próprio capítulo. Para o elemento do tipo gráfico, Canva já forneceu alguns dados fictícios, então não precisamos inserir os dados manualmente A razão pela qual fazemos isso é apenas para ver a aparência desses elementos quando publicamos o projeto. Tudo bem, o processo de baixar cães do Canva como arquivos PDF é semelhante a qualquer outro projeto de design Basta clicar no botão Compartilhar selecionar a opção de download. Você pode ver isso para o tipo de arquivo. Os cães do Canva só podem ser baixados como um arquivo PDF. Nessa lista suspensa, você pode selecionar o tamanho do papel que deseja usar. Automaticamente, redimensione seu documento para o tamanho especificado aqui Por exemplo, escolho um tamanho de quatro e pressiono o botão de download. Agora vou tentar abrir o arquivo PDF no navegador Microsoft H. Aqui está o resultado. Você pode ver que o Va cortará ou dividirá automaticamente nosso documento longo em quatro páginas de tamanho. Se você já imprimiu uma página da Web, ela deve ser semelhante a este arquivo PDF. Você não verá nenhum problema com o texto, pois V seguirá o texto até a próxima página se ele for cortado. No entanto, o conteúdo do vídeo, imagens, tabelas e gráficos serão truncados se estiverem na borda da página Se você quiser evitar elementos truncados como esse , a solução não é usar can va doc em primeiro lugar, mas usar um tipo de projeto de design normal que definamos o tamanho para quatro papéis A segunda abordagem é o método de publicação on-line, usando um link especial. Se você abrir o menu compartilhado, poderá ver o botão de limite Já discutimos a função copil antes ao incorporar projetos de design do Canva, mas não discutimos a diferença entre as duas Se você definir isso para que somente você possa acessar , o link criado pelo Canva será privado Isso significa que somente você ou o proprietário podem abri-lo ou determinadas pessoas às quais você concede acesso intencionalmente Para adicionar pessoas que possam abrir o documento, basta pressionar o botão de adição na lateral da foto do golpe aqui. Ou você também pode fazer isso aqui. Em seguida, digite seus e-mails. Discutiremos os recursos de colaboração em tela com mais detalhes posteriormente em um capítulo dedicado. Por enquanto, vamos dar uma olhada na segunda opção, que é qualquer pessoa com o link. Com esta opção, o documento pode se tornar público ou acessível a qualquer pessoa que tenha o link no lado direito, parâmetros adicionais aparecerão. É melhor não definir isso como pode editar, pois isso significa que qualquer pessoa com o link poderá fazer alterações no documento. Em um ambiente público como esse, é melhor usar a opção de visualização para que outras pessoas só possam visualizar o documento sem a capacidade de fazer alterações. Ou pelo menos use a opção de comentário se quiser ativar o recurso comum. Por enquanto, vamos tentar ativar a opção de comentário. Depois disso, pressione o botão Capling. O texto do link foi copiado para a memória do sistema. Podemos tentar abrir o navegador no modo anônimo ou anônimo, se você estiver usando o Google Chrome Se você estiver usando o Microsoft H, esse modo é chamado de privado. Dessa forma, o Va não consegue detectar sua conta ativa. É como se fôssemos usuários aleatórios que podem abrir o link e não como proprietários do documento. Basta basear o link no campo de endereço. Em seguida, pressione Enter. Se você é um usuário geral, para comentar, primeiro precisa se inscrever ou fazer login no Canva, depois de fazer isso Você pode selecionar o texto que deseja comentar pressionar o botão de comentário no lado direito. Você pode ver que, como estou usando o modo de navegador privado, Canva acha que não estou fazendo login não permite que eu escreva nenhum comentário Uma coisa importante que você precisa lembrar é que, quando incorporamos um projeto de design do Canva aos cães do Canva, se você se lembra, configuramos o link no Isso é o que acontece. O Canva precisa se certificar de que você é o proprietário original do design Caso contrário, o conteúdo do design não será exibido. Se você quiser que o design seja visível para todo o público, você precisará redefinir o link para o projeto de design também seja público. Ou seja, acessando o projeto e depois alterando a opção para qualquer pessoa com o link. Por enquanto, vou excluí-lo para que nosso documento pareça mais limpo. Podemos pressionar o botão Atualizar no navegador para ver as alterações Outra coisa que você precisa prestar atenção é o elemento de vídeo. Se o vídeo estiver nos servidores Canvas, os usuários podem simplesmente pressionar play para assisti-lo. Mas se o vídeo estiver em outra plataforma, como o usuário do Youtube, bloqueie o bloqueio, clique em uma área de vídeo Só então eles podem pressionar o botão play para assistir. O último método é publicar o documento por meio de incorporação. Para tentar isso, você deve ter pelo menos um site. Acontece que tenho vários sites ativos, um dos quais são os tutoriais do Creta Este site usa o Wordpress como seu CMS ou sistema de gerenciamento de conteúdo Para incorporar cães do Canva, você precisa abrir o menu Compartilhar novamente escolher a opção Incorporar Atualmente, nosso documento do Canva Dogs não tem um link de incorporação ativo Pressione este botão de incorporação para ativá-lo. Quando ativo, A fornece dois tipos de links: TML, código de incorporação e link de incorporação inteligente Geralmente, o código ML funciona globalmente em todos os tipos de CMS, enquanto esse link Smart Embed funciona apenas em determinadas plataformas que o suportam Um deles é o Wordpress, mas apenas aqueles que estão hospedados no WordPress.com. Você não pode usar este link no site normal do Wordpress ou na versão da comunidade Vamos usar a opção TML pressionando este botão de cópia. O código TML já está copiado para a memória. Em seguida, acesse o painel do CMS do seu site. Novamente, você pode usar essa técnica para qualquer site que ofereça suporte à incorporação personalizada de CML, não apenas Acontece que eu uso o Wordpress para este site de tutoriais de Creta Se você usa um CMS diferente do Wordpress, as etapas podem ser um pouco diferentes, mas o conceito básico é o mesmo Eu preparei uma página fictícia chamada dummy of record. Para experimentar esse recurso, posso clicar nesse botão de adição e pesquisar em HTML Aqui está o elemento chamado HTML personalizado. Clique ou clique em vermelho neste elemento na área da página. Em seguida, pressione o controle V de duas páginas para codificar para testar ou visualizar a página. Você pode pressionar o botão de visualização, depois a área de trabalho e, em seguida, pressionar este ícone. Você pode ver que as pedras de canva incorporadas a uma página da web são colocadas dentro de um contêiner que usa uma tag iframe Na minha opinião, os usuários se sentirão desconfortáveis lendo conteúdo em uma caixa como essa. Na verdade, os usuários podem pressionar o botão de tela cheia no canto inferior direito. Mas ainda seria melhor se não exigíssemos que os usuários interagissem demais. Este curso não é sobre design de site, mas apenas uma dica, se você quiser deixar a caixa do Iframe mais alta e também remover o texto informativo Você precisa editar um pouco o código. Primeiro, você precisa alterar o valor da altura de 600 pixels para um valor maior. Esse valor depende da altura do seu documento. Vamos tentar ser o líder de Tops and Pixels. Podemos ajustá-lo novamente. Se for muito alto, você precisará excluir a altura máxima, o perímetro e seu valor Finalmente, podemos excluir toda a tag âncora para eliminar o texto informativo na parte inferior Agora só temos o iframe, a tag de abertura e a tag de fechamento se tentarmos visualizá-las Novamente, podemos ver que o contêiner do quadro não exibe mais nenhuma barra de rolagem, pois já é maior do que o conteúdo dentro dele. Na verdade, agora é muito alto vermos um espaço vazio na parte inferior. Você pode tentar reduzir o valor da altura novamente, se quiser. Você também pode ver que agora não há mais texto abaixo do contêiner. Vamos voltar ao Canvas. Se você não quiser ativar o recurso de incorporação deste documento, você pode clicar no link diz e publicar este design Nesse caso, todos os sites externos que incorporam o documento exibirão um erro são proibidos para a mensagem 03 8. Criando sites usando o Canva: Um tipo de projeto em Kva que é semelhante aos cães são os sites de Ken Va, embora ambos os tipos de projetos possam ser feitos on-line Como o nome sugere, sites da Va são mais adequados para criar sites do que apenas documentos on-line. Mas, por favor, não compare os recursos dos sites de Ken Va com ferramentas profissionais populares de web design, como Figma, Webflow Framer ou talvez construtores baseados em Wordpress, como Elementor Oxygen e assim Como o site de Ken Va é relativamente novo, pelo menos na época em que gravei esse vídeo, os recursos ainda eram muito limitados. Mas por outro lado dessas limitações, site can Vo é muito fácil de usar É um ótimo ponto de partida para iniciantes que desejam criar um site simples rapidamente, sem precisar aprender a codificar usando HTML e CSS Para economizar tempo, não criaremos um site do zero, mas escolheremos um modelo fornecido pelo Canva página principal do Canva, você pode abrir uma categoria de site rolar para baixo até a seção de modelos ou também pode usar o recurso de pesquisa Digamos que queremos criar um site para superfícies de design de interiores. Digite em uma caixa de pesquisa, site de design de interiores. Certifique-se de que estamos procurando modelos e não projetos. Em seguida, pressione Digite o modelo que você gosta, tente encontrar um gratuito. Por enquanto, clique em Personalizar este modelo para iniciar o projeto. Já sabemos que o foco do projeto de tela está na edição de texto. Ou seja, você pode digitar diretamente um texto semelhante a um software normal de processamento de texto. Você pode notar que os sites do Canva não se concentram no texto, mas sim no layout do design Mais ou menos semelhante a outros tipos de projetos no Canva. Você pode adicionar diferentes tipos de elementos de design e depois editá-los usando várias técnicas de edição que discutimos no capítulo anterior. Tenho certeza que agora você já sabe de tudo isso. Não há necessidade de revisar isso novamente. Nesta lição, vamos nos concentrar em coisas que são exclusivas do projeto do site Canva A primeira coisa que precisamos discutir são as divisões de páginas Canva usa o termo página , o que pode ser um pouco confuso, especialmente se você está acostumado a criar web designs fora do Normalmente, o termo página se refere a toda a página do site, de cima para baixo. Enquanto isso, as partes da página do site são chamadas de seções. Novamente, esses são os termos comuns entre web design, software e profissionais. Mas em Va, a página Tom é usada para nomear a seção. Esta é a primeira página, esta é a segunda página, esta é a terceira página, e assim por diante. Eu entendo que esse não é um termo comum, mas apenas para evitar confusão, usarei os termos usados por Kva A partir de agora, no lado esquerdo de cada página, você encontrará pequenos ícones. Esses ícones em forma de seta para cima e para baixo são úteis para organizar ou classificar a ordem das páginas Podemos mover a página correspondente para a parte inferior ou superior de outras páginas. Então, esse ícone serve para adicionar nós à página. A função é a mesma de se pressionássemos o botão de notas abaixo. As notas que você criar não serão visíveis para outras pessoas que visitarem seu site. Esse recurso é mais útil para necessidades internas ou se você converter o projeto do seu site em uma apresentação. Discutiremos o recurso de apresentação mais profundidade em seu próprio capítulo. O ícone de cadeado é útil para proteger a página que você criou contra alterações acidentais Então, isso é para duplicar a página. Essa lixeira é para excluir a página. Finalmente, esse ícone serve para criar uma nova página vazia. Tudo bem. Você deve saber que a altura das páginas no projeto do site não é fixa. Você pode ajustar livremente a altura clicando primeiro para selecionar a página e, em seguida, clicar em arrastar, a caixa de controle que aparece na borda inferior da página. Você pode tornar a página mais alta ou mais curta. Por exemplo, quero aumentar um pouco esse grupo de texto e depois reduzir a altura da página porque acho que há muito espaço vazio nessa página para ver como o site fica quando está on-line, podemos pressionar o botão Visualizar. É assim que nosso site fica quando aberto por uma tela grande, como um computador ou uma TV. Bem, é assim que fica quando visto em um celular ou dispositivo móvel com uma tela pequena Agora, uma desvantagem dos sites do Canva é que não podemos personalizar o layout da versão em tela pequena de versão em tela pequena Só podemos definir o layout da versão em tela grande e da versão em tela pequena que seguimos automaticamente, sem nossa intervenção ou controle. Às vezes, o layout não é exatamente o que esperávamos. Por exemplo, esse texto não parece correto porque está alinhado à esquerda, enquanto o texto abaixo está centralizado e assim por diante. Espero que o recurso de design responsivo sites da Mva se torne cada vez melhor Assim, podemos controlar o layout da versão em tela pequena. Além disso, para retornar à tela principal do projeto, podemos clicar neste botão Fechar. Como esse vídeo já é bastante longo, continuaremos a aula no próximo vídeo. 9. Adicionando interatividade a sites: Neste vídeo, continuaremos nossa discussão nos sites do Canva Um elemento comum em todos os sites é a navegação. Pode ser na forma de um menu ou na forma de links. Uma das limitações dos sites do Canva, pelo menos no momento em que gravei esse vídeo, é que todas as páginas que criamos serão conectadas em uma página longa Não podemos separá-los em páginas da web independentes. A segunda limitação também não podemos criar um menu personalizado, criará o menu para nós automaticamente. Tudo o que podemos fazer é nomear as páginas, porque para que uma página apareça no menu, ela deve ter um nome. As páginas que não têm nome não aparecerão no menu. Para poder ver e alterar o nome da página, você precisa abrir o painel de notas. Esse é o nome da página atualmente ativa. Outra forma de ajustar o nome é por meio da visualização em grade. Nesse modo, você pode ver o número e o nome de cada página. Abaixo da miniatura, basta clicar no nome ou no ícone de lápis que aparece para definir o Por exemplo, dou à sétima página o lema do nome. Enquanto isso, deixei intencionalmente as páginas 4 e 5 sem nenhum nome Podemos clicar nesse ícone novamente para retornar ao modo de visualização padrão. Vamos pré-visualizar o site novamente. Atualmente, nosso site não exibe um menu. Para que o menu apareça, você precisa alterar isso sem a opção de navegação para com navegação. Aqui está o menu. Você pode ver que as páginas 4 e 5, que não têm nomes, não aparecem no menu. Podemos tentar pressionar cada um dos links no menu. O que é interessante sobre o menu de navegação nos sites do Canvas é que ele tem um efeito de animação. Ou seja, quando clicamos no link de uma página, a página de destino não aparece repentinamente. Em vez disso, o navegador rolará progressivamente até essa página e, em seguida, quebrará lentamente A seguir, discutiremos a técnica de criação de links. Digamos que queremos que, quando o usuário pressiona esse botão, o navegador vá para outro site ou simplesmente vá até uma determinada página desse Vamos voltar primeiro para a tela principal do projeto. Para criar um link, precisamos primeiro selecionar o elemento. No caso desse botão, você deve selecionar o elemento retangular em vez do texto O objetivo é fazer com que todo o retângulo se torne clicável e não apenas Depois disso, clique com o botão direito do mouse ou clique nesse ícone pontilhado e selecione a opção de link Você pode ver que o atalho para definir um link é a tecla de controle Agora, neste campo, você está livre para inserir qualquer link para links externos Apenas certifique-se de que o URL esteja escrito corretamente, ou seja, começando com HTTP ou HTTPS, depois dois pontos duplos e assim por diante Mas se o que você está almejando é uma página interna, basta escolher na lista abaixo Vamos tentar segmentar a página de contato, por exemplo. Clique em Concluído para confirmar. Agora, se pré-visualizarmos o site novamente e depois pressionarmos este botão. O navegador rolará até o local da página Conte que selecionamos anteriormente Um dos recursos dos sites do Canva que eu acho interessante é a animação Discutiremos o recurso de animação em, com mais profundidade, em seu próprio capítulo posteriormente. Por enquanto, vamos discutir isso brevemente. Como visão geral, podemos aplicar animações no Canva por página ou por elemento se você quiser aplicar a animação a um elemento específico, assim como o Em seguida, clique no botão animar acima em seu painel. Você pode escolher a predefinição de animação que deseja aplicar. Canva mostra imediatamente a pré-visualização da animação na tela principal Para economizar tempo, você pode aplicar a animação em toda a página de uma só vez, até mesmo em todo o site de uma só vez. Para fazer isso, você precisa abrir a guia Animação de página ou também clicar em um elemento de fundo. Digamos que escolhemos a predefinição de animação básica. Cada elemento na página não recebeu automaticamente uma animação do tipo linha de base pelo Canva Agora, se você quiser aplicar a admissão em todo o site, você pode pressionar o botão Aplicado a todas as páginas. Podemos visualizar o site novamente. Como você pode ver, a animação de cada página será acionada quando a tela do navegador chegar à página para publicar projeto do site, para que fique on-line e visível ao público Você precisa pressionar o botão do site publicado acima. O Canva oferece três opções para publicação no site. Usando a opção de domínio gratuito, seu site terá Canvas, LD ou domínio de nível superior. Essa é a única opção que você pode escolher se tiver uma conta gratuita do Canva Além disso, essa opção também é limitada a um máximo de cinco sites. Se você planeja comprar seu próprio domínio, pode fazê-lo por meio do Canva Com a segunda opção, no entanto, você deve observar que, em termos de preço, comprar um domínio por meio do Canva é um pouco mais caro do que comprá-lo de outros provedores de domínio ou hospedagem Mas, pelo menos com a segunda opção, você não precisa definir os registros DNS do seu domínio Por fim, se você já tem seu próprio domínio e deseja conectá-lo a um projeto de site existente no Canva, pode usar essa terceira opção Novamente, esse recurso não está disponível para contas gratuitas do Canva Se você escolher essa opção, você será orientado a atualizar sua conta. 10. O próximo passo: Parabéns, você concluiu este curso do início ao fim. Você aprendeu muito neste curso. Mas abordamos apenas uma pequena parte do que o Canva pode fazer Como você já deve saber, este curso é o segundo de uma série. Se você quiser dominar ainda mais os recursos da tela, confira o resto da série. Você não pode escolher nenhum desses cursos que lhe agrade, mas eu recomendo que você assista ao próximo, editando vídeos e editando animações com o Canva O currículo do curso foi elaborado para ser uma continuação do primeiro curso que você acabou de concluir Também porque abrange muitas coisas que serão úteis, não para prepará-lo para os próximos cursos. Você mesmo pode pesquisar o curso no Skillshare ou apenas usar este link que forneci na tela Espero que esta série de cursos possa ter um impacto positivo em sua vida e carreira. Nos vemos na próxima. Salakum