Neste vídeo eu vou te ensinar como fazer Carrocel de portfólio para as redes sociais fala pessoal tudo bem Aqui é a Micaela do descomplicando sites e antes de partir pro Tutorial quero te pedir para deixar um like no vídeo que ajuda demais o canal a crescer e para você se inscrever no canal bom pessoal eu tô aqui no meu Instagram com carocel que eu mostro para vocês quando eu lanço o projeto novo aqui no canal né eu sempre posto lá esse tipo de carrocel onde você deitando o celular consegue ver o layout por inteiro e
eu vou te ensinar a fazer um Nesse estilo porque est nas redes sociais vai te ajudar demais a converter porque vai te ajudar a passar mais credibilidade vai atrair mais clientes e esse tipo de post é muito importante que você faça lá na sua rede inclusive esse site que eu tô mostrando é um site de portfólio que também é muito importante que você tenha eu ensinei vocês a criar este site aqui no canal passo a passo e se você quiser também agora nós vendemos os templates de todos os projetos que a gente cria Então se
se você não quiser criar do zero você pode instalar um template no seu site e só ir adaptando para esse template de portfólio nós temos a versão feita com elementor free e a versão feita com elementor pro vou deixar o link da minha loja que é templates pdcom si.com.br aqui no card e na descrição se você quiser conferir e o tutorial desse projetos completo também ok o primeiro passo que você vai fazer então é acessar algum projeto que você queira por exemplo eu vou pegar esse aqui aqui da Nexus e é muito importante que você
role a tela até o final para poder carregar todas as animações do seu site primeiro aí depois você vai tirar um print da tela inteira eu uso a extensão Golf page screen capture se você não tiver ela você vai até o Google digita Golf page screen capture essa extensão aqui você vai instalar e ativar ela no seu navegador quando você instalar se não tiver aparecendo aqui clica nesse ícone E aí tem que estar ativo neste alfinete Zinho que aí vai começar a aparecer aqui aí é só clicar não pode sair da tela pronto vai ter
tirado o print você clica aqui para baixar em imagem e agora nós vamos acessar o canva primeiro a gente vai vir aqui no canva e vai criar a nossa capa e o nosso final você vai vir aqui em criar um novo design vai vir aqui em tamanhos personalizados em largura você pode colocar 1080 e em altura dessa vez eu vou usar o 1350 que é aquele estilo de carrocel um pouco mais alto Mas se você quiser fazer quadradinho também você pode deixar a largura igual 1080 por 1080 que também é muito usado vou clicar em
Criar novo design e aqui eu vou te dar duas opções para você criar essa capa tem vários outros tipos de layout também que fica legal mas olha eu vou te ensinar a criar Do jeito mais simples que eu geralmente faço que é assim primeiro você clica aqui clica aqui no espectro de cor clica aqui coloca a cor que você quer que fique de fundo eu vou pegar essa cor roxa mais escuro da minha paleta depois você vem em título a Adiciona uma caixa de título aí eu vou escrever assim portfólio vou duplicar e aqui embaixo
eu vou escrever site institucional se você quiser tivesse ideia de fontes legais para usar você sempre pode vir aqui no design e pesquisar pelas coisas por exemplo vou pesquisar por portfólio eu vi que Olha tá vendo ó tem umas combinações de fontes legais essa daqui por exemplo aí você abre outra tela né clica só para você pegar o que você precisa aí você vai excluindo das outras coisas e vai copiando ó aqui por exemplo aí você seleciona só o que você quer arrasta aqui para cima já pega o modelinho de fonte Mas se você quiser
fazer do zero também é só selecionar aqui clicar aqui em cima que aí tem várias Fontes aqui para você escolher você vai aumentando aqui o tamanho tá pegar aqui esse formato arrastar para cá clicar aqui na letra mudar a cor para branco e aqui embaixo vou mudar para site institucional Beleza agora eu vou vir aqui em elementos vou pegar uma forma vou delimitar ela do tamanho que eu quero que fique e vou arrastar Aqui para baixo da onde tem escrito site institucional eu vou arrastar a palavra site institucional para ficar em cima dela tenta deixar
alinhado o mesmo tamanho dessa forma com o tamanho que ficou aqui o seu título de portfólio tá pronto aí você ajusta depois que você ajustou o tamanho tudo certinho interessante que você selecione tudo clique em agrupar que aí se você quiser mover você consegue mover tudo sem bagunçar losos OK aí a gente vai pegar aquela imagem que a gente tirou print arrastar ela para cá cortar um pedaço ir aumentando ela aqui na nossa tela aumente de modo que caiba uma imagem aqui também mostrando o site quase que completo então você pode duplicar essa imagem arrastar
para cá aí aqui você diminui deixa de um tamanho que apareça Ela completa ou quase completa vai ficar assim essa é uma maneira de fazer para dar um acabamento melhor você pode clicar aqui na imagem clicar aqui em arredondamento deixar 10 de arredondamento clica aqui nessa imagem clica em arredondamento deixa 10 de arredondamento também E aí a outra maneira de fazer a capa Ó você pode clicar aqui para duplicar Você pode até fazer os dois tipos de capa né porque às vezes você coloca um Às vezes você coloca outro é bom que vai dando uma
diferenciada lá no seu feed não fica tão igual Então olha você pode fazer o seguinte você vem aqui vem aqui em design pesquisa por mocap se não tiver muitas opções legais Você pode sair vir aqui no canva e pesquisar pro mocap olha vai ter várias opções com computador com celular só com o computador ou com várias abinhas assim ó com computador e tablet então você escolhe o que você achar que ficou mais legal só que para colocar naquela imagem lá aí tinha que ser um que dava para você destacar por exemplo esse daqui dá para
destacar só o notebook e o celular clica aqui em personalizar esse modelo ó dá até para excluir o celular se você quiser aí você exclui exclui aqui as outras coisas para não atrapalhar e copia só o notebook aí você leva lá pro seu modelo e dá control V para colar ele por aqui e você pode aumentar ajustar do jeito que você quiser ó a gente pode arrastar esse texto aqui para baixo para dar um acabamento melhor a gente pode pegar uma forma de imagem aqui em elementos pega uma forma de imagem quadrada e ajusta ela
clica aqui com o botão direito camada mover para trás ou então você pode clicar em camada mostrar todas as camadas E aí move ele até ficar atrás do notebook todo e aí aqui você coloca alguma cor que você acha que combine ó vou clicar aqui e vou colocar outro tom de roxo por exemplo também fica legal E aí você vem aqui uploads pega aquela imagem do print do site que você tirou arrasta aqui para cima aí você clica fora clica aqui duas vezes e vai ajustando até ficar na posição que você quer Pronto já vai
ter colocado o site aqui dentro aí aqui nesse caso ó se você quiser você pode até colocar escrito arrasta pro lado ó se você pegar aqui um Carrossel por exemplo Carrossel aí aqui nos layouts de Carrossel sempre tem algum arrasta pro lado já pronto ó por exemplo esse aqui ó aí você copia clica Cola ele aqui ajusta né escrever arrasta ou arraste clica aqui clica aqui muda a cor de fundo muda a cor do texto a cor das bordas e a cor da setinha existem vários modelinhos você vai olhando um que você acha que combine
mais que fique mais legal e coloca ou você pode colocar Só uma satinha também se você quiser V aqui em elementos é pesquisa por seta clica aqui em inver tudo clica aqui em tudo aí aqui em elementos gráficos clica aqui invert E aí vai ter vários e vários modelos ó Você poderia pegar só uma dessa aqui por exemplo Deixar ela bem pequenininho colocar ali do lado ó deixar de branco que também fica legal e esse outro você esclui agora para fazer o final a gente vai clicar aqui em adicionar uma nova página vamos voltar aqui
também dentro do canva aí vamos pesquisar Vamos pesquisar por Instagram pra gente pegar uma caixinha que já tem aqui o feed do Instagram ou então que já tem aqui o seu nomezinho com o Instagram fica interessante olha por exemplo posso pegar esse aqui clicar em personalizar esse modelo eu vou pegar só essa parte aqui da Caixa então esse restante aqui eu vou excluir ó só E clicando em cima de todos esses itens aqui e excluindo pode excluir essa imagem de fundo arrasta aqui com o mouse clica em control c para copiar clica aqui no no
modelo que você está criando clica em control V para colar aí você adapta para o seu nome colocar aqui um exemplo se o nome ficar muito grande e ficar próximo desse ícone aqui por exemplo você arrasta pro lado ou se você não tiver também ele você pode excluir se você não tiver ele no Instagram né aí aqui na foto da pessoa você vem e arrasta uma foto sua ou da sua logo enfim a foto que está em foto de perfil lá no seu Instagram aí você arrasta ela para cá clica em cima dela se quiser
aumenta um pouco ajusta para ficar do jeito que você quer aí aqui você escreve Olha eu pedi pro chat APT criar algumas opções ele me deu várias opções aqui se você quiser pausar e dar uma lida eu vou colocar essa daqui ó Que tal transformar sua ideia em um site incrível clique no link da Bill e vamos conversar vou clicar aqui nessa caixinha vou aumentar para ficar um espaço legal aqui em link da Bill eu vou selecionar clicar aqui em cima para sublinhar para ele ficar destacado e a a gente pode colocar um botão aqui
embaixo você pode vir aqui em elementos e pesquisar por botão por exemplo e achar um botão que você acha combine aqui com o seu layout tem uns inclusive que dá pra gente mudar a cor por exemplo este aqui que já vem com o mouse clicando você consegue clicar aqui em cima e mudar a cor dele fica legal também vou pegar ele arrastar ajustar aqui para ficar bem no meio vou vir aqui no título no texto né pegar um subtítulo arrastar para cá eu vou escrever falar no WhatsApp Aqui é interessante que você coloque o texto
do botão que você quer que a pessoa fale com você que está no link da Bill por exemplo se você criou um link Tree né inclusive pessoal tem vídeo aqui no canal ensinando a criar é link TRE tá se você quiser você colocou lá escrito fale comigo ou pedir o orçamento ou falar no WhatsApp é interessante que você coloque aqui exatamente Na onde que você quer que a pessoa clique Então se tem escrito lá fale comigo você não vai colocar aqui falar no WhatsApp você vai colocar fale comigo tá outra alternativa também para esse botão
se você quiser escrever outra frase é vir aqui em elementos Aí você vem aqui em tudo né Pega uma forma pega uma forma dessa daqui coloca ela do tamanho que você achar adequado muda de cor e se você quiser colocar também uma mãozinha daquela do lado você escreve Click você vai achar vários ícones esse aqui por exemplo aí faz um botãozinho parecido com aquele lá que a gente viu no início depois de ajustar tudo você seleciona tudo de uma vez arrasta para cima para baixo deixa tudo alinhado e O legal é que você pode fazer
tudo de uma vez uma vez que você já fez aqui o modelinho É só você ir clicando em duplicar E fazendo mais por exemplo já tem aqui em upload alguns outros modelos como este site aqui de escolinha Então é só você ir adaptando colocando aqui do mesmo tamanho duplica ajusta no caso desse aqui a mesma coisa só arrasta a imagem para cá ajusta então is ti poupa muito tempo aí depois que você tiver feito todos os modelinhos que você quiser você clica aqui em compartilhar clica em baixar clica aqui em baixar pronto você vai perceber
que vai ter baixado uma pasta zipada pro seu computador é só você clicar em cima com o botão direito clicar em extrair tudo que todas as imagens já vão estar aqui agora a gente vai fazer a parte do corpo do Carrossel que é aquela parte que o site aparece deitado para isso a gente vai vir aqui no canva de novo vai criar um novo design clicar em tamanho personalizado aí aqui o tamanho que a gente vai usar vai ser esse ó de altura 1350 e de largura vai depender de quantos p que vai dar esse
site se for um site médio por exemplo a gente vai colocar 1350 de altura e de largura um site médio dá uns quatro posts Então você vai colocar 1080 x 4 você sempre Vai Multiplicar 1080 vezes a quantidade de posts bom dá 4320 Então vamos colocar de largura 4320 Criar novo design coloquei errado aqui pessoal é largura que é 4320 tá vendo tava colocando no lugar errado e aqui que é a altura 1350 pronto pronto ó vai ficar assim aí você vai clicar aqui clicar no espectro de cor vai colocar a cor que você quer
de fundo colocar essa cor roxo mesmo se você quiser pode colocar a cor parecida ou a cor dentro da paleta de cada um dos modelos tá também funciona também fica legal eu tô colocando aqui para seguir a paleta da empresa né da empresa de criação de site Mas você faz do jeito que você achar melhor você arrasta a imagem para cá Aí você vai clicar nesse esse ícone aqui de setas e vai girar a 90º preste atenção para sempre estar a 90º para ele não ficar torto ó aí você vai arrastar vai ajustar E aí
aqui se o seu não tiver aparecendo essa régua você vai vir aqui em arquivo configurações mostrar réguas e guias e vai clicar que aí vai começar a aparecer e a aqui a gente vai dividir os posts o primeiro você vai colocar em 1080 Então você procura aqui em cima onde que vai ter 1080 não precisa ser exato depois a gente te aproxima para consertar o próximo você vai adicionar mais 1080 então Ó lá em 2160 você vai colocar a próxima régua esse já pegou certinho o próximo lá em 3240 E aí se tiver algum como
esse aqui E este que não ficou no lugar certo você aproxima a tela para ficar bem pertinho que aí você consegue ajustar ó aqui tem que ser 1080 exato e aqui 240 exato pronto Isso aqui vai servir para te delimitar para você ver onde começa e termina cada poste que aí se você quiser colocar aqui embaixo aquele botãozinho escrito arraste pro lado você consegue então por exemplo você pode vir em algum post aqui no canva pesquisar por algum Carrocel ver como que eles estão falando aqui para arrastar pro lado olha só cada um vai ter
um layout diferente ó Esso daqui é só uma setinha então você escolhe algum que você acha que vai combinar e copia por exemplo esse aqui fica o nome e só um Icone Zinho aí você pode selecionar eles clicar em copiar vir aqui no design clicar e clicar em colar é legal você clicar aqui em agrupar para você conseguir arrastar sem bagunçados Aí você coloca na posição aqui que você acha que fica legal aqui no meio aí você já adapta ó aqui por exemplo você vem escreve o seu nome de usuário se tiver que ajustar com
você ajusta então aqui por exemplo vou colocar de cinza para branco aqui nesse ícone eu vou deixar já que tá o detipo da fonte aqui também para just E aí você seleciona clica aqui em duplicar e arrasta pro lado e coloca na mesma proporção o próprio ca vai gerando aqui uma ruazinha para você tá vendo você vai duplicando e vai ajustando pronto aí você pode fazer várias das imagens ó depois que a gente ajustou aqui embaixo a imagem fica fácil então é só você pegar vários prints de ses que você já tem e colocar aqui
e eu vou te dar uma dica esses sites aqui que eu tô mostrando para você eles têm um tamanho médio então usar ele em quatro postes fica legal mas se for uma LAN de peage por exemplo que é maior que ocupa mais espaço não fica muito legal olha eu vou te mostrar essa Land page aqui que inclusive foi uma land page que eu ensinei vocês a criar aqui no canal passo a passo também tem template dela à venda se eu vier aqui e deixar ela desse tamanho tá vendo que fica muito espaço sobrando aqui embaixo
porque ela para ficar legal na mesma proporção dos de cima ela teria que cortar aqui tá vendo Então a gente precisaria de mais um post então neste caso aqui em vez de você deixar ela desproporcional e diferente dos outros que você já criou você cria um outro modelo de post vem aqui no canva criar design tamanho personalizado aqui você coloca a altura né 1350 e aqui a largura aí aqui você multiplica os 1080 por 5 vai ser 5400 clico aqui em novo design clica aqui no fundo coloca a cor que você quer já pode vir
aqui copiar todos de uma vez esses itens clica aqui clica em colar aí você vem aqui na régua vai ajustando os postes e depois você copia só um dos itens de arrastar pro lado e coloca no último post pronto e aí sim quando você colocar Aquele modelo de lan de peixo ele vai ficar no tamanho adequado Pronto agora vai ficar na proporção legal feito todos que você quer você vai clicar aqui em compartilhar clicar em baixar clicar aqui em baixar novamente se você tiver várias imagens também vai ser baixado uma pasta zipada se você tiver
feito só uma vai baixar uma imagem de uma vez se for um pasta zipada Clica com o botão direito extrair tudo e extrair OK agora que a gente já criou a imagem nós vamos cortar elas Porque aqui no canva ainda não tem essa essa alternativa da gente cortar tudo em tamanhos para o Instagram então a gente pega uma imagem grande e vai lá e corta ela e agora para recortar a imagem Tem vários sites que fazem isso para essa altura que a gente tá usando eu gosto de usar o Pine Tools que é este aqui
ó Pine tools.com Você vai clicar aqui em Split imagem vai arrastar sua imagem para cá vai selecionar aqui horizontalmente vai colocar aqui a quantidade em que você quer cortar no nosso caso aqui essa imagem que Eu dividi em quatro vezes se você tiver dividido em três vezes aí você vai modificar para três Ok vai manter isso aqui ó que é o formato da qualidade da imagem n a gente vai deixar no formato de entrada depois você vai clicar aqui em Split imagem aí ele cortou a imagem quat você clica aqui em download ele vai fazer
o download de uma pasta zipada vai vir assim você vai clicar com o botão direito vai clicar em extrair tudo vai abrir a pasta e a imagem já vai estar cortada Ó depois você pode até selecionar todas e juntar com aquelas outras que você baixou do canva que aí na hora que você for colocar já fica mais fácil de você achar porque deixar todas espalhadas uma numa pasta outra Nutra aí você pode colocá-las todas dentro de uma pasta só assim e na hora que você for selecionar lá no Instagram você seleciona essa imagem aqui para
ser a imagem de início depois pega as outras imagens para ser o corpo e essa outra imagem aqui para ser o final e uma dica Extra é você vir aqui na Gemini ou no chat GPT e pedir ele para sugerir uma legenda para você aqui a Gemini né me deu cinco opções de legenda que ficaram bem legais você pode pegar algumas ir adaptando ela deu até algumas sugestões de hashtags para deixar o seu post aqui de portfólio ainda mais completo Então é isso Pessoal espero muito que vocês tenham gostado se você curtiu deixa um like
nesse vídeo se se inscreve no canal me segue nas redes um abraço até a próxima tchau