Personalizando Templates - Tutorial CANVA para Comunicação Social Espírita

E aí E aí E aí o Olá sejam todos muito bem vindos ao nosso módulo que personalização de templates nesse encontro Mas vamos fazer uma análise de alguns aspectos Paralelos oferecidos pelo Campa iremos aprender a pesquisar por template sistemáticos para filtrar a nossa a nossa busca nossa pesquisa vamos ver que o cão vá oferece uma vitrine com as dimensões das Artes exigidas para cada rede social nós vamos entender um pouquinho a respeito disso vamos aprender a copiar elementos entre uma arte outra e trabalhar um pouquinho com a as imagens em jpg e png O quê que significa isso o que que são quais são as diferenças entre uma e outra nós vamos estar abordando isso bom e é para começar eu vou mostrar aqui para vocês no site do camba eu vou dar uma sugestão primeiramente a gente vai aprender a consultar as dimensões nesta tela principal nós já havíamos dito que quando clicamos em redes sociais ele apresenta as principais plataformas né hoje em dia não principais mais umas uma das mais usadas né E aí a gente pode ver aqui que cada opção cada tipo de publicação tem um tamanho diferente mas qual é esse tamanho como que a gente pode ter uma ideia mais precisa bom é eu vou mostrar para vocês se vocês clicarem aqui é uma outra guia no seu navegador e colocar canva.com/sizes size em inglês significa tamanhos tá ele vai abrir para vocês uma guia de design olha aqui mais uma vez olha que tá vendo quando a gente usa o Google ele já identifica que a página está em inglês e oferece a tradução eu vou colocar aqui para facilitar nossa mano o nosso o nosso utilização e ele já traduziu ó e aqui olha que interessante nós temos por exemplo mídias sociais como uma uma página de tamanhos se eu clicar por exemplo no meu Instagram E olha que acontece ele tá mostrando Quais são os campos gráficos que existem dentro do Instagram Então eu tenho a foto de perfil a foto de perfil aquela foto Vamos abrir aqui para que nós possamos visualizar de forma mais prática e quando nós estamos visualizando o

que existem dentro do Instagram Então eu tenho a foto de perfil a foto de perfil aquela foto Vamos abrir aqui para que nós possamos visualizar de forma mais prática e quando nós estamos visualizando o nosso estamos na página do nosso Instagram no computador a gente vê que essa imagem principal ela é chamada de foto de perfil Então qual que é o tamanho dela ó 110 por 110 pixels mas Leite isso o que que é Pixel Pixel uma unidade gráfica Toda Toda imagem de todo o computador ele é formado por 11 números milhares de quadradinhos cada quadradinho chamada de pizza então geralmente na informática na parte de design a gente usa Pixel tá se você quiser converter em outras unidades não tem problema só para você ter uma ideia tá imagens quadradas imagens quadradas são as imagens que nós trabalhamos até agora 1080 por 1080 são essas imagens que ficam no feed o ok então nós temos as histórias e os rios os Stories né que são aquelas imagens que são é que passam na que dura 24 horas no celular a gente vê que são nesse formato aquela preenche totalmente o a tela do celular se a gente pegasse a gente quiser voltar e vamos ver como é que funciona para o Facebook Vamos lá Facebook mesma coisa ele vai te dar ele vai mostrar né Como que você pode estar personalizando vocês viram que aquele não atualizou a minha minha tradução posso clicar aqui ó traduzir essa página e pedir tá vendo bom então a gente vai poder ter uma ideia de qual é o tamanho de cada área do e no Facebook também tá só que vocês vejam bem aqui existe uma quantidade muito grande de tipos de postagens por isso que a gente prefere que já seja escolhido corretamente na hora da gente fazer as a arte porque quando a gente escolhe assim no momento da publicação não existe a possibilidade de estar cortado de tá esticado né então aqui embaixo ele vai explicar o que que é capa de eventos e não é o que que são os anúncios do Facebook então se você é uma pessoa que trabalha muito no seu centro espírita com publicações dade noção do Facebook como plataforma

ar o que que é capa de eventos e não é o que que são os anúncios do Facebook então se você é uma pessoa que trabalha muito no seu centro espírita com publicações dade noção do Facebook como plataforma principal é interessante que vocês venham aqui ó Campo a ponto com barra size/Facebook e dei uma olhada porque em barra show Ele explica o que que é cada um desses daqui ó e o que é foto de capa que capa de Eventos onde que aparece então ele já dá inclusive aqui ó a capa de Facebook então diz aqui é só para gente poder aprofundar o nosso entendimento do que que a gente quer de onde vai aparecer de como vai funcionar mesma coisa para o Instagram se a gente voltar aqui ó mídia social a gente pode fazer a mesma coisa para o YouTube se vocês fazem a transmissão de Live de estudo pelo YouTube é possível também que vocês criem Artes personalizadas é para os ambientes Então vocês tem o Astro ícone né que aquela aquela bolinha redondinha a arte do canal que fica em cima começa daqui tá vendo esse vem milhão aqui ó também é uma arte do a parte de cima né E aqui embaixo ele explica o que que é cada uma né vai mostrar onde que aparece então o canva ele permite é bem que você possa fazer essa análise e ter esse entendimento Qual que é a diferença né porque até agora a gente falou a gente trabalhou com o formato do post reforçando para quem não acompanhou os outros estudos a forma de desenvolver a arte ela exatamente a mesma agora por quê que é importante escolher aqui o destino da arte para que não haja essa essa correr esse risco de que corte de que fique esticado a perca a qualidade né ela fica desconfigurada então por isso que é importante a gente saber escolher E aí e agora nós vamos aprender a trabalhar com a personalização de template loja Vimos que os templates eles são modelos prontos oferecidos pelo Campus para que nós possamos utilizá-lo simplesmente substituindo os textos necessários e de repente uma imagem né Agora nós vamos aprender a trabalhar com a pesquisa de template

ontos oferecidos pelo Campus para que nós possamos utilizá-lo simplesmente substituindo os textos necessários e de repente uma imagem né Agora nós vamos aprender a trabalhar com a pesquisa de template expor tema nós já já Vimos que quando Nós entramos no campo na opção redes sociais ele mostra né nesse nesses nessas três primeiras fileiras Quais são os tamanhos de aplicabilidade em cada região da mídia social escolhida então por exemplo se eu quiser Facebook eu posso escolher Stories eu posso escolher um anúncio uma capa enfim mesma coisa por Instagram eu posso ter um pouco eu posso ter um Story e a gente vai escolher quando a gente clica aqui nós abrimos uma o branco seu clicar aqui ó ele vai abrir uma página em branco bom Existem duas formas a gente fazer a pesquisa por templates eu posso nessa página em branco aqui dentro pesquisar por templates tá vendo posso fazer essa pesquisa aqui ou eu posso fazer aqui embaixo da até dessas telas de modelos de tamanhos eu tenho os templates ele já me dá os templates aqui então eu posso escolher por exemplo se eu quiser post para Instagram eu clico aqui ó ver tudo ele vai abrir uma página que me permite uma visualização geral dos modelos que eles têm Ah tá então são inúmeros Lembrando que a gente tem que observar né se existe a questão da e da coroa né É ou se existe algum elemento que é pago Às vezes o que acontece a gente tem um uma arte que quando você clica é paga você não consegue nem fazer o download para a área de trabalho e tem outras que ela tem elementos pago você até consegue colocar para área de trabalho mas alguma imagem ou alguma fonte aqui ela é paga então você pode usar mas não na íntegra entendeu Aí fica a seu critério escolher se você vai querer pagar por aquele elemento que está sendo cobrado à parte mas não é o nosso foco nós vamos aqui visualizar vocês vejam que eles mostram uma série de tentar esse prontos como que eu sugiro vocês pesquisarem apesar da visualização aqui ser melhor quando a gente está aqui

nosso foco nós vamos aqui visualizar vocês vejam que eles mostram uma série de tentar esse prontos como que eu sugiro vocês pesquisarem apesar da visualização aqui ser melhor quando a gente está aqui dentro é possível que nós fizemos os filtros então por exemplo vamos supor que nós queremos fazer um texto aquele queremos uma como é que seja família vamos ver assim que que vai trazer de família ele traz algumas imagens de família já alguns Alguns post só de famílias então você vê que aqui ó Oi gente clicar nesse aqui olha que bacana é tarde olha aqui ó tá linda né que que a gente pode fazer a gente pode como que eu vou falar como que eu faço muitas vezes eu vou fazer uma pesquisa quando eu preciso de uma arte muito rápido eu gosto de usar mais o photoshop mas o cão ele me salva muito para que elas aquele aquelas coisas mais urgentes eu vou colocando aqui no meio ambiente todas as artes os temporais que eu acho que ficam legais então por exemplo ó eu vou adicionar uma outra página e vou colocar vamos lá vou continuar a percorrer Se eu achar outra que eu acho interessante Olha que eu achei interessante também olha aqui ó e olha aqui né a gente pode ir selecionando né O que a gente acha legal Oi e a gente vai botando aqui então vocês vejam que a gente tem template Diferentes né E a gente tem elementos que muitas vezes eu gosto de uma coisa aqui eu gosto de outra coisa a pular olha aqui esse papel rasgado que eu acho super legal então o que que a gente podia fazer vamos fazer o seguinte a gente primeiro do selecionou que a gente acha interessante e a gente vai fazer uma arte rapidinho aqui com mal Vamos fazer uma colagem eu vou colocar a ideia é mostrar como que a gente pode personalizar Então vamos supor que eu tenha pegado Artes assim aleatoriamente e eu gostei por exemplo dessa foto aqui eu achei essa foto Legal e vou copiar a selecionar aqui Posso copiar posso clicar aqui e colar eu vou colocar aqui ela vamos supor que eu gostei desse feito de papel rasgado aqui ó eu

dessa foto aqui eu achei essa foto Legal e vou copiar a selecionar aqui Posso copiar posso clicar aqui e colar eu vou colocar aqui ela vamos supor que eu gostei desse feito de papel rasgado aqui ó eu posso copiar e eu posso colar o quê que eu quero mostrar para vocês com isso o que que você tá querendo fazer notícia alguma coisa importante é vou deletar isso aqui e essa imagem seu clicar duas vezes nela aqui ó ela vai me permitir a edição ela é uma imagem ela é uma margem vertical então eu consigo ajustá-la tá vendo dentro do quadrado Então é só clicar duas vezes que você consegue fazer essa alteração vou até deixar ela bem justinho no canva ela vai ficar o que é muito bem eu quero colocar eu vou tô fazendo uma montagem aleatória tá Gente vou colocar aqui achei que ficou legal mas aqui tá sem sombra não deu uma coisa bom ver o que que a gente pode fazer está imagem a gente tá fazendo coisas que a gente já aprendeu né então vamos ver aqui ó sombras que a gente pode fazer nesse daqui a usar vamos usar aqui as sombras ele vai me dar a gente aprendeu a usar as sombras um texto a gente pode usar o e ele tem uma série de sombras para elementos gráficos também tá aí a gente pode dar uma mexida ver como que a gente acha que fica melhor acho que essa que ficou legal Será que não essa aqui essa aqui pronto a gente deixa assim só para E aí eu gostei desse daqui ó eu gostei desse texto dessa família que a família como que é o nome da família Mumbai City que vou colocar para cá eu posso arrastar também nos o que pode colocar aqui eu quero que vocês entendam que eu quero mostrar com isso que muitas vezes a gente pode personalizar os nossos template de duas formas eu posso eu posso reunir dentro de um template de um novo template fazer uma arte totalmente nova que é um base em elementos que eu gostei de outras Artes eu posso usar Fontes que não estavam que não estavam disponíveis né na nesse template original vou copiando de um de outro e o vou montando né uma uma um template totalmente novo tá simplesmente fazendo

posso usar Fontes que não estavam que não estavam disponíveis né na nesse template original vou copiando de um de outro e o vou montando né uma uma um template totalmente novo tá simplesmente fazendo essa esse processo de copiar e colar então eu vou arrastar esse daqui para cá Só para gente a entender Vou colocar aqui ó é só para gente ver E aí A copiar colar com teclado que às vezes vai mais rápido o mesmo colocar aqui ó é é eu vou selecionar tudo isso aqui e vou usar aquele efeito lembra que a gente aprendeu deixar tudo maiúsculo olha aqui ó deixamos maiúsculo vamos supor que eu queira no carro O que é o encontro da área da família a fazer uma coisa bem básica tá gente a ideia aqui a gente brincar com a as possibilidades e da área né já tá família embaixo E aí E aí E aí e pronto uma coisa simples tranquila agora olha só que eu quero que vocês prestem atenção eu fiz essa arte que ela tá um formato quadrado porque ela é para o feed eu quero transformar essa arte numa numa arte para o Story Qual que é o Store vamos lá os Stories vamos voltar aqui os Stories no Instagram eu quero transformar nessa arte amarela aqui o que ocupe toda a tela como é que eu faço bom agora que eu já tenho nessa minha arte aí a gente ficou muito branco aqui se a gente mudar a cor desse papel vamos botar aqui vamos dar uma botar uma cor aqui não sei gente as imagens que não permitem não permitem a gente mudar de cor aqui olha só permite a colocar não foi uma das opções não é mudar a cor Então a gente tem que ficar atento não é defeito Não tem alguns elementos que permitem outros que não permitem e quando eu clico não aparece a roda de cores é porque ele não tem MIT vamos ver se a gente colocar uma é uma um filtro será só para gente testar é muito apagado e ó tá vendo como é é uma processo de teste a gente tem que testar gente não tem Fórmula Mágica não dá para chegar aqui sentar e fazer a gente tem que ver o que que fica bom que que não fica bom vou deixar aqui só para dar um contraste e aqui eu poderia repetir essa

gente não tem Fórmula Mágica não dá para chegar aqui sentar e fazer a gente tem que ver o que que fica bom que que não fica bom vou deixar aqui só para dar um contraste e aqui eu poderia repetir essa informação e colocar aqui o endereço né E aí G1 E aí G1 E aí E aí é é o alinhamento lembra alinhamento é sempre muito importante para a gente não ter problema de conflito nas informações evitar deixar tudo muito nos a colocar tudo né em destaque a gente coloca uma informação e negrita outra para fazer justamente um contraste a gente tira do se uma informação tá totalmente maiúscula outra gente pode deixar minúsculo e vamos supor que eu quero fazer uma arte agora essa mesma arte para os Stories que que eu faço eu vou entrar na página inicial vou clicar no modelo dos Stories vai ser aberto uma nova aba aqui ó vai ser aberta em uma nova aba que que eu vou fazer eu vou começar a copiar todos os meus endereço esses meus elementos vou pegar o fundo vamos ver como é que ele tá olha aqui como é que a área do meus Stories ela é uma área mas verticalizada retrato olha aqui essa aqui é minha é quadrada Então vou copiar aqui ó vamos ver como é que fica já colocou a imagem aqui ó e vamos copiar os outros elementos ó control c um control V eu vou pegar o papel rasgado eu te amo e vamos ajustar né porque ela tá meio curtinho Vamos colocar aqui ó e o que é pronto temos a mesma arte ajustada para os Stories a versão paga ela permite o redimensionamento automático tá gente só você clicar aqui e você vai falar para o qual o tamanho você quer a Letícia Mas eu não lembro qual que é o tamanho vai lá nos tamanhos consulta que isso é para quem tiver a versão paga quem quiser investir você vem aqui você vai consultar né você vai ver qual o tamanho o certinho que você quer e você vem aqui você vai na hora de fazer o redimensionamento você vai colocar aqui o tamanho certinho tá então você já já sabe em casa vocês assim como fazer só que eu vou tirar alegria de vocês porque eu tenho a versão paga que acontece ele

o redimensionamento você vai colocar aqui o tamanho certinho tá então você já já sabe em casa vocês assim como fazer só que eu vou tirar alegria de vocês porque eu tenho a versão paga que acontece ele deixa essa essa essa imagem ele só estica o fundo então acaba que a gente tem que fazer esse processo de redimensionamento para poder ficar em harmonia então não vejo muita vantagem não cá entre nós tá então vamos deixar aqui aprendemos a fazer isso agora e se nós tivéssemos vindo aqui vamos fechar isso daqui a uma coisa que eu quero mostrar para vocês a gente fez essa arte aqui aqui em cima é possível que a gente deu o nome para ela então vamos colocar aqui ó encontro da família e eu posso colocar aqui então ela vai ficar com o nome desse arquivo quando aparecer na tela principal olha aqui ó já mostrou ele mostrou não só o encontro da família que é isso que a gente tá fazendo aqui que eu coloquei o nome como aquele que eu apaguei já que era dos Stories ele também já colocou aqui tá esse aqui porque eu tô com ele aberto ainda Tá gente possui não carregou então eu tô com olho aberto aquele não permite vamos supor que eu queira fazer uma variação desse daqui a gente pode colocar com aqui por exemplo a gente tem vários arquivos de referência Então posso organizar o posso colocar um subtítulo aqui ó referência lá um é meu modelo um né ou você pode colocar o pior modelo dois vocês podem botar o nome que vocês quiserem a partir do momento que vocês desenvolvem a arte é você aqui é a arte final vamos dar um exemplo né é interessante que eu consigo colocar ela aqui em cima então o que que eu faço eu posso clicar aqui ó vou alterando a ordem ela era uma página quatro agora foi para três ó ela vai subindo agora ela virou dois e agora ela tá aqui com arte final parte principal tá é possível clicando aqui ó a gente visualizar dentro desse dessa pasta todas as que eu tenho dentro dessa pasta e me mostra simultaneamente tá vendo aqui a arte que o final que eu fiz ó aqui são as referências os modelos aí eu como você

isualizar dentro desse dessa pasta todas as que eu tenho dentro dessa pasta e me mostra simultaneamente tá vendo aqui a arte que o final que eu fiz ó aqui são as referências os modelos aí eu como você quiser ver a só clicar aqui de novo ele fecha a visualização Tá eu vou fechar aqui porque era isso que eu queria mostrar em relação a personalização nós temos aqui por exemplo E se eu quisesse usar mas eu gostei dessa daqui eu queria usar essa não queria mudar que eu gostei dessa daqui não tem problema basta que você faça o a distribuição alinhamento porque muito dificilmente a gente vai ter uma o Art e é carregado vai ter uma arte que não precisa de adaptação né então o que que a gente pode fazer a gente pode ajustar né o texto a gente pode ajustar o tamanho Então fatalmente a gente vai ter que usar uma data o endereço aí a gente faz a gente usa aquilo que a gente aprendeu nos outros encontros a gente brinca com as fontes vamos ver aqui por exemplo aqui é uma fonte chamada top vamos ver a porta e eu acho que só tem ela e Olha quantas Fontes Poppins tem gente olha aqui ó tem várias então eu poderia por exemplo colocar copo e v a control c control V 11 porque eu queria colocar aqui ó o facilitador e o convidado para não ficar tudo igual né o convidavam diminuir aqui Vamos diminuir ficar bem pequenininho um convidado aí a gente quer colocar aqui ó o nome da pessoa pulando da Silva também continua sendo pop Mas eu posso dar um destaque maior eu vou pegar ele botar pop aí aparece todas as famílias gratuita são essas quatro horas eu posso colocar médio pode botar um bold também olha como vai ficando você vai a configurando alinhando para que você tem um formato você tá usando um template você não precisa escolher a figura já tá editada você vai simplesmente adaptar Então nós vamos duplicar a segurar aqui ó vou ver se dá para duplicar ele aqui ó dopica a gente não fica vai colocando as informações né local por exemplo bom né Vamos colocando pode colocar rede social e assim que você

licar a segurar aqui ó vou ver se dá para duplicar ele aqui ó dopica a gente não fica vai colocando as informações né local por exemplo bom né Vamos colocando pode colocar rede social e assim que você terminar a gente vai ensinar no Próximo módulo como que a gente salva que a gente quer Ok para finalizar nós vamos ver agora a diferença entre imagens png e jpg gif ou jpg é nós podemos fazer o upload nem mesmo né trabalhar com as bibliotecas dentro do campo a com dois tipos de imagem as imagens que tem a extensão png são aquelas que têm o fundo transparente é só imagem e as imagens jpg são aquelas que tenham que um fundo geralmente em branco né então vou mostrar para vocês como que funciona isso vamos pegar uma página qualquer só para gente abrir hoje eu vou fazer o upload de duas imagens tá vou fazer aqui o upload nós vamos colocar um fundo para a gente poder visualizar a diferença Então vou selecionar o meu a minha tela principal vou clicar aqui no quadrado de cores e vou colocar uma um fundo aqui qualquer nós vamos fazer o upload né vou pegar no meu computador vou fazer outro load ele vai abrir e a opção a blusa charac e olha só nós temos duas imagens a imagem png o que eu vou fazer o upload ele vai carregar Oi e a imagem e j pegue que eu vou selecionar aqui ó jpg tá vendo tenho duas na verdade ó vou pegar essa daqui ó que é a mesma comparar melhor e olha só o que acontece e já aqui na minha galeria de fotos de Cláudia eu já vejo diferença se eu pegar um elemento png olha como ele fica ele fica certinho contornado com fundo transparente e uma imagem jpg ela fica com esses quadrados que não são elegantes não é legal não é bacana mas a gente pode remover esse fundo tá gente a gente pode remover na versão paga se você clicar aqui na imagem e clicar editar imagem ele tem a possibilidade de remover o fundo automaticamente mais na versão gratuita a gente tem que usar um probleminha um site tá vocês abram uma nova uma nova aba no seu navegador e coloque em assim ó é remold de remover BG BG porque

o fundo automaticamente mais na versão gratuita a gente tem que usar um probleminha um site tá vocês abram uma nova uma nova aba no seu navegador e coloque em assim ó é remold de remover BG BG porque abreviação de background que a gente já viu que imagem de fundo e aí ele vai abrir essa fase site aqui ó remover fundo de imagem online então para imagens pequenas não tem problema então eu vou pegar aqui essa imagem ó que é o meu Mini 12 jpg jpg Oi olha aqui ó e olha removeu lembra que eu comentei com vocês nos primeiros encontros que esse fundo quadriculado indica transparência eu vou aqui e vou salvar Vamos só olha que ele vai sempre aquele salvar o arquivo ele vai dar esse nome aqui ó Minion 2 ele repete o nome mas coloca aqui ó o remo BG Ele sempre vai colocar essa extenção então vou deixar aqui só para vocês verem voltando para nossa tela e eu vou pegar fazer o outro load e ele vai aparecer aqui ó Cadê o meu Minio meu menino é esse aqui ó vimo VG lá lá é o mesmo agora ele ficou mó ele esse daqui se transformou nesse porque eu removi o fundo tá vendo a gente consegue trabalhar com várias imagens assim você pegar o outro aqui ó só voltar aqui em cima ele permite que eu carregue outras imagens vou pegar uma outra só para vocês verem vou pegar essa moça aqui ó que eu usei na telas olha só que legal que fica e ele faz outro World e remove fundo tá aqui eu tenho ela também eu vou salvar ó ela repete o nome do arquivo e coloca esse mundo aqui ó Então vou colocar aqui vamos só fazer uma moto load para a gente ver como é que fica então é só olha aqui olha emo Beijinho então essa aqui ó ele vai como deletar esse daqui E olha como fica legal ó na coloquei a pessoa bonitinha lá tem na temos uma forma de trabalhar com fundo transparente de imagem eu espero que vocês tenham gostado e até a próxima tchau