Como fazer Cardápio Digital e Interativo no Photoshop (com Links para Whatsapp)
Como fazer Cardápio Digital e Interativo no Photoshop (com
147.124 visualizações • 19 de out. de 2021 • ✅ Garanta sua vaga nos meus Cursos exclusivos de Photoshop: https://lojaphotoshop.com.br/ 💻 Faça o cálculo e descubra qual é o melhor computador para você realizar suas edições: https://bit.ly/calculadora-razor Esse será um tutorial completo, onde vou te mostrar como criar um cardápio digital e interativo no Photoshop, convertendo em PDF, acrescentando links e testando no Whatsapp. Muitos barzinhos, lanchonetes, restaurantes, pizzarias, hamburguerias, food trucks, etc, estão se adaptando a realidade digital e oferecendo cardápios digitais para facilitar o atendimento com o cliente via Whatsapp. Oferecer essa opção é essencial para o sucesso do seu negócio ou de seu cliente, portanto se ligue nas dicas que eu vou te dar em quase uma hora de tutorial, porque tem muita coisa importante para levarmos em consideração. 🔵 Caso você queira usar imagens grátis para acompanhar o tutorial, recomendo dois bancos de fotos: - https://www.pexels.com/pt-br/ - https://unsplash.com/ Porém é de extrema importância você utilizar imagens reais dos produtos / alimentos que você ou seu cliente produz. O cardápio digital ficará muito mais real e atrativo dessa forma. 🔵 E um excelente lugar para você encontrar fontes grátis para a criação do seu cardápio digital é no Google Fonts: https://fonts.google.com/ Nesse tutorial você aprenderá como fazer a criação de várias páginas, podendo acrescentar a quantidade de informações que forem necessárias dentro do cardápio. Também vou mostrar dois estilos gráficos diferentes de como você poderá apresentar os produtos, e como você fará pra duplicar e atualizar apenas as informações de texto e imagem pra agilizar a criação. Faz o passo a passo comigo e depois me conta aqui nos comentários como que ficou seu cardápio digital, fechado?! Sempre recomendo outros tutoriais de Photoshop que você vai curtiu e continuar aprendendo comigo: 🔹 Como recortar uma imagem de maneira rápida no Photoshop: https://youtu.be/xM_l3dPN5aU 🔹 Como usar as máscaras de camada no Photoshop: https://youtu.be/vLGow3UXjMo 🔹 E também esse tutorial mostrando como instalar e quais os plugins que eu mais utilizo no Photoshop: https://youtu.be/Tu05AEZu89I ✅ Conheça os meus Cursos exclusivos de Photoshop: https://lojaphotoshop.com.br/ 💻 Precisando comprar um computador para realizar suas edições? Conheça o qual é o meu: http://bit.ly/razor-workstation-a Link do vídeo: https://youtu.be/gFBEEzuSS3s Mostrar menos Mostrar mais
E aí e fala aí turma do canal PS tranquilo aquelas Flex de bem-vinda mais um vídeo onde eu vou te mostrar como que você pode criar um cardápio de maneira digital interativa clicável sim ele vai transformar essa arte em PDF você vai conseguir enviar e foi pela internet pessoas conseguiram abrir do celular e clicar nele automaticamente abrir uma conversa contigo no seu WhatsApp fazendo pedido então bora aqui no decorrer do vídeo gente vai tendo muita conversa não tem informação eu já vou começar
com uma delas aqui de onde que eu tirei essas imagens e fotos que eu vou utilizar na durante a aula então no site free pick flat-icon e pixels encontrei imagens ícones que a gente vai utilizar durante sai assar até aqui e não se limita apenas as imagens e cores que encontrei nesse site você pode utilizar qualquer outra inclusive deve pegar imagens originais dos seus produtos ali não imagem suítes isso daqui traz o mal e são muito maior para sua arte e aqui em questão das fontes també m
que utilizei foram as a Museu Monte Serrat e ofensas no Google fonts você encontra inclusive as últimas duas e a Fonte Museu sem compra na Adobe Creative Cloud Ok então continuando aqui as fontes também se pode utilizar a ponto que você quiser no seu cardápio Vamos criar nosso novo documento aqui no Photoshop então e iniciar um cardápio online eu recomendo se fazer um tamanho aqui era uma tamanho de uma tela full HD o inverso ali para ficar mais corretamente perfeitinho n a maioria dos celulares
então o que você faz coloca 1080 por 1920 de altura de uma folga de o inverso além do maneira retrato então na resolução 72 mesmo um arquivo digital os pode fazer essa forma não vai ficar enorme não precisa necessariamente colocar a presença de resolução e aqui o modo de cores RGB porque a gente não vai utilizar para impressão se fosse entre utilizaria o modo de cores o ok então pode deixar que o perfil de cores e Adobe RGB 1998 para você alcançar uma gama de cores muito maior que o próprio é um
perfil próprio ali do da do me né e aquilo tá tudo branco clicando com o botão direito do mouse você pode vir aqui padrão preto cinza escuro e tal eu gosto de fazer isso personalizado selecionar a cor que você quiser para visualizar eu gosto de ter essa ideia Por exemplo quando vou criar uma arte para uma rede social e a rede social um todo ela em torno é branca eu gosto de deixar branco para visualizar como que é arte se comportaria naquela região então por isso que eu deixei branco ali mas é
só uma observação né hum aqui outra coisa eu esqueci de criar ali no meu novo documento Mas eu posso fazer aqui dentro do Photoshop mesmo quando eu tava em arquivo' novo eu poderia marcar que a pranchetas mas eu esqueci mas não tem problema você pode vir aqui clica no botão direito do mouse ferramenta prancheta selecionar ela e fazer a seleção aqui ó da página como um todo tome cuidado PA a expressão exata vai ficar meio 80 não for 1920 e aqui clicando para o lado ou para baixo Tanto faz você
vai criar quantas páginas forem necessários para o seu cardápio no meu caso que eu fazer apenas três então dando dois cliques aqui para o lado você vem inclusive que no seu painel de camadas para criar 12 novos agrupamentos de preencher essas separados Então sempre que você quiser criar alguma coisa dentro dessa determinada página você vai adicionar os elementos nessa região aqui ok projetar um dois ou três vamos começar ent ão pela para enxertar um criando a parte da frente a primeira página do
nosso cardápio digital outra coisa que eu tenho aqui também é um logotipo fictício se eu fosse vai desenvolver e para um restaurante com futuro é que enfim qualquer seja né a loja empresa enfim você vai ter o logotipo dessa marca eu vou clicar com o botão direito do mouse abrir com Adobe Photoshop para abrir um arquivo separado poder copiar enfim utilizar qual logotipo que eu quiser tente um logotipo colorido Ess e é um cor sólida também que eu vou te usar o no rodapé uma maneira mais vertical
também essa aqui na horizontal que utilizarão no topo Então como já tá em png ou selecionar uma maneira bem rápido aqui por exemplo utilizando a ferramenta letreiro retangular público faça a seleção control c para copiar volta aqui ó com a prancheta um selecionado para colar nela control over control t para aparecer os nossos de redimensionamento vou redimensioná-lo aqui lá no topo do meu arquivo que eu vou querer deixar ele Centralizado lá em cima no cabeçalho e aqui eu já vou criar com a
ferramenta caneta algumas utilizar jeans pode fazer reto ou curvado como vou fazer também vários dessas etapas que deve fazer durante a aula são opcionais e vai fazer da maneira que você preferir e eu vou utilizar aqui algumas cores do próprio logotipo como por exemplo vermelho laranjado o marrom para fazer toda identidade visual do meu cardápio outra coisa também que você pode utilizar as cores que você quiser para o seu cardápio e como por exemplo aqui vou começar com um vermelho vou vir aqui
em cor de preenchimento já tem até umas cores e sentimentos utilizados Muito provavelmente foi essa que eu fiz aqui um teste em off exatamente um a cor e três 3237 esse daqui o código hexadecimal correspondente essa cor casa que utilizar o mesmo vermelho que eu digito isso daqui que você vai ter o mesmo dá um ok e eu vou começar a criar então minha forma lá de baixo como eu fal ei eu queria algum curvado A então vou clicar lá em cima arrastar clica aqui embaixo e arrastar fazer umas coisinhas e
vai dar um acabamento legal da minha forma ó até Cláudio clico na alça da caneta e raça para baixo para orientar que eu quero vir para baixo aqui com a forma ou caso queira fazer simplesmente uma forma reta você clica aqui e aqui você vai fazer também algo ali meio na diagonal só que de maneira reta também fica maneira e você encerra a forma no ponto Que você inicio u dessa forma aqui tá maneira a e agora eu vou utilizar esse vermelho por baixo eu vou deixar um laranja por cima que fica mais
fácil do colocar informações não fica tão tão forte né nos nossos olhos aqui então posso fazer isso simplesmente estão contra o J nessa camada de forma para duplicar mas não contra o J eu tenho duas camadas iguais e agora vou ver em cor de preenchimento e vou buscar outra cor buscar aqui de laranja que eu tava testando ali basicamente eu posso clicar aqu i mais cores vai abrir o seletor de cores eu busquei aqui com o conta-gotas né uma cor próximo ali do logotipo próxima não exato do logotipo mas
não posso buscar um tom próximo para ser uma imagem caso seja necessário né mudam aqui só para ver como é que fica acho que talvez um pouquinho mais laranja mais claro né vamos ver aqui no código hexadecimal e eu utilizei em Office daqui eu deixei anotadinho aqui no canto por isso que eu tô dando uma olhada assim aqui para o canto que são mui tas informações códigos hexadecimais e cores então que eu tava utilizando no antes né e testar o vídeo e que o laranja que eu gostei foi isso que é UEFI 190
um E não aqueles como um pouquinho mais saturado apenas e agora que eu tinha acabado de se eu posso arrastar para baixo já fica maneiro o caso queira fazer tipo por exemplo arrastar um pouquinho para o lado vou dar um controle te rotacionar um pouquinho também para ficar não tão certinho sabe ali as ondas dá uma diferenciado nelas também fica maneiro o assim ficou legal e dar um enter depois que você confirmar e agora eu vou criar tipo uma pastinha digamos assim agrupado ainda vai repetir muitas
vezes porque basicamente a mesma coisa para ir nomear vários itens principais como você vai colocar uma foto ali do do item principal o valor o botãozinho para fazer o pedido via WhatsApp título e descrição do produto e eu vou fazer isso a criando uma nova camada e selecionando aqui por exemplo ferramenta elipse que eu quero fazer minha foto que ela fique dentro de um círculo caso você queira fazer um quadrado de um retângulo arredondado seleciona outra forma mas eu vou utilizar aqui a elipse
aqui a cor tanto faz porque depois a gente vai colocar a imagem por cima não vai aparecer só coloca uma cor de traçado caso você desejar eu vou colocar uma cor de traçado Então mas cores vou buscar mais ou menos um marrom botei no meu logotipo aqui que era o f346 dois de rock pressionando shift vou criar es se círculo perfeito para colocar na imagem aí ó só que aqui também no contorno eu vou deixar aqui ó é mais opções de traçados o alinhamento externo para que esse traçado Fique por fora da
forma e eu vou aumentar também espaço o tamanho tamanho de traçado para que ele fica um pouquinho mais intenso lá que ficou bom vou criar também um pegando a ferramenta texto vou achar que a fonte é museu que eu vou colocar o título principal e eu vou colocar também ela numa bold numa Museu mais grossinho assim para ficar mais destacado o título então vou clicar e começar a digitar que eu vou colocar por exemplo a hambúrguer e digite o nome vou dar um enter para quebrar a linha ou nome 01 daí
você vai fazendo o nome do hambúrguer e tal colocando um o nome 192 enfim contra o t aumenta aqui ó no cantinho ele já vai aumentar proporcionalmente as novas versões do Photoshop caso se de uma versão antiga e pressione Shift para aumentar proporcionalmente senão não precisa e claro dá uma olhadinha que está tudo correto né ó hamburguer hamburguer digito não tá tá correto confirmar na barra de propriedades vou ter a cor aqui o também eu quero um marrom Então vou selecionar que isso que eu acho
que possa deixar um Pouco Mais Escuros pode trabalhando Olha esse tom se selecionam Inicial Depois vai trabalhando para ver como que ficou mais maneiro tua ração por mês para baixo 4431 20 para mim ficou maneiro vou posicionar aqui em cima vou pegar mais ou menos o alinha mento que da parte de cima ficou legal né de novo se pega a ferramenta texto eu vou pegar até um contra o r para parecer as réguas do Photoshop clique aqui na lateral e levo para eu saber da onde que eu vou começar essa minha
caixa out rola o scroll do mouse aquela bolinha do Meio para aproximar o zoom clicar e arrastar para criar uma caixinha de limitada ali de até um do que meu texto irá ó Então vou arrastar até aqui mais ou menos estão tudo que eu digitar que automaticamente vai quebrando linhas para que interessante que não tem muita informação aqui na descrição por exemplo do seu produto você não precisa ficar quebrando linha para ficar exatamente igual ele aqui você digita a descrição e o colocando os
ingredientes o que fazem parte do Hambúrguer 1 e eu acho que pode ter até três linhas que vai ficar legal e já cabe né todos os ingredientes ali ó bom então depois que você digitar ali se confirma e agora a gente vai para mexer na formatação nesse texto você pode vir aqui janela propriedades para aparecer as propriedades o seu texto vai abrir muitas opções aqui primeiro de tudo que já vou deixar na cor branca para diferenciar e vou colocar uma foto mais legível para Fontes pequenas que
nesse caso vou utilizar ao pensas e eu vou utilizar ela em Itálico você deixar ela vem com energia para frente que interessante vai aumentar também o tamanho do texto né como falei ali que até umas três linhas ficava legal eu vou deixar ali em três linhas mais ou menos isso e você pode aumentar e diminuir de acordo com o tamanho dele a quantidade de informação que tiver na descrição Aumenta também que o espaçamento entre essas linhas também é o pau Cuidado para mim também não
deixar muito pequeno achei que tá maneiro selecione a ferramenta mover se posiciona lá vai ficar o nome do hambúrguer descrição e aqui embaixo a gente coloca a valor e também um botãozinho para fazer o pedido via WhatsApp qu e a gente vai criar esses botões agora clique com o botão direito do mouse a gente vai selecionar a ferramenta de retângulo arredondado a partir de agora para criar esse botão o raio aqui pode deixar 50 30 40 ele vai ficar bem Redondo a Dinha nas bordas ficar bem parecido com
o botão é isso que a intenção clima Nova camada aqui e eu vou mudar as cores por exemplo para colocar o valor eu posso pegar mais cores selecionar Então esse marrom mais clarinho para parte interna vou dar um ok e o preenchimento né vou fazer essa forma e no traçado Vou deixar um pouco mais escuro Então posso vir aqui então meio mais cores com o conta-gotas selecionar só clique e arraste o seletor para deixar um pouco mais escuro e dá um ok simples assim eu clico e arrasto agora para criar
esse meu botão posso fazer também o valor dessa forma e o fazer pedido também então contra o te só pressionar apenas shiftyou consigo me mexer de maneira individual em cada canto dela que o valor não precisa ser tão grande daí eu fazer pedido ainda deixa o maior Porque tem uma quantidade de texto maior Helena se confirmar na barra de propriedades vou aumentar aqui para um sei lá não ficou muito um 10 os 55 ficou bom ali o contorno né da informação do valor e deixar também mais ou menos ele
é batendo na parte de baixo da elipse posso te deixar um pouquinho por cima assim aposto também para ele ficar bem condizente ideal da onda e do qual hambúrguer é esse valor né crie uma no va camada ferramenta texto clique digito o valor colocar que RS fictícia aqui ó r$ 17 por exemplo confirma na barra de propriedades ou modificar que a fonte também como eu falei que o utilizar Monte Serrat utilizar ela na versão balde aqui ó na família de fonte Bolt e fica mais grossinho e bem visível aqui o
valor será que minha formação tem que ser bem visível né Inclusive acho que eu vou até aumentar um pouco tomando botão para clicar ver se o valor aqui então selecionando a cama da de baixo contra o te Shift para aumentar apenas uma grande vindo ao outro planta aqui se o no valor até que lavei para selecionar rapidamente a ferramenta mover ou vem até lá ela clica e faz o posicionamento e com a certinho seu teclado em cima a baixo o lado enfim se consegue ele posicionamento mais fino e você pode
fazer até duplicar esses arquivos o que esses elementos de camadas para fazer também um botãozinho do fazer o pedido viu o WhatsApp então se impressionar com grau s eleciona as duas camadas contra o J para duplicar correspondente a base ali do botão e o valor tô agora que as duas já estão as duas do duplicado já estão selecionadas ferramenta mover selecionado clica e arrasta para o lado E agora você vem e altera as informações ferramenta texto clique seleciona lá fazer pedido aqui vou colocar
agora só confirmando a barra de propriedades voltando para minha pasta onde tem as informações e ícones e tal eu achei lá no plático vou pegar aqui ó do WhatsApp clicar arrastar no ícone do photoshop e eu não sou tendo a sua solta quando tiver dentro do meu novo documento e redimensionou ele para o tamanho correto aqui é perfeito teclav sempre para selecionar a ferramenta mover rapidamente E aí se fazer pedido e vai ficar um pouco mais suado ainda Oi e o botão correspondente do WhatsApp vou dar
um controle de shift e aumentar ainda mais para o lado para que ele completo Totalmente ali a área que a gente precisa e aqui no WhatsApp ag ora vou deixar em branco dois cliques ao lado ali do da camada do WhatsApp a gente vai abrir a janela de estilos de camadas sobreposição de cor deste modo de mesclagem normal clica em couro e vou arrastar aqui por Branco porque aqui o botão fazer o pedido eu vou colocar ali mais umas com as cores do WhatsApp chuva até sua deixei anotado aqui ah mas
com certeza né deixei sim aqui então selecionando a ferramenta aqui do retângulo arredondado a camada do retângulo arredondado é aquele colocou e o motorzinho de fazer o pedido Ele vem aqui nas propriedades dela ou seleciona aqui forma e tal vai lá na barra de propriedades lá em cima tanto faça mais cores e aqui eu vou digitar o verdinho do preenchimento que no código hexadecimal 6ab f56 Ó esse daqui ok Oi e o traçado na cor é praticamente selecionar ele aqui e dá uma arrastado aqui para cima
você já consegue um verdinho mais claro para fazer a Bordo Não tem segredo não é um maneiro ó tá interessante assim se pode aumentar diminuir enfim é contigo eu vou demorar um pouquinho aqui o botão fazer o pedido colocar outra família de fonte causa que ia deixar no Black por exemplo manda ver pegar o ícone do WhatsApp agora deixar mais próximo ali e esse botão pode selecionar todos os elementos correspondentes ao botão ou seja o ícone o texto EA forma de baixo pressionando contra o sobre cada
uma delas que você vai selecionar todos eles se dá um control G para agrupar dentro de uma pasta e a col oca aqui o botãozinho eu vou fazer pedido ó dá dois cliques sobre o nome e renomeia fazer pedido mesma coisa faz aqui com o 17 e o valor ali ó seleciona pressionando-o contra apenas duas camadas contra o gp jogar dentro de uma pasta do explico sobre o nome e coloca valor e agrupar tudo isso para ficar mais fácil da gente conseguir alterar lá na frente de aqui agora pegar todos os elementos
correspondentes essa parte aqui inclusive as partes do fazer pedido e do valor seleciona pre ssionando contra todos os elementos correspondentes e contra o g para jogar dentro de uma pasta a gente coloca aqui ó por exemplo item 1 e agora você vai dar um contra o J nessa pasta aqui vai fazendo alterações e colocando aqui arrastando para baixo colocando Quantos elementos você quiser dentro do seu cardápio estão abrindo aqui ao item 11 colocar em uma imagem dentro dessa elipse um para gente ver como
é que fica pegar que o Hambúrguer 1 Ovo que eu deixei selecionado clico e rasto ou vendo Photoshop arquivo colocar incorporados dar na mesma um hambúrguer um público faça inserção diminui é deixe do tamanho correto aqui dentro da minha imagem no cardápio se confirma na barra de propriedades e para que o coloque o a raça camada para cima da elipse tranquilo precisando out na interseção das duas camadas eu clique sobre ela para jogar dentro de uma máscara de corte ela vai ser limitar elipse
debaixo dessa forma os consegue fazer a inserção pode fazer um compr ou ter por exemplo que o hambúrguer um aumentar diminui o óleo sempre vai estar lá dentro da elipse porque ele estava dentro uma máscara de corda mais da camada de baixo posicionar ele bem certinho aí e confirma ali na barra de propriedades beleza como eu falei agora que tem uma pasta que você pode abrir expandir ou não Ó você ter as informações a só esse fazer pedido aqui eu vou deixar ele mais eu posso deixar ele bem aqui no
canto é ou aqui até um pouquinho em cima do do valor né eu vou deixar um pouquinho acima do valor que tu vai ficar interessante e agora que eu falei as folhas dá um contra o J na pasta completa do item um até no meio já para ir tem dois tecla ver para selecionar a ferramenta mover clica e arrasta para baixo para colocar um segundo elemento aqui no seu cardápio você pode deixar assim Pode Deus quiser mudar por exemplo a orientação para deixar a foto para o outro lado aqui para não ficar sempre
tudo igual a Ford também por exemplo vem aqu i ó elipse e hambúrguer que era correspondente as fotos pressionando-o contra não é selecionar as duas clique e arraste para o canto da direita aqui ó e daí os textos informações o arrasto o outro lado então o título EA descrição por outro lado eu vou fazer pedido o rastar para o outro lado e o valor deixo mais próximo ali do do da foto né tu para dar uma diferenciação lê o que maneiro também é uma outra forma ele disse apresentar estão pouquinhos para
baixo diz que caberão quatro voc ê vem altera que o título selecione a ferramenta texto coloca o nome do Hambúrguer 2 muda a descrição para o que esse Hambúrguer 2 tem muda também o valor Caso seja diferente né Colocar com 19 reais por exemplo e para alterar a foto é bem simples aqui eu não tava hambúrguer um simplesmente vende Eletro logo acima da elipse aqui você também vai colocar o Hambúrguer 2 agora você clica a raça no Photoshop sol tá aqui dentro se posiciona que eu também já disse eu vou
colocar uma confirma r na barra de propriedades colocaram da marca de corte Naquele esquema se pressionar Alt e vem na interseção das duas camadas e coloca ou clique o botão direito do mouse vem aqui em colocar máscara de corte e diz que eu soltar máscara de corte criar máscara de corte beleza control t&d menciona bem certinho o hambúrguer para que ele caiba dentro daquele círculo que você colocou ali para colocar mostrar informação e já tá atualizado o item 2 da mesma forma sua fazendo gol três
quatro c inco seis sete enfim quantos vocês quiserem colocar no seu cardápio aqui ó e tem dois ver mais alguma coisa que eu posso fazer e o arrastão pouquinho para baixo essa camada como todos a passo como todo dia que você vai colocar o item 3 já recomendo colocar nessa informação aqui e o quatro nessa daqui então você pode duplicar o item 1 para fazer o três o arrasta já para cima lá a pasta como um todo apenas para manter o o informação e o posicionamento e daí aqui você já renomeia para 3 e
aqui também já fica mais fácil dois cliques ele sobre o texto hambúrguer 3 enfim vai mexendo nas informações de valor o altera imagem é da mesma forma E aí E aí o e consequentemente como eu quero a mesma formatação do dois ele para o quatro eu duplica então dando contra o J na pasta do 2aaf lá para cima e trago aqui para finalizar essa minha primeira parte aqui do cardápio Oi e para alterar os teus bem fácil selecione a ferramenta texto dá dois cliques sobre o texto que se deseja alterar ven ha
ar continua fazendo sua edição E aí E no caso queira colocar mais uma informação até por exemplo quem outra cor para destacar por exemplo como se esse lanche que viesse com batata frita também outra cor aqui quando eu falei vem seleciona apenas esse texto correspondente que se quer mudar a cor e lá na barra de propriedades e amanhã altero colocar aqui Branco a confirma na barra de propriedades acho que o meu tem um hambúrguer com batata-frita fazer essa forma e vai depen der da
necessidade de cada um ducado de cada cardápio né da configuração de cada cardápio ver como que é cada pedido o seu cliente onde você mesmo caso você esteja criando seu próprio cardápio digital aqui também claro se vai arrastando o posicionamento né para não deixar tudo tão apertado aqui aqui ó tá mais livre aqui tá mais apertado você pode ver desde a base aqui subir um pouco eles que não precisa ter tanta base livre lá em cima né o caso seja necessário e pega firme a caneta pessoa na controle e
ajustes nozinhos lá o caso desde a vazando alguns latidos aí de fundo peço desculpas eu não tenho que fazer nesse momento a tela tá loucona que roncando E aí a raça um pouco para cima aqui a e diz consegue fazer deixar eles fumar respiro também né Já tão apertado um perto do outro ele é E aí E aí ó ficou bem mais legal bem melhor distribuído outra coisa também pode fazer para diferenciar também um do outro é colocar talvez até aqui ouvindo na base criar um a nova camada em cima daquelas bases que
a gente criou utilizando a ferramenta caneta se ele se o nascimento do caneta novamente e você mesmo queria mais uma base eu falei de criar aquelas cordinhas pode manter o mesmo padrão então de artes e e fechando por fora é você pode fazer da forma que você preferir só tô dando um exemplo do vago aqui por cima para separar um do outro né fora te dar um controle aqui ó Opa control ter E rotacionar caso for necessário e ele vai separando mais um do outro declara que você não vai deixar nessa cor
não vai deixar apenas um nível acima ou abaixo desse laranja então seleciona aqui ao preenchimento de cor mais cores seleciona aqui e joga um pouquinho mais para cima para baixo ou muda que o mates deixa um pouco mais intenso menos intenso ele já dá uma diferenciada e Clara que eu também esse traçado Não fica legal tira ele remove ele Ó já fica algo diferente e destaca mais né um do outro isso vai fazendo linha após linha e corrigir caso não ficou legal de primeira ao veja que um detalhezinho
que eu não curti muito então vem aqui corrijo E caso você não tenha domínio sobre a ferramenta caneta vou deixar alguns vídeos linkados aí se você pode treinar ela executar cada vez melhor é importantíssimo você saber que ele é a forma suas seleções com ela que ela te Garante uma qualidade incrível no photoshop para qualquer edição aí você pode deixar então um assim outro aqui embaixo da un control J para duplicar clica e leva lá para o último ele também das é diferenciado a maneira então assim
basicamente se já tem a frente do seu cardápio e agora para fazer a segunda página terceira dessa mesma forma com a formatação fica ainda mais fácil você pode simplesmente vir aqui Copiar todas as informações como por exemplo vou copiar todas as informações da base por Primeiro só selecionar todas as camadas aqui ó pressionando contro de um control c nela vem aqui na prancheta dois clicando que a segunda pági na do cardápio de um contra o V para colar então todas as informações que eu tenho na um
já foi para dois com a tecla vez selecionando a ferramenta mover rapidamente e eu consigo posicionar aqui só que eu queria fazer agora essa parte esse acabamento aqui na parte de baixo Então já tô com todas as plantas selecionadas que eu nem selecionei né no control V control te clique o botão direito do mouse e eu viro verticalmente para arrastar lá para baixo Olha que maneiro posso vir fazer des sa forma se confirma na barra de propriedades e aqui eu posso colocar mais quantos itens eu quiser
que inclusive eu posso ver selecionar a pressão e entrou selecionado todos eles aqui todas as pastas contra o seu nessas pastas Venha na prancheta 2 control V para colar só posicionar aqui e vou fazendo a substituição de informação é muito rápido Claro se pode ajustar também essas linhas lá como forem melhores aqui para você e eu acho que vou fazer diferente deixar essas linhas agora n essa parte aqui ó disse que terminou Um item com essa linha tava começar um outro item sem a linha e fazendo os
demais com a linha ele se vai alterando informação de título de inscrição selecionando a ferramenta texto e também as imagens correspondente a cada hambúrguer já faz 10 justos a gente já tem aqui uma página dois e eu falei de atualizando a simplesmente pega o terço muda os nomes valores a nossa até onde que vai os valores desses aburguesar aumentando aqui de dois em dois e três em três enfim ó e aqui no final eu vou colocar uma cor diferente Então já posso fazer se o início desse acabamento aqui
na prancheta dois como que eu vou fazer isso colocando uma cor de preenchimento com a cor que eu desejo colocar a projetar três então eu vim aqui em ajustes cor sólida a selecionar lá no logo aquele marrom e eu queria fazer a integração né criatório seletor de cores Ok vou arrastar para debaixo todas as camadas aqui na prancheta A2 e aqui eu já posso colocar tip o uma setinha para baixo visto que eles ficaram nessa informação aqui ó sexta-feira eu vou ver e o nosso PDF ficará nesse sentido
aqui ó bom então por isso que ele vai ficar aqui aqui ó informação agora esse efeito aqui ele ficou invertido né então posso alterar ele aqui também é a coisa que a gente vai vendo conforme a gente vai editando um e esse detalhezinho aqui ó Então vou selecionar ele os dois pressionando contra o comprou te clique o botão direito do mouse ouviram horiz ontalmente que horas vai ficar com o mesmo sentido e como aqui nessa última vou fazer marrom então por isso que eu já deixei marrom essa ligação
Zinho ali para ele fazer uma linkagem com outro vou deixar aqui do lado fica mais fácil para gente ver digitar né e depois a gente vai fazer a unificação dessas imagens um PDF e colocar os links se projetar dois aqui então voltando nela se vê que você tem que ter muita concentração para não se perder porque é muita informação por isso que é legal renomear a colocando em pastas enfim para você ter esse controle melhor ó e aqui logo assim olha essas informações Eu acho que já posso colocar um
ícone Zinho coloquei aqui no mais certinho só clicar arrastar soltar aqui dentro do arquivo mano tá um pouquinho e eu vou colocar aqui para baixo posso ter mudar a cor e dessa informação aonde que ficou aqui lá em cima da prancheta dando dois cliques pro lado vou deixar aqui uma sobreposição de cor branca mesmo eu posso coloca r aqui sei lá arrastar para baixo que terá por exemplo os acompanhamentos ou outras informações se o senhor na ferramenta texto colocar aqui ó acompanhamentos Tô só dando
uma dica aqui mas menos do que você pode colocar de você ver de acordo com a sua necessidade Claro selecionando os dois deixar centralizada aqui todas essas linhas que vão aparecendo aqui conforme eu vou arrastando ou são as guias inteligentes do Photoshop que você pode habilitar vindo em visualizar mostrar guias i nteligência e se você tá com alguma dificuldade no Photoshop tem dificuldade nesses processos mais básicos ferramentas funções quer fazer um curso completando Photoshop comigo tem na
loja foto shop.com.br tá esperando o que Garanta sua vaga eu te acompanhar durante todo esse processo caso você tem alguma dúvida durante as aulas começa lá embaixo que eu pessoalmente respondo todos os alunos diariamente dela que vai digito ajudo todos vocês por lá e também se você quiser fazer um curs o profissionalizante como por exemplo se especializar ainda mais criação de banner Fly tem curso lá também quer fazer concurso de artes para redes sociais para trabalhar nesse ramo nesse nessa
área específica que também tem muito chamado né E tem pouco designer capacitado para fazer um trabalho de boa qualidade tem curso sobre isso lá também tem curso de edição de mais para fotógrafos têm curso também você que por exemplo curto futebol design quer se tornar um design esportivo tem curso também de artes para futebol no Photoshop muita eu tô te convido a conhecer na loja foto shop.com.br e daí aqui ó na prancheta A3 a gente cria a finalização também vou colocar um ajuste de cor sólida
Eita que foi para fora até da prancheta 31 e o melhor de vou até copiar exatamente ele já voltei a mesma cor que eu quero utilizar então cor do preenchimento que tava lá para ajeitar dois estão control c nas camadas apresenta três encontrou para colar exatamente essa cor que eu g ostaria fazer aqui já um rodapé onde eu vou colocar informações finais Então posso pegar fermento caneta novamente vou fazer utilizando o mesmo a identidade visual pegar aquele marrom + preto que utilizei Mas
recentemente para fazer aqui as bordas texto e tal sem cor de traçado eu vou fazer também algo de dentro daquele padrão ali de curvatura é maneiro mais ou menos eu acho que podia ficar ainda melhor é mas enfim coisa que com o tempo você vai fazendo mais tranquilo né f azendo gravando aqui não fica tão perfeitinho eu vou colocar aqui o outro logo agora eu já tenho até aberto né Na outra outra água quente fez lá no início da aula aí turma a gente ficou sem se ver aqui durante um tempinho porque a
câmera tem um limite de gravação ela passou esse limite aguardo colocando ela de novo está se vendo aqui no cantinho de cima novamente então selecionar aqui o logo que eu falei uma versão mais negativo que tem uma cor sólida não control c cor de preenchime nto consigo alterar ela de maneira Oi total né e vou dar um control V para colar aqui em cima control te diminui eu vou posicionar no rodapé para fazer meio que um serramento aqui no nosso cardápio colocar informações complementares como redes
sociais principais coloca o Instagram também o seu número do WhatsApp que você quer mas aqui de vai estar cheio de botando fazer pedido para o WhatsApp eu acho que é desnecessário e coloca no Facebook coloca informação sobre frete também que é muito importante né nem aqui ó posso deixar nessa cor mesmo do marrom que ela essa cor aqui é ou colocar ele Branco enfim ó o calma sobreposição de cor branca também fica maneiro aí como você quiser eu vou deixar acho que nossa cor vai ficar maneiro eu
coloco as informações de texto aqui em branco ó e aqui em cima posso criar outra maneira de apresentar produtos além desse daqui eu vou fazer algo mais fininho Então vou criar mais uma base e também eu posso ir duplicando para a sim plesmente alterando as informações logo à frente então aqui a por exemplo vou selecionar a ferramenta retângulo arredondado pode deixar mesmo raio de 50 lá a cor de preenchimento vou deixar aqui branca a criar uma nova camada ou já tava criado Não essa daqui do logo
né por isso que é importante renome a altura você vai ficando muito confuso essa daquela do logo eu digo criar mais ou menos uma informação aqui porque a minha intenção é colocar uma imagem aqui no início de informação d o texto corrida aqui nesse botão é exatamente um botão que foi criar um botão logo acima e deixar aqui mais ou menos essa informação é porque a gente vai fazer aqui ó vou colocar já imagem para você ter uma noção melhor que o primeiro os refrigerantes então selecionando aqui
a imagem que já está em png com fundo transparente recortar Jim você não sabe nem como recortar imagem aqui no canal pense tem muitos muita informação entre aqui no nosso canal Inscreva se vire membro aí do n osso time assista todas as aulas que o serviço evolui para caramba depois que você achar um tamanho correto ali se confirma na barra de propriedades pega a ferramenta texto clique digita a informação que você quiser aqui no caso colocar refrigerante lata 300ml nem sei se é 300 ml Mas enfim
elas como de informação confirmar aqui e pegar em mais cores eu vou pegar pode ser esse mais escuro aqui ó marrom mais escuro teclado para selecionar a ferramenta mover rapidamente o controle de a umento proporcionalmente aqui como for melhor E que fique mais legível aqui também né tamanho interessante eu posso colocar o botãozinho e o valor aqui em cima eu vou querer esse botão também com a ferramenta retângulo arredondado por ano quer arredondado todos os cantos quero deixar ele retinha ele
fazer meio que o encaixe nessa parte aqui de cima queria uma nova camada e vou criar tanto do valor quanto o do pedido ali do pedir né no WhatsApp aquele tá branco mas eu vou colocar p or exemplo mais cores posso pegar esse marrom mais escuro tá aparecendo aqui na coisas recentemente utilizados que eu uso ele é recentemente né obviamente e aqui em traçado eu vou colocar por talvez nem preciso colocar né ou colocamos o cara que mais escolheu deixar branco então e dá um aqui colocar em quatro para
ele ficar com traçado um pouco mais legal e aqui em propriedades eu vou desabilitar Ó desvincula essas esses arredondamentos que têm todos os cantos para fazer de maneira i ndividual em cada um deles estão aqui a selecionando apenas a parte de baixo eu vou deixar Zerado ó legal isso que eu quis falar de de fazer uma ligação lá na forma de baixo Então agora eu coloco o valor aqui e faça o botão do pedido aqui do lado contra o texto que o Zé diminuir o shift apenas um lado ferramenta texto crie uma
nova camada que like digito o valor aqui no caso é contra o teu aumento é aquele mesmo esquema Eu posso também fazer tipo um botãozinho do valor separado em pas tas né seleciona as duas pressionando control control G valor renomeando para valor contra o j e não menos aqui para pedir a tecla vir para selecionar a ferramenta mover rapidamente clico e arrasto para o lado e faça um botãozinho do pedir com as mesmas cores que eu tenho aqui ó nesse outro botão é tão esperando a pasta
retângulo arredondado mais cores já tem até que utilizados recentemente né então colocar aqui no entanto a cor de traçado quanto a cor de preenchime nto perfeito E aí eu quero que vocês informações fiquem abaixo do retângulo ali então selecionar as duas pastas e arrastar para debaixo e do retângulo aqui a aí perfeito é que eu posso dar dois cliques e colocar um pedir a penso que fazer pedido acho que vai ficar muito grande temos um pedir as dá para o ladinho aqui pego o ícone Zinho do WhatsApp do
Clash e com sol tu diminui proporcionalmente eu coloco o ícone Zinho aqui ó os dois cliques ao lado para abrir a janela de estilos de ca mada sobreposição de cor já tá branco então ficou mais rápido ali ajusta tamanho E aí é uma maneira rápida a gente tem mais uma um molde para você ir atualizando e colocando mais informações secundárias complementares aí na sua arte e de você pode vir e selecionar todas as pastas aqui arquivos correspondentes jogar é de uma pasta control g e tem um é legal se
agora você pode selecionar aí posicionar ele corretamente dá um contra o J para duplicar coloca lá e tem dois renomear e tem dois teclado para selecionar a ferramenta mover rapidamente e vai fazendo substituição e coloca por exemplo aqui ó suco e na cultural há 300 ml também altera o valor vai fazer uma alteração o número é bem simples e alterar a imagem também já deleta imagem correspondente a refrigerante pega uma imagem correspondente ao suco o encontro tamanho legal se confirma na barra de
propriedades e tá lá eu vou a gente ficar sempre à esquerda então pegar aqui suco natural vou deixar aqui com ma is ou menos com mesmo intervalos refrigerante deixa aqui na parte de baixo e você vai atualizando dessa forma bem rápida se deixou na pasta control j e tem três e vai fazendo as alterações tranquilo E aí E aí e aqui eu só vou duplicar só para complementar mesmo trazer para baixo para ver quantas informações isso ainda pode colocar nessa área é de caso queira fazer te buscar tem muito
complemento e tal quer fazer mais uma página faz mais uma página esse mesmo esquema copia tudo cria uma nova preencher a tua clica aqui em Nova prancheta e continua porque aqui que nem eu falei no rodapé se pode colocar informações relevantes também com por exemplo frete grátis informações de mídias sociais na Você pode até o alguns ícone Zinho saque composição fosse daqui delivery e fica arrastar soltar dentro da princesa 3 a diminuir eles podem através dos estilos de camadas 2clix contra uma
cor legal vou colocar aqui um laranja agora e para dar um destaque interessante a ferram enta texto clique digitando utilizar o pensamos para ficar uma informação mais legível já que a ponta pequena E aí E aí e eu não contra o J que no texto para colocar que usar a mesma formatação aqui na parte de baixo colocar por exemplo do as condições de fretes né valores abaixo de 40 será cobrada a taxa a e pega as informações de redes sociais faz a mesma coisa o Facebook
Instagram selecionando as duas e arrastando no Photoshop aqui E aí a aumenta ndo ela do tamanho igual para confirmar e reduzir elas também igual pressionando-o contra o selecionar as duas contra o te diminui proporcionalmente as duas e deixar elas pequenininhos apenas como um detalhe aqui também pode colocar daí como item clicável depois lá no final e joga dentro de uma pasta também me explique seu lado para colocar a sobreposição de cor nas duas pode ser se laranja um branco deixar um
ou da cura do Logo também acordou logo dá um aqui Deus texto a g ente deixa em branco a ferramenta texto clique Egito por exemplo instagram.com/nome da página e o link que depois a gente vai colocar um link de fato a com botar dentro da pasta ele ficou com a mesma coisa eu vou ter que tirar para fora dessa pasta e para que os textos Não fiquem dentro do Marronzinho que tu colocou aqui no ícone né pode também fazer aquele esquema de me colocar numa fonte mais negritos informações mais relevantes
da página é contra o JT clave de contas já todo clic ar no teclado para selecionar a ferramenta mover trás para baixo facebook.com e o nome da página depois a gente coloca o link tranquilo e pode pegar agora todas as informações correspondentes ao rodapé pressionando shift Clique na primeira à última página control G então todas as informações estão aqui inclusive pode arrastar o louco por dentro da página também que faz parte né show de bola ou arrastá-lo mais para baixo ainda pegar até
essa forma só que vou arrastar que ele v ai ficar por cima de todas ó então clique e arraste a forma lá para baixo agora dela só que dentro da pasta ainda é E aí agora a gente tem tudo dentro de uma pasta rodapé é maneiro né só posiciona agora os elementos de textos e cones enfim para ficar melhor ar condicionado aí na sua imagem E aí E aí se a gente for ver até essa parte aqui do rodapé gente pode fazer o mesmo esquema que tu fez aqui em cima né com a sua linhazinha ou selecionando a
camada da forma aqui dando u m contra o J nela pegando a forma de baixo que dá um control te modifica é um pouco aqui as para cima e pega uma outra cor por exemplo preenchimento de cor pode pegar um laranja é um branco com vermelho E aí não sei exatamente qual cor fica legal acho que o laranja só fazer aquele acabamento Zinho e deixar igual o restante da arte o Pedro agora a gente vai para parte do encerramento a gente vai salvar em png vai transformar tudo isso daqui no arquivo PDF A gente não
vai já transform ado Photoshop em PDF que você não ficar um arquivo gigantesco então a gente faz se processo Inicial daí depois a gente coloca os links no pdf testa para ver se tá funcionando perfeito Então bora lá vindo aqui pra tela do meu computador ele vai dar um contra o shift Alt w tecla gigantesco quase falta dedo né ou você vem simplesmente em arquivo exportar portar como bom e você salva tudo isso daqui pode ser em png acredito que fica melhor resultado final e mantém a proporção
uma qualidade melhor corrente converter em PDF deixa lá em png todos eles tá tranquilo exportar não altera nada aqui encontra uma pasta seu computador ontem de deseja salvar e agora a gente vai abrir esses links aqui ó o pdfcandy pontocom que você vai fazer a junção se encontra onde Você salvou aqui em png eram essas daqui ó Isso daí selecione Então as três horas ou quantas forem necessárias ali para fazer o seu PDF eu não vai fazer que em três páginas tamanho original da imagem mesmo
sem margens para que ele não fica em uma bordinha vai ficar mais bonita dessa forma e converte em PDF e pronto agora basta baixar esse arquivo aí para o seu computador e aqui como o cardápio digital e salvei agora eu vou vir aqui no pdf isqueiro e vou fazer o upload dele então voltando aqui pdf.com utilizar a versão gratuita online e vamos fazer esse upload lá se eu tivesse convertido direto do Photoshop para PDF ficaria muito grande cerca de 100 200 megas ele não conseguiria fazer o upl oad
nesse site para gente apresentar os links estão dessa forma fica mais fácil deixa eu encontrar que é o cardápio digital no qual a gente converteu e frente faz o upload para Agora sim colocar os links e eu tenho um outro lei complementar aqui que o homem que vai gerar os links para WhatsApp então aqui você vai colocar o número do WhatsApp de atendimento daquele restaurante daquele food Truck enfim e aqui se coloca o texto correspondente a cada link Então como aqui vou colocar um link para cada
você vai colocar tipo uma chamada de cada hambúrguer por exemplo você vem aqui por exemplo Bom dia do hambúrguer um daí coloca aqui até valor e coloca o valor aqui também dele e daí a gente pode colocar até um via cardápio digital por exemplo para saber da onde que é aquela pessoa veio esse daqui é o texto padrão que quando a pessoa clicar quando eu Abrir conversa no WhatsApp já vai aparecer isso daqui então coloca correspondente a cada item e dá um gerar link pro nto vai gerar um link você
Copie este link e aqui nesse PDF escapam em abril o nosso PDF que a gente vai colocar as informações como por exemplo aqui ó hambúrguer e retornar 1 e 2 selecionar toda essa área eu acredito que é melhor do que selecionar apenas o botão fica mais fácil né de clicar ali no photoshop celular e clicar no celular selecionar aqui no link selecione então toda essa região aqui correspondente ao Hambúrguer 1 e coloca control V esse link de gerou aqui do WhatsA pp e dá um ok faz isso em todos eles
Claro alterando Aqui de acordo com as informações de cada pedido tão gerar novo Lins coloca o número novamente um hambúrguer de o caso o Hambúrguer 2 e o valor daquele hambúrguer e gera uma o link Copie este link e vem aqui no pdf escape links cria um novo link e clica e arrasta para criar esse novo link Cola contra o verdão aqui faz isso em todos os outros também beleza e aqui embaixo também que tinha colocado redes sociais aqui nem precis a fazer essa Gerard novo link simplesmente
seleciona aqui ó alho e aqui do Instagram você vai lá e digita o link seu link do Instagram no caso digitar que o meu perfil a dá um control 5 se você não me segue no Instagram segue lá Alice pode usar que você fica por dentro de todos os bastidores aqui do canal preciso os cursos lote Photoshop enfim e você vem aqui copia e cola e dá um ok então agora pessoa clicar aqui vai automaticamente Abrir o aplicativo do Instagram do Fac ebook daquela pessoa tranquilo depois você linkar tudo isso daqui da
mesma forma você vem aqui e baixa salvo e faz o download do PDF se encontra a pasta no seu computador o cardápio digital O que são com os links né e agora você faz o envio desse PDF para todos os clientes disponibiliza no blog nos seu site enfim disponibiliza-se o cardápio digital para todas as pessoas que tiverem interesse de fazer um pedido para você agora a gente vai fazer um teste tanto no computador quanto no ce lular ó por exemplo abrindo o pdf aqui então pode aumentar diminuir
a visibilidade seu clicar veja já que ficou até clicável aparece que ela mãozinha significa que tem um link seu clicar aqui automaticamente já vai abrir Whatsapp web e ó com a mensagem para definir quem te colocou para o número que a gente colocou também se eu clicar aqui iniciar uma conversa via o aplicativo ou WhatsApp web já vai abrir meu WhatsApp para aquele número o iniciando uma nova conversa tá lá gostaria de um hambúrguer no valor e tal pedido via cardápio digital pessoa clicar aqui já
vai ser enviado para o atendente enfim é uma pessoa já tá gente vai tá ligado aquela pessoa está interessado naquele produto pergunta Quantas unidades frete para entrega em sim facilita e agiliza bastante o atendimento e se eu voltar aqui em PDF digital o e clicar por exemplo na rede social lá embaixo a gente colocou por exemplo aqui o Instagram será redirecionado automaticamente lá para o Ins tagram também funciona da Exata mesma forma no celular quer ver vamos fazer o teste aqui e o basicamente
se vem lá para o que o cliente Joga lá manda o pdf para ele fazer a escolha ele vai receber uma conversa normal e vai clicar nesse PDF o mercado celular tem um leitor diferente mas o por exemplo tô usando aqui do andraiver tem do google drive no fio próprio Acrobat da Adobe se clica aqui no visualizador para ele abrir o pdf e tá ó perfeitinho meus amigos deixa eu ver até estar ok a qui na tela tá dá para gente ver tranquilo perfeitinho em tela cheia ó e inclusive quando a pessoa clica
já automaticamente já era aí que eu fiz rapidão e quando a pessoa clicar aqui já vai abrir direto o seu pedido Olha que bonito que fica ele fica bem preenchido na tela bom então se eu fizer o pedido vamos clicar aqui no primeiro para o já vai abrir diretão lá para te fazer o pedido gostaria de um hambúrguer tal no valor de tal sua mão daqui pronto já tá avisado ou se cl icar aqui ó também na rede social lá embaixo por exemplo no Instagram e já vai abrir direto o Instagram E aí curtiu as aulas
terça gostado muita informação né muita dica legal para você utilizar em seu cardápio digital nos acompanhe também nas próximas aulas aqui do canal PS se você quiser fazer cursos completos de Photoshop comigo loja faça show.com.br com essa mesma linguagem descomplicada a gente vai aprender Photoshop da absoluto Passa 10 mesmo se você sente dificuldade dos co mandos básicos ferramentas funções que é dominar tudo isso para fazer essas edições uma maneira mais rápida natural completa comigo lá tem
um curso específico de photoshop para iniciantes têm curso profissionalizante de arte para mídias sociais têm curso para criação de Flyer e banner que também são conteúdos parecido com esse que você viu aqui só com muitas outras dicas extras e exclusivas também curso de tratamento de foto imagem muita coisa também o novo curso de artes de futebol para você que é designer e curta e criar Artes esportivas também tem o curso especialmente vô É lógico shop.com.br muito obrigado que falou para o
review aqui e até o próximo 1 E aí E aí E aí Links para Whatsapp)
Como fazer Cardápio Digital e Interativo no Photoshop (com Links para Whatsapp)
147.124 visualizações • 19 de out. de 2021 • ✅ Garanta sua vaga nos meus Cursos exclusivos de Photoshop: https://lojaphotoshop.com.br/ 💻 Faça o cálculo e descubra qual é o melhor computador para você realizar suas edições: https://bit.ly/calculadora-razor Esse será um tutorial completo, onde vou te mostrar como criar um cardápio digital e interativo no Photoshop, convertendo em PDF, acrescentando links e testando no Whatsapp. Muitos barzinhos, lanchonetes, restaurantes, pizzarias, hamburguerias, food trucks, etc, estão se adaptando a realidade digital e oferecendo cardápios digitais para facilitar o atendimento com o cliente via Whatsapp. Oferecer essa opção é essencial para o sucesso do seu negócio ou de seu cliente, portanto se ligue nas dicas que eu vou te dar em quase uma hora de tutorial, porque tem muita coisa importante para levarmos em consideração. 🔵 Caso você queira usar imagens grátis para acompanhar o tutorial, recomendo dois bancos de fotos: - https://www.pexels.com/pt-br/ - https://unsplash.com/ Porém é de extrema importância você utilizar imagens reais dos produtos / alimentos que você ou seu cliente produz. O cardápio digital ficará muito mais real e atrativo dessa forma. 🔵 E um excelente lugar para você encontrar fontes grátis para a criação do seu cardápio digital é no Google Fonts: https://fonts.google.com/ Nesse tutorial você aprenderá como fazer a criação de várias páginas, podendo acrescentar a quantidade de informações que forem necessárias dentro do cardápio. Também vou mostrar dois estilos gráficos diferentes de como você poderá apresentar os produtos, e como você fará pra duplicar e atualizar apenas as informações de texto e imagem pra agilizar a criação. Faz o passo a passo comigo e depois me conta aqui nos comentários como que ficou seu cardápio digital, fechado?! Sempre recomendo outros tutoriais de Photoshop que você vai curtiu e continuar aprendendo comigo: 🔹 Como recortar uma imagem de maneira rápida no Photoshop: https://youtu.be/xM_l3dPN5aU 🔹 Como usar as máscaras de camada no Photoshop: https://youtu.be/vLGow3UXjMo 🔹 E também esse tutorial mostrando como instalar e quais os plugins que eu mais utilizo no Photoshop: https://youtu.be/Tu05AEZu89I ✅ Conheça os meus Cursos exclusivos de Photoshop: https://lojaphotoshop.com.br/ 💻 Precisando comprar um computador para realizar suas edições? Conheça o qual é o meu: http://bit.ly/razor-workstation-a Link do vídeo: https://youtu.be/gFBEEzuSS3s Mostrar menos Mostrar mais
E aí e fala aí turma do canal PS tranquilo aquelas Flex de bem-vinda mais um vídeo onde eu vou te mostrar como que você pode criar um cardápio de maneira digital interativa clicável sim ele vai transformar essa arte em PDF você vai conseguir enviar e foi pela internet pessoas conseguiram abrir do celular e clicar nele automaticamente abrir uma conversa contigo no seu WhatsApp fazendo pedido então bora aqui no decorrer do vídeo gente vai tendo muita conversa não tem informação eu já vou começar
com uma delas aqui de onde que eu tirei essas imagens e fotos que eu vou utilizar na durante a aula então no site free pick flat-icon e pixels encontrei imagens ícones que a gente vai utilizar durante sai assar até aqui e não se limita apenas as imagens e cores que encontrei nesse site você pode utilizar qualquer outra inclusive deve pegar imagens originais dos seus produtos ali não imagem suítes isso daqui traz o mal e são muito maior para sua arte e aqui em questão das fontes també m
que utilizei foram as a Museu Monte Serrat e ofensas no Google fonts você encontra inclusive as últimas duas e a Fonte Museu sem compra na Adobe Creative Cloud Ok então continuando aqui as fontes também se pode utilizar a ponto que você quiser no seu cardápio Vamos criar nosso novo documento aqui no Photoshop então e iniciar um cardápio online eu recomendo se fazer um tamanho aqui era uma tamanho de uma tela full HD o inverso ali para ficar mais corretamente perfeitinho n a maioria dos celulares
então o que você faz coloca 1080 por 1920 de altura de uma folga de o inverso além do maneira retrato então na resolução 72 mesmo um arquivo digital os pode fazer essa forma não vai ficar enorme não precisa necessariamente colocar a presença de resolução e aqui o modo de cores RGB porque a gente não vai utilizar para impressão se fosse entre utilizaria o modo de cores o ok então pode deixar que o perfil de cores e Adobe RGB 1998 para você alcançar uma gama de cores muito maior que o próprio é um
perfil próprio ali do da do me né e aquilo tá tudo branco clicando com o botão direito do mouse você pode vir aqui padrão preto cinza escuro e tal eu gosto de fazer isso personalizado selecionar a cor que você quiser para visualizar eu gosto de ter essa ideia Por exemplo quando vou criar uma arte para uma rede social e a rede social um todo ela em torno é branca eu gosto de deixar branco para visualizar como que é arte se comportaria naquela região então por isso que eu deixei branco ali mas é
só uma observação né hum aqui outra coisa eu esqueci de criar ali no meu novo documento Mas eu posso fazer aqui dentro do Photoshop mesmo quando eu tava em arquivo' novo eu poderia marcar que a pranchetas mas eu esqueci mas não tem problema você pode vir aqui clica no botão direito do mouse ferramenta prancheta selecionar ela e fazer a seleção aqui ó da página como um todo tome cuidado PA a expressão exata vai ficar meio 80 não for 1920 e aqui clicando para o lado ou para baixo Tanto faz você
vai criar quantas páginas forem necessários para o seu cardápio no meu caso que eu fazer apenas três então dando dois cliques aqui para o lado você vem inclusive que no seu painel de camadas para criar 12 novos agrupamentos de preencher essas separados Então sempre que você quiser criar alguma coisa dentro dessa determinada página você vai adicionar os elementos nessa região aqui ok projetar um dois ou três vamos começar ent ão pela para enxertar um criando a parte da frente a primeira página do
nosso cardápio digital outra coisa que eu tenho aqui também é um logotipo fictício se eu fosse vai desenvolver e para um restaurante com futuro é que enfim qualquer seja né a loja empresa enfim você vai ter o logotipo dessa marca eu vou clicar com o botão direito do mouse abrir com Adobe Photoshop para abrir um arquivo separado poder copiar enfim utilizar qual logotipo que eu quiser tente um logotipo colorido Ess e é um cor sólida também que eu vou te usar o no rodapé uma maneira mais vertical
também essa aqui na horizontal que utilizarão no topo Então como já tá em png ou selecionar uma maneira bem rápido aqui por exemplo utilizando a ferramenta letreiro retangular público faça a seleção control c para copiar volta aqui ó com a prancheta um selecionado para colar nela control over control t para aparecer os nossos de redimensionamento vou redimensioná-lo aqui lá no topo do meu arquivo que eu vou querer deixar ele Centralizado lá em cima no cabeçalho e aqui eu já vou criar com a
ferramenta caneta algumas utilizar jeans pode fazer reto ou curvado como vou fazer também vários dessas etapas que deve fazer durante a aula são opcionais e vai fazer da maneira que você preferir e eu vou utilizar aqui algumas cores do próprio logotipo como por exemplo vermelho laranjado o marrom para fazer toda identidade visual do meu cardápio outra coisa também que você pode utilizar as cores que você quiser para o seu cardápio e como por exemplo aqui vou começar com um vermelho vou vir aqui
em cor de preenchimento já tem até umas cores e sentimentos utilizados Muito provavelmente foi essa que eu fiz aqui um teste em off exatamente um a cor e três 3237 esse daqui o código hexadecimal correspondente essa cor casa que utilizar o mesmo vermelho que eu digito isso daqui que você vai ter o mesmo dá um ok e eu vou começar a criar então minha forma lá de baixo como eu fal ei eu queria algum curvado A então vou clicar lá em cima arrastar clica aqui embaixo e arrastar fazer umas coisinhas e
vai dar um acabamento legal da minha forma ó até Cláudio clico na alça da caneta e raça para baixo para orientar que eu quero vir para baixo aqui com a forma ou caso queira fazer simplesmente uma forma reta você clica aqui e aqui você vai fazer também algo ali meio na diagonal só que de maneira reta também fica maneira e você encerra a forma no ponto Que você inicio u dessa forma aqui tá maneira a e agora eu vou utilizar esse vermelho por baixo eu vou deixar um laranja por cima que fica mais
fácil do colocar informações não fica tão tão forte né nos nossos olhos aqui então posso fazer isso simplesmente estão contra o J nessa camada de forma para duplicar mas não contra o J eu tenho duas camadas iguais e agora vou ver em cor de preenchimento e vou buscar outra cor buscar aqui de laranja que eu tava testando ali basicamente eu posso clicar aqu i mais cores vai abrir o seletor de cores eu busquei aqui com o conta-gotas né uma cor próximo ali do logotipo próxima não exato do logotipo mas
não posso buscar um tom próximo para ser uma imagem caso seja necessário né mudam aqui só para ver como é que fica acho que talvez um pouquinho mais laranja mais claro né vamos ver aqui no código hexadecimal e eu utilizei em Office daqui eu deixei anotadinho aqui no canto por isso que eu tô dando uma olhada assim aqui para o canto que são mui tas informações códigos hexadecimais e cores então que eu tava utilizando no antes né e testar o vídeo e que o laranja que eu gostei foi isso que é UEFI 190
um E não aqueles como um pouquinho mais saturado apenas e agora que eu tinha acabado de se eu posso arrastar para baixo já fica maneiro o caso queira fazer tipo por exemplo arrastar um pouquinho para o lado vou dar um controle te rotacionar um pouquinho também para ficar não tão certinho sabe ali as ondas dá uma diferenciado nelas também fica maneiro o assim ficou legal e dar um enter depois que você confirmar e agora eu vou criar tipo uma pastinha digamos assim agrupado ainda vai repetir muitas
vezes porque basicamente a mesma coisa para ir nomear vários itens principais como você vai colocar uma foto ali do do item principal o valor o botãozinho para fazer o pedido via WhatsApp título e descrição do produto e eu vou fazer isso a criando uma nova camada e selecionando aqui por exemplo ferramenta elipse que eu quero fazer minha foto que ela fique dentro de um círculo caso você queira fazer um quadrado de um retângulo arredondado seleciona outra forma mas eu vou utilizar aqui a elipse
aqui a cor tanto faz porque depois a gente vai colocar a imagem por cima não vai aparecer só coloca uma cor de traçado caso você desejar eu vou colocar uma cor de traçado Então mas cores vou buscar mais ou menos um marrom botei no meu logotipo aqui que era o f346 dois de rock pressionando shift vou criar es se círculo perfeito para colocar na imagem aí ó só que aqui também no contorno eu vou deixar aqui ó é mais opções de traçados o alinhamento externo para que esse traçado Fique por fora da
forma e eu vou aumentar também espaço o tamanho tamanho de traçado para que ele fica um pouquinho mais intenso lá que ficou bom vou criar também um pegando a ferramenta texto vou achar que a fonte é museu que eu vou colocar o título principal e eu vou colocar também ela numa bold numa Museu mais grossinho assim para ficar mais destacado o título então vou clicar e começar a digitar que eu vou colocar por exemplo a hambúrguer e digite o nome vou dar um enter para quebrar a linha ou nome 01 daí
você vai fazendo o nome do hambúrguer e tal colocando um o nome 192 enfim contra o t aumenta aqui ó no cantinho ele já vai aumentar proporcionalmente as novas versões do Photoshop caso se de uma versão antiga e pressione Shift para aumentar proporcionalmente senão não precisa e claro dá uma olhadinha que está tudo correto né ó hamburguer hamburguer digito não tá tá correto confirmar na barra de propriedades vou ter a cor aqui o também eu quero um marrom Então vou selecionar que isso que eu acho
que possa deixar um Pouco Mais Escuros pode trabalhando Olha esse tom se selecionam Inicial Depois vai trabalhando para ver como que ficou mais maneiro tua ração por mês para baixo 4431 20 para mim ficou maneiro vou posicionar aqui em cima vou pegar mais ou menos o alinha mento que da parte de cima ficou legal né de novo se pega a ferramenta texto eu vou pegar até um contra o r para parecer as réguas do Photoshop clique aqui na lateral e levo para eu saber da onde que eu vou começar essa minha
caixa out rola o scroll do mouse aquela bolinha do Meio para aproximar o zoom clicar e arrastar para criar uma caixinha de limitada ali de até um do que meu texto irá ó Então vou arrastar até aqui mais ou menos estão tudo que eu digitar que automaticamente vai quebrando linhas para que interessante que não tem muita informação aqui na descrição por exemplo do seu produto você não precisa ficar quebrando linha para ficar exatamente igual ele aqui você digita a descrição e o colocando os
ingredientes o que fazem parte do Hambúrguer 1 e eu acho que pode ter até três linhas que vai ficar legal e já cabe né todos os ingredientes ali ó bom então depois que você digitar ali se confirma e agora a gente vai para mexer na formatação nesse texto você pode vir aqui janela propriedades para aparecer as propriedades o seu texto vai abrir muitas opções aqui primeiro de tudo que já vou deixar na cor branca para diferenciar e vou colocar uma foto mais legível para Fontes pequenas que
nesse caso vou utilizar ao pensas e eu vou utilizar ela em Itálico você deixar ela vem com energia para frente que interessante vai aumentar também o tamanho do texto né como falei ali que até umas três linhas ficava legal eu vou deixar ali em três linhas mais ou menos isso e você pode aumentar e diminuir de acordo com o tamanho dele a quantidade de informação que tiver na descrição Aumenta também que o espaçamento entre essas linhas também é o pau Cuidado para mim também não
deixar muito pequeno achei que tá maneiro selecione a ferramenta mover se posiciona lá vai ficar o nome do hambúrguer descrição e aqui embaixo a gente coloca a valor e também um botãozinho para fazer o pedido via WhatsApp qu e a gente vai criar esses botões agora clique com o botão direito do mouse a gente vai selecionar a ferramenta de retângulo arredondado a partir de agora para criar esse botão o raio aqui pode deixar 50 30 40 ele vai ficar bem Redondo a Dinha nas bordas ficar bem parecido com
o botão é isso que a intenção clima Nova camada aqui e eu vou mudar as cores por exemplo para colocar o valor eu posso pegar mais cores selecionar Então esse marrom mais clarinho para parte interna vou dar um ok e o preenchimento né vou fazer essa forma e no traçado Vou deixar um pouco mais escuro Então posso vir aqui então meio mais cores com o conta-gotas selecionar só clique e arraste o seletor para deixar um pouco mais escuro e dá um ok simples assim eu clico e arrasto agora para criar
esse meu botão posso fazer também o valor dessa forma e o fazer pedido também então contra o te só pressionar apenas shiftyou consigo me mexer de maneira individual em cada canto dela que o valor não precisa ser tão grande daí eu fazer pedido ainda deixa o maior Porque tem uma quantidade de texto maior Helena se confirmar na barra de propriedades vou aumentar aqui para um sei lá não ficou muito um 10 os 55 ficou bom ali o contorno né da informação do valor e deixar também mais ou menos ele
é batendo na parte de baixo da elipse posso te deixar um pouquinho por cima assim aposto também para ele ficar bem condizente ideal da onda e do qual hambúrguer é esse valor né crie uma no va camada ferramenta texto clique digito o valor colocar que RS fictícia aqui ó r$ 17 por exemplo confirma na barra de propriedades ou modificar que a fonte também como eu falei que o utilizar Monte Serrat utilizar ela na versão balde aqui ó na família de fonte Bolt e fica mais grossinho e bem visível aqui o
valor será que minha formação tem que ser bem visível né Inclusive acho que eu vou até aumentar um pouco tomando botão para clicar ver se o valor aqui então selecionando a cama da de baixo contra o te Shift para aumentar apenas uma grande vindo ao outro planta aqui se o no valor até que lavei para selecionar rapidamente a ferramenta mover ou vem até lá ela clica e faz o posicionamento e com a certinho seu teclado em cima a baixo o lado enfim se consegue ele posicionamento mais fino e você pode
fazer até duplicar esses arquivos o que esses elementos de camadas para fazer também um botãozinho do fazer o pedido viu o WhatsApp então se impressionar com grau s eleciona as duas camadas contra o J para duplicar correspondente a base ali do botão e o valor tô agora que as duas já estão as duas do duplicado já estão selecionadas ferramenta mover selecionado clica e arrasta para o lado E agora você vem e altera as informações ferramenta texto clique seleciona lá fazer pedido aqui vou colocar
agora só confirmando a barra de propriedades voltando para minha pasta onde tem as informações e ícones e tal eu achei lá no plático vou pegar aqui ó do WhatsApp clicar arrastar no ícone do photoshop e eu não sou tendo a sua solta quando tiver dentro do meu novo documento e redimensionou ele para o tamanho correto aqui é perfeito teclav sempre para selecionar a ferramenta mover rapidamente E aí se fazer pedido e vai ficar um pouco mais suado ainda Oi e o botão correspondente do WhatsApp vou dar
um controle de shift e aumentar ainda mais para o lado para que ele completo Totalmente ali a área que a gente precisa e aqui no WhatsApp ag ora vou deixar em branco dois cliques ao lado ali do da camada do WhatsApp a gente vai abrir a janela de estilos de camadas sobreposição de cor deste modo de mesclagem normal clica em couro e vou arrastar aqui por Branco porque aqui o botão fazer o pedido eu vou colocar ali mais umas com as cores do WhatsApp chuva até sua deixei anotado aqui ah mas
com certeza né deixei sim aqui então selecionando a ferramenta aqui do retângulo arredondado a camada do retângulo arredondado é aquele colocou e o motorzinho de fazer o pedido Ele vem aqui nas propriedades dela ou seleciona aqui forma e tal vai lá na barra de propriedades lá em cima tanto faça mais cores e aqui eu vou digitar o verdinho do preenchimento que no código hexadecimal 6ab f56 Ó esse daqui ok Oi e o traçado na cor é praticamente selecionar ele aqui e dá uma arrastado aqui para cima
você já consegue um verdinho mais claro para fazer a Bordo Não tem segredo não é um maneiro ó tá interessante assim se pode aumentar diminuir enfim é contigo eu vou demorar um pouquinho aqui o botão fazer o pedido colocar outra família de fonte causa que ia deixar no Black por exemplo manda ver pegar o ícone do WhatsApp agora deixar mais próximo ali e esse botão pode selecionar todos os elementos correspondentes ao botão ou seja o ícone o texto EA forma de baixo pressionando contra o sobre cada
uma delas que você vai selecionar todos eles se dá um control G para agrupar dentro de uma pasta e a col oca aqui o botãozinho eu vou fazer pedido ó dá dois cliques sobre o nome e renomeia fazer pedido mesma coisa faz aqui com o 17 e o valor ali ó seleciona pressionando-o contra apenas duas camadas contra o gp jogar dentro de uma pasta do explico sobre o nome e coloca valor e agrupar tudo isso para ficar mais fácil da gente conseguir alterar lá na frente de aqui agora pegar todos os elementos
correspondentes essa parte aqui inclusive as partes do fazer pedido e do valor seleciona pre ssionando contra todos os elementos correspondentes e contra o g para jogar dentro de uma pasta a gente coloca aqui ó por exemplo item 1 e agora você vai dar um contra o J nessa pasta aqui vai fazendo alterações e colocando aqui arrastando para baixo colocando Quantos elementos você quiser dentro do seu cardápio estão abrindo aqui ao item 11 colocar em uma imagem dentro dessa elipse um para gente ver como
é que fica pegar que o Hambúrguer 1 Ovo que eu deixei selecionado clico e rasto ou vendo Photoshop arquivo colocar incorporados dar na mesma um hambúrguer um público faça inserção diminui é deixe do tamanho correto aqui dentro da minha imagem no cardápio se confirma na barra de propriedades e para que o coloque o a raça camada para cima da elipse tranquilo precisando out na interseção das duas camadas eu clique sobre ela para jogar dentro de uma máscara de corte ela vai ser limitar elipse
debaixo dessa forma os consegue fazer a inserção pode fazer um compr ou ter por exemplo que o hambúrguer um aumentar diminui o óleo sempre vai estar lá dentro da elipse porque ele estava dentro uma máscara de corda mais da camada de baixo posicionar ele bem certinho aí e confirma ali na barra de propriedades beleza como eu falei agora que tem uma pasta que você pode abrir expandir ou não Ó você ter as informações a só esse fazer pedido aqui eu vou deixar ele mais eu posso deixar ele bem aqui no
canto é ou aqui até um pouquinho em cima do do valor né eu vou deixar um pouquinho acima do valor que tu vai ficar interessante e agora que eu falei as folhas dá um contra o J na pasta completa do item um até no meio já para ir tem dois tecla ver para selecionar a ferramenta mover clica e arrasta para baixo para colocar um segundo elemento aqui no seu cardápio você pode deixar assim Pode Deus quiser mudar por exemplo a orientação para deixar a foto para o outro lado aqui para não ficar sempre
tudo igual a Ford também por exemplo vem aqu i ó elipse e hambúrguer que era correspondente as fotos pressionando-o contra não é selecionar as duas clique e arraste para o canto da direita aqui ó e daí os textos informações o arrasto o outro lado então o título EA descrição por outro lado eu vou fazer pedido o rastar para o outro lado e o valor deixo mais próximo ali do do da foto né tu para dar uma diferenciação lê o que maneiro também é uma outra forma ele disse apresentar estão pouquinhos para
baixo diz que caberão quatro voc ê vem altera que o título selecione a ferramenta texto coloca o nome do Hambúrguer 2 muda a descrição para o que esse Hambúrguer 2 tem muda também o valor Caso seja diferente né Colocar com 19 reais por exemplo e para alterar a foto é bem simples aqui eu não tava hambúrguer um simplesmente vende Eletro logo acima da elipse aqui você também vai colocar o Hambúrguer 2 agora você clica a raça no Photoshop sol tá aqui dentro se posiciona que eu também já disse eu vou
colocar uma confirma r na barra de propriedades colocaram da marca de corte Naquele esquema se pressionar Alt e vem na interseção das duas camadas e coloca ou clique o botão direito do mouse vem aqui em colocar máscara de corte e diz que eu soltar máscara de corte criar máscara de corte beleza control t&d menciona bem certinho o hambúrguer para que ele caiba dentro daquele círculo que você colocou ali para colocar mostrar informação e já tá atualizado o item 2 da mesma forma sua fazendo gol três
quatro c inco seis sete enfim quantos vocês quiserem colocar no seu cardápio aqui ó e tem dois ver mais alguma coisa que eu posso fazer e o arrastão pouquinho para baixo essa camada como todos a passo como todo dia que você vai colocar o item 3 já recomendo colocar nessa informação aqui e o quatro nessa daqui então você pode duplicar o item 1 para fazer o três o arrasta já para cima lá a pasta como um todo apenas para manter o o informação e o posicionamento e daí aqui você já renomeia para 3 e
aqui também já fica mais fácil dois cliques ele sobre o texto hambúrguer 3 enfim vai mexendo nas informações de valor o altera imagem é da mesma forma E aí E aí o e consequentemente como eu quero a mesma formatação do dois ele para o quatro eu duplica então dando contra o J na pasta do 2aaf lá para cima e trago aqui para finalizar essa minha primeira parte aqui do cardápio Oi e para alterar os teus bem fácil selecione a ferramenta texto dá dois cliques sobre o texto que se deseja alterar ven ha
ar continua fazendo sua edição E aí E no caso queira colocar mais uma informação até por exemplo quem outra cor para destacar por exemplo como se esse lanche que viesse com batata frita também outra cor aqui quando eu falei vem seleciona apenas esse texto correspondente que se quer mudar a cor e lá na barra de propriedades e amanhã altero colocar aqui Branco a confirma na barra de propriedades acho que o meu tem um hambúrguer com batata-frita fazer essa forma e vai depen der da
necessidade de cada um ducado de cada cardápio né da configuração de cada cardápio ver como que é cada pedido o seu cliente onde você mesmo caso você esteja criando seu próprio cardápio digital aqui também claro se vai arrastando o posicionamento né para não deixar tudo tão apertado aqui aqui ó tá mais livre aqui tá mais apertado você pode ver desde a base aqui subir um pouco eles que não precisa ter tanta base livre lá em cima né o caso seja necessário e pega firme a caneta pessoa na controle e
ajustes nozinhos lá o caso desde a vazando alguns latidos aí de fundo peço desculpas eu não tenho que fazer nesse momento a tela tá loucona que roncando E aí a raça um pouco para cima aqui a e diz consegue fazer deixar eles fumar respiro também né Já tão apertado um perto do outro ele é E aí E aí ó ficou bem mais legal bem melhor distribuído outra coisa também pode fazer para diferenciar também um do outro é colocar talvez até aqui ouvindo na base criar um a nova camada em cima daquelas bases que
a gente criou utilizando a ferramenta caneta se ele se o nascimento do caneta novamente e você mesmo queria mais uma base eu falei de criar aquelas cordinhas pode manter o mesmo padrão então de artes e e fechando por fora é você pode fazer da forma que você preferir só tô dando um exemplo do vago aqui por cima para separar um do outro né fora te dar um controle aqui ó Opa control ter E rotacionar caso for necessário e ele vai separando mais um do outro declara que você não vai deixar nessa cor
não vai deixar apenas um nível acima ou abaixo desse laranja então seleciona aqui ao preenchimento de cor mais cores seleciona aqui e joga um pouquinho mais para cima para baixo ou muda que o mates deixa um pouco mais intenso menos intenso ele já dá uma diferenciada e Clara que eu também esse traçado Não fica legal tira ele remove ele Ó já fica algo diferente e destaca mais né um do outro isso vai fazendo linha após linha e corrigir caso não ficou legal de primeira ao veja que um detalhezinho
que eu não curti muito então vem aqui corrijo E caso você não tenha domínio sobre a ferramenta caneta vou deixar alguns vídeos linkados aí se você pode treinar ela executar cada vez melhor é importantíssimo você saber que ele é a forma suas seleções com ela que ela te Garante uma qualidade incrível no photoshop para qualquer edição aí você pode deixar então um assim outro aqui embaixo da un control J para duplicar clica e leva lá para o último ele também das é diferenciado a maneira então assim
basicamente se já tem a frente do seu cardápio e agora para fazer a segunda página terceira dessa mesma forma com a formatação fica ainda mais fácil você pode simplesmente vir aqui Copiar todas as informações como por exemplo vou copiar todas as informações da base por Primeiro só selecionar todas as camadas aqui ó pressionando contro de um control c nela vem aqui na prancheta dois clicando que a segunda pági na do cardápio de um contra o V para colar então todas as informações que eu tenho na um
já foi para dois com a tecla vez selecionando a ferramenta mover rapidamente e eu consigo posicionar aqui só que eu queria fazer agora essa parte esse acabamento aqui na parte de baixo Então já tô com todas as plantas selecionadas que eu nem selecionei né no control V control te clique o botão direito do mouse e eu viro verticalmente para arrastar lá para baixo Olha que maneiro posso vir fazer des sa forma se confirma na barra de propriedades e aqui eu posso colocar mais quantos itens eu quiser
que inclusive eu posso ver selecionar a pressão e entrou selecionado todos eles aqui todas as pastas contra o seu nessas pastas Venha na prancheta 2 control V para colar só posicionar aqui e vou fazendo a substituição de informação é muito rápido Claro se pode ajustar também essas linhas lá como forem melhores aqui para você e eu acho que vou fazer diferente deixar essas linhas agora n essa parte aqui ó disse que terminou Um item com essa linha tava começar um outro item sem a linha e fazendo os
demais com a linha ele se vai alterando informação de título de inscrição selecionando a ferramenta texto e também as imagens correspondente a cada hambúrguer já faz 10 justos a gente já tem aqui uma página dois e eu falei de atualizando a simplesmente pega o terço muda os nomes valores a nossa até onde que vai os valores desses aburguesar aumentando aqui de dois em dois e três em três enfim ó e aqui no final eu vou colocar uma cor diferente Então já posso fazer se o início desse acabamento aqui
na prancheta dois como que eu vou fazer isso colocando uma cor de preenchimento com a cor que eu desejo colocar a projetar três então eu vim aqui em ajustes cor sólida a selecionar lá no logo aquele marrom e eu queria fazer a integração né criatório seletor de cores Ok vou arrastar para debaixo todas as camadas aqui na prancheta A2 e aqui eu já posso colocar tip o uma setinha para baixo visto que eles ficaram nessa informação aqui ó sexta-feira eu vou ver e o nosso PDF ficará nesse sentido
aqui ó bom então por isso que ele vai ficar aqui aqui ó informação agora esse efeito aqui ele ficou invertido né então posso alterar ele aqui também é a coisa que a gente vai vendo conforme a gente vai editando um e esse detalhezinho aqui ó Então vou selecionar ele os dois pressionando contra o comprou te clique o botão direito do mouse ouviram horiz ontalmente que horas vai ficar com o mesmo sentido e como aqui nessa última vou fazer marrom então por isso que eu já deixei marrom essa ligação
Zinho ali para ele fazer uma linkagem com outro vou deixar aqui do lado fica mais fácil para gente ver digitar né e depois a gente vai fazer a unificação dessas imagens um PDF e colocar os links se projetar dois aqui então voltando nela se vê que você tem que ter muita concentração para não se perder porque é muita informação por isso que é legal renomear a colocando em pastas enfim para você ter esse controle melhor ó e aqui logo assim olha essas informações Eu acho que já posso colocar um
ícone Zinho coloquei aqui no mais certinho só clicar arrastar soltar aqui dentro do arquivo mano tá um pouquinho e eu vou colocar aqui para baixo posso ter mudar a cor e dessa informação aonde que ficou aqui lá em cima da prancheta dando dois cliques pro lado vou deixar aqui uma sobreposição de cor branca mesmo eu posso coloca r aqui sei lá arrastar para baixo que terá por exemplo os acompanhamentos ou outras informações se o senhor na ferramenta texto colocar aqui ó acompanhamentos Tô só dando
uma dica aqui mas menos do que você pode colocar de você ver de acordo com a sua necessidade Claro selecionando os dois deixar centralizada aqui todas essas linhas que vão aparecendo aqui conforme eu vou arrastando ou são as guias inteligentes do Photoshop que você pode habilitar vindo em visualizar mostrar guias i nteligência e se você tá com alguma dificuldade no Photoshop tem dificuldade nesses processos mais básicos ferramentas funções quer fazer um curso completando Photoshop comigo tem na
loja foto shop.com.br tá esperando o que Garanta sua vaga eu te acompanhar durante todo esse processo caso você tem alguma dúvida durante as aulas começa lá embaixo que eu pessoalmente respondo todos os alunos diariamente dela que vai digito ajudo todos vocês por lá e também se você quiser fazer um curs o profissionalizante como por exemplo se especializar ainda mais criação de banner Fly tem curso lá também quer fazer concurso de artes para redes sociais para trabalhar nesse ramo nesse nessa
área específica que também tem muito chamado né E tem pouco designer capacitado para fazer um trabalho de boa qualidade tem curso sobre isso lá também tem curso de edição de mais para fotógrafos têm curso também você que por exemplo curto futebol design quer se tornar um design esportivo tem curso também de artes para futebol no Photoshop muita eu tô te convido a conhecer na loja foto shop.com.br e daí aqui ó na prancheta A3 a gente cria a finalização também vou colocar um ajuste de cor sólida
Eita que foi para fora até da prancheta 31 e o melhor de vou até copiar exatamente ele já voltei a mesma cor que eu quero utilizar então cor do preenchimento que tava lá para ajeitar dois estão control c nas camadas apresenta três encontrou para colar exatamente essa cor que eu g ostaria fazer aqui já um rodapé onde eu vou colocar informações finais Então posso pegar fermento caneta novamente vou fazer utilizando o mesmo a identidade visual pegar aquele marrom + preto que utilizei Mas
recentemente para fazer aqui as bordas texto e tal sem cor de traçado eu vou fazer também algo de dentro daquele padrão ali de curvatura é maneiro mais ou menos eu acho que podia ficar ainda melhor é mas enfim coisa que com o tempo você vai fazendo mais tranquilo né f azendo gravando aqui não fica tão perfeitinho eu vou colocar aqui o outro logo agora eu já tenho até aberto né Na outra outra água quente fez lá no início da aula aí turma a gente ficou sem se ver aqui durante um tempinho porque a
câmera tem um limite de gravação ela passou esse limite aguardo colocando ela de novo está se vendo aqui no cantinho de cima novamente então selecionar aqui o logo que eu falei uma versão mais negativo que tem uma cor sólida não control c cor de preenchime nto consigo alterar ela de maneira Oi total né e vou dar um control V para colar aqui em cima control te diminui eu vou posicionar no rodapé para fazer meio que um serramento aqui no nosso cardápio colocar informações complementares como redes
sociais principais coloca o Instagram também o seu número do WhatsApp que você quer mas aqui de vai estar cheio de botando fazer pedido para o WhatsApp eu acho que é desnecessário e coloca no Facebook coloca informação sobre frete também que é muito importante né nem aqui ó posso deixar nessa cor mesmo do marrom que ela essa cor aqui é ou colocar ele Branco enfim ó o calma sobreposição de cor branca também fica maneiro aí como você quiser eu vou deixar acho que nossa cor vai ficar maneiro eu
coloco as informações de texto aqui em branco ó e aqui em cima posso criar outra maneira de apresentar produtos além desse daqui eu vou fazer algo mais fininho Então vou criar mais uma base e também eu posso ir duplicando para a sim plesmente alterando as informações logo à frente então aqui a por exemplo vou selecionar a ferramenta retângulo arredondado pode deixar mesmo raio de 50 lá a cor de preenchimento vou deixar aqui branca a criar uma nova camada ou já tava criado Não essa daqui do logo
né por isso que é importante renome a altura você vai ficando muito confuso essa daquela do logo eu digo criar mais ou menos uma informação aqui porque a minha intenção é colocar uma imagem aqui no início de informação d o texto corrida aqui nesse botão é exatamente um botão que foi criar um botão logo acima e deixar aqui mais ou menos essa informação é porque a gente vai fazer aqui ó vou colocar já imagem para você ter uma noção melhor que o primeiro os refrigerantes então selecionando aqui
a imagem que já está em png com fundo transparente recortar Jim você não sabe nem como recortar imagem aqui no canal pense tem muitos muita informação entre aqui no nosso canal Inscreva se vire membro aí do n osso time assista todas as aulas que o serviço evolui para caramba depois que você achar um tamanho correto ali se confirma na barra de propriedades pega a ferramenta texto clique digita a informação que você quiser aqui no caso colocar refrigerante lata 300ml nem sei se é 300 ml Mas enfim
elas como de informação confirmar aqui e pegar em mais cores eu vou pegar pode ser esse mais escuro aqui ó marrom mais escuro teclado para selecionar a ferramenta mover rapidamente o controle de a umento proporcionalmente aqui como for melhor E que fique mais legível aqui também né tamanho interessante eu posso colocar o botãozinho e o valor aqui em cima eu vou querer esse botão também com a ferramenta retângulo arredondado por ano quer arredondado todos os cantos quero deixar ele retinha ele
fazer meio que o encaixe nessa parte aqui de cima queria uma nova camada e vou criar tanto do valor quanto o do pedido ali do pedir né no WhatsApp aquele tá branco mas eu vou colocar p or exemplo mais cores posso pegar esse marrom mais escuro tá aparecendo aqui na coisas recentemente utilizados que eu uso ele é recentemente né obviamente e aqui em traçado eu vou colocar por talvez nem preciso colocar né ou colocamos o cara que mais escolheu deixar branco então e dá um aqui colocar em quatro para
ele ficar com traçado um pouco mais legal e aqui em propriedades eu vou desabilitar Ó desvincula essas esses arredondamentos que têm todos os cantos para fazer de maneira i ndividual em cada um deles estão aqui a selecionando apenas a parte de baixo eu vou deixar Zerado ó legal isso que eu quis falar de de fazer uma ligação lá na forma de baixo Então agora eu coloco o valor aqui e faça o botão do pedido aqui do lado contra o texto que o Zé diminuir o shift apenas um lado ferramenta texto crie uma
nova camada que like digito o valor aqui no caso é contra o teu aumento é aquele mesmo esquema Eu posso também fazer tipo um botãozinho do valor separado em pas tas né seleciona as duas pressionando control control G valor renomeando para valor contra o j e não menos aqui para pedir a tecla vir para selecionar a ferramenta mover rapidamente clico e arrasto para o lado e faça um botãozinho do pedir com as mesmas cores que eu tenho aqui ó nesse outro botão é tão esperando a pasta
retângulo arredondado mais cores já tem até que utilizados recentemente né então colocar aqui no entanto a cor de traçado quanto a cor de preenchime nto perfeito E aí eu quero que vocês informações fiquem abaixo do retângulo ali então selecionar as duas pastas e arrastar para debaixo e do retângulo aqui a aí perfeito é que eu posso dar dois cliques e colocar um pedir a penso que fazer pedido acho que vai ficar muito grande temos um pedir as dá para o ladinho aqui pego o ícone Zinho do WhatsApp do
Clash e com sol tu diminui proporcionalmente eu coloco o ícone Zinho aqui ó os dois cliques ao lado para abrir a janela de estilos de ca mada sobreposição de cor já tá branco então ficou mais rápido ali ajusta tamanho E aí é uma maneira rápida a gente tem mais uma um molde para você ir atualizando e colocando mais informações secundárias complementares aí na sua arte e de você pode vir e selecionar todas as pastas aqui arquivos correspondentes jogar é de uma pasta control g e tem um é legal se
agora você pode selecionar aí posicionar ele corretamente dá um contra o J para duplicar coloca lá e tem dois renomear e tem dois teclado para selecionar a ferramenta mover rapidamente e vai fazendo substituição e coloca por exemplo aqui ó suco e na cultural há 300 ml também altera o valor vai fazer uma alteração o número é bem simples e alterar a imagem também já deleta imagem correspondente a refrigerante pega uma imagem correspondente ao suco o encontro tamanho legal se confirma na barra de
propriedades e tá lá eu vou a gente ficar sempre à esquerda então pegar aqui suco natural vou deixar aqui com ma is ou menos com mesmo intervalos refrigerante deixa aqui na parte de baixo e você vai atualizando dessa forma bem rápida se deixou na pasta control j e tem três e vai fazendo as alterações tranquilo E aí E aí e aqui eu só vou duplicar só para complementar mesmo trazer para baixo para ver quantas informações isso ainda pode colocar nessa área é de caso queira fazer te buscar tem muito
complemento e tal quer fazer mais uma página faz mais uma página esse mesmo esquema copia tudo cria uma nova preencher a tua clica aqui em Nova prancheta e continua porque aqui que nem eu falei no rodapé se pode colocar informações relevantes também com por exemplo frete grátis informações de mídias sociais na Você pode até o alguns ícone Zinho saque composição fosse daqui delivery e fica arrastar soltar dentro da princesa 3 a diminuir eles podem através dos estilos de camadas 2clix contra uma
cor legal vou colocar aqui um laranja agora e para dar um destaque interessante a ferram enta texto clique digitando utilizar o pensamos para ficar uma informação mais legível já que a ponta pequena E aí E aí e eu não contra o J que no texto para colocar que usar a mesma formatação aqui na parte de baixo colocar por exemplo do as condições de fretes né valores abaixo de 40 será cobrada a taxa a e pega as informações de redes sociais faz a mesma coisa o Facebook
Instagram selecionando as duas e arrastando no Photoshop aqui E aí a aumenta ndo ela do tamanho igual para confirmar e reduzir elas também igual pressionando-o contra o selecionar as duas contra o te diminui proporcionalmente as duas e deixar elas pequenininhos apenas como um detalhe aqui também pode colocar daí como item clicável depois lá no final e joga dentro de uma pasta também me explique seu lado para colocar a sobreposição de cor nas duas pode ser se laranja um branco deixar um
ou da cura do Logo também acordou logo dá um aqui Deus texto a g ente deixa em branco a ferramenta texto clique Egito por exemplo instagram.com/nome da página e o link que depois a gente vai colocar um link de fato a com botar dentro da pasta ele ficou com a mesma coisa eu vou ter que tirar para fora dessa pasta e para que os textos Não fiquem dentro do Marronzinho que tu colocou aqui no ícone né pode também fazer aquele esquema de me colocar numa fonte mais negritos informações mais relevantes
da página é contra o JT clave de contas já todo clic ar no teclado para selecionar a ferramenta mover trás para baixo facebook.com e o nome da página depois a gente coloca o link tranquilo e pode pegar agora todas as informações correspondentes ao rodapé pressionando shift Clique na primeira à última página control G então todas as informações estão aqui inclusive pode arrastar o louco por dentro da página também que faz parte né show de bola ou arrastá-lo mais para baixo ainda pegar até
essa forma só que vou arrastar que ele v ai ficar por cima de todas ó então clique e arraste a forma lá para baixo agora dela só que dentro da pasta ainda é E aí agora a gente tem tudo dentro de uma pasta rodapé é maneiro né só posiciona agora os elementos de textos e cones enfim para ficar melhor ar condicionado aí na sua imagem E aí E aí se a gente for ver até essa parte aqui do rodapé gente pode fazer o mesmo esquema que tu fez aqui em cima né com a sua linhazinha ou selecionando a
camada da forma aqui dando u m contra o J nela pegando a forma de baixo que dá um control te modifica é um pouco aqui as para cima e pega uma outra cor por exemplo preenchimento de cor pode pegar um laranja é um branco com vermelho E aí não sei exatamente qual cor fica legal acho que o laranja só fazer aquele acabamento Zinho e deixar igual o restante da arte o Pedro agora a gente vai para parte do encerramento a gente vai salvar em png vai transformar tudo isso daqui no arquivo PDF A gente não
vai já transform ado Photoshop em PDF que você não ficar um arquivo gigantesco então a gente faz se processo Inicial daí depois a gente coloca os links no pdf testa para ver se tá funcionando perfeito Então bora lá vindo aqui pra tela do meu computador ele vai dar um contra o shift Alt w tecla gigantesco quase falta dedo né ou você vem simplesmente em arquivo exportar portar como bom e você salva tudo isso daqui pode ser em png acredito que fica melhor resultado final e mantém a proporção
uma qualidade melhor corrente converter em PDF deixa lá em png todos eles tá tranquilo exportar não altera nada aqui encontra uma pasta seu computador ontem de deseja salvar e agora a gente vai abrir esses links aqui ó o pdfcandy pontocom que você vai fazer a junção se encontra onde Você salvou aqui em png eram essas daqui ó Isso daí selecione Então as três horas ou quantas forem necessárias ali para fazer o seu PDF eu não vai fazer que em três páginas tamanho original da imagem mesmo
sem margens para que ele não fica em uma bordinha vai ficar mais bonita dessa forma e converte em PDF e pronto agora basta baixar esse arquivo aí para o seu computador e aqui como o cardápio digital e salvei agora eu vou vir aqui no pdf isqueiro e vou fazer o upload dele então voltando aqui pdf.com utilizar a versão gratuita online e vamos fazer esse upload lá se eu tivesse convertido direto do Photoshop para PDF ficaria muito grande cerca de 100 200 megas ele não conseguiria fazer o upl oad
nesse site para gente apresentar os links estão dessa forma fica mais fácil deixa eu encontrar que é o cardápio digital no qual a gente converteu e frente faz o upload para Agora sim colocar os links e eu tenho um outro lei complementar aqui que o homem que vai gerar os links para WhatsApp então aqui você vai colocar o número do WhatsApp de atendimento daquele restaurante daquele food Truck enfim e aqui se coloca o texto correspondente a cada link Então como aqui vou colocar um link para cada
você vai colocar tipo uma chamada de cada hambúrguer por exemplo você vem aqui por exemplo Bom dia do hambúrguer um daí coloca aqui até valor e coloca o valor aqui também dele e daí a gente pode colocar até um via cardápio digital por exemplo para saber da onde que é aquela pessoa veio esse daqui é o texto padrão que quando a pessoa clicar quando eu Abrir conversa no WhatsApp já vai aparecer isso daqui então coloca correspondente a cada item e dá um gerar link pro nto vai gerar um link você
Copie este link e aqui nesse PDF escapam em abril o nosso PDF que a gente vai colocar as informações como por exemplo aqui ó hambúrguer e retornar 1 e 2 selecionar toda essa área eu acredito que é melhor do que selecionar apenas o botão fica mais fácil né de clicar ali no photoshop celular e clicar no celular selecionar aqui no link selecione então toda essa região aqui correspondente ao Hambúrguer 1 e coloca control V esse link de gerou aqui do WhatsA pp e dá um ok faz isso em todos eles
Claro alterando Aqui de acordo com as informações de cada pedido tão gerar novo Lins coloca o número novamente um hambúrguer de o caso o Hambúrguer 2 e o valor daquele hambúrguer e gera uma o link Copie este link e vem aqui no pdf escape links cria um novo link e clica e arrasta para criar esse novo link Cola contra o verdão aqui faz isso em todos os outros também beleza e aqui embaixo também que tinha colocado redes sociais aqui nem precis a fazer essa Gerard novo link simplesmente
seleciona aqui ó alho e aqui do Instagram você vai lá e digita o link seu link do Instagram no caso digitar que o meu perfil a dá um control 5 se você não me segue no Instagram segue lá Alice pode usar que você fica por dentro de todos os bastidores aqui do canal preciso os cursos lote Photoshop enfim e você vem aqui copia e cola e dá um ok então agora pessoa clicar aqui vai automaticamente Abrir o aplicativo do Instagram do Fac ebook daquela pessoa tranquilo depois você linkar tudo isso daqui da
mesma forma você vem aqui e baixa salvo e faz o download do PDF se encontra a pasta no seu computador o cardápio digital O que são com os links né e agora você faz o envio desse PDF para todos os clientes disponibiliza no blog nos seu site enfim disponibiliza-se o cardápio digital para todas as pessoas que tiverem interesse de fazer um pedido para você agora a gente vai fazer um teste tanto no computador quanto no ce lular ó por exemplo abrindo o pdf aqui então pode aumentar diminuir
a visibilidade seu clicar veja já que ficou até clicável aparece que ela mãozinha significa que tem um link seu clicar aqui automaticamente já vai abrir Whatsapp web e ó com a mensagem para definir quem te colocou para o número que a gente colocou também se eu clicar aqui iniciar uma conversa via o aplicativo ou WhatsApp web já vai abrir meu WhatsApp para aquele número o iniciando uma nova conversa tá lá gostaria de um hambúrguer no valor e tal pedido via cardápio digital pessoa clicar aqui já
vai ser enviado para o atendente enfim é uma pessoa já tá gente vai tá ligado aquela pessoa está interessado naquele produto pergunta Quantas unidades frete para entrega em sim facilita e agiliza bastante o atendimento e se eu voltar aqui em PDF digital o e clicar por exemplo na rede social lá embaixo a gente colocou por exemplo aqui o Instagram será redirecionado automaticamente lá para o Ins tagram também funciona da Exata mesma forma no celular quer ver vamos fazer o teste aqui e o basicamente
se vem lá para o que o cliente Joga lá manda o pdf para ele fazer a escolha ele vai receber uma conversa normal e vai clicar nesse PDF o mercado celular tem um leitor diferente mas o por exemplo tô usando aqui do andraiver tem do google drive no fio próprio Acrobat da Adobe se clica aqui no visualizador para ele abrir o pdf e tá ó perfeitinho meus amigos deixa eu ver até estar ok a qui na tela tá dá para gente ver tranquilo perfeitinho em tela cheia ó e inclusive quando a pessoa clica
já automaticamente já era aí que eu fiz rapidão e quando a pessoa clicar aqui já vai abrir direto o seu pedido Olha que bonito que fica ele fica bem preenchido na tela bom então se eu fizer o pedido vamos clicar aqui no primeiro para o já vai abrir diretão lá para te fazer o pedido gostaria de um hambúrguer tal no valor de tal sua mão daqui pronto já tá avisado ou se cl icar aqui ó também na rede social lá embaixo por exemplo no Instagram e já vai abrir direto o Instagram E aí curtiu as aulas
terça gostado muita informação né muita dica legal para você utilizar em seu cardápio digital nos acompanhe também nas próximas aulas aqui do canal PS se você quiser fazer cursos completos de Photoshop comigo loja faça show.com.br com essa mesma linguagem descomplicada a gente vai aprender Photoshop da absoluto Passa 10 mesmo se você sente dificuldade dos co mandos básicos ferramentas funções que é dominar tudo isso para fazer essas edições uma maneira mais rápida natural completa comigo lá tem
um curso específico de photoshop para iniciantes têm curso profissionalizante de arte para mídias sociais têm curso para criação de Flyer e banner que também são conteúdos parecido com esse que você viu aqui só com muitas outras dicas extras e exclusivas também curso de tratamento de foto imagem muita coisa também o novo curso de artes de futebol para você que é designer e curta e criar Artes esportivas também tem o curso especialmente vô É lógico shop.com.br muito obrigado que falou para o
review aqui e até o próximo 1 E aí E aí E aí Links para Whatsapp)
0 resposta a "Como fazer Cardápio Digital e Interativo no Photoshop (com Links para Whatsapp)"
Postar um comentário