Live #1 - Criando imagens de fundo para landing pages com Photoshop | Wordpress + Elementor
E aí E aí nós estamos ao vivo testando Falem comigo Se tiver me ouvindo se soubesse me deu uma canseira agora rapaz e foi Acho que foi então sejam muito bem vindos a ser a primeira Live que eu vou fazer aqui no canal tô nervoso pra caramba tão perdoo em qualquer erro qualquer qualquer coisinha aqui que seja Fora do Normal aqui tô saindo dos bastidores Espero poder ajudar vocês com esse conteúdo Hoje a gente vai falar sobre criação de imagens de fundo no Photoshop né eu vou botar aqui e pronto
então a gente vai começar direto ao ponto vou mostrar o processo que utiliza aqui para criar as minhas páginas desde um do elemento ou direto né como é que eu monto o layout ali e quando como que eu faço para trazer que o Photoshop e montar nas dimensões corretas para ficar responsivo para ficar tudo bonitinho deixa eu ver aqui o check-in quem é Olá boa pensar num jeito de como é que eu vou falar com vocês aqui pelo chat de nada também não mostra janela Melissa o show de bola estão l á e
compartilhar minha tela aqui com vocês eu tô me vendo aqui beleza então aqui a gente tá no hoje depressa para quem não conhece para quem for leigo não vou entrar em detalhes de como utilizar o elemento eu passo a passo como utilizar o Photoshop passo a passo eu vou mostrar o processo que utilizo para criar basicamente é isso aí eu não sou muito de teoria então vocês vão me ver falando coisinhas muito técnicas muito teóricas eu vou falar direto ao ponto é o processo o pass o a passo para
vocês poderem pegar o que for útil para vocês e já aplicar nas suas páginas nos seus exames vamos lá porque o elemento na frente que é uma nova página a gente vem aqui em páginas eu vou criar se vê que o meu alimento ou tá tá zerado não fiz questão de apagar tudo que eu tinha aqui comecei do zero para vocês verem que como é que eu faço o processo do zero até a finalização mesmo primeira coisa que a gente vai fazer se você já tiver um elemento instalado element or pro você vai vir aqui você vai
instalar esse plugin aqui ó rap alimento Oremos explo e não utilizava e quem me deu essa dica foi o Davi esse polimento é um negócio muito interessante que é o seguinte G1 é aquele tem os vídeos dele que eu recomendo que você faça se você não quiser utilizar ele para não pesar na performance do site você vem aqui ó mil bilhetes e você desmarca tudo e desmarca tudo que a gente não quer nada disso aqui para agora eu quero esse esse Adão aqui para faz er o seguinte vem aqui me features a gente não
vai usar isso não vai usar isso não vai usar isso não vai usar isso não vai usar isso isso é que a gente usa um blog lançamento mas eu não vou abordar nessa aula e a gente não vai sair só que é isso aqui ó Grid layer que ele faz ele vai colocar um Grid no elementor então a gente consegue Construir tudo alinhadinho bonitinho feito isso aqui eu vou lá em páginas vou criar a minha página página teste é só um rascunho e ele tá com elemento abrir o chat aqui Oi fala comigo seus se você tiver
em ouvindo que eu não tô acompanhando não sei nem se eu tô online mas e vamos lá aqui em layout da página e sempre coloca elementor Camus ó e aqui a gente tem a tela em branco eu sempre começo sem movimento nas minhas páginas pelo elementor antigamente quando eu comecei eu fazer pelo aqui pelo Adobe XD só que acontece eu levava muito tempo eu fazia o layout depois eu montava todas as peças colocava lá no Whats de bonitinho E aí quando eu ia para o Photoshop ou para o elementor eu tenho que fazer
isso de novo tudo que eu já havia feito ali no XD eu quero fazer um elemento e o elemento se você for ver analisar direitinho ele não tem não tem nenhuma função assim Claro não tem a prototipagem você não vai ver várias páginas e não vai fazer a simulação de um cara quando ele clica no botão pai já que ele vai tudo isso não tem Tá mas na parte de design me o elemento eu já tem tudo não faz sentido para mim que eu tenho uma de uma carga de trabalho muito grande minha agenda é super corrido
o trabalho acorda as cinco vou até às 11horas Então ela é bem puxado o local de trabalho totalmente então é o meu ritmo de produção ele é muito intenso é hoje hoje eu fiz três páginas fiz um uma página de captura Muito obrigado e outra de Obrigado de um outro cliente então é muita coisa se eu for prototipar tudo fica fazer um layout naqueles dias depois criar as artes no Photoshop jogar naquele dia pa ra montar direitinho e depois trazer para o elemento vou perder um tempo danado e eu não tenho
esse tempo e aí comecei a fazer eu comecei a fazer construir direto aqui no alimento então é esse o processo que eu vou utilizar em vou mostrar para vocês a mas voltam é o saco designs não fazem isso ele não recomendam isso cara é o que eu uso dá certo eu tô ganhando grana os clientes Não satisfeitos então eu vou mostrar como eu faço tá então vem aqui em configurações que que eu faço eu vo u deixar a tela de fundo preta eu explicar porque mesmo que não seja na tela de fundo que vocês irão
utilizar no resto da página deixa preta agora em configurações e aqui ó esse Grid layer é o que o rappi é dons adicionou para gente quê que lhe permite você coloca um você fazer um Grid no site dentro do elemento Você já consegue ver o vídeo e quais as configurações que eu uso eu uso de 16 colunas porque eu gosto de dividir 88 e aqui eu ponho 1280 que vai ser o Grid que ele vai utilizar aqui em configurações morreu a isso que eu faço aí tu diminua aqui um pouquinho a cor né do grito para não
atrapalha tanto mas acaba por hora a gente vai deixar ele ele bem claro porque a gente vai precisar ele lá no photoshop e o almoço como quem faz isso a beleza aqui aí eu vou fazer o seguinte eu vou ir no configurações do site e eu vou mudar o layout na largura dele também para 1280 porque a largura que eu uso tá se vocês não quiserem mudar tá tranquilo beleza feito isso eu atualizo vou voltar pro editor ó e aqui eu já tenho um modelinho de Grid que eu vou utilizar o que eu faço agora aqui vai
depender muito do tipo de fundo que você está criando e do tipo de página então tem página de lendas que tem um vídeo Centralizado tenho página de captura que tem o formulário Centralizado em outras que tem um formulário na direita outra formar na esquerdo e aí vai variar de acordo com o tipo de página que você for construir aqui eu costumo colocar eu te ntei 80 as minhas vou mostrar uma página de captura Minhas páginas de captura Geralmente eu faço assim que eu tirar o Grid o Grid para você
tirar com esse pesadão se aperta contra o chip TG E aí ele sobe sabendo que eu faço eu faço duas colunas geralmente nessa coluna que eu vou deixar um espaço para uma foto e nessa coluna que eu vou deixar o formulário ou vice-versa volta era eu não gosto muito de fazer aqueles formulários Centralizado assim depende muito do layout e agora que eu faço aqui E aí tem duas opções tá você pode já começar a construir o fundo lá no photoshop e depois de trazer para cá só que aí tem um problema quando
você começar a colocar os elementos aqui você não sabe a altura que a qual que é a sessão vai ficar E aí de duas horas você vai subir uma imagem menor e aí quando você coloca começar este Carla vai perder resolução e vai ficar feia ou você vai colocar uma imagem muito maior do que o necessário e ela vai ter problema para ajustar v ai ficar mais pesada e aí não vira né então quê que eu costumo fazer vem aqui e eu costumo construir começa a construir a página Então vamos lá fazer um o rapaz não
qualquer aqui vou usar uma serra a fonte preferida dos designers há 8 em cada 10 design a usar essa fonte para fazer alguma página eu vou colocar uma uma rede lá em qualquer aqui o ajuste de altura da Linha conforme for você desejar vou deixar uma rede lá em três linhas duas linhas Oi beleza o texto aqui Oi e aí moço p orque tem um botão E aí ele atualizou o monte Wilson oi Calma aí meu povo mais botão uma fórmula ele vai dar mesma coisa então vou para o botão mesmo tem que ir lá atualiza E aí
vai sair do editor Ah tá fazendo isso para todos os todos os sites agora o famoso ele foi um elemento o Elvis falou isso aí vamos direto para cá cara o para mim não faz sentido fazer lá meu não é que dia então beleza eu tô fazendo aqui Eu nem tô nem tô explicando tá eu só tô mostrando aqui porque não é isso que eu quero que eu quero mostrar para vocês a gente vai falar sobre imagem de fundo então eu tô só construindo aqui para vocês verem o processo mesmo hoje eu vim botão e coloca um botão
qualquer um eu quero escrever agora a configuração colocou pedem foram 8080 eu tô mudando a tipografia aqui mas geralmente eu mudo aqui nas configurações do site tá para mim ter que ficar mudando toda hora para cada elemento Mas isso é papo para outra hora aí eu coloquei aqui o botão colocar um vermelhinho Oi beleza bom então aqui onça porque isso vai ser a minha sessão é uma sessão ela tá pequena porque o tamanho que o geralmente crio Geralmente eu gosto de usar um pouquinho ocupando um
espaço maior da tela Talvez assim ó Ah então beleza essa aqui é a minha sessão que que eu faço agora eu vou pegar o Grid adicionei o brilho aqui Tá certo Oi e aí e a mentira te mostrar um negócio para vocês que eu posso fazer vou excluir eu já volto tá Excluir aqui antes de fazer qua lquer coisa tá eu pulei um passo quando eu coloco Grid aqui eu printo a tela E aí eu vou printar a tela com o Grid vou dar eu aquilo não sei como vocês fazem confronto de vocês eu uso o Windows XP SP2 Windows shift S
E aí eu não sei se vocês estão vendo eu selecionando aqui mas eu consigo selecionar a parte da tela que eu quero dar print e aí eu seleciono a tela inteira aqui Beleza deixa eu voltar com que a gente e com que a gente construiu aqui eu dou print na tela inteira aí agora e u vou lá no Photoshop o Olá no photoshop e eu queria o meu aqui vim aqui ele vai puxar mais ou menos as configurações que eu eu coloquei criar uma imagem de fundo eu uso aproximadamente esse tamanho aqui 1920 por 800 tô desktop
1920 full HD Sempre coloca em Full HD porque você colocar menor ele vai esticar para quem tiver um monitor full-hd e se você colocar mesmo mas muito maior vai ficar pesado EA maioria das pessoas tem o máximo um full HD Tem gente que tem outra White tem gente q ue tem 4K mas geralmente não é o comum comum é o full HD mesmo e aqui que vai fazer um toque cálculo de preço aqui essa vai colar aquela imagem que eu copiei que eu tirei o print Eu colei aqui ó ajusta direitinho né para deixar 1920 e
aqui você vai fazer você tem um Grid aqui para você construir as suas imagens de que você pegou lá do elemento do tamanho certinho aqui no Photoshop sem precisar criar guia tem que usar criar nada é que eu faço aqui eu vou deixar esse vídeo em scre en E aí eu vou mostrar também por que que eu faço isso depois Ah então beleza vamos começar o nosso segmento da imagem de fundo né É porque a gente precisa pensar aqui vocês já viram algumas páginas minhas deixa eu abrir aqui eu costumo usar e eu gosto
muito de fazer fotos assim então eu queria uma página de captura e o minhas as minhas imagens de fundo geralmente tem um formulário e tenha a pessoa aqui do lado do SESC que eu já fiz é o modelo que mais converte então é um formulário j á era geralmente meu lado esquerdo converte mais outro lado direito e com a foto do Especialista do lado ali geralmente é o campeão então se você vê Minhas páginas a maioria delas de captura principalmente é só assim tá você pegar aqui um página de vendas aí tem
um layout diferente então vou Zap aqui para vocês verem os tipos de Margem que eu faço essa daqui a uma imagem é uma sensação única e ela tem uma uma página bem curtinha que é só imagem de fundo e o formulário então assim a dimensão nessa página aqui ela é diferente de uma outra comum então o que eu vou mostrar para vocês e são páginas mais ou menos assim então aqui onde está o xadrez já é o tamanho da Sessão da primeira dobra E aí o resto da página a gente faz de acordo com que a sessão pedir
eu vou criar uma imagem baseada nisso daqui tá com esse formatinho que quer o que utiliza então imagem de fundo formulário de um lado imagine especialista do outro então beleza vou e eu vou pegar aqui no pique eu vou pegar aqui no Facebook eu vou procurar eu não sei nem o tema que eu vou fazer Tá eu vou o que procurar um estoque de Bom dia em qual um homem o homem é pesquisar coisa específica mais eu vou pegar desse cara aqui eu não sei porque esse cara que seja uma especialista aqui o Felipe
que tá eu tenho uma conta premium Mas ele tem diversas imagens gratuitas você pode pegar no anos Flash também no Texas house no pizza bay quando você achar melhor mas geralmente vai usar a foto do Esp ecialista ou a sua se você for Expert né então não tem problema só vai aqui vou pegar a minha imagem e vou jogar lá no no Photoshop é mentira eu vou criar que uma nova se não você vai Recortar imagem não vou gente não vou porque faz muito tempo que eu não preciso recortar muitas imagens de
especialista assim na Pinto para fazer geralmente outras mais ajuste fino mas eu uso Aquela aquele site do limboso. B E porque eu tô levava a 5 10 15 minutos eu faço um em um minuto então se você não tiver você não conhecer esse site aqui o Remote ponto de m Ah tá você sobe mais aquele corta ele ele é limitado ou tamanho né para para imagens muito grandes né então o plano gratuito você não consegue tem que pagar eu pago o r$ 35 mudar para 35 anos mais ou menos por 40 imagens E aí ele permite que
você está em um pouquinho aqui no Photoshop né então você consegue seu clicar aqui ó aí ele tá falando que é muito grande ele vai nos vai reduzir ele já faz a remoção do fundo não há outro tem outras formas de fazer tem mas produto da aula vamos usar esse daqui que ele faz direitinho tá E aí faz a máscara cortou e pronto remover o fundo da minha imagem transforma ela em objeto inteligente e eu vou jogar lá Oi para o Photoshop é Bom vamos lá aqui na divisão do do do do Grid sente eu voltar lá
para o elemento por elemento leitor e como é que ficou aqui eu tenho duas geral Grid eu tenho duas mesmo Tu comprou o chip já se eu tenho aqui duas colunas eu vou v er quantos ele diz ocupam em cada coluna para me basear lá no photoshop para eu saber a área que vai ficar o formulário então faz o seguinte contra o chip de G da criação uma duas três quatro cinco seis sete oito só sei que oito colunas 88 Barras do Grid né são são da coluna esquerda e outro dá direito eu vou posicionar o meu meu
sujeito né da foto Expert aqui então uma duas três quatro cinco seis sete oito tem que estar mais ou menos na posição certa a outra eu quero colocar ali o texto para ver direitinho se faz a mesma coisa da com dar um é um print na tela G1 E aí A Carol tá perguntando o Google aqui para mim foi eu faço seguintes e eu pinto a sessão aqui ó e aqui é um segredo para você subir a imagem do tamanho certa você seleciona a sessão inteira do tamanho certinho copia ela você pode copiar se você quiser tá mas
eu vou deixar assim pra gente ver o tamanho que ela fica copiei e vou colar quando eu colo essa seção aqui eu vou subir tudo vou deixar ele aqui em cima tá então em ter que eu faço agora eu venho na ferramenta aqui the crop e eu ajusto a sessão do tamanho certinho que eu vou ter que colocar lá no elemento Então dessa forma quando eu subi lá ele não vai expandir não vai dar problema eu sei que o que eu tô colocando aqui é o exatamente que vai para lá geralmente quando eu faço a página eu faço
tudo isso aqui primeiro todo aí frame jogo todos os elementos coloca o assim não deixe mais um lugar que vai ter imagem deixa o vídeo lá que vai ter vídeo faço a página todinha e aí depois eu venho aqui para o elemento ele começa a fazer essa esse processo que está fazendo no Photoshop agora tá mas isso é só depois eu fui fazer todo o layout primeiro eu faço por aqui O protótipo né mas aqui vamos vamos vamos seguir porque eu terminar eu levo lá imagem de fundo né e os cara falando não Carlos
casos que legal tem muita gente aqui eu nem tô lendo a mensagem do chat depois eu vejo tudo tá Se tiver alguma dúvid a pode mandar E aí que eu vou fazer eu já tenho aqui um screen eu posso diminuir a minha o meu meu grande né deixar ali só um pouquinho assim ó e aqui eu tenho mais ou menos como é que vai ficar lá no e no no elemento só que eu deixo o segredo achar o texto você coloca eu deixo aqui só para ter uma noção mesmo coloca em screen você vai me a gente tiver preta para você conseguir ver
se não você coloca só uma cidade Menorzinha assim ia só para você ser guiada né então beleza isso daqui vai ser com a minha imagem de fundo com o banner né A primeira adoro do site vai ficar a primeira dobra costuma ser a parte mais importante do site se você for ver é o que vai impactar é o que vai ter atenção ela tem que ter o CT ali então é a parte que eu prometi perco oitenta por cento do meu do meu tempo é ela o da parte de identidade visual né então é o foco aqui a gente tem uma imagem
muito impactante que a pessoa ela veja Ela queira ou clicar no botão logo de cara ou ler o r estante do conteúdo da página né para fazer a só que a gente que a gente precisa eu estou lá e eu tenho uma coisinha aqui com a minha coisa beleza tu Fechou então aqui se a gente for ver o tamanho leque a imagem que ficou da sessão ela ficou com 1920 por 695 e a performance o ideal é que essa imagem ela não seja muito grande porque é o conteúdo que vai bater ali De frente logo que eu site abre né então é
um banner que vai puxar um pouco a médica para baixo vou ter que tomar cuidado c om isso também é E aí se você tem 95 é o tamanho Ok Geralmente as pessoas falam para mim passar de 400 mas assim para a gente compactar e colocar o a quantidade de elementos necessários Às vezes tem que ultrapassar um pouquinho então não tem problema não beleza que que eu faço agora antes de eu de eu começar a fazer todo esse processo que que eu recomendo que você faça tá eu não fiz por falta de tempo tá gente eu
e essa Eu tava 10 minutos para começar lá eu tava configurando UBS a inda foi foi desleixo da minha parte e falta de tempo mesmo mas que que eu faria anos eu selecionar ia todas as fotos do Expert que eu colocaria aqui na página eu iria lá no nas nos bancos de imagem ia Procurar todas as imagens que eu que eu vou utilizar na página fundo elemento de luz alguma coisa assim e é salvar uma pastinha E aí eu ia começar a construção aqui da página E como eu fiz assim na pressa eu vou fazer agora com
vocês mas é bom que vocês vêm combina Então como é que e u começo a primeira coisa que a gente tem que fazer e quem que faz a diferença brutal na qualidade do fundo da imagem da da página Geral ao tratamento das fotos e o tratamento das imagens é como que é o trato as minhas fotos primeiro de tudo se a sua imagem não tiverem objeto inteligente converta imagens objeto inteligente provavelmente a imagem possa estar assim né Senhor rasterizada Clica com o direito nela oi vem aqui você se for só pra
em português colocar converter foi objeto in teligente algo do tipo aqui tá conversa esmagar objetos que canela e converte a imagem para a Progresso inteligente Porque toda alteração você fizer nela como objeto inteligente ela vai se manter e você vai conseguir remover essa alteração sem apertar control Z ou habilitar e desabilitar depois então objeto inteligente sempre tratamento sempre que você trabalhar com fotos qualquer tipo de imagem conversa pelo objeto inteligente além disso do filtro se
você pega uma imagem e você aume nta ela depois você diminuir ela depois você aumenta a ela se ela não tiver em objeto inteligente ela vai perder uma resolução que ela vez que você faz essa luz tio então a primeira dica conversa problemas inteligente feito isso eu uso o Cameron Hall que aqui é o shift control a ou você vem aqui um filtro filtro né câmera rawfy Welton Oi e aí Aqui quem já conhece o Lightroom que ele traz basicamente no Lightroom que é uma forma de edição de fotos para você aqui
dentro tem tudo aqui cara você pode usar todos os filtros de ajuste que tem aqui é basicamente a maioria você tem lá no câmera Hall então é o filtro que utilizo e todas as fotos eu trato por aqui em invariavelmente tá Como é que é o meu processo de edição aqui pelo menos a qualidade que lhe dá um pão diferente para foto não pouco de textura Ajusta a textura também costumo diminuir um pouquinho do preto aumentar um pouquinho do branco e botar um bastante contraste Então é isso geralmente é isso e
eu faço ajuste de temperatura com de acordo com a identidade visual do site né então se for aqui temperatura se a foto foi um pouco mais frio puxo pouco azul se for um pouco mais quente eu puxo para amarelo ou um pouco verde para o rosa Então depende muito do fundo tá eu tô com a gente tá usando vermelho aqui eu vou puxar aqui o como acho que essa coisa boa na amarela só não gostei desse azul da camiseta dele porque vai não vai combinar muito que que eu faço aqui ó e aqui eu tenho também o
colormix ser que o calor mixer faz ele permitiu ajustar algumas algumas cores do projeto é então eu tenho aqui o azul aqui no Rio eu consigo mudar a cor da camisa dele também é de puxa só que é azul e muda para de acordo com que o arrastar aqui só que eu não quero mudar a cor eu quero tirar a cor desse azul vou tirar aqui vou deixar de preto tirei aqui Preto o rock a diferença com com o objeto Inteligente você consegue ver o antes e depois aqui tá vendo assim já já deu uma diferença gritante na
foto e também um minuto arrastei três ou quatro quatro coisinhas e e já deu um salto de qualidade enorme que eu vou abrir aqui de novo para mostrar para vocês E como que eu como vocês podem explorar mais essa ferramenta né então como é que ela funciona aqui em exposição spawer né você consegue aumentar o diminuir a luz da imagem Às vezes tem mais que tá muito estourada você dá uma diminui Dinho assim já vai já vai melhorando contraste né Você pode tirar o contraste da foto aument ar o contrato já
Photo Highlights É realces né só que elas ele vai pegar só as partes que estão muito bem iluminadas na na imagem vai diminuir ajudam um aqui na tela cheia e e aqui você consegue ajustar ao também na imagem né tô sem por cento aqui em Highlight a ele vai diminuir só os brancos é só a parte que tá iluminada do branco mesmo Shadow sombras né ele vai pegar a sombra que tirar branco é que ele reforça o dá para a parte mais branca na imagem preto a parte preta textura ele A diciona uma textura
ou remove uma textura da foto essa foto mostra muito bem mas fica legal esse clarity o a melhor coisa que existe nesse câmera Hall mas tem que saber usar com sabedoria você coloca muita imagem ficar com um pouco estranha e é vai brancilene vibração o e saturação bom então é 90 porcento das Mães contrato eu uso aqui e eu faço essas configurações bem similares às que estão aqui aumenta o contraste aumento balança um aumento Branco M Novo Preto coloca um pouq uinho textura um pouquinho de qualidade
que mais que você pode fazer aqui em gritei o rei detalhes eu você pode colocar o charminho né e o redução de ruído e redução de ruído a gente faz troca de filtro de Instagram que deixa a pele e boa e vai deixar a pele um pouquinho só avisada sei se deu para reparar aqui Se ele deixar a pele assim você só que é bom quando você tá com imagem com muito ruído Sabe aqueles você foi tirado uma foto em baixo iluminação e fica aqueles pontinhos que de ixa a imagem feia você coloca um pouquinho assim de
nós verdade achando que ele vai levar resolver bastante aqui Sharp nem ele aumenta a gentileza ele é bom para para imagens que estão com pouca nitidez você consegue dar uma corrigida que legal aqui que eu não vou usar ser mais tá com uma qualidade boa então basicamente é esses ajustes que eu faço vou mostrar que o antes e depois de novo e mudou para caramba né então beleza Quais são os outros elementos né que dá para gente Para gent e usar aqui no nossa imagem de fundo vai fazer a nossa
imagem ficar conquistar que isso que cês vão ver que é pouca coisa e a coisa besta então vou voltar lá no banco de demais e agora eu quero uma imagem de fundo não pensei em um tema Tá eu vou alguma coisa futurístico colocam outro este que background aqui a gente um banco de imagens são seis não dominam o inglês eu recomendo que vocês têm a palavra que vocês queiram em jogue o produtor e depois joga para cá Porque a quant idade de recursos que você vai ter pesquisando inglês é infinitamente maior
do que em português então ela é um pré-requisito manjar de inglês a humanidade como traduzir uma imagem e para você achar os recursos necessários para construir a página é pegar aquilo quer uma imagem mais sólida não tão abstrata E aí logo isso aqui eu já devia ter feito eu já dei essa separado a imagem Mas vocês vem um processo aqui é mas como que eu faço E aí é só que parece boa E aí vou pegar essa imagem a qui o jogo no Photoshop o jogo lá para baixo né aqui para quem não manja aqui no
Photoshop são os painéis de camada e acabar a ordem da camada que você colocar a ordem que as pessoas que as coisas vão aparecer primeiro então fundo embaixo sujeito em cima luz em cima Então você vai organizando de acordo com que você colocasse eu puxar o cara para baixo aqui ó ele vai subir vai sumir o fundo em cima dele Ah então beleza vou tirar o texto aqui e agora que a gente já tem já tem os clientes Então já não posso começar aqui aqui se azul não tem nada a ver com que eu pretendo
colocar na página então eu vou tirar a cor dele ou mudar a cor então eu posso fazer posso ir lá no caminho longe novo control shift a o filtro eu tô chateado eu posso brincar com as coisas aqui eu vou vir colormix tivesse como é que fica se eu tirar o azul já fica já fica melhor eu venho aqui em Rio ou o mate se você tiver usando em português e eu vou brincar com o laranja colocar Talv ez um vermelho aqui e aqui eu vejo tem umas partes roxas não sei se eu quero Roxo E aí como é que ele tá puxando
um pouquinho de roxo beleza E como você faz para escolher as fotos do fundo para o site sem ser as do Expert é isso aqui que eu fiz eu penso um tema vejo depende mesmo só lançamento for temático eu vou pesquisar alguma coisa relacionada com o tema do lançamento por exemplo fiz cadê a página eu fiz essa página que esses dias Oi e o tema o cara ensina mulheres a se sentirem a mados nessa EA como ele é um pouco de relacionamento a parecido com o trabalho com o Ítalo Ventura faz aqui no Brasil e
então eu coloquei casa procurei fotos de casais e não tem fundo Então vai muito daquilo é muito do tema do seu lançamento e do que você se propôs a criar Lena para você achar essa essa imagem e tem mais alguma pergunta mas quem beleza voltando Tô voltando para o Photoshop tá beleza aqui eu tenho uma tenho essa imagem de fundo o que que é fundamental que a gente tem sai imagem de fundo o estilo da página que a gente vai criar se for uma página com estilo mais futurista de Coqueirinho que eu quero
fazer aqui eu quero ter muita eu quero ter luz eu quero ter profundidade Eu quero ter um tipo de imagem se eu quero se eu tô fazendo uma página que é um estilo mais clean então eu vou colocar os mesmos elementos para essa página Então você tem que saber dosar e saber quando usar cada tipo de imagem e aí na mente do seu filho do seu centro do seu sens o estético né dê para você criar tudo isso mas eu vou dar vou dar umas dicas aqui para você então aqui nesse fundo é sempre que ele não
tem profundidade também tem perspectiva mas ele não tem profundidade né O cara tá aqui parece que ele tá no mesmo plano em que a gente costuma fazer eu venho aqui um filtro que eu vou adicionar um desfoque nesse mundo aqui geralmente lugar o celular se você consegue colocar muito desfocado - desfocado e aqui você ajusta Conforme você acha que fica bom aqui eu acho que sete tá legal né 17 estar Tá maneiro é que ficou torta em mãe o pequeno na verdade a beleza você colocar aqui a nossa página ela
ia ficar mais ou menos assim se você vê isso aqui tá no modo screen estado o print que eu coloquei do texto é modo tela eu acho clarear eu não lembro mais o nome em português mas segue essa gordinha e Essa ordem aqui olha na terceira a terceira sessão no segundo ao seu like também não esses dois só para tirar o fundo preto bel eza aqui e como é que que eu faço agora ele tá com um pouco contraste bem que ele não vai ficar exatamente assim lá no alimento né mas você saber que o fio tá claro e aqui
que eu tenho que fazer eu tenho que achar uma forma de deixar o botão que mais contrato texto visível se você não quiser diminuir a cor do fundo ou diminuem a capacidade se tem que fazer um degradê e colocar ele em uma moldurinha eu vou mostrar as opções para você o que que eu costumo fazer tá por costumo fazer iss o diminua a opacidade E aí se você for ver ele já dá um cara legal para a página tá combinando as cores da foto a roupa do cara na o fundo texto aqui tá tudo tá tudo rodando legal E
aí a outra opção a não alto eu não quero deixar a imagem eu quero deixar lá com bem forte assim que você pode fazer lá no elemento né eu vou fazer aqui mas você faz isso um elemento Você vai clicar aqui nessa parte de da coluna você vai definir uma cor de fundo para ela que ia ficar mais ou menos assim vai dá para você dar um contraste maior no formulário e não prejudicar a leitura porque é muito importante o cara linha Red Line que ele Leia sobre Redline que ele veja o botão e aí você usar
em colocar o pretão assim né Você só coloca um ao assim não espaçamento maior né E aí Oi e aí você você daria um contrato dessa forma também eu prefiro não gosto muito dessas molduras às vezes eu uso porque a inevitável Mas eu prefiro deixar ele mais escuro assim num fundo mais escuro com co mpasso Oi e aí Olha o Renan atrasado mas cheguei tamo junto não sei quantas pessoas são tão assistindo né Tem mais de 10 um ótimo T8 Caraca obrigado pela presença gente E aí em volta Puxa aqui fica perdido
hum Eu prometo que as próximas eu voltar mais organizada tá primeira Live que eu faço a gente é vocês eu tenho que me dar o senhor vir aqui primeira vez vocês tem que me perdoar um pouquinho eu vou lá roubo vou fazer a Live inteira imitando o Silvio Santos mentira voltando aqui O i gente vai começar a trabalhar com luz então eu já tenho o objeto da foto que é um Expert eu já tenho o fundo da foto eu já dei profundidade para esse fundo e agora eu vou fazer a trinca né então é objeto fundo e agora
o que que falta luz então eu tenho que dar um efeito de iluminação aqui e para deixar foto mais legal né com mais real então eu vou pegar o mesmo vermelho que eu vi aqui no botão eu vou criar uma nova camada eu vou colocar ela em screen vou deixar o meu bruxo bem gran de é para quem a quem não sabe aumentar o tamanho do brush você aperta o áudio insegura o áudio aí ele vai aparecer o conta-gotas assim aí você fica com o botão direito e ele vai aparecer assim aí se você arrastar para a esquerda Oi
tá direita já aumenta se arrastar para a esquerda e diminuir direito aumente esquerda diminuiu e aí você consegue consegue brincar assim com e com o tamanho do brush tá é fundamental para você ganhar agilidade é fundamental você dominar essas teclas de ata lho no teclado acho que eu mais uso além da seleção de ferramentas né então o ver ele vai selecionar aqui a ferramenta de mover o ue que ele pega o conta-gotas o bebê ele pega o pincel o e a borracha e o Tom mais usa isso e o g que é o
gradiente mas geralmente é o o o o bruxo assim não estou mais luz são esses aí então aperta o beco Blanche seguro out ajuste com direito e arrasto para ajustar o tamanho do pincel Vou deixar um tamanho mais ou menos assim eu clico meu flor tá b aixo aqui em flor vou deixar em cem porcento passar de cem porcento Dom clique não fico só ele fez uma luzinha aqui não sei se eu gostei Deixa eu tirar aqui a mensagem maior e vou ficar se as menos aqui ó E aí Ah tá bom prefiro aqui que você pode fazer
você pode deixar assim o ou você pode criar uma nova camada E aí eu vim aqui ninguém nem ar Dodge e eu diminuo pincel e eu faço um mais próximo ao ao ao objeto aqui né o que acontece agora o da minha imagem ela ficou muito claro se eu tirar essa aqui ó ela tá legal E se eu colocar as Duas Sombras eu achei que ficou um pouquinho claro eu vou ajustar isso depois tá mas se você achar que tá que tá ruim você pode diminuir aqui diminui o tamanho diminuir a opacidade mas a sombra e aí você
vai ajustando e eu vou deixar A Tiffany ir eu recebi um motivo Direct vou deixar salvo assim eu nem vou tirar eu ia tirar Mas você é bonzinho vou deixar aí mas se quiser baixar quiser assistir depois vocês ficam à vontad e Ah então beleza eu tenho aqui a minha lua minha luz primária né que que eu gosto de fazer tá eu não gosto de deixar simplesmente uma luz assim eu gosto de fazer mais doce umas dois tipos de luzes eu deixo uma luz escurecer eu deixo uma luz criar uma nova camada atrás do Expert
então eu faço uma outra luz atrás Expert geralmente de outra cor É sim uma cor que combina legal aqui mas aqui não vai ficar bom deixar de vermelho mesmo deixar uma eu vou fazer uma luzinha assim o Diego de v ermelho ó e aqui no no no no no no cara mesmo Expert Eu costumo fazer uma luz para simular essa luz que tá vindo de fundo que se você for ver Tá vindo uma luz aqui de cima mas aqui na roupa dele não tem luzes não fica um pouco fake como é que eu faço essa luz eu venho aqui ela que eu venho e
Rui saturation né Matiz saturação e aqui que eu faço eu vou pegar e eu vou ter que ficar aqui na o canal o que tá aqui eu vou e deixar um rio E aí eu vou deixar o cara vermelho eu vou deixar de ve rmelho ou botar uma saturação É mas aqui não vai ficar legal desse jeito não com essa imagem o que não vai pegar a roupa Deixa eu fazer o seguinte a fazer outra forma eu vou querer aqui uma outra camada vou criar uma máscara de recorte Oi e aí que que você vai fazer vai pegar aqui o vermelho e você vai
diminuir o tamanho do pincel E aí você vai pintar é só que onde onde pegaria a luz de verdade né vou pintar aqui e pinta que o cara e pinta que não é Ficou fake E aí que eu vou fazer v ou brincar com o modo de mesclagem vou vendo fica legal Geralmente eu uso lá e tem Tá mas o calor lógico legal também descaso o overlay não tão colorido hoje eu acho que cor don't like them eu vou deixar o seu like mesmo que eu mais uso ó e aqui você vai fazer o seguinte você vai ajustar o tamanho a opacidade
de acordo com que você achar que que fica legal então é um trabalhinho de formiguinha que você vai vai ajustando vai fazer um pouquinho pouquinho e aí daria para entrar em muito mais detalhes aqui tá gente daria para fazer bem pequena aqui ó e pintando que é uma nova camada colocar lá e tem eu vou ajustando assim diminuo Flow ó e vou pintando tipo lá as dobras da roupa do canal sabe vou fazendo uma luz mais detalhado assim e aí vou diminuindo a capacidade para deixar bem realista fazendo a todos
os contornos e mais mas aí é um trabalho de mais de preciosismo que eu não vou fazer agora não vamo levar um baita tempo aqui mas basicamente é isso tratamento que eu faço de luz então ela uma luz uma camada em cima uma luz um pouco atrás às vezes dependendo da da Imagem e aí faça essa luz de recorte aqui no Ombro do cara né Para dar essa aparência de que o cara tá o cara tem uma luz nele mesmo né fazendo o cabelo aqui e aqui desse lado não calor está nesse lado né é basicamente isso quem mais
que daria para fazer aqui daria para gente deixar essa foto desse cara mais avermelhada o que como ele tá ele tá numa luz vermelha né que tá muito a marelão ele tá muito amarelão eu tô inclusive achando que ele tá com muita tá muito claro essa imagem que eu diminuir um pouco vou vir aqui em básico ou diminuir um pouco aqui a exposição me deixa mais escura E aí é melhor E aí Oi beleza a Kelly foi muito legal eu falei do flor aqui eu não sei se vocês sabem disso aqui do flor tá é como é que
funciona o pincel aproveitar para ensinar isso porque é bem hoje para vocês aqui eu tenho ele tem esses dois controles o smoking ou não é muito limpa que quer mas o passo Chevrolet que eu mais uso capacidade é o que você defina a opacidade do colocaria assim opacidade do pincel vai pintar vem aqui é 100 porcento Se eu mudar aqui para 50 35 ele já vai pintar mais fraquinho Se eu mudar aqui para 10 ele vai pintar mais fraquinho isso daqui é útil para quando você vai fazer máscara como você
vai apagar fundo que você vai fazer luz você vai Pintando no da pintar com a cidade toda para depois apagar você já faz tudo por aqui qualquer diferença do fogo o flow flowing 100% ele é o aperta uma vez ele ele vai só apertar em 10 porcento eu vou colocar 10 por cento só apertar uma vez ele faz igual a cidade tal tal qual que é a diferença então a diferença essa daqui Se eu der a opacidade em 10 se eu quiser pintar tudo aqui ó não importa onde eu passe ele vai deixar com 10 Oi tá bem deixou com
10 tudo vou tirar control Z agora se eu deixar o flor em 10 se eu passo uma vez aqui ele deixa com 10 mas se eu passar de novo de deixar vinte trinta e aí ele vai pintando a aqui tá perdão aqui tá 10 ainda o flor 10 só que se eu arrasto ele já deixa a forte ele vai somando 10 10 10 10 10 a cada vez que eu arrasto Mouse então aqui por exemplo Deixar o flor um para vocês ele Tô pintando aqui ó Mas se eu for fazendo assim ele vai ficando cada vez mas escuro imagem Tô pintando ele vai escurecendo as
correções crescendo E aí esse flor aqui ele é muito útil para você fazer máscara e recortar recortar fundo deixar uma parte do dono do fundo mais escuro outra não e vou mostrar para vocês aqui na prática de boa jovem designs Mudinha sua suavização do pincel serve para deixar ele mais lento na hora de usar ele tipo um neném boa eu nem uso cara fala a verdade eu uso só falsidade Flow e em algumas ao flor na parte na prática e vou passar de na prática para você vamos supor que esse fundo aqui
eu quisesse deixar ele mais forte assim só que ele vai prejudicar minha leitura aqui e a í que eu quero fazer eu quero apagar parte desse fundo aqui para ele ficar mais visível eu venho aqui em máscara vou adicionar uma máscara ele fica nessa parte branca eu venho pincel se eu fosse utilizar opacidade sem por cento quando eu passar o pincel ele vai fazer isso aqui ó ele vai apagar o filme inteiro e eu não quero isso se eu diminuir a opacidade para eu sei lá 30 eu passo uma vez ó ele já dá um
resultado legal só que ela tem que passar de novo aí adiciona mais 30 tem qu e passar de novo ele adiciona mais 30 como Flow você faz isso daqui ó e coloca flor 15 Oi e aí você vai passando você vai passando é assim que foi bem pouco na agulha agora uma vida que eu nunca 13 você vai passando e aí ele já vai ajustando e deixando o fundo com uma precisão maior Porque como você tá arrastando o mouse você vai soltando e quando você vê que tá do jeito que você quer ser só outro Mouse acabou e você
pode passar um pouquinho pra cá e ajustando Então essa diferença do trabalho a capacidade do Flu e como é que você pode usar aqui para pagar essa parte do fundo eu uso bastante para ajustar fundo para fazer máscara então daria para gente deixar nossa imagem desse dessa forma aqui o ou deixar essa forma aqui e agora eu não sei qual que eu prefiro deixa eu ver de novo ó que fica mais bonito Oi desculpa deixar como tava mesmo é uma achar outra cidade que ele dá um destaque maior para ela para luz
aqui do vermelho também então beleza aqui o cara se vocês olharem noventa porcento dos meus Fundos as imagens de fundos eram os meus Fundos não sai para lá coisa peluda você olhar os meus fundos de mais 10 imagens de fundo geralmente é basicamente é isso que eu faço você ver que não tem eu usei três coisas eu usei na foto do Expert uma imagem de fundo que eu peguei um banco de imagem e fizemos é é basicamente é isso o que que fica legal Aqui também para dar mais profundidade na cena é adicionar
alguma coisa aqui que que desce essa sen sação de curtir o cara não tá tem mais um mais uma camada de profundidade então a gente tá com o cara aqui e tem a imagem de fundo aqui eu quero dar a sensação de que tem uma coisa na frente do cara ainda como é que eu posso fazer isso não sei também descobri e eu vou pegar aqui E aí e tem algum elemento e para colocar no site e NG trem aqui esse site ele traz traz imagens com fundo transparente já ele é bem útil para você precisa recortar precisar fazer
tudo aquele aquele processo eu vou colocar como é que tá falando alguma coisa de e colocar Gere quero uma engrenagem a seguir imagem legal a chance tem mais alguma Quero algumas 3D mesmo que pareça real I am O que é boa também e essa mesma na frente não perdermos tempo E ai que legal para fazer inscrição eu não quero E aí o cara mas muita propaganda né por isso que eu preparo tudo antes cara e eu não costumo usar esse site não tá eu tô usando agora porque eu pra gente Poupatempo ele pode ser
útil tá adicione i aqui uma imagem de uma engrenagem x que foi que veio na minha mente e a gente chega naquele mesmo ponto na igreja a gente tá meio azulada não não combina muito com fundo vou fazer o seguinte eu vou dar o contracheque tirar no câmera Hall vocês vão ver que eu uso o caminhão rouba quase tudo e vem aqui me ver é um color mixer eu vou tirar o azul o tranco aqui vou deixá-la mais linda O que é o que eu quero deixar ela mais cinza que que eu vou fazer eu vou jogar esse se sair
engr enagem lá para cima e eu vou adicionar um desfoque ela qual vai ser o pessoal que eu vou colocar vou colocar um Mocha mulher no Xbox de movimento e deixar como se tivesse caindo né vou pegar essa imagem é que eu faço eu vou colocar ela e deixar sim estou fazendo as coisas nem tô falando né aqui eu aperto o control-p para redimensionada para quem não quem não manda eu consigo redimensionar a imagem apertando a tecla de atalho control te seu brincar com direito eu consigo virar ela
horizontalmente doente aí que eu vou fazer eu vou colocar essa imagem na frente do expert Vou colocar sim E aí o concreto caindo vou duplicar perto no control J control ter de novo eu vou adicionar uma outra do outro lado também fica essa outra eu vou deixar menor e deixar aqui mais ou menos assim talvez eu gostei desse lado uma chance a O que é Ah tá bom então você vê que eu adicionei outra camada de profundidade na imagem eu tenho fundo o cara E agora tem uma engrenagem caindo mesmo eu poderia
ir longe colocar mais uma aqui assim com atrás dele E aí eu boto atrás dele assim e o arrasto Aqui para baixo dele e vai ficar atrás aqui assim e assim daí é isso você você pode ir brincando cara é que você pode até diminuir diminuir a opacidade você pode deixar apertar control Heli colocar levels níveis né e diminuir deixar mais escuro e assim é vai do de você né você pode fazer aqui também colocar ao criar uma nova camada colocar uma máscara aqui se você segurar o alt e col ocar o mouse entre
as camadas ele vai fazer a máscara de recorte automaticamente ou você clica com o direito coca que Cleide que tem mais que não é criar uma máscara de recorte que faz a mesma coisa E aí que eu posso fazer colocar em screen e eu posso colocar a luz vermelha na engrenagem também que aumentar o Flu colocar um posso deixar um pouquinho mais Vermelha para combinar com o fundo e essa luz aqui no modelo eu vou ficar muito legal não e eu vou vou criar uma máscara nela e eu vou diminuir um pouquinho aqui
no ombro Oi espera um pouquinho o desfile é um pouquinho beleza eu ainda tô achando ele muito amarelado esse cara dia que eu vou fazer eu vou colocar um mapa de degradê nele eu vou pegar o vermelho eu vou pegar o preto vem aqui coloca um gradient map tá ao contrário colocar um reverse ou você for ver um fundo assim também não fica ruim não fica legal eu vou adicionar que eu o degradê com a máscara de recorte né que pmesp E aí eu vou deixar e provavelme nte sofre Light eu vou fazer o seguinte eu
vou diminuir a opacidade e eu deixo o cara um pouco mais avermelhado Ah tá bom o que mais que pode fazer aqui a gente pode assim eu prometi a já teria parado por aqui que eu vou adicionar mais um golo que ela tá muito é muito forte quase tirando a sua engrenagem aqui não sei se muito legal Ah tá beleza então aqui eu já teria uma imagem de fundo Ok já poderia utilizar essa imagem de fundo do site e ficaria mais ou menos assim não sei do que seria se lançamento né lançamento de mecânico Engenheiro
talvez com o tema desses mas assim é tá uma primeira dobra que é muito simples de tirar e eu tô explicando para você mas eu faço isso em 15 minutos e o problema é você ter a ideia achar a foto certa achar os elementos e montar E aí é um trabalho de pesquisa de referência para nube em si vai no dribbble vai no Pinterest no Instagram procurar procura portfólio de pessoas de páginas bonitas que tem a ver com tema que você tá Você t á fazendo e vai vai ajustando vai vai fazendo semelhante né o
procure inspirações para você ter montar esse uma pastinha de arquivos para quando você for fazer o o a sua imagem você não perca muito tempo porque eu tô mais leva tempo para você pensar na ideia e aí dá para fazer de outras formas pode fazer um fundo abstrato você pode fazer sem fundo Depende muito do tema do lançamento do estilo e novamente hoje por exemplo eu fiz a festa para vocês hum hum hum acho que foi esse o próximo examiná-la lança curso de desenho para crianças então eu fiz um fundo
que eu tentei simular quem um desenho para vender ele não tem profundidade ele não tem ele não tem os elementos que eu coloquei lá ele não tem luz ele não tem porque o estilo que ela tá para neles exigia ela não não cabe aqui no cabelo colocar luz no cabelo colocar lá um o filme focado assim até caberia Mas você vê se eu fosse eu faço uma página assim que o público infantil para desenhar criança e a pesso a vai se conectar na hora você tem que pensar muito nisso é a pessoa falar para você fazer
cópia você tem que ter a Persona para você fazer design e desenvolvimento você tem que entender também que a sua imagem vai transmitir quando a quando a pessoa ver vai afastar ou vai atrair é não é É só colocar uma coisa bonita eu vejo eu vejo muito isso com quem faz motion que acontece eu já falei foi muito engraçado que eu vi um perfil do psicólogo E aí o cara o cara tinha uma caixinha de pe rguntas nada contra quem tem tá mas eu não faria uma caixa de perguntas daquelas com eletricidade
sabe na caixinha com uma música eletrônica e o cara tava falando com gente que eu sei lá que eles matar Tá ligado não não não conversa Tem certas coisas que você não pode utilizar então aqui é um exemplo né eu não utilizaria nada do tipo aqui então nessa daqui nessa daqui tudo bem tá falando sei lá de Tecnologia de futuro de Inteligência Artificial Largo do chip não cabe os a certo s elementos Então vai muito do seu filho lindo você entender a Persona também sai no site ficando isso que eu te
passei nessa aula para qualquer nicho tá eu te mostrei como é que eu como é que eu costumo fazer as minhas páginas geralmente porque cabe esse estilo mas como não coubesse atenção dar beleza e isso é uma coisa que me dá gastura essa organização de de camadas aqui Eu Não Tô organizando por pela pressão de entrada da aula mas geralmente eu faço do bonitinho tá então quê q ue eu queria fazer aqui é melhor você renomeia para vocês aqui imagem de fundo com a begê que eu vou colocar luzes fun que
é engrenagem imagem fundo e tem que fazer o arquétipo do público final correto Cara não sei se precisa ir tão longe assim mas você entender minimamente para quem que você vai mostrar o seu trabalho é crucial né só um público idoso é um público de criança público jovem a um público bem homem EA mulher fica essa mulher procura uma página que que tem que transm itir o que tem que transmitir alegria tem que transmitir Esperança tem que transmitir ganância Então depende muito do que você quer passar
com uma coisa dentro da identidade visual com que o lançamento quer passar e não tem não tem tá Belinha né tá Eu até gostaria que tivesse então a eu quero até Terminasse de dizer que a Psicologia Das Cores é influenciado nisso fala a verdade cara eu nem negócio Psicologia Das Cores a é amor tem que usar tal Cor na minha fria tipo eu sigo minimame nte mas eu vou muito do meu filho tá ligado eu não de eu não sou formado em design eu só queria 2005 mas muito inteiramente Então eu tenho um eu
desenvolvi um senso estético há 23 anos porque eu comecei eu não faltou shopping ou eu fazia bem passava de fóruns e design de games jogos pelo na época quando eu te 2005 eu tinha 14 14 anos eu jogava a tíbia Então tinha um fórum do Tibia lá e eu fazia as imagens linhas de assinatura daquele fora comecei assim mas eu fiquei um bom tem po sem mexer no Photoshop usava para tratar fotos né que eu tirava Oi e eu fui voltar em 2016 que eu comecei a trabalhar numa empresa de consultoria que eu
precisava mexer no Photoshop então comecei a mexer de novo e em 2018 eu comecei a trabalhar com o frio a criação de site mesmo eu fazem 2016 Fiz um orçamento para sua empresa páginas para ir para o produto essa empresa e depois eu saí e E aí eu comecei 2018 Então você vai ver não tem muito tempo que eu faço isso tudo bem q ue os dois anos para cá eu geralmente faço uma página por dia então é página para caramba e eu trabalho de domingo a domingo sem feriado e geralmente é uma página por dia bom
então eu já fiz tranquilamente mais 1000 páginas às vezes mais de duas páginas então é você vai pegando né você vai pegando o jeito da coisa um filhinho Se eu fosse fazer isso daqui Sem explicar para vocês eu e assim é bem rápido problema é você ter a ideia e você entendeu estilo conceder ideia Coloca mais demo ra pra execução cara ferramenta Não importa se você faz aqui no Photoshop você faz no campo se você constrói a página elemento ou webflow no clipe peixes ferramenta é ferramenta cara é só
aprender a utilizar a apertar o botão é o que o diferencial de cada um é saber organizar as ideias montar o uma proposta que vai atender o público e fazer ficar bonito assim um senso estético porque apertar o botão uma perna né e vai ficar gravado gentinha ali eterna para sempre sabe talvez eu tire algum dia mas vou deixar provavelmente aí pelo menos até até o lançamento do meu curso tá aí vai ficar no G1 Bom vamos lá estou aqui eu acho que eu vou parar por aqui a imagem de fundo do desktop
Então vou parar por aqui então vamos levar esse daqui lá para o elemento para vocês verem como é que como é que vai ficar e como é que eu faço as configurações para lá a deixou e minha cola já falei já falei já falei Ah beleza isso então que daqui da minha colinha porque eu programei par a hoje é mostrar como é que faz por uma para posicioná-la no elemento e como é que eu faço para o ajuste para mobile Então vou mostrar para vocês também que é o que eu vejo muita gente errando bastante faz uma
ponta imagem no no desktop e chega lá no mobile tá cagada ou feito de forma errada não sabe organizar as informações e aí eu vou mostrar para vocês alguns exemplos Então vou exportar essa imagem eu tava eu tava removendo aqui né já já desistimos a gente não vai mais olhar aqu i então vocês me perdoem então lembrando coloca o Grid primeiro de tudo coloca o Grid ver como vão ficar as informações aqui para você singular como é que vai ficar o andamento tocando você jogar vem aqui no elementor é só
elementor também Toro Oi tá aqui né As férias estão fechasse negócio bom então vem aqui o alimento seleciona a sessão da um print Windows shift s para pintar seleciona o tamanho da sessão que você quer colocar ele tu vai para o Photoshop da control ver ué tá difer ente do tamanho que estavam então agora quebrou minhas pernas né É porque eu joguei a imagem perdão a o serviço agora tá certo tira o print e vai lá Photoshop joga no Photoshop casa também certinho então quando eu subi essa
imagem lá no elemento ela não vai precisar de nenhum ajuste nela vai ficar maior ou menor vai ficar do tamanho certo eu não salvo um tamanho maior para prejudicar a performance e Não Salvo Não tamanho menor para não prejudicar a qualidade Então deixa e u tirar o Grid tirar isso daqui último ajuste que eu faço tá é que nem imagem Tu faz o seguinte eu aperto control alt shift e tudo junto control alt shift ele vai fazer o que tem que colocar em cima de todas as camadas tá comprou um chip G ele
vai criar uma imagem uma foto da de tudo que eu já construí em uma camada só então ele vai pegar tudo isso daqui é como se ele pegasse tudo agrupasse pega tudo agrupasse e converter sim objeto inteligente por exemplo ele pega tudo a grupo e transforma imagem e aí que eu faço eu vou lá no camera Raw De novo eu vou fazer um ajuste final e o abre por que que eu vou fazer uma no final para ele integrar todas as para deixar mais harmônico e mais ambientado por a foto com fundo com o cara eu quero
um Oi e aí eu faço um tratamento similar ao que eu fiz na foto do cara eu vou ajustar aqui a claridade um pouquinho eu vou colocar mais textura de mim nem um pouco preto o branco a Chiquinho Lima colocar senão vai estourar muito por diminuir um pouquinho ou falsidade e puxar um pouco contraste a já estão essa daqui a imagem final né como é que ela estava ela estava assim tá legal também tá Que eu gosto de coisas que mais contraste eu acho que chama chama mais atenção então saber um um ajuste
fino final assim já está sempre lado mas eu quero fazer um Retoque final e aí eu finalizo acima se eu tirar esse daqui ó tem um pouquinho diferença talvez alguém prefiro assim talvez alguém prefira assim eu gosto mai s forte assim se você achar que é muito forte ainda pode diminuir um pouquinho para a cidade vou deixar 80 ele está finalizado outra nossa imagem de fundo do desktop que eu vou em fahel e suportar salvar para web é importantíssimo só vai imagem sempre em J pegue se não tiver o
fundo transparente sempre vou te mostrar porque tá vendo aqui só que ela também lá e imagem em Chamas estão aparecendo no meu ABS também na frente e deixa eu ver onde autor formula para quem aut3 Oi fui p ara cá pulei aí que que eu vou fazer eu vou olhar aqui o tamanho que a imagem vai ter quando eu salvar então eu fiz uma imagem considerável grande né aí ela tem 153 cabeça porque eu tô falando em jotapeg com setenta por cento de qualidade Se eu jogar em png e vocês vão ver e essa imagem foi para
1.4 Mega isso daqui a gente costuma seu peso de uma página inteira e geralmente Tom esses dias um cara me mandou na caixinha um site para eu dar uma olhada a página dele tinha 25 mega tava tud o salvo em png tudo tudo tudo Só inteligente e eu sei que com direito e vai abrir uma uma nova imagem e você via que tipo imagem que ele tem um quadradinho assim ele salvou em 1080 por 1080 então assim não existe só vai em png cara só Se tiverem fundo transparente só em png joga no time pedir e bora então
vamos salvar JP e cordão de setenta por cento eu coloco aqui otimizado e é que eu coloco para converter para srgb por quê Porque ele deixa as coisas mais fiéis porque eu tava fazen do ali só que tirar isso dele deixar as cores mais opacas bom então sempre marcar essa aqui monitor color aqui beleza é isso coloca salvar ou salvar aqui na minha área de trabalho acabei G quem sabe nada de trabalho vou lá para o elemento e aqui é uma decisão tá você pode antes de subir passar no time png para ele
diminuir ainda mais o tamanho quando eu salvo em J pegue e setenta por cento eu não costumo fazer isso porque e não somente para essas imagens de fundo porque ele ele p erde qualidade E aí pro meu HD tô ferrado ele tá ligado de trabalho e ele ele costuma deixar imagem pior que achou sessenta por cento Vou baixar pra vocês compararem eu não quero substituir eu vou abrir e eu vou ver se ouvir e se houve muita a diferença é Oi ó essa daqui é a do tá entendi e essa é a Du e eu vou Shopping normal
assim eu vejo eu vejo algum alguns pixelade nhos aqui ó pessoalmente onde tem luz ó e aqui é já imagem normal assim nessa imagem ela não prejudicou tanto te m imagens que vamos falar é muito escuro e tem algum efeito de luz a parte onde tem esses efeitos de luz ficar terrível Tá sim e é você vai pesar né a performance e vai pesar a qualidade se não prejudicou tanto sob a imagem convertida no tá arrepende mesmo tá a chover aqui que caiu tudo eu quero ver o chá de cês tão por aí ainda tá por aí
fala comigo se você acha que vale a pena fazer uma página dessas para um produto que eu me tornar afilhada cara eu não sei acha até Vale sim eu não eu não gosto muito do feriado né de trabalhar como afiliado é uma opinião minha Acho que vale muito mais a pena você conseguiu um produto seu ou trabalhar com o produtor prestando serviço do que fazer todo esse esforço para feriado mas assim vale né porque também a página do professor for ruim você faz a página deixa ela com visual impactante coloca
a cópia do jeito que você quiser bota seu botão com o seu link e vende né É tudo estratégia Oi Joelma Photoshop fica melhor para com parar a Pode crer a maizena nem vou jogar tá tá dando tá dando legal aqui ó Então já ouviu falar do crocoblock se sim o que achou da ferramenta para a página de conversão o cara já ouvi falar já fiquei tentado a comprar mas eu não usei tá então eu não sei vocês pega a mesma performance não sei muito das funcionalidades é tempo testar mas eu pretendo utilizar algum
dia sim aqui eu uso pouquíssimos addons cara Geralmente eu instalo esse show é 12 por causa do Acordeon que eu gosto par a caramba mas eu só deixo ele é um acordeão aqui a sanfona né que você aperta e abre docente Williams mas eu eu costumo usar Só que tem um elemento elementor pro quando necessário eu tenho também o Premium é dons mas fora isso uma de cocorobó que tá aí mal e ele é um plugin que eu não sei se fazer uma performance ele tá ficando com usei nunca testei mas pelo que eu vi um dia lá
a funcionalidade deles é é incrível e vamos lá aqui eu vou subir a imagem né clica aqui vou em estilo eu vou adicionar aqui eu vou colocar aqui eu subi não faltou foco direto mesmo a beleza que que eu tenho que mudar aqui para ele ficar bonitinho posição sempre superior centralizada não deixe em padrão porque se independente da resolução no cara ele vai ajustar o padrão entre ajusta no meio está vendo que ele tá Porto tão padrão já já cagaria toda a nossa nossa montagem aqui da página então
sempre superior Centralizado se forem necessários né O cara fica aqui no meio tá outra coisa eu sempre abro o navegador aqui tá vendo navegador e eu deixo ele lugar aqui na página porque porque aqui eu vou ter uma ideia de como vai ficar a página para computadores com resoluções menores se você desenvolve assim se você já não vai ter uma noção muito boa se você só pensa nisso aqui ó ainda teve uma caneta um pouquinho aqui de diferença outro que ajustar isso você só desenvolve ele assim olhando a
tela total e somente se for full HD você vai estar vendado porque quando eu uso como o seu cliente abrir o notebook dele que a resolução 1400 ele vai ver uma coisa altamente do que você desenvolveu então primeira coisa se puder desenvolve assim visão de túnel na fechada porque trabalha em ambientes hostis né pequenininho e depois você fez para mim então aqui se o cara tiver um computador com essa coisa tamanho de tela aqui estou a 15 dias estudando elemento ali fechar a primeira partida por
600 dinheiros aniversário que você parou em Valeu pastor Olha só cara va leu Renan mas do céu cara tamo junto E aqui estamos me perdi tem que se envolver com a tela em Full Screen né focando só isso aqui é a mas aqui tá mostrando tudo bonitinho cara esquece você vai tem que pensar na pessoa que tem computador pequeno porque não é todo mundo que tem um notebook com tela full HD ou que trabalha com monitor e geralmente quando eu posso ficar me escrever agora aí quero me inscrever agora aí deixa eu
corrigir isso que a não né agora aí não eu exclamação mesmo Tá muito juntinho então foca sempre tenta construir sempre assim com o painel lado esquerdo o painel do navegador lado direito o que você vai ter uma visão mais real do que o usuário final vai ver tá mas claro que tem as suas exceções e vai ter gente que vai ter o folga daí vai ver completo a sua arte show só que eu fico eu sinto muito causa disso porque às vezes você ficar perdido né com você faz um negócio tão bonita e coloca
nos cantos e o Carlinho vai ver mas paciência né Faz uma coisa que eu não falei é muita gente que eu vejo com os filhos página faz o seguinte aqui nessa foto que eu coloquei do cara aqui em vez de colocar no fundo J pegue a pessoa faz isso né Bota a imagem mas sob a imagem png do cara e ajusta depois dá para fazer assim também eu já fiz páginas assim mas você vai pegar um outro problema aí que é o peso né você vai ter a imagem de fundo que já é grande e você vai adicionar mais uma imagem com
fundo transparente png pesada para c aramba Então a primeira dobra vai demorar para carregar para então eu costumo fazer um jotapeg e ir Oi Tá show de bola deixou ajustar aqui aí aqui voltando superior Centralizado que eu costumo colocar preenchimento completo aqui ele vai puxar essa parte aqui para baixo que eu já errei ele já já cobriu então eu deixo preenchimento completo e Tá show de bola então a imagem de fundo basicamente é isso tá desktop E aí você vai ajustando de sessão para sessão Quer
ver Deixa eu mostrar é s ó que eu fiz hoje e como é a adaptação para mobile já vamos falar disso a próximo tópico talvez essa página hoje aqui então ela tem a imagem de fundo e aqui não tem imagem de fundo aqui tem outra imagem de fundo também uma imagem de fundo para uma cidade menor E aí é que eu fiz outro imagem de fundo também que é basicamente ela não tem muito efeito Eco pela prótese a página né então uma imagem de fundo basicamente é uma imagem que eu coloquei com uma cidade menor e
organiza aí as informações e aqui outro imagem fundo tão rega depende da sessão nessas imagens com mais contraste assim você não vai usar principalmente na primeira dobra nas demais obras que tem muito elemento que tem muita informação também tem os Carrossel o carrossel passando o título texto eu não posso colocar mais muito forte tem que ser um negócio mais discreto a e é isso para o desktop alguma dúvida desktop tudo certo posso partir para mobile vocês vão ver que é mamão com açúcar o PSB
lei né eu aguardem uma água tô esperando alguém falar comigo E aí E aí e tem um plugin para tirar a barra fixa do elemento do canto esquerdo acho melhor para se trabalhar em nome do login EA Flex boa elementor penal já usou não usei cara não conheço mas que nem eu falei aqui Eu gosto de ter o painel do lado esquerdo porque ele ele merece a visão de como vai ser a página menor e aí antes de eu não acho que já passei toda né acho que é isso a única coisa que eu que dá teria de diferente aqui é é o
menu fixo né que é aquele efeito parallax né que não dá para colocar uma sessão aqui para dá para ver se dá para mostrar é aquele efeito de paralaxe né que o cara sobe atrás mas você vê aqui para fazer fungos assim teknisa 1920 por 1080 porque ele expandir para tela inteira e aí teria ter esse probleminha aqui com mais de nossa imagem já foi feita a menor bom então a gente não vai deixar o fundo fixo e aqueles posicionamentos está Geralmente eu uso surpreendi superior Centralizado qu ase sempre
às vezes eu tenho uma imagem muito loucão eu posso usar superior direito para o esquerdo mas geralmente a superior centralizado Ah então beleza e a mulher passando sobre a sessão está em png mulher passando na Sessão aqui tá essa daqui tá essa daqui só você abrir tá em web pena e agora mas eu só vem png 5 Oi e aí eu boto uma margem negativa e ela e ela sobe e como colocar uma panagem movimento na página e não é feito o Carrossel mas sem algo 3D e geralmente vai fazer por aqui tá você vem aqui em
avançado efeito de movimento aí você pode fazer o efeito do mouse colocar o rastreamento do mouse e aí ele mexe Conforme você mexe o mal assim e pode fazer efeitos de rolagem também eu quero fazer colagem vertical conforme aqui não vai dar para ver porque a imagem tá e a casa é pequena né mas também não quando eu deixo o botão sobe Se você mexer aqui de novo colocar o rolagem horizontal e quando eu desci ele vai para o lado e aí tem algumas outras coisas que v ocê pode brincar aqui mas é nesse
painel aquilo que você faz isso a Dilma pai já Conforme você mexe na página O Flecha mexer para os lados é isso aqui é esse e é esse efeito de movimento efeito do mouse rastreamento do mundo não é feito de rolagem rolagem horizontal você vai descendo e vai no programa a beleza vamos for mobile então vocês vão ver que é que é uma coisa tão simples o primeiro mobile quis unção que você vai trabalhar aqui para ajustar no mobile Então depende muito do celular varia de celular para celular o
meu iPhone tem um iPhone 11 o meu iPhone 11 431 certinho eu fui testando testando e é o elemento certinho que dá é 431 tem como adicionar gif no elementor tem normal nós joga lá e acho que tem eu já coloquei gif essa menina qual o tamanho de box você usa the box o box box Não sei não sei que você tá falando de sessão isso daqui e eu uso 1280 mas eu defino hla não configurações do site bom né então aqui 431-a do iPhone eu sei que o Samsu ng s20 porque eu já fiz um teste com outra página 377 e mais
assim você vai adaptando lá eu faço para o meu iPhone porque eu quero ver a página favorita no meu celular vocês que se ferre mentira tá eu tenho assim 431 e depois eu vou ajustando e veja ou como é que vai ficar mais pra gente conversa eu uso 431 aqui como vocês sabem né se você colocar margem lá no pele no desse papo ele vai trazer para o mobile então eu zero tudo eu vou deixar aqui uns 50 vou deixar uns 50 aí aqui para ad aptar e fecha essa foto Oi deixa essa foto a beleza estamos no mobile
primeira coisa você vai fazer que eu já deveria ter feito nessa ao fundo então eu acabei de disse que top Vou salvar aqui na minha pastinha do YouTube e aqui eu vou salvar uma versão para mobile salvem a versão for mobile que é capaz de você salvar depois em cima da doença que top de cancelar pequena 376 é por aí mano 37 6377 Oi e aí eu salvei a versão mobile então eu já tô trabalhando aqui no mobile que eu vou t irar essa essa arte que eu fiz aqui vocês viram que eu não conversei para o objeto
inteligente e eu não tenho histórico do filtro mas tudo bem E aí eu vou fazer o seguinte e para mobile eu com eu construo largura 800 tá então eu vou deixar aqui 800 de largura eu vim aqui na ferramenta crop tá cliquem na imagem e vou deixar 800 para muito e meia já eu falo para caramba né tá acabando gente o 801 a rede acho que você que tem um jeito mais fácil mas sou chato com isso foi 800 beleza po r aqui ó já consigo ver o cara Centralizado Meu deixa ele Centralizado e aqui vai depender
muito do tipo de página só tem página que eu vou fazer isso daqui eu vou puxar para baixo e construir e o mobile para cá para deixar no tamanho do celular e vou colocar o formulário aqui o daqui para baixo só que dependendo do tamanho da foto Às vezes eu não consigo fazer isso porque eu vou tirar o botão um formulário da primeira dobra que o cara tem que abrir o celular mas tem que ver o b otão ou formulário se você vai perder minha conversão então o que que eu faço quando acontece isso eu faço
isso eu faço para cima e aí vai ficar a rede lá e formulário E aí nem a foto do cara é e para mim pode ficar até às 10horas é tamo junto e aí eu faço assim pelo quando é assim que é vou fazer duas formas vai para vocês verem como é que a gente adaptar isso daqui Ah então beleza vou lá eu vou que que eu vou fazer só fazer um ajuste dos elementos aqui vou pegar o fundo fundo pret o né Vou colocar aqui quando eu coloquei de tamanho eu acho que me aqui e essa altura vai variar de acordo com
a quantidade de elementos que você tiver aqui mas eu acho que 1.600 vai dar deixar você tá no alimento o primeiro tamanho e três linhas tá bom deixar três linhas que eu vou deixar e três linhas também o botão tá muito pede hein 144 os livros aqui deixa eu colocar por lado aqui para mostrar um negócio tem gente que deixaria a página 51 E aí coloca versão mobile só aj usta o fundo do jeito ele tá tudo bem eu já no começo a fazer muita página assim pessoal até calava mas não tá aparecendo a minha
foto eu fui lá mas não dá né só colocar foto atrás do do texto não vai dar leitura cabecinha pequena né E aí com tempo eu fui ajustando e vamos lá que que você pode fazer aqui você pode tentar de novo print ao seu melhor amigo 30 a sessão o formulário volta lá para o Photoshop Cola pega aqui ó me assusta bom então eu sei que eu vou ter que ter esse taman ho aqui ó demais então eu fiz uma imagem maior do que do que é necessário então só deixar aqui G1 e também imagem poderia ficar mais ou menos
assim aqui eu acho que vai ficar eu não gosto muito de descentralizar as coisas mas eu acho que aqui vai ficar melhor um chá centralizar Dinho tu quer que eu vou botar uma borda kkk a fazer bem feito né é o melhor ainda copio de novo para ter uma ideia volto lá photoshopping pagar aqui Olá colegas vezes o controle de vou aumentar o tamanho eu comentei aqui então esse também é que vai ficar eu acho que vai ficar bom tá então já vou deixar ele nesse tamanho e aí que eu faço é só ajustar os
elementos tanto que eu preciso ajustar aqui eu preciso ajustar sua imagem de fundo aqui para dar uma profundidade legal talvez eu tenho que centralizar assim para dar um efeito diferente E tu vai ficar mesma coisa já no meu bairro você tem que fazer uma gambiarra aí Luz como é que eu vou ajustar a luz a luz já faz o seguinte eu fa ço outra camada não vários casos juntos comprou tem ou ajustar as duas camadas e assim faz uma é uma gambiarra nha É sim e aqui ela tem que apagar pega a borracha lá e
apaga um pouquinho aqui e vou eu flor e apaga essas partes que estão mais mais grotescas ó ajusta assim ou exclui e crio do zero uma luz para o super mobile tá tá aqui ó se for ver eu já tenho uma tá pronto eu dei uns 10 cliques assim já foi claro vai ter vai ter fungos que você vai ter que ir adaptar de de outra forma né eu vou salvar aqui para vocês verem versão mobile e lá pro elemento E aí o elemento você vai fazer o seguinte aí tu vai subir a imagem aqui E aí eu ajuste aqui você não vai
fazer superior você vai colocar inferior centro porque porque você vai subir o cara aqui para isso porque isso você sobe ele aí você vira avançada você vai aumentar aqui o padme hum E aí você consegue ajustar o tamanho certinho eu vou recém e quando tá vendo aqui aquele parou de aquele tava aumentando aí ta va grande Tava grande que ele tava esticada ele tava no tamanho ou maior do que o necessário quando ele para de me mudar de tamanho e começa a só subir é porque tá no tamanho certo tá vendo aí
ele tá só subindo agora e quando ele começar aumentar de tamanho é porque tá no tá errado Oi tá sumiu e aqui mais ou menos tá pronto Fundo 1 Eu também não fumo do mobile adaptado dessa forma E aí tem a questão do da responsividade ó tá vendo eu vou ajustando e o fundo vai vai se não tem data par a acontecer às vezes ele perdeu o espaço em subir no botão oi Calma aí tava chegou mais próximo do botão do que ele tava como tava no 431 mas ainda assim eu deixei uma margem de segurança e não não chegou
tanto a beleza vou fazer da outra forma para vocês verem também como é que como é que daria para fazer que ao contrário vai fazer o seguinte vai puxar para cá ó e vai puxar para baixo deixa eu ver altura que tava pra gente fazer a mesma altura Né tava 1449 então vamos fazer o seguint e só eu vou eu vou ficar aqui só vou puxar para baixo né despertam um o puxei para baixo A loja está aqui o fumo aqui eu vou ter que ir a pagar o cara né Não não vou apagar ele de matar eu vou Belê tá fazer uma
máscara para ele para ele ficar mais uma transição e deitar que de leitura para o formulário né acho que eu pus uma coisa aqui é só copiar os novos e bom então vou copiar ele é que colei aí aqui eu vou fazer isso daqui ó E aí a fazer mais ou menos isso aqui então daqui pa ra cima eu vou ter que deixar aqui mais escuro vou deixar aqui assim para me dar um guia é que eu vou fazer eu fazer máscara no cara fazer uma máscara eu vou pegar aqui o pincel e vou apagando um pouquinho para nessa parte onde
vai ficar o texto você pode fazer também com o bruxo e preto mesmo faz um branco e preto e pintar por cima faz uma sombra e eu vou apagar porque eu acho que vai ficar bem legal essa essa engrenagem talvez eu tenho que mover ela eu vou diminuir de tamanho com d eixar aqui assim ela não pegar no texto o chá sim e tem aqui tá beleza E aí tem os efeitos de luz né que eu tenho que ajustar que é isso aqui eu vou pegar a borracha eu vou apagar e para com ele e esse aqui qual que é esse que tá aqui de
fundo né eu quero ver fotos como eu apaguei o cara lá aí aqui para mim E aí Aqui você pode fazer também se você está dando leitura já nasceu com isso clique para ver e é talvez de leitura se não tiver dando leitura ainda você pode criar uma nova ca mada pega aqui o preto e aí você vai ser pintar um pouquinho assim só para dar é por causa que eu fiz no outro fundo é o câmera o grau de novo né então já repeti o processo control alt e transforma em objeto inteligente contra o chip Teatro Abril
também AOL E aí faz o tratamento da da imagem para ficar mais bonitinho será que é automático Eu já faço esses ajustes quase sempre qualidade textura diminuo Preto aumento Branco muito contraste fechou E aí aqui vai ficar assim talvez e u coloquei muito espaço aqui né beleza né ou salvar a televisão que eu não vi aqui está tudo certinho beleza vou salvar é só essa semana variação cama baú dois volta pela ementa E aí eu vou fazer o contrário aqui tá 356 vou botar 356 AC e vem estilo em suma uma
foto E aí E aí o que Ele cagou o meu e o botão ó e aqui cola está inferior sempre tá subindo então vou fazer o contrário agora como ele tá para cima eu coloco superior Centralizado para ele não comer imagem aqui dá uma para subir mais ainda e não me deixado mais escuro é uma dúvida que deu você fez no lugar para fazer 31 foi uma referência ou esse tamanho vai dar bom em todos os celulares carinhoso 431 porque se você fizer do menor para o maior a chance de dar problema é maior então eu faço
o maior e eu nem sei seu maior Tá mas é como é o do meu celular é o que eu uso para ver o preview então eu usei como base Mas você pode fazer menor se eu for usar aqui ó ao 370 ele vai ficar assim você ver que um avaliação é mínima tá não vai e não vai influenciar tanto não vou pegar o 320 só e fica tudo achatadinho mas é o que eu uso referência do meu iPhone mas aí seu é Vai brincando aqui com a resolução e e vai Sagrada mais eu gosto de 431 é o número mágico para mim eu vejo que é o que
responde melhor com as cores diferentes tipos de celular eu também gostei mais da versão dois só que assim que nem eu falei vamos supor que aqui tá aqui ainda tivesse um logo tá uns por tivesse um log o aqui ao longo do evento aí aqui tivesse a red line ao botão já tá saindo e aqui não fosse botão aqui fosse um formulário é aberto Cadê o formulário o formulário desgraça a nossa acho que eu não tô com a minha versão Pro ativada ah ah não tá aqui em cima é lado é e também então o seu cara abre o
seu cara abre o negócio ele ver isso você já perde a conversão para caramba Então essa vai ter que adaptar essa essa coisa aqui de acordo com o tipo de com a quantidade de elementos que te m a sua atenção e aí você usa o que você anda com a melhor hora quer ver na página dar mostrar um exemplo para vocês e não se acabou tudo para mim e não essa daqui eu fiz assim aí a versão mobile fiz assim que eu fiz lateral tá vendo coloquei ela na lateral e aqui eu coloquei o É porque era uma sessão uma
página curta você vê que aí ele fica até mostrando aqui o rodapé e ele não daqui já que Coube poucos elementos dá para você fazer isso na página de Obrigado também e a panela O brigado também tá vendo deu para brincar e deu para fazer um layout mais diferentão mas nem sempre e não é com todos então você vai tem que ter flexibilidade de saber fazer das duas formas acho que é isso né gente ficou alguma dúvida imagem Photoshop posicionamento no elementor manda aí E aí E aí E aí e eu faço 400 no meio
tremida bom é isso aí cara vai teste cada um tem não tem uma metodologia né eu ponho 431 porque exatamente como eu vejo no meu celular mesmo então para mim tá tá de boas e aí meu povo Mas alguma pergunta Ah não você está no seu tempo de delay que tá bom se não eu vou encerrar vou encerrar que eu tenho que botar as filhas para dormir apaga é o seu anúncio dela para mim quando eu fiquei sabendo que você fez cara parabéns você é f*** Valeu cara mas não eu não fiz tudo não tá eu fiz só né eu fiz o
da Ana eu fiz aquela página do Play que tá lá no meu no meu portifólio eu fiz essa o design não é o 100% Eu fiz essas duas só mas a do lançamento dela o atual que rolou na arte de anúncio tudo Foi eles que fizeram e mandaram legal tinha quis vir aí eu só peguei e subi no elementor e Como deixa o botão igual da jorges nenhum Hum Tem duas formas e se tiver você vem aqui ó em sombra do bloco e você vem aqui adicionar uma coisinha o trem faz o nenhum aqui e aí você brinca deixa eu colocar desktop
para vocês verem melhor E aí você brinca com os controles aqui ó dá para aumentar Oi aqui é a sombra do bloco estilo sombra do bloco no form ulário essa tem fazer por CSS E aí eu eu não lembro do código depois me cobre se quiser me cobrando Direct que eu mando o código para você porque no formulário se você colocar o isso daqui no formulário ele ele vai pegar tudo no formulário aqui borda sombra do bloco você colocar no formulário ele vai fazer isso daqui ó bom né caramba eu tô tirando o que o
formulário ele pega em tudo também E aí você tem que isolar o botão com programação topzera Valeu pela aula tamo junto vai liber ar os tamanhos e parece ter cara tamanho aquilo que eu te falei é 1928 - 120 de largura e o altura você vai ver aqui de acordo com cada sessão vai pegar aqui ó da Print trinta sessão inteira e joga no Photoshop você jogar no Photoshop ó no arquivo novo falha uniu abrir um arquivo novo ele já vai te trazer altura e aí você só coloca numa 220 aqui e ele já vai trazer
certinho você já tiver com o documento aberto você dá control v e aí você ajusta por aqui ó pela ferramenta do própr io Não tem segredo não e por mobile a mesma coisa largura Eu costumo sa800 e altura altura a mesma coisa coloca o elemento aqui joga o print e vejo como é que vai ficar E aí não tem como colocar a cor do botão em Gradiente tem com um plugin de The addon também ou CSS nativo do elemento ar não dá não infelizmente eu quero ver não sei se dá agora ó tá perto e tal mas tempo eu não
costumo usar cara e eu achava que era só com o código mas assim ó ó e aqui você muda o é o tamanho né po sição EA que você do ângulo o barco foi para caramba só come se vai dar E aí e com onde você elabora os ícones para página 1 o cara eu faço eu pego no frete ai com ou eu pego no esqueci o nome bom então então muito bom também mas não tem todas as opções Mas ele é muito bom que dá para você e deixa eu ver se tem o Zap do meu histórico a feder eu acho que é isso Federal icons isso aqui é muito
legal Carol se aumenta o tamanho se aumenta a largura do é o ícone você pode mudar a cura aq ui esse daqui é bem legal para você ser bastante não tem tantas opções né mas é um o seu uso bastante Eu uso esse o flash Athlon o frete aikon.com Iai o eu pego por aqui em último caso eu mesmo faço vetorizado mas é bem raro a o Felipe Adão Rodrigues preguiça sem preconceito casa você pega os carecas com um óculos aí é tudo igual né E aí e vai liberar os tamanhos e PSD PSD posso liberar cara eu só não
tenho onde né vou criar um canal no telegram mano essas coisas lá lá e semanal c ara Acho que sim Acho que sim Vocês seu feedback for bom saber que que foi legal para vocês também é um conteúdo que dá para aprofundar nessa ficar respondendo caixinha de pergunta é complicado porque senão você Nova Cidade dicas mas não mostra como fazer eu curti curti da Live para vocês se vocês curtirem ou a gente faz semanal mas acho que sim o CSS uso box-shadow É isso aí qual o link do seu portifólio de respon
Tonet Barras paroni e tem muita coisa de fora lá cara mas eu tenho u ma preguiça de botar eu nunca teve problema em usar imagem do free pick não cara eu pago não tenha licença se tiver problema eu só só apresentou licença é eu acho que não e eu apoio a Live semanal tamo junto eu vou jogar jogar um chat para cá nem ficar mais fácil eu acho que é isso né O Coxa Live top o Tom Valeu Leo espalhado Leo são muito boas gente já dei uma olhada por fora dele depois veio por fora dele também ambientes que
é f*** e é isso vai ser a então botar as crianças para d ormir tamo junto se tiver alguma dúvida manda lá no Direct para mim Instagram e sua sugestão de tema também para lá e da semana que vem manda para mim lá no Direct que que ajuda bastante mandem perguntas para minha caixinha não se recusa a fazer pergunta para mim mesmo se vocês não mandam não respondo e você podia fazer um aulão do zero de alimentos em o cara é um ela está nos planos eu defini um fim já 10 temas de slides provavelmente vai
ser o o ou os próximos é mas se você mandar alguma mais interessante eu faço também plugin ícone fino Sigma ex para quem usa firma né eu não uso cara eu só tô shopping viu mas é isso fala sobre elementor pro crackeado não uso cara eu só compro original e eu evito qualquer gambiarra porque já viu né ainda mais que você trabalha com orçamento grande sei lá e é isso estamos junto manda lá no Direct para fazer as crianças dormir aqui que já estão vendo aqui tá com sono é nós precisar de alguma coisa
manda lá no Direct e é isso tcha
0 Comentários