Design de menu para barra de salada usando o Adobe InDesign, Photoshop e Midjourney

1. Sobre o curso: Oi Bem-vindo a este delicioso curso de design, onde criaremos um menu de buffet de saladas ousado, vibrante e totalmente apetitoso vibrante e totalmente apetitoso do zero Usaremos o Adobe Photoshop, em design, procriação e até mesmo um pouco de magia generativa de IA com Mid journey e Se você é estudante de design, freelancer ou está apenas com vontade de aprimorar suas habilidades criativas, este projeto ensinará como passar de uma tela em branco a um menu pronto para impressão totalmente polido Começaremos com o resumo e a pesquisa, esboçaremos os primeiros conceitos de layout e mergulharemos na jornada para gerar alguns dos elementos divertidos e ilustrados que darão ao nosso menu Você aprenderá fluxos de trabalho essenciais no Photoshop para preparação de imagens e em design para design de layout, incluindo formatação de texto, estilos, toques decorativos Mostrarei como criar cada seção do menu, desde o guia de saladas Build Your Own até as tigelas lindamente compostas, incluindo ingredientes e informações nutricionais Você ganhará confiança trabalhando com tipografia e hierarquia, usando Procreate para detalhes ilustrativos desenhados à mão, mascaramento no Photoshop, mascaramento no Photoshop, técnicas inteligentes de layout e design e dicas sobre como usar imagens geradas por IA de forma criativa e responsável com tipografia e hierarquia, usando o Procreate para detalhes ilustrativos desenhados à mão, mascaramento no Photoshop, técnicas inteligentes de layout e design e dicas sobre como usar imagens geradas por IA de forma criativa e responsável. Ao final desta aula, você terá seu próprio design de menu de várias páginas repleto de personalidade, sabor e todo o acabamento profissional que você esperaria de um projeto do mundo real Então pegue seu caderno de esboços e ative suas ferramentas favoritas da Adobe Isso vai ser novo, divertido e cheio de sabor de design. Vamos fazer algo delicioso juntos. Nos vemos na primeira aula. 2. Apresentação e resumo: Como você pode ver, tenho as mãos B abertas na minha tela porque usaremos algumas inspirações daqui. Faremos um fluxo de trabalho de design completo para um design de menu. Então, sem perder muito tempo, vou rapidamente examinar minhas coleções e quadros, design de menu Então, eu tenho alguns deles reunidos aqui, mas também tenho algumas das inspirações que usaremos em Mila No resumo, você encontrará tudo o que precisa para começar este projeto. E eu já tenho muitas coisas aqui neste quadro, incluindo a cópia ou opção de uma cópia que você pode usar neste menu e também alguns recursos. Então, se eu diminuir o zoom, você verá aqui no lado direito após a inspiração. Na verdade, fui em frente e fiz uma pequena sessão de geração a em que tentei criar algumas imagens que poderiam ser usadas para o menu. Então, isso é para um bar de saladas, e eu realmente os criei com base na cópia que vou usar, que também foi gerada pelo Ched GPT Eu apenas o refinei um pouco, mas, em geral, tanto M Journey quanto Ched GPT fizeram um trabalho muito bom ao me ajudar a criar alguns ativos e, obviamente, apenas ajudando a montar este resumo E não vejo nenhum mal em usar IA para isso apenas para experimentar e praticar design porque mesmo que você tenha os melhores recursos para iniciar o projeto, tudo se os melhores recursos para iniciar o projeto, resume às suas ideias criativas, à forma como você junta as coisas, forma como cria seus layouts, à composição Assim, você pode ter os melhores recursos para começar, mas ainda pode acabar tendo um design muito fraco. Então esse é o objetivo principal aqui. E eu posso acabar usando esses. Eu acabo criando alguns ativos novos ou talvez usando alguns ativos de ações. Vamos ver no que vai dar. Eu intencionalmente nem fiz nenhum esboço. Então, novamente, tenho meu iPad pronto aqui. Eu literalmente tenho uma estrutura de arame para meus esboços em miniatura Se eu decidir fazê-las, novamente, talvez não, mas isso é obviamente algo que eu normalmente faria para quase todos os projetos. Faça alguns esboços em miniatura apenas para explorar como colocarei tudo nas páginas Também vou mostrar uma seleção de trabalhos de nossos alunos. Isso foi feito em outro resumo, um resumo semelhante. Isso também foi para um design de menu. Mas este era para um restaurante de peixe ou um restaurante de caminhões de frutos do mar com a marca chamada Fishman or Fisherman Alguém o chamou de Fishman, o que também é muito engraçado Mas sim, Fisherman, era o nome. Mas você pode ver a incrível variedade e qualidade do trabalho que recebemos de nossos membros profissionais, algumas ilustrações muito criativas e, obviamente, algumas marcas que as acompanham Então, alguns estudantes às vezes se esforçam e, embora não o especifiquemos no resumo, apenas pedimos o cardápio, mas obviamente eles se empolgam um pouco e depois continuam trabalhando nesse projeto e o expandem ainda mais, que é sempre ótimo de se ver. Aqui está outro design bonito e estiloso ou este peculiar que eu amplio um pouco mais Adoro como temos o personagem pescador aqui e como podemos vê-lo pescando com o anzol, uma parte como aquela caixa à direita Um pequeno design muito, muito legal. Mas sim, você pode ver que há algumas ideias muito inteligentes e designs funcionais muito bons Então, uma das coisas sobre as quais sempre falamos muito é que uma coisa é tornar um design bonito , mas também é muito importante torná-lo funcional. E esse também é um dos meus objetivos neste workshop, que eu gostaria de focar na criação algo funcional em que quem estiver vendo o menu possa encontrar rapidamente as diferentes categorias ou opções que eles têm, ver rapidamente as diferenças de preço E no caso desse cardápio de saladas, teremos a opção de as pessoas criarem suas próprias saladas Então, isso também deve ficar muito claro, como quais são os ingredientes que eles podem escolher e qual é a ordem em que devem dizer isso à pessoa que os serve. Portanto, há muitas coisas que podem melhorar a experiência do cliente. Então, para melhorar isso, o designer pode fazer muita coisa, principalmente tornar os designs funcionais. Agora, outra coisa importante a mencionar aqui é que, embora criemos um menu de impressão ou menu que possa ser impresso, ele estará em um formato que também pode ser usado em exibição. Então, digitalmente, se houver, tipo, uma TV grande ou algumas TVs ou telas atrás das pessoas servindo no buffet de saladas, ela também pode ser usada dessa forma Portanto, tanto no formato digital quanto no impresso. Então, eu gostaria encontrar um equilíbrio entre um design e um layout que funcionassem para qualquer um. E talvez, obviamente , seja necessário fazer mudanças sutis no tamanho do texto e coisas assim, dependendo do formato e do tamanho real. Mas, geralmente, esse também é um dos objetivos que eu quero alcançar. Portanto, não apenas imprima, mas também pense na configuração digital. Ok, e mencione que, se você conferir o resumo, encontrará as coisas mais importantes escritas aqui, portanto, detalhes a serem incluídos. Portanto, ela precisa ser uma impressão A de quatro retratos ou paisagem , desdobrada e frente e verso Então, essencialmente, serão os dois lados de um formato A quatro. E terá que incluir o seguinte, o nome da marca, que é simplesmente um bar de saladas. Mas também há um slogan bacana Vamos comer. É muito divertido. O HGPT inventou isso. Não sou eu. E também essas opções de slogan ou moto que você pode usar, que podem ficar muito legais em algum lugar do design Há alguns muito inteligentes aqui. E então, obviamente, o design deve incluir ilustrações e/ou fotografias, e você deseja torná-lo moderno, limpo e confortável para ler à distância, o que é importante, e você deseja dividir o menu em seções Portanto, a hierarquia é uma hierarquia visual importante e cria unidade entre os elementos, então temos que prestar atenção a E depois, mais abaixo, temos as opções do menu. Então eu criei dois ou gerei dois. O primeiro é um pouco mais parecido com o padrão você teria um pouco mais de opções aqui para saladas e, em seguida, algumas opções de smoothies Então, esse é um tipo de menu muito, tipo padrão, um pouco clichê Mas também criei uma que é um pouco mais peculiar e tem apenas cinco opções de saladas ou saladas exclusivas Mas também há a opção de fazer sua própria salada e a opção de escolher a base, as coberturas, a proteína e como temperá-la E há algumas coisas adicionais, como sopas, cartazes e bebidas E eu realmente usei esse resumo e o usei para gerar essas imagens. Portanto, se você optar pela segunda cópia, poderá usar essas imagens. E é impressionante como é boa a jornada da carne ao reunir os ingredientes Então, vou ler os ingredientes para isso. Então, esta é a salada clássica de superdotados. Essa é a descrição disso. Você conhece o tipo, sempre crocante, sempre equilibrado, sempre fotogênico, romain fresco, tomate cereja, cenoura ralada, pepino, croutons, temperado com nosso vinagrete exclusivo da casa. Então, sim, quero dizer, isso é perfeito. Acho que Meat Journey não perdeu nada disso aqui. Então, acho que todos os ingredientes são exibidos de uma forma esteticamente agradável e apetitosa Mas vamos ver esse outro. Kale, sim, é o nome disso. Couve, quinoa, grão de bico assado, batata-doce, cranberries secas e amêndoas torradas com molho amêndoas E é incrível. Você pode me corrigir se eu estiver errado, mas acho que todos os ingredientes estão perfeitamente capturados. Todos parecem realistas. Eles parecem proporcionalmente corretos estando próximos um do outro Isso também é algo como nas iterações de modelos generativos de imagens de IA, percebi que as proporções de certos ingredientes não pareceriam Como seria um tomate , seria menor do que uma fruta, certo? Então, o tomate está simplesmente fora de proporção. Mas nesses casos, acho que está tudo perfeitamente bem. E você pode ir e olhar a cópia e ver essas imagens, e me dizer o que pensa sobre elas, mas eu acho que elas parecem incríveis. E se você ainda não almoçou ou, dependendo de onde você está no mundo, se ainda não tomou café da manhã, peço desculpas antecipadamente, pois essas imagens vão te deixar com muita fome. Acabei de almoçar, então estou bem, mas fiquei com fome só de olhar para eles quando os estava gerando. E veja isso também. Eu tive essa ideia. Novamente, não tenho certeza se vou usar isso ou não. Mas estou planejando utilizar formas circulares para o design. Faz sentido porque as bolas, quando você olha para elas, elas são circulares a partir do topo. Então foi isso que pensei, até mesmo os ingredientes e tudo mais, que estou tentando exibir dessa forma circular, uma configuração circular com vista superior. Portanto, até mesmo esses bytes de abacate estão dispostos em um círculo, novamente, coisa incrível que o Mid Journey poderia alcançar. Se você estiver interessado nas instruções usadas, também posso mostrá-las rapidamente na minha tela Até mesmo os sucos ou smoothies são exibidos de cima Meus favoritos, esses. Portanto, as outras coisas diferentes que você pode usar ou escolher quando quiser criar sua própria salada são exibidas aqui. Então, novamente, a partir da cópia, coloquei os ingredientes e posso mostrar a instrução para isso. Vamos ver, como esta aqui. Você pode ver o aviso à direita, foto superior de, obviamente, todos os ingredientes, ingredientes saudáveis dispostos em um círculo, fundo branco. Isso é simples, por mais simples que seja. E há, por exemplo, algo assim, que tem muito mais ingredientes, e o Mini ainda conseguiu empacotá-los em uma única imagem. Aqui, começo a notar problemas de proporção como o abacate, parecer um pouco pequeno em comparação com todo o resto. Talvez as cebolas, na verdade, pareçam boas. Talvez os pratos vermelhos possam ser um pouco maiores. Mas ainda assim, acho que podemos escapar impunes. Mas eu simplesmente volto para a minha prancha e posso mostrar também temos as opções de proteína. E então eu também tentei criar algumas ilustrações interessantes, mais abstratas Gosto muito desse estilo de ilustração. E, obviamente, levaria horas para fazer algo assim. Então, para tentar incluir o máximo que puder neste workshop. Eu já os gerei. E se gostarmos dessa direção, direção visual, podemos seguir em frente com isso. Ou, novamente, mesmo que eu não continue com isso, sinta-se à vontade para usar esses ativos. Eles são um pouco diferentes. Mas sim, tem outro aqui com abacates. Talvez eu gere mais desses se precisarmos. 3. Pesquisa e inspiração: Então, uma outra coisa que é muito importante e que eu gostaria de mencionar quando você faz sua pesquisa para um projeto, eu normalmente gosto de dividir minha pesquisa em estilo e referências reais de concorrentes E o que quero dizer com isso é que é importante procurar designs reais para empresas muito semelhantes. Portanto, neste caso, nos menus do bar de saladas, é importante coletá-los. E você pode ver que alguns desses exemplos aqui são, na verdade, saladas. Mas, ao mesmo tempo, você não deve se limitar a se concentrar nisso, porque o que é mais importante ou igualmente importante é encontrar exemplos de estilos, estilos visuais que você acha que funcionariam para a marca. Obviamente, como designer, você tem a capacidade de aplicar esse estilo ao que estiver trabalhando, a quaisquer ativos com os quais esteja trabalhando. Então, por exemplo, e é por isso que eu queria explicar, porque eu já vi isso antes, que quando eu olho para a pesquisa de alguém, um de nossos alunos, digamos, se concentrava demais e restringia demais suas pesquisas em um nicho muito específico Embora, por exemplo, neste caso, seja um menu de buffet de saladas, você pode descobrir que, se apenas ampliar um pouco sua pesquisa, poderá encontrar exemplos muito legais de designs de menu Nesse caso, acho que é uma lanchonete, sanduíches e hambúrgueres, sanduíches e hambúrgueres Então, pode-se dizer que é o oposto de um bar de saladas, mas gosto muito do estilo, tanto do menu quanto da marca E eu posso imaginar aspectos disso sendo aplicados ao nosso projeto. Então é isso que quero dizer : você não deve se restringir apenas a procurar saladas. Aqui está outro exemplo muito bom de uma barra de macarrão, mais uma vez, muito parecida Mas, novamente, é mais uma referência de estilo. E aqui, o menu em si, eu não gosto muito. É um pouco chato, muito repetitivo fazer uma grade, muito foco na No entanto, adoro a marca deles. Os nus na areia são muito divertidos. Mas sim, eu também gosto muito de como eles exibem sua comida. Novamente, o menu não é dos melhores, mas sim, principalmente a marca deste, eu adoro Eles fizeram um trabalho muito bom com isso. Estou tentando encontrar referências para estética e direção. Novamente, é um pouco difícil de ler a barra de sucos e sanduíches G NGR. Adoro o estilo. Eu amo a sensação geral e a aparência disso. E estou planejando incorporar essas ilustrações ou letras à mão de estilo peculiar e um pouco ingênuas. Mas, sim, novamente, outro exemplo muito bom. E então esse também é bem legal. Mais uma vez, é mais uma referência de estilo, mas neste caso, isso é na verdade um bar de saladas, um menu muito legal, uma hierarquia muito clara parece boa Acho que havia mais um, se eu voltasse, acredito que sim, esse é o último. Eu adicionei este também porque eu gosto muito. Novamente, é aquela ilustração ingênua ou, tipo, quase infantil de ilustração infantil, amadora muito básica, mas ainda funciona Por causa de sua consistência e pela forma como é feito. Então, sim, mesmo coisas assim, obviamente, estão muito na moda Muitas identidades estão se concentrando nessas ilustrações, tipo rabiscos Mas isso vai além do doodle. Isso é intencionalmente, como eu disse, muito infantil. Tipo, eu não sei como dizer isso. Tipo, todos os pesos das linhas estão mudando. É muito confuso e caótico, mas funciona. Funciona quando é montado em um bom formato. 4. Configuração do documento: Acho que está começando. A propósito, trabalharemos principalmente em design, e eu já posso começar a preparar meu documento lá. Então, vou fazer uma orientação de paisagem, tamanho A quatro. Eu quero duas páginas, 20 margens e seis colunas. E vou usar o bleed também porque estamos fazendo isso para impressão, embora também seja para digital, mas vou usar um sangria de três milímetros Não precisaremos de uma lesma, então vamos criar isso. Ok, funcionou. Então, deixe-me salvar isso rapidamente. Vamos colocá-lo na oficina do bar de saladas. Arquivos, e vamos salvá-los como menu. Bar de saladas. Cardápio. Coisas boas. A calha é o espaço entre as colunas. Ele pode ser usado para algumas coisas diferentes no design editorial, mas geralmente seria o espaço ou espaço vazio entre as colunas. E, para ser sincero, nesse caso, talvez nem precisemos da medianiz, então isso é algo que podemos ajustar posteriormente nas margens e colunas do layout Então, eu sempre posso voltar aqui e até mesmo configurá-lo para zero assim. Vou ver como vou usar esses guias. Porque, obviamente, se eu pressionar WD, eles não farão parte do design, eles apenas me ajudarão a orientar e alinhar as coisas dentro do Mas, geralmente, eu estava pensando em utilizar o lado esquerdo, o centro e o direito Portanto, dividir o design em três partes principais seria útil, semelhante a um folheto com três dobras E é por isso que tenho seis colunas, porque talvez eu queira dividir cada uma dessas seções novamente ao meio. Eu posso detalhá-lo ainda menos. Então, poderíamos ir ainda mais longe e ter 12 colunas se quiséssemos dividi-las ainda mais, mas veremos de quanto precisaremos. E, obviamente, temos duas páginas e temos uma página principal. Se quisermos repetir alguma coisa nas duas páginas, podemos colocar algo lá. Então, sim, a margem que eu uso é de 20 milímetros, a propósito, Talvez seja essa que você está pedindo para a sarjeta, eu não a mudei Tinha 4,2 milímetros, mas podemos mudar para 5 A única coisa é que, se você alterar alguma configuração na opção que acabei de mostrar margens e colunas, é importante garantir que você não tenha nenhuma das páginas selecionadas ou selecione as duas páginas e depois altere-as, pois, caso contrário, ela só se aplicará à página atualmente selecionada Portanto, se você tiver as duas páginas selecionadas e alterar a medianiz, ela deverá ser atualizada em ambas 5. Esboçando o conceito: Acho que é uma boa ideia fazer alguns esboços. Então, vamos pular para o meu quadro Milne e abrir o menu Certo, aí está o menu. Vou colocar isso aqui no lado esquerdo e vou ter meu iPad no lado direito. Ok, então eu já configurei meu wireframe, como mencionei antes, estou usando um iPad com um lápis Apple A propósito, na maioria das vezes, quando estou criando meus esboços, uso um layout muito simples, configuro uma camada, um medalhão, que é meu wireframe, e dentro dela vou trabalhar Agora, as três coisas que temos que encaixar aqui. Número um, temos cinco saladas exclusivas Então, cinco saladas. OK. Então, vamos aumentar um pouco. Então temos o número dois, temos que construir seu próprio bar de saladas, construir salada. Seção. E depois temos as sopas e os acompanhamentos Então, se eu rolar até aqui, sopas e acompanhamentos, sopas e acompanhamentos, o número quatro são as bebidas Ok, então essas são as quatro coisas principais que precisamos encaixar no design. Vou simplesmente mudar minha cor para algo diferente. Sim, então, quando se trata do layout em si, o que eu pensei em fazer aqui com meu wireframe é que eu vou fazer rapidamente três variações, e eu vou escrever isso Essa será a frente e essa será a parte de trás do design. Agora, em termos de formato digital, isso significaria que temos, obviamente, duas telas separadas. Estou usando um pincel chamado pincel Elder. Não tenho certeza de quem é, mas, para ser sincero, o Procreate tem muitos pincéis bons e isso realmente não importa Qualquer coisa que funcione para você. Eu gosto desse pincel porque tem a sensação de um lápis. Então, sim, é como um lápis de seis B, um pouco parecido com isso. Parece um pouco mais natural. Ok, agora, vamos pensar sobre isso. Então, temos essas cinco categorias, quatro categorias. Acho que uma opção seria colocar as cinco saladas principais na frente e depois colocar tudo na segunda página Acho que essas cinco saladas precisam ser realmente destacadas Eles são como os pratos exclusivos. Então, vamos fazer uma versão como essa. Em primeiro lugar, teríamos o nome em algum lugar aqui. Então, o menu, podemos colocá-lo no lado esquerdo e, se tivermos todo o espaço para apenas esses cinco pratos, podemos criar algumas maneiras criativas de fazer isso. Então, poderíamos ter, tipo, o layout chato de ter os círculos A propósito, se eu pressionar e segurar Procreate, podemos criar formas redondas mais bonitas como essa Então, poderíamos criar um layout onde temos, quero dizer, todos esses elementos dispostos mais como em uma grade. Então, podemos simplesmente duplicar esse bit. Então, poderíamos colocá-los lado a lado assim. Agora, como temos cinco deles, isso já não é perfeito para esse layout, porque teríamos três em uma linha e dois na segunda linha. Portanto, não é como uma grade perfeita. Mas podemos tentar criá-lo dessa forma. Vou ver qual é o melhor. Então, eu vou apenas duplicar com lá, duplicar. Acho que temos mais um aqui e depois mais uma vez. OK. Então, se optarmos por cinco saladas exibidas com suas imagens grandes, poderíamos colocá-las de várias maneiras diferentes Obviamente, essa é apenas uma maneira muito rápida e padrão de colocar isso. Mas poderíamos movê-los e torná-los maiores, ficar em lados assim e nos encaixar neles. Pode perder alguns dos ingredientes se fizermos isso, mas isso também pode funcionar como um layout interessante. E eu poderia explorar isso em um esboço separado. Mas, por enquanto, acho que essa é uma das opções que poderíamos escolher. E a coisa mais importante a se pensar aqui é se fizermos isso , como adicionaríamos o texto? Agora, uma coisa que podemos fazer é ter o título ou o nome de cada um escrito no mesmo lugar. E a consistência é importante quando se trata de design de menu. Então, pense no aspecto funcional do design. Se você tiver tudo consistentemente no mesmo lugar, é mais fácil para as pessoas encontrá-los. Agora, os ingredientes devem ser bastante simples simplesmente olhando as saladas, mas como temos essa boa cópia aqui em segundo plano, você lembra que vimos essa boa cópia aqui em segundo plano, você lembra que vimos cerca de um parágrafo para cada uma delas, também seria bom encontrar uma maneira de incorporar isso no design Então, isso não é algo que eu precise inventar aqui no esboço, e isso também é algo que eu gostaria de enfatizar que seus esboços não servem para tentar replicar o É uma exploração, uma ideação, qualquer coisa que ajude você a visualizar e se lembrar do que você inventou está perfeitamente bem Não precisa ser parecido com o design final. Esse é o objetivo principal de criar esboços em miniatura. Portanto, não perca muito tempo realmente refinando seus esboços, porque é principalmente para No entanto, se você acabar criando alguns esboços legais, é claro, também é bom incluí-los na sua apresentação Se você usa o projeto em seu portfólio, é sempre bom mostrar de onde vieram as ideias e seu processo de pensamento. Mas, por exemplo, nesse caso, simplesmente mudamos para uma cor diferente novamente. E então eu sinto que os ingredientes poderiam ser adicionados talvez em cima do design. Quero dizer, no topo do círculo, correndo assim. E o bom disso é que isso permitiria menos texto ou mais texto, dependendo da quantidade de ingredientes em um prato. Então, o que eu garantiria é que eles sempre comecem no mesmo lugar. Então, se ficar um pouco baixo demais , pode ser um pouco difícil de ler. Então, novamente, pensando em design funcional, acho que por volta das 9:00 ou 8:00 é onde eles devem começar, e então eles podem continuar correndo nessa direção Então, obviamente, é uma direção de leitura da esquerda para a direita. E, a propósito, o título pode começar com o nome do prato, pode começar às 6:00 e depois continuar subindo Mas voltando a essa cor que usamos, aliás, se você tocar duas vezes na sua agora, tocar e segurar sua cor no canto superior direito, ela deverá mudar para a cor usada anteriormente. Mas sim, então alguns designs podem fazer que o texto vá mais longe. Só vá deixar meu pincel um pouco mais fino. Enquanto outros terão menos ingredientes , eles só correm até lá. Obviamente, podemos preencher o espaço aqui. Podemos ter o lema escrito aqui. Temos um bom espaço aqui para texto. Eu só vou fazer parecer que há algum texto lá. E então também poderíamos comer talvez um pequeno lote fresco aqui com a carne de alface. Eu só vou escrever que lá come alface. E isso também pode ser em um círculo ou em estilo de crachá. E então podemos ter algumas informações aqui também, se precisarmos , mas eu já preencheria esta página muito bem E, em seguida, vou desenhar a parte de trás desse design antes de passar para a próxima ideia. Então, vamos escolher esse verde. Então, a parte de trás, como eu disse antes, seria sobre sua própria salada e depois sopas e bebidas Então, aqui, se eu rolar um pouco para baixo, agora estamos trabalhando com esse segmento da cópia. Acho que preparar sua própria salada é muito importante. Então, ou podemos dedicar dois terços a isso e um terço às sopas Então, o que eu acho é dividir a página em dois terços, onde temos esse lado para preparar sua própria salada, e no lado direito, poderíamos tomar as bebidas Então, acho que é isso que vou fazer nesta versão. Então eu vou fazer sopas e acompanhamentos. Reserve e depois tomamos bebidas. simples quanto isso. E então temos a seção de saladas construída. Agora, nem vou pensar mais sobre isso, como eu quero fazer isso dentro disso , porque geralmente já estão definidos todos os segmentos ou seções importantes sobre os quais falamos. Então, temos o número um na primeira página e depois temos os outros três na segunda página, simples assim. Ok, agora, que outras coisas podemos fazer aqui? Se eu tivesse tempo, normalmente faria pelo menos cinco a dez dessas. Então, tanto para frente quanto para trás, eu faria variações. Eu só vou fazer talvez mais um porque você já pode ver o que eu faria normalmente. O que vou fazer, porém, é pegar emprestado um desses círculos e trazê-lo até aqui Ok, então vou jogar uma saladeira, e talvez desta vez possamos explorar o que acontece se as tornarmos maiores. Também estou pensando que sim, acho que grande é bom. E então vamos ver se eu colocá-lo sendo cortado, como poderíamos encaixá-lo de uma forma inteligente Se eu criasse uma máscara de recorte, poderíamos trabalhar ainda mais rápido Eu só vou fazer isso rapidamente. Então, vamos fazer um lá, um aqui. Eles poderiam até ficar completamente próximos um do outro desse jeito. Duplicado. Se eu tiver dois na parte inferior, assim, acho que são duplicados. Temos espaço para todos eles. E o último. Observe como também estou tentando garantir que não recorte muitos elementos, pois quero ter certeza de que todos os ingredientes estejam visíveis. E se você se lembra dos desenhos ou das imagens que geramos, obviamente algumas dessas imagens têm os ingredientes ou ingredientes específicos em apenas um canto da louça. Portanto, é claramente importante ter isso em mente. Vou voltar aqui, selecionar essas cinco melhores imagens e agrupá-las. Sim. E depois alise-os. Desculpe. Sim, esse é o único. E então vamos apagar esses pedaços aqui. Novamente, não estou muito preocupado em torná-lo super apertado. Só estou pensando na colocação. Então, sim, se eu os fiz grandes, e isso é uma coisa : no design, funciona muito bem, especialmente se você tem imagens muito boas deseja focar nessas imagens. Então, ampliar as coisas, criar algo muito grande pode funcionar muito bem Geralmente funciona bem se você puder contrastá-lo com elementos menores. Então, por que acho que podemos fazer isso vou usar essa cor azul novamente apenas para mudar minha cor. Obviamente, teríamos que escrever o menu em algum lugar e, a propósito, diríamos menu do bar de saladas. Não preciso escrever tudo no meu esboço. Novamente, não faz sentido. O que eu pensei que poderíamos fazer, obviamente, é que temos um grande espaço aqui no meio, que temos que pensar em como preencher. Mas o que eu posso fazer é cortar um pequeno segmento no meio, e é aí que colocamos o texto, certo? Então isso seria muito interessante. Veja os círculos que estou desenhando. Por alguma razão, procret Yeah, não quer me ajudar. OK. Novamente, não precisamos fazer isso com todas elas, mas você já pode imaginar que teríamos apenas um círculo branco sobreposto no centro dessas bolas e, em seguida, adicionaríamos os ingredientes lá a descrição e o nome dos pratos Agora, o nome dos pratos poderia ser ainda mais sobreposto, escrito assim com letras grandes O único problema com isso é que teríamos que garantir, novamente, que não encobriríamos muitas das imagens, mas como elas já são muito grandes, elas ainda devem ter espaço suficiente para revelar do que se trata o prato. O único problema com isso é que alguns dos nomes são bem longos, como este. Então, talvez precisemos simplificar isso um pouco. Esta é chamada de salada I am trying to B Healthy. Então, se fôssemos usar esse layout que pode ser muito longo, maioria deles é na verdade bem longa, exceto Kalia Com Kalia, funcionaria muito bem. O clássico superador, que também é um pouco longo Então, neste exemplo, talvez eu precise simplificar os nomes, talvez atribuí-los como uma palavra-chave que realmente os separe dos outros E então o título mais descritivo poderia estar nessa bolha Sim, então veremos se funciona ou não. Mas por que eu usaria a parte central? Bem, poderíamos ter o lema escrito lá. Também podemos ter alguns ingredientes menores flutuando ao redor desses pratos para fazer parecer que estavam na mesma mesa, dispostos um ao lado do outro. Acho que funcionaria muito bem. E então, para ser honesto, na parte de trás, a única coisa que eu pensaria em fazer de forma diferente é como eu separo a página. Então, se pensarmos em como a primeira página foi disposta nesses grandes círculos, talvez uma coisa que possamos fazer na segunda página seja tentar replicá-la de alguma forma Então, o que poderíamos fazer é talvez usar um semicírculo grande Na parte superior, assim, que é para a seção “Construa sua salada”. E então, para as sopas e os acompanhamentos, poderíamos usar um círculo Novamente, talvez pudéssemos pensar em fazer um círculo como esse. Uma seção lá. Deixe-me desenhar isso melhor. Como um segmento como esse, e outro segmento ali. Novamente, ele segue o mesmo estilo que temos acima. E então vou escrever as coisas aqui. Esta é a seção de saladas pagas, sopas e bebidas, sem sopas e acompanhamentos, e depois OK. Sim, então esse é outro. E você pode ver, uma das coisas importantes que eu tenho em mente é que eu quero ter uma conexão entre esses elementos. Então, eu quero ter certeza, quero dizer, da frente e da parte de trás do design. Quero ter certeza de que, na frente e na parte de trás, quando olhadas uma ao lado da outra, lembre-se que, novamente, pode estar em duas telas na parede, elas realmente deveriam sentir que fazem parte da mesma coisa. Novamente, a mesma coisa aqui com esse design, teríamos que, de alguma forma, trazer a estética e a sensação geral do que criamos aqui para a segunda página E isso poderia ser simplesmente as cores e as fontes e as proporções das coisas que estamos usando. Mas também pode ser um tema abrangente o que venho fazendo aqui de usar esses círculos recortados que aparecem tanto na frente quanto na parte de trás, as formas realmente grandes com as quais unificamos o design Seria interessante se pudéssemos fazer os dois, porque isso, aliás, também é algo que eu gosto de fazer. Eu não gosto de me concentrar muito em um layout, antes de refiná-lo completamente E também é bom fazer isso e apresentar ao cliente algumas opções. Pelo menos eu normalmente faria três variações. 6. InDesign e criação de imagens: Ok, então vamos entrar no design. OK. Em primeiro lugar, vou configurar minhas camadas. Eu normalmente trabalharia com uma camada para o texto. Na verdade, vou fazer uma camada de fundo primeiro. Em seguida, criarei uma camada para o texto e, finalmente, uma camada para imagens. Agora, as imagens, nesse caso, provavelmente estarão abaixo do texto, então essa será a ordem das camadas. Mas, em muitos casos, talvez você precise criar uma quarta camada sempre que as imagens se sobreponham ao texto, se quiser fazer isso Mas normalmente esse é o pedido que você deseja fazer. E com certeza usaremos estilos de parágrafos, então vou mantê-los aqui. Também vou destacar os estilos dos personagens porque também os usaremos. As páginas que já configuramos, então não precisamos nos preocupar com isso. E acho que é isso por enquanto. A propósito, vale a pena mencionar que você também pode gerar coisas diretamente no design Você pode usar o preenchimento generativo ou a mesma coisa que depende do Adobe Firefly no design é o modelo de texto Quero dizer, você pode ver isso se usarmos um dos prompts que eu usei no meio da viagem, apenas como um experimento interessante Acho que uma dessas funcionou muito bem como esta, poderíamos experimentar e criar uma moldura, tornando-a quadrada, colocar o texto aqui e, em seguida, direi gerar. Acho que isso é tudo que eu preciso configurar. Portanto, esse é o recurso de texto para imagem do Adobe Firefly no design A razão pela qual estou mostrando isso é porque, obviamente, nem todos vocês têm acesso ao Mid Journey, e você pode ver que ele realmente fez um trabalho muito bom. Não é nada ruim, pois este, em particular, parece muito bom. Então, sim, eles parecem realistas. De certa forma, você pode até argumentar que isso pode ser ainda melhor do que no meio da viagem. Portanto, às vezes é surpreendente quão bom um vaga-lume pode ser, enquanto em outros casos, quão ruim ele pode ser, mas definitivamente vale a pena experimentá-lo se você precisar gerar ativos Embora, é claro, você também possa procurar on-line ativos de ações que, na verdade, sejam baseados em fotografias, fotografias reais. Se isso é muito importante para o cliente, obviamente você precisa se certificar de fazer isso. Mas o que eu gosto de fazer é que, mesmo que eu acabe usando uma imagem gerada em minha composição, posso dizer ao cliente que, se você gostar da aparência, podemos simplesmente ter um dia de sessão de fotos com seu chef e depois fazer essas fotos reais dispostas de forma semelhante. Então, acho que o incrível das imagens geradas é que é muito útil para seu cliente entender o que você está procurando sem gastar muito tempo vasculhando a Internet procurando fotos reais, que, na maioria dos casos, como aqui, precisávamos dos ingredientes específicos de qualquer Queríamos que esses ingredientes, essas verduras específicas fossem dispostas lado a lado em um formato circular. Isso seria muito difícil de achar, quase impossível porque é muito específico. Novamente, voltando aqui, se olharmos, por exemplo, as opções de proteína, para ter certeza de que são exatamente essas opções de proteína que tínhamos no menu, que tínhamos no menu, exibidas em um design circular. Tenho quase certeza de que você não encontraria esse exemplo exato sem obviamente, ter que montar as coisas manualmente, e isso pode levar muito tempo e, no final, um cliente pode mudar de ideia e nem mesmo querer essa direção. Portanto, para exploração e iteração rápida, a IA generativa é brilhante Ok, então eu vou colocar isso aqui na cartolina. Eu só queria mencionar que temos essa opção aqui, é claro. 7. Fluxo de trabalho de imagem e mascaramento: O que vou fazer é baixar essas imagens. Então, primeiro de tudo, eu preciso dessas cinco imagens. Então, vou baixar as imagens originais e colocá-las na minha outra pasta onde estou trabalhando. Então, arquivos, e eu vou criar uma pasta de links e colocá-los lá. Na verdade, vou renomeá-las e chamá-las de saladas exclusivas E sim, eu gosto disso. OK. Agora podemos incluí-los no design. E no design, você tem esse recurso chamado Pi ganancioso. Se você clicar e arrastar e pressionar seta para a direita algumas vezes, poderá colocar todos eles Vou colocá-los todos de uma vez. E então, a primeira coisa que teremos que fazer é nos livrar do plano de fundo original. Além disso, vou me certificar de que eles estejam encaixados em sua moldura. Assim, sim. Então, deixe-me ampliar um pouco mais. OK. Então, a primeira coisa rápida a fazer é retirá-los da maioria. Então, isso não é algo que temos atualmente em design. Na verdade, seria um recurso muito útil, mas não acredito que eles tenham isso aqui ainda. Provavelmente, eles o trarão. expansão generativa existe, então podemos expandir as imagens, mas não podemos remover o fundo rapidamente Então, para isso, preciso alterar a opção, clicar duas vezes na imagem, que a abrirá no Photoshop, e aí temos a opção de fundo removido No entanto, como você pode ver, ela encontrou as bordas muito bem, mas como a bola é muito parecida com a cor do fundo, ela ainda não funcionou bem. Então, vou tentar usar a seleção circular. Então, ferramenta de mercado da Elliptico. E deixe-me refazer isso. Clique e arraste e, em seguida, com a barra de espaço, você pode realmente melhorar ainda mais. Vamos usar uma forma, a ferramenta Ellipse definida como caminho, e vamos desenhar esse E então o que podemos fazer é alinhá-lo na parte superior e inferior. Assim. Arraste isso um pouco para baixo aqui no topo. Se houver algum detalhe saindo da tigela, obviamente podemos ajustar isso. Mas, por enquanto, acho que isso é bem próximo do que precisamos e, em seguida, transformamos isso em uma máscara vetorial clicando no ícone da máscara por comando ou controle. Então, isso criará uma máscara vetorial e, em seguida, só precisamos garantir que ela seja salva como um arquivo do Photoshop E então, no design, basta inserir a versão do arquivo do Photoshop para substituir o JPEG Estrondo. É isso mesmo. OK. uma diferença sutil nas cores. Acredito que seja porque no original tínhamos SRGB, e no novo, temos Adobe RGB Mas de qualquer forma, agora temos esse mascarado. Então, vamos repetir a mesma coisa rapidamente para esses outros. Vou alterar a opção, clicar duas vezes nessa outra imagem, retirar novamente um caminho não precisa ser um círculo perfeito. E então vamos ajustá-lo às bordas. Na verdade, antes de fazermos isso, vamos ver se o plano de fundo removido funciona aqui. Agora, ainda não funciona, simplesmente mantemos nossa opção de máscara de caminho e vetor. Como estamos usando um arquivo PSD, não estou muito preocupado em torná-lo perfeito É como uma forma áspera, e depois a transformamos em uma máscara, segura. Você sempre pode refinar isso mais tarde. Esse está pronto. Vamos devolvê-lo. Estrondo. OK. E então temos que fazer isso rapidamente com os outros dois. E aqui eu já posso ver que temos um pequeno detalhe saindo das bordas da bola. Então, isso é algo que temos que considerar com nossa máscara. Vamos ver se consigo encaixar isso aqui. A propósito, se você tem um caminho que parece não estar funcionando bem, você também pode usar a ferramenta de seleção direta e ajustar as alças para ajustá-lo ainda mais perto. Como aqui, você pode ver, estou ajustando como se isso já parecesse mais adequado Também posso mover esse ponto um pouco mais alto. Aquele se sente melhor naquele espaço. Então, sim, se eu quiser que seja mais específico, posso fazer esses ajustes e afastá-los um pouco. E na parte inferior também, podemos encaixar isso um pouco mais. Espero que essa seja uma técnica útil para todos. Mas sim, então o que eu faria aqui é primeiro criar uma máscara a partir desse caminho, comandar , clicar na máscara e depois selecionar a máscara e reduzir a densidade para poder ver onde a folha deveria estar. Em seguida, use a ferramenta caneta, configure-a para adicionar ou combinar formas e simplesmente selecione a máscara. É importante. A máscara precisa ser destacada. Você pode desenhar sobre a parte que falta, e eu posso acompanhar a forma desse detalhe que aparece. E é isso. Basta contornar isso, reservar, pronto. E então eu vou voltar e aumentar a densidade, e parece bom. Vamos ver. Sim, parece ótimo. Só estou mostrando isso de perto para todos. Então, agora são duas formas dentro da máscara. Se eu voltar, há uma forma lá e outra grande atrás. Tudo não destrutivo, obviamente, porque são todas formas vetoriais e são salvas como uma máscara Então, agora voltamos aqui, colocamos e pronto, e acho que temos mais duas para fazer uma que parece não ter nenhuma forma fora dela. Quero dizer, qualquer detalhe fora dos limites com o qual devemos preocupar, precisamos nos preocupar Vamos arrastar isso para baixo. Como eu disse, não vou gastar muito tempo refinando isso por enquanto Basta colocá-lo aproximadamente no lugar e depois fazer cocô, salvar e fechar, fechar e colocar aqui Esse foi o número cinco. Sim, pronto. E então o número dois é o último. Forma, desenho e linha. E terminamos. Oh, desculpe. Almíscar. É isso mesmo. Salve, feche e traga. Salada também. Ok, legal. Então, isso consumiu um pouco de tempo, mas ainda precisamos, obviamente, configurar as coisas dessa forma. 8. Noções básicas de tipografia: Agora vamos começar a adicionar o texto. Portanto, ainda não vou me preocupar com as opções de fonte, me preocupo primeiro com o posicionamento. Então, essa é outra coisa que você pode realmente perder muito tempo escolhendo as fontes certas. Acredito firmemente que primeiro configurar um layout é mais importante onde as coisas vão, quais tamanhos o texto terá e depois pensar nas fontes reais Então, de certa forma, eu uso um texto como um espaço reservado, mesmo que o texto em si já esteja usando a cópia com a qual trabalhamos, mas a escolha real da fonte vem depois É quase como enfeitar o texto. É assim que eu penso sobre isso, de qualquer forma. Então, eu gosto de colocar os manequins no lugar primeiro e depois Ok, então menu do bar de saladas. Esse é o nosso título. Feito. Vamos tornar isso maior. OK. Podemos decidir como queremos colocar isso. Vou fazer isso em duas linhas por enquanto, e depois vou alinhá-lo à nossa margem apenas para ver onde está a margem Sim, a margem pode ser um pouco grande demais, mas veremos novamente mais tarde como isso funciona. Provavelmente vou fazer com que o menu já seja maior. Então, vamos ter um pouco mais de espaço aqui. Vamos aumentar o menu e vou reduzir o rastreamento. E agora vou tornar a coisa toda um pouco menor. Ok, isso é bom. Sempre que você redimensionar o texto, você pode usar atalhos de teclado em design, Command ou Control Shift, ponto final para aumentar ou diminuir o tamanho A tecla Alt ou a opção de seta para cima e para baixo serve para alterar a esquerda. Além disso, quando você configura as coisas da maneira correta, você também pode usar o Command ou Control Shift, arrastar um ponto angular para alterar o tamanho rapidamente. Então, temos o nome lá em cima. Agora, se voltarmos para Milind, eu só quero voltar para uma cópia e nos lembrar, na verdade, não desta Lembre-se de que o slogan era: Vamos comer. Mas também há esses slogans repletos de amor, roupas para impressionar e sempre prontas para mastigar ou um país das maravilhas crocante e crocante, onde cada mordida é uma aventura Ou, bem-vindo ao lado selvagem das saladas, frescas e totalmente deliciosas. Eu gosto muito desse. Bem-vindo ao lado selvagem das saladas. Agora, se quisermos uma cópia como essa, também precisamos pensar em como podemos representar isso em termos de estilo Então, se quisermos ser um pouco loucos, talvez possamos tornar nossa tipografia principal um pouco selvagem ou talvez ter alguns elementos que talvez sejam como linhas desenhadas à mão que fazem as coisas parecerem um pouco Acho que vou fazer isso e vou enfatizar isso. Da mesma forma, se eu optasse por outra cópia em que diz vestido para impressionar misturado com amor Talvez corações possam ser elementos que usaríamos para impressionar, novamente, algo que enfatize se vestir bem Aqui está mais sobre mordidas, crocantes e crocantes. Portanto, cada uma dessas cópias enfatiza um ângulo específico e, como designer, você deve e deve enfatizar e brincar com ele . Ok, eu só vou fazer espaço lá. Sim. Já removerei os hífens desse texto para garantir que ele não seja Vou torná-lo maior e depois centralizá-lo por enquanto e talvez torná-lo algo assim. OK. Agora, não se preocupe com as opções de fonte. Como eu disse, é apenas uma fonte padrão. Mini e Pro parecem muito ruins ou muito chatos. Não é ruim. É uma fonte muito boa, mas parece chata no momento, mas você verá o quanto ela melhorará quando encontrarmos as fontes certas para trabalhar Mas nós só queremos colocar as coisas no lugar primeiro. Essa é a coisa mais importante. Para onde as coisas vão é mais importante. Vou ter outra cópia em algum lugar com um slogan semelhante ou outro slogan, o vamos comer E este eu vou colocar em maiúsculas, sem hífens. Então, vamos colocar isso em algum lugar na parte inferior. Hum eu sempre poderia entrar aqui ou no canto superior direito. Podemos encontrar um lugar para isso mais tarde. E então, no design, se alguém procurar mais, você poderá pesquisar uma fonte. Eu só vou fazer PhoenixN. Ok, vamos digitar Adobe Fonts. É mais fácil online, na verdade. Parece que podem não ser fontes da Adobe. Vou procurá-lo separadamente. Vamos ver se está aqui. Ah, sim. Eu achei esse. OK. Então, já podemos ter esse pronto. Mas sim, voltaremos às fontes mais tarde, por enquanto. 9. Incorporando elementos de design: Ok, vamos voltar ao design. Então, queremos ter, como eu disse antes, essas formas em cima dos pratos, recortando-as. Provavelmente eu quero que meu espaço seja utilizado. Então, eu simplesmente mudaria a cor para branco. Ok. E então eu quero ter certeza de que eles estão alinhados no centro perfeito das formas por trás deles. Então eu alinho e alinho assim. Eu apenas uso a opção de alinhamento central horizontal e E então vou me certificar de que a mesma forma seja duplicada para cada uma dessas outras formas aqui Novamente, vou alinhar o centro central dessa forma. E então, se eu precisar, posso mover esses dois de volta para onde eu queria que eles estivessem. Ok. Agora, já posso ver que, neste caso, as bagas estão se perdendo um pouco porque estavam mais no centro do prato, mas ainda estão um pouco visíveis, então não estou muito preocupado. Então eu acho que está tudo bem por enquanto. Então, deixe-me também fazer algo rapidamente. Percebo que meu texto não está na camada de texto, então vou selecioná-los e soltá-los na camada de texto, e vou bloquear essa camada por enquanto. Também bloquearei minha camada de fundo para não colocar coisas lá acidentalmente Essa forma pode estar na camada de imagens porque está conectada às imagens. Então, novamente, vou alinhá-los um com o outro e depois movê-los de volta para baixo. Sim. Isso parece bom. Agora, aqui, esse círculo começa a ficar muito perto da borda da página. Isso pode ser um problema. Então, o que vou tentar fazer é aumentar isso um pouco, desse jeito. E então isso pode ir um pouco para a esquerda. Ok. Vamos colocar mais um desses aqui. Novamente, alinhar uma linha parece bom. Em seguida, alinhe uma linha nessa também. Bum, bum, e depois mova-o de volta para cima. Sim, acho que as placas podem se sobrepor um pouco. Uma sobreposição sutil como essa parece realista. Eu acho que, algo assim. Novamente, certifique-se de que não vá muito longe até a borda. A caixa, pelo menos esse círculo tem que descer um pouco mais. Sinto vontade de estar mais perto da margem. 10. Refinamento de texto: Ok. E então eu posso entupir as imagens agora e vamos trabalhar com o texto Certamente, esse é um problema que pode parecer rosquinhas Mas vamos ver como ficará quando recebermos o texto. Então, vou alterar o tamanho do texto provavelmente para dez pontos por enquanto, e então vamos trazer a cópia. Então, temos que voltar para Monat e precisamos da segunda cópia Então, vamos começar com este. A cópia clássica dos superdotados. Também devemos nos lembrar de abrir espaço para os preços. Então, primeiro, essa, vou tornar o texto ainda menor assim. O texto central faria sentido. Não gosto de texto central, mas, nesse caso, acho que faz sentido. Então, vou continuar assim. Ou poderíamos usar, na verdade, um círculo para nosso texto. Acho que sim. Novamente, não gosto de colocar texto em um círculo, mas talvez, nesse caso, possamos fazer uma exceção. Então, se eu usar a mesma forma que temos aqui, aquela forma branca, poderíamos realmente colocar o texto dentro dela. Então, se eu copiar esse texto, usar minha ferramenta de texto e clicar dentro dessa forma, posso simplesmente colocar o texto lá. E então o que eu faria em design é pressionar Commando Control B, B para não sei, borda Você pode se lembrar disso. Mas essas são as opções de quadro de texto. Na verdade, a caixa provavelmente faz mais sentido. Caixa de texto e, em seguida, use o espaçamento inserido. Provavelmente você deseja aumentá-lo em até 3 milímetros e depois clicar em OK Você quer ter certeza de que o texto não tem hifenização, e vamos apenas tornar o texto menor talvez sete pontos por enquanto ou oito Vamos fazer sete pontos assim. E então, na verdade, vou fazer mais uma coisa. Vou alinhá-lo ao centro dessa forma. Acho que parece muito bom. Ok. Agora, isso já é algo que poderíamos aplicar a todos esses círculos criando um estilo de objeto. Então eu vou para estilos de objeto do menu Janela e, em seguida, crio um novo estilo enquanto este é selecionado. Altere a opção, clique no sinal de mais e, em seguida, chame-a de caixas de texto de círculo pequeno Chamados de livros didáticos circulares, aplique estilo à seleção. Ok. E então podemos selecionar todos esses outros e selecionar o mesmo estilo para eles. Ok. Substituições claras Sim, deveria funcionar. E então vamos usar a mesma cópia, e vou colocá-la rapidamente em cada uma delas só para ver se funcionou. Sim, funcionou. Agora vou trazer a cópia de Milanat. Então temos a segunda, a morte, que é essa. Ah, há algo que não entendeu que o espaçamento interno não parece estar funcionando por algum motivo Sim. Eu simplesmente não atualizei corretamente. Isso é muito estranho. Uma das peculiaridades do design. Nunca vi isso antes. Mas basta atualizar todos eles rapidamente. Ok. Então, este já está no lugar certo. Temos que pegar o outro. César, você não pode resistir. Sim. Depois, temos a salada picante. Coloque isso e , em seguida, o último coloque isso lá. Ok. Legal. Então, estou apenas verificando as margens A maior parte do meu texto está dentro das margens, então tudo bem. Além disso, aqui à esquerda está um pouco perto da borda, mas sempre pode ser movida um pouco mais para cima. Apenas se afaste. Sim. Agora está mais perto do centro. Ok. Agora, precisamos ter certeza de que temos espaço para os nomes desses pratos. E para isso, como mencionei anteriormente, podemos explorar diferentes layouts Pensei em ter o nome sobreposto na imagem novamente. Então, vou usar outro círculo, apenas uma moldura vazia, um círculo. E seria útil alinhá-lo com a outra forma por trás dele Então, eu apenas o alinharia assim por enquanto e colocaria isso na camada de texto Faz sentido tê-lo lá. E, para ser honesto, todos esses círculos também devem estar na camada de texto. Então, vou esconder isso por um segundo, esse círculo. E vou mover essas formas porque agora as temos nesses círculos. Na verdade, eles deveriam estar na camada de texto, sim. E esse círculo que acabei de criar, quero colocar no topo. Por enquanto, na verdade, vou fazer uma camada separada. Fará mais sentido separar as coisas. Então, esses serão os nomes das saladas ou dos pratos. Nomes dos pratos, e eu vou colocar esse círculo lá para que eu possa bloquear isso e as imagens também. Ok. Agora, isso que eu lembro se chamava Kill. Eu tenho esse selecionado. E então, se eu continuar com a ferramenta de digitação em um caminho aqui no design, podemos simplesmente clicar em Quero dizer o círculo e digitar Ke. Esse é o título do nome. E o que vou fazer é escolher uma fonte como a Hevita, uma fonte que gostamos de usar muito Ou Avenir é bom por enquanto, ou Frank gordo também é bom Tudo isso poderia funcionar muito bem. Vou torná-lo grande e vou colocá-lo em branco. E então temos que verificar se será visível o suficiente. E, claro, ao usar esse recurso, você poderá mover os pontos inicial e final com facilidade. Então, eu normalmente definiria o ponto final como a parte inferior, então é como 6:00. E então o ponto de partida pode ser movido facilmente. Tipo, nesse caso, acho que em algum lugar por aqui é um bom começo porque a couve está lá Mas, novamente, podemos voltar à imagem em si e girá-la Só para garantir que não percamos o molho no fundo. Sim, algo parecido. Agora volte ao texto e gire-o um pouco novamente. Sim, algo parecido. Acho que se todos os pratos tivessem apenas duas palavras, esse estilo poderia funcionar e poderia ser muito bom e interessante Poderíamos reduzir a opacidade desses círculos que se sobrepõem à salada Se eu entrar na transparência desse objeto, poderíamos fazer isso. Então, se eu for ao porque você não pode fazer isso com a tinta, tem que ser a transparência Vamos entrar na janela. Objeto. Na verdade, não é transparência. o que é chamado de audição em Esqueci o que é chamado de audição em design para opacidade Efeitos. Esse é o único. O painel de efeitos. Então, com isso selecionado, quero que a opacidade da sensação seja reduzida, só para ver como fica Não sei por que não está sendo atualizado. Oh, eu selecionei a camada errada. Então não são as imagens, a camada de texto, essa. Portanto, sinta a opacidade reduzida. Quero dizer, pode ser uma boa ideia. Funcionaria, mas dificultará a leitura do texto. Você sempre pode tê-lo ligeiramente transparente, como 90%. Mas, para ser sincero, não sou muito fã de fazer isso. Você verá um pouco mais da comida, mas, como eu disse, não estamos encobrindo elementos importantes da comida. Vemos ingredientes suficientes ao redor do círculo. Então, na verdade, prefiro continuar assim , porque quando você olha isso à distância, vou aumentar minha tela. Observe que ver através do círculo realmente não acrescenta muito ao design. Obviamente, você pode ver a bola inteira agora. Portanto, parece um pouco menos com rosquinhas, mas apenas reduz a visibilidade ou a legibilidade do texto Então, em termos de função, isso é uma desvantagem Então, sim, poderíamos experimentar outras cores também, mas eu gosto da simplicidade da aparência anterior. Então, vou voltar a tê-lo totalmente preenchido com branco. Podemos explorar cores diferentes. Na verdade, é uma boa ideia. Então, se tivéssemos uma cor como, eu não sei, eu gosto de uma cor azul, e então, obviamente, o texto em si poderia ser branco, algo assim. Na verdade, essa é uma ideia melhor. Eu gosto mais disso. E, claro, poderíamos ter uma cor divertida e interessante Então, se eu entrar, vamos usar HSB, podemos escolher até mesmo cores do próprio prato, mas vou escolher algo parecido com uma bela cor pastel como Acho que isso já está funcionando um pouco melhor. Vou manter isso assim por enquanto e voltaremos a isso mais tarde. Mas sim, isso é algo que eu já gosto um pouco mais. Poderíamos experimentar cores diferentes, talvez apenas mantê-las assim. Talvez o torne um pouco mais escuro. A única coisa com isso é que provavelmente precisaremos usar a mesma cor para todos os círculos. Caso contrário, pode ficar um pouco cansativo. Ou potencialmente poderíamos usar cada um, quero dizer, ter um padrão, branco, verde, branco , verde, branco, algo assim. E então, se o texto também fosse definido em verde, ele criaria esse padrão ou continuaria esse padrão em um círculo. Vou continuar adicionando os títulos nos nomes, nos nomes dos pratos. Então, deixe-me copiar esse texto e movê-lo para cá. E tente alinhar isso com o outro círculo. Então, um círculo e depois o círculo crocante, alinhe uma linha. E então acabamos perder o alinhamento no centro da moldura, mas por enquanto Vou manter isso assim. Eu acho que está tudo bem. Então, este é o texto original aqui, se voltarmos, era César, você não pode resistir Vou pedir ajuda ao Che GPT. Vamos dar este prato de salada um nome composto por duas palavras, duas palavras curtas. Me dê dez opções. Vamos ver. Ok, Caesar Crunch. Caesar crunch é bom. Crisp royal também é bom. Hmm, sorteio de toga. Acho que vou escolher Caesar Crunch. Eu acho isso muito bom. Sim. Crunch de César. Parece bom. Agora, novamente, já posso ver que o texto será muito difícil de ler nesse formato. Então, novamente, isso é algo que teremos que abordar. Obviamente, posso mover esse texto um pouco mais alto, talvez alinhá-lo à direita Também podemos verificar se podemos ajustar a imagem girando a imagem se ela tiver mais legibilidade Você vê que já está aqui, parece um pouco melhor. Legibilidade. Observe como esse detalhe com o qual nos preocupávamos antes aumentou agora. Mas é claro que poderíamos introduzir um pouco de sombra projetada. Estou muito interessado em evitar o uso de sombras projetadas, mas, neste caso, acho que poderíamos introduzi-las de uma forma moderada Se você alterar a opção, clique na sombra projetada. Você pode ter refinamentos nele. Eu terei distância zero e talvez tenha um tamanho um pouco maior. Sim, algo assim. Eu acho isso muito bom. Então, imediatamente, o texto parece melhor. Então, agora podemos simplesmente virar o prato para trás mesmo nessa direção ou orientação. Ainda podemos lê-lo. Sim, acho que parece bom. E então, é claro, isso pode ser salvo como outro estilo de objeto. Lembre-se de que, no design, sempre que você usa a configuração de opacidade ou um efeito como sombra projetada, ele precisa ser salvo como um estilo de objeto, enquanto o estilo de parágrafo apenas para mostrar, não Portanto, temos que salvar isso como um estilo de parágrafo, o que já podemos fazer agora. Vou guardá-lo e chamá-lo de nome do prato, nome do prato exclusivo ou tigela. Sim, vamos chamá-lo de nome exclusivo da salada. E aplique estilo à seleção. Sim, tudo bem. E depois de salvá-lo, podemos entrar em estilos, estilos de objetos. E eu vou colocar isso aqui no fundo só para que possamos voltar a isso. E também queremos salvar isso como o nome exclusivo da salada, ou podemos simplesmente chamá-la de sombra sutil, e podemos salvá-la assim. A propósito, se eu incluir o estilo de parágrafo dentro do estilo do objeto, de certa forma, aninhando-o nele, será mais fácil de aplicar Agora, por exemplo, se eu selecionar este aqui, posso simplesmente escolher esse estilo sutil de objeto de sombra, e ele também aplica automaticamente o estilo de parágrafo. Só para demonstrar isso, se eu selecionar esse texto e alterar a fonte para algo parecido, depois de selecioná-lo, basta escolher o estilo sutil do objeto de sombra e dizer substituições claras Por que isso não está mudando? Defina como nenhum, e então isso? Hmm. Não sei por que não é aplicar estilo e claro ou tudo. Ainda não estou fazendo isso. Não sei por quê. Mas vou escolher os dois estilos salvos. Sim, eu estava estranho. Algo que eu esqueci de configurar provavelmente aqui. Mas, sim, tudo bem. Vamos colocar isso rapidamente aqui. Vou mover o texto para baixo, e então precisamos do nome para este. Então esse foi o terceiro. Eu o coloquei no lugar certo? O outro? Sim, essa é a crise do casar. Isso é bom. Kala E essa quarta foi a situação apimentada. Em uma situação apimentada, talvez possamos encaixá-la. Vamos ver se eu diminuo um pouco. Sim, acho que está tudo bem. E também já tem a sombra. Sem a sombra fica assim. Com a sombra fica assim. Sim, acho que está tudo bem. Parece bom. E então podemos ter o último. Agora, esse será um pouco complicado porque precisamos encaixar o texto na parte inferior do círculo Quero dizer, não é tão complicado. Você só precisa ser inteligente sobre como fazemos isso. Então, o que precisamos fazer aqui é que eu vou mostrar isso ao lado só para ter certeza de que é fácil ver o que estou fazendo. Então, o último nome da salada se chama Eu estou tentando ser salada saudável. Vou usar novamente o Chad GPT e depois dizer: quero apenas duas palavras para Esses ingredientes. White all bite, Power Leaf, Berry Boost, Zan Ball Eu gosto disso. Uma bola Vamos chamá-lo de Zan Ball. Ok. Então, o que eu queria mostrar, novamente, é muito estranho. Por que está tendo a sombra do ? Não estava refrescando a sombra imediatamente Então, o que eu queria mostrar aqui é que, obviamente, em vez de ter o texto de cabeça para baixo, teremos que escrever isso na outra orientação Então, o que você precisa fazer é encontrar essa coisinha minúscula, vou movê-la para a outra camada apenas para que você possa vê-la. Essa coisinha minúscula, que é o ponto central do texto, arraste-a para dentro. É assim que é simples. Você só precisa arrastar isso para dentro. Não é muito intuitivo, mas é isso que você precisa procurar. Mais uma vez, esse é o ponto de partida do seu texto aqui. Vou colocá-lo à esquerda, e esse é o ponto final do seu texto à direita Se eu tiver espaço suficiente para ver onde está aquela pequena forma, esse é o ponto central. É isso que você precisa arrastar para dentro. E depois de arrastá-lo para dentro do círculo, você poderá alinhar o ponto inicial e final Eu normalmente escolheria algo assim. Ponto inicial e ponto final. E, sim, eu não sei o que está acontecendo com a sombra. Eu só vou ligá-lo novamente. Mas o que você realmente precisa ter cuidado ao usar texto em um caminho definido na parte interna da forma é que ele pode parecer muito confuso porque todos os caracteres são arrastados muito próximos uns dos outros Então, o rastreamento fica confuso. Há duas soluções rápidas para isso. Use a tecla de opção Alter e pressione a seta para a direita algumas vezes. E então você também pode entrar e conectar as coisas manualmente um pouco mais Mas o que eu gosto de fazer também é usar a opção ou Alt Shift (seta para baixo), que é a mudança da linha de base, e mover o texto para fora do círculo E dessa forma, você pode até mesmo redefinir o rastreamento. Então, se eu entrar no rastreamento, posso simplesmente configurá-lo como zero, e podemos realmente reduzir o rastreamento alterando a opção de seta para a esquerda, algo assim. Você vê que imediatamente parece melhor. Eu só vou aumentar o espaço entre as palavras. E personalize um pouco mais esses personagens. Nós renovamos a sombra, e agora podemos voltar para o texto, quero dizer, para a imagem, e vamos encontrar um bom lugar para ela. Em algum lugar assim, parece muito bom para mim. Então, vamos salvar o trabalho que fizemos até agora. Vamos continuar, mas na verdade, temos mais um nome que esquecemos de adicionar O clássico superdotado. Bem, novamente, isso é um bocado Então, terei que pedir ao Chat GPT que reduza isso para nós e faça uma versão em duas palavras Uma nova correção é muito boa. Chill crunch, petisco clássico. Comida clássica, eu também gosto. Folha fácil ainda melhor. Eles são todos muito bons. Folha fácil que eu gosto. Então, vamos fazer isso. Então, vamos copiar este. Vamos girá-lo e depois folhear. Coisas boas. Alinhe-o um pouco mais, mantenha-o na margem, com boa aparência Agradável. Agora, a propósito, para tudo isso, eu uso o mesmo estilo de parágrafo, o que facilitará a atualização. Então, se eu quiser voltar e mudar a fonte, por exemplo, para Hevits, outra fonte que eu uso com frequência, você verá o quão rápido podemos atualizar tudo E nesse caso, se acharmos que é muito grande, também podemos atualizar o tamanho, essa é a beleza dos estilos de parágrafo, ver com que rapidez eu poderia atualizar tudo e se dermos uma olhada nisso antes e depois. Então esse foi o antes e esse é o depois. Acho que essa fonte é definitivamente mais legível. Então, quando comparado a este, este é mais legível, especialmente neste formato Então, eu poderia realmente continuar usando este. Mas o outro tem um pouco mais de personalidade. Então, quero dizer, nesses casos, outra coisa que eu costumo fazer em design é criar um estilo de parágrafo de variação. Portanto, é apenas uma maneira rápida de alternar para frente e para trás. Se eu for salvar esse, na verdade, vamos voltar para aquele. Então eu dupliquei esse estilo. E eu chamo de V dois, ou eu posso, vamos chamá-lo de V dois. E então eu volto e mudo para Chapéus. E eu acredito que foi quanto custou? Provavelmente 28 pontos. Então, se eu tiver todo o nome do prato selecionado, agora posso alternar rapidamente entre os dois. O único problema aqui é, obviamente, porque usamos a mudança de linha de base diferente em um deles. Isso vai ficar confuso. Então, eu não vou fazer isso. Isso só complica um pouco as coisas. Caso não o tivéssemos configurado dessa forma, seria fácil alternar entre si. Mas eu vou usar o segundo por enquanto, então ele testa e reduz o tamanho até lá. E vamos ver se cabe em todos os lugares. Talvez esse precise descer um pouco. Não é o ângulo ideal para ser vermelho, mas sim, por enquanto, deve estar tudo bem. E depois é só atualizar as sombras em todas elas. Ok, agora, antes que eu esqueça, eu também vou mudar essa forma aqui para a mesma cor daquela. O que eu quero fazer é salvar isso como uma amostra, vamos fazer isso salvando em duas amostras e, em seguida, podemos selecioná-la facilmente a partir das amostras Foi esse. E então o texto foi definido como branco por enquanto. Agora, seria importante escolher a fonte que queremos usar para o texto, o corpo da cópia. 11. Precificação de texto: E não vamos esquecer o preço. Então, isso também é algo muito importante para o qual temos que abrir espaço. Portanto, o preço é apenas um desses. Vamos fazer isso primeiro em 1999. OK. Então, por enquanto, vou fazer apenas um preço em uma caixa. Acho que provavelmente faria sentido tê-lo na parte inferior ou superior. Por enquanto, vou colocá-lo aqui na parte inferior. E para este, acho que faria sentido usar a mesma fonte apenas em verde ou preto. Por enquanto, vou mantê-lo preto. E eu ainda não estou definido nessa fonte, a propósito. Só estou pensando em voz alta no momento. Então isso pode ser um preço. Novamente, se eu mudar para a outra fonte Fat Frank, vamos ver como os números ficam nessa. Isso definitivamente fica melhor nos números. Eu gosto mais dos números deste. Então, por enquanto, vou mantê-lo assim, e então vamos fazer uma versão branca também, só para que possamos ver essa couve era qual era o preço Couve 1099. Mamãe, hmm. Ok, eu já posso ver um problema seria que, se mantivermos o texto centralizado, isso deixará uma grande lacuna aqui na parte superior Mas o que sempre podemos fazer é colocar talvez nível de tempero na parte superior, com ícones parecidos com especiarias ou pimentões Acho que seria muito bom porque, como este quarto, é definitivamente muito picante. Pode ser útil indicar esses pratos. Então, todos esses ícones nutricionais incluem nozes, e acho que isso é muito importante. Portanto, seria útil para esse espaço. Mas até agora, está dando certo. Os decimos poderiam ser aumentados no preço. Podemos configurá-los para, tipo, sobrescritos como esses, e também podemos aproximá-los um pouco mais com rastreamento ou cura desse e também podemos aproximá-los um pouco mais com rastreamento ou cura Por enquanto, vou continuar assim porque, quero dizer, também pode ser subscrito Por padrão, é um pouco profundo demais, mas obviamente pode aumentar ainda mais. É claro que também podemos torná-lo menor simplesmente assim. Reduzir o tamanho pode ser suficiente. Na verdade, essa é provavelmente a melhor maneira de fazer isso. Acho que fiz duas etapas para descer e provavelmente aumentaria um pouco o rastreamento, algo assim. Acho que parece melhor. Há muitas opções estilísticas que podemos fazer lá, e eu concordo que vale a pena explorar, mas vou continuar assim por enquanto 12. Seleção de fontes: E vou continuar escolhendo uma fonte para isso. Então, uma fonte que comecei a usar recentemente com bastante frequência é, deixe-me ver se ela está salva aqui. Sim, é o mascalero. É uma fonte muito boa. É uma fonte em série. Pode ser um pouco complicado ler nesse formato normal Mas se escolhermos ousado, acho que parece muito bom. Funciona muito bem com esse texto. Mas vamos ver que talvez demi bold seja suficiente. Nada mal. Nada mal. Vou me aproximar mais para que todos possam ver melhor. Vou substituir isso pelo ponto e vírgula. Acho que fica melhor assim. Acho que essa fonte provavelmente pode diminuir para 6,5 porque é uma fonte grande e ousada Sim, acho que parece muito bom. Um pouco demais de contraste entre as serifas e, tipo, as partes mais grossas do texto Essa é minha única preocupação com textos pequenos. Esse é o único problema que poderíamos ter aqui. De qualquer forma, vou ver se esse é um estilo de parágrafo e vou chamá-lo, vamos chamá-lo de descrição. Descrição exclusiva do prato. Sim. Então essa é uma opção. Vamos fazer uma duplicata disso, duplicar esse estilo e chamá-lo de V dois Vamos ver outra variante disso. Então, mantendo-o aberto assim, podemos procurar outra fonte. Acho que outra fonte que eu poderia imaginar do alto da minha cabeça seria din. E vamos ver com duvida que é um SunseFont muito bom e fácil de ler Provavelmente poderíamos usar a versão normal Talvez em itálico. Agora, o itálico é difícil de ler Demi também pode ser boa. Sim, Demi ainda está bem. Então, vamos clicar nisso. Vamos clicar em OK. E agora você pode ver o que eu quis dizer quando crio dois estilos de parágrafo separados, como é fácil alternar entre os dois. E poderíamos realmente testar isso em todo esse texto. Então, se eu selecionar todos os círculos, na verdade, teremos que ter um estilo diferente para o verde porque ele terá que ser definido em branco. Mas pelo menos para esses três, acho que selecionei a coisa errada. Portanto, os nomes dos pratos são registrados. Este texto está selecionado, aquele, este e este. Então, todos eles estão usando isso ou aquilo. Então, à distância, essas são as duas opções. Então essa é uma delas. Eu odeio o fato de não podermos desfazer no modo de visualização em tela cheia Eu só tenho que alternar para frente e para trás. Sinto que vou usar o DN. Na verdade, eu provavelmente prefiro mais isso. Embora seja bom ter um bom contraste entre a fonte sensorial no nome do prato e a fonte serifada na descrição Mas acho que é mais legível ter a versão din Vou continuar com o barulho, mas vou criar outra duplicata no estilo de parágrafo, e isso deve ser baseado na versão dois, e vou chamá-la de branca E vou mudar a cor do texto para branco e depois atualizar o estilo. Não está me deixando redefinir o estilo, mas por quê. Ok. Vou entrar manualmente e depois colorir o personagem branco. Ok. É isso mesmo. E então, para este, também, Opa. Essa é a errada. Só tenho que arrumar minhas camadas um pouco lá. Ok. Mas agora, vamos pensar em escolher a fonte para o táxi do menu do bar de saladas na parte superior. Obviamente, faria sentido usar um desses fundos com os quais já estamos trabalhando. Atualmente, estamos usando três fontes diferentes, embora a fat frank e a heavy test pareçam muito semelhantes. Portanto, podemos usar um diferente se preferirmos os números em um deles. Idealmente, você gostaria usar uma única fonte para isso, mas ainda poderíamos introduzir uma fonte diferente para os detalhes mais estilísticos, como o texto principal E eu não consigo me lembrar. Acho que se chamava Phoenix, aquela fonte que já vimos antes, que pode não estar disponível aqui porque a instalamos design do violino já estava aberto, que também é irritante, às vezes não atualiza Na verdade, talvez eu tenha que analisar lá. Provavelmente não vai funcionar, mas, por enquanto, vamos explorar. Se eu fosse usar isso, provavelmente o colocaria em dois quadros separados, para que eu pudesse experimentar um pouco mais. Menu do bar de saladas. Esse R é muito difícil de ler, o R minúsculo, então eu provavelmente substituo por ApitR. Vamos ver. O N também é muito difícil de ler. O U é muito difícil tanto em maiúsculas quanto em letras baixas, pois parece um N, o que eu não gosto. Então, talvez assim, seja melhor. Sim, tudo bem. Vamos dar uma olhada no S, em minúsculas. Isso é bom. CSS superior e B. Sim, tudo bem. Ok, então não é ruim , mas não é a melhor fonte. Não estou 100% satisfeito com essa fonte, mas, por enquanto, podemos apenas explorar se fôssemos usar algo assim, obviamente poderíamos usar a cor que já escolhemos ou pelo menos começamos a usar para os cenários Ou o menu pode ser isso ou o bar de saladas, provavelmente faz mais sentido usar essa cor no menu do bar de saladas. E poderíamos ter um pequeno ângulo talvez no menu, como este, alinhá-lo e, em seguida, alinhá-lo aproximadamente à nossa margem Ou podemos arrastá-lo mais aqui para preencher esse espaço um pouco melhor. Eu veria isso em tamanho grande. Sim. Nada mal. Nada mal. Eu não sou um grande fã do N e do U. Essa é a minha principal preocupação com essa fonte Então, vamos explorar uma opção adicional. Vou simplesmente duplicar esses dois. Vou agrupá-los, duplicar, copiar e colar e fechar o original ou ocultar, desculpe, não fechar Vamos movê-lo para cá. Ok. Então, é claro, poderíamos usar Havits que já estabelecemos no texto, no título Ou talvez o que pudéssemos fazer. Como eu gosto do bar de saladas, talvez apenas o cardápio precise estar em hábitos Dessa forma, é uma boa combinação desses dois. Vamos ver. Só preciso revelar um pouco mais disso. Mas, nesse caso, eu provavelmente gostaria de manter as coisas corretas. E talvez este possa estar um pouco inclinado. Mamãe. Sim, talvez algo parecido. Não tenho certeza sobre o ângulo. Talvez a coisa toda possa estar em um ângulo, porque, caso contrário, há apenas aquele espaço negativo desconfortável entre os dois. Acho que os dois precisam estar em um ângulo se eu quiser escolher essa opção de ângulo, variação ligeiramente diagonal, ou podemos fazer com que ela funcione um pouco para a direita. Este Mmm parece um pouco melhor. Parece um pouco melhor no espaço e, potencialmente, isso também pode ser movido um pouco para a direita, algo assim. Sim, então essa é a opção um ou a opção dois. Sim, você pode até mesmo sobrepor os dois em cima do outro. Também poderia funcionar. O bufê de saladas pode se sobrepor, como se estivesse colocado em cima, isso é muito bom Mas, por enquanto, apenas para fins de design funcional e legibilidade, vou mantê-los separados Vou renomear o se isso permitir. O design não é, é. Título um, Título dois, só para que eu possa facilmente voltar a ele e renomeá-lo Quero dizer, encontre-o. Tudo bem. E então não vamos esquecer de mudar isso também para Din aqui no meio. Eu não acho que a Fênix funcionaria neste. Vou apenas tentar, mas tenho a sensação de que será muito difícil de ler, embora tenha mais personalidade. Não tem linhas de traço. Então, vou usar um ponto final e torná-lo maior. Vamos ver. Basta estilizá-lo rapidamente para que possamos ter uma ideia melhor de como ficaria e talvez ter um ângulo Seria bom ter um ângulo diferente do título. Mas, para isso, eu teria que mexer um pouco os pratos. Agora, vou fazer isso um pouco menor e ver se consigo encaixá-lo aqui, na verdade, mantenha-o no mesmo ângulo por enquanto pelo menos apenas um ângulo sutil como esse. Então, a questão principal é: isso é legível o suficiente Bem-vindo ao lado selvagem das saladas, frescas e totalmente deliciosas Acho que é legível o suficiente, mas não gosto da maneira como está centralizado ali no Acho que o que precisamos fazer é separar isso em dois quadros de texto. E então tenha um ângulo ligeiramente diferente como esse. Acho que isso já está um pouco melhor. E talvez o que pudéssemos fazer é que o totalmente delicioso pudesse ser ainda mais enfatizado Tão ousado, fresco, e depois coma uma comida totalmente deliciosa. Poderíamos testar isso em todas as capitais. Vamos ver em todas as capitais. Eu acho que parece muito bom. E isso pode ser, novamente, preto, para ter essa variação, ou talvez essa palavra possa ser verde novamente. E então uma maiúscula, quero dizer, uma marca de exumação. Sim. Eu acho isso muito bom e podemos simplesmente mudar as coisas um pouco. Sim. Não é perfeito, mas também não é ruim. Sim, então tem um ritmo, preto, verde, preto, verde, a mesma fonte que usamos e introduzimos no título. Portanto, há unidade, um bom contraste com o layout geral mais estruturado dos círculos. Eu não forçaria ter um círculo novamente aqui. No entanto, para o Vamos comer, acho que poderíamos usar o círculo. Então, talvez usando a mesma fonte que já estabelecemos aqui. Eu só vou fazer o Let us eat, provavelmente eat in black. E alface em verde. E então isso poderia ser colocado em um círculo. Vou fazer um círculo rápido aqui, uma moldura circular vazia como essa, e depois copiar esse texto e colocá-lo na coisa com a ferramenta de texto em um caminho. Adoro como o design sempre desloca o texto para a esquerda da linha Vou manter este também na cartolina para o caso de eu mudar E estou consciente do fato de que esse texto está muito próximo do limite. Então, talvez o que possamos fazer em vez de colocá-lo em um único caminho seja copiar esse texto, retirá-lo, duplicar esse círculo e ocultar o outro por enquanto Coloque o texto, coloque esse texto lá, hein? Coloque esse texto lá. É isso mesmo. E então use o deslocamento da linha Algo parecido. Não é perfeito, mas, por enquanto, acho que vai funcionar, e a coisa toda também pode ser um pouco inclinada, e talvez possamos torná-la um pouco maior. Não sei por que o tamanho do texto não está sendo redimensionado quando eu faço isso, e agora está sendo redimensionado Isso é. Provavelmente não precisa ser muito grande, algo assim. Ok, vamos dar uma olhada em tudo juntos. Novamente, eu não gosto do U na carta. Essa parte eu não gosto, mas não é tão ruim. Esta parte é um pouco difícil de ler F e R. Em alguns casos, eu desenharia manualmente esses detalhes e os refinaria em um design final se estivesse usando um texto manuscrito como este Obviamente, você sempre pode personalizar o design, mas acho que está tudo bem. 13. Elementos decorativos: Eu passaria para a próxima página e tentaria fazer o máximo que pudesse lá. Obviamente, estou ciente do fato de que não coloquei todos os preços, mas, como eu disse, esses são mais pequenos detalhes. E, a propósito, uma coisa adicional que poderia ficar bonita aqui são apenas alguns rabiscos e alguns pequenos detalhes que desenhamos Agora, desenhar dentro do design não é algo que eu recomendo fazer. Então, se você acabar fazendo algo assim, eu recomendo fazer isso no Photoshop. Então, uma coisa rápida que vou mostrar aqui é que, se eu exportar isso para o Photoshop, ou mesmo para o Procreate , na verdade, eu faria Vou exportar isso para o meu desktop, menu do bar de saladas, sim, exportar. E então eu vou adicionar o Drop it no meu iPad. Então, vamos colocar isso aí rapidamente. Menu do bar de saladas. Sim. Em seguida, adicione drop ao iPad. E então eu também vou voltar rapidamente para o meu iPad na tela. Vou colocar isso no Procreate para que todos possamos ver Então, mm mm mm vou abrir meu iPad. Procrie E aí está. Então, o que eu faria em uma camada separada, eu bloquearia essa. E em uma camada separada, eu me certifico de usar o mesmo verde e vou usar o mesmo pincel que usei antes, acho que funcionaria muito bem Então, para adicionar um pouco mais de personalidade, eu começaria a fazer coisas como pequenas folhas como essa, que parecem ser folhas, podem ser outra coisa. Apenas adiciona um pouco mais de personalidade ao design. E então também podemos fazer algumas que eu não sei, talvez linhas em ziguezague Sim, acho que linhas em ziguezague serão boas. Seguindo a forma desses pratos. E eu estou intencionalmente fazendo isso um pouco instável porque quero obter aquele efeito de rabiscos de rabiscos um pouco infantil que vimos em alguns dos Também podemos fazer isso. Vou fazer algumas linhas adicionais aqui, assim. Isso é muito bom. E depois o que mais? Talvez possamos fazer preto também, alguns detalhes em preto. Poderíamos usar algumas falas engraçadas. Acho que é isso que eu já estou fazendo aqui. Talvez eu esteja pensando em algo que seria fácil de representar, mas não muito complexo nem muito específico. Quero dizer, se fizermos pequenos círculos, pode funcionar porque temos muitos elementos circulares. Se eu fizer pequenos círculos, e se tivermos o suficiente deles, isso pode funcionar muito bem Quase como se pequenos ingredientes estivessem espalhados pelo design. Estou variando um pouco as formas e os tamanhos. Vamos fazer um pouco mais dessa cor. Mais algumas folhas aqui e ali. Isso será muito rudimentar, mas você pode imaginá-lo sendo desenvolvido com um pouco mais de Não posso esperar que tenham uma aparência incrível. Mas só por um senso de estilo, novamente, o grande círculo, eu não acho que seja necessário. Provavelmente é isso por enquanto, eu não iria mais longe. Sempre poderíamos adicionar mais detalhes, mas acho que, novamente, se olharmos para isso sem e com os detalhes, acho que isso adiciona uma camada de interesse e vivacidade ao design E o que podemos fazer é exportar isso sem nada. Então, com transparência a partir daqui. Então, vamos compartilhar e há um PNG. E então eu vou colocá-lo no meu computador, e então ele deve funcionar. Mas vou colocar isso no desktop, nos arquivos do workshop do bar de saladas, e depois renomeá-lo, rabiscar e colocá-lo na pasta Links, depois colocá-lo no design e colocá-lo em design e colocá-lo em Acho que, para isso, a camada de fundo será perfeita. Então, vamos tentar colocá-lo dessa forma. Aí está. Bom. Sim, estamos com boa aparência. Vamos dar uma olhada no plano de fundo. E vamos fazer uma pré-visualização em tela cheia. Ok. Então essa é a frente do layout. Agora, mais uma vez, pequenos detalhes, como ícones nutricionais ou ícones nível de tempero, podem ser adicionados aqui para adicionar mais detalhes Pode ser que a legenda possa ser adicionada no topo do significado desses ícones, o que tornaria tudo um pouco mais profissional. Poderíamos ter algumas informações adicionais nesses espaços vazios. 14. Design de layout de trás: Como trabalhei no outro esboço, vou abordá-lo rapidamente novamente, tínhamos nosso outro esboço Basta trazê-lo de volta para o meu iPad e depois mostrá-lo para todos. Então, se você se lembra, tínhamos isso como o layout traseiro desta versão. Vou me concentrar apenas na segunda página de conexão para isso. Então, aqui eu vou trabalhar primeiro em segundo plano e vou estabelecer os cenários Então, primeiro de tudo, vou usar uma forma circular e diminuir um pouco o zoom. E eu quero criar um grande círculo, que vai ser preenchido com uma cor por enquanto. Vamos usar esse verde que criamos antes. Você pode colocar isso lá embaixo. Essa é uma forma. Teríamos outra forma aqui, e então teríamos uma forma ainda maior na parte superior. Mas vou me certificar de que seja um círculo perfeito. Algo parecido. E nem me incomodo se não estiver perfeitamente alinhado no centro Na verdade, eu deixaria claro que nem mesmo está alinhado, e eles também não são perfeitamente simétricos porque não tínhamos Então, temos uma assimetria, e eu quero ter essa unidade entre a frente e a parte de trás do design Então, sim, eu quero manter essa assimetria aqui na segunda página também E, por enquanto, eu mantenho essas formas da mesma cor, mas obviamente gostaríamos que elas parecessem diferentes. Então, essa parte superior seria a parte da salada preparada. E para isso, vou trazer as imagens agora. Então, vamos trazer essas imagens do Manate. Passamos para aqueles que eu já criei. Então, eu quero preparar sua salada, e definitivamente eu quero usá-las. Provavelmente vou usar este para as coberturas, vou com vamos com este, e para a proteína, vou com aquele Vou baixar esses três e colocá-los na minha outra pasta novamente, workshop de saladas, arquivos, links. Na verdade, vou colocar isso aqui apenas para poder acessá-lo mais rapidamente e, em seguida, vamos renomeá-lo Renomeie, essas são as coberturas. E vamos trazê-los rapidamente para o design. E, na verdade, antes mesmo de fazermos isso, vou abri-las primeiro no Photoshop Vamos ver se remover o fundo funciona aqui. Ainda não funciona bem. Então, vou ver se consigo usar a faixa de cores selecionada. Veja se consigo isolá-lo. Na verdade, não. Vamos experimentar a ferramenta Seleção rápida. Na verdade, podemos começar selecionando o assunto e depois usar a ferramenta Seleção rápida para refinar um pouco a seleção e adicionar os detalhes que faltam E essa aqui também, novamente, não estou muito preocupada fazer isso profissionalmente Tudo bem por enquanto. Como a máscara que temos, talvez apenas pinte essas peças rapidamente. Estou pressionando nossa tecla de opção na máscara. Para acessar a máscara em si. Então, quando terminar, vamos fazer isso. Remova o fundo. Ok, tudo bem. Vamos salvar isso, remover o fundo. Ok, a única parte aqui, eu estou usando meu pincel, pinte o queijo, guarde isso. E então temos as três imagens. Então, solte os arquivos PSD no indesign na camada de imagens. Uh, no design. Um, dois, três. Ou, se voltarmos, podemos usar o recurso de ficção gananciosa novamente, basta dividi-lo em três Eu uso as setas no meu teclado. Dessa forma, pelo menos eles são do mesmo tamanho. OK. Sim, isso parece bom. Bom. E então podemos, essa é a primeira coisa que as pessoas precisam escolher. Essa é a segunda coisa que as pessoas precisam escolher. E então a última coisa que eles terão que escolher é o molho. Então, para a forma por trás, acho que poderíamos usar apenas um preto, mas com um valor de tonalidade muito baixo Então, como uma forma cinza sutil porque essas imagens são muito bonitas, elas se destacam o suficiente, só que também as tornam um pouco maiores. E eu intencionalmente me sobreponho e saio da moldura desse jeito E então vou começar a pegar coisas emprestadas da primeira página, como o texto Então eu vou fazer essa cópia que vou usar para as seções. Então esta cópia, que tínhamos aqui, era para fazer sua própria salada. Acho que não devemos dizer bar, sua própria salada. Novamente, eu provavelmente preferiria variar não ter certeza se você precisa desses pratos Faça sua própria salada. Então vá em frente, Mm hmm. Mais liderança, precisamos de espaço lá. E então eu provavelmente, novamente, combinaria os dois estilos de texto, exatamente como na frente. Então, eu usaria esse texto de Phoenix nesta parte. Existe Phoenix. Vou apenas visitar os favoritos do mercado para que eu possa achar mais fácil. Sim, quero dizer, na primeira página, sim, eu acho que isso é bom. Crie sua própria salada, pode tornar esse texto maior. E, novamente, nesse caso, isso será verde. E já é hora de eu deletar todas as cores desnecessárias. Eu realmente me incomoda quando temos no painel do Swatch s cores que nem estamos usando Assim, você pode entrar no menu suspenso e selecionar todos os não utilizados e depois descartá-los. Isso vem planejando fazer isso há muito tempo. E então vamos fazer isso. OK. Sim, algo parecido. Eu acho que isso parece muito bom. Talvez este possa ir um pouco mais alto. Eu gosto muito disso. Podemos até mesmo curvar um pouco aqui, separando-os. Este pode vir um pouco mais longe, então não se sobrepõe Você sabe, agora você usaria o R maiúsculo como antes, esse R minúsculo não parece bom E podemos potencialmente ter um pouco de ângulo aqui também com sua própria salada. Não tenho certeza. Parece muito desequilibrado no momento. Talvez se isso continuar na mesma linha e torná-lo menor, vamos ver se está em minúsculas. Sim. Não vou me preocupar muito com isso agora, mas sim, isso exigiria um pouco mais de refinamento Por enquanto, vou manter as coisas assim. E podemos adicionar rapidamente as palavras-chave dentro desses círculos. Então, a primeira seria a verdura, acho que se chamava, ou proteína de cobertura básica. E para isso, vou usar a mesma fonte, essa fonte heavitas Então, vamos adicionar coberturas básicas. Palavra mais longa, ela também não se encaixa, mas talvez possamos dividi-la em duas linhas. Mamãe. Eu não vou ficar muito bem. Tem que ser menor assim. E depois proteína. Acho que também precisamos usar o mesmo tamanho na primeira palavra. Então, vamos copiar isso aqui. Base. Vou chamá-lo apenas de verdes. Dessa forma, é um pouco melhor. OK. Obviamente, teríamos mais cópias aqui, então teríamos essa cópia com a sensação criativa, que poderíamos adicionar com a outra fonte, essa que estamos usando. Eu só vou deixá-lo aqui. E vamos ver como fica. Uh, se sentindo criativo, personalize sua bola perfeita de folhas. Então, isso provavelmente pode ser sensação criativa, pode ser a cor que estamos usando. E então todo esse texto pode estar aqui no topo, e provavelmente pode ser uma única linha. Assim. Essa é apenas a instrução. E então poderia haver mais explicações de como isso funciona. E, claro, sim, como aqui , poderia realmente explicar tudo isso com o texto. Vou apenas copiar isso e, antes que eu esqueça, vamos usar isso. Na verdade, posso simplesmente usar um quadro de texto e depois usar a descrição, versão dois, aumento de tamanho alinhado à esquerda, e então vou fazer por enquanto Vou fazer uma lista e etapas como essa e uma formatação rápida aqui Eu vou ter entre os parágrafos, algum espaço. Então, há essa opção entre parágrafos, talvez 4 milímetros, e podemos adicionar um destaque às instruções: escolha sua base, escolha quatro Eles podem estar usando um estilo de caractere simples. Vou apenas criar um estilo de personagem , chame-o de verde. Use a cor verde do personagem. OK. Volte aqui, crie um novo estilo para isso, chame-o de criar texto de salada. E então, dentro disso, vou entrar em estilos aninhados e adicionar o novo estilo aninhado verde E vou dizer até e não uma palavra, mas um personagem. E esse é o ponto e vírgula. E veja, já está funcionando. Clique em OK. Feito. Talvez apenas no estilo do caractere, eu volte e atualize a família de fontes para negrito. Vamos ver qual é a versão mais grossa do din? É extremamente ousado. Ok, então vamos entrar aqui, formatação básica. Na verdade, é mais fácil escolher din e depois escolher Extra bold. Feito. OK. Então, vamos voltar e ver isso em tela cheia. E, o mais importante, quando você está usando um estilo de parágrafo, nesse caso, vamos entrar em marcadores e numeração Queremos ter uma nova lista, Lista um, e depois queremos continuar a partir do número anterior que precisa ser configurado. Dessa forma, temos os números reais escritos lá. Provavelmente vou tornar esse sentimento criativo maior. E basta colocar o texto de volta aqui, personalizar. Sentir-se criativo provavelmente pode ser um hábito apenas ter dois textos diferentes Quero dizer, as fontes lá podem parecer um pouco fortes demais, muito poderosas. Sim, na verdade, eu prefiro no formato original. Vou torná-lo um pouco maior, me sentindo criativo, e então o texto pode vir aqui. Talvez esse texto possa ser um pouco menor ou talvez possamos torná-lo um pouco mais amplo dessa forma. E então eu vou girar isso um pouco. OK. E então, construir sua própria salada pode ser muito maior. OK. Então, mais uma vez , está se unindo. Podemos ver como as coisas estão se encaixando. nosso layout frontal, a frente do layout, Acho que nosso layout frontal, a frente do layout, está funcionando muito bem Como mencionei, alguns pequenos ingredientes detalhados. Quero dizer, como se a lenda pudesse ajudar. Mas, no geral, acho que temos o estilo muito bem definido aqui E então já podemos ver como isso poderia continuar na segunda página. Comíamos a sopa e os acompanhamentos, acordo com meu desenho no canto inferior esquerdo e as bebidas no lado direito Poderíamos inserir rapidamente algumas dessas imagens lá. Vamos ver se consigo encontrá-los. Então, talvez tenhamos esses bytes de torrada de abacate. É uma imagem muito bonita. Vamos colocar isso aí rapidamente para termos uma ideia de como seria. Vou, vamos ver, remover o fundo. Como está funcionando? Nada mal. Sim, eu posso viver com isso. Vamos salvar isso e depois colocá-lo nos links. Isso são lados. E então só temos que incluí-lo no design. E mais uma vez, a forma por trás dela ficaria na camada de imagens, mas a forma por trás dela poderia ter uma cor diferente. Não precisa ser tão verde ou talvez o mesmo verde, mas com um valor de tonalidade menor como esse 15. Sopa e acompanhamentos: Então, para seguir em frente, vamos usar a mesma cópia que temos aqui. Vou apenas duplicar isso e vamos colocá-lo aqui na lateral por enquanto, para que possamos ver melhor E vou usar a cópia que gerei no Chet GPT para esta seção Então, essas são as sopas e os acompanhamentos. Vou selecionar isso e depois soltá-lo aqui. Ele deve lembrar as configurações que usamos, mas vou adaptá-las um pouco. Então, primeiro de tudo, vou mudar para marcadores em vez de lista de números Isso é algo que podemos encontrar aqui no design. Em seguida, vou usar a alternância entre o estilo do caractere e o resto do parágrafo usando a separação por ponto e vírgula E acho que fará sentido pressionar Shift Enter apenas para criar um retorno suave. Porque se eu pressionar Enter, obviamente, isso criará um novo marcador Eu quero evitar isso. Então, isso parece bom. Então vamos fazer a mesma coisa aqui também e colocar o ponto e vírgula assim Deslocamento de ponto e vírgula na. E isso já parece muito bom. OK. Então, agora podemos trazer isso aqui. E, claro, você pode salvar uma versão disso como um estilo de parágrafo. Então era o texto Build salad. Eu poderia criar um novo estilo com base nessa opção Alterar, clicar no novo ícone e, em seguida, com base no texto Criar salada, mas essas serão as outras opções. Sim. Em seguida, clique em OK. E eu vou pressionar W só para ver como isso fica. Eu sinto que em algum lugar lá , poderia funcionar muito bem. Mas quando vejo minhas margens, quero realmente manter minhas margens e observar como vou manter minhas balas fora da área da margem Mas provavelmente isso pode vir um pouco mais abaixo, algo assim, só porque estou ciente do fato de que precisaremos do nome ou do título da seção ou do subpad E podemos mover isso para cá, talvez apenas invertê-lo um pouco, só para termos mais espaço. Sim, isso parece bom. Eu não queria sobrepor esses elementos, essas duas imagens Agora, eu não quero que coisas como as três peças sejam separadas. E para isso, existe uma técnica muito simples. Basta entrar no painel de estilos de caracteres, criar um novo estilo sem que nada esteja selecionado. E então eu vou chamar isso de “sem pausa”. Não precisa ser baseado em nada. E nos formatos básicos de caracteres, você só quer ativar sem interrupção. Depois de clicar em OK, agora podemos selecionar o que não queremos que seja separado. E neste caso, essas três peças e o preço, não queremos nos separar, então vou dizer que não há como parar. A mesma coisa aqui, não vou interromper essa forma que sempre permanece unida, não importa o que eu faça. Então, é claro, se houver espaço, ele pode subir uma linha, como você pode ver. Mas, imediatamente, assim que não houver largura suficiente, ele a separará e a moverá para baixo. Agora, uma coisa que notei aqui é que, por algum motivo, não temos espaço suficiente entre esses elementos aqui ou esses parágrafos Deveria haver 4 milímetros lá, mas vou adicionar isso rapidamente individualmente Então, vou aumentar isso para quatro. E vamos verificar novamente nossa margem. Sim. Então, provavelmente queremos arrastar isso um pouco mais para a direita. Na verdade, não temos muito espaço aqui. Então, talvez precisemos arrastar isso para cima. Não quero ultrapassar mais do que duas linhas a margem original. Mas sim, isso parece muito bom. Agora, como temos essa imagem aqui, que tem oito fatias ou pedaços dessas torradas ou torradas, vou mudar isso na cópia Em vez de quatro, vou digitar oito. E então vamos duplicar esse texto aqui. Eu vou derrubá-lo. E o título aqui é sopas e acompanhamentos. Então, provavelmente podemos usar o mesmo formato, certo, sopas e não há nenhuma bandeira nessa fonte, infelizmente Então, ou eu tenho que escrever assim. Ou podemos usar essa outra fonte, que deve ter uma insígnia. Sim. Então, sopas e acompanhamentos. Eu acho que isso é um pouco melhor assim. Agora vou fazer isso um pouco menor, algo assim, e talvez empurrá-lo um pouco para esse lado. Agora, vamos ver se eu altero esse P total, talvez O maiúsculo, U maiúsculo, Sim, isso ainda é algo que não me deixa feliz. Mas isso provavelmente é um pouco melhor, e talvez possamos ter um pouco mais de espaçamento entre os dois Quero dizer, você pode sobrepor esses dois se quiser, mas vou mantê-los separados assim e vou dar uma rotação um pouco diferente Não é necessária muita rotação, algo assim. Só um pouco sutil. Ângulo como esse. E, novamente, estou tentando ficar perto da minha margem ou, pelo menos, utilizá-la. Então, vou usar a porcentagem para estar lá, e então o S pode sair da margem. Talvez isso possa subir um pouco assim. Uma coisa aqui que eu gostaria de evitar é criar uma tangente Então, por exemplo, esse P, alinhado perfeitamente ao círculo no fundo, não seria bom ou seria como o S, coisas assim que eu quero evitar Estou sempre me certificando de que tenho uma sobreposição confiante entre os elementos, pois essa parece boa Então, vamos voltar um pouco. Talvez possa ir um pouco mais para baixo, tipo. 16. Bebidas: Agora, como já temos isso aqui, vou movê-lo aqui à direita. E desse lado, simplesmente vai dizer bebidas. Então, para isso, usaremos apenas primeira fonte e digitaremos bebidas, e D provavelmente funcionará bem. Mas podemos verificar se queremos usar R. Sim, acho que é um pouco mais legível. Então, vamos fazer isso. Vou movê-lo para cá, e podemos ajustar a cor porque está um pouco denso no momento. Vou mudar isso em breve, mas primeiro também podemos trazer esse texto aqui e depois vamos colocar a cópia lá. Podemos ter três opções? Vamos simplesmente inseri-lo e, em seguida, selecioná-lo em segundo plano e reduzir o valor da tonalidade nele Algo parecido. Portanto, ainda está mais escuro do que o da esquerda, mas não tão escuro quanto era antes E então vamos fazer o mesmo tratamento novamente aqui. Então eu coloco o ponto e vírgula, shift return, e depois coloco o ponto e vírgula lá, shift E então eu sinto que está parecendo bom. Agora, é claro, também poderíamos tornar essas balas mais interessantes Assim, poderíamos criar marcadores exclusivos, marcadores ilustrativos, se quiséssemos Mas vou manter as coisas mais simples nesse caso, e vou configurá-lo assim por enquanto. Acho que se movermos o texto aqui à esquerda e colocarmos a bebida à direita e depois colocarmos o texto aqui, talvez funcione melhor. Mas saberemos melhor quando trouxermos a imagem que eu estava jogando para usar aqui. Eu já fiz uma versão em massa dessa limonada. E só para combinar com o tema de ver tudo de cima e essa forma circular, acho que isso vai funcionar muito bem Provavelmente podemos tornar isso maior. Vou usar o comando ou a tecla Shift de arrasto. E não precisamos ver todos os elementos para que isso funcione. Também quero preencher essa lacuna à direita e, em seguida, vamos mover o texto, inverter isso um pouco ver o que funciona melhor aqui. Talvez o limão possa estar no fundo. Sim, isso parece muito bom. OK. Bem, também diminuiu um pouco. Eu preferiria que a bebida ultrapassasse um pouco esse limite, mas dessa forma, talvez precisemos transformá-la um pouco Mãe, hmm. Isso não é ruim. Agora só precisamos inserir a cópia. Sim, isso é bom. E a palavra bebidas pode ter um pouco mais de espaço assim. E então, potencialmente, eles também podem aumentar um pouco. Então, se eu mover este aqui, os verdes, vamos abrir um pouco mais de espaço lá embaixo. Acho que isso funciona melhor no geral. Mmm. E então as bebidas também podem estar ligeiramente em um ângulo diferente. Assim. Talvez seja um pouco demais. Vou manter isso quase claro desse jeito. 17. Seção de informações extras: Agora, obviamente, o maior problema aqui no momento é que temos um grande espaço vazio aqui nesta seção e também aqui. Então essa é a área para a qual informações adicionais podem ir. E, por enquanto, vou colocar cópia de espaço reservado aqui na camada de texto Então, deixe-me bloquear todo o resto, criar uma moldura e esta, basta criar aquela moldura, e ela não deve estar na louça, mas na camada de texto. E então vamos tornar esse texto menor, talvez oito pontos ou até sete pontos, e depois usar a opção de preenchimento de texto com espaço reservado E vamos fazer essa luz assim. Provavelmente ainda menor. Pode ser como cinco pontos. E então vamos fazer isso de novo. Digite e preencha com texto de espaço reservado. Hum, podemos ter um parágrafo aqui. Vamos deletar um pouco disso. Isso pode ser usado para cópia de espaço reservado. E poderíamos realmente usar essa imagem para contornar isso com um texto. Agora, a maneira de fazer isso é acessar a caixa de texto Window Manu e escolher o recurso de contornar a forma do objeto Mas, nesse caso, queremos usar o canal Alpha em vez do mesmo que o recorte Então, ele reconhecerá os limites dentro da imagem. Só queremos criar um deslocamento de 3 milímetros, e isso parece bom Então, se eu selecionar esse texto e fizer algo assim, você pode ver como ele se alinhará em torno desse texto Então, vou configurar essa cópia assim. Uma coisa importante, se eu voltar aqui para a quebra de texto, é que queremos que apenas o lado esquerdo seja usado, ou você pode dizer a maior área. Isso evitará que esses pequenos detalhes se separem. Então, observe isso se eu disser lado esquerdo ou ambos os lados direito e esquerdo, é quando vemos essa separação Mas se eu escolher uma área maior, isso evitará que esses pequenos textos se separem E para que essa forma de texto funcione ainda melhor, podemos até usar justificado com a última linha alinhada à esquerda Texto. Sim, isso já está parecendo muito melhor. À distância também, isso parece muito bom. Portanto, isso pode ser usado para obter informações sobre os ingredientes como conselhos nutricionais e avisos sobre nozes e coisas assim Então eu acho que isso já parece bom. Podemos simplesmente entrar e dizer preencher com espaço reservado para cópia, então coloque um pouco mais de texto lá, e podemos ter outro parágrafo arrastá-lo um pouco para baixo Pode até se sobrepor do lado de fora. Mas agora temos uma forma muito bonita por aqui. Eu acho que isso funciona muito bem. Então, vamos ver isso em tela cheia. Sim, eu gosto disso. E eu sinto que nesta página, acabamos de perder aquele texto, o título, e a razão para isso é porque obviamente, ele está sobreposto à imagem Está muito perto da imagem, então está tentando se enrolar na imagem. Mas, para evitar isso, podemos selecionar esse quadro de texto e pressionar Commando Control B, B para a caixa, e então podemos simplesmente ativar a opção Ignorar quebra de texto E C voltou. Também podemos fazer a mesma coisa aqui, ignorar o Text Rap apenas para ter certeza de que isso não os afetará. Acho que também podemos fazer isso desta vez. Só por segurança, caso comecemos a mover as coisas, e o resto, acho que está tudo bem. Ok, esta página parece boa agora. Vou apenas salvar meu trabalho. Vamos voltar para a primeira página. Você provavelmente notará que eu edito os preços aqui para todas as outras saladas Mas agora, se eu comparar com as principais diferenças de que não temos os detalhes desenhados à mão na segunda página, isso é algo que ainda vou acrescentar lá. 18. Ícones da primeira página: Primeiro, quero finalizar esta primeira página com alguns detalhes adicionais Então, uma coisa que eu queria acrescentar aqui são os ícones, para os quais eu tenho o lugar. Então, vou entrar no Illustrator e observar que também preparei esses dois pequenos ícones Então, o pimentão, que será usado para nível de tempero, e as nozes para mostrar se contém nozes Agora, a melhor coisa a fazer é usá-los como arquivos reais do Illustrator inseridos no design Mas, às vezes, se quiser economizar tempo, você também pode simplesmente copiar e colar gráficos vetoriais do Illustrator para o design Mas se você fizer isso, há uma coisa importante que você deve garantir que primeiro expanda todas as partes. Então, se você usar traçado, largura em seus elementos. Você quer evitar ter que lidar com isso no design. Então você só quer expandir, clicar em OK, e então você pode até mesmo usar a opção Pathfinder Unite para criar um único objeto composto A mesma coisa aqui, objetar, expandir, OK, e depois unir. E isso deve funcionar. Ok, agora, vamos ver se eu copio isso e pulo aqui, posso colocá-lo e veremos como isso fica. Vamos apenas reduzir o tamanho, comandar, mudar de controle, arrastar. Sim, isso parece bom. E você verá por que eu prefiro usar esses pequenos ícones dessa maneira. Então, basta colar no design. A propósito, se eu entrar nos meus links, você verá que esse nem aparece lá, então não é um link. Está completamente incorporado aqui, o que é uma vantagem. E também o bom é que eu posso realmente mudar sua cor. Assim. Portanto, ele ainda funciona como um objeto vetorial, mesma forma que o mudaríamos no Illustrator Mas o que eu também vou fazer é criar um quadro de texto para os ícones. Você vai ver por que eu vou fazer isso. Então, vou entrar na camada de texto. Eu acredito que, sim, esse será o melhor lugar para trabalhar. Então, vou registrar os nomes dos pratos e criar um quadro de texto aqui. Na verdade, vou chamar isso de ícones. Então, vou criar uma nova camada para eles e bloquear todo o resto. Ok. Então, aqui, vou criar um novo bloco ou quadro de texto exatamente como esse. E então eu vou selecionar essa imagem, que eu acredito que está na camada errada agora. Então, vamos aumentar isso. Então eu recorto isso, isso é Commando Control X e depois colo nesta caixa aqui Agora, é muito grande, é claro, então teremos que diminuí-lo. Mas, essencialmente, depois de fazer isso, ele funcionará como um caractere no texto. Mas as mudanças no tamanho do texto não o afetarão. Então, se eu selecionar isso e alterar o tamanho do texto, isso não vai afetá-lo. Em vez disso, precisamos selecioná-lo manualmente e redimensioná-lo para o tamanho necessário Ok, isso parece bom. Acabei de notar que provavelmente perdemos um elemento lá. Sim. Agora eu tenho a seleção certa. Isso. Isso é bom. Ok, agora eu trago de volta essa forma aqui e tento alinhá-la com o círculo Se eu ativar meus guias inteligentes, talvez seja mais fácil. Então eu vou para View Grids and Guides, Smart Guides. Então, agora, se eu começar a arrastá-lo, isso deve me ajudar a ver onde está o ponto central Isso é bom. Ok. Agora, isso é o que eu queria alcançar. Se eu apenas copiar e colar, posso aumentar a quantidade de tempero Então, provavelmente teremos talvez três pimentões no nível de tempero, o nível mais alto de tempero mais alto de tempero E podemos decidir se queremos que sejam vermelhos. Acho que faria sentido que eles fossem vermelhos. Então, vou adicionar uma nova cor. Nas amostras, vou apresentar o vermelho. Mas vou garantir que esse vermelho seja um pouco mais escuro, algo assim Eu não quero que seja muito claro. Sim. E podemos simplesmente atribuir isso a esse objeto. Certifique-se de que esteja completamente vermelho. E vamos dar uma olhada nisso à distância. Sim, acho que parece bom. Provavelmente, o ícone em si ainda é um pouco grande demais, então vou diminuí-lo. Novamente, isso é como as proporções de todos os elementos juntos. Não quero que seja muito grande e dominante. Mas isso está parecendo bom. Portanto, este é provavelmente um único chili, e então precisaremos um caractere de quebra especial aqui, que é a guia Shift, que é a guia de recuo direita Você também pode digitar, inserir um caractere especial ou outra guia de recuo à direita E o que isso pode fazer, vou copiar isso aqui à direita. Que não importa quanto texto ou, neste caso, ícones que você tenha em um quadro de texto, eles sempre estarão do lado esquerdo e direito. Então, como você pode ver, essa é uma ótima maneira de configurar como o final e o ponto inicial de um quadro de texto. Mas eu vou substituir isso, é claro, aqui, então vou simplesmente deletar isso. E vou voltar para o Illustrator, selecionar nosso ícone de nó e trazê-lo É um nó gigantesco. Então, vamos torná-lo menor. Vamos chegar mais perto. Ok. Assim. Obviamente, quero me alinhar com esse outro. E, idealmente, você gostaria de medir a espessura das linhas estará perfeitamente alinhada Eu sinto que algo assim vai funcionar. E isso provavelmente pode ser preto, ou talvez possamos reduzi-lo um pouco, que a tonalidade possa ser reduzida Então, é mais parecido com cinza. Sim, talvez cinza seja bom. E vou recortar isso novamente, selecionar essa parte no texto e depois colar. Ok, então isso parece bom. Vamos diminuir o zoom. E vamos ver assim. Agora, precisamos decidir, é claro, como vamos lidar com isso? Então, normalmente, o que eu gostaria de fazer é que, se houvesse uma chance de alguma noz aparecer nos ingredientes, ficaria vermelha, ela ficaria vermelha, ou ficaria completamente preta ou algo que tornasse óbvio que ela está lá. Agora, neste caso, podemos torná-lo ainda mais fraco, para que fique nivelado. E isso significa que não há nozes nela. Potencialmente, também poderíamos simplesmente remover o ícone de nozes se não quisermos que ele apareça lá. Sim, não tenho certeza de qual seria o melhor, mas provavelmente não queremos que ele apareça lá. Sim, acho que é uma configuração melhor. Na verdade, pedi ao Chad GPT que me dissesse quais dessas saladas conteriam nozes ou provavelmente conteriam E é só a couve, sim, aquela que vai conter amêndoas. Então, para esse, podemos ter essa configuração, e eu vou mover isso para lá. Então, todo esse quadro que criamos aqui, podemos passar por cima deste. E então eu já vejo o problema das cores se chocando um pouco aqui, então talvez precisemos atualizar essa amostra Mas, por enquanto, vou fazer isso assim. E o nível de tempero deste pode ser um único pimentão, eu acho Mais uma vez, tenho Ched GPT me ajudando aqui. Sim, todos eles teriam o mesmo nível de tempero por padrão Mas isso também contém nozes. Então, o que vou fazer aqui é definir isso para talvez branco. Então, dessa forma, é muito óbvio. E então eu vou atualizar essa cor. Então, se eu clicar duas vezes nessa amostra, quero uma cor que funcione bem nesse plano de fundo Então, sim, talvez queiramos ter algo assim. Isso parece muito bom aqui, e podemos verificar como fica em branco. Sim, fica bem em branco e verde. Então, você quer criar uma cor que tenha contraste suficiente em ambas as variações, em ambos os planos de fundo E então tudo o que vou fazer aqui é reduzir a distância entre os dois e alinhá-la de volta ao centro do círculo e, em seguida, talvez movê-la um pouco para cima Ok. Isso parece bom. Sim. Então, mostra o nível de tempero Agora, às vezes você pode querer se mover e ajustar um pouco. Em vez de usar o ponto central físico real, sinto que isso parece mais centralizado, e então também podemos fazer a mesma coisa aqui Mas, como mencionei antes, acho confuso ter um ícone de nó lá dentro Então, em vez disso, vou apenas alinhar isso ao centro. Vamos Command ou Control Shift C. E então podemos usar a mesma coisa em todos esses outros. Então, vamos deixar mais um aqui. Novamente, alinhe no centro, e este deve estar centralizado, assim como o elemento de texto abaixo Sim, está alinhado ao centro, ótimo. E então podemos novamente duplicar isso aqui, alinhar com o ponto central dessa Isso também deve estar alinhado. Talvez tia. E nesse caso, como essa é a salada picante, podemos simplesmente copiar e adicionar quatro pimentões para garantir que mostre mais pimentões, e então talvez esse crocante de césar possa ser novamente, um, Vamos alinhar isso também com o centro. Agradável. E então esse, eu sinto que não está alinhado Agora está no centro. Talvez aqui também possamos adicionar duas pimentas. Por que não? E então vou estender isso para os dois lados. Segurando a chave de opção do altar. Você pode estender para o lado esquerdo e direito ao mesmo tempo. Ok, então colocamos nossos pequenos ícones. E sempre que você usa ícones em um menu, é importante ter uma legenda para mostrar o que eles realmente significam. Então, vou usar esse quadro de texto que já temos aqui, que inclui os dois, e depois soltá-lo aqui na parte superior. Basta movê-lo para cá. Ok. E neste caso, vou mudar isso para preto, só para que possamos ver. E então eu vou colocar isso em duas linhas. E então talvez no espaço ali, em algum intervalo entre eles ou espaço entre eles usando chumbo. E eu simplesmente escrevo nível de tempero e depois posso conter nozes E acho que o texto pode ser preto nesse caso, apenas para seguir a mesma configuração. E então podemos simplesmente usar uma guia e também uma guia aqui. E depois de selecionar isso, eu simplesmente vou digitar minhas novas guias e, em seguida, colocamos a guia aqui Então, isso vai exatamente para onde eu quero. Sim, isso parece bom. E agora vou selecionar essas imagens ou ícones e ajustá-los um pouco, então eu os arrasto para baixo para ficar alinhado ao centro dessas linhas Ok, isso parece bom. E sim, provavelmente podemos fazer isso um pouco menor. Assim. E também, talvez possamos usar apenas um itálico. Sim, itálico está bom. Mamãe, hmm. Isso parece bom. Eu só quero mencionar que isso também está fora da área da margem. Mas para informações menores como essa, podemos usar essa seção. 19. Retoques finais: Agora, é claro, temos mais espaço para colocá-lo, talvez aqui, se quisermos. Mas, na verdade, há uma coisa adicional que eu queria fazer aqui também. Ainda temos mais algumas informações que achei que seriam interessantes incluir , como as calorias, a proteína, a quantidade de proteína, se é para vegetarianos ou não e se contém glúten ou Agora, eles também podem ser representados com ícones. Então essa é a opção. Poderíamos introduzir mais ícones. Mas eu pensei que queria te mostrar outra maneira de fazer isso. Então, se quisermos usar mais cópias para isso, podemos realmente criar uma forma adicional. E vou usar uma nova camada mais uma vez para facilitar as coisas. Então, essa será a camada de mais informações. E então eu vou realmente desenhar a moldura e depois alinhá-la Vou manter pressionada a tecla Shift e criar uma forma maior. Agora, se você segurar a barra de espaço, também poderá movê-la, algo parecido. Quando eu o movo, posso alinhá-lo com as guias inteligentes ativadas para garantir que esteja alinhado com o ponto central. Isso parece bom. E, em seguida, usando a ferramenta de digitar em um caminho em vez de digitar dentro do círculo, digitaremos no Então, vou digitar lá. E então a primeira coisa que eu quero fazer são calorias. Então essa é a folha mais fácil. Os nomes estão errados aqui, mas eu sei que foi o primeiro com 320 calorias. Então, vou digitar isso em 320 al. Normalmente é escrito assim, KCL. Eu só vou mudar o tamanho desse texto para talvez dez pontos, e eu quero que seja, talvez Demi seja boa Vamos dar uma olhada nisso à distância. Sim, eu gosto disso. Parece muito bom. Não tenho certeza se queremos que seja verde ou preto, mas, por enquanto, vou mantê-lo assim. E então eu vou usar esse caractere separador para adicionar mais informações Então, a próxima informação é a proteína em gramas. Eu simplesmente digitaria proteína seis G, outro caractere separador Talvez isso possa ser minúsculo e, digamos proteínas ou apenas proteínas provavelmente soem Então eu posso simplesmente escrever Vigan e depois contém glúten. Ok, vamos dar uma olhada nisso à distância. Sim. Eu gosto disso. E só para combinar com nosso tema de verde e preto, o que vou fazer aqui é mudar cada segundo segmento para preto. Então eu começo com verde, depois preto e depois preto novamente. Portanto, é um padrão alternativo. E eu vou realmente fazer essa forma ou aquele separador também preto Acho que dessa forma funciona melhor, sim, tem um bom ritmo. E então só temos que copiar esse quadro inteiro para essas outras formas aqui. Então, se eu chegar mais perto, vamos tentar alinhá-lo e movê-lo. Aí está. Se estiver muito perto, obviamente podemos tornar essa forma um pouco maior. Só precisamos manter pressionadas as três teclas modificadoras. Portanto, comande a mudança de opção no Mac ou controle todas as mudanças no PC. E arraste-o um pouco para cá correto. Vamos dar uma olhada. Sim, isso parece bom. Eu não vou mudar o texto. Eu só quero abrir espaço para tudo, que o texto sempre possa ser alterado posteriormente. Vou apenas girá-lo um pouco aqui. Isso parece bom. E então vamos criar outra cópia disso e alinhá-la com esse outro círculo ali mesmo Vamos dar a volta por cima e, a propósito, quando eu redimensiono esses círculos, o tamanho do texto é afetado É muito difícil perceber isso, mas é afetado. Então, isso é apenas algo que teremos que corrigir. E sim, quero ter certeza de que está perfeitamente alinhado. Mas neste caso, a forma do prato ou da saladeira está um pouco distorcida Então, vou mover esse círculo um pouco para baixo. Novamente, o ajuste manual às vezes pode ajudar. Nesse caso, eu só uso as setas do teclado. Sim, como se isso fosse bom. Talvez meu desenho precise ser atualizado aqui apenas para ter certeza de que se encaixa, mas ainda parece muito bom e fácil de ler. Então, no caso do texto, para ter certeza de que é o mesmo, eu simplesmente voltaria e os ajustaria e os colocaria em dez pontos, todos eles. Novamente, poderíamos usar estilos de parágrafo para garantir que eles sejam configurados corretamente. Mas, por enquanto, vou manter as coisas assim. E então vamos duplicar essa forma novamente, com as molduras visíveis, eu posso movê-la e alinhá-la até o ponto central E aqui precisamos configurar o final e o ponto de partida manualmente. Então, temos que mover o ponto inicial para baixo aqui e o ponto final para lá Ou podemos simplesmente mover o ponto final para mais perto de onde ele realmente termina E dessa forma, podemos encontrar o ponto central com mais facilidade. Então esse é o ponto central. Vamos arrastar isso para dentro do círculo desse jeito. E então podemos continuar arrastando isso até termos o alinhamento de que precisamos Ou, claro, não se esqueça de que você também pode simplesmente girar o círculo E, novamente, precisamos torná-lo um pouco maior. Também estou usando as teclas de seta para ajustá-lo, e então fica bom. Então, ele se curva da esquerda para a direita, como se precisássemos. Mas em vez de se curvar na parte superior, agora ela se curva na E, sim, novamente, não vamos esquecer alterar o tamanho do texto para dez pontos, descer e, finalmente, temos esse aqui. Bem, aqui seria um pouco difícil inserir as informações desse lado Então, provavelmente, temos que colocá-lo no topo. E nesse caso, podemos simplesmente voltar a esses ícones e, provavelmente, podemos simplesmente colocá-los na mesma linha. Então, em vez de duas linhas, o que vou fazer é colocar isso aqui. E configure-o assim. Agora, a aba, podemos remover. E em vez de tabulação, podemos confiar em talvez dois espaços. Essa não é a maneira ideal de fazer isso, mas, novamente, vou configurá-lo rapidamente dessa forma. OK. E então vamos trazer mais um desses círculos aqui. Alinhe-o antes de tudo, para chegar o mais perto possível e girar onde ele precisa E então vamos ajustá-lo manualmente, arrastá-lo um pouco para cima. Então, estamos alinhando-a a essa curva e ela parece boa. Eu não mudei o tamanho, então ainda deve ser dez pontos. Ótimo. Agora, vamos salvar isso e dar uma olhada. Sim, estou feliz com todas as informações que temos aqui. Assim, você pode ver que as coisas estão ficando ocupadas quanto mais detalhes você adiciona Mesmo assim, acho que tem uma hierarquia muito boa. Está muito claro onde as coisas estão. Portanto, se eu estiver interessado em uma dessas saladas, posso encontrar rapidamente as informações importantes ou relevantes E há consistência entre as cinco imagens. Portanto, sempre há as informações no mesmo local usando o mesmo tecido E essa repetição garante que tenhamos uma hierarquia visual muito clara Agora, como mencionei, a última parte aqui é que eu faria um pequeno esboço aqui, e então podemos encerrar o dia Mas como você já viu como eu faço isso no meu iPad, vou acelerar as coisas e mostrar um lapso de tempo. Eu 20. Isso é tudo!: E isso é um embrulho. Você acabou de concluir a aula de design do menu do buffet de saladas. Espero que você tenha se divertido tanto trabalhando nisso quanto eu me diverti ao montá-lo. Agora é a sua vez. Pegue o que você aprendeu e conclua o projeto da classe criando seu próprio menu de dois lados Você pode seguir os mesmos conceitos ou criar algo completamente diferente: uma barra de sucos, um menu de sobremesas ou o que quer que o inspire Quando terminar, não se esqueça de compartilhar seu projeto aqui no Skillshare Sempre adoro ver seu trabalho criativo e entrarei em contato para deixar comentários e comemorar seu progresso. Se você gosta desta aula, não deixe de conferir minhas outras aulas aqui no Skillshare, desde design editorial e ilustração vetorial até design de pôsteres, truques de photoshop e uso IA generativa Você é muito por se juntar a mim. E até a próxima vez, continue projetando, continue experimentando e, o mais importante, mantenha-se criativamente curioso