Domine o design gráfico: o processo completo de marca

1. Curso de mastery de GraphicDesignMastery de CourseIntro: esta classe ambiciosa visa abordar todo o processo de branding e design. Vamos mergulhar profundamente na criação de um logotipo, como criar padrões de marca expansor e produzir nossa paleta de cores e variações locais . Nós também morreremos. Vinto adicionar design e layout, incluindo layout projetado para gráficos digitais e impressos. Cobrimos o processo de design da embalagem à medida que desenvolvemos a nossa Siris de garrafas de loção. O design estacionário também é coberto, incluindo projetos de papel timbrado e cartões de visita. Nenhuma marca é completa sem um design de camiseta à medida que mergulhamos em maneiras com a criação de design de camiseta apresentador e prepará-lo para a imprensa. Finalmente, vamos criar um layout da Web e quadro de fio de trabalho no Adobe X'd This Class não deixa nada de fora como eu ensiná-lo a preparar cada arquivo de reprodução para a imprensa e como trabalhar com especificações de anúncios, Pantone ings e que também aprenderá alguns novos programas ao longo do caminho, incluindo dimensões adobe Ah três d simulação, um programa onde pegamos nosso design de pacote e aplicamos a uma garrafa de loção de três D para produzir alguns gráficos muito legais para Adicionar e Web Design. Way também vai aprender Adobe X'd do zero. Nenhuma experiência prévia é necessária irá criar várias páginas da Web e vinculá-las para criar um quadro de fio de trabalho para mostrar aos clientes como a nossa marca pode ser desenvolvida para este meio digital , vou mostrar-lhe passo a passo, o Eu vou criar padrões de marca para apresentar ao cliente como apresentamos nossas paletas de cores e também criar ativos de marca que podemos usar para extensão de marca em outros meios de design. Isso é óculos. Uma classe de nível intermediário, eu sugiro, está um pouco familiarizada com as ferramentas básicas do Adobe Illustrator e Photoshopped. Saber como funciona o sistema de camadas e também estar confortável com as ferramentas básicas do ilustrador será realmente útil ao fazer essa aula. Tenho orgulho de apresentar todo o meu processo de branding do início ao fim. Em um curso completo, esta aula certamente lhe dará o conhecimento e a visão para criar um pacote de design completo para clientes pequenos e grandes. Então vamos aprender juntos 2. Curso de destaque: Em primeiro lugar, bem-vindo ao curso. Estou feliz que você decidiu se juntar a mim nesta jornada de aprendizagem ambiciosa, mas incrível enquanto percorremos todo o processo de design gráfico para criar uma marca inteira. Esta classe é uma classe de nível intermediário. Isso significa que você deve se sentir um pouco confortável com o Adobe Illustrator e lojas de fotos, ferramentas básicas onde você confinou painéis, janelas e como o sistema de camadas funciona. Você não precisa ser um especialista nestes programas, mas este vidro se concentra menos em aprender as ferramentas básicas e Maurine fazendo projetos de design e o processo de pensamento por trás de tomar certas decisões de design. Se você sente que precisa voltar e aprender o básico do software, eu ensino várias aulas que se concentram puramente em aprender o pacote adobe de software. aprenderemos No entanto, do zero. Tanto o Adobe Ex D, uma ferramenta de enquadramento de fio de layout da Web terminou dimensões de adobe, o que nos dará a oportunidade de colocar nosso design de pacote em uma simulação real de três D para que possamos produzir algumas ótimas imagens para trabalhar com anúncios e outros projetos. Estarei representando um guia de recursos do curso e um arquivo zip para download durante todo o curso. Você pode acessá-los baixando o arquivo ZIP no início do curso nesta seção. Além disso, você pode baixar o guia de recursos para uma lista de recursos externos é que você pode baixar um espectro, gráficos e ícones que podemos usar no curso. A maioria dos óculos você tem que fazer um projeto de estudante no final do curso para este, eu estou te encarando com seu primeiro e único projeto estudantil. momento, nesta lição para o seu projeto estudantil, quero que recrie esta marca comigo. Você pode criá-lo exatamente como eu faço na classe. Ou você poderia torná-lo seu próprio rótulo de marca e produto e colocar seu próprio spin sobre ele, fazendo suas próprias cores olhar e estilo que você queria. O objetivo deste projeto é criar todos os itens que você cria na classe juntos para sua marca. Isso incluirá o processo de design e conceito local, a apresentação local, o guia de estilo de marca, o anúncio de página inteira no anúncio digital, quaisquer fotos personalizadas, renderizações ou gráficos que você possa precisar completar seus projetos, um design de camiseta e, por último, um design de papelaria. Como um bônus, eu adoraria ver seu estilo de marca ecoar em um Web design e layout. Este é um projeto de estudante grande, sua tarefa com com muitos itens diferentes para criar. Mas uma vez que você passar pelo processo comigo para criar todos esses itens, você vai notar como criar pacotes de marca para todos e qualquer cliente. Dar a você o conhecimento para ser é versátil de um designer gráfico que você pode ser. É por isso que eu sugiro depois de cada seção do curso, para pausar e trabalhar em seu projeto de marca para esse tipo específico de projeto. Então, após a primeira seção de design de logotipo, faça uma pausa e comece a pensar sobre seu projeto de estudante e que tipo de estilo, nome de marca e cor você deseja desenvolver para o seu. Desta forma, seu projeto foi dividido para você e etapas fáceis e digeríveis. Aproveite este curso e lembre-se de levá-lo ao seu próprio ritmo. Este é um curso de maratona, não um sprint até o fim. Se você tiver alguma dúvida sozinho maneira, sinta-se livre para entrar em contato comigo ou com outros alunos no grupo exclusivo do Facebook estudante, que será mencionado na próxima lição. Estou ansioso para aprender com você. Vamos começar 3. Getting: bem-vindo à seção de branding e design de logotipo deste curso, então vamos trabalhar em uma marca chamada Elemental. Então isso vai ser uma marca falsa. Então não é uma marca real, mas algo que podemos desenvolver juntos no DSO um pouco sobre elementar. Existe uma empresa que vende uma loção que tem uma espécie de brilho? Brilho para a sua estavam quase pintando em ouro ou pintura em cores metálicas, e eu estava tipo de inspirado pela tabela periódica nos três metais diferentes, cobre, ouro e prata. Uma vez que eu acho que seria muito legal. É como uma loção brilhante que você pode colocar em sua pele. Vai ser direcionado para alta moda, tipo de, ah, ah, marca de beleza de alta moda que você encontraria em lojas de maquiagem e certos lugares sofisticados trabalhando por isso. Então vai ser um tipo diferente de pedreira até que as armas possam ser um pouco mais caras. Então nós temos que pensar sobre isso quando desenvolvemos nosso logotipo que estavam tipo de catering para esse mercado-alvo, não estavam apenas desenvolvendo algo que parece legal, mas algo que iria ah, comercializar muito bem em um maior etiqueta de preço. Eso apenas mantendo esses elementos e mente nenhum trocadilho pretendido. Então vamos em frente e começar. Então, já que estou inspirado na tabela periódica, pensei em brincar com algumas ideias usando como elas costumam olhar na tabela periódica quando vou mostrar a vocês uma espécie de tela do que isso parece. Você meio que vê minha inspiração, e eu estou pensando sobre o pacote projetado para e eu estou pensando sobre o design do logotipo. O que vai ficar bom braço como um logotipo e o que vai ficar bom como um design de pacote? E às vezes como poderia ser dois elementos separados e às vezes você poderia ter um logotipo e umpequeno elemento gráfico separado para o design do pacote. E às vezes como poderia ser dois elementos separados e às vezes você poderia ter um logotipo e um Nem sempre tem que ser. O logotipo é a principal coisa na garrafa. Às vezes, o nome da loção pode ser o principal. Então eu vou experimentar com tipos de fontes e estilos Cem aqui. Então agora eu só tenho uma miríade de profissionais, que é tipo de fonte padrão. Isso é longe. Foi uma espécie de experimentação. Vou seguir em frente e segurar a opção e posso continuar e duplicar um pouco. Eso Podemos experimentar com ter um minúsculo e ou um E. maiúsculo Podemos experimentar ter diferente, como um período no final, talvez fazendo capitalmente. E quando eu talvez colocar algo em uma caixa, vamos em frente e agarrar ou moldado para cima dos dedos. Mantenha pressionado, mude as caixas criativas. Faça um derrame. Vire isso para um derrame. Vá em frente, traga meu painel de AVC aqui. Agora, vamos ver se eu não posso torná-lo bem grosso, assim como a tabela periódica. E esta é uma espécie de quadrado afiado. Então pensei que talvez pudéssemos arredondar isso um pouco. Fazemos em torno de, uh , juntarem-se redondos, ver se podemos suavizar as bordas um pouco em casa e temos uma experiência com isso. Foi meio que trazer isso e vai ser muito grande para se encaixar. Quero dizer, poderíamos colocar dentro de uma caixa. Você pode tê-lo assim. Sabe, poderíamos ter uma fonte boa e ousada. Ah, um que aparece na minha cabeça é Avenir são como de areias tem como de ferramentas elemento preto lá dentro e apenas ter que ser, como, muito legal e limpo. Ah, podemos ir em frente e esperar. Estou selecionando ambos, hum, objetos podem manter a opção pressionada. Deus, basta fazer duplicatas e continuar a jogar. Vamos tentar um com bordas ásperas. Vamos mudar aquele canto de volta para, ah, ah, junção do medidor, que vai ser uma ponta afiada e afiada. Então isso tem um olhar legal. Muito simples. Podemos tentar talvez uma linha aqui em uma pequena caixa, ou talvez duplicar aquela opção segurando e arrastando para duplicar. Ainda assim muito mais rápido do que copiar e colar manualmente. Hum, então eu não estou sentindo bem essa. Isso está tudo bem. Vamos talvez quebrar a palavra um pouco, então talvez possamos manter a opção pressionada e arrastar isso até aqui. Vamos brincar com a tipografia um pouco. Vamos acabar com isso, talvez torná-lo maior, porque quando você diminuir o zoom no logotipo, isso vai ser muito pequeno que parece legal na caixa. Vai ser muito pequeno para ler, então vamos precisar fazer esse tipo um pouco maior. Então vamos ver se não podemos fazer isso, mas talvez cortar esta palavra e sílabas. , Então os homens da Ella contaram,então queremos cortá-la do jeito que é vermelho, então é mais fácil para os espectadores. Veja, eu fiquei feliz e fechei a lacuna no espaçamento entre essas linhas. Você vai até o parágrafo, nosso personagem comprando roupas, que deixar um pouco você apenas no meu painel de personagens. Então cada mental e nós vamos continuar a fazer o que temos feito e tipo de experimento duplicado para que pudéssemos fazer algo onde talvez, uh, metade dela seja cor Dan. Enchi e podemos ter isto no fundo, certo? Mas mais uma vez, você vai ter problemas com esse método, porque quando você diminuir o zoom, eu não acho que o equilíbrio esteja lá. O tipo é muito pequeno em comparação com a caixa. Vá em frente e arranje no centro da frente. Talvez possamos fazer essa porção sombreada um pouco menor, então vamos redesenhar isso. Descreva a ferramenta de pino e comece a desenhar e, em seguida, crie um pequeno canto muito menor que seja branco. Poderíamos fazer isso maior. Pegue nossa ferramenta de seleção direta. Limpe isso. Certo, então essa é uma opção. Vá em frente e arraste isso de volta. Então eu meio que vejo o que temos acontecendo em termos de desenvolvimento do logotipo dela. E não estou sentindo a caixa. Ele só vai ficar no caminho da praticidade do logotipo e ser capaz de ver a fonte tem o equilíbrio adequado porque temos o equilíbrio adequado no logotipo. Isso significa que sua tipografia ou seu nome da empresa é igual ao símbolo ou elemento gráfico que também está na marca do logotipo. E se um supera o outro, ele pode, uh, lutar um pouco demais e não deixar a tipografia respirar. RB visível. E também o símbolo pode sobrecarregar ou o contrário, o símbolo tão pequeno que a tipografia oprime e o símbolo simplesmente não parece que ele precisa estar lá. Então você quer. Se você tem algo equilibrado, você tem um símbolo no elemento tipográfico? Certifique-se de que eles tenham, um, equilíbrio igual. Isso não significa que você tem que ser dos mesmos lados, mas igual equilíbrio em termos de como o espectador vê a marca do logotipo. Certo, então vamos experimentar mais uma vez. Dê mais uma chance a este conceito de caixa, porque não? Então esse tipo de olhar para uma das minhas inspirações era a tabela periódica tão elementar. Bem, vamos ver. Pergunto-me se podemos agitar um pouco. Talvez você o vire na borda. Adoro fazer isso sempre que estou preso a um conceito. Meio que transformou as coisas um pouco como 90 graus ou 45 graus e tipo de ver se podemos construir algo com isso. Então só meio que estou passando pelo meu tipo de processo cru com isso. Ok, então pode ser isso. Mas meio que perde todo o conceito de ser aquele quadrado. Então, ok, esses conceitos não funcionam exatamente. Isso está tudo bem. É por isso que experimentamos no slide. Acabou, só para o caso de eu querer voltar a visitar. E vamos experimentar outro conceito. E outra coisa que eu gostaria de fazer é ter um conceito que funciona muito bem em aplicativos móveis e digitais. Então site, por exemplo, Então você tem o topo de um cabeçalho para um site. Quero ter certeza de que fica bem lá, e parece bem pequeno, então vou criar algo ainda mais simples. Eu vou esquecer de ter um elemento gráfico tipo de trabalho com tipografia e fazer algo super, ultra limpo. Vamos ir em frente e pegar alguns desses e vamos ter outra diversão dessa vez. Vamos tentar, um, Avenir. Sete anos de diversão popular. É. É muito prontamente disponível, e eu tenho um par de pesos. Então tem preto, mas mais pesado. E parece que Heavy seria a fazenda mais ousada, mas na verdade é preta. Preto é o peso mais ousado disponível se não estiver disponível. Um fora lotes. Mas eu amo o jeito que isso parece. Meio que me lembra do inferno que um copo e parece um pouco mais. Eu não sei. Eu gosto disso. Não parece, é muito usado eso realmente gostar deste tipo Boulder. Poderíamos trabalhar no espaçamento manual atual Ng'andu entre os caracteres ou as letras. Poderíamos fazer isso. Então eu estou gostando de como ele é ousado, porque isso parece mais suave. Mas este é um produto muito ousado. Quero dizer, isso é como um tipo de maquiagem de loção metálica, e então eu meio que quero ir com algo que é forte e tem um começo forte, então isso significa possivelmente ter a maiúscula e. isso é como um tipo de maquiagem de loção metálica, e então eu meio que quero ir com algo que é forte e tem um começo forte, então isso significa possivelmente ter a maiúscula e. Vou ficar com a maiúscula e deixar-me brincar com o espaçamento. Então este é o padrão básico que temos. Vá em frente, arraste para baixo. Eu posso ir para o personagem e mexer com o rastreamento definir o rastreamento, uh, uh, com o computador para que eu pudesse ter um amplo espaçamento. Mas eu não sou um grande fã de espaçamento branco com letras minúsculas porque eles parecem desarticulados. Vamos em frente e espaçamento apertado, eu posso. Este padrão. E se eu apertar um pouco? Talvez ali. Então isso foi um negativo. 25? Sim. Negativo. 25. Então, isso não parece melhor? Meio que... Se você ver o de cima no mar, o de baixo apenas a apertar o espaçamento um pouco ajuda neste caso. Especialmente letras minúsculas. Eles pretendem mesmo? Sinto-me mais. É uma unidade definitivamente gostar que algo melhor. Mantenha zap. Continuar a replicar este experimento 4. Tipoa Logotipo de logografia: maneira. Queria continuar a brincar com o tipo de tabela periódica de idéia. Vamos em frente e fazer uma caixa de AVC e deixar isso um pouco mais suave. Faça que eu tenha vindo aqui. Meu painel de AVC. Isso poderia fazer uma rodada suave junta-se, e não é tão afiada. Sabe, eu poderia colocar apenas uma letra na caixa para que eu pudesse colocar, tipo, o E lá dentro ou colocar Grito. Sabe, isso pode parecer legal. E eu poderia ir em frente e separar este elemento. Vamos em frente, cortar isso e fazer disso um novo elemento separado. Separar elementos de texto. Eu poderia ter um pouco de espaço aqui entre, então isso é meio que parece muito forte de um conceito. Então eu quero ter certeza que os mesmos espaçamentos do e nl são os mesmos, e todos eu posso notar um pequeno problema com a tipografia, a tipografia padrão. Você pode ver como o l se estende além do que seria a sua altura x. Então eu vou em frente, desenhar Lawrence, eu meio que mostro a você. Então isso é meio desarticulado. Eu gosto que tudo possa ser conciso, especialmente se estamos lidando com um tipo de tema científico. Então o que eu vou fazer é cortar esse pequeno “L” fora. Então o que eu vou fazer é eu vou precisar criar contornos no meu tipo, então eu vou apenas clicar com o botão direito do mouse em criar contornos. Então agora, em vez de estar ao vivo, editar texto herbal, posso pegar minha ferramenta de seleção direta que poderia ir em frente, manipular esses pontos de ancoragem e derrubá-lo. E é aqui que você pode começar a personalizar a tipografia. Então, vamos dizer que eu quero talvez abaixar um pouco isso, ter um ângulo. Sabe, isso poderia adicionar uma outra personalidade. Para isso, podemos arredondar todos os cantos do tipo terra assim. Poderíamos fazer isso. Uma vez que clicamos com o botão direito e criamos contornos, você será capaz de ter as opções irão fazê-lo para isso. Você vai ter opções em todos os cantos que aquele pequeno símbolo lá. Então eu vou clicar e segurar, para que suavize o tipo um pouco e torná-lo um pouco personalizado. Então isto foi antes de eu amolecer. Isso depois de tão realmente como as bordas amolecidas? Não sei se gosto do ângulo, mas continuaremos brincando com isso. Então tudo o que temos que fazer é manter pressionado, opção e arrastar e experimentar. Podemos até começar a experimentar a cor. E eu poderia adicionar cor ainda, mas eu poderia fazer tons de preto e branco para meio de indicar onde a cor poderia ajudar a separar esses elementos mais das pessoas têm aquele isqueiro. Mas veja, eu estou destacando e em l Mas por que o l é um mental? Não há realmente uma razão pela qual o E e eu somos Box é suposto emular aqui em cima onde você tem as duas letras na tabela periódica. Então está jogando fora disso um pouco, mas parece muito estranho que eu esteja destacando o NL. Então eu estou começando a perceber que o conceito parece legal, mas não é, realmente, hum, juntar-se é um conceito prático ou um que realmente cair é através. Então eu vou fazer uma pausa sobre este e continuar a mexer com mais um conceito. Acho que vou mantê-la super limpa e nem tentar mais a caixa. Acho que estava forçando isso e não estava funcionando. Então eu vou com o que estava funcionando, que é bem aqui. Vou trabalhar nesse conceito. Tudo bem? Então estou de volta e pronto para trabalhar nesse conceito. O que? Eu descobri qual é o outro conceito. Adoro as bordas arredondadas. Eu acho que acrescenta é apenas uma ligeira suavidade para ele. Então o que eu vou fazer é fazer uma cópia disso, e vou manter isso sem edição porque estou me preparando, criar esboços. E uma vez que você cria contornos no tipo, é isso. Você não pode voltar. Então eu vou criar os contornos e eu poderia ver todos os pequenos pontos de acre. Eu poderia ir e suavizar as bordas. Então eu tenho minha ferramenta de seleção direta que poderia selecionar qualquer um desses pequenos ícones bem aqui, e eu estou nela. Eu não vou fazer um amaciamento dramático, então isso seria um amaciamento dramático. Vou fazer só uma pequena, então vou puxar e arrastar isso em vez de fazer até o fim. Vou puxar e arrastar só um pouquinho. Eu só quero um pouco de suavidade e isso parece muito bom. E mais uma vez, Eu também percebi que nós precisamos tipo de cortar essa pequena porção fora. Então eu vou para o comando Z. Vou voltar para a história antes de amolecer. E vou fazer isso antes de ver pelas bordas. É muito mais fácil fazer esta edição. Antes de ver as bordas. Acho que não gosto do tornozelo caindo. Vou tentar manter isso o mais simples possível. Então eu meio que endireitar a borda lá. E eu sempre poderia ir para ver estalado. Concordou. Se eu não vou parar o grande, mas quebrou um ponto se eu queria ser capaz de encaixar isso perfeitamente. OK, oi. Grid vai fazer grade em um pouco. Vamos em frente e selecionar todo o nosso tipo. Obter são ferramenta de seleção direta e ir em frente suavizou tudo apenas um pouco assim . Ok, então tudo começou a se cortar juntos. Então, a partir do tipo padrão que era Avenir, nós fomos capazes de apertar o espaçamento apenas um pouco. Nós fomos capazes de suavizar as bordas em todos os cantos afiados, você sabe, em todos os personagens, e nós fomos capazes de tipo de travar que eu fora para fazê-lo. Mesmo assim, foram algumas coisas que fizemos. Você também percebe que o L aqui também precisa ser mudado. Então eu vou ir em frente e ter certeza que eles estão quites e eu volto já. Ótimo. Então eu fui em frente e certificou-se que eles estavam mesmo atravessando os dois l get são ferramenta de seleção direta . Suavize essas bordas novamente. É sempre mais fácil suavizar as bordas depois de fazer esses ajustes. Ok, então eu me sinto muito feliz com isso. Acho que está algo, faltando algo, e é só propaganda. Seria bom adicionar apenas um pouco de faísca, um pouco de flare. Então eu vou ver se eu não posso adicionar um ponto. Também quero acrescentar algumas oportunidades. dedo do pé tem contraste na cor, e esta pode ser a minha oportunidade. Então eu poderia até fazer isso um pouco de uma cor mais clara para indicar onde a cor iria . E eu não gosto de mexer com a cor muito cedo porque ele faz tipo de bagunça são um tipo de processo conceitual. Isso meio que atrapalha a simplificação desse processo para você. Então uma coisa que eu poderia experimentar é adicionar talvez outro desses Els, mas fazer uma espécie de caixa. Também será da mesma cor que um período lento. Pensei: E se eu fizesse isso aqui?” espécie de adicionar um pouco de contraste, algo assim. E estes podem eventualmente ser ouro, porque vamos ter loção de ouro, prata e cobre e produtos de maquiagem S O B precisa jogar fora da cor com isso com ouro. Então vamos tipo de pop em nosso painel de amostras aqui e ver se podemos experimentar com algumas cores. Então, como eu disse, temos ouro, prata e cobre. Acho que o ouro provavelmente seria a cor mais proeminente ou a mais popular. Então vamos tipo de incorporar isso ao nosso logotipo um pouco. Então vamos escolher uma cor dourada muito bonita. Então eu tenho que ir Também trazer meu painel de cores, e eu poderia ir e pegar meu seletor de cores ou vamos fazer um show opções para que possamos ter um pouco mais de controle. Vou em frente e você o vê como um só para ter um pouco mais de opções de controle . Especialmente porque é bom estar em materiais impressos também é digital. Todos sabemos que você o vê como um para, uh, objetos impressos. Vou em frente e escolher o que penso no meio. O ouro vai descansar entre os teus amarelos e os vermelhos, por isso vou escolher um pouco no mais escuro da balança. Então agora eu vou ficar tipo de As minhas aranhas fazem um pouco mais leves? Não queremos que seja muito amarelo. Também não queremos que seja para ler. Então é equilibrar entre amarelos e vermelhos para conseguir o assassino de ouro que queremos se não encontrarmos o que gostamos. Então eu vou apenas criar uma opção de retenção de caixa, ir em frente e obter três opções diferentes. Então isso é certo. Eu amo que eu estou levando a ferramenta conta-gotas. Gosto deste tipo de cor aqui. Tem um pouco de cinza, então estou pegando essa cor. Acabei de fazer o conta-gotas e ver você. Vejo você. Se eu não conseguir uma sombra melhor, vai ser um pouco mais brilhante de um jade dourado vibrante . E vamos apenas fazer mais um poderia ter, como uma versão mais escura que é muito ouro verde, uma difícil de obter, especialmente porque o ouro é realmente uma combinação de cores diferentes juntos com um brilho para ele. Então, tentar fazer a média de tudo isso até que uma única cor possa ser resistente Gold Gold é difícil. A mesma coisa com prata. Você sabe, você só tem cinza se você tem apenas uma cor sólida é realmente difícil de imitar. Prata mesma coisa com ouro. Então, tudo isso parece ótimo. E acho que esta é uma das coisas onde podemos desenvolver cores isoladamente, mas é realmente desafiador. E acho que esta é uma das coisas onde podemos desenvolver cores isoladamente, Então o que nós vamos fazer é criar um anúncio a partir deste logotipo que também poderia eventualmente aplicá-lo a um site web dissed. E então eu acho que à medida que começamos a desenvolver diferentes produtos e diferentes materiais de marketing , vamos ser capazes de desenvolver a cor dessa maneira porque é realmente difícil dizer qual eu gosto. Não sei até começarmos a aplicá-lo a um projeto real. Não vamos ver como essas cores vão ganhar vida. Então, muitas vezes quando eu faço um design de logotipo e eu estou fazendo a exploração de paletas de cores, às vezes nós fazemos um quadro de humor e recebe uma inspiração dessa maneira. E podemos ir fazer isso bem rápido. Ou eu desenvolvo um projeto e teste as cores para ver como ele fica. Normalmente um panfleto, um gráfico de mídia social. E eu poderia realmente ser capaz de eliminar cores que eu pensei que eu gostava quando ele estava apenas começando fundo branco e ilustrador. Mas quando comecei a juntar com fotos, não gostei. Então, sim, sim, é muito difícil desenvolver sua paleta de cores, apenas um ilustrador sem qualquer tipo de inspiração ou qualquer tipo de aplicação prática. Nós vamos fazer isso. Agora vou desenvolver uma prancha de humor rápida. Vamos trazer isso para dentro, ver se eu não consigo encontrar muito nessas cores, e então nós vamos desenvolver um par de outros produtos para fazer 5. Aula de gravação: Eu estou em um programa chamado Camba, que é um software de design baseado em nuvem que eu gosto de usar quando eu montar quadros de humor. Porque é muito fácil montar fotos de galeria em vez de ilustrador. O que? Você tem que cortar e fazer um monte de coisas. Então eu estou aqui apenas uma câmera. Não precisa usar o Campbell. Isto é apenas o que eu usei para montar rapidamente coisas que vão para elementos. E eles têm algumas grades muito legal que pode usar e apenas pop dragão soltar fotos em que é sempre muito bom. Você faz? Um pouco de fotos vai ser um quadro de humor que vai ajudar tipo de nos começar a começar e afinar nossas cores um pouco antes de começar a trazer a aplicação prática no design do produto, hum, em a vanguarda. E já carregou minhas fotos. Então essas fotos de ar que eu me inspirava em termos de ouro, cobre e prata continuavam tentando pensar em nossas cores de marca realmente amei essa imagem aqui. Mesmo uma pilha de moedas de ouro. Nós temos esse tipo de Bell era meio que tinha um bom ouro macio para ele. Eu também tenho algumas imagens de quem eu pensei que seria uma espécie de público-alvo puro, espécie de alta moda. As pessoas que leram revistas de alta moda são uma espécie de ouro da minha família, anel de prata de cobre. Isso é exatamente o que as cores da nossa marca vão ser. Eu tenho essa prata muito legal, e nós temos alguns outros que eu vou trazer. Então eu meio que fiquei sem opções. Mas tudo bem, porque eu poderia arrastar em outra pequena galeria aqui e ver como era fácil cortar um dragão, soltar fotos usando Camba. Uh, ok. E vamos ver, eu tenho essa caneca de cobre, que eu realmente gostei, então é menos sobre mostrar a foto em um pouco mais sobre realmente tentar pegar essas cores. Então vamos fazer essa pesquisa ali. Ok, você faz zoom aqui para que eu possa ter um tempo melhor pegando isso com a ferramenta conta-gotas. Amplie a nota, veja se conseguimos algumas cores de cobre muito bonitas. E com ela, isso é realmente um lembrete do meu público-alvo, mas eu realmente amo essas cores creme se quisermos trazer isso para fora. E o que é realmente é mesmo neste, assumindo em nossa chuva para obter uma grande variedade de opções de cores metálicas. A mesma coisa com uma prata. Vamos em frente e agarrá-lo provavelmente teria uma grande variedade de sombras e destaques , e eu acho que isso é bom. Então eu vou fazer o download. Esta é uma J. J. Paige e vá em frente e traga isso para o Adobe Illustrator. Então eu estou de volta ao Adobe Illustrator e eu tenho a nossa pequena inspiração cor Mood Board que nós criamos . E vamos ver se podemos fazer a ferramenta conta-gotas e obter mais algumas idéias de cores. Então eu estou colocando muito espaço em branco entre os logotipos para que eles não tipo de interferir quando eu estou visualizando-os para que as cores não estejam muito perto e interferindo comigo descobrir se eu gosto dessa sombra ou não. Então aqui está uma espécie de nova. É bom. Destaque ambos em nosso pequeno período. Pegue a ferramenta conta-gotas e veja se encontro outras cores. Eu gosto mais, então isso é um tipo de um tipo mais profundo de um cobre. Queríamos ir na direção do cobre. Poderíamos experimentar a prata. Nós não gostamos de um tom de prata aqui, e os avisos não são cinza reto. Quando eu provei isso, tem uma pequena tenda de azul. Então, se eu clicar duas vezes neste relógio, eu poderia descobrir que agora tem cinza, mas tem apenas um pouco de chapéus azuis tipo de ir para o lado direito. Os direitos vão trazer mais cor à esquerda vai ser totalmente cinza de modo que um pouco de azul é bom e meio que faz parecer mais prateado para mim do que apenas Cray. Eu não gosto desta cor realmente escura, então eu vou continuar a sobrescrever aqueles que eu não gosto, então ele poderia apenas manter os que gostamos foram o processo de você poderia ter muitas opções , sempre agradável para estreitar para baixo o máximo que pudermos. Então, se você não gosta de algo, vá em frente e coloque para o lado. Ok? Isso tem um pouco mais de uma cor de ouro laranja, e isso realmente aparece, mas quase parece um pouco laranja demais, mas nós poderíamos apenas clicar duas vezes estes como, eu acho que o período que eu preciso para obter o período piloto. Eu poderia clicar duas vezes nele se eu acho que é para laranja arrastar um pouco aqui para a esquerda, em um pouco mais grande para ele. E isso parece lindo. E isso tem um pouco marrom demais, algum tipo de clique duplo que também se arrasta um pouco mais cinza e talvez arraste para cima este , uh, que um pouco mais amarelo. Então, é apenas uma espécie de experimentar com diferentes tons. Estes são todos tons muito diferentes que eu poderia passar. É como um ouro ou uma prata. Nós não temos um policial. Acho que não gostei da aparência do policial. Vamos fazer mais uma tentativa. Tenho uma seleção de cobre, mas preciso ficar mais leve. E, você sabe, cobre naturalmente tem um pouco de vermelho. Você vai descobrir que enquanto trabalhamos nesta marca, vamos adicionar um pouco de vermelho. E o que poderia funcionar com esta marca é um par de opções de cores diferentes, então não precisamos ficar presos apenas com ouro. Podemos ter ouro, cobre e prata, e eles podem usar isso. Esse logotipo. Sou diferente de maneiras diferentes. Usando metais misteriosos, não ficamos presos com uma ou duas cores. Poderíamos ter uma paleta de cores inteira. Nós vamos estar desenvolvendo isso ao lado de sempre querer salvar seu documento porque confie em mim, tem havido momentos em que eu vou 30 minutos sem salvar, e de alguma forma ele falha e eu perdi um monte de trabalho de brainstorming, e eu tenho um tempo difícil lembrando exatamente o processo que passei. Então sempre salve seu documento. Só uma pequena dica deles confiem em mim, eu falhei em salvar algumas vezes, e foi um desastre absoluto, então você nunca iria querer perder seu trabalho. Então ele tem algumas ótimas idéias de cores, então vamos começar a desenvolver nossa paleta de cores primária. Então é aqui que os padrões de marca entram em jogo. E padrões de marca é uma espécie de manual que você pode fornecer a um cliente quando você está fazendo algo além do amor com design e você está ficando um pouco no lado da marca. Os clientes geralmente gostam de ver uma paleta de cores e o tipo de raciocínio por trás das opções de cores que você escolheu e se suas cores secundárias e cores primárias para que eles saibam como usar essa marca. E isso é o que um manual de padrões de marca faz é que ele dá um guia para as pessoas sobre como usar o logotipo, mas também como usar as cores. Quando usar suas cores de fundo em foi usá-los como cores principais no logotipo, Então é exatamente o que vamos estar fazendo. Então agora eu tenho que eliminar algumas coisas, então eu gostaria de ter um bom cobre, uma boa prata e um bom ouro. E há as três cores que farão parte da loção original, Siri ou maquiagem sunis, o que quer que você queira chamar de produto. Então, quando estou pensando em ouro, eu realmente gosto desse ouro mais sutil. É um pouco menos laranja. Eu estou meio que sentindo que eu quero ir nessa direção, oposição ao marrom, é o marrom para ser sujeira. Pode ser a Terra. Poderia ser mais orgânico, e essa não é a nossa marca. Estou pensando sobre o ethos da marca ou a cultura da marca e o mercado-alvo da marca . Eu vou deslizar o marrom para longe e isso parece um pouco Corinne demais para mim. Então eu vou fazer zoom para que você possa ver que tem um pouco mais verde do que eu gostaria. Acho que seria um pouco laranja. Então eu vou deslizar isso para fora porque eu poderia ser pedra de ardósia. Isso não é realmente o que somos. Somos metal brilhante. Então vamos com isso pela prata. Garantimos que o meu período, é também essa cor. E precisamos de um bom policial quando temos um cobre agora. Mas acho que funciona bem. Também escuro nisso um pouco. Veja se isso funciona. Mas eu gosto de ter contraste com a cor. Então, tem um preto muito escuro aqui, então eu quero ter um pouco no lado mais leve. Ok, então essas podem ser nossas cores primárias que usamos. E é aqui que realmente finalizamos essas cores com o duplo clique. Podemos ser muito exigentes aqui. Muito, muito exigente. Deixe Zubin me deixar duplicar os tons. E agora, em vez de fazer mudanças dramáticas, mudanças realmente muito, muito sutis com a cor, só para ter certeza que essa é a sombra certa. Feliz com a tipografia e o equilíbrio disso. Poderíamos ir em frente e entrar na grade. Há um comando de atalho e, em seguida, tipo de aspas, e você será capaz de alternar essa aspas de comando So Marcar, Ativar e desativar, que é muito útil onde você pode ir para ver e descer Tish hide e mostrar grão. Assim, se você quiser fazer isso, você não vai querer o atalho. Então eu estou apenas colocando na grade e eu só vou realmente encontrar para tipo de tipografia um pouco. Acho que não preciso mudar isso. Eu acho que está tudo bem, mas eu gosto de alinhar as coisas na grelha só para ter certeza que tudo parece bem equilibrado. Então, apenas alinhando isso ao longo das linhas, e este é um logotipo muito simples. Às vezes, quando você tem logotipos redondos e você tem um símbolo de logotipo e elemento de tipografia, é muito bom alternar essa grade enquanto você está desenvolvendo para garantir que você tem tudo alinhado. Então o topo do L no topo destes estão todos alinhados muito bem. Eu seria muito legal se isso alinhasse. Então Deus mostre a vocês um exemplo, , que o E no M e o, uh, e então todo tipo de foi para esta linha que está bem aqui na grade. Mas isso não é necessário, porque é tudo parte do tipo. Então há equilíbrio dentro do tipo, então eu não vou enlouquecer demais com isso. Gosto de como este pequeno círculo se encaixa bem na grelha. Eu posso até fazer isso se encaixar perfeitamente só naquela pequena caixa de grade. E também certifique-se linha abaixo. Certo, então só estou fazendo um bom trabalho aqui. Ok, então você tem desligado isso. Então, comando e citação Mark, Eu sinto que seu segundo final oficialmente começar a fazer todas as versões diferentes. Realmente certifique-se que é final, porque às vezes eu vou enviá-lo para um cliente. Eles querem ajustar a coisinha mais pequena. Mas eu já desenvolvi 10 versões disso. Logos tem que voltar e mudar uma bola. Então, é melhor fazer essas pequenas mudanças no início do processo de conceito. Então agora eu tenho que voltar e mudar as cores porque eu mudei o tamanho do pequeno período e aqueles são mais velhos. Ótima. Agora são todos iguais. E eu tenho minhas três cores. Poderíamos desenvolver algumas cores secundárias e até brincar com este tom de preto. 6. Aula de início de logo/logo de trabalho e WorkingwithLightandDarkBackgrounds: cada vez que eu uso preto no logotipo, Eu gosto do dedo sempre mexer com isso um pouco para ver se o preto é a sombra certa para que eu possa selecionar todas as minhas cores aqui que são preto eu vou e clique duas vezes e ver o que temos aqui. Eso Parece que temos uma espécie de preto muito rico e você sempre pode dizer que é um preto rico por Se você olhar para os elementos c m y que e eles não são, que eles são todos tipo de quase 100%. Mas não são assim. Você vai vê-lo entre 40 dedos 100%. E então quando você vê todas as dores de cor tão magenta descendente, amarelo e preto você vê-las todas de perto. Então eles estão todos dentro do que, 60 a 90% você recebe um preto rico e tão rico preto para rico porque não é apenas 100% preto . E sem outras cores, tem outras cores lá. E sem outras cores, E assim ele torna um mais rico preto é preto nunca apenas preto um bom rico preto tem um pouco de blues são assim, neste caso, um pouco de ciência, um pouco de um pouco de um suave, um pouco de amarelos. Misturador Eso. Então, sempre que você ouve esse termo ao imprimir, ele é chamado de preto rico, e ajuda a criar um preto rico e profundo. Se você usasse 100% preto, tudo bem. Mas pode perder um pouco de qualidade para ele. É muito difícil explicar o que você imprimiu, então é meio que tem um cinza escuro e escuro em vez de preto. Então isso é escuro, Dark Ray e Scott Color, e é que você quase pode ver um pouco de ah ah ah, cinza azulado lá, o que é muito bom. Então podemos manter que podemos sempre empurrar o envelope de votação um pouco mais, e se eu quiser um total apenas tinta preta, eu poderia simplesmente deslizar isso para a esquerda. Então podemos manter que podemos sempre empurrar o envelope de votação um pouco mais, e se eu quiser um total apenas tinta preta, Mas eu adoro adicionar um pouco de cor lá, então há outra opção, então eu só gostei um pouco, então isso é antes disso é antes. Isso é meio preto, e então nós vamos adicionar um pouco de cores diferentes lá para fazer um preto rico , então eu tenho que ir e clicar duas vezes. Então você meio que vê Olhe para o CME como uma mistura sobre isso. Então é um preto rico, mas tem uma pequena pitada daquele azul lá dentro. E, hum, vamos ver se parece um pouco melhor. Eu sei que são pequenos detalhes, mas isso é meio que quando você está fazendo grande marca Projeto Cesaire. Há pequenos detalhes em que tens de pensar. O cliente pode perguntar-lhe, por que escolheu esta cor? Não só Stark Black, e você poderia ter uma resposta. Parece muito bem juntos. Então eu acho que somos bons com cores que temos ou três opções de cores diferentes. Temos o preto dela, que será a nossa última opção. Meio que muito, muito, muito, muito cinza escuro com um toque de azul. Então essa é a nossa quarta paleta de cores. Acho que esse seria o nosso feito, não é? Então esta pode ser a nossa cor primária, e estas serão as nossas cores secundárias. Poderíamos usar uma combinação de qualquer um desses, então isso é ótimo. Então parece ótimo em um fundo branco, mas aqui está o problema. E se quisermos colocar em um fundo escuro ou tipo de perda porque essas cores não funcionam em um fundo escuro. Então agora precisamos colocar este logotipo elementar em um fundo preto e ver como ele se parece. Assim, podemos ter que contrastar na cor para que este local possa ser usado em fundos mais escuros e fundos brancos. Todo logotipo deve funcionar bem, porque você nunca sabe quando ele precisa existir fora de um fundo claro. Não. Tudo o que eu vou fazer é pegar todo esse hold down, opção e arrastar. E eu vou colocar isso em um fundo escuro. Sempre bom ter um logotipo flexível que funciona em todos os ambientes. Um cliente vai gostar muito disso. Mande isso para trás. Eu poderia até cortar isso, e eu vou para o meu painel de camadas e adicionar uma nova camada. Prove isso então e tranque-o. Arraste isso para baixo. A razão pela qual tranco é que não vou atrapalhar. Esse fundo vai declarar ficar lá. Eu não vou arrastar acidentalmente, então esta pequena dica para você Bom, certo? Arraste meu painel de camadas para trás. Então agora não temos necessariamente que fazer branco, você sabe, nós poderíamos fazer um off white como nós fizemos um tipo de off black que poderíamos fazer em off white eso . Vamos ver como isso se parece com um duplo clique são painel Swatch. Aqui estão as cores e podemos adicionar um pouco de azul assim como fizemos o preto em um pouco de azul. Um pouco de cinza. É um pouco azul cinzento. Uau, isso parece muito bom. Então vamos fazer isso muito melhor do que os brancos. Isso é branco, o que parece ótimo. Mas se o refazermos, adicione essa pequena cor e talvez eu até a clareie. Só uma sombra. Isto é o que funciona realmente exigente. Talvez ali mesmo. Mas eu sempre edito aqui em baixo. Você poderia ver RCM como um porque eles não têm preto lá dentro em um pouco de amarelo, um pouco de ejecta e um pouco de ciência clique OK, e também meio que notado. Um pequeno erro aqui com o meu período, vamos ter certeza que todos eles são exatamente iguais. Eu quero uma linha tudo isso acima. Eu poderia apenas ir em frente, pegar meu painel de linha e apenas para ah, alarme esquerda certifique-se de que todos eles estão alinhados muito bem, então as cores estão olhando OK. Acho que esta prata me mordeu muito escuro. Isso pode precisar ser apreciado um pouco que poderíamos fazer um Grady int. Ah, não há nenhuma regra contra usar Grady INTs e logotipos, mas eu te daria um monte de cautela porque toda vez que você tem um logotipo e você quer obtê-lo bordado em uma camiseta onde você quer que ele impresso em um produto, e só requer um pensamento que é realmente difícil escapar com brilho. Grady Ince é uma combinação de mais de uma cor, e eles podem ficar realmente bagunçados. Meio que adaptou o logotipo. Isso não significa que você não pode usar Grady INTs em uma versão especial do logotipo são, ah, uma versão agradável, polida do logotipo. Mas em termos de seus arquivos básicos e todos precisarão usar, tento não usar Grady ins. Neste caso, seria muito legal porque poderíamos fazer o brilho metálico para que ele possa fornecer isso como uma opção para o cliente como um arquivo extra. Eles podem usar, mas não necessariamente ainda fornecer aqueles sem brilho para que eles possam ser capazes de praticamente aplicar este logotipo em qualquer lugar sem quaisquer problemas. Este é o lugar onde talvez aquele pop de prata do Grady possa parecer muito legal. Então, apenas relâmpago a sombra desta vez. Mas eu gostaria de manter as cores intactas e ter um têm menos variações de cor possível. Então acho que acabei de aliviar a prata, e acho que é tudo o que temos que fazer. Eu acho que eu posso manter todos os outros ouro e tipo de ver este ouro no fundo escuro me faz perceber que eu quero tipo de modificá-lo. Então, eu só estou selecionando tudo. Se você quiser selecionar este outro pequeno truque, você quer selecionar apenas uma cor e dizer que centenas dessas coisas no meu quadro e eu só quero mudar uma cor. Eu poderia selecionar a cor. Eu quero uma mudança, e eu poderia ir para selecionar o mesmo e ir para baixo para preencher cor para que ele vai selecionar tudo que é a mesma cor de preenchimento. Então agora eu posso mudar isso sem ter que sentar lá e selecionar tudo. Então apenas tipo de ir para selecionar o mesmo, e ele poderia selecionar o mesmo. Muitos atributos diferentes, as mesmas capacidades, os mesmos modos de mistura. E você pode mudar tudo em todo o documento. É muito fácil assim. Vamos tentar de novo. Eu fico bom, selecione apenas novo para selecionar um disse. Se eu não selecioná-lo todos selecionar as mesmas botas de cor da conta e eu poderia ir em frente, clique duas vezes e modificar este ouro. Não é tarde demais para voltar e mudar suas cores. Este é o momento em que modificamos paletas de cores, apenas uma espécie de apresentá-lo de uma forma que eu acho que o cliente apreciaria. Meio que estou fazendo isso há anos. Quer fazer um design de logotipo? É tudo sobre apresentação quando se trata de enviar seus arquivos para silenciar. E ter uma apresentação polonesa realmente agradável faz uma grande diferença na venda do seu conceito para eles. Então é assim que eu tipo de célula esse conceito para eles. Deixe-me ir em frente, duplicar isso, mas eles geralmente gostam de mostrar de um lado, então eu conheço um monte de designer. Às vezes temos três conceitos e eles mostram um por cada um. página PDF mostrará o logotipo separadamente ou a variação separadamente. Eu gosto de incluir tudo em um documento para que eles realmente pudessem ter uma idéia de onde eu fui com isso. Então, para este caso é apenas um conceito final que temos. Vou me certificar de que tudo é bom e até parece bonito é apresentado de uma forma profissional. Era meio que fazer meio ano e meio não tinha que ser preciso, mas para que pudéssemos até separar os logotipos um pouco mais das cores. Então, quando eles estão olhando para o logotipo, eles não vêem as amostras ficando no caminho do logotipo. Então a mudança desaparece para que eles pudessem ver isso como um elemento separado e apenas movendo a paleta de cores um pouco mais perto junto com o eso primário enfraquecer. Rotule isso para que possa dizer, você sabe, cores primárias. Poderíamos até citar as cores das amostras. Então, para usar uma tinta Pantone, isso é fácil. Mas se você meio que usando distância e e y que combinação, porque se eu clicar duas vezes sobre isso, você verá que 72 Science 64 magenta. Você poderia escrever isso para o cliente, mas isso não se relaciona com eles. Muito bom porque eles não são um designer e eles vão bem, o que isso significa? Então muitas vezes você poderia nomear a cor. É uma cor primária. Eu coloquei sobre a cor primária da caixa, e isso vai duplicar isso, e nós poderíamos nomeá-lo para que eu pudesse chamá-lo de Kettle Black, que é na verdade a cor das minhas persianas. Pintei uma vez e notei quem é realmente um preto escuro, mas depois que eu pintei tinha um pouco de azul marinho, como, realmente, um pouco. Então vou chamá-lo de Kettle Black porque me lembra a chaleira preta que pintei minhas persianas uma vez. Então estes são arbitrários. Quero dizer, se há uma cor real que tem uma combinação que você usa, nomee-a dessa forma. Mas isso é parte do processo de branding para é nomeá-los, então um monte de grandes marcas vai nomear sua cor vermelha como McDonald's. Não é só leitura, é leitura do McDonald's ou tem seus próprios oito, e então isso será ouro. Ou poderia ser. Foi bom. O título é ouro por enquanto porque eu não consigo pensar em um nome realmente legal agora. Mas talvez quando fizeres o teu, possas pensar num encontro fixe. Você não tem que fazer tudo isso, mas vai muito longe e vender seu conceito em silêncio. Porque se você vender o seu conceito, aquele cliente que você recebe, poderíamos desenvolver todo o resto para eles e ganhar muito dinheiro dessa forma. Então você quer vender este conceito e nós queremos ficar animado com a marca porque eles vão permitir que você faça outras coisas. Talvez eles não pensassem em você como alguém que poderia fazer um monte de outras coisas por eles. Mas se fizeres um óptimo trabalho com o teu amante desenhado, eles vão dar-te mais trabalho e vão contratar-te a tempo inteiro. Mas eles realmente vão a milha extra. Isso realmente mostrou como você é profissional. Eles vão te dar mais oportunidades para provar a si mesmo 7. Desenvolvimento de logodesign de logotipos: Então, agora, ficando um pouco mais em detalhes, garante uma apresentação de um cliente de classe. Isso é ótimo para tipo de mostrar como as cores funcionam, mas para mostrar o design do logotipo inicial, eu gosto de ter um pouco mais de uma apresentação simples. Vamos continuar e duplicar este quadro de arte. Então eu só fui configurar documentos de arquivo, apenas fui editar quadros de arte e então eu fui adicionar um novo que é bem aqui poderia adicionar quantos você quiser, que é ótimo para apresentação da marca, porque eu posso exportar isso como um um, um pdf e que vai exportar cada quadro de arte como uma página separada. Então eu vou te mostrar isso em um minuto. Que bom, IHS. Então eu vou em frente e trazer o nosso logotipo. Vamos avançar e usar a versão dourada e manter a mesma coisa aqui em baixo. A versão dourada aqui, mantenha pressionada a cópia da opção e, em seguida, tipo de trazer isso. Então isso parece muito limpo. É uma ótima maneira de apresentá-lo ao cliente como o conceito de logotipo. E então ele poderia mostrar-lhes como esse conceito se traduz e as diferentes cores que entram em jogo. Então você está mostrando para diferentes tipos de opções aqui, tipo de mostrar a eles uma opção agradável e limpa que eles poderiam tipo de olhar para o conceito de logotipo no design. E este outro é onde eles poderiam ver as cores meio que se juntam e como ele é usado em preto e branco. Isto é o que eu provavelmente teria. É sua primeira página em seu pdf que você enviaria para o cliente ou JPEG, e isso é o que eu teria esse tipo de expansão na marca um pouco com o desenvolvimento da paleta de cores. Esta será a sua segunda página, e poderia adicionar 1/3 1 que às vezes eu gosto de aplicar o logotipo. Uh, se isso for mais longo no processo, eu gostaria de aplicá-lo a uma simulação. Então, talvez vá em frente e faça como um pequeno produto simulado e tipo de colocar esse logotipo estão lá para ver como ele parece são um pequeno anúncio falso apenas para cortar um show a ele como o nível parece em publicidade e como a marca pode ser estendido fora de apenas o logotipo em isolamento. Na verdade, mostrar o logotipo sendo usado em algum lugar, então isso é meio que um pouco. Provavelmente é mais detalhes que ele queria saber, mas eu acho que sempre recebo muitas perguntas estudantis sobre logotipos inebriantes para os clientes. Então eu queria ter isso nesta aula porque eu acho que é realmente importante como nós apresentamos e ser um profissional de espinhas é possível quando apresentamos relutância. Porque eu acho que vai muito longe e vender esse conceito e nos deu muito trabalho com esse mesmo cliente também. Poderia ficar muito impressionado se você apresentar algo assim para eles, especialmente se eles estão pagando um pouco de um preço mais baixo e você merece eles vão perceber que você merece mais e que ela não poderia escapar cobrando mais no futuro. Então vamos expandir isso um pouco mais. Eu sei que falei sobre brilho. Eu adoraria mostrar, Grady uma opção. Basta ter uma opção polida. Não necessariamente um que eles estão presos, mas uma opção extra que eles podem usar. Então eu tenho que ir para arquivar documentos configurar, você editar as placas de arte e adicionar outro quadro de arte. Então, apenas adicionando outro aqui ao lado, o dragão acabou. E vamos seguir em frente e pegar esse conceito. Mantenha pressionada a opção. Traga isso e vamos desenvolver um radiante. Então eu vou em frente, Copy Paste. Um que já tinha desenvolvido. Vou mostrar o processo que passei para criar isso. Vamos para o painel radiante. Vá em frente, clique duas vezes que você pode ver como eu meio que criei tons de ouro diferentes, mais escuros e mais claros para criar uma sensação de destaque. E assim você pode arrastá-los para dentro e para fora para ter um espaçamento mais apertado ou um espaçamento mais amplo. Mas eu queria ter a sensação de ouro é muito mais do que apenas uma cor. Há isto, como um reflexo de luz. Então, haverá os destaques, luzes baixas e intensidades diferentes. Então isso pode clicar duas vezes e mostrar algumas das minhas amostras aqui. O que é ótimo sobre a versão mais recente do Illustrator, que as versões mais antigas do Illustrator não tinham essa divertida nuvem criativa 2019. Como você pode clicar duas vezes neste pequeno botão e eles costumavam ser quadrados. Você vai e clica aqui e você pode ser capaz de provar certas texturas de ouro. Então foi aqui que eu consegui essas texturas douradas eu fui em frente e trouxe nosso vamos ver se eu ainda tenho que pensar que eu excluí. Hum, eu vou mostrar na tela. A placa de humor pouco cor que eu tenho e eu era capaz de tirar um monte de amostras dos destaques e luzes baixas dessas fotos para montar este granulado uma cor. Então eu fui capaz de clicar em um desses exemplos de cor clique no próximo. Simples. de Exemplodecor de destaque da cor de sombra. Foi assim que eu inventei isso, Grady, então isso poderia ser uma opção para em vez dessa sombra dourada reta, uma cor, você sabe, algo mais dinâmico. Eu só vou pegar a ferramenta conta-gotas e provar horrível, radiante que criamos. Claro que vai fazer isso muito apertado assim por padrão. Então vou pegar minha ferramenta Grady. Apenas meio que. Esta é a versão mais recente da loja de fotos são ilustradores. Funciona um pouco. Eles realmente mudaram o brilho um pouco na versão mais recente para melhor. Acho que é isso que estou fazendo. Em vez de ter como um cores muito apertadas como essa foi tomada minha ferramenta radiante aqui, e eu ia fazer um bom alongamento longo. Talvez você veja uma pequena linha de destaques em vez de como, C três deles. Parece um pouco mais limpo assim. E simples assim. Então isso pode estar em que pode até ser muitas bandas. Então eu estou selecionando isso, e eu vou pegar nossa grande ferramenta. Se eu não posso esticar isso, faça apenas realmente um pouco que possa sempre modificá-lo e ter que ser exatamente o mesmo radiante. Bem, eu poderia fazer. Você pode modificar essas bordas para que eu possa obtê-lo exatamente onde eu quero que ele esteja. É como se pudéssemos fazer apertado. Então isso é meio que Ah, espaçamentos largos. O que? Posso juntar estas duas unidades Klesil para criar um Grady muito afiado em transição. Certo, porque quando você diminuir o zoom, há uma pequena linha. Desde pequenas linhas radiantes, isso parece um pouco confuso. Eu sempre gosto de diminuir o zoom e tipo de ir simplesmente não consigo vê-lo. Qual é o ponto? Vamos ampliar e suavizar que um pouco parece estar bem ali. Ótimo. Então agora você está meio que mostrando a ele um pouco do metal e você poderia mostrar que isso é uma amostra e pode até mesmo fazer uma apresentação diagonal, porque eu acho que parece um pouco legal. Vamos em frente e fazer uma bela apresentação. Tentando pensar que talvez possamos fazer isso descer do lado. Há um tipo de apresentação que podemos até centralizar aqueles que podemos continuar a brincar . Precisamos desenvolver essas cores de qualquer maneira, porque esses relógios Grady INTs quando precisamos desenvolvê-los para as versões de cobre e prata . Como começamos a fazer anúncios, precisaremos ter alguns elementos e elementos gráficos para trabalhar. Então, agora que terminamos com o logotipo em si, agora estamos desenvolvendo ativos de marca que podemos usar para estender nossa marca a muitas coisas diferentes. Porque, como sabemos, branding é mais do que um logotipo. É todo o estilo das caixas do Tudo o que usamos vai ser para essa marca. Então deixe-me ir em frente e desenvolver os outros dois, e então eu volto logo. Quero mostrar-te este pequeno truque. Ela tem alguns truques tipo de passar pelo meu processo de como eu faço as outras versões. Então, para prata, isso vai ser o radiante prateado em vez de apenas ter que ir e mudar cada um desses dedos cinza, todos os diferentes tons de cinza, eu vou subir para editar cores que eu vou converter em tons de cinza. Então adicione-o, edite cores, e eu vou convertê-lo em escala de cinza. Então é uma trapaça. Eu sou capaz de converter tudo que Teoh apenas cinza e eu estou feito. Estou farto de prata. Claro, eu poderia voltar e torná-lo mais profundo. Eu provavelmente vou voltar e tornar isso um pouco mais profundo de uma cor. Então agora vou fazer cobre. O que eu vou fazer é fazer a mesma coisa que você vai editar e as cores se convertem cinza. Posso dar mais um passo. Só quero mudar todas as cores ao mesmo tempo. Eu não tenho que sentar lá e mudar cada um deles. Vamos editar cores de novo, editar cores de novo, e eu poderia ajustar o equilíbrio de cores. Então isso vai ser nas mesmas áreas conforto à escala de cinza. Então eu vou ajustar o equilíbrio de cores, e eu vou converter e eles recebem um clique no RGB. Então agora eu vou adicionar para ser capaz de adicionar uma pré-visualização do fazer para que você possa ver o que você não mudou todas as cores, assim como na loja de fotos quando você tem as opções de ajuste de cor e, uh, loja de fotos. Você tem isso aqui no Illustrator. Eu não percebi isso até recentemente, então eu sou capaz de mudá-lo para azul de aço se eu quisesse. Mas nós realmente queremos cobre, então sabemos que o cobre tem um pouco vermelho nele. Então vamos adicionar vermelho, adicionar um pouco de azul. Lá vamos nós. Isso está chegando lá. Pode ser reduzido o verde. Então, 14 negativos oito. E nativo 26 que parecia funcionar muito bem. Vamos clicar em OK e ver o quão rápido eu fui capaz de fazer. Eu não tinha que sentar lá e editar todas essas cores do Grady. Eu sou capaz de converter todos eles rapidamente, então eu vou ir em frente e finalizar esta apresentação em termos de mostrar o brilho diferente e cores, eu acho que nós estaremos prontos para começar a aplicar para desenvolver os ativos de branding que podemos usar. Assim que desenvolvermos o logotipo nos ativos de branding, será muito fácil fazer o design do nosso produto. Vai ser ainda mais fácil fazer um anúncio com isso. Publicidade e gráficos de mídia social substituem o simples que vamos ter. Todos os nossos elementos iam arrastar e largar tudo. E nós terminamos. Você sabe, nós não temos que fazer isso todo “Como Não quero fazer este anúncio “porque eu tenho um logotipo. Eu tenho um fundo cores, ótimo para usar vai ser escolher fotografia para que eu vou ter que fazer é tipo de cordas de arrasto . 8. Exportação de logodesign de de de aula: Então vamos desenvolver alguns ativos de branding. Então esta é uma espécie de final para o Grady em apresentação. Eu só quero mostrar a ele como todos os três pareciam com o radiante. Eu estava feliz e documentos configurar uma tela e você está entediado. Então poderia ter discreto qualquer um na porta ao lado. Vamos mostrar a ele alguns recursos de extensão da marca. Então, se você está apenas fazendo o design do logotipo, você está pronto para ir. Você poderia por cento três desses como um PDF. Há ir para salvar como você não precisa exportá-lo diminui um J Packer, PNG. Salve-nos. Ah, pdf e vá em frente. E eu gosto de fazer impressão de alta qualidade? Mas você quer ter certeza de que é um modo RGB quando você apresentou o cliente porque muitas vezes vai vê-lo em um dispositivo móvel ou um tablet vai trazê-lo para cima e as cores podem ficar realmente loucas. Se é e vê-lo como um, pode realmente mostrar muito engraçado. Então eu gosto de fazer isso um RGB. Então, às vezes eu faço o menor tamanho de arquivo, que é uma predefinição predefinida de PDF , então eu vou fazer o menor tamanho de arquivo, e isso vai torná-lo um humor RGB. Mas eu vou para precioso dentro e eu me certifico de que há alta resolução aqui. Então, certificando-se de que estou a 300 p i, que é a sua resolução, estou apenas em compressão, certificando-se de que são todos de alta resolução e não preciso marcas e hemorragias. E lá vamos nós. Então vá em frente e eu vou salvar esta predefinição Então você pode ir assim e dizer Salvar e eu vou dizer para a apresentação do cliente para que eu não tenha que sentar aqui e fazer tudo. Eu já tenho, um, uma predefinição salva. Então eu poderia gostar disso. E agora sempre que eu quero chamar que ele tem um logotipo de cliente e eu não poderia, é 300 peopie I, que é uma boa alta resolução. E eu sei que é um modo RGB quando exporta tudo bem, então eu poderia ir à frente de dizer, ir e clicar, OK, e eu vou te mostrar tipo de como Por quê? Placas de arte são tão legais. Então, porque estou fora. Então agora eles vão ser capazes de ver ir em frente e obter o nosso Eu sou apenas um acrobata profissional. Vou mostrar todas as páginas. Eu só vou mudar as páginas um pouco e meio que me certificar que este é o primeiro naquele segundo. Então, quando abrirem o documento, terão a Página 1. Eles terão a Página 2 e a Página 3, então poderão ver tudo na ordem em que ela o tem, que é bom. 9. Aulas de marca: ativos assim marca. Então isso é super fazer mais do que apenas o logotipo e você quer mostrá-lo sendo estendido. Então vamos dizer que vamos fazer o design do pacote a seguir, vamos desenvolver o design da loção que vai para o tubo da loção, e vamos fazer isso em seguida. Mas eu queria ir em frente e ver se eu não posso desenvolver alguma marca como ele. Então eu vou voltar para o nosso olhar limpo aqui. Vamos pegar tudo isso é bom. Copiar. Só estou aqui para poder lembrar o que precisamos mexer , talvez virando para o lado. Então eu estou indo. Vai agrupar isso. Então à direita, clique em grupo, você girá-lo de lado, refletir ou não refletir. Eu sinto muito. Transformação de objeto. Vou girar a transformação de objetos. Gire de 90 graus. Provavelmente precisa ter um pouco de bem, parecer legal. Meio que um elemento. Sabe, você poderia colocar a seguir a foto aqui. Isso é meio que uma opção. Onde este brainstorming algumas opções, podemos ter que tudo ser meio cinza e escala para trás. Talvez como um cinza claro. Podemos voltar para a nossa praça aqui. Então, onde estavam experimentando nosso outro conceito? Vamos pegar isso porque acho que ainda podemos usar. Eles pegaram este. Eu pensei que com as bordas afiadas para isso poderia ser algo aqui, que é a cabeça e fazer um derrame. Não vai ser o logótipo, mas ainda podemos usar este recurso. E agora temos nossa paleta de cores aqui. Então, vou mudar esse derrame para o nosso pequeno tipo de chaleira preta. Agora que temos isso estabelecido e aumentar o curso sobre o meu painel de traço aqui, torná-lo como o elemento de tabela periódica que eu pensei que você sabe que seria legal. Nós começamos. Pense no design de pacotes. Eu pensei que seria realmente necessário se o ouro, a prata e o cobre tivessem seu elemento de tabela periódica como a parte principal da loção, e então poderíamos ter o logotipo elemental menor, porque nós é o nome da empresa, então eu Pensei que seria preciso fazer isso. Portanto, isso pode até mesmo começar a fazer parte do nosso processo de design de pacotes. Então eu vou, uh olhar para a tabela periódica para ver quais são os elementos para ouro, prata e cobre, e eu estarei de volta com essa informação então é capaz de tipo de encontrar os três elementos diferentes . Então isso é tipo do que você vê na tabela periódica é você vê, como o 47 a 29 79 ou tipo de elétrons ruins que estão nesse elemento particular. Então não tenho certeza de todos os sinais da ciência por trás disso. Esse tipo de tem esses elementos. Então um g r a. U é ouro. Um G é prata e ver era cobre. Então eu pensei que tornar-se necessidade de ter esses elementos aspirados ou até mesmo mudar estes ao redor para que ela tenha um G aqui do que ele tinha o 47 aqui. Então isso pode ser porque é assim que ele é exibido na tabela periódica para que cada produto possa ter. Este é o rótulo principal deles. Seria uma ideia muito legal de branding. Nós vamos trocar por isso, e eu posso ir em frente e começar. Pense no design do pacote que eu já tenho. O Grady. É que eles podem puxar. Temos algumas maneiras de ter um logotipo no fundo. Eu pensei que seria legal para tipo de ter esta caixa é uma espécie de elemento, mas também fazer uma cópia dele e torná-lo muito mais leve na cor para que pudéssemos tê-lo como um elemento de fundo para que eles pudessem ter algo para usar em um fundo mais leve. E eles poderiam ter isso. Assim que eu conseguir todo esse tipo de configuração, você provavelmente poderia continuar desenvolvendo isso ainda mais. Mas só por uma questão de tempo e meio que fazer esse projeto funcionar, vamos em frente e abrir um novo documento. Vamos criar a nossa loção. Eles vão ser capazes de aplicar nossa loção para um simulação de três D para que possamos usar isso e nossos projetos de anúncios e nossos projetos de mídia social que se desenvolverão depois de criarmos nossos rótulos de produtos em nosso design de pacote de produtos 10. Configuração de pacote de início: e foi capaz de ir em frente e estender isso para um fundo escuro também. Então agora temos todos os nossos elementos que são adaptáveis, assim como o logotipo para fundo branco. Fundo escuro também adaptou o Grady INTs e também fez as cores sólidas, bem como para dar às pessoas tantas opções quanto possível, não só para aprovar o conceito, mas também já estamos tendo conceito de aprovação e estamos enviando arquivos. Nós queremos ter muito que eles nunca precisam voltar para você para obter um arquivo. Você nunca quer ser um gerenciador de arquivos é um designer. Você quer ser capaz de dar-lhes tanto que eles não precisam voltar e dizer, “ Você tem isso? E azul, Você tem isso em uma cor sólida? Então tudo é possível? Então vamos em frente e abrir um novo documento. Vamos em frente e começar nosso pacote de loção projetado, então vamos ficar com um documento 8,5 por 11. Não vamos sangrar. Não vamos precisar de hemorragia para isto. Vá em frente e crie mais fazer. Este não é um novo documento e chamá-lo de pacote. Decida que vamos colocar todos os três aqui fora exportação legível. Estes são J Peg. Então nós podemos criar Nossos três modelos D também estavam pensando sobre o arquivo de design de pacotes que vamos enviar. Vamos falar sobre isso para o design final do pacote e o que precisamos fazer para tornar isso, uh, ótimo para a impressora que vamos estar sentados em termos de encontrar o tamanho de uma garrafa de loção. Você pode ir e encontrar um pacote que você gosta que você acha que seria muito legal como um design de pacote. Às vezes, os clientes já têm o pacote escolhido. Eles já têm a garrafa escolhida porque eles têm que ter uma certa quantidade de onças ou qualquer tamanho ou medida que eles usam. Eles já vão ter isso escolhido para você. Então eles vão ter um fabricante que trabalhou com eles, e você vai pedir os tamanhos dos anúncios. E eles são os tamanhos, as medidas, e você será capaz de ir arquivar e fazer seus documentos configurar um ir em frente e adicioná-lo. Os tamanhos do dedo do pé o que precisa ser. E assim, como você sabe, garrafas de loção não são planas. Eles têm um traseiro que dão todo o caminho ao redor. Então, quando você faz um design um ilustrador, você vai fazer a frente e a parte de trás tudo é uma grande unidade longa. Então você provavelmente vai ter sobre isso vai ser o tamanho da garrafa bem aqui. Deve ser a parte da frente da garrafa, mas vamos dobrá-la. Nós vamos dobrar porque ele precisa enrolar o traseiro e você tem que ter os ingredientes e todos os rótulos e o código de barras eso realmente dividir isso ao meio. Esta vai ser a nossa área de frente que vamos ser capazes de projetar. Então, só para mim, vou dividir isso ao meio. E realmente, para desenvolver uma garrafa de três D, nós realmente só precisamos da frente porque eu não acho que nós vamos girar a parte de trás na garrafa. Mas só quero mostrar o processo de fazer isso. Se este fosse o produto final para enviar para uma impressora, então este será o nosso traseiro. Este será o seu lado da frente. Então, temos muitos dos nossos elementos juntos aqui. Podemos emprestar um monte desses, e eu pensei que seria preciso ter um ir em frente e pegar esses, eu acho que seria legal. Enfraquecer. Experimente diferentes cores de pacotes projetados. Mas o que eu descobri o que eu fiz. Projetos de pacotes de varejo que cores mais claras parecem realmente atrair a atenção das pessoas mais do que cores mais escuras. Nem sempre é assim , , nem sempre, mas notei que fundos mais leves e mais largos realmente ajudam. E por isso queremos ter um alto contraste agradável. Pegue o seu tipo de atenção de garrafa e queremos continuar esse olhar muito simples, simples, simples, contemporâneo limpo tão simples. Não há muitos elementos voando por aí. Não há muitas texturas. Apenas alguns simples, apenas as necessidades nuas sobre este. Então eu vou colar nossos pequenos, uh, uh, elementos de tabela periódica e ir e trazer alguns desses elementos gráficos sobre e ver como podemos adaptar isso. Vamos em frente e pegar nosso logotipo. Nós vamos querer ter o nosso logotipo em ambos, uh, luz e escuro. Vá em frente, pegue esses. Então eu estou apenas copiando, colando sobre elementos que eu acho que vou precisar, então nós definitivamente precisamos do logotipo que está acima que é uma necessidade absoluta. Então, uh, nós vamos ter isso ligado. Vamos ter que ser brancos, belos fundos brancos. Vamos usar a nossa cor mais escura e queremos torná-la um tamanho agradável. E eis o que vou fazer. Eu vou em frente e fazer uma configuração de documento. Vou criar nossa prancha e não me preocupar com a parte de trás neste momento, então esse tipo de foco na frente, mas nós vamos saber que as costas vão estar lá, mas nós não vamos deixar que isso nos incomode muito. Além disso, eu gostaria de ter uma barra de cor radiante. Vai pegar a cor do ingrediente. Nunca um pouco de Grady no ano, pensei que seria necessário. Pequeno elemento. E eles têm Lembre-se, com o design da embalagem, você poderia fazer tintas coloridas diferentes, então eles são estamparia estragada, que meio que dá um brilho agradável. Parece que é, ah, uma espécie de metal, que podemos usar. Isso é Isso é caro, porém, então você tem que pensar sobre o custo da folha de ouro ou estampagem de folha de prata. Há também cor spot, que ela não poderia tipo de destacar uma cor e torná-lo brilhar orelha do que o resto. Há cores Pantone que vêm e metalics que você pode escolher e haveria cores especiais. Esse é um custo de link adicional, por isso é um pouco mais caro, mas vale a pena para o produto. Talvez tenha esta barra de ouro ao longo do fundo. Você poderia fazer isso escolher uma cor Pantone que é um metálico bonito, e ele vai realmente ser um metálico com manchas de ouro nele e tudo mais. Então, há muitos acabamentos locais diferentes. Você pode fazer nossas cores especiais e que você pode escolher com sua impressora. Podemos falar com eles ao telefone e ver o que parece impresso e eles podem te mandar um livro, e você pode escolher o metal que eu acho que você gosta. Apenas fale sobre falar com o cliente sobre tudo isso. Pode ser muito caro para eles, hum ou não. Então não vamos fazer nada disso. Podemos fazer uma pequena, uh, cor metálica, e eu vou te mostrar como você preparar isso para a impressora 11. Laun: Ok, então agora nós estamos apenas fazendo o design do pacote feito o suficiente para que possamos criar um modelo três D para que possamos criar alguma publicidade. Então nós obtemos tudo isso aprovado antes de passar para realmente preparar o arquivo e pronto para ir. Certo, queremos que o logotipo seja legível, mas não precisa ser tão grande. Ele sobrecarrega o nome do produto. Então elemental é apenas o nome da marca que tem isso. Então nós provavelmente poderíamos fazer ter mais ou menos este tamanho. E vai haver algumas informações sobre os seus serviços. Nove onças fluidas. Então essas são coisas que teremos que ter todas as suas Você tem que incluir essas nove onças fluidas e nós vamos precisar ter no nome ou no tipo de produto de loção que este é . Então isto é loção dourada. Esse é o nome do tipo, explica o produto. E isso é praticamente tudo o que sabíamos de tudo. O tipo de detalhes sobre os ingredientes e todas essas coisas que podem estar na parte de trás. Este poderia ser um despojado e básico quanto possível para ir com taxa elementar oral. Então vamos em frente e começar com, nós podemos fazer Vamos fazer ouro primeiro. É uma espécie de pilar desta marca, então eu pensei que seria preciso ter isso como o Elemento Tenente como tipo de produto principal . Simples em vez de colocar o baixo porque não é chamado de elementar, é chamado de loção Gold Sparkle. E tão elementar é apenas o nome da empresa. Então eu pensei que seria legal para tipo de jogar com tabela periódica desta forma, uma vez que nós não apenas fazê-lo para a marca elementar. Decidimos que não funcionava, mas acho que poderia funcionar em um produto porque poderia ser muito maior e poderia ser mais um elemento de design. Então vamos trazê-lo aqui, e nós temos esse tipo de escolha que nós escolhemos já chamado Avenir. É muito bom o que usamos para marca elementar. Vamos continuar a usar as mesmas escolhas, então eu vou fazer isso. Então vamos continuar a usar o mesmo espaçamento para que o meu painel de caracteres, eu acredito que eu tinha um negativo 25 rastreá-lo, então apenas aperte o espaçamento, mas não muito, modo que seria puro. Você sabe, já que temos esse tipo de elementos de marca que são para cima e para baixo, vamos pegar o nome do produto e torná-lo vertical, bem como para meio que agitar um pouco. Vamos ir em frente e arrastar isso um pouco para cima e ir em frente e girar isso. Eu ia me opor a Transformar. Vou girar, está girando a 90 graus. Eu só pensei que seria uma idéia muito legal. Além disso, você tem um tipo de produto longo e ele meio que se estende e faz isso Nós só temos três ou quatro coisas aqui, então nós realmente temos um tipo de esticar nosso design um pouco. Então eu pensei que ter essa vertical faria com que fosse menos ocupado. Mas também preencher nosso espaço tornaria mais equilibrado. Então agora temos o Avenir. Vamos em frente e fazer este nove onças fluidas. Não temos que fazer isso uma espera ousada. Poderíamos torná-lo um peso tão longo. Isto é legível? Ilegível quando impresso. Vai fazer isto bem pequeno. Nós não nos preocupamos tanto com tamanhos aqui porque isso é apenas uma simulação. Sabe que não temos as especificações finais ou o anúncio. As especificações de dimensionamento já são da impressora? Então ainda estamos no conceito em que precisamos lançar isso para o cliente primeiro antes de enviarmos isso para a impressora. Então ainda estamos no modo conceito. Nós não temos que ficar quietos como um exato tamanho, o que é bom porque deixa você espaço para ser criativo. Você não tem que ir. Oh, eu não posso fazer isso. Tamanho. Certo, nove onças fluidas. O que queremos fazer é que eu provavelmente teria nove onças fluidas abaixo do nome que Elemental precisa para ficar sozinho. Talvez um pouco maior, certo? Eu quero que ele seja lido um dos três modelos de produtos D para, então nós podemos precisar voltar e um tamanhos de justiça depois de começarmos a aplicá-lo à nossa marcação três d. E sabes que mais? Precisamos de um bar pequeno. Você sabe, nós temos este tema aqui em nossas marcas. Área de bar Will. Achei que seria legal pegar isso. Vá em frente no grupo e copie e cole. Pensei que precisávamos de ter um elemento como esse no nosso design. Então eu rodei a 90 graus e poderíamos torná-lo maior. Pode ser como uma barra divisória que separa o nome e as onças fluidas. Então veja, anúncios tipo um elemento, mas também brinca com o logotipo que fizemos. Poderíamos ter certeza que todo esse espaço aéreo podemos ir em frente. Grade de criança. Então faça o comando e a cotação. Se alguma vez quisesses alinhar tudo e pudesses ir a documentos, configurar e editar os teus quadros de arte, ir em frente, alinhar tudo. Então você tem a mesma quantidade de barras aqui, então três e três mais uma vez, tamanhos não importam tanto nesta fase do processo de conceito. Então agora que eu tenho três barrinhas aqui e três barras aqui, a grade, tudo está igual para que eu possa alinhar tudo. Como, como alinhá-lo ao longo de lá, talvez tipo de zoom em para que eu possa tipo de ver o que estou fazendo. Vai agrupar isso de novo, e já estou vendo algumas oportunidades. Certifique-se de que eles estão dizendo sobre um quadrados 1234568 e, em seguida, 12345678 Perfeito. Então a cauda para isso no final da cauda disso e eu estou vendo algumas oportunidades já para fazer alguns pontos. Bons acabamentos metálicos no produto, algumas belas tintas metálicas. Bons acabamentos metálicos no produto, Pensei que precisávamos fazer aquele metal esta pequena barra de elementar. Então isso seria, na verdade, cabeça fabricante de sabão de ouro. Adote um pouco desse humor apenas conceitual. Certo. Então isso seria um tipo de metal brilhante. A mesma coisa com este bar, e nós não temos muito, então eu tenho que ter cuidado. Quer saber, muito ouro colocar em um caro quanto mais dessas pequenas tintas metálicas folha de ouro em pé você faz, mais caro seu produto fica para imprimir. Certo? Então vamos alinhar nossa caixa aqui porque isso é muito longo e dois mais, então isso é muito perto. Perto o suficiente para o conceito. Então agora eu tenho que ter uma idéia para o equilíbrio. Então eu tenho que fazer aspas de comando, desativá-lo. Vamos em frente e salvamos nosso produto. Estou gostando muito. Acho que o equilíbrio precisa ser ajustado um pouco. Vamos fazer isso agora mesmo. Certo, então vamos brincar com a balança. Então nós temos este pequeno símbolo de au. Eu acredito que quando você tem bom equilíbrio e design, você não tem tudo do mesmo tamanho. Porque se você tem tudo do mesmo tamanho, não há hierarquia ou ordem para as coisas geralmente têm algo que é um pouco maior. Isso é muito importante. E quanto menor for, menos importante é esse item. Então eu sinto que esta é provavelmente a parte mais importante é o nosso principal símbolo de marca . Então vou em frente e fazer isso um pouco maior. E já que tenho esta caixinha, é que nunca delineei o caminho disto. Então, quando eu faço isso maior, ele fica menor. E quando eu faço menor, Nick, é mais grosso. Então eu vou delinear o caminho, já que eu já estou feliz com o derrame nisso. Então eu vou para o caminho do objeto. Vou delinear o derrame, então agora é um objeto. Não é mais um derrame. Então agora eu vou ser capaz de agrupar isso e torná-lo maior sem problemas. Vamos em frente e voltar a ligar a nossa grelha. Vamos fazer com que dois quadrados maiores por todo o caminho. Ok, desligue isso. E agora podemos fazer este produto um pouco. Nome do produto? Um pouco menor. Então agora tem um pouco mais de equilíbrio. Um pouco mais de hierarquia. Acho que estou muito feliz com isso antes de fazer os outros dois. Vou testar isto para ver como fica. Porque eu não quero passar pelo processo de criação das outras duas versões e acabar querendo voltar e ajustá-las. E então eu tenho um tweet Kamal indo exportar isso como um vamos ver se eu não posso exportá-lo como um J. Paige exportando outro J peg, eu vou em frente e pop no reboque. Um programa chamado Adobe Dimensions. E vamos ser capazes de aplicar isso a uma simulação 12. Lesson10 Adobe Dimensions: Ah, um programa chamado Adobe Dimensions e você tem acesso à Adobe Creative Cloud. Você deve ter acesso a este programa. Queria mostrar-te este programa porque acho que é um editor de simulação muito poderoso. Podemos ir em frente e nos candidatar. Ah, o J peg que acabamos de exportar de nossa loção projetado a frente dele será capaz de aplicar a um produto e girá-lo ao redor e aplicar a iluminação certa que queremos para ele. Ah, você também pode baixar uma loja de fotos, simular um produto e aplicá-lo lá para que você possa usá-lo para publicidade. Mas o único problema com fotos simuladas é que você não tem aquele ambiente de três D onde você pode mudá-lo. Exatamente como você gosta do seu geralmente só tem uma opção. Então é por isso que eu amo sobre dimensões adobe que dá a você esse total de três D acesso. Então o que vamos fazer é abrir um novo documento. Isso está acima de apenas dimensões de adobe, e eu vou descer para a coisa que diz ativos iniciais bem aqui. Irmãs, eles estão apenas abrindo o programa, então esta deve ser sua visão padrão. Conheci ativos iniciais e quero ir para baixo. Temos uma loção que queremos aplicar um tubo gráfico. Então temos um pouco de loção que você pode realmente entrar, baixar novos ativos. Você pode procurar por ativos que há um que você deseja comprar para um produto que tenha essa forma específica. Vai arrastá-lo até aqui para arrastá-lo para perto. E este estoura-o aqui, este carregamento. Então aqui está o nosso pequeno produto. Não iria em frente e começar dedo do pé encontrar a posição certa para ele em nosso pequeno ambiente três D em. Então aqui, há duas maneiras de controlar. E levei muito tempo para descobrir isso porque trabalhar em um ambiente de três D pode ser esmagador porque você tem que pensar em todos esses aviões acontecendo . Então aqui em cima, esse tipo de opções aparecem. Mova o produto em torno do espaço três D. Então eu tenho a minha pequena tecla de seta aqui, selecionando mover ferramenta Mabel para movê-lo à distância e de perto. Hum, e aqui isso é girar para isso é selecionar e girar, e eu sou capaz de girá-lo junto. E você pode ver como as fontes de iluminação para o canto superior direito. E enquanto eu o movo, você pode realmente ver como ele afeta a fonte de luz. Nenhuma fonte de luz afeta o produto, que é realmente esfria. Ele poderia selecionar você notar que ele tinha esse brilho pequeno. Este será três D globo. Eles vão ser capazes de mover as coisas para a frente. Nós vamos ser capazes de mover as coisas para a direita para a esquerda. E há três opções diferentes para Comptel para ir e voltar praticamente se movendo em qualquer espaço de rua que você gostaria. Então essa é a ferramenta de rotação. Então vamos dizer que eu quero mudar a câmera com um zoom em mais sobre isso. Nós vamos para baixo para essas opções aqui em baixo, então eu vou até aqui para Dolly Tool. Então esta vai ser a nossa câmera. É a nossa visão, será capaz de ampliar o produto bem ali, e isso será uma espécie de direita esquerda. Então, se eu quiser trazê-lo para baixo aqui, e vai ser uma espécie de rotação ir todo o caminho em torno do produto. Então, se você quiser mostrar a parte de trás em algum momento em que fizermos o design de trás para o nosso pequeno produto de loção? Poderíamos fazer isso. Você poderia realmente fazer uma visão de cima para baixo do seu produto ou uma visão realmente dramática se você subir para cima. Você poderia realmente fazer uma visão de cima para baixo do seu produto ou uma visão realmente dramática se Mas queremos uma visão direta porque vamos usar isso para desenvolver publicidade. Teríamos um bom ano direto do produto. Tudo bem, então eu vou inclinar um pouco para baixo, então ele vai subir aqui para selecionar e mover. Eu só vou incliná-lo, meio que trazê-lo para a frente, e eu vou ir em frente e selecionar minha seleção e girar para nós vamos ser capazes de trazê-lo para baixo. Então eu só vou falar um pouco direito, para que não pareça que está gastando para trás. Também podemos mudar. Então este é o tubo de aperto. Assim, você não pode camadas exatamente como você faz com qualquer outro produto adobe. E é aqui que você pode ir em frente e escolher o produto. Então, este é o corpo. Então você pode ter o corpo aqui poderia realmente mover estes independentemente. Queríamos, mas você não precisa do Teoh. Mas quando você for em frente e selecionar o corpo, você será capaz de aplicar materiais. Então, tudo o que fiz foi selecionar o meu tubo de aperto e eu tenho algumas opções de camada sub aqui vão em frente e selecionar o corpo. Se clicar nesta pequena seta aqui, não será capaz de mudar o material. Então o que eu quero fazer é ir em frente e clicar para baixo para este lugar um gráfico no modelo, e nós vamos colocar o J peg que eu salvei do nosso pequeno design de produto. Aqui está para o J pad. Vá em frente e traga isso. Então isso traz para dentro é um tamanho menor. Isso está tudo bem. Ele vai seguir em frente e clique pressionado Shift para voltar todo o downshift, e eu vou ser capaz de arrastá-lo para o Ele vai ser capaz de dimensionar dimensionalmente. Você vai em frente e aplicá-lo ao produto para que eu já possa ver aqui que eu posso ter um pouco de um problema com o nosso pequeno símbolo parece ser muito alto. Então, eu vou voltar. E é por isso que você sempre pop seu design e tipo de ver como ele fica no produto porque você pode precisar voltar e ajustar um pouco. Então eu só vou trazer este símbolo e tudo mais um pouquinho. Então vai caber no tubo um pouco melhor. Só estou aparecendo, ilustrador. E eu vou em frente e derrubar tudo isso só alguns entalhes. Tipo de apertar o espaçamento entre esses elementos. Só para isso ter uma chance de descer um pouco mais? Não muito. Simplesmente assim. Vá em frente e salve que como um J pack sua exportá-lo para exportar arquivo como exportar para fora do Jpeg . Então eu sou apenas ilustrador de Adobe com isso. Ok, então agora eu vou deletar alguns de volta para o aperto para ir corpo do dedo do pé. E agora, aqui está o gráfico que aplicamos. Só vou apagar, e vamos adicionar um novo para voltar aqui, descer para este modelo de placa gráfica, e vamos tentar de novo. Ok. Mais uma vez, eu recebo um turno de segurar e escalá-lo. E isso se encaixa um pouco melhor então. Sim, eu não tenho um pouco desse ouro aqui. Eu também tenho que fazer esta tampa dourada fora do fundo, então nós vamos apenas acender um pouco. Mas vamos em frente e colocar todas as nossas texturas carregadas. Então eu tenho a textura dela para o corpo principal. Mas vamos adicionar uma textura dourada para o nosso tubo, porque agora é apenas branco. Vamos em frente e pegar minhas ferramentas eram ferramenta de câmera para que eu pudesse ter um ângulo melhor aqui, então estou bem aqui. ferramentas eram ferramenta de câmera para que eu pudesse ter um ângulo melhor aqui, Este é o tipo de como você controla a visão da câmera e para cima. Veja como você controla onde o produto está. Então tipo de fazer você brincar com isso porque poderia ser um pouco complicado, tipo de dominar a diferença entre mover a câmera e a diferença entre mover o produto real s. Então eu estou realmente feliz com tipo de como que parece, então vamos em frente e fazer a tampa. Então eu estou bem aqui no tubo de aperto na minha área de camadas, e eu não poderia descer a tampa do dedo do pé, então esta vai ser a tampa do produto. Vou fazer a mesma coisa. Vou adicionar uma textura. Eu tenho uma textura que você pode baixar e o guia de recursos ou na área de projeto da classe. Você será capaz de obter esse arquivo. Será chamado de medalha de ouro final. J. Paige, vá em frente e forneça isso para você. É uma textura personalizada que fiz. Isso é ouro. Ok, então você meio que clique duas vezes isso Eu iluminei este pequeno gráfico vai ser uma camada de ouro. Vai em frente e certifique-se de que esta é selecionada a ferramenta de movimento selecionada. Ele vai me dar meus controles e segurar, deslocar e escalar isso ao longo dos dois últimos. Pressione a cabeça Enter. Também queremos mudar a parte inferior do tubo. Então, vamos dar a tampa do dedo do pé e vamos ver se podemos mudar o material da tampa ou a cor da base . Podemos colocar uma imagem, colocar nossa mesma imagem dourada lá. Então vamos deixar um arquivo e vamos selecionar nossa imagem antiga, que vai ser aqui em baixo medalha de ouro final. Coloque isso aí, também. Se for aplicado o ouro no fundo, você também pode fazer uma cor sólida. Queríamos obter sua ferramenta conta-gotas e amostra ou cor aqui, então é uma cor sólida, que pode realmente parecer muito bom. Então vamos fazer isso. Vá em frente e clique na nossa textura. Veja como isso parece. Vá para o tubo de aperto a tampa e vá para o nosso gráfico aqui e apague essa textura. Veja como é uma cor sólida. Não tinha a mesma pegada metálica que eu esperava. Vamos fazer a cor base. Então, o que poderíamos fazer? Há algumas opções aqui no painel Propriedades? E nós vamos ser capazes de mudar o brilho desta, uh, a tampa. Então veja, esta pequena área, diz Metallic, vamos aumentar isso com um brilho metálico e também brilhar tão bem um jogador com os dois para ver se podemos fazer isso brilhar. , Certo, talvez gostemos da cor dourada que você brilhe. Eu acho que no final, não brilhante o suficiente precisa ser um pouco mais metálico. Isso é adicionando uma textura nesse espaço aéreo tão importante. Então vamos adicionar nossa pequena textura dourada de volta lá. Mas o que poderíamos fazer é como camadas e loja de fotos ou ilustradores indo deixar isso em, vá em frente e clique em nossa camada e obtê-lo para carregar por cima. O que poderíamos fazer também é reduzir a opacidade nesta textura, então eu tenho minha pequena textura dourada. Vai reduzir as capacidades. Não é silencioso forte comparado com os outros elementos do tubo. Vamos adicionar um pouco de metal à nossa textura. Aqui. Você poderia adicionar rugosidade a ele. Se você quer nossa diminuição que o torna suave, estamos tendo um pouco de rugosidade. Parece legal. Você vê um passatempo? Talvez não seja um forte com ele mais forte, que reduza os passes que ele combina com a cor do núcleo. Debaixo há a nossa tampa e o nosso produto. Então vamos falar sobre o meio ambiente. Então aqui é onde estávamos e somos espremidos quando clicamos duas vezes e tivemos o corpo que adicionamos a textura. Adicionamos a textura na tampa. Mas agora vamos falar sobre o meio ambiente. Então, vamos clicar no ambiente e assim podemos fazer algumas coisas. Aqui. Podemos mudar a intensidade da luz, torná-la realmente brilhante, ou torná-la muito escura. Então eu preciso descobrir algo que não vai lavar o produto onde eu não possa vê-lo porque estamos usando isso em propaganda, esta imagem de produto. Então essa é a minha parte favorita. Então esta é a rotação é capaz de girar a fonte de luz e descobrir o que gostamos. Então eu meio que gosto daqui. Não quero que esse destaque cubra o nome do meu produto, mas gosto dele como um sotaque, então não posso fazer isso aqui, ou posso fazê-lo aqui mesmo. Depende se eu quero que a luz apanhe à esquerda ou à direita. Vamos fazer o lado certo. Podemos pegá-lo em ambos os lados. Observe como ele está adicionando alguma dimensão da esquerda e da direita. Poderíamos adicionar a intensidade para que não pareça apagada Para brincar com isso e obter a iluminação certa para o seu produto. Gosto de como o ouro salta na textura lá. Ok, então há aquele produto para que pudéssemos brincar com a câmera um pouco, então seu campo de câmera de você consumir fora. Você pode ampliar. Eu gosto de ampliar um pouco, só para que quando eu exportar isso, será uma imagem agradável, perto, de perto, de alta resolução. Também poderia voltar aqui e mudar tipo de ângulo do produto dela se você quisesse ter um ir para cima, baixo por todo o lado. Mas eu gosto dele sentado no chão, movendo-se em qualquer lugar ao redor do que realmente é necessário. Quando você começa a adicionar vários produtos, ele fica muito longe. Então foi assim que adicionamos nossa pequena garrafa de loção. Acho que terminamos com este muito feliz com ele. E nós podemos ir em frente e adicionar ou outro para agora e começar a ter todos os três produtos lá fora para que pudéssemos começar a obter algumas imagens realmente legais para publicidade e outros gráficos de mídia social , ok? 13. Lesson11 trabalhando com objetos: Eu queria compartilhar com vocês. Uma coisinha nas dimensões dhobi. Estamos nos aproximando da área inicial de ativos aqui à esquerda. Você poderia rolar para baixo. Pode arrastar qualquer um desses bens. Então, há sacos que compõem produtos. Há loções. Há camisetas que você poderia realmente adaptar qualquer coisa que você gostaria usando dimensões de adobe. É muito arrumado. Vamos acabar adaptando algumas dessas formas para os elementos da nossa marca. Vamos fazer isso um pouco mais tarde. Mas eu queria mostrar que esses são os materiais que você pode aplicar a um produto. Então, se eu quisesse selecionar por tampa aqui, você pode realmente arrastar esta cor dourada no topo e adicionar uma cor dourada. Trabalhe, adicione latão. Você pode realmente adicionar qualquer coisa que você gosta. Então talvez este pouco áspero seja ouro estragado bem ali. E eles não podiam diminuir a opacidade ou não a capacidade, mas o valor metálico. Então eu só queria mostrar algumas outras opções. Ele poderia dio Ok, então isso é o que tínhamos antes, e você poderia ir mais longe e há alguns efeitos de iluminação diferentes, iluminação ambiente diferente. Então, se um estúdio baixo para arrastar isso para dentro, vai mudar a iluminação do produto um pouco. Mesma coisa. Este é um estúdio macio quente. Eu ia ter tons claros quentes. Uh, este é um tipo diferente, realmente fazer algumas coisas legais aqui, mas como nós vamos colocar nosso produto em um tipo de fundo genérico branco, nós vamos voltar a ser como nós éramos. Mas eu só queria explorar maneiras de arrastar e soltar materiais diferentes, efeitos de iluminação diferentes. Coisas muito divertidas. Era o que tínhamos antes. Vamos em frente e preparar-nos para adaptar os outros. Eso que eu tenho são camada aqui. Vá em frente e pegue o tubo de aperto. Vamos duplicar essa camada, então vamos descer aqui para ações e duplicá-la. Vamos criar nosso cobre em nossas versões prateadas do nosso produto. Talvez precisemos diminuir o zoom. Então agora temos este outro selecionado. Então tubos espremidos podem ser de ouro. Agora precisamos do título de nossas camadas. Isto pode ser espiga para prata. Em seguida, vá em frente e agarre a nossa jogada. A ferramenta deve mover isso. E é aqui que Adobe Dimensions realmente brilha. Então agora eu posso mover este produto em relação ao outro produto para que eu possa tê-los empilhados ou em camadas. Posso até tirar este para o lado. Tudo bem, então vamos em frente e trazer o outro para dentro. Então vou entrar, Adobe Illustrator. Vou arquivar os documentos. Eu vou criar o nosso outro vai duplicar a minha camada aqui, e isto vai ser prata. Então o que eu vou fazer é copiar e colar isso lá dentro, mas mudar tudo. Então eu tenho que pegar nossa textura prateada aqui. Eu também vou trocar isso. Isto pode ser brilho prateado, oceano azul e manter tudo a dizer que vamos em frente e exportar isto. É um J. Peg. Mas agora posso voltar ao Adobe Dimensions, retomar este, ir em frente e pegar nossa ferramenta de mudança de câmera de contagem Movimente-a um pouco mais. E agora vou selecionar prata e fazer o mesmo que fiz com ouro. Vá em frente e para o corpo. Eu vou clicar mais e ir em frente e adicionar nosso material. Você também notou algo quando um zoom aqui nesta área que a textura é cortada bem ali. Então eu quero ser capaz de mudar isso e experimentar coisas diferentes. Então eu preciso daquele dedinho deitado esticado ao lado. Eventualmente, vamos precisar de um design traseiro para o nosso produto. Então a única coisa que tenho que fazer é ter um documento configurado. Nomes poderia estender ambos, está fora apenas um pouco para que eu tenha um pouco mais de textura que eu possa usar para enrolar . Isso é apenas este elemento. Se eu não tivesse esse elemento envolvido, eu não precisaria fazer isso. Vamos entrar em dimensões de adobe e clicar em nossa prata. Acho que tenho o oposto. Vamos fazer com que o ouro faça com que a frente ganhe ouro e o lado ganhe prata. Nós vamos selecionar nosso corpo em sua textura em cima, tinha uma textura. Todos os direitos poderiam manter a tecla Shift pressionada e arrastar que tentar combinar com os outros o melhor que pudermos . Ok, e nós também queremos substituir este. Vamos para o corpo dourado. Vai deixar o gráfico que já temos no topo. Vamos adicioná-lo de volta ao corpo em um novo que acabamos de ajustar e ir em frente e esticar isso. Então vá em frente e use essa torção e gire tipo de ferramenta. Poderíamos ver como ele envolve um pouco mais o produto, então me dá um pouco mais de flexibilidade. Então agora com a prata, vamos em frente e editar a tampa. Então vá em frente e pegue a tampa disso e nós vamos ir em frente e excluir esse gráfico e vamos ver se não podemos adicionar, esta será uma boa chance de praticar. Então nós temos nosso chumbo selecionado e vamos descer para uma textura metálica. Então vamos encontrar uma prata muito legal aqui. É arrastá-lo para baixo para a tampa, e nós temos um par de opções de prata alumínio que pode parecer um pouco mais como a prata que queremos, entanto. Isso é ótimo. Então eu apenas arrastando alumínio para lá e eu vou descer aqui e ver como ele tem metal no meu painel de propriedades. Eu ia reduzir um pouco o metal. Então há prata. Isso foi muito mais rápido. Então agora vamos em frente e adicionar cobre. Então deixe-me ir em frente, duplicar isso e ir em frente e pegar nossa ferramenta de movimento, deslizá-lo sobre. Que seja a mesma coisa, mas do outro lado. E observe como os produtos se sobrepõem. Então esta seria uma apresentação perfeita do produto se eu quisesse apresentar todos os três gráficos para um anúncio. Ok. E nós poderíamos até torcer isso um pouco para que possamos aguentar isso. Torça um pouco para o lado. Então você tem este torcido a esquerda aquele ligeiramente torcido para a direita, e então temos o ouro na frente recebendo o lugar certo aqui. Certo? Agora temos de trocar isto com o nosso cobre. Eu poderia duplicar isso. Eu vou em frente e fazer o cobre e trazer isso direito 14. Aula 12 de de Lesson12 de de o de de: último, mas não menos importante, vamos fazer a nossa versão de cobre. Então eu vou em frente e pegar minha ferramenta, e eu posso mover a câmera um pouco para me ajudar. Vai mudar para cá, tentar fazer com que corresponda a todos, ver se não conseguimos encontrar uma textura legal para o nosso cobre aqui , vamos para a tampa e vamos em frente e ver. Oh, eles têm um policial. Que bom. Ah, linda. Vamos para as minhas propriedades. Apenas algo é translucidez. Nós realmente não precisamos disso. Vamos ver. Metálico pode ser reduzido de propriedades metálicas. Gostei um pouco. Lindo. Torça isso ao redor. Então eu só vou pegar minha ferramenta de rotação, torcer isso um pouco mais, e então eu vou precisar editar a textura um pouco. É só arrastar mais na miniatura central que está alinhada com a tampa. Então agora vem a parte divertida. Vamos girar, ver o que parece legal. Então vá em frente, pegue minha ferramenta de câmera, mova isso um pouco, pegue o ângulo certo. gostei da minha ferramenta de órbita, ser capaz de orbitar. Olhe para fora. Legal. Isso é que eu amo esse programa. Olhe para todas essas fotos de produtos legais que podemos obter para o nosso anúncio. Então vamos fazer uma espécie de reta sobre que poderia fazer alguns outros também. Deixe-me rodar isso um pouco mais. Então eu tenho um policial dormindo. Vou obter a minha ferramenta Girar selecionada. Leve isso um pouco para a direita. Então combina com o prateado. Ótima. Então isso é exatamente o que eu quero que o meu dedo do pé olhar como para a apresentação do cliente. Então o que eu posso fazer é e ir para renderizar. Isso é aqui em cima. Então você tem design aqui e renderiza aparecem. Então, vamos clicar em Render. Vai demorar alguns minutos porque é uma aplicação muito intensa do processador. Eu ia demorar um pouco para me juntar, mas vai aparecer com uma prévia. Você está em alguns momentos do que será nossa visualização de impressão de renderização. Vá em frente e renderize. Ele vai ser capaz de exportar como um arquivo Photoshop ou um PNG. Então agora ele está renderizando, e o que eu gostaria de fazer é quando eu antes de pressionar o botão de renderização, eu vou em frente e definir o dedo do pé de qualidade média. Então eu tenho essa outra qualidade média, e eu gosto de verificar ambos PSD. Então é Photoshopped file e um PNG para me dar mais contra opções para poder usar arquivos que vai clicar em ambos para os formatos e eu faço qualidade média. Você poderia fazer uma baixa qualidade, mas parece ter uma granulação para ele. Em uma alta qualidade. Você poderia fazer uma renderização de alta qualidade, mas dependendo do produto, poderia realmente levar até uma hora para renderizá-lo. Então. É por isso que eu meio que vou bem no meio e faço uma qualidade média. Então, vai levar um tempo para ir em frente e renderizar que já tem um que já foi concluído. Isto é um pouco de uma atualização. Eu tive um clique duplo do P e G tipo de ver como tudo parece. E às vezes, quando você faz uma renderização, você vai descobrir que , uh, há uma certa qualidade nele que você quer mudar do tipo, este cobre. Quero talvez mudar a forma como brilha. E nem sempre parece assim na pré-visualização. Então, quando você renderizá-lo, você vai descobrir que ele tem um pouco de diferenças. Volte ao seu arquivo original e ajuste-o, mas eu vou abrir o arquivo da loja de fotos, e prepare nosso arquivo ou foto dela para apresentação de um anúncio. Vá em frente, amplie e dê uma olhada. Eu realmente gosto dos reflexos. Isso é ótimo. Se você queria Toe ADM ou Reflections, volte para as dimensões e altere o ângulo da câmera e diminua um pouco mais se quiser . Então eu vou desligar essa camada de cor de fundo. Não precisamos mais disso. Olhe para a frente. Arraste isso para que você possa ver um pouco mais do meu documento. Tudo bem, alguma criança fora da cor de fundo e eu só tenho todo um fundo transparente. Então eu vou em frente e exportar isso como nosso salvamento como um PNG, e eu vou chamar isso de todos os produtos. Vamos fazer um anúncio com os três produtos. Nós também vamos fazer um que apresenta apenas um de cada vez e fazer um anúncio especial. Vamos aparecer no Adobe Illustrator e poderemos usar esse recurso nesta foto e em um layout de anúncio 15. Aula de design partPart1 de os Backside: Então, agora que completamos é a frente do produto, precisamos fazer a parte de trás. Então vamos em frente e fazer isso nesta lição, e também seremos capazes de exportá-lo e prepará-lo para a impressora. Então já criamos nossos três modelos D, e isso tem sido ótimo. Não precisamos torcê-lo para o lado de trás. Mas digamos que fazemos para um site ou queremos apresentar a parte de trás para um cliente e precisamos obviamente ter uma volta para o nosso produto. Eu vou dobrar o tamanho do meu quadro de arte, tipo de ver algumas coisas que eu já tenho feito aqui. É assim que acabou. Eu ia duplicar o tamanho desde que ia editar os nossos quadros e, em seguida, w. e este é um tamanho arbitrário. Agora você poderá obter esses tamanhos na impressora. Quem vai fabricar as garrafas. Então o que eu quero fazer é estender meu Grady cobre por todo o caminho. E se eu precisar ajustar isso e adicionar um pouco mais de radiação, eu posso ir em frente e fazer isso. Vamos colocar o meu Grady no painel. E eu tenho que passar algum tempo talvez adicionando mais alguns Grady em pontos para que eu pudesse ficar quites no lado esquerdo e direito. Ok, então agora isso tem um pouco de trabalho raias de radiação através do fósforo, a frente na parte de trás, essa parte está feita. Então realmente, nós só precisamos trabalhar nesta área de trás e vamos em frente e pegar alguns guias aqui. Preciso descobrir qual é o meu ponto central. Então vou tirar um momento para ir em frente e chegar ao ponto central. Então eu sei que eu poderia ir em frente e a linha minhas costas perfeitamente. Então eu encontrei meu centro absoluto, e eu fui em frente para a linha. Então, se você meio que sabe como equilibrar isso um pouco com espaçamento, então eu vou apenas nivelar isso. E é aqui que podemos alternar essa grade. Eu ia fazer uma citação de comando e ir para editar quadros de arte e ver se eu não consigo mover isso. Então temos a mesma quantidade de caixas em cada lado, então vamos ver se temos três. E a razão pela qual temos que fazer para lá vamos nós. Então note como eu saí de duas caixas aqui e eu tenho duas caixas do outro lado. Então agora eu sei que a grade é mesmo agora eu posso alinhar isso um pouco melhor. Então eu a razão pela qual eu vim com um tipo de um layout de caixa pequena enquanto eu estudei a parte de trás de garrafas de loção e realmente peguei um par de garrafas de loção do meu próprio banheiro e dei uma olhada. Viu o que tinha na parte de trás? Que tipo de informação necessária na parte de trás? Então apenas fiz uma pequena pesquisa de produto para ver o que outras pessoas de design de pacotes estavam colocando na parte de trás. E você poderia fazer isso. Você pode não ser pode não estar fazendo uma garrafa de loção para a embalagem da sua marca. Você pode nem ter um produto. Você pode ter um serviço. Mas se você tem um produto, basta estudar o que seus concorrentes fazem ir para um grande varejista como um alvo ou um Wal Mart ou o que quer que vocês tenham que estudar o pacote projetado para ver o tipo de itens essenciais serão a maior parte do tempo. Se estás a fazer isto por um cliente, eles vão dar-te o código de barras e toda essa informação. Você só precisa fazer parecer fantástico. Então esse é o seu trabalho como designer. Então eu tenho um pequeno código de barras esta noite, fornecido e o guia de recursos o guia de recursos bem aqui em cima. Eu tenho isso disponível para download aqui. Código de barras gráfico. Então você será capaz de conseguir isso neste site, e eu já tenho isso carregado. Apenas meio que ajuda você a ter algo para trabalhar se você está trabalhando com, ah, ah, produto que precisa de um código de barras. Então eu vou apenas pagar definido em nosso documento e pensar sobre códigos de barras é que você tem que ter um pouco de espaço vazio em torno dele, porque se o scanner pode estragar tudo, se há algo realmente por perto. Então eu gosto de ter muito espaço em branco, e eu gosto de colocá-lo como um porco de um fundo possível. Então, neste caso, eu vou continuar e tê-lo aqui em baixo em termos de tamanho. É incrível o que você pode se safar em termos de tamanho e sua capacidade de continuar a digitalizar. Você não pode tê-lo deste tamanho. Vai ter problemas na digitalização, mas você pode escapar com um pouco de tamanho menor. Não se sinta como se tivesse um dedo do pé tivesse esse código de barras gigantesco. E isso é outra coisa com testes de produtos. Se o dedo do pé fizer uma impressão de teste do produto, certifique-se de que é digitalização. Hum, isso seria muito importante porque eu não quero produzir um produto em tudo. Disse que o scanner não funciona. Eso tipo de fornecer o tamanho certo e muitas vezes um cliente fornece um código de barras. Será um tamanho específico e você não precisa se preocupar em redimensioná-lo porque ele já está no tamanho final. Tem de ser. Então é meio que repassando isso um pouco. Tudo bem, então queremos organizar esses itens e queremos colocar o pensamento e o estilo perto da nossa marca. Vou tirar uns minutos e fazer disto o Avenir lutar e depois vamos trabalhar um pouco com o Lay. Não vamos passar uma tonelada de tempo com as costas, mas vamos resolver isto para podermos ter um pouco mais de hierarquia de tipos. Então vamos trabalhar fora um pouco deste tipo, então temos algumas esperas realmente agradáveis aqui. Vamos começar a trazer isso para a frente, um pouco deste peso e estilo da fonte para trás. Então eu vou pegar essas manchetes e vamos adicionar um pouco de hierarquia de tipos tornando as manchetes um pouco maiores. Poderíamos fazer um alinhamento certo, mas como é uma garrafa bem esbelta, gostaria de me comprometer com um alinhamento central. Dems poderia fazer um alinhamento central, ingredientes tão simples, resultados espetaculares que podem ter que estar em duas linhas. Vamos colocar um período depois disso. É uma espécie de declaração. Então temos avisos. Portanto, alguns destes não precisam ser muito grandes. Então eu vou em frente e enviar um pouco deste item de aviso. Vamos fazer isso muito menor. Ainda precisamos ter um tamanho específico, dependendo do seu país, mas não vamos deixar que seja tão grande que sobrecarregue, então vou em frente e reduzi-lo para 8,5. Esse é o mínimo que eu gosto de ter apenas limpando, uh, uh, fechando o espaçamento sobre isso. Está tornando isso não tão aparente que esses avisos são bons para saber, mas não precisamos que isso seja a coisa número um para que possamos ter essas caixas individuais para manter com nossa pequena fama e derrame elemental encaixotado. Então temos nossos ingredientes simples e agradáveis . Nós provavelmente poderíamos fazer isso muito menor também. Então vamos fazer este 10 e colocar um bom espaço amplo lá porque temos muito espaço para respirar com esta peça. Então repare como isso fez tudo respirar e se sentir mais natural e limpo. Então eu pensei que isso seria necessário para o topo. Ingredientes simples, resultados espetaculares e talvez usos e avisos poderiam ser na mesma área foi bom. Faça o mesmo peso do pote, tamanho e estilo. Vamos mover a nossa lista de ingredientes para o topo. Vamos manter nossos avisos e usos aqui. Agora só estamos bloqueando, o que estamos achando nosso lar. Podemos não precisar bloquear os ingredientes, mantendo-o aberto e limpo. Talvez ter três caixas seja demais. Talvez apenas avisos precisam ser encaixotados, mas vamos ver dois ingredientes espetaculares e eu provavelmente para soletrar corretamente que não estava nem perto de ser soletrado corretamente. Então não tenho certeza do que aconteceu lá. Ingredientes tão simples e isso será um período. Então eu acho que eles serão ingredientes muito simples, resultados espetaculares. Certo, então só precisamos checar nossa avó sobre isso outra hora. E vamos pegar esses elementos na frente e incorporá-los na parte de trás para consistência . Então eu tenho aquela pequena barra de cobre, e isso poderia ajudar a espaçamento para elementos de texto com um pequeno elemento gráfico. Certo, Certo, então esse aviso e usos talvez possamos fazer isso um golpe mais grosso ou mais fino . E se fizermos um derrame fino e acho que não precisaremos de uma caixa aqui? Então usa Vamos lá e ter usos aqui. Podemos até duplicar a opção de segurar e arrastar. Obtenha uma segunda barra de divisão aqui e, em seguida, os avisos podem precisar estar em sua própria caixa, dependendo do que as regras do pacote. O que a FDA requer cursos nos Estados Unidos. Você pode ter seu próprio órgão que determina o quão grandes avisos precisam ser. Mas acho que tenho que encaixar. Só estou desligando isso para ter um pouco mais de controle sobre itens que não precisamos fazer. É largo. Também podemos fazer isto um cinzento mais claro. Então, não se destaque. Sim, os avisos. Temos um pouco mais pequeno aqui. E então temos nosso código de barras e nosso site. Então vamos em frente e colocar nosso código de barras aqui com nosso site na parte inferior. Isso geralmente é padrão. E vamos ter a nossa cara do mesmo tipo aqui. Loção elementar. Vamos fazer 18 pontos de tamanho. Quando eles o tornam um pouco menor, podemos ter uma boa idéia do que isso vai parecer com base no que estamos vendo agora, é sempre bom colocá-lo em uma simulação até tipo de ver como ele fica no produto real. Então podemos decidir remover a caixa ou pode decidir enrolá-la. Nós não sabemos. Então vamos tentar que eu vou exportar. Este é um J. Paige, e eu vou trazê-lo em dimensões para ver como você gosta do layout para ver se eu preciso ajustá-lo 16. Lesson14 BackSide: Antes de fazer isso, eu notei. Eu também preciso ter certeza de que os elementos estão alinhados no lado esquerdo e no lado direito para que eu possa ir e conversar. Oh, minha grade. E você vai notar que a loção elementar aqui em baixo eu adoraria esses reboques alinhados um pouco melhor. Então eu vou arrastar isso um pouco para cima ou arrastar isso para baixo para combinar com o alinhamento. Então sua pequena linha de palha aqui para obter o fundo do elemental. Eu poderia fazer isso um derrame. Apenas certifique-se que isso é empurrado para cima e descanse na mesma linha de base. Então temos algum tipo de continuidade. Alinhamento sábio. Eu adoraria se ele estivesse alinhado também. E talvez tenhamos que fazer isso, porque pode ser aí que o produto aparece. Podemos não ter o quarto, então deixe-me testar isso muito rápido. Vá em frente e remova esses elementos e exporte como um JPEG, ou neste caso, P e G. Então dimensões adobe meio que faz uma coisa engraçada. Quando eu apliquei a frente e atrás como você iria enviá-lo para a impressora e eu postei aqui, pode ter um estranho ângulo defeito. Então o que eu vou fazer é duplicar esta garrafa de cobre sendo duplicada. O que eu fiz foi cortar e loja de fotos da Adobe. Eu cortei para baixo para apenas um lado, então eu vou ter apenas duas garrafas mostrando a frente e, em seguida, a parte de trás mostrando a parte de trás não foi capaz de obter a etiqueta para percorrer todo o caminho em todo o caminho através de um modelo. Não sei por que tive problemas com isso, mas tudo bem. Isso pode ser uma limitação do programa. Então eu estou arrastando esta camada para fora, movendo-o para a porta ao lado, levando-os para a frente para o lado direito a lado. E eu vou em frente e ajustar minha câmera aqui e aqui embaixo, usando a câmera, ajustando ferramentas, e eu vou virar uma. Acho que pode virar. Qualquer um meio que virou tudo. Nós vamos colocar estão de volta gráfico sobre ele. E é apenas para nos dar uma idéia do que pensamos do nosso layout. Tem um corpo que você remove. Eu não poderia manter o gráfico frontal e ter um segundo gráfico ligado, então eu vou adicionar o segundo gráfico e eu cortei-o. Então é só que o tio de um lado não te mostrou o que eu não ouvi na loja de fotos. Só tenho um lado. Não vou fazer os dois lado a lado. Isso é o que eu preciso enviar para a impressora. Mas para este modelo três d, é bom ter dois gráficos, um para a frente e outro para a parte de trás. Então deixe-me ter um ir em frente e colocar o que P e G waas com volta e ir em frente e ajustar o tamanho segurar deslocamento para que ele escale dimensionalmente. E então eu já estou vendo a preocupação que eu tinha onde o topo do produto vai para o topo. Então talvez eu precise dar mais espaço para respirar no topo para o meu layout porque está parecendo um pouco apertado. Então, agora, quando eu rodar isso, Eu tenho ambos os gráficos longos. Vamos ver como fica. Parece muito bom. Eu tenho que alinhar isso um pouco, provavelmente só preciso arrastar este gráfico para baixo para conseguir que seja perfeito. Trabalhar num espaço de três D não é fácil. Isso é perto o suficiente. Bom o suficiente para criar um pequeno produto de três D renderizar para o nosso site, que é o que o cliente quer. Uma pequena renderização de três D. Então agora eu posso ir para o ambiente e mudar qualquer intensidade ou rotação. Você vai renderizá-lo e ver como ele se parece. Então aqui está a renderização final e eu É por isso que eu amo fazer simulações de produtos porque eu realmente posso testar o layout. E o que eu estou percebendo é que esta é uma margem muito apertada, então eu vou ter que ajustar meu alto para ter certeza que isso não vai ser um problema com o fabricante. Então eu vou voltar para o Adobe Illustrator e tipo de reduzir ou recolher parte do espaçamento entre todas essas áreas diferentes para ver se eu não posso recuperar um pouco do topo . Não é muito só trazê-lo para baixo assim. Então, digamos que estou pronto. Eu quero ter melhorado tudo isso. Estou pronto para garantir que tudo tenha um alinhamento central para que ele sempre possa alternar ou ligar a grade novamente. Temos uma pequena linha central que criei, então sei onde fica o centro. Poderíamos apenas fazer um tipo de alinhamento central para ter certeza de que tudo está centrado. E há um mesmo espaçamento aqui que há no final para o meio do design do produto . Então agora podemos ir em frente e preparar isso para enviar para a impressora. Então é assim que você teria que envolveria todo o caminho ao redor do produto. Então vamos em frente e fazer tudo o que faríamos para todos os projetos impressos. Vamos criar contornos. Vamos apenas escrever, criar contornos. Se houver algum caminho que precisamos para ter certeza de que descrevemos o traçado em nossos caminhos, vamos apenas ir para o caminho do objeto e delinear seus traços. Então nós delineamos ou traços em seu passe, e eu acho que estamos prontos para ir em frente e exportá-lo. Também queremos verificar se isso não é vê-lo como um modo. Então você vai para o arquivo você vai para o modo de cor do documento. Podemos verificar que ele não está vendo como um Então ele fez tudo o que precisamos para fazer o que ele também ter certeza de que este é o mesmo pensamento durante todo este é tudo da mesma cor, e nós poderíamos apenas fazer isso em destaque nossa chaleira preto marca Keller que nós temos usado para ter certeza de que é um Inc. E estamos prontos para exportar. Nós vamos em frente e ir para o arquivo. Vamos exportar isto como e dependendo das especificações do fabricante. Então eles vão pedir uma sangria ou não, e geralmente com projetos de produtos, eles fornecem um modelo que você pode colocar seu design e ir em frente, salvá-lo e enviá-lo. Ou eles apenas lhe darão um tamanho bruto de área ao vivo, de modo que áreas vivas onde o design realmente vai para um produto. E muitas vezes isso não sangra. Nem sempre. Depende do produto que você está fazendo. Então, neste caso, eu não vou sangrar porque o fabricante respeita apenas me deu um grande tamanho de vida. Não, sem sangramento. Então eu vou fazer um pdf. Então deixe-me voltar e ir em frente e salvar como pdf. Então vá em frente e faça uma pintura. Pdf foram para deprimir, pronto, sempre pressionar pronto. Quando o enviarmos, vamos desmarcar preservar os recursos de edição do ilustrador. É só para manter o tamanho do arquivo baixo. E não vamos adicionar sangramento, então não se preocupe com isso. Certifica-te de que temos os nossos 300 p i R d p i para resolução e estamos prontos. Vamos em frente e salvá-lo. E eu acho que a parte mais importante de preparar um arquivo como este é ter certeza que você tem em um documento. Você tem a frente atrás. Tudo é um arquivo de tamanho único. Exatamente como a impressora solicita. Então eu mandaria isso. Eles fazem uma impressão de teste de produto para mim, e eles iriam enviá-lo para o cliente ou para mim, que possamos tipo de ver como as cores estão se deparando. Também podemos decidir fazer isso neles e na cor de PMS metálica, que vamos rever mais tarde na aula. Como fazer uma tinta metálica e como configurá-la. Assim, a impressora sabe qual tinta metálica usar. Então, se quisermos adicionar um pouco de brilho ou brilho a alguns desses elementos, vamos ver como fazer isso um pouco mais tarde. Então isso foi apenas uma espécie de uma visão geral simples e ampla de como fazer o backside e como exportar isso 17. Aula15 AdDesign: Agora é hora de desenvolver um anúncio que vale o nosso produto de beleza ah. Então eu queria colocá-lo na revista High End. Então eu fui em frente e encontrei algumas manchas de anúncios, que é o que é chamado de tamanho das diferentes páginas para o anúncio que você vai precisar saber para que você possa criar seu documento ou criar seu anúncio para que ele vá zoom e eu vou te mostrar um pouco. Como são as especificações adicionais? Então é basicamente especificações de arte, e você pode pegar isso de quem quer que o editor seja. Você sempre pode enviar um e-mail para o editor ou um cliente terá isso em arquivo. Eles vão enviá-lo para você. Então este é o tipo de que tamanhos para um anúncio de página inteira cursos, um monte de diferentes tipos de tamanhos. Há 2/3 de uma página. Tem 1/2 página. Onde está um rapaz? Já fiz praticamente todos esses tamanhos. O que vamos fazer para esses exemplos, vamos fazer um anúncio de página inteira. Vamos ser Hempel. Amplie e veja como configurar o arquivo. Então, há alguns tamanhos diferentes aqui. Há dimensões finais, área viva e tamanho de sangramento. Então o que eu gosto de fazer um ilustrador é que eu gosto do dedo do pé. Vá em frente e crie um documento que seja o tamanho final. Então, neste caso, tem 10 polegadas por 13 polegadas, então 10 polegadas de largura por 13 polegadas de altura. E então eu gosto de adicionar os lados de sangramento fora disso. E então os tamanhos de sangramento o que vai ser cortado depois de ser impresso? Portanto, o tamanho da sangria é realmente apenas para a impressora e ter um trabalho de arte extra sangrando fora dela. E então ele é cortado para o tamanho da tendência, que é o seu tamanho final. A área ao vivo é esta pequena área aqui, e é aqui que você não quer ter nenhum texto fora desse limite. Então, entre isso, essa pequena área vermelha entre a hemorragia e a área de segurança, você não quer ter nenhum texto, e então você será capaz de me incentivar a revisar isso de forma abstrata. Vamos morrer então, e eu mostro-te o que preciso. Então ele vai abrir um novo documento, um ilustrador, e nós vamos voltar para o nosso puxão ou adicionar especificações. Então, 10 polegadas por 13 polegadas e esse é o tamanho final. Então vamos em frente e abrir um documento que é 10 por 13. Certo, e temos uma hemorragia. Então vamos ver quanto são sangria é, então queremos adicionar chumbo aos documentos do que é o tamanho da sangria que o tamanho da sangria mede 2,5 polegadas por 13,5 polegadas. Então é meio centímetro de sangramento. Então vamos em frente e abrir nosso documento de novo. Vamos adicionar 1/2 polegada de chumbo. É aí que pode parecer um pouco complicado. Então, para levar algum tempo para se acostumar com isso, então você percebe que há 1/2 de polegada de sangramento aqui que seria adicionado ao documento, que é a diferença entre o tamanho final e o, uh, uh, o tamanho da sangria. Então há 1/2. Eventualmente pensaria que você iria para ilustrador e fazer 1/2 polegada todo o caminho ao redor. Mas aqui está a coisa. Hum, isso é junto, então você tem os lados esquerdo e direito juntos como uma polegada inteira sangrando. A mesma coisa com o topo do fundo. Ele os tinha juntos. Isso é uma borda completa, então nós realmente só precisamos de 1/2 polegada todo o caminho ao redor. Então, para fazer isso, nós realmente vamos conseguir. Ah, um quarto da imagem. Então, se fizermos 1/4 de uma polegada superior e inferior juntos, isso é 1/2 polegada todo o caminho ao redor. Vamos em frente e clique em Criar. Isso parece muito complicado. É. Então eu fiz uma espécie de Ah, 1/4 de polegada para ser capaz de obter, hum, o tamanho que tinha adicionado aqui, que adiciona 1/2 uma polegada, que é dividido pela metade porque é apenas largo, então de qualquer maneira, isso é Incrivelmente complicado. Vou colocar um documento. As aulas podem entender como criar crer. Ok, então aqui está o nosso documento, e nós também temos uma segurança que para mim eles realmente te dão o tamanho de segurança. Então, que também poderia ser chamado de área ao vivo. É uma área ao vivo, e a linha de segurança é que eles são muito parecidos. Eles são intercambiáveis. Eso é 9,5 por 12,5. Então vamos criar um novo documento que é 9,5 em 12,5 criado novo médico não e 1/2 e Bem, isso aconteceu. Espero que o editor, não em todos os casos, eles podem ir em frente e fornecer-lhe um arquivo que tem a hemorragia. Tudo isso pronto para você, e você acabou de colocar o design. Isso seria o mais ideal. Mas nem sempre é esse o caso. Às vezes, os editores dão números errados e deixam você descobrir o sangramento da segurança. Ok, então eu vou ir em frente e arrastar isso para dentro Esta é a nossa segurança. Então é aqui que queremos ter objetos e texto não pode sair desta caixa preta. Vá em frente, reduza a pílula. Então, toda esta área aqui do lado de fora, não podemos ter nenhum imposto. Mesmo que seja aparado para esta área. Você ainda não pode ter nenhum nesse pequeno texto. Então, nossos documentos estão prontos e prontos para ir. Estamos prontos para fazer nosso layout. Isso acabará por ser exportado como PDF. Então vamos para a parte divertida e vamos começar um projeto 18. Aula16 Adlayout: Estou trazendo nosso PNG do nosso produto, e às vezes você tem que aumentar a resolução. Então eu estou realmente voltando para as dimensões. E eu fui até o projeto Cancele isso. Mas eu queria projetar, e eu mudei o quadro de arte para ser um pouco maior para que pudesse ter uma resolução melhor . Eso poderia trabalhar em um formato de impressão realmente grande. Então eu trouxe o PNG e temos todos os nossos outros elementos de design. Poderíamos ir em frente, abrir e trazer isso aqui. Bem, vamos em frente e abrir nossos arquivos de logotipo. Seremos capazes de arrastar tudo. E ainda não sei como vou colocar o anúncio, então vou trazer os dois. Tenho que trabalhar no nome da empresa em algum momento, mas com o produto para assumir a vanguarda, provavelmente quer ter uma manchete lá em cima. Quer mantê-lo limpo e fundo branco. Então pensei em ter um bom contrato com o anúncio. Podíamos ter preto na parte inferior, o nosso pequeno logótipo aqui em baixo. É algum tipo de chamada à ação, apenas uma espécie de bloqueio do nosso design, tipo de ver o básico que gostaríamos. Então mantenha isso lá embaixo, apenas no caso de termos alguns de nossos elementos gráficos que podemos usar para que possamos ter nosso pequeno elemento indo para o lado. Sabe, é quando começamos a brincar com seus elementos de marca para ver se vale a pena ou não. Então pensei em algumas coisas que poderíamos fazer. Vamos para a nossa manchete. Então vamos escolher uma fonte de título. Isso é o mesmo que temos usado a ferramenta de tipo grabber. Tudo o que brilha é ouro, e vamos fazer a nossa fonte Avenir. Não tenho um ano. Vamos fazer um bom pesado ou eu sinto muito Black Tudo bem, então não tem que ser a nossa última manchete. Vamos em frente e pegar que, uh, fazer a ferramenta conta-gotas e ficar tão baixo, aquela chaleira preta escura que escolhemos anteriormente em seu manual de padrões de marca e assim poderíamos brincar com o tipo aqui, vamos trazer nossa paleta de cores para uma marca. Então temos isso disponível. Você pode ver o que parece se eu destacar o dourado aqui e trazer a nossa cor dourada de marca . Sabe o que isso poderia parecer? Você poderia fazer um leve fazer o ouro dourado para ter contraste com nossas escolhas de peso de falha . Este é um anúncio limpo muito básico, mas sinto que falta alguma coisa. O que eu adoraria fazer é ser capaz de mostrar o que parece quando a loção é esfregada na pele. Então eu meio que tenho aquela cor dourada grande, profunda, talvez um pincel de ouro que atravessa esse esse tipo de mostra como é quando se espalha pela mão. Então vamos precisar ir para a loja de fotos para isso. Para criar uma textura personalizada. Você poderia basicamente ser como um pincel que atravessa, e nós adicionamos um pop dinâmico realmente bom a este anúncio também. Então vamos passar por uma loja de fotos e criar alguns pincéis de ouro personalizados 19. Aula1 7 de LayoutDesign Photoshop: Estou no Adobe Photoshopped hoje e vou criar algumas texturas personalizadas não só para o design de anúncios, mas para outros ativos de marca. Então, quando eu criar um tipo de ouro, cobre e um tipo de prata pintado tipo de efeito escovado então eu vou fazer isso. Estamos usando alguns arquivos diferentes para que você possa acessar esse arquivo no guia de recursos. Sua foto livre de arquivos de pixels será capaz de ter isso e usá-lo como você quiser. E eu tenho isso aberto aqui em uma loja de fotos. E outra coisa que eu vou precisar é que eu vou precisar baixar alguns pincéis para que você possa realmente baixar pincéis e instalá-los na loja de fotos em. E eu tenho um chamado escova seca e eu tenho um pulso para fornecer um link para isso e o guia de recursos para que você possa ir em frente e baixá-los. Ou você pode baixar quaisquer pincéis que pareçam próximos a isso. Ele pode google pincéis Photoshopped gratuitos. Apenas certifique-se legalmente que você é capaz de usar isso. Hum, se você está fazendo isso para o trabalho de cliente, se você tem, você pode ter que comprar os pincéis. Se estiver usando para trabalho remunerado. Mas se você está fazendo isso para praticar por diversão, você pode baixar estes e não ter problemas com isso, eu vou mostrar a vocês um exemplo de como isso se parece. Eu tenho isso poderia criar uma nova loja de fotos camada. Vá em frente, pintar que ons e tipo de ver como eu tenho uma grande variedade de diferentes texturas de pincel para trabalhar com este conjunto de pincel particular. Então eu vou escolher um, eu acho que seria um pincel agradável e versátil. Acho que será o número 10. Então isso é o que parece. Então aqui está o que vamos fazer. Tenho uma nova camada. Vai ser a minha pincelada dourada. Vou torná-lo bastante grande. Talvez 2000 ou 2200. Tenho que ir em frente. Basta clicar uma vez. Vou certificar-me de que tenho 100% de opacidade, e não importa a cor, mas vamos escolher a cor da base dourada. Então escolher uma cor dourada que não é muito laranja, mas também não cinza. Então eu estou meio entre cinza e laranja para tipo de obter o ouro que temos usado antes. Então eu ia clicar uma vez. Depois há um pouco de textura de pincel. Então o que eu vou fazer é pegar minha outra camada aqui, e eu vou apenas reduzir o tamanho disso. Bastantes eventos ficariam agradável, bela textura sobre este pincel. Vá em frente e pressione Enter. Agora, eu quero ir em frente e selecionar este pincel inteiro. Então eu vou pegar minha ferramenta de varinha mágica. Vamos em frente e clicar em qualquer lugar fora para selecionar tudo lá fora, e então vamos reverter essa seleção. Então, em vez de reverter tudo lá fora estavam virando ao redor e parece que há um pouco aqui. Então o que eu quero fazer é fazer este pincel um pouco menor para que nada seja deixado de fora da textura dourada recebendo minhas ferramentas de seleção rápida. Vá em frente, reverta. Essa seleção vai selecionar selecionar inverso. Ele também pode fazer o atalho de teclado lá. E agora eu não selecionei, então eu vou apenas ir para a minha camada de textura base chamar esta textura e eu vou apenas copiar e eu vou colar no lugar, ir para adicioná-lo em seu especial e colar no lugar ou você poderia fazer o teclado curto Atalhos Um boom. Então agora temos a camada que criamos com o pincel. Também temos uma camada de textura no topo. Então agora temos que cortar e temos nossa camada base, que não precisamos mais. Então agora só precisamos disso. O que vou fazer é criar uma nova camada e torná-la branca. Só para eu saber como a textura vai ficar em branco só pegando a ferramenta de balde de tinta . Então agora eu posso ter uma idéia melhor. Isso parece muito bom, mas acho que podemos modificá-lo ainda mais. Então, queremos obter um pouco de ouro melhor vibrante. Isto é um pouco vibrante demais. Então fomos para reduzir a saturação para que parecesse menos laranja e um pouco mais profundo . Eso eu vou subir e eu tenho a minha camada de textura selecionada. Eu só vou para a imagem e eu vou apenas a saturação. Então, basta entrar em matiz e saturação. O que está acontecendo e reduzir isso um pouco. Veja como isso traz um objetivo semelhante com o qual temos trabalhado e isso vai ser muito brilhante, então apenas meio que reduzindo a saturação de tad. Então isso ajuda com esse ajuste. Eu também posso mudar o modo de mistura um pouco. Então a textura e a por trás que criamos se misturam um pouco, que não pareça ser apenas uma textura recortada. Queremos fazer com que isto pareça o máximo possível de uma pincelada. Então eu vou brincar com algumas configurações nos modos de mesclagem é ver se eu não consigo encontrar um que se misturaria bem. Isso é sobreposição. Eu meio que vejo a pincelada por baixo da textura, que é bom. Eu acho que o que eu poderia fazer, IHS, ver se eu posso apenas reduzir a capacidade um pouco sobre isso ou talvez tentar sobreposição, talvez luz suave. Então agora o que eu quero fazer é que eu realmente quero afiar essa textura. Então eu só vou subir e fazer uma nitidez simples, então eu vou para filtrar a nitidez, afiada mais para que você veja tipo de diferença. Então isso é antes, e isso é depois. Esse tipo de realmente adiciona um pop a essa textura. Vamos ver se não podemos fazer isso de novo, pode ser demais. Sim, um pouco demais, a menos que afiar uma vez que vai descer para afiar. Se você quisesse afiar Mauritz como usar afiado duas vezes, somas poderia usar a nitidez regular. Sim, linda. Então agora podemos ir para a nossa textura. Somos camadas de textura no topo, e podemos obter nossa ferramenta de esquiva e gravação, e podemos adicionar um pouco mais de dimensão ao pincel. Talvez adicionar um pouco de sombra mais escura no fundo. Brincar com suas sombras e destaques aqui que também poderia fazer a mesma coisa e adicionar um pouco de brilho usando, uh, a ferramenta Dodge para o meu pincel redondo macio emplumado, olhando um pouco menor quando você adiciona um pouco destaque estilhaçado a esta textura. Então, há uma textura de pincel que poderíamos usar ao longo de nossos elementos de branding enquanto criamos elementos diferentes, elementos diferentes,poderíamos até usar isso para o Web design como um pouco de textura de fundo. Esta é bastante alta resolução, então eu posso me sentir livre para usar este braço itens maiores. Isso não é vetor, que é o que eu preferiria, mas não você nem sempre pode fazer texturas e vetores. É possível, mas é sempre um pouco mais difícil. Então eu vou cortar isso. Eu vou criar alguns outros pincéis usando alguns dos outros pincéis nesse pacote para que eu possa ter um par de opções de pincel diferentes. E o que realmente precisa é o próximo. Vamos ser capazes de mudar rapidamente para cobre e prata para que possamos ter todos os três metais que podemos usar para o nosso design de panfleto. Afiei este gráfico um pouco mais e até trouxe outra textura para adicionar um perfil um pouco mais complexo a isso. Eu não modifiquei muito do que acabamos de fazer, mas eu quero fornecer. Este é um recurso para download. Todos os três uma vez vamos criar o cobre, a prata e o ouro para que se você quiser ir em frente e ter este pincel exato e ir e tê-lo, isso se parece exatamente com isso. Então eu queria passar pelo processo de mudar isso para prata e cobre, usando alguns ajustes de imagem e loja de eleitores. Então os prateados provavelmente vai ser o tipo mais fácil de fazer isso quando Primeiro nós simplesmente vamos até os ajustes de imagem e nós vamos estar saturados. E lá vamos nós. Temos prata. Também podemos subir e ir para o brilho e contraste. Estou fazendo tudo nos ajustes de imagem do painel de ajustes. Será que eles vão para o nosso brilho e talvez fornecer um pouco de pop lá? Nós não queremos que ele seja muito escuro Atmore contraste ou menos contraste, mas eu gosto do contraste fora tipo de fornece para brilhar. Poderia haver nossa prata, então isso foi bem fácil. Então o cobre vai ser muito parecido com o que fizemos antes. Vamos voltar ao que tínhamos originalmente, então eu iria em frente e salvar. Isso é um PNG sem o fundo branco. E assim para o cobre. Eu vou até os ajustes e ver se eu não posso fazer algo com o equilíbrio de cores para realçar um pouco da cor de cobre. Então você pensa em cobre. Não é tão amarelo como ouro. Tem o vermelho lá dentro. Vamos ter isso em mente quando nos adaptarmos. O equilíbrio de cores seria adicionar um pouco de vermelho e amarelo. Vamos descer para o equilíbrio de tons. Vamos mudar sombras, tons médios e destaques. Então, adicionando um pouco de amarelo, mas adicionando um pouco de vermelho. Então você meio que vê a cor de cobre saindo um pouco. Isso está começando a pegar dois ouro que não deveriam fazer tanto amarelo na vida alta, mas em um pouco vermelho. E então há provavelmente uma cor de cobre muito boa, eu diria. E então lá vamos nós é bastante fácil de criar tudo isso a partir da nossa escova de ouro base. Fomos capazes de criar os outros dois muito facilmente. Então eu vou ir em frente e exportar todas essas estacas J e ter certeza que minha camada branca que eu tinha foi desativada. Eu ia salvar como e ir em frente, exportar. Tudo isso é P e G. Mas eu também forneci isso como um recurso para download. Se você quiser disponibilizá-los para uso, vamos voltar para o Adobe Illustrator. Vou fazer mais uma coisa. Eu quero criar um par mais texturas, basicamente texturas de fundo fazendo o mesmo método, mas sem o pincel 20. Aula18 AdLayout de atrás: criar a próxima textura de fundo vai ser muito fácil, porque não vamos precisar trazer nenhuma foto para este. Ele vai ter um arquivo e abrir um novo Nós vamos ter um bastante grande porque nós queremos ser capazes de adaptar este dedo do pé itens de grande formato se precisarmos, nós vamos fazê-lo. 2000 por 2000. Certifique-se de que a resolução é agradável e alta, talvez 300 resolução e tudo o resto é muito bom. Senta, cria. E nós vamos em frente e obter uma espécie de base de cor dourada. Então eu tenho este relógio já escolhido para a nossa cor ouro base, que é o que eu uso para o pincel que criamos. Vamos pegar nossa ferramenta de balde de tinta, criar uma nova camada, então vá em frente, fazer aquele ouro. O que vamos fazer é adicionar um pouco de textura adicionando grãos ao documento. Vamos simplesmente subir para filtrar mercadorias, deixar o ruído do filtro da camada. Vamos adicionar um pouco de barulho e não é preciso muito barulho para fazer este efeito acontecer. Então, às vezes eu só faço talvez 3% então apenas meio que depende. Só estamos adicionando um pouco de barulho. Talvez quatro. Ok. Ok. Uma espécie de base de ouro. Também poderíamos pegar a ferramenta de queima de Dodger que poderíamos modificar isso um pouco. Algo irá mostrar-lhe um pouco de técnica de edição não destrutiva muito rapidamente. Então eu posso aplicar Dodge e queimar diretamente na camada e tipo de convidados onde eu gostaria dos destaques. Mas digamos que eu acho que isso é muito forte. E, uh, tipo, eu quero voltar. Eu não posso. Eu editei na camada. Não posso modificar isso. Vou voltar à minha história e mostrar-te uma técnica. Vou criar uma nova camada que vai ser a nossa camada de desvios e queimaduras. E vamos nos esquivar e queimar não em nossa camada original, mas em uma nova camada para que não destruamos nenhuma camada original para que você sempre possa voltar e editar nossos efeitos. Então eu tenho este esquivar e queimar camada selecionar. Vamos editar o Phil, e vamos encher isto. Há uma pequena queda para baixo muitos bem aqui e conteúdo. Onde vai adicionar 50% de cinza para que não seja preto, não é. Branco está bem no meio. 50% cinza. Nós vamos clicar, OK, e aqui está o truque. Vou em frente, puxar meu painel de camadas. Então este top cinco Dodge e queimar mais tarde. Vou em frente e fazer essa sobreposição. Isso é uma mistura. Modos de fazê-lo sobrepõem o humor de mistura. Então o que eu posso fazer agora é que eu poderia fazer esquivar e queimar em cima desta camada e não afetar a camada inferior para que eu possa entrar aqui atrás. Tudo bem. Estou fazendo um monte de coisas loucas com passarinho desonesto. Nós nos queimamos. Tool, faça algo meio louco. Eu não gosto disso. Então eu poderia apenas desligá-lo que eu tenho a minha camada original ou eu poderia pegar a ferramenta Borracha meio que limpei um pouco. Então deixe-me voltar e adicionar um pouco de sombras à nossa textura. Muito grandes. Pincel muito grande. E vamos reduzir um pouco a exposição. E eu estou em sombras para que eu poderia tipo de alternar que para frente e para trás entre sombras e realces obter o efeito certo. Está adicionando uma pequena dimensão, então não é apenas um quadrado plano, adicionando uma pequena dimensão à nossa textura. E também queremos fazer um bebê em breve. Esquivar realmente reduzir a exposição. Nós só queremos um pouco, pequeno papai destaque e nós podemos voltar e ver se nós gostamos de destaques ou as sombras trazidas para fora ok, então ele pode ampliar. É um pouco de textura dourada. E se não gostarmos dos efeitos de queimadura do Dodger, podemos falar sobre isso e acabamos. Então vá até editar Bill 50% e então você faz seu modo de mesclagem de sobreposição. E ele poderia fazer isso nos editando fotos. Bem, então eu dou aula de edição de manipulação fotográfica. Pode falar sobre edição não destrutiva de um padrão de ouro e edição. Então você não está editando ou destruindo a camada original, mas você está fazendo coisas em cima dela, para que você possa modificá-la facilmente. Então eu vou em frente e criar minhas outras versões. Então, como estou feliz com este pássaro esquivando e tudo está ótimo, vamos em frente, mesclar essas camadas segundo clique direito emergir, ou poderia fazer um atalho de teclado pequeno Comando E e eu tenho que chegar. Eu uso esse atalho de teclado muito Comando E. E então agora vou criar minha versão prateada. Então poderíamos fazer o mesmo que fizemos com os pincéis. Ajuste de saturar. Eu tenho a minha prata, mas eu quero talvez ajustar isso um pouco. Eu poderia torná-lo mais escuro, ter, como uma textura escura agradável. Eu poderia ser a nossa prata que poderíamos usá-lo como fundo e, em seguida, também cobre. Então vamos voltar e criar cobre. Diga uma coisa, estamos bem. Goto ajustes cor Balasz e adicionar um pouco amarelo vermelho e tentar obter uma cor de cobre agradável . Poderíamos voltar aos nossos padrões de bravura que desenvolvemos e voltar e ver se conseguimos combinar muito bem e poderíamos realmente arrastar isso para o Photoshopped para criar nossa cor base. Então, há a amostra real que usamos para nossos padrões de marca, e eu poderia ir em frente. E como isso é trazido do Illustrator, ele se torna um objeto inteligente vetorial. Então eu não vou ser capaz de adicionar um monte de efeitos. Então eu vou apenas clique direito Eu vou rast surge camada. Então agora eu posso ir em frente e editá-lo e adicionar a textura de grão. Então adicione barulho e que eu poderia voltar. Eu poderia fazer toda a minha camada Phil esquivando camada de pássaro dupla que começam a adicionar esse efeito duas sombras como o pouco mais escuro. Mas você poderia fazer isso. Ou você pode fazer diferentes tons porque você pode querer ter algo um pouco brilhante ou assim, porque esta é apenas uma cor plana, você pode querer trazer o exemplo da ferramenta de conta-gotas talvez a cor de cobre do produto que fizemos. Essa é outra opção. Então, muitas maneiras que você poderia tentar obter essas texturas para ser agradável. Certo, então vou exportar meus pincéis. Exportar minhas texturas de fundo. Estou pronto para montar este anúncio. 21. Aula19 Layout de AdLayout Part2: Então agora vem uma parte muito mais agradável. É colocar todas essas peças juntas e experimentar layouts diferentes, então eu não teria configurado algumas coisas diferentes, incluindo um site e um pequeno apelo à ação, bem como eu ajustei o título. Então mostre algo um pouco diferente do ouro, já que estamos fornecendo todo o conjunto de produtos e não queremos apenas mencionar um deles. Então, a única loção que brilha eso vamos continuar a brincar. Temos algumas novas texturas que poderíamos acrescentar. Temos este tipo de textura mais escura que poderíamos adicionar em vez de ter a cor sólida estática . Não podíamos deixar isso para trás, só meio que finalizando isso um pouco. Então isso é antes que ele vai deslizar isso para fora, e isso é depois. Então eu acho que a textura é um bom soco. Poderíamos até pegar essa cor, e poderíamos gritar essa textura de costas de Talvez não seja tão forte, então você só vai para a transparência poderia ter isso fora. Eu estou apenas reduzindo a transparência um pouco de modo que misturado ambos juntos, como apenas usar meu comando de atalhos de teclado em meus colchetes para mover camadas para trás e frente. Então colchete esquerdo e colchete direito eu estou segurando o botão de comando esquerdo trazê-lo para baixo e a direita trazê-lo para a frente no sistema de camadas. Então é um pequeno truque de atalho. Faço muita coisa. Vamos usar muito em toda a classe, fazendo zoom para que você possa ver, então não é a textura super forte. É misturado a 50%, então eu acho que dá uma boa mistura entre isso. Sempre fala com o meu sistema de rede a qualquer momento. Certo, então temos algumas informações essenciais que precisamos trabalhar aqui. Temos um site e um apelo à ação para que o site faça sentido estar no fundo porque é aí que as pessoas esperam vê-lo. Então vamos fazer com que seja a nossa cor branca. E agora podemos brincar com o tamanho aqui, então o nome da marca vai ser muito importante, mas isso precisa ser super grande. Não é o nome do produto, então talvez faça isso um pouco menor. Eu não tente um alinhamento esquerdo direito fazendo alinhamento esquerdo e então ter este ser alinhado à direita e eu vou tentar. Isto não é o Avenir. Vê como fica em preto? Eu estava tentando alguns pesos diferentes às vezes o quê? Eu gosto de fazer isso. Faça uma combinação de pesos dedo do pé tem que dar esse contraste. Por isso, neste momento, parece muito estranho porque esta loção elementar parece ser uma palavra muito estranha com erros de escrita. Mas se destacarmos em particular palavra e torná-lo um peso ousado, ele quebra as palavras e ele poderia ler um pouco melhor. Então loção elementar para que o cortador lê melhor, não lê este. Esta palavra dita ou melhor ainda, poderíamos destacar loção porque isso está no meio. E agora separa o ponto com também. Então, movimento elementar ponto com. Então isso precisa ser Então agora temos nossos pontos, então nunca queremos ter nada. Este é o tamanho da fonte de 37 pontos, mas eu tento não ter nada menor que oito. Oito é o meu mínimo. Então, tenha muito espaço para reduzir isso em tamanho e deixar espaço para outros elementos. Então você nunca chama a ação aqui no bar também. Então era a única loção que brilha. Essa é a nossa manchete. Então aqui está um apelo à ação. Explore as coleções. É o que queremos que as pessoas acabem fazendo. E poderíamos ir em frente e pegar amostras de alguns relógios reversos. O cobre pode fazer o ouro explorar. Mais uma vez, poderíamos fazer aquele item de contraste onde tornamos isso uma ousadia negra pesada e fazer aquele mais leve explorar a coleção. Então agora temos que brincar com esses elementos para ver o que funciona bem e tornar essa barra muito menor para tornar nosso produto maior. Então vamos ver o que acontece quando fazemos isso bem um pouco até aqui embaixo, podemos fazer isso um pouco grande agora. Então, a única loção que brilha, vamos realmente trabalhar nesta manchete. Um pouquinho. Vamos fazer isso ousado ou, neste caso, preto ficar bem grande. E o que eu gosto de fazer quando temos uma espécie de texto grande é dividi-lo em duas linhas. Ah, e tê-lo de uma forma legal e legível. Assim, a única loção que brilha que poderia fazer brilha como sua própria caixa tipo de apenas colar brilho e desde que eu uso um período no final da minha marca, Meu logotipo. Mark, eu também vou usá-lo no final da minha manchete. Dois playoff que para qualquer coisa que eu pudesse fazer para trazer algo do logotipo horas nós poderíamos . Mesmo que este é um P e G, ele tem um fundo transparente. Poderíamos até colocar isso atrás da loção, então estou fazendo o comando esquerdo para derrubá-lo no sistema de camadas. Você pode até ter que ir lá em cima. É como a seguir, nosso objeto abaixo tipo de macarrão por aí com isso. Mas a maneira como o produto este corte, isso parece estranho, mas porque a idéia estava lá, mas simplesmente não deu certo. Isso é OK. Sim, totalmente. Eu gosto do minúsculo para Charlotte porque ele joga fora o logotipo. Sendo minúscula, você tem que pensar sobre isso. Meu palpite é a velha vontade que brilha. Certifica-te de que temos o nosso S. São porções. Estou continuando a jogar com a manchete para encontrar a combinação certa. Então eu vou garantir que esse elemento não compete com a manchete. Então eu tenho que aliviar isso um pouco. Este elemento subindo para o lado para que eu pudesse fazer isso mais perto de um branco. Às vezes vou diminuir o zoom quando estou fazendo um projeto. Eu não posso. Eu sou capaz de ver, ter uma perspectiva nova e nova e ver como o equilíbrio parece. Até agora, tudo está se equilibrando. Talvez a manchete seja muito grande. Sinto como se faltasse algo, mas também não o quero ocupar. Você poderia brincar com a cor com isso. Então o ouro, prata, cobre vão uma espécie de prata que o ilumina um pouco. Certo, então vamos trazer 81 desses pincéis e ver o que parece. Leve-nos até os fundos. Dispostas na parte de trás que bastante grande e talvez ter este ser apenas no topo. Ok, então essa textura é um pouco áspera lá em cima. Eu gosto da textura aqui em cima, então eu poderia girar isso. Então você tem o produto? A pincelada é meio que subir aqui? E isso pode ser uma oportunidade. Faça isso branco, faça o preenchimento branco direito. E assim esta seria uma oportunidade para tornar isso ousado novamente. E então vamos para frente e para trás, mas é isso que você faz no design. Existe constantemente desafiando o que parece ótimo? Vamos derrubar isso. Isso pode funcionar muito bem. Isso vai manter isso limpo. O que poderíamos fazer com isso para que ele pudesse girar isso um pouco. Eu sempre vou a uma prévia para ver se vai funcionar. Na verdade, para 70 precisa girá-lo todo o caminho ao redor. Lá vamos nós. É girar aquela volta que vai para trás. Talvez isto fique por trás do produto. Empurre isso para baixo. Poderíamos trazer texturas aqui. Vamos ver como é uma textura escura. Vá em frente. Agrupe isso e solte a máscara de recorte na textura dela. Para trás. Vamos ver como é o Black só para experimentar. Move experimentando opções Quem? Interessante. Esta é uma opção interessante que está realmente estourando, e nós poderíamos virar isso e torná-lo branco para que isso esteja funcionando muito bem. Poderíamos ter duas opções diferentes aqui, então vamos fazer isso. Vamos apagar isto. Então nós temos que fazer é trazer em uma nova caixa e fazer que são de cor azul branco. Acho que diríamos receber um pop tudo para fora. Então é por isso que temos duas versões do logotipo, para que ele possa facilmente trocá-los. Não seria problema nenhum. Assim mesmo, terminamos. Iria buscar o nosso site, fazer tudo preto. Poderíamos até fazer este branco em vez da nossa cor de marca. Apenas dedo do pé. Veja se o contraste mais alto funciona trazendo isso para que você possa ver o produto refletido. Os únicos problemas que precisam do dedo têm mais e precisam desaparecer. Isto de alguma forma. Eu poderia fazer isso descrevendo uma caixa. Vou adicionar uma pena a isto. Então você vai os olhos do estilo efeito do dedo do pé. Só estou adicionando um pouco de pena. Muito pequena. Talvez não tanto assim. Talvez um repolho. Apenas o suficiente para desvanecer isso. Eu tinha colocado isso de volta e sistema de camadas apenas tipo de suaviza essa borda um pouco. Lá vamos nós. Talvez eu precise fazer isso ainda mais. Nós sempre quisemos ajustar qualquer coisa que eu faça no painel de aparência ou no painel de efeitos goto aparência em seu sistema de camadas e você pode ajustá-lo. Então, há a minha pena que eu vou reduzir isso um pouco mais. Então faça um pouco menos de pena. Lá vamos nós. Normalmente, esse processo leva uma boa hora para realmente encontrar o equilíbrio certo. Agora, o que poderíamos fazer é realmente precisamos trazer aquele site um pouco mais. Eu ia colocar uma caixa em torno dela, então parece um pouco mais óbvio que é um site. Eles poderiam torná-lo ouro, mudando para derrame por um pequeno site lá dentro. E vamos capitalizar e porque é E maiúsculo em nosso logotipo. E isso significa que provavelmente precisamos capitalizar a loção. Não precisamos, mas pode parecer um pouco melhor. As primeiras palavras adoram maiúsculas e a segunda palavra é maiúscula também. Faça o golpe um pouco mais espesso. Talvez com 1,5 pesos. 22. Aula 19b BONUS de layoutDesign de LayoutDesign de exportação: Então eu passei alguns minutos com esse tipo de ajustes de jogadas. Fiz algumas mudanças. Eu decidi fazer esse tipo de manchete praticamente ficar com esse tipo de ter esse alto contraste entre o tamanho, mas também a espera dobrada. Eu também decidi fazer uma pausa disso, explorar a coleção e descobrir outra maneira de trabalhar isso mais tarde. Hum, e eu queria tipo de explorar esta área de fundo um pouco. Eu quero fazer o site, uh, uh, só não sentir a caixa delimitadora. Pensei que talvez uma forma sólida funcionasse um pouco melhor. Algum mergulho mudou isso para uma forma sólida e ter que ser uma espécie de bar que vai para fora apenas tipo de colheita que um pouco. E traga isso de volta dos sistemas de camadas. Quando receber o meu texto fora o meu texto. Preciso fazer isso branco. Eu poderia fazer o fora do branco. Agora vamos torná-lo verdadeiro branco, mas isso poderia funcionar um pouco melhor do que o que tínhamos. Poderíamos suavizar as bordas deste golpe, ir até a forma. Vai suavizar as bordas. Eu poderia até suavizar as bordas. Eu sou apenas um tipo de dar um olhar interessante para aquele bar. Então eu pensei que uma coisa que poderíamos fazer é realmente fazer esta manchete pop. Então agora é plano, parece ótimo. Parece limpo. Mas vamos explorar esse Grady int que eu trouxe que desenvolvemos. Isto é só um pouco de grão. E nós desenvolvemos quando eu fiz os padrões de branding. Vá em frente e fazer uma caixa de tipo de ver o quê? Parece que a grelha. Isso é o que criamos. E nós temos esse espaçamento bem apertado ou lacunas bem aqui no radiante onde eu fechei bem perto para que eu pudesse arrastar isso tudo para perto de outro. E cria este tipo de linha e faz com que pareça muito mais com um brilhante em vez de Dole . Como editamos o texto? O que vamos fazer é clicar com o botão direito, e vamos criar contornos. Então eu já criei contornos sobre este tipo. Então agora eu vou ser capaz de aplicar Grady nele para que você possa pegar a ferramenta conta-gotas e ir em frente e provar isso. Vou pegar nossa ferramenta radiante e fazer uma bela sombra longa. Então talvez aqui ou ali sempre que pensarmos que funcionaria e outra coisa que poderíamos fazer é adicionar uma fronteira a isto ou a um derrame. Isso também é ingrediente, que você não poderia fazer nas versões anteriores do ilustrador, mas nas mais recentes. Você poderá adicionar um traço que também tenha um Grady. Ele vai descer aqui e clicar na minha área de AVC bem aqui, e eu vou pressionar na nota aqui mesmo. Vai enchê-lo com um radiante. Então agora eu tenho uma ótima versão, e esse copo quase dá um efeito de três D, não é? Isso parece muito bom. E acrescente mais a isso. Eu posso adicionar uma sombra para que eu pudesse ir em frente e ir para cima para efeito estilizado, só tinha uma sombra gota e suavizar que um pouco. Odeio usar sombras duras de poderia fazer 20% de opacidade nisso. Acho que isso ajuda um pouco a manchete a aparecer. As palavras torná-lo maior, algo um par de opções de layout diferentes desenvolvendo. Eu meio que tive um pequeno acidente feliz, o que muitas vezes acontece no design. Está movendo todos os elementos, e eu estava experimentando pescar essa textura. Em vez de tê-lo atravessado, eu decidi incliná-lo e trazer o cobre e, em seguida, também ter um pouco de tipo de ângulo aqui. Então você meio que vê como isso realmente traz seu olhar para o produto e adiciona um tipo diferente de ângulo. Alguns gado, como o outro também. Então é algo onde você quer. Se você tem um cliente, você quer enviar-lhes definitivamente duas opções com certeza. Então eu posso enviar o que eu tinha quando eu terminei os últimos dois segundos lá e este aqui. Então eu vou mostrar tipo de todas as diferentes opções que temos aqui e a seguir. Sinto que quero criar um para cada produto para apresentá-lo. Eu acho que podemos trazer alguns realmente legal três D renderizados itens na mistura para criar algo muito especial. 23. Exportação de adDesign: Agora estamos prontos para enviar um arquivo para o editor, e há alguns passos que precisamos seguir para prepará-lo para que eles possam usar este arquivo sem problemas. Então a primeira coisa que precisamos fazer é nos livrar de objetos errôneos que estão fora do nosso documento. Então, neste caso, algumas das marcas, as cores foram trazidas para dentro, então qualquer coisa estava indo para fora, ver se há algum item que sobrou. Nós realmente não queremos incluir isso no documento. Ele só torna o tamanho do arquivo maior. Então agora tenho que me livrar dessa pequena fronteira. Isso só estava lá para eu poder ver como seria cortado ou qual seria o corte final . Seu tamanho final seria então eu vou deletar isso. Isso foi só para mim. Removemos o sangramento para que não fosse uma distração. Ah, algumas lições atrás. Então eu só vou arquivar e adicionar o sangramento de volta e ir para a configuração de documentos. E eu só vou adicionar o meu quarto de polegada de sangramento para que a parte superior e inferior se juntem e meia polegada e a esquerda e a direita estão acontecendo. Então isso será o que os lados finais da sangria serão nas especificações do anúncio que olhamos. Então eu vou em frente e clicar em, OK, isso vai adicionar o sangramento. Então agora eu preciso estender todos os meus objetos além do sangramento que precisa para então, neste caso, o fundo. Então, tem este fundo aqui que só precisa ser estendido até o sangramento. E este é o caso de qualquer coisa que exija acreditar, não importa onde vai estar. Eu ia selecionar o próximo objeto abaixo que vai até a borda para que o hobby não seja capaz de ver isso. Mas é bom para o dedo da impressora. Tem isso. Ah, esta pequena área branca é objeto. objeto diagonal também precisa ser estendido. E assim, tudo se estende até o sangramento. Estamos prontos para ir. E outra coisa que precisamos pensar é na nossa segurança. Então, esta era a nossa linha de segurança sobre onde ele estava muito perto. Fomos em frente e configuramos isso quando configuramos o documento, precisamos ter certeza de que não há texto nesta pequena área ao redor. Neste caso, eu estou vendo o texto de fundo elementar lá para que eles possam voltar e me dizer para ajustar isso. Então, vou me certificar de que não há texto entre a sangria, as dimensões finais, as dimensões finais e a área de segurança. Isso é ótimo. E então há mais uma coisa que vai levar isso porque nós não queremos que isso seja impresso . Já fiz isso antes. Isso foi um acidente. Quero ter certeza de que há muita margem em torno do documento. Então, quando você tem uma revista, você não sabe o quão grossa é, e você não sabe onde você vai ser colocado na revista. E às vezes eu fiz anúncios, e eu o coloquei lá e eu fui olhar para a revista para ver como eles estavam e porque a espinha era tão grossa que era uma revista muito grossa. A forma como a espinha curva a página, escondeu algumas coisas do lado esquerdo, ou poderia estar do outro lado e esconder algumas coisas do lado direito. É por isso que quando você faz publicações de revistas, você precisa ter certeza de que tem margens super largas no lado esquerdo e direito. Você não sabe o quão grossa essa espinha vai ser ou quantas páginas o ar vai ser empacotado e curvar o seu design. Então não é perfeitamente plana. Há um pouco que é curvado para baixo na coluna vertebral, e pode distorcer um pouco. Então o que eu preciso fazer é mover meu logotipo para cima. Então eu não tenho margem ainda maior e o mesmo vale para o site para que, apenas no caso de isso acontecer, acontecer, eu tenho muito espaço aqui para isso acontecer. Ok, então outro passo eu preciso ter certeza que está no modo C M Y que. Tudo o que é impresso precisa ser parecer um e eu originalmente fiz isso um RGB porque eu queria ser capaz de pegar isso e fazer alguns gráficos digitais fora dele. Então vamos ter certeza que está em C Y no modo caverna, já que isso vai ser impresso. Então eu vou apenas ir arquivo goto cor são cor do documento configurado e certifique-se de que uma mudança para C M y que basta ir em frente e converter tudo para você. E não houve grandes mudanças de cor, nenhuma grande mudança, então não temos que ajustar nada. Então eu não vi nenhuma grande mudança de cor. Então outra coisa que precisamos fazer é falar de cor, pois podemos subir para ver e descer para provar cores. E então esta é uma ferramenta muito útil. Então, adeus, e clique em cores de prova, e isso vai mostrar uma idéia mais realista do que você acha que eles vão parecer quando for impresso. Então vai mudar a aparência dos negros. Então você meio que vê como ele fica com ele e bom para ir em frente e tirar as cores da prova, e você não pode realmente ver uma grande diferença. Mas quando eu tento provar meus negros, eu tento fazer isso porque às vezes os negros podem imprimir mais cinza do que você espera, porque em uma tela digital, negros poderiam ser mais escuros e quando impressos, isso poderia sair um Um pouco mais leve. Então eu só gosto de fazer isso só para ter certeza que eu verifico minhas cores. Eu costumo aprovar cores verificadas o tempo todo quando eu estou fazendo um projeto de impressão para que eu possa tipo de ver realisticamente tipo de como a cor de impressão final pode parecer. Então eu não estou surpreso porque poderia haver algumas variações muito pequenas do que ele parece na tela e como ele imprime. Certo? Então há mais uma coisa que preciso fazer. Temos de ter a certeza de que crio contornos em todo o meu texto. E isso é verdade para qualquer coisa que você enviar para a impressora. Mesmo que não seja um anúncio de revista, qualquer coisa que esteja sendo impressa, você tem que criar contornos. Agora, eu tenho, ah, ah, texto comestível vivo. Precisamos criar contornos porque se não criarmos contornos e a pessoa não tiver esse tipo de letra instalado no computador, vai parecer um pouco diferente. Então nós sempre precisamos do tipo de contorno para que possamos selecionar todos um, selecionar tudo no documento, ir para cima para digitar e criar esboços algumas pessoas para digitar e criar contornos, e nenhum decidido delineou esse tipo e estamos prontos para ir. Então nós fomos em frente e, uh, Deus ou sangrar preto lá atrás no documento nós garantimos que tudo sangrasse até o fim. Major, nossa segurança. Não há nada na área de segurança que possa ser importante. Fizemos com que tivéssemos margens extra largas no lado esquerdo e direito dela. Já que vai ser um anúncio de revista, provamos nossas cores para garantir que as cores fossem impressas. Bem, nós nos certificamos que este documento era um modo R G r c m y que e não modo rgb. E nós criamos contornos, então são muitos passos, mas uma vez que você meio que passa por isso algumas vezes, tudo se torna natural. E antes de exportar, apenas certifique-se de que você passou e verificou cada um desses itens fora. E porque se você não fizer a impressora vai notar ainda, ou o editor da impressora, vamos enviar o arquivo de volta e dizer, eu preciso que você adicione Bleed. Preciso que cries contornos nisto. Impede que você tenha que ir e voltar enviando arquivos. Poderia ter tudo perfeito. Então, quando eles percebem, eles são como, ótimo, bom trabalho. Certo, a última coisa a fazer é exportar ou arquivar. Nós vamos exportar como um pdf vai ir para arquivo salvar como e fazer um pdf eu poderia ir em frente e nos salvar na minha área de trabalho. E então há uma predefinição que é automaticamente um ilustrador com o qual eu gosto de começar, e você pode salvar suas próprias predefinições. Se você tiver uma determinada predefinição que você gosta, salve-a. Você nunca tem que fazer todos os detalhes novamente. Então este vai ser chamado. As qualidades de imprensa que estavam enviando para a imprensa estavam enviando para a impressora. Portanto, a qualidade da imprensa e uma das únicas coisas que eu modifico é marcar preservar recursos de edição do ilustrador. E o que isso faz é preservar os recursos de edição do ilustrador dá a este arquivo uma chance de ser trabalhado exatamente como um arquivo ilustrador, onde você pode viver nele. Tudo o que não precisamos disso O que isso faz é aumentar o tamanho do arquivo e tornar o tamanho do arquivo mega grande. Então eu gosto de desmarcá-lo porque os editores apreciam o tamanho do seu arquivo não sendo 50 megabytes , você sabe, até mesmo um gigabyte às vezes. Então tudo que eu sempre desmarcado que isso não é um problema se é um PDF final pronto para ser impresso. Portanto, desmarque preservar recursos de edição. Tudo o resto está bem. Vamos descer uma compressão. Tudo vai ficar ótimo, porque a predefinição já disse isso para nós. Para a qualidade da imprensa 300 peopie i ou d P. I é realmente o que queremos para a impressão. Portanto, sempre queremos ter certeza de que, como 300 ou mais, quando estamos imprimindo marcas e sangria, queremos ter certeza de que clicamos em usar configurações de sangria do documento. Agora vai adaptar a nossa hemorragia ao documento. E muitas vezes, quando eu faço projetos de impressão como papel timbrado de cartões de visita, eu me certifico de clicar em marcas de corte para que eles possam ver onde cortar a sangria. Eu gosto de fazer isso, mas para anúncios de revistas em publicações, eu gosto de criança clicar fora porque eu fiz eu juntei revistas antes e eu trabalhei com anúncios de outras pessoas, e sempre que eles têm marcas de corte e Eles enviam, eu tenho que remover essas marcas de colheita para colocá-lo na revista. Então, só para ser amigável, como alguém que já montou revistas antes, eu gosto de ter isso clicado fora. Mas isso é apenas para revistas e livros para todo o resto impresso. Seja colocando em folhas grandes e imprimindo muitos em uma folha grande como um cartão de visita. Eu gosto de ter marcas de corte. Tudo o resto ia ficar bem. Vamos clicar em Salvar. Vamos ter o nosso documento para nós. Aqui está ISS. Vamos ir em frente e diminuir o zoom, garantir que tudo fique ótimo. Só preciso enviá-lo para o meu editor para ter certeza de que não há erros ortográficos. O que acontece muitas vezes comigo pessoalmente. Provavelmente ver isso. Não é o melhor soletrador do mundo. Então é por isso que eu tenho alguém que sempre olha por cima das coisas. E então nós apenas fazemos esse passo final e você vai notar com pdf que têm contorno de texto. Então descrevemos o tipo. Eu vou fazer zoom, e há algo que os clientes reclamam muito e eles não precisam se preocupar com isso. Mas esse problema que eu tive então você notou o elemental? Ele sabe como as ELS são um pouco mais grossas. Eles meio que bagunçam um pouco. Talvez se eu fizer zoom, você poderia ver um pouco melhor, mas elas parecem grossas, essas colinas. Você realmente não pode vê-lo quando você faz zoom, mas quando você assume que você realmente vê isso? Só garanta ao cliente que isso é só por causa do pdf e como ele se torna não vai imprimir dessa maneira. Só garanta ao cliente que isso é só por causa do pdf e como ele se torna não vai Apenas como o que acontece quando você delineou o tipo e reduz o zoom em um pdf. Aí está, todo o meu processo de como exportar para um anúncio de revista. E espero que este processo seja bom. E você pode refazer esse processo para cada item impresso que você tem, uh, e será ótimo. 24. Aula 20 3DObjects 1: subir de volta para as dimensões de adobe. E eu pensei que seria necessário, como eu estou colocando esses layouts de anúncios juntos para adicionar alguns três elementos D para realmente ajudar esses produtos, pop, especialmente se eu vou estar fazendo anúncios individuais que estão apenas indo Abby publicidade cor em particular. Então vamos em frente e começar com ouro. Ou isto pode ir em frente, apagar estes. Só tem um ouro à esquerda. Nós vamos adicionar um tipo de ouro legal três elementos D. Nós não temos que sentar lá e renderizá-lo nós mesmos ou muitos que já estão aqui para tomar que nós poderíamos apenas arrastar para dentro. Então, tipo, eu estou bem aqui na área de Modelos aqui à esquerda. Vou pensar numa cobra muito fixe que ficaria bem com ouro. Então as lanças deles há cubos. Há todo tipo de coisas que podemos usar. Preciso mesmo usar uma gota e ver se achamos que há uma gota como uma gota de loção que pensei que seria muito legal. Vamos tocar os lugares atrás do nosso objeto parece. Vá em frente e solte. Há o nosso objetivo cair e vamos torná-lo ouro, porque agora é apenas não tem qualquer texto respondido. Vamos descer e arrastar a textura dela e ver como fica o ouro. Ooh, isso parece maravilhoso. Há também um ouro danificado. Ooh, eu gosto do tipo que mais danos texturizados. Então acho que estou gostando muito disso. Podemos continuar a brincar com ele sempre ângulos. Em vez de ter um produto sentado em linha reta, podemos adicionar um posicionamento mais dinâmico ao nosso produto. Meio que fazê-lo cortar. Venha aqui. O que? Temos de ir buscar a nossa ferramenta de notícias. Viva um pouco. Nós temos essas três pequenas alças, então isso vai movê-lo para a esquerda e para a direita. O verde vai movê-lo para cima e para baixo. Talvez ele flutue um pouco. Isso vai trazer para dentro, cara. Vamos obter a nossa ferramenta de rotação selecionada. Continue a brincar com o posicionamento. Também pegue a nossa gota e depois modifique isso também. E podemos mudar nossa câmera, que vai estar aqui nesta área. Então, sim, trabalhar em um espaço de três D pode ser um pouco desafiador se você não tem experiência nisso. Ainda estou me acostumando. É que tenho uma coisa nova para mim, pessoalmente. Você não vai pensar bem, isso é trazer para a frente. Vamos esquecer para a esquerda e rodar esse cara. Escreva sobre isso. Acho que estamos muito perto. Vamos derrubá-lo um pouco. O que aconteceu? Descansando. Mas qual é o ângulo dele de volta? Ok, então não se preocupe com a iluminação, porque ela sempre pode voltar para o seu ambiente e mudar a iluminação lá em baixo. Então vamos mudar nossa rotação e parece que eu ia fazer isso globalmente. Por isso, vai reflectir. Eu vou cair na nossa pequena gotícula? Vamos ver qual será a melhor iluminação para nós. Provavelmente, certo sobre. Eles estão fora da luz e vindo para a esquerda. Isso parece ótimo. Então vamos em frente e ir para renderizar, e esse é o nosso antigo. Mas vai avançar e atualizá-lo para nós. Vou fazer uma qualidade média. Vá em frente e renderize e eu poderia ter a loja de fotos em P e G. Eu vou fazer o resto para os outros dois vão escolher alguns outros símbolos você vai rápido agora que nós fizemos ouro. Vamos tentar a Silver. Vá em frente e acredite nesses dois e veja com o que podemos combinar. Prata foi Vá em frente e trazer em espécie de um fresco em forma diferente do que a gota. Vamos fazer algo para fazer você dio-splash de metal É bom e trazer o splash. É um pouco louco demais nisso. Whoa! Você poderia ver algumas coisas realmente legais que você poderia fazer em movimento e arrastá-lo e fazer este terno prateado que parece Oh, interessante. Eu ia tentar outra coisa. Quem? Acho que uma dessas pequenas formas geométricas seria bem legal. Arrasta isto para dentro Sim, isso parece carne. Você poderia fazer isso do outro lado, então poderia ter feito uma vez que a gota de ouro estava na esquerda. Podemos tentar isto à direita. Ele pode girar esse cara fazendo uma ferramenta girar dessa forma e vamos tirar nossa textura prateada aqui. Aqui está uma escova de metal. Veja como isso parece danificar prata e depois prata normal fazer. Oh, lá vamos nós. Agora está pegando luz noite torcida um pouco mais de um ângulo do nosso produto aqui . Traga isso um pouco dos terrenos que lançam um pouco de sombra, mas não muito posicionamento. Esta é sempre a parte mais difícil. Girando. Continue girando isso para obter a captura certa de luz. Kasam sempre pode mudar a rotação do nosso ambiente. Produza a intensidade, talvez um pouco, e altere a rotação. Apanha a luz certa ali. Vai ter que fazer isso na mídia. Isso vai levar alguns minutos, e vamos fazer o nosso último, que é cobre. Por último, mas não menos importante, vamos fazer cobre é ir em frente e trazer documentos originais para fora. E vamos adicionar algo legal para o cobre. Então, vamos descer. E eu acho que eu já tinha escolhido um, eu pensei que iria olhar realmente precisa de um tipo de forma realmente interessante. Pop que aqui tem um realmente único que precisamos se ele estava meio que em torno dele, e eu realmente pensei que isso é legal quando eu comecei a adicionar a textura de cobre que realmente tem um corte bonito nele. Para ver isso e realmente mover isso e girá-lo, não quero que ele sobrecarregue os produtos que eu quero torná-lo um pouco menor agora. Quero pegar o produto. Dê-lhe um giro interessante se você queria fazer um determinado objeto menor comm panto outro. Há uma ferramenta de escala para ser capaz de selecionar e dimensionar e Nova York ser capaz de tipo de mudar o tamanho um pouco, então não é tão esmagador. Ok, então agora podemos voltar ao nosso ambiente, talvez reduzir um pouco a intensidade. E a rotação. Tudo parece ter uma fonte de luz certa. Então vamos continuar com isso. Vá em frente e renderize. Isto é médio e estamos todos feitos selecionados como um PNG. Também temos um arquivo de photoshop. Poderíamos trazer isso para a loja de fotos, e você pode editar esses arquivos e exportar é um A P e G. Então ele pode ser capaz de alternar essa cor de fundo com frequência. E eu apenas um pouco de máscara de recorte e desbotou o reflexo de sombra para que eu não possa ter esse reflexo afiado cortado, e ele vai trazer todos estes três e e e nós vamos fazer alguns gráficos de mídia social com estes 25. Aula Rez de alta crete em como a encaminhar: Então eu estou brincando com essas texturas um pouco no Adobe Illustrator para criar uma postagem de mídia social, e eu notei um emitido com os gráficos renderizados, e eu só queria trazer isso para cima e deixar isso na classe. Ele pode ver se você se deparar com esse problema o que fazer. Eu queria colocar isso em um fundo escuro para ter uma postagem de mídia social de alto contraste? Vai chamar a atenção das pessoas. Mas notei que tem um reflexo desse fundo branco em que o tornamos . Há algumas coisas que podemos fazer para nos livrarmos disso. Então tudo o que você vê é apenas um pouco de um reflexo para a sombra. E também há uma maneira de aumentar a resolução de nossa renderização porque por padrão é apenas 1000 pixels por 1000 pixels, que nem sempre é a resolução mais alta. Vamos voltar e as dimensões e mostrar-lhe como ajustar isso um pouco para torná-lo ainda melhor. Então, uma coisa que pode fazer é ir até aqui. Eu tenho meu quadro de arte selecionado bem aqui, então é 10 24 por 7 68 nós poderíamos mudar a resolução aqui para 300 para dar uma resolução muito melhor. Também podemos aumentar o tamanho da tela. Então, clique no quadro de arte e nós poderíamos fazer isso o dobro do tamanho fazer 2200 por 2200 e ir até aqui para suas vistas. Eles meio que diminuem um pouco para que você possa ver toda a tela e então você será capaz de tipo de redimensioná-la de acordo com o novo tamanho da tela. Então isso vai aumentar a resolução geral, qualidade geral e o tamanho geral. Então isso é bom. Se quisermos fazer desenhos de cartazes ou qualquer coisa em grande formato, queremos poder ter isso pronto, especialmente para eventos que eu imagino, que serão banners altos. Você vai querer a melhor resolução possível. Então outra maneira de nos livrarmos do estranho que aconteceu aqui neste caso, não queremos ter esse brilho estranho. Então vamos para o ambiente para nos livrarmos dessa sombra. Clique no ambiente. Vamos descer para aterrar o avião e agora está verificado. Então, se você não quiser nenhuma sombra tudo isso terá um desmarcado Se você quiser um elenco de sombras vai clicar no plano terrestre e nós vamos reduzir a opacidade de reflexão para zero. Só queremos lançar uma pequena sombra. Não queremos o reflexo porque vai refletir todo aquele fundo branco. Então vamos reduzir o reflexo. Opacidade que tem uma capacidade de sombra não ser super forte, mas também não ser inexistente. Tem um pouco de sombra, mas nada muito significativo. E também, você pode subir e clicar em fundo, e você poderia desselecioná-lo para torná-lo transparente. Então isso é outra coisa que você poderia fazer. Então aumentamos o tamanho da tela, aumentamos a resolução, e também fomos e garantimos que jogássemos esse reflexo. A opacidade caiu para zero. Então agora nós só pegamos o reflexo da sombra e não do outro produto e obtemos aquele brilho estranho que estava acontecendo. Então eu vou renderizar agora no meio, e vai demorar um longo tempo para renderizar isso, mas eu vou ir em frente e renderizar este aqui e também o cobre e o ouro. E eu te vejo de volta. Vamos poder ter as fotos certas para poder montar as postagens de mídia social para cada uma de nossas cores diferentes, nossas batalhas. E vai ser muito rápido que nós realmente temos o branding, uh, resolvido. 26. Aula22 DigitalAds: Agora que temos nossas renderizações de resolução mais alta e não precisamos nos preocupar com nenhum tipo de brilho estranho acontecendo quando eu tinha um ouro importado, vamos fazer um gráfico de mídia social dourado. Há tipo de ter o seu tamanho padrão do Facebook. Eu também vou anexar um tamanho de mídia social e guias apenas você pode ter isso. E ele pode ser capaz de procurar tamanhos diferentes para anúncios diferentes para que possamos ir em frente e estender nossa marca para itens digitais. Nós já tínhamos um desenho de cartaz. Nós fizemos. Então agora vamos fazer mídias sociais. Isso será um pouco mais rápido, um pouco mais fácil, então eu tenho uma espécie de imagem de escala feliz. Torna um pouco maior. Ele estava tentando obter o tamanho certo não iria realmente garantir que o produto é grande, porque quando as pessoas estão estudando através do Facebook, eles precisam ver a imagem do produto muito forte. Então aqui está sua manchete. Nós já temos nossas manchetes em que as feridas Avenir podem ir em frente e digitar isso e obter o nosso preto. Queremos quebrar a manchete um pouco, então vamos dividi-la em duas linhas e apertar o espaçamento. Está bem. Também tenho uma cópia corporal que vou colocar aqui também. Então eu já tenho isso escrito. Então, vou copiar esta pequena cópia corporal que temos. Eu vou ir em frente e criar meu retângulo, e eu vou aparecer usando o tipo de área de ferramenta de área de texto, ferramenta clicando. Ah, por quarto e colar. Então nós realmente não desenvolvemos nada fora do tipo de manchete. Então fizemos o nosso pequeno desenho de cartazes. E nós temos os nossos tipos ousados, mas nós realmente não temos nenhuma cópia corporal desenvolvida. Então vamos encontrar talvez um diferente não espere por isso. Então vamos ver como Roman ou livro parece, o que é fazer livro, em seguida, reduzir o tamanho um pouco e vamos. E eu não sou um grande fã de alfinetes altos, especialmente quando você tem uma pequena cópia corporal. Então eu só vou me certificar de que eu vou e unclipped no parágrafo. Hifenato estava indo para parágrafo sobre clique hifenato, e isso vai ficar muito melhor assim. Para ficar um pouco menor, é claro, brincar com o espaço entre as linhas para ir no apenas estão deixando um pouco , por isso não é tão aberto. E é aqui que precisamos que o Teoh descubra. Queremos ter um fundo escuro ou um fundo claro? Então esta é uma grande pergunta. Se isso vai ser no Facebook, as pessoas vão rolar para baixo. Eles podem não pegar. Isto vai ver a pequena gota de ouro. Pode estar interessado. Mas se virarmos isto e fizermos um fundo escuro, acho que vai chamar a atenção das pessoas. Então você olha para o feed do Facebook, seu fundo todo branco. Então, qualquer coisa para acrescentar essa atenção. Então nós temos essa textura dourada que fizemos no início da aula. Veja se não podemos colocar a textura dourada Saray idade e disse que todo o caminho para trás e reverter isso e fazer isso branco e precisamos de algum tipo de chamada à ação. Precisamos refinar isso mais tarde, mas vamos conseguir. Chegue a isso daqui a pouco. Vamos fazer uma caixa B agora. Era só o seu anúncio genérico. Não é uma campanha específica da Crispus, apenas tentando estender nossa marca um pouco para que pudéssemos mostrar ao cliente dela como ela se estende e como fica em outras coisas. Então, às vezes, a cópia escrita não precisa ser perfeita quando você está descobrindo isso. Dois golpes. Vamos fazer um boné redondo e redondo. Lá vamos nós. Ele é uma espécie de suavizar essas bordas um pouco e vamos também duplicar Poderia segurar Opção um arrasto. E vamos fazer agora, Shop agora era fazer compras. Agora vamos fazer isso, pouco tempo, porque é isso que a nossa marca tem nele. Vamos continuar como uma equipe. Você tem uma pequena loja agora que está aqui e uma vez uma justiça? Eu acho que a diferença entre o espaçamento da liderança é, bem, muito grande. Então vamos continuar a apertar isso, e eu não gosto de ter um órfão, então isto é um órfão. Então ele é só Woodward sozinho, e eu acho que parece estranho, então é muito bom. É realmente uma boa prática quando você está fazendo design editorial e spreads. Trabalhava com corpos maiores? Uma cópia para não ter órfãos, então eu posso remediar que aumentando isso para estão ampliando isso tendo quatro linhas de tipo ou poderia ter cinco linhas de tipo e ter, hum, ser mais apertado. E isso provavelmente vai ser ótimo, porque eu poderia fazer a imagem do meu produto um pouco maior. Então vamos começar a alinhar tudo e terminar tudo para que você possa ver o quão rápido isso está se juntando agora que fizemos um monte de nosso curso de branding precisa trazer em nosso logotipo, nosso logotipo, e eu tenho ambos aqui eu tenho o escuro e a versão light. Há uma versão leve. Eu o tenho pronto para que nosso logotipo existisse aqui perto do produto, como um produto um pouco menor, e estamos apenas brincando com cédulas. Então você percebe como o tipo se alinha junto com o produto para que ele realmente desenha. Você tem o produto, mas você também tem o tipo todos se juntando no centro da paz. Então esse é o nosso ponto focal. Então esse é realmente um grande ponto focal para ter bem ali no centro. E é também chamado de ação aqui, então tudo tipo de chamar seus olhos para o centro. Você não tem isso muito longe para a esquerda e então o texto parece apenas articulado. Temos um pouco de suíço aqui. Acho que podemos adicionar um pouco de textura papá aqui. Isto é o que realmente podemos ter. Brilhe um pouco. Vamos tê-lo sob o nosso produto. E nós poderíamos sempre texturas rotativas. Se não gostarmos da aparência desse lado do pincel, isso vai ajudar a sair e ver. Agora temos dedo talvez encontrar um novo lugar ou nossos aliados até logotipo seria apertado espaçamento um pouco mais porque precisamos de um pouco mais de imóveis, especialmente se eu só vou ser capaz de colocar o logotipo. Acho que vou colocar o logotipo logo abaixo. Isso vai ser um pouco demais fora muitos elementos bem ali. Deixe-me ver se consigo mantê-lo neste quarto inferior direito. Torná-lo menor. Lá vamos nós. Isso funciona. Eles chamaram a ação um pouco menor para chamar a ação, e os elementos não precisam ser tão grandes. Às vezes, ter elementos menores parece mais profissional e limpo do que ter este grande elemento óbvio. Mesmo que você esteja tentando garantir que as pessoas vejam, elas verão, é assim que eu sempre tenho que me desafiar atrás não posso torná-lo menor e ainda é funcional porque eu acho que realmente ajuda ter espaço extra para respirar e espaço em seu design. Então agora eu poderia fazer este tipo um pouco menor e eu poderia ser capaz de encaixá-lo em quatro linhas . Sim. Então agora você vai notar que tem muito espaçamento entre meus elementos. Eu posso até trazer este pequeno bar aqui que temos em nosso logotipo que foi levado através de um pequeno bar aqui que separa a manchete. Você faz isso uma cor diferente como esta cor e você percebe como a manchete como eu não tenho ido mais curto dedo do pé, que geralmente parece um pouco melhor do que ter a primeira linha pertence. E o 2º 1 ser curto para cortar tem o seu espaço estranho aqui. Então nós trocamos isso por aí. Parece um pouco melhor. Nós também podemos fazer isso, depois esperar e ter equilibrado lá. Mas eu meio que gosto de tudo ousado neste caso, especialmente para um gráfico de mídia social. Torná-lo um pouco menor. Mais uma vez, não precisamos torná-lo tão grande, nosso produto é realmente o elemento mais importante. A manchete é apenas algo para você ler, ler um pouco mais. Meu medo é que esteja muito ocupado. Então, talvez apenas tendo um muito skin seu bar, você sempre quer ter certeza de que não é muito ocupado é o elemento. Esse é o SYRIZA. Há muito ouro? Porque neste momento, temos aquele ouro que ouro. É um pouco demais, então é melhor fazer um pouco menos com mais. Então isso não é uma linha. Então isso está começando a me incomodar, sabe, vender. Esses elementos não estão alinhados. Vamos ver se podemos alinhar esses aqui um pouco melhor. Claro, você sempre pode falar com a sua grade coisas on-line ao longo da grade, e assim perceber como têm margem generosa aqui. Eu poderia facilmente trazer todos esses elementos para baixo, mas eu tenho que deixar uma boa margem porque eu acho que ajuda também a mesma razão espaço em branco ajuda é ter margens em torno de suas bordas tipo de ajuda a respirar um pouco . Estou bastante feliz com isso até agora. Tente uma coisa rápida com a ferramenta pino. Veja se eu não posso fazer algum tipo de corte diagonal aqui e fazer um pouco de ouro mais escuro só para ver como isso parece um pouco mais escuro. Você disse isso de trás para o sistema de camadas. Eu só estou fazendo o comando do colchete esquerdo para ver como isso parece meio de quebrar a monotonia do fundo com um bom tipo de design angular que pode até parecer melhor. Você vê, se eu não posso selecionar e reverter tentando ver como isso seria talvez demais, eu não sei. Mas isso pode ter seu próprio efeito, especialmente se eu decidir fazer este branco e revertê-lo. Portanto, esta é sempre uma opção alternativa e ter isso invertido. Então isso agora é preto ou neste caso seria tipo de nosso ouro escuro que temos usado. Então essa é definitivamente uma ótima idéia, porque você não tem apenas o escuro, você também tem o branco na mesma peça de design. E assim acrescenta contraste que continuam dizendo contraste. Esse contraste é rei quando se trata de design de modo que nem tudo está competindo pela sua atenção da mesma maneira Então eu gosto disso. Vou voltar a esta outra versão, só para poder guardá-la. Então agora eu tenho duas versões diferentes desta versão, que um pouco mais limpo. E eu acho que nós poderíamos usar isso para um banner da Web também. Eu podia ver isso sendo adaptado a alguns outros ambientes, e eu acho que aquele que tinha o branco e o ouro, eu acho que poderia ser bom como um anúncio. Então deixe-me preparar algumas variações diferentes disso, e então você também pode se concentrar. Podemos fazer o próximo é cobre, e então vamos acelerar as coisas, e talvez vamos pensar em fazer uma Web barulhenta e Web design em breve. 27. Aula 23 DigitalAds Part2: Temos que realmente boas opções de layout para apresentar, e eu gosto de apresentá-los como um Siri. Então vamos em frente e preparar a outra versão também. E isto vai ser fácil. Eu simplesmente duplicei nosso ouro, e nós vamos trocar tudo com a cópia e vamos em frente, apagar imagens. Aqui ele troca as pazes Um pouco diferente arranjo dos três elementos D que temos pensar sobre isso vai funcionar, mostrando o produto, nossa textura de fundo que criamos na loja de fotos, em seguida, trocou isso e obter a nossa pequena textura de cobre. Isso vai ser um pouco diferente neste porque é um objeto três D. Então é aqui que temos que encontrar essa colocação. Vai ficar bem aqui em cima atravessando. Esse pode ser o caso, e nós poderíamos cortar isso facilmente destruindo uma caixa e clicando em nosso elemento e recortar novamente fazer máscara de recorte e nós vamos cortar. É que não fica no nosso caminho. Então eu vou em frente e trocar alguns itens. A cópia correu tudo isso para a frente. Vou para onde tenho um pouco deste café guardado. O que é o policial elegante foi o que eu inventei. Bem, isso é muito original, mas vamos com ele. Cobre tão elegante. Poderíamos até fazer uma luz emparelhada contra isso. Ou como esta é uma manchete tão curta, talvez voltando ao que tínhamos trabalhos você tenha uma manchete diferente. Não é tão longo para que pudéssemos torná-lo maior. Ou podemos dividi-lo em duas linhas para equilibrar isso um pouco melhor. Teremos alguns anos de cópia diferentes. Vamos em frente. Pegue minha caixa de cópia um pouco mais curta contra muito menos cópia do que o que tínhamos antes, para que possamos nos organizar um pouco diferente. Eso. Vamos mudar o nosso logotipo também. Faça com que a cor de cobre. Ou podemos fazer da cor preta. Obter nossa ferramenta de amostra ir para cima em amostra qualquer um dos preto que temos aqui. Esta direita, isso parece bom. Podemos até tentar fazer isso em preto. Não sei como isso seria. Parece muito legal e high-end, mas só com medo que não vai aparecer para tentar isso em preto, mas eu acho que vamos ficar com ser consistente com o topo. Vamos fazer a manchete um pouco maior para preencher esse espaço. Sim, temos um pouco da falta de cópia, o que geralmente é uma coisa boa. Mas quando projetamos algo com muita cópia, e então, de repente, temos todo o espaço que temos que encontrar maneiras, usando esse espaço extra, não vamos deslizar esses elementos um pouco para a direita, nós poderia tornar o nosso produto um pouco maior ou deslocado mais perto. Eu adoro o reflexo que tem a renderização três d tão puro. Adoro dimensões de adobe. Ok, então há nossos policiais de classe fazer um pouco mais curto. E agora que temos a base para esta, posso até trocar essa ajuda. Pegue esses elementos. E isso é o que você faz é um designer. Muitas vezes, o seu tamanho re acrescenta muito. Então você está fazendo muito isso. Você já desenvolveu a marca, e você está apenas redimensionando uma e outra vez. Poderia ser um pouco tedioso, mas poderia ser divertido tentar descobrir como adaptar uma adição vertical à horizontal adicionar tipo de descobrir as peças do quebra-cabeça. É o que eu sou um designer. A maior parte do tempo aqui, traz a nossa textura bem ali. Boom. Mande isso para trás. Se isso nunca acontecer. Acho que estou começando a gostar dos dois tons. Veja como isso parece com o produto tão pensando. Isso é provavelmente o que queremos apresentar ao cliente como nossas opções. Então nós só temos que mudar o nosso tipo e vamos ficar consistentes e fazer o nosso preto, uh, provavelmente para obter uma amostra Swatch. É por isso que ter sua paleta de cores de marca disponível é muito bom. Eu não arrastá-lo para amostragem são preto, e então vamos fazer a mesma coisa. E faça isso a cor de cobre. Você vai voltar para o meu design de anúncio, pegou minha cor de cobre. Aqui está o meu relógio de polícia. Vá em frente e faça uma amostra que precisa se manter consistente em todos os anúncios. E vamos também fazer este elementar. Não posso esquecer isso. Vamos fazer esse cobre. Então eu vou fazer a mesma coisa que nós fizemos, mas fazê-lo com nossa última opção de prata e ir em frente e exportar estes para que eu possa ir em frente e apresentá-los ou mostrá-los um pouco. E assim que nos sentirmos muito confortáveis, estaremos pulando para o Adobe X'd. Vamos ser capazes de criar um layout da Web inteiro usando tudo o que fizemos até agora. Então eu acabei de completar, uh, nós tínhamos o ponto de cobre e agora eu acabei de completar o de prata escura. E eu tive que mudar isso um pouco porque o produto quando eu fiz a renderização três d , eu queria fazê-lo diferente dos outros dois. Então isto é do lado esquerdo. Então eu queria ter certeza que a cópia e o produto se enfrentavam. Então o produto está licitando para a esquerda. Quero que a cópia fique à esquerda, então coloque isso um pouco mais perto da cópia. Então não estava muito feliz com a aparência do ROC prateado. Eu pensei que talvez outro elemento seria, ah, um pouco mais adequado para a marca, então eu fui capaz de voltar para dimensões adobe como capaz de tornar este menino mau. Adoro esta pequena prata. Eu acho que eu tentei jogar com ele um pouco mais cedo na classe, mas eu era capaz de realmente tipo de girar em torno do produto um pouco de ir em frente e mostrar a você como isso se parece em dimensões. Então aqui está o pequeno produto que eu embrulhei. É só ir e pegar o respingo. Eu posso te mostrar. Isso pareceria assim, aqui está um pouco de respingo. Eu meio que posicionei. Então ele meio que circulou em torno do produto e adicionou a textura prateada, e eu fui capaz de criar isso. Então eu terminei. Quero ir em frente e exportar tudo isso. Agora, o que é ótimo sobre ter é tudo em um documento é que eu posso exportar todos eles é J pinos e ir em frente e fazer para cima. Eu gostaria de fazer uma boa resolução, porque as mídias sociais serão automaticamente rebaixadas para onde precisam. Então eu gosto de começar com uma imagem agradável e de alta resolução e apenas ter a mídia social downsize. É que eu não tenho dedo do pé, um, tenho uma foto de baixa resolução quando eu não preciso de uma. Então, estou exportando minha arte. Eu vou ser capaz de ver tudo que todos eles vão salvar como J pinos separados. Eu vou em frente e mostrar-lhe na tela o nosso final. 28. Aula 1 parte1: e eles. Então, quem está pronto para fazer uma camiseta cada bom Brandon? Cada necessidade A boa empresa precisa ter um logotipo em uma camiseta, seja para funcionários ou para fins promocionais. É sempre bom poder ter esse passe uma opção. Então eu vou criar algumas camisetas para funcionários ou para pessoas na loja que estão fazendo um evento promocional. Ele vai ter um pequeno slogan simples e logotipo para que você possa ir em frente e baixar este modelo. É no guia de recursos onde eu tenho ah, listas de recursos externos é, e você será capaz de ver isso. E é a camiseta que peguei do gráfico Burger Dot com. Você será capaz de clicar ali e você poderá baixar este arquivo, então não vamos usar este arquivo ainda. Apenas um tipo de baixado para você. Eu tenho que aparecer no Adobe Illustrator e para o nosso cara da marca que nós temos nossos elementos de marca, e nós vamos pegar algumas coisas disso e abrir um novo documento para começar a ter algumas idéias para um design de camisetas. E já que já temos alguns elementos de marca desenvolvidos. Vai ser bastante simples colocar este logotipo em uma camiseta. Então eu pensei que seria uma espécie de puro para um design de camiseta desde que temos esta apresentação vertical para cima e para baixo do logotipo. E se expandirmos isso para a camiseta? E quando você está fazendo sua própria marca, talvez você esteja trabalhando nesta aula comigo, e você está decidindo fazer sua própria marca. Talvez pareça um pouco diferente deste. Comece a pensar em maneiras que você pode expandir. Alguns dos seus bens de marca não são a camiseta, então tudo começa a parecer uniforme. Então, se você tem um certo logotipo com, digamos, uma xícara de café que você não poderia encontrar uma maneira de pegar esse gráfico e colocá-lo no design da camiseta . Então é por isso que ter desses elementos estabelecidos para nós nenhum trocadilho pretendido. Você pode misturar o processo de design da camiseta muito mais rápido para que eu pegasse esses dois homens. Você só pega aquele com a cor e eu vou abrir um novo documento, e isso pode ser meio arbitrário, já que não temos certeza de qual será o tamanho final da camiseta, então eu vou fazê-lo em centímetros. E claro que estou nos Estados Unidos. Você pode usar centímetros ou diferentes tipos de medidas, mas eu só estou fazendo um quadrado genérico de 12 por 12 polegadas. E para você , pode ser tão longo como um tamanho quadrado. Estes vão ser em vetor, então você pode sempre dimensioná-los para o tamanho da necessidade mais tarde. Então, apenas um simples quadrado de 12 por 12 polegadas vai diminuir o zoom. Eu tenho um duplo este quadro de arte, então eu vou arquivar os documentos e eu vou duplicar. Vai subir aqui e fazer arte nova. O tédio vai duplicar o quadro de arte. Então tudo o que fizemos foi feito em dois quadrados. Esta será a frente, e esta será a parte de trás. Vamos em frente e colar o logotipo elemental. Eu pensei que não seria necessário se ele meio que entrou na camiseta? E é por isso que eu tenho este arquivo aberto durante o processo de design. É muito difícil projetar quando você não tem a camiseta lá para ajudar você a ver como ela fica na camiseta. Então, muitas vezes, o que eu vou fazer é ir em frente e abrir o modelo e eu vou e pop no local e testá-lo lá fora. E eu sempre posso encontrá-lo no arquivo do ilustrador quando eu sinto que tenho um design final e eu posso exportar isso para a impressora de camisetas. Então é assim que uma simulação se parece. Se não temos experimentado simulações Photoshopped, é assim que eles funcionam. Então eu tenho esta camada vermelha bem aqui. Esta é a camada em que vamos colocar o nosso gráfico. Então eu vou ir e clicar duas vezes aqui nesta área para olhar como se sua camada pudesse abrir uma nova janela. E é aqui que eu sou capaz de colocar novos itens na camiseta. Então eu vou em frente e pegar meu gráfico elementar e eu sou apenas um ilustrador e eu estou arrastando para o Photoshopped, e eu não sei como ele vai ficar na camiseta ainda, então eu vou fazer um tipo de tamanho aleatório. Podemos redimensionar isso mais tarde. Então o que eu vou fazer abriu uma nova aba quando eu clicar duas vezes na área vermelha, a camada vermelha. Então eu vou fechar aquela janela ou aquela aba que ela abriu, e nós vamos salvá-la, então ele vai salvar a imagem, e vai aplicá-la automaticamente a uma camiseta. Então aí está. Então agora eu estou percebendo, Oh, eu preciso mudar para ser branco. Então isso não é problema. Este duplo clique excluir este objeto e vamos mudar isso para fora. Vamos fazer com que a cor cinza que temos em vez de apenas usar branco. Acredito que temos a cor cinza bem aqui. Algodão azul. Acho que dei o nome certo. E então nós vamos agrupar o logotipo e ir em frente e pegar essa cor. Ótima. Então não vai fazer a mesma coisa e diz como é fácil atualizá-lo. Vou torná-lo de tamanho arbitrário. Vamos fechar aquela janela. Só abrimos e economizamos. Tem de ser preenchido automaticamente. Então estamos começando a fazer um design de camiseta. Então agora eu tenho que pensar em equilíbrio. Não queremos ter algo tão avassalador em uma camiseta que grita que você não consegue ler muito bem. Então vamos ajustar o equilíbrio um pouco. Então, cada vez eu não ajustava o tamanho. Digamos que eu queira torná-lo menor do que isso em vez de ter que clicar duas vezes sobre esta camada ao abrir essa nova aba e ajustá-la e salvá-la, eu posso ir em frente e selecionar esta camada e eu vou ser capaz de mover isso ao redor, mas você vai notar quando eu faço isso, ele meio que move a camada em cima por acidente. Então, se você tiver esse problema, vá em frente aqui para selecionar automaticamente e certifique-se de que a Seleção Automática é de selecionado. Então agora que ele vai ficar selecionado nessa camada, não importa o que mais eu toque, então agora será capaz de mover isso em torno de como eu gosto. Então agora podemos ajustar o tamanho e também o posicionamento para que possamos brincar um pouco com a localização para que eu possa tê-lo indo para o lado. Isso pode ser uma espécie de necessidade. Poderíamos tê-lo do outro lado. Poderíamos até fazê-lo descer no meio. A única razão pela qual eu acho que vou escolher o meio é que eu acho que a marca meio que tem esse tipo de sentimento organizado agradável para ele. E eu pensei que talvez um alinhamento central agradável, limpo e simples pareceria um pouco arrumado. Mas o amor era muito grande comparado com a camiseta. Então eu vou ir em frente e dimensionar isso para baixo. Então vá em frente e dimensione-o. É entrar. Tudo bem, então aí está. Há um tipo de design da nossa camiseta. Há algumas coisas que você pode alterar com o modelo. Digamos que a marca com a qual você está trabalhando é uma cor azul-marinho, e não é preta. Como você muda a cor do professor neste modelo é ir até a camada de camiseta. Você deveria ver mudanças. cor da camiseta aqui com a flecha ia destacar isso. Uma área de camiseta branca ia clicar duas vezes para que pudéssemos abrir nosso painel de estilo de camada . Vou fazer uma sobreposição de cores. E esta é para a camiseta mais escura. Na verdade, há outro modelo de camiseta loja de fotos que é para uma camiseta branca Soupy, ir para gráfico hambúrguer ponto com. Você será capaz de encontrar um de cores mais claras. Então, enquanto estivermos aderindo a cores mais escuras, isso ainda vai ficar bom. Então vá em frente e brinque com um diferente. Digamos que é como um azul marinho escuro. Lá vai você. Assim, fomos capazes de mudar a cor fazendo apenas uma sobreposição de cores. Você também mudaria o fundo tão bem assim você pode colocar qualquer fundo aqui se você quiser tê-lo, não apenas ser ótimo. Mas talvez quando eu o emparelhar com outro azul escuro. E realmente gosto daquele azul. Eu gostaria que fosse uma parte da marca, mas talvez uma parte da sua marca feita azul é como um amarelo ficaria realmente incrível. Então eu tenho que continuar a trabalhar em diferentes conceitos para a camiseta. Mas uma vez que eu apareça com um para a frente, vamos em frente e abrir o modelo de trás. Há um arquivo separado do Photoshop na parte de trás, e vamos fazer um design de trás. E assim que acabarmos com a frente atrás. Poderíamos trazê-los para o ilustrador e obter um ilustrador final ou arquivo E. P para enviar para a impressora de camisetas. 29. Aula 2 TshirtDesign: Então vamos fazer a parte de trás da nossa camiseta. Todo mundo gosta de ter algo na parte de trás, então eu gosto de fazer uma frente e traseira projetado para camisetas. Então este é o arquivo de trás que quando você baixar isso do gráfico Burger dot com, você tem o lado da frente no lado de trás para ir em frente, abrir este backside, e vamos para o nosso tipo de marca de padrões que temos aqui e ver o que podemos fazer por um design traseiro. Então eu pensei que eu seria tipo de necessidade de jogar sobre os elementos um pouco e aquele quadrado. Então vamos em frente e pegar os que estão no fundo escuro, não é? Não está feliz que já os desenvolvemos e entramos no nosso novo documento? Isso vai ser adiantado. Esta será a parte de trás eu pensei que seria necessidade de incorporar que de alguma forma o que é também incorporar o nosso tipo. Então ainda não desenvolvemos os padrões de marca para a nossa tipografia, então isso é algo que vamos desenvolver muito em breve. Agora que já estabelecemos que em nosso primeiro design de anúncio, um design de mídia social e agora um design de camiseta estavam ficando bem estabelecidos com o tipo que continuaria a usar. Então o tipo que usamos para o nosso símbolo principal é Avenir parece voltar ao meu original . É Avenir, então vamos continuar a usar isso como um slogan para as costas. É sempre bom ser consistente com a sua marca. Então Avenir, vamos fazer cervejas para o mais negro que vai ser preto e algo que já usamos. Eu gostaria de puxar de outros objetos que fizemos para tipo de ter idéias para objetos futuros. Então, ah, a manchete que usei em uma dessas pré-visualizações de anúncios que fiz para o design do anúncio foi “brilhar”. Então vou usar isso como uma frase muito simples. Acho que usar frases mais curtas funciona melhor do que frases mais longas para projetos de camisetas. Isto mantém-lo agradável e ambíguo para que as pessoas possam fazer perguntas atrás. O que isso significa? Sabe, é meio que um começo de conversa, vez de ter tudo isso nas camisetas ou tentar manter a camiseta menos desordenada. Menos palavras. Você poderia ter uma grande, longa citação sobre eles, mas quem vai realmente ler isso na camiseta de trás. Então, ter esta apresentação simples e agradável funcionará melhor. E às vezes eu gosto de ir em frente e desenhar o fundo escuro para que eu possa tipo de ver como esses elementos vão ficar. Esse plano de fundo será posteriormente excluído. Vamos fazer isto branco. Temos o nosso tipo de marca fora da cor branca que podemos experimentar. Vamos em frente e fazer tudo isso fora do branco, ou pelo menos fazer isso o fora do branco. E parece que quando eu faço todos esses objetos aqui foi bom, selecionar todos estes e fazer a nossa ferramenta de conta-gotas. Ele irá em frente e colocar um preenchimento sólido nesse curso, então nós só precisamos delinear o caminho nesse traçado. Isso não é um problema. Estes vão selecionar nossos caminhos Goto objeto. Desça o caminho. Ele delineou esse golpe, modo que não nos dá nenhum problema mais tarde, então agora pode selecioná-lo tudo e ferramenta conta-gotas para que pudéssemos fazer isso, ou podemos deixá-los em cores diferentes. Então, quando você tem impressão de camisetas, se você tem uma impressão de camiseta digital, você pode usar tantas cores como você gosta, sinta-se livre. Você poderia ter uma foto detalhada em sua Se você está fazendo impressão de tela, é um pouco diferente porque cada tinta de impressão de tela custa dinheiro para fazer causa. Eu tenho que fazer cada pequeno prato que eles trazem para baixo e imprimir em. A camiseta tem uma cor diferente. Então, quanto mais cores você usa nesse tipo de impressão, mais caro é. Então, normalmente você tem limitações. Tem muitos clientes que dizem que só podemos usar duas cores. Nós só podemos usar três cores, então eu gosto de mantê-lo o mais simples possível. Se você está fazendo impressão digital que algo que você pode trabalhar fora com um cliente ou trabalhar fora com sua impressora, você pode usar muitas cores, então o que eu faria eu tenho a opção de usar muitas cores é sempre trazer em nossos três opções de cores diferentes aqui, ou apenas use essas opções coloridas. Então vai depender do tipo de camiseta por bilhete. Será que vamos voltar? Vai ser limitado por tintas? Será impressa em tela ou será impressão digital, então serigrafia e impressão digital são muito diferentes, então serigrafia parece mais autêntica. E é assim que as camisetas foram feitas por centenas de anos ou por muito tempo. Estivemos imprimindo camisetas e parece muito bom, mas temos as limitações com as tintas. A impressão digital não parece agradável, mas você pode colocar uma foto colorida cheia e ficar bem, e é um pouco mais barato. Então eu tenho um tipo de duas variações desse tipo de idéia. Vamos supor que vamos fazer impressão digital e ter as cores para agora. Podemos sempre ter duas opções. Então, apenas um tipo de explicar a diferença entre serigrafia e impressão digital quando se trata de design de camisetas. Ok, então eu não vou realmente precisar desse passado. Só preciso pegar isso. Eu também pensei, você sabe, nós temos esse período e é uma grande parte da marca. Vamos acentuar isso. Não é apenas um período, é parte do elemento da marca, são parte do branding, então vou destacar isso fazendo com que seja uma cor diferente. Vou usar ouro, já que parece ser o tipo que usamos com mais frequência. Então você percebe que isso foi trazido para fora. Mas também é trazido para fora no logotipo elementar. Então, mais uma vez, amarrando o logotipo, algo trazendo-o para algo diferente. Então, esta frase, vamos e arrastar-nos para o nosso modelo. Aqui está indo duplo clique ou camada vermelha. Fizeste a mesma coisa que fizemos antes. Vamos trazer isto como um item inteiro. Não precisamos do fundo preto das costas. Só preciso disso e não importa o tamanho, porque sempre podemos encontrar Sintonizá-lo depois salvá-lo. Vai guardar um pequeno ficheiro que abriu para a janela. Vá em frente e ignore essa mensagem. Se você entender, não me incomodou até agora, então vamos ter certeza que a seleção automática está desligada. Então, quando eu selecionar a camada, ela não selecionará mais nada. E agora temos que pensar em equilíbrio para este lado, também. Então agora eu acho que isso é muito grande, então apenas faça um pouco menor e coloque para cima. A parte de cima será a parte de trás. Você tem que pensar no cabelo das mulheres, mas o cabelo das mulheres vai cobrir qualquer coisa aqui em cima. Então você sempre tem que pensar nisso. Então eu meio que coloquei as coisas na parte de trás da camiseta um pouco mais do que você imagina por causa das mulheres aqui. Eu tenho um cabelo comprido, e você nunca pode ver o esloveno nas costas porque todo mundo o coloca muito alto. Então talvez um pouco abaixo de onde os ombros pagariam. Então, talvez aqui, pressione Enter. Então, apenas uma dessas coisas se depararam depois de fazer tantos designs de camisetas ao longo dos anos, especialmente para empresas de propriedade de mulheres. E eles percebem, , nossos slogans cobriram totalmente o cabelo de um comprador, você sabe, então você tem que pensar sobre isso. Então eu gosto que pudéssemos brincar com cores. Mas já que já nos comprometemos com uma cor frontal, vamos em frente. Comprometer-se com isso. Isso foi rápido e fácil. Então vamos ver nossos arquivos e prepará-los. E há uma coisa que eu meio que quero fazer. Então eu tenho a frente e eu tenho a parte de trás, então você não vai dirigir para enviar isso para a impressora, mas eles não vão ser capazes de usar esse arquivo aqui porque não é vetor. Mas eu sempre tiro uma captura de tela ou salvo um pacote J de ambos os lados da frente para trás para que eles possam ter uma idéia de tamanho porque eles vão perguntar quando você enviar um arquivo vetorial, eles podem dimensioná-lo para qualquer tamanho. E você tem camisetas de tamanhos diferentes. Pequeno, médio, grande, extra grande. Às vezes você tem x, x, x, grande. Então, se ele disse um design de tamanho único, eles vão precisar saber como dimensionar isso e ter um lugar. Então este é o cara perfeito para enviá-los, que eles saibam que este é o tamanho exato. Eu gosto desta camiseta tamanho para que eles possam dimensioná-la para você e ser capaz de colocá-la para que eles saibam que nós queríamos esse tamanho. Então este é um bom guia para eles. Eles realmente, realmente apreciam isso. Então vamos preparar nossos arquivos. Então aqui estão nossos dois documentos quadrados que temos, e eles estão praticamente prontos para ir. A única coisa que preciso fazer é me livrar do Blackground dividido. É o fundo preto porque isso já vai estar na camiseta. Então eu tenho este velho fundo transparente aqui. Não há nada lá, então vou em frente e destacar tudo, ver como isso parece. Vou me certificar de fazer isso por tudo que mandei para a impressora. Não importa o projeto ISS para Goethe, criar contornos, mas para ir para a digitação, criar contornos, assim criado contornos sobre esse tipo ali mesmo. E já fez o traçado do traço do traço sobre isso? Eu não tenho que fazer isso. Então, quando eles fazem escala, eles não têm um caminho ou um derrame que vai ficar cada vez maior à medida que eles escalam para cima e menor. Então, se você tiver quaisquer caminhos ou traçados, vá em frente e basta ir para o caminho do objeto e delineou os traçados. Isso é muito importante quando eles vão ser dimensionar maior ou maior para que possamos ter este título na frente. Mas vamos em frente e exportá-lo. Eu gosto de exportar estes como um ir em frente e salvar essas duas coisas. Eu gosto de ir em frente e enviá-los no PS, então vá em frente e salvá-lo como um E P s e que será seu arquivo vetorial. Então, isso é tudo o que eles precisam. E eu também os salvei como PDFs Solvej Schou, salvar como pdf e ir em frente e dar-lhes um PDF. Está bem, e não precisa se preocupar com marcas e sangramento. Tudo o que eles realmente precisam é deste arquivo. Eles pegarão isso e vão redimensioná-lo em seu programa para ir em frente e colocá-lo para criar, uh, seu design de camiseta. É isso. É assim que é fácil fazer um design de camiseta. Acho que a parte mais difícil é criar um design. Desde que eu tenho essa marca em particular, nós já desenvolvemos alguns objetos antes. Foi fácil ir em frente e fazer isso. Mas você pode estar fazendo uma marca que precisa de um design de camiseta de nós do zero. Então, se você quiser mexer com a tipografia e fazer algumas coisas realmente criativas com o design da sua camiseta , talvez até faça uma ilustração personalizada e ilustrador. Por todos os meios. Se você acha que vai combinar com a sua marca do que fazer, é assim que terminamos com o design da camiseta, então vamos em frente e passar para o design estacionário 30. BizCard de listagem: Agora é hora de projetos estacionários. Isto em vez de seus timbrados, cartões de visita, envelopes, todos esses tipos de materiais de marketing que todas as empresas precisam. Então eu tenho um modelo projetado estacionário que você poderia baixar no pacote o arquivo ZIP que você baixou no início da classe. Tão feliz e clique duas vezes nisso. Isto vai poupar muito tempo para nós. Então já pesado tamanho cartão de visita de cartão postal estes ar todo o tipo de genérico, tamanhos comumente usados, um envelope e um papel timbrado. E vamos ser capazes de criar toda a necessidade estacionária rapidamente porque já temos este modelo configurado no que eu amo sobre a configuração de todos os estacionários. Um arquivo é quando exportamos este como um pdf para ser impresso e ter esses arquivos finais. É muito fácil. Basta exportar e exportar todos eles para você. E é muito bom ir em frente e ter um arquivo para todos os seus artigos de papelaria. Então vamos começar com o que eu acho que é a parte mais cobiçada e importante de qualquer material de design estacionário e marketing. Design é o seu cartão de visita com cartões de visita. Você quase sempre tem uma frente e trás. Nem sempre. Algumas empresas não podem pagar um carro de negócios muito caro, então eles só vão fazer a frente e eles simplesmente não vão ter uma traseira. Mas eu descobri que muitas empresas precisam ter essa informação extra e eles vão em frente e pagam por esse lado extra. Então vamos fazer um cartão de visita de dois lados desta vez, e vamos ficar com essedesign simples e limpo, design simples e limpo, e vamos voltar para esse tipo de pacote de marca que desenvolvemos e pegar alguns materiais de lá para facilitar. Eu criei um novo que tinha nossas texturas são texturas de fundo e nossos pincéis para que eu possa agarrá-los muito mais fácil do que ter que voltar para o design do anúncio que fizemos para obtê-los. Então eu vou em frente e pegar nosso passado aqui. Eu acho que eu vou pegar alguns pincéis para foi pegar os pincéis e este ir em frente e trazê-lo para o nosso modelo de design estacionário. Re tamanhos torná-lo um pouco menor. Então eu pensei em fazer um tipo de alto contraste frente para que você pudesse ter um lado preto, e então você vai ter um Whiteside. Quando apaixonado por isso é que você poderia definitivamente dizer a diferença quando você virar o cartão. Se você fez o cartão da mesma cor em ambos os lados, você começa a perder algo que as pessoas não sabem se é a frente ou de trás. Por isso, dá-te uma boa consistência na frente das costas. Então eu vou trazer isso sobre esta pequena textura que temos, e eu pensei em ir em frente e pegar nosso logotipo. Então vamos pegar nosso logotipo e vamos tê-lo sobre um fundo preto plano para ir em frente e colocar nosso logotipo branco no centro do cartão. E é aqui que maior nem sempre é melhor quando se trata de elementos de dimensionamento em seu design para que possamos ter esse grande logotipo. Mas tende a perder um pouco de sua elegância e sua simplicidade e começa a parecer um pouco lotado e também notado. Eu não estou menstruada, então deixe-me trocar isso bem rápido. Então lá vamos nós, temos o meu período, então ele para ver o que acontece quando eu reduzi o tamanho então agora. Ok. Veja, um logotipo é apenas uma espécie de logotipo típico. Quando você faz um pouco menor e tem um monte de margem, ele meio que começa dedo do pé. Adicione um pouco de elegância de ponta a ele. Tão maior nem sempre é melhor. Às vezes, menor pode comunicar diferentes humores e sentimentos. Então eu preciso ter certeza que isso é uma linha corretamente. Aiken, alterne minha grade a qualquer momento e tire minha textura do caminho. Mas eles podem ter uma textura aqui. É um tipo de tamanho para cima. Ou posso fazer um pequeno truque. Jogue minha caixa aqui, selecione os dois elementos e faça o meu painel de linhas e faça um alinhamento horizontal horizontal . Faça isso ser bom. Ele também ativou seus guias inteligentes. Se você quer ver caras inteligentes e você tem isso, ele vai tipo de dizer onde o alinhamento central é por aquela pequena linha rosa. Então isso ajuda a ter os guias inteligentes neste tipo de casos. Então agora eu sei que o centro alinhado no lado esquerdo e direito sem ter que quebrar a grade e alinhá-lo. Portanto, guias inteligentes são vistas incríveis e guias inteligentes. Às vezes eu posso ficar no caminho para que você possa falar tudo isso , fazendo o comando para que eu possa ir e desligar guias inteligentes muito rapidamente. Então agora eles precisam de algo. Temos esses lindos pincéis que usamos em nossa campanha publicitária e também em nossas mídias sociais . Eu digo, vamos continuar isso porque qualquer marca consistente vai ter algum fio unificador ou elemento unificador que continua a aparecer. Neste caso, são esses pincéis. Então vamos encontrar uma maneira de usar esses pincéis, mas de uma maneira muito sutil. Então vamos pegar duas cores. É um guisado, cobre por enquanto. Traga isso para a frente e eu só quero um pouco de vantagem. Só um pouco de sutileza. Eu não quero este pincel grande que atravessa porque isso é apenas muito, então era tudo sobre uma marca limpa e simples para que pudéssemos continuar esse tema ao longo apenas fazendo um pouco. Vai, é o teu sangramento. Esta vai ser a tua hemorragia, por isso vai ser cortada. Então este é o seu tamanho final. Eu tenho que constantemente momento essa parte na minha cabeça apenas tipo de fingir que não existe porque isso não vai realmente existir. Então você só vai ter este canto aqui e vamos fazer prata porque nós já temos ouro incorporado no logotipo. Temos o ouro bem aqui. Então vamos tentar obter todas as três cores aqui e temos um pouco aqui vem brilhando através. Então vamos dizer que eu quero uma colheita. Não faço ideia de como admitir isso do meu cérebro. Eu continuo vendo este grande swash aqui alguns vão desenhar um retângulo. Eu ia cortar essas questões uma máscara de recorte. Então eu vou em frente e agrupar esses dois pincéis juntos, e eu vou selecionar a caixa que eu acabei de criar. Só vou fazer uma máscara de recorte simples, e por isso vai ajudar-me a descobrir qual será o corte final. Então agora eu poderia pegar minha ferramenta de seleção direta e ver que isso é apenas o guia para mim. Vou acabar por ter de mudar a máscara de recorte para poder mudar o ângulo destes . Faça isso torná-lo um pouco menos de um ângulo. Aqui vamos nós. Eu ainda queria ser apenas um pequeno toque. Ok, então eu acho que é isso para a frente do cartão. Vou ter que me lembrar que isso está sangrando e que será cortado. Estou a tentar amável da tua parte assim. Eu estou feliz. E mostre a ele como será cortado na final. Então só temos elemental na frente. Então vamos ter muita informação na parte de trás. Vamos organizar o nome da pessoa, onúmero do fax, número do fax, o que eles precisarem de ter aqui da forma mais limpa possível. Então agora é hora do traseiro. Então eu fui em frente e digitei todos os principais elementos que eu acho que serão necessários para este cartão. E isso é algo que você pode perguntar ao seu cliente ou para quem você está trabalhando, quais informações são necessárias. E assim fazendo isso por tantos anos. Esta é uma espécie de informação geral que teve que trabalhar em cartões de visita, como você pode ver lá seis elementos, e assim um cartão de visita é muito menor do que você pensa. São 2,5 por 2,5 por três polegadas. Não é realmente muito espaço para brincar, e precisamos manter o tipo acima de oito pontos de tamanho para que ele permaneça legível. Então não haverá muitas oportunidades de design em termos de ter objetos e imagens aqui. Então, vamos a coisa mais importante sobre este lado é certificar-se de que o tipo é legível. Então vamos trabalhar com o tipo primeiro. E então, se tivermos algum espaço para alguns elementos de design, vamos trabalhar com eles. Então eu vou em frente, fazer deste o tipo de faísca que precisamos. Então vamos precisar de ter isto do que o Avenir para nos mantermos consistentes com as escolhas que fizemos . Então vamos em vez de fazer um muito grosso vamos fazer um peso médio, nós não queremos que tudo seja ousado e meio que finalizar algumas dessas coisas. Percebe como coloco pontos em vez de traços? Eu notei que esse tipo de tem um visual mais moderno, e também você pode encurtar isso, encontrar maneiras de coisas curtas para que você possa ter pessoas P agora saibam que isso significa telefone então eu não estaria preocupado em ter que digitar tudo todo o caminho para fora. Então, só encontrando maneiras de encurtar as coisas e o aviso com loção elementar. Eu tenho o E maiúsculo para ficar consistente com sua marca, e também eu faço com um L maiúsculo para que você possa dizer a diferença entre as palavras e ele lê melhor. Então, por exemplo, o e-mail que você vai notar muitos e-mails são todos minúsculos. Não gosto disso porque não posso. Tudo corre em conjunto como uma grande e longa palavra. Então, se eu fosse fazer um pouco deste capital, ele só parece melhor, mas também lê melhor. Tem melhor experiência de usuário no meu caso. Então você sabe J S Smith e curso para e-mail não pode comer. Poderíamos até ter um minúsculo se quisermos minúsculas d n a p. Portanto, isso está a simplificá-lo ainda mais. E então outra coisa que podemos fazer é ser consistentes com nossos pesos. Então tivemos isso como uma espera ousada antes. Vamos continuar com os pés, pés, ovos situam que quando a mesma coisa com o P uh, se tudo é do mesmo peso, ele se mistura. Então, se mudarmos um pouco os nossos pesos. Isso adiciona contraste, então eu meio que leio um pouco melhor. Fazemos assim. É uma parte chata do design do cartão de visita, mas é definitivamente ajuda a pensar sobre isso. Para consultas de vendas, isso pode ser menor. Também pode ser um Talic, que vai diferenciá-lo de todos os outros elementos. Então, você sabe, é divertido, ousado, pesos diferentes. Também estou colocando em itálico certas coisas. Isso vai precisar ser muito maior. Agora vamos trabalhar no dimensionamento em relação um ao outro. Isso também pode ser um tallix, talvez um metálico preto, e este poderia ser um peso preto ou pesado. Então, quando você começa a ver o equilíbrio do braço tipo, usando coisas diferentes para diferentes diferenciar diferentes elementos. Então vamos olhar para o tamanho. Vejamos, são oito pontos. Isso é decente. Qualquer coisa com menos de oito anos, fico um pouco preocupado com a legibilidade. Esta é uma impressão pequena, por isso estou bem com cinco. Mas vamos fazer seis só para garantir que as pessoas possam lê-lo quando for impresso , especialmente porque está em um peso mais leve. Então agora temos que descobrir qual é o melhor alinhamento para todos os nossos diferentes elementos 31. Lesson4 de StationaryDesign: grande design de cartão de visita raramente tem todos os elementos de um lado. Então vamos encontrar maneiras de separar nosso Jonathan Smith desses elementos. Então Jonathan Smith e aqui é onde podemos começar a incorporar alguns projetos. E então nós provavelmente queremos que este é o cabeçalho para consultas de vendas. Quero manter isso junto, e é aqui que podemos terminar as coisas. Então, queremos manter estes juntos telefone e e-mail. E muitas vezes eu adoro usar ícones. Então acho que vou voltar e trocar esse ícone. Se eu não gostar do P no E porque eu poderia parecer um pouco estranho e eu provavelmente não poderia deixar o cólon tão ousado, ok? E assim o site pode ficar sozinho, então esta pode ser uma oportunidade para separar tudo do alinhamento esquerdo direito. Então vamos trabalhar em alguns elementos gráficos. Vai ajudar. Pode ser capaz de colocar tudo. Então eu vou para o nosso design de anúncios meio que uma grande bagunça, tenho arrastado as coisas por aí, mas eu quero tipo de usar alguns desses itens. Eu acho que talvez agarrando este elemental, e nós poderíamos ter isso como um elemento que vai por trás dele. Apenas fazendo isso um cinza claro, vendo como isso parece poderia parecer um pouco ocupado, pode não ser capaz de lê-lo, mas é um bom pensamento e deixe-me voltar para o meu design de camiseta ou para trás aqui. Isso também pode funcionar . Também está aqui e ver se consigo colocar isso na vertical. Nós já fizemos isso para o design da camiseta, então vamos continuar a usar isso para o design do nosso carro de negócios. E você tem todo esse tex horizontal. E então você tem aquela textura vertical realmente tinha algo diferente do design. Não vai ser tudo quebra todo esse texto horizontal. Eu sempre gosto de colocar o site no terço inferior do cartão de visita. Não sei porquê. Doente demais. Isso é o que as pessoas procuram naturalmente por esse tipo de coisa. Poderíamos manter todas as informações lá em cima e talvez ter uma imagem de produto aqui. Podemos ter uma barra divisória. Temos usado isso em alguns de nossos elementos de marca. Bem, barra Divisor ali, isso meio que ajuda a quebrar esses dois blocos de cópia. Adoro usar barras divisórias. Isso realmente ajuda a quebrar essa informação ainda mais para o espectador para que eles não se sintam sobrecarregados. Eu realcei tudo, ajustei o alinhamento esquerdo. Então, estou me certificando de que tenho margens largas no meu cartão de visita. Então eu fico dentro daquela área de segurança. Então eu só vou mover isso para baixo e ter certeza por quê? Porque lá vai ser cortado. Então esta é a guarnição. Não olhe para toda essa margem agradável e igual em ambos os lados estão muito perto. Então vamos tornar o site um pouco maior. Os sites, Provavelmente onde queremos e as pessoas vão de qualquer maneira para que possam olhar. E isto é para um gerente de vendas. Então eles vão parar nas lojas e tentar fazer com que as pessoas guardem o produto. Então é bom entender para quem vai ser. Então, se vai ser para um gerente, uma pessoa de vendas quer colocar o produto lá porque quando eles estão vendendo algo, é bom lembrar ao dono da loja como o seu produto era. Especialmente se parecer tão legal é o nosso. Vamos colocar um produto lá, e pode nem sempre ser o caso. Dependendo de qual marca você está trabalhando, você precisa pensar sobre quem eles vão entregar o cartão, também. Vai ser um gerente. Você tem que ter o dedo desenhado. Exatamente como um gerente gostaria de ver esse cartão. Que informação eles querem ver. Se você está distribuindo apenas para pessoas andando na rua, você provavelmente vai fazer isso mais visualmente ou gráfico. Então pense no usuário final quando se trata de design de cartão de visita para que eu possa pegar toda essa coisa de três garrafas e usá-lo. Mas, novamente, eu estou pensando que este é um cartão de visita tão pequeno que vai sobrecarregar qualquer um. Ele pode não ter um monte de espaço branco bonito aqui com que poderíamos trabalhar, então isso pode tipo de mostrar toda a linha de produtos. Ou podemos ir para o nosso pequeno arquivo ZIP baixável que você tem, e nós temos apenas talvez um desses, então em captura de cobre e você terá acesso a esses arquivos se ele quiser. Se você estiver fazendo essa marca, se estiver fazendo sua própria marca, você pode ter algumas coisas que você criou nas dimensões do dhobi ou algum outro tipo de arquivo que você tenha. Então, quão eficaz? Então este é todo o conjunto de produtos, que, do ponto de vista do gerente de vendas, é algo que eu acho que ele gostaria de ter, ou podemos apresentar um produto, e é mais limpo dessa forma. Mas o único problema que me deparo é que as pessoas podem não entender o produto sem ter que ir ao site. Então, do ponto de vista do design, eu acho que isso parece melhor. Mas de uma prática, o que é que o cliente tem uma perspectiva leve? Eles provavelmente vão querer ver todo o conjunto de produtos. Então vai haver uma diferença entre o que funciona melhor design sábio e o que é mais prático. Às vezes você tem que ir em direção à praticidade. Nem sempre o design. Certo, agora temos um problema. Nós temos um e-mail muito longo, e por isso temos que encontrar uma maneira que ele não interfira com o produto. E eu pensei “ Vamos quebrar esse fundo branco. Vamos fazer isso com um bar e poderíamos fazer uma barra diagonal para já que isso tende a ser o que temos feito em nossa marca. Então eu só estou fazendo a ferramenta de alfinete. Está desenhando uma caixa diagonal. Está indo cascalho de nossas cores. Vamos voltar. E eu também posso mostrar a vocês como salvar isso em amostras. Então você não tem que continuar voltando para aqui. Ainda não te mostrei isso. Então, tem o meu painel de amostras. Podemos adicionar estas amostras ao nosso painel de amostras. Aqui estão suas amostras. Poderíamos arrastar estes e ter amostras. Agora, não temos de continuar a arrastar isto sempre. Faça todo o nosso tipo preto chaleira preto, que é realmente como um cinza claro com um pouco de azul. E talvez a caixa tenha. A caixa nem sempre tem que funcionar, nem sempre tem que funcionar. Uma coisa que poderíamos fazer é fazer o pincel de ouro na parte inferior que atravessa o fundo. Mas estou começando a achar que esse pincel vai ser demais. Vamos fazer este lado simples do pincel que vamos. Isto é o que você disse várias versões para o seu cliente porque eles podem dizer que eu amo ou eles podem dizer, muito ocupado. Não vamos ter isso. Então eu sempre pelo menos tenho que definir opções de design para que eu faria uma como esta e eu faria uma que está jogando e apenas deixar o cliente decidir algumas dessas questões. Eles vão ter uma preferência de um jeito ou de outro, então não precisamos mais dessas cores. Então, agora vou apenas ajustar o layout. Podemos até mudar a cor. Alguns desses elementos apenas tipo de trazer o ouro a partir de agora que estamos incorporando ouro. Então eu poderia empurrar isso um pouco para a esquerda. Lá vamos nós. Nos dá um pouco mais de espaço. Ainda precisamos de um pouco. Então vamos fazer o produto. Odeio reduzir a imagem do produto, mas vamos ter de o fazer para mantê-la limpa. Então agora eu acho que este tipo de elemento está começando a desordenar cada vez que temos muitos elementos. Então precisamos dizer que temos esse elemento. O elementar é que temos o ouro, mas não podemos ter os dois. Isto é quando você tem que fazer isso para algumas decisões de design. Qual deles ganha. Ambos não podem ganhar isso. Ambos estão competindo uns com os outros. Então qual deles vai ganhar vai ser o simples seria assim ou vai ser o sushi dourado? Podemos sempre fazer o que fizemos lá em cima e fazê-lo passar por 1/4. E esse pode ser o vencedor. Apenas meio que girando em um ângulo. Meio que ajuda isso a parecer bom. Torná-lo menor. Então eu tenho uma resolução mais alta. Agora, eu posso colocar isso para a direita, bem embaixo do produto, que é fantástico clientes vão gostar disso. Então, o que estou vendo neste projeto? Sim. Estou vendo uma espécie de grande área em branco bem aqui, e parece estranho. Ele não faz. Parece que não está funcionando, então precisamos resolver esse grande tipo de diferença de triângulo estranho que está sendo criado. Então deixe-me brincar com este layout e vamos ver o que eu inventei. Eu passei cerca de 5 a 10 minutos ajustando este layout, e eu decidi mudar as coisas um pouco para cima porque eu estava realmente lutando para fazer todo o fundo branco funcionar, e eu ainda queria ter um pouco de branco, que eu possa continuar a ter aquela frente de alto contraste de que eu estava falando anteriormente nas lições. Então eu fui em frente e olhei para o que já fizemos, especialmente os anúncios de mídia social. Eu estava tipo, bem, bem, nós já estabelecemos um olhar e nossos anúncios de mídia social, bem como seu folheto principal adicionar Vamos continuar usando esse estilo porque nós já meio que estabelecemos isso. Então foi quando eu voltei para este swoosh diagonal e também tinha essa combinação preto e branco . Então foi assim que eu meio que surgiu com a mudança para um fundo um pouco mais escuro. Então vou continuar a finesse do tipo, mas acho que estamos chegando muito perto. Portanto, há o nosso design traseiro, e também temos o nosso design frontal. Então eu gosto de reduzir qualquer coisa que eu desenhe poderia apagar as coisas que não precisamos. Mantenha isso aqui, então eu gosto de diminuir o zoom para ter uma idéia de Será que funciona quando o zoom diminuiu? Posso ler tudo? Abrigar a balança? Se a foto é muito grande, talvez seja. Talvez seja quando podemos ter oportunidades de dimensioná-lo, porque às vezes quando você está tão perto, um cartão de visita nunca é tão grande na sua mão. É sempre por aqui. Então é bom. Apenas um pouco de zoom para esse nível e dizer o que eu penso para eu sentir que estou pronto e eu estou pronto. Então vou preparar estas pegadas. Então, tudo o que vou fazer é fazer os mesmos passos que fiz para todos os meus outros projectos. Preparei-me para a impressão. Vou soltar a máscara de recorte e isso é automaticamente estendido para o sangramento. Isto está pronto para ir. O texto já foi delineado no logotipo, modo que está pronto. Isso só precisa ter esse elemento trazido até o sangramento. Apenas traga isso para o sangramento bem rápido. Ótimo. Estou em C. E por que saiu do dobro? Verifique isso. E também as minhas cores de prova. É para provar cores, e isso vai nos ajudar a ter uma idéia do nosso preto. Mas já que já tentamos isso no outro, sabemos disso. Parece bom e nunca escolheu a pré-visualização. Então, agora estamos prontos quando você criar contornos, seria apenas criar contornos. Vou digitar. Nós criaríamos contornos. Eu não vou fazer isso. porque ainda temos mais alguns projetos para sair para ir para exportação de arquivos como um PDF, e eu iria certificar-me de que minha sangria está em configurações de sangria do documento ar e, em seguida, exportado, e eu estou pronto para ir. Será que o design do carro de negócios tão próximo? É difícil fazer uma papelaria inteira e não pensar em todos esses outros itens. Então não vamos fazer o cartão postal por si só, porque isso poderia ser algo que poderíamos fazer mais tarde. Vamos fazer a próxima coisa importante em nosso design estacionário, e isso é o papel timbrado. 32. Aula de StationeryDesign part1: assim, no modelo já tem um tipo de comprimento genérico de texto. E uma coisa que eu quero reiterar sobre design de papel timbrado e problemas que eu rodei dois com clientes é que eles não tinham espaço suficiente nesses desenhos extravagantes com margens largas e todos esses tipos de objetos lá. Eles não tinham espaço suficiente para uma longa carta. Então nunca se sabe quanto tempo a carta vai demorar. Então, é bom brincar com um grande bloco de cópia como este para que você possa estar pronto para que eles tenham uma carta longa, e você quer que eles sejam capazes de ter este ser o mais flexível de um papel timbrado possível. Então vamos em frente e trazer alguns dos elementos de cima que temos em nosso cartão de visita alguns desses tipos de mesmos elementos. Vamos usar o mesmo cara para o papel timbrado. Queremos fazer um papel timbrado genérico para que não queremos ter seu nome em si, mas podemos manter alguns desses outros elementos. Então, mude tudo para o nosso Evan, o seu tipo de letra, e eu meio que trouxe algumas informações genéricas em termos de ter um nome de rua e algumas coisas que serão necessárias. Então, quando se trata de design timbrado, eu gosto de diminuir o zoom e tipo de ter uma idéia do espaço. E eu amo ter um pouco de margem mais grossa, então eu vou tipo de reduzir isso um pouco. Certifique-se de que temos espaço suficiente para letras longas, desde que esta carta se encaixa será OK. Outra coisa que eu gosto de fazer com cópia de parágrafo. Vou em frente e destacar este parágrafo. Café? Eu vou até o parágrafo e eu vou ter certeza que eu tenho este conjunto de alinhamento justificar com deixar com a última linha uma linha esquerda. Este é um alinhamento muito grande e flexível. Eu vou fazer isso como este vai ter alinhamento para baixo para o lado esquerdo e também para o lado direito com a esquerda com a última linha uma linha para a esquerda. Então, como um bom olhar encaixotado, eu também vou tirar hifenato porque eu não gosto de como o tipo na cópia corporal tem uma hiper nação. E, claro, eu tenho alguns clientes que precisam de mim para adaptar isso em um modelo de palavra para eles. Às vezes eles não têm ilustrador para ser capaz de fazer isso. Então fale com eles. Você pode ter que recriar isso em palavra algum dia, mas espero que você não precise. De modo que o alinhamento parece muito melhor já tendo esse alinhamento esquerdo direito, certifique-se as margens direita e esquerda do mesmo. Então, um nome de empresa. Não vamos precisar disso porque vamos trazer nosso logotipo que temos em cima para possamos ter isso além de um fundo branco limpo. Especialmente se vão imprimir em casa. Às vezes, os clientes não gostam de gastar muito dinheiro em tinta na impressão e casa, então eu não gosto de perder muito fundo escuro ou coisas que exigem muita tinta . Isso é algo que eu meio que corri. Então só estou tendo uma idéia para onde eu acho que os elementos poderiam ir para que pudéssemos fazer um alinhamento de passeio . Aqui, traga isso para a frente. Talvez colocar um pouco mais de espaçamento aqui entre tudo isso e são 12 pontos, não precisa ser tão grande. Talvez 10. Vamos fazer livro ou romano ou médio podemos alinhar o logotipo junto com este tipo. Podemos enviar isto para que possamos deixar espaço para uma longa carta. E vamos nos certificar que tudo isso é nossa chaleira preta da marca dela trocando isso por cima. Então agora podemos trazer elementos. Eu não acho que um papel timbrado é o lugar para colocar uma imagem de produto, então nós não vamos fazer isso. Mas pode ser um lugar para trazer nosso pequeno swoosh ou algum tipo de textura ou cor para que possamos escolher uma cor. Acho que talvez uma boa cor de cobre. Temos usado muito ouro. Temos um pequeno swoosh aqui. Poderia estar indo para o lado direito como um elemento de design. Podemos levar uma caixa. Você gosta de uma caixa para juntar tudo isso. Podemos fazer com que seja uniforme parecendo bem nessa caixa. Poderíamos colocar elemental no lado dele, e todo esse brilho na coisa que eu adoraria poderia incorporar isso. De alguma forma, não tínhamos um quarto no cartão de visita para o fazer. Mas no papel timbrado, imagino o nosso slogan. Eu acho que você poderia dizer brilhar em que poderia de alguma forma ser incorporado no fundo. Veremos que pode ser capaz de estar ocupado. Poderíamos virar todos esses elementos do seu lado, e isso é pura experimentação. Eu nem sequer pensei sobre isso. Eu queria mostrar o meu projeto cru, o processo de pensamento é com você. Vamos girar 90 graus. Então é uma apresentação vertical. E se fizéssemos brilhar no lado de baixo? Parece um pouco ocupado, um pouco ocupado, então não vamos fazer isso. Muito ocupado, muitos elementos indo tudo para mantê-lo limpo. Mantenha-o simples. Então eu sempre tenho que me lembrar, eu meio que acho que cada elemento tem que ter um elemento de papel, não desempenha um papel. Não pertence, você sabe, Shine on não acrescenta a atmosfera da peça que não precisa estar lá, e eu tenho que me desafiar constantemente com isso porque eu quero colocar todos esses desenhos legais elementos lá, mas, em seguida, ele não fornece qualquer propósito. Mas só estar lá e fazer parecer ocupado para que eu tenha dedo do pé me lembre que poderia ter brilho na parte inferior. É muito simples. Nós não temos que colocar tudo lá, apenas brilhe. Ok, vamos tentar a apresentação elementar vertical que tentamos fazer com o cartão de visita, mas acabamos fazendo uma horizontal. E essa é a grande coisa sobre branding é que você vai estabelecer um tipo de padrões de branding e como certas coisas devem ser apresentadas. Mas também há um pouco de sala de jogos e algum espaço para respirar. Não tem de ser exacto durante todo o caminho. Depende da paz, desde que as cores sejam as mesmas. No tema geral é o mesmo. Você pode se sentir livre para ter layouts diferentes. Então agora temos um monte de itens que são deixados em linha aqui. Então vamos ver se podemos mover isso e fazer o alinhamento certo novamente. Poderia colocar uma linha divisória aqui. Se quisermos quebrar o cabeçalho e a linha lá, você pode fazer esse ouro neste caso, cobre, cobre, porque nós temos o cobre swoosh ou escova. Estou começando a achar que isso é demais. Está ocupando muito espaço. Ele realmente não está fornecendo um serviço neste design, então vamos reduzir tudo isso um pouco. Vou continuar a ter outras ideias de layout e já volto. 33. Aula de StationeryDesign Part2: Então isso é o que eu inventei depois de trabalhar com ele por alguns minutos e eu fui em uma direção diferente porque eu acredito que aquele bar era apenas Há algo como designer, é difícil de ensinar, mas depois de fazer durante tantos anos, você meio que aprendeu que há algo que te incomoda. Quando você faz um projeto, você só pensa que funciona. Mas há algo que funciona com você que te incomoda com alguma coisa e você decide acabar com isso e começar com uma nova perspectiva e foi isso que eu fiz. Eu não tive um bom pressentimento sobre isso, e é apenas um sentimento que é realmente difícil de explicar. Mas eu só sabia que aquele longo bar parecia um pouco datado para mim e eu queria tentar algo fresco e mais simples. Então eu decidi simplificar tudo um pouco, e eu meio que continuei a mesma coisa que temos ao longo e decidi ficar com a cor de cobre e não ter muitas cores acontecendo. Então o local tem a hélice calma. Todos esses elementos que eu tenho são barra de divisão agradável. Eu tenho espaço. A coisa mais importante sobre um hit letra é que ele pode caber uma letra grande e este conf uma letra muito longa. Então essa é uma das coisas mais importantes ao projetar papel timbrado não é prático, pode o cliente usá-lo para uma carta longa e ter margens maravilhosas e espaço em branco espaço poderia fazer algo parecer muito, muito profissional. Então não tenha medo de colocar margens largas e grossas em seus documentos para que você possa ver à esquerda e à direita, Então uma coisa que eu preciso fazer é este alguns elementos de acabamento? Eu vou fazer minha cotação de comando e ir em frente e ativar minha grade. E garanto que minha grade, meu quadro de arte, terá cinco caixas aqui e cinco caixas aqui. Seja qual for o número de caixa arbitrária que você quiser fazer. Apenas certifique-se tipo de alinhado para que você possa alinhá-lo nas grades. E agora eu sou capaz de ajustar algumas dessas linhas e notar, ter uma oportunidade aqui para trazer isso para baixo na linha tipo de linha as coisas para cima na grade , torná-lo um pouco mais polido dessa maneira. Logotipo do Estripador e coloque isso aqui. Nós também podemos ter certeza que estes ar alinhados para que eu pudesse fazer o topo das linhas L todo o caminho até com o endereço Role para baixo. Isto vai brilhar. Pense no necessário que tinha um alinhamento certo com todos os outros elementos que estão acima dele. Então vamos colocar esse pequeno período bem no bar. Sim, tudo parece estar alinhado. Veja que brilhar em tudo, compromete-se a um alinhamento agradável passeio em toda a peça. Agora, se eu tivesse aqui um pouco, acho que me incomodaria. Mas uma vez que temos alinhado todo o caminho para a direita, parece que ele pertence lá e revisou a razão. Ok, então eu terminei com o papel timbrado. Terminamos com o cartão de visita. Vamos fazer um design de envelope rápido, e depois vamos acabar com todos os nossos estacionários. Esta é a coisa maravilhosa sobre o lado do design da marca é quando você faz uma peça como, digamos, nosso papel timbrado que acabamos de completar. Você pode encontrar inspiração de algo que você faz mais tarde que pode inspirá-lo para um design que você já fez anteriormente. Lembre-se de como estávamos lutando um pouco com o cartão de visita e eu encontrei uma revisão . Decidi virar o preto e branco. Eu ainda tenho o tema diagonal que estavam carregando, mas eu estava meio inspirado pelo papel timbrado e como limpo e aberto waas e como nós meio que usamos o cobre. E nós tínhamos essa linha e eu meio que queria fazer algo mais limpo. Então eu simplifiquei este design um pouco mais e decidi adicionar o logotipo elementar e sua glória completa em vez de ter aquele pequeno item desbotado. Hum, e também tipo de grupo estes juntos um pouco mais e usando o cobre em vez do ouro, apenas tentando encontrar inspiração de coisas que eu faço para voltar e refinar e afinar as coisas. E é isso que é tão importante fazer. Branding objetos juntos como um pacote porque você não sabe até que você está feito várias coisas diferentes e adicionar design camisa de mídia social até que você realmente sabe como trabalhar com as peças da marca para construir o que você acha que será o melhor design, e então isso é apenas uma abordagem honesta do Raul, e eu queria incluir isso aqui para mostrar a vocês tipo de minha constante para frente e para trás. Eu passo agora, você precisa ir e voltar e sempre desafiar o design que você fez anteriormente. Se você sentir que você foi capaz de trabalhar com elementos e ele finalizou de uma maneira que você gosta, volte e revise algumas de suas coisas mais antigas e afiná-lo porque branding é realmente difícil de fazer com apenas um item. Então é por isso que fazendo todos esses objetos juntos até o final, alguns deles vão mudar e evoluir, espero que para melhor. Vou mostrar-lhe o processo de adicionar uma pantone ou tinta metálica, e este é o caso de qualquer cor Pantone. Então, se você está procurando uma tinta específica para aquela pequena cor metálica Pantone, ele o confinou em livros Swatch que sua impressora envia. Você pode procurá-lo online, mas eles vão adicionar manchas reais do brilho a ele, então é um tipo diferente de tinta. Não é apenas uma cor sólida, então vamos dizer que eu quero que esta seja uma tinta metálica de cobre em vez de apenas uma cor plana que eu escolhi vai ter que selecionar todos esses elementos. E o que eu vou fazer é ir para o meu painel de amostras. Eu vou até esta área vai ser o seu menu da biblioteca de amostras. Vou em frente e clicar nisso. Então você vai para baixo para livros de cores. É aqui que todas as suas amostras de cor Pantone vão se esconder. Então isso é algo que eu uso frequentemente sempre que eu tenho um cliente que solicita uma determinada cor Pantone para ser impresso. Então eu vou descer e eu vou descer. Há todos os tipos de diferentes. Normalmente, os que são de cor sólida são o c m y que revestido e não revestido. E, na verdade, há um chamado revestido metálico. Então este é um censo vai ser um alto brilho. Vai ser uma tinta Pantone codificada. Então eu vou ir em frente e clicar em metal revestido, e eu provavelmente vou ter que olhar para uma amostra disso ou pedir para a impressora me enviar uma amostra para que eu possa realmente ver como ele se parece pessoalmente. , Não, você nem sempre tem esse luxo, mas às vezes tem. Então eu vou escolher uma cor que eu acho que iria combinar com a nossa cor de cobre. Ou talvez eu já tenha escolhido isso no livro. Se já escolhi o número do Pantone, todos os Pantone têm um número. Eu iria em frente e digitar esse número. Então vamos dizer que é 45 e então eu teria coisas que também têm esse nome. Minutos. Vamos dizer que são oito. O que é isto? Escolhe um aqui? Vamos ver. Vamos escolher este. Então Pantone 8 45 para que eu pudesse facilmente procurá-lo em vez de ter que escolhê-lo, e eu iria selecioná-lo. Certo, uma vez selecionado, isso é meio cinza, mas podemos fingir que é uma cor de cobre. Então, agora você vai notar que quando selecionar seus objetos novamente, você vai até o seu painel de cores, e você vai notar que ele será definido para a cor Pantone que você selecionou. Então, agora, quando você for enviado para a impressora, eles poderão ver que é uma tinta diferente, e nós imprimimos isso de acordo, para que eles imprimam a cor metálica Pantone lá. Então, tudo o que tens de fazer é isto. Defina-o para isso na sua biblioteca. Então, está indo. Vá lá, vá lá mais uma vez. Então, no seu painel de amostras para ir à sua biblioteca, você vai para baixo os livros coloridos que você vai viver de qual livro Pantone é, e então você vai ser capaz de encontrar o número. E basta atribuir essa amostra de cor para o que você quiser ser metálico e muitas vezes para a impressora, eu vou criar uma nova camada. Então eu estava criando uma nova camada, um ilustrador e copiando e colando ou colando no lugar, meus objetos apenas para separá-lo e também dizer, tinta metálica Pantone apenas para tipo de ter isso como uma camada separada para a impressora. Não é necessário que façamos algo bom que eu gosto de fazer, então eu sei exatamente o que tem essa cor Pantone aplicada. Então é assim que você faz as cores Pantone. É como você faz isso e metalics. É como você faz isso para cores sólidas. Pantone. Desde que você tenha esse número, você será capaz de olhar aquele livro de cores para cima um sinal que amostra para o objeto que você quer ter que ser aquela cor Pantone 34. Envelope de titul7 de StationeryDesign: Então esta carta, projetada para ser um design de envelope de carta vai ser muito, muito rápido. Tudo o que fizermos de agora em diante vai ser mais rápido e rápido, já que estamos começando a estabelecer tudo. Então, vou buscar a parte da frente da cópia do nosso cartão de visita e colado aqui para ver se podemos mexer com a gente quando chegar. Um envelope projeta o que eu descobri que em vez de usar tinta impressa em desenhos de envelope , isso já está recebendo o envelope. Essa cor economiza muito dinheiro. Então, neste caso, eu poderia realmente obter envelopes pretos pré feitos e ter sido colocado meu design nele. Então isso é meio que o que eu achei foi mais fácil, mas em termos do conceito foi ir em frente e pegar seu vestido e tudo carregado dentro. Então eu vou fazer o tipo de coisas chatas configurar e colocar nosso endereço carregado, e então nós vamos fazer o layout. Tenho a informação que recebi do papel timbrado e podemos ir em frente. Faça que são cor de algodão, algodão, branco e com conceitos de envelope que eu geralmente não incluem. O endereço é informação porque isso geralmente é feito com o adesivo que é colocado em cima. Mas depende dos seus códigos postais. Você pode estar em um país diferente. Haverá configurações diferentes, mas não vou me meter muito nisso. Mas eu não vou realmente precisar dessa informação por agora, então eu estou apenas fazendo a carta básica que tinha configurado você é loco em cima um pouco . Certifique-se de que este é um bom tamanho de fonte. Não precisamos de 10 pontos. Isso pode ser muito grande. Vamos fazer isso nove. Temos muito espaço entre as linhas. Então esta pode ser uma frente muito, muito simples porque a maioria das letras são envelopes vai ser um pouco mais simples porque você tem um monte de códigos postais e regulamentos que impedem você de realmente fazer muito com o design. Vamos fazer isso Nosso preto é uma espécie de cor preta chaleira. Poderíamos fazer o envelope algo legal. Podemos realmente fazer o envelope de ouro ou colocar uma textura nele. Mas deixe-me dizer, todos os anos que trabalhei com clientes, eles quase nunca fazem o envelope. Uma cor diferente é um design legal porque é sempre muito caro. E então nós sempre avaliamos e citamos, e fazemos coisas legais com a flacidez. Isso é sempre muito caro, então você sempre pode tentar. Se o cliente tem um bom orçamento, você pode se safar. Mas eu pensei que seria realmente preciso ter uma textura sobre isso. Isso é que nós não vamos ser capazes de fazer um monte de elementos de design na frente por causa de todos os regulamentos. E nos Estados Unidos, você não pode colocar um monte de coisas na frente. Só vou fazer uma máscara de recorte. Veja se eu não posso cortar essa forma e ver como isso ficaria como uma textura de aba legal clique direito e fazer uma máscara de recorte e ver como isso ficaria. Isso pareceria muito elegante, não é? Se eles pudessem pagar. Então verifique duas vezes e veja quanto custa, porque você tem que pensar em mais uma vez trazer à tona essa coisa toda de ser prática. Às vezes, sendo prático, Trump é um sinal resfriado. Esse é o caso de qualquer empresa, qualquer projeto em que você trabalhe. É sempre sobre ser prático com custos, então isso seria algo que eu seria totalmente para, mas não poderia funcionar. Pode não dar certo no final, mas vamos supor que poderia, porque não sabemos o que nosso orçamento pode pagar. Esta parece uma marca muito alta e cara. Talvez eles possam balançá-lo. Isso poderia ser para promover materiais promocionais que eles enviam para ambos os consumidores recentemente fora para gerentes, que era provavelmente o que isso seria enviado para fora para um gerente de loja para que eles possam ver se eles querem manter ou vender ou produto. Então nós queremos talvez gastar um pouco mais de dinheiro enviando-o para os gerentes de lojas porque vai ser uma lista de discussão menor para que possamos gastar um pouco mais de dinheiro porque não haverá tão grande ou amplo de um e-mail, parte mailing campanha. Se eu pudesse falar. Então essa é uma opção. Podemos trazer o nosso elemental e fazê-lo atravessar o fundo, mas eu realmente quero mantê-lo simples. Ah, uma coisa que você poderia fazer é falar com sua impressora sobre diferentes tipos de materiais que você pode usar para os envelopes. O que eu encontrar o que eu provavelmente escolheria para isso como uma mistura de linho. E assim mistura de linho tem esta textura pequena agradável. Você pode sentir isso com a mão. Parece um jornal da velha escola. Eu sou quase como pergaminho, mas apenas tipo de tem esta textura de linho bonita, e é realmente traz. Ah, high-end, lindo olhar. Então olhe e pergunte sobre que tipo de materiais realmente ajudaria a fazer este design parecer bom sem ter que adicionar ao design. Às vezes, pensar sobre o design é pensar nos materiais que vamos usar para não apenas as peças de design reais. Ok, então para trás, esta seria apenas a continuação. Eu geralmente acho que a parte de trás do ar envelopes realmente não ler ou se importava muito, Então isso seria apenas uma continuação do preto. E então nós realmente precisamos adicionar Ah, nós estamos praticamente feitos. Nós meio que terminamos o envelope. Temos o nosso cartão de visita e o nosso papel timbrado. Então, algumas coisas que eu quero pensar agora que eu tenho tudo pronto para ir em frente pronto para exportar, é ter alguns elementos de impressão e pensar sobre nossos materiais de impressão Então, para um cartão de visita, eu tenho que Pense em duas coisas. Eu quero ter um tapete encaixar um tapete ou um acabamento plano nosso fazer. Eu quero ter um bom, alto, acabamento brilhante, então o brilhante vai ter que brilhar para ele. Vai ter aquela aparência elegante. Vai pegar a luz, o tapete ou o plano. Isso, é claro, pode ser plano. Não vai ter nenhum brilho nisso. Não vai brilhar. Então, uma vez que toda a nossa marca é construída sobre brilho, eu acho que ter o alto brilho UV seria o que eu quero fazer com o cartão de visita. Então eu meio que pensei sobre depois que eu terminar com o projeto que eu poderia fazer lá. Há também as tintas metálicas que eu posso pensar e nós poderíamos colocá-lo fazer isso não apenas uma textura de metal, nós poderíamos realmente fazer isso um aig metálico isolando esta camada para deixar a impressora saber que eu quero aplicar Talvez um TPM ou um bolo metálico Pantone. Por último, mas não menos importante, vamos exportar todos os nossos arquivos estavam indo para o arquivo para ter certeza de que criamos contornos. Quem criou contornos em todo o tipo. Tão bom um tipo criar esboços Nice. Vamos selecionar todos os tipos criar contornos. E agora fomos em frente e verificamos todas as cores. Will passou por todas as etapas da nossa lista de verificação para ter certeza de que tudo está pronto preparado para ir. Tudo sangra até a borda depois da hemorragia. Nós vamos para arquivo, salvar como e nós vamos exportar como um pdf, e nós podemos ir para baixo para a nossa qualidade de imprensa. Uma vez que esta será uma peça impressa, vamos garantir que preservar os recursos de edição do ilustrador do editor esteja desmarcada. E ia garantir que incluíssemos as configurações de pregas do documento. E nós também, uma vez que isto não é uma revista e isto vai ser um impresso em folhas grandes com múltiplas versões em oito folhas para os fins de impressão da impressora, eu vou clicar em Trimark para que eles saibam exatamente onde o sangramento está para que eles possam cortá-lo. Então, clique em dizer, pdf e estamos feitos. Temos tudo exportado e pronto para enviar para impressora. Se você queria ter estes como elementos separados agora, nós temos o, uh, tudo em um documento. Mas se você queria ter um documento ilustrador para um cartão de visita para simplificar o processo de exportação. Você poderia fazer isso, mas eu tenho ele sempre um só por exemplo. Você poderia fazê-lo, no entanto, você se sentir confortável, ir e clicar duas vezes em nosso pdf e tipo de ver poderia ver estes ou o que marcas de corte se parecem. Isso não é um erro. É uma marca de corte que lhe dirá onde cortar o documento onde está a hemorragia. Então vamos em frente e voltar e podemos ver nossas páginas diferentes e onde as coisas vão ser cortadas. Há todo o sangramento para todos os nossos elementos. Conseguia ver isso no cartão de visita. Eu não tenho tudo isso perfeitamente preparado ainda apenas meio que te mostrando para a aula, mas é aí que ele vai ser cortado para que as marcas de colheita e eu vou rolar de volta para cima e você pode ver que isso é às vezes quando eu esqueço de estender o sangramento para fora, eu vou descobrir quando eu exportar, e eu percebi que eu não estendeu a sangria porque ele deve ir todo o caminho até essas pequenas marcas, então eu iria voltar para o meu documento e ter certeza que eu adicionei por sangria neste documento e eu não tenho um Sangrar lá. Então ajuda-me a verificar o meu trabalho para ter a certeza de que estendi a hemorragia. Então, aí está. Nós fizemos muito nesta classe, e então nós vamos fazer o próximo objeto é o próximo projeto. Vai ser ótimo. Vai ser um site de design no Dhobi X'd. Vamos aprender um pouco sobre Web design, aquele layout de simulação da Web. O mais importante, então vamos entrar no Adobe X'd na próxima cinta. Este pode ser um programa totalmente diferente para alguns de vocês, e vai ser um momento de diversão total. 35. Aula1 Adobe escam1: Bem-vindo à seção Adobe X T, onde podemos criar um quadro de arame vivo para este produto de beleza. Elemental. E então eu queria falar um pouco sobre a marca para que pudéssemos ter uma boa idéia e desenvolver uma personalidade de usuário. Então a persona do usuário é o que fazemos no lado de design UX da equação U. S. S. U I. Isso nos ajuda a descobrir que tipo de usuário vamos ter, que tipo de personalidade eles podem ter, que tipo de jornada de usuário eles podem passar quando eles vêm para o site para que possamos criar o melhor site possível. Quem são marca chamada Elemental é um produto de beleza que é realmente uma loção bem. Por isso, não só tem este acabamento metálico realmente precisa quando você coloca a loção, mas também hidrata sua pele bem, que você possa usá-lo durante toda a noite, se você está indo para um clube ou você está indo para um lugar agradável no cidade. Então essa é uma ideia geral do que é o produto. Há três metais diferentes. Há um ouro, há uma prata e há um cobre, e esses são os três que vão lançar ao mesmo tempo. Este é um produto novo e uma nova empresa. Então, há um desafio aqui quando tipo de vir acima com o site que precisamos para comunicar o que este produto é imediatamente porque ninguém nunca ouviu falar dele antes. Não há outra base de usuários para isso. Não sabemos quem é um usuário anterior porque este é um lançamento de produto novo. Então vamos falar sobre nossa personalidade de usuário e a maneira como coletamos informações sobre uma pessoa de usuário é realmente fácil. Se você já tem um público estabelecido, você faria algumas entrevistas com usuários. Você faria pesquisas que encontraria uma maneira de se conectar com quem compra seu produto. Mas neste caso, é um produto novo. Se isso se revelar um desafio para desenvolver essa porcentagem de usuário do zero, precisaremos responder a algumas perguntas. Quem são eles? Qual é o seu principal objetivo e qual é a principal barreira para alcançar a escola? Então, primeiro lugar, nosso público-alvo esta taça já foi estabelecida pelo cliente é jovens profissionais que vivem geralmente no centro da cidade e áreas urbanas povoadas, seu profissional, então eles têm um pouco de renda extra. Este é um produto caro. O preço varia entre 40 e 60 dólares, dependendo da garrafa do tamanho que conseguirem. Então esse é um preço muito alto para loção. Mas não é só loção. É mais um estilo de vida de loção, e eles colocam na pele. Dá-lhes este efeito de brilho dourado. Então é definitivamente algo que eles querem. Conscientes à noite, eles querem se desgastar se divertindo com seus amigos da rede de trabalho, conectando com outros jovens. Então eu diria que o alcance do alvo seria em qualquer lugar de 22 a 44 e também eles seriam principalmente mulheres, embora os homens poderiam definitivamente desfrutar deste prakit também. Então, agora que estabelecemos que as pessoas que estavam mirando vão ter um pouco de renda maior, eles vão ser profissionais. Eles vão ser urbanos. Principalmente, nós meio que estabelecemos esse mercado-alvo que podemos desenvolver a partir dessa informação. Persona do usuário. Então, no nosso caso, nossa personalidade de usuário é chamada Zari. Ela tem 34 anos e é gerente de contas. Qualquer agência de publicidade local. Ela é solteira e gosta de moda alta, e ela lê The New Yorker na revista Vogue. Ela tem o diploma de Patch Lear em algum tipo de ensino superior, e ela tem uma renda maior que a média. Ela tem alguns objetivos. Ela quer ter uma vibrante vida noturna social. Ela quer se conectar com outros em sua indústria e outros colegas da idade dela. Ela quer continuar a fazer bem em sua carreira e trabalhar duro. Temos esta informação. Queremos criar uma jornada de usuário para ela, então precisamos resolver problemas ou soluções que ela possa estar tendo com este produto. Então, com este lançamento do produto, haverá um grande anúncio impresso e uma campanha de mídia social no Facebook para o produto. Então, haverá muito tráfego de entrada para o site, e isso é muito importante saber que tipo de tráfego você vai ter. Vai ser tráfego móvel? O tráfego da área de trabalho virá de sites de mídia social. Como é o anúncio? Isso vai levar as pessoas para o site, então é incrivelmente importante saber, Primeiro de tudo, Primeiro de tudo, então ela viu um desses anúncios impressos ou anúncios do Facebook, e ela está interessada em descobrir mais sobre o produto. Que ingredientes pode conter? Ela tem alergias, e quer descobrir o custo do produto. Ela está interessada na versão de cobre desta loção e, ela acha que será melhor para seu tipo de pele. Ela quer saber o que os outros pensam sobre o produto. Ela não tem certeza se nunca ouviu falar desse produto antes, como ele é novo, e ela está um pouco hesitante em gastar essa quantia de dinheiro na garrafa de loção. O que podemos fazer é criar este site para resolver um pouco de sua facilidade de hesitação, então precisamos ter certeza que ela pode ir para a página do produto muito rapidamente. Quando ela chegar na página. Também podemos dar a ela a habilidade de procurar os ingredientes porque as pessoas vão querer saber o que há em loção que tem este tipo de efeito prata de cobre ouro. Queremos ter certeza de que é livre de alergia para ela, então precisamos ter certeza de que a informação está disponível. Também precisamos vender este produto como um produto premium porque é caro. Então, a maneira como criamos o site e informamos as pessoas que este é um produto de alta qualidade e vale a pena o preço de $50. Agora. Nós meio que desenvolvemos uma personalidade de usuário. Criamos algumas jornadas de usuários para ela passar. Agora podemos cagar um site em um design de arame, falando em uma idéia do bloqueio básico do site para que possamos ser capazes de lidar com os objetivos de usuário da maioria das pessoas. Então, neste caso, vamos fazer um fio de baixa fidelidade, Frank. Então, há uma diferença. Há baixa fidelidade em armações de arame de alta fidelidade. Uma baixa fidelidade será o seu bloqueio básico. Você não vai ter nenhuma fotografia ainda. Nenhum ícone projetado ou qualquer coisa que seja excessivamente projetado. Vai ser muito simples. Pense nisso como a estrutura básica de arame. Isso vai nos ajudar a ter uma idéia de onde fomos. Alguns dos itens básicos para ir onde gostaríamos de uma foto para ir, quão grande será o bloco de cópia ou área de texto. E também o nosso sistema de menu, isso parecia. Ele poderia ser capaz de fazer nosso quadro de fio de baixa fidelidade para que pudéssemos fazer um fio de alta fidelidade livre. Mais tarde, adicionamos todas as imagens do produto, todas as fotos e todas as belas texturas que criamos. E a próxima lição verei você em Adobe X'd. Vamos poder começar a bloquear nosso layout básico. Você não precisa ter nenhuma experiência anterior com o Adobe X'd enquanto passo por algumas das transições e ferramentas básicas à medida que avançamos. 36. Aula 2 Design de Lesson2: Bem-vindo ao Adobe X'd. Eu me apaixonei por este programa como um desejo gráfico porque eu sou capaz de realmente me expressar projetar itens digitais, mas também fazê-los fazer sentido e testá-los em um quadro de fio viável riel. Então este é um exemplo do que eu criei anteriormente, vamos criar algo muito parecido com isso. Nós vamos criar uma versão diferente, no entanto, uh, nós vamos ajustá-la e torná-la ainda melhor do que esta versão que eu criei antes. E eu quero mostrar a vocês como ele parece baseado. Antes de começarmos, você podia ver como é o resultado final. Então esta é uma espécie de sua página inicial. Este é o tipo de onde o que vai projetar? Primeiro, poderíamos projetar o cabeçalho superior primeiro tipo de imagem de herói, e eles também teriam páginas de produtos. Nós também vamos listar todos os nossos produtos, e nós vamos realmente passar pelo processo de criação de um processo de check-out. Então vamos passar pelo eu vou ir em frente e clicar no botão comprar agora e realmente ter algumas páginas projetadas que mostram o cheque. Todo o processo, que eu ainda nem fiz, então vamos fazer isso juntos. E assim você é capaz de conectar todas essas conexões de tropas. Vamos para o seu protótipo tabby de um projetado tendo uma guia protótipo, e você pode fazer conexões. Então, quando você faz uma visualização ao vivo me para clicar aqui na visualização da área de trabalho, você será capaz de percorrer isso e torná-lo um quadro de fio vivo vivo. Então, se eu rolar para baixo aqui e eu queria adicionar dedo ao carrinho, eu posso clicar aqui e iria para a experiência de compra ou se eu queria voltar para casa . Eu clico em casa que carrega o trabalho home page, clique em baixo e carregar mais, Então eu vou ensinar. Você meio que teve que passar por algumas dessas transições básicas e ter um bloqueio para fora. Mas eu só queria apresentar o programa para você primeiro. Primeiro, vamos abrir um novo site padrão. Então 1920 por 10 80 pixels. Vamos em frente e começar. Este é o nosso layout básico, e vamos fazer algum bloqueio. Então, neste caso, nós vamos apenas usar essas ferramentas de formas aqui talvez profundamente na ferramenta e iria desenhar e bloquear nosso layout durante todo este processo de bloqueio, eu estou pensando sobre meu usuário e como tornar as coisas muito fáceis e Limpo para ela dar uns amassos. Uma coisa que eu acho que a maioria das pessoas espera é ver uma barra de cabeçalho superior com o nosso sistema de menu. Então o que eu vou fazer é que eu acabei de criar eu descrever esta pequena ferramenta de retângulo caixa neste desenho um retângulo simples e você vai ver aqui em seu painel de aparência onde você pode ir em frente e alternar fora da borda. Cem vai desligar a fronteira. Portanto, é uma forma sólida. Nós vamos clicar no Phil, e nós vamos fazer este tipo de cor cinza fazendo um pouco de cinza mais escuro. Então tudo vai ser preto e branco ou cinza, então podemos apenas ver o layout básico. Então, queremos ir em frente e adicionar o texto para o nosso top. Então nós vamos apenas adicionar alguns elementos de texto ou nós poderíamos até mesmo apenas fazer um par de caixas para representar onde no item de menu iria, então eu quero ir em frente e mostrar a vocês uma ferramenta legal imediatamente. Então eu tenho esta pequena caixa criada, e vai indicar para onde um item de menu irá. Este é apenas um quadro de arame quente de baixa fidelidade. Então eu vou ir em frente e fazer este tipo de um tipo de item de menu mais escuro, cinza. E digamos que em vez de ter que manter pressionada a opção e arrastar e arrastar e arrastar, há algo chamado a ferramenta de grade de repetição. Vamos em frente e selecionar meu objeto e subir aqui para repetir grade clique na grade de repetição . Vai dar a opção de escalá-lo. Vou movê-lo até aqui, e vai continuar a repetir o mesmo elemento. Vamos usar isso muito em toda a aula. Você também pode fazer bem da Rosa, então é ótimo se você quiser produzir páginas de produtos e você tem um produto realmente grande tipo de já projetado, e você quer replicar que você poderia replicar 20 deles muito rapidamente usando o ferramenta de repetição da grade. Então, usamos essa ferramenta novamente. Então, assim, eu fui em frente e defini onde meu tipo iria para meus links. Vá e pegue isso para a direita. Vamos em frente e criar uma caixa onde nosso logotipo iria. Portanto, queremos que o nosso local seja grande o suficiente para ser lido. Mas o que? Não quero que seja intrusivo. Então vá em frente e faça uma caixa maior. E o que o sistema de menu é para abrir espaço para o logotipo. E mais uma vez, você pode fazer este cinza escuro para que ele não interfira no seu bloqueio. Só estou fazendo uma caixa cinza escura. Esse será o lugar onde o logotipo irá porque também entrar e apertar isso. Então você quer que o logotipo seja tão largo? Não tem de ser exacto. Estamos apenas tentando ter uma boa idéia da colocação de objetos. Então agora teríamos alguns ícones, teríamos como um pequeno ícone de casa. Talvez isto seja uma loja. Haverá páginas de um produto. Então nós vamos querer ter algum tipo de ícone de carrinho de compras para que possamos ir em frente e fazer um pequeno círculo redondo para indicar um carrinho de compras. E mais uma vez, eu vou clicar fora de uma borda, e eu vou apenas fazer uma espécie de cor cinza escuro, então apenas estou fazendo um bloqueio básico. Então agora vamos ter cinco itens diferentes que podem ser descartados necessidades. Não temos certeza do que precisamos ainda em termos de quantos produtos, vamos ter nossas páginas. Mas temos o nosso ícone de compras. Temos que você quer talvez mudar são itens de menu mais um pouco mais perto do ícone de compras . E agora queremos ter certeza de que temos uma imagem de herói. Então, imagens de herói para dizer, grande banner para realmente ajudar a vender o produto. Então, isto vai ser gente. A maioria das pessoas ou os usuários estão indo para entrar neste site durante o lançamento do produto vai precisar ver uma foto realmente maravilhosa, estilizada que realmente ajuda o produto a brilhar. Então, vamos fazer uma bela imagem de herói do outro lado deste caminho. Vamos fazer isso um pouco de cinza mais claro só para indicar o tamanho. E o que é maravilhoso em fazer uma armação de arame de baixa fidelidade é quando você tem essas caixas, é muito fácil dragar fotos em cima da caixa e ele adere automaticamente à caixa em termos de corte. Assim que fizermos todo esse layout básico, vamos arrastar fotos para dentro, e isso vai ser muito rápido. Então é bom ter essa bela imagem, mas precisamos ter algum tipo de chamada à ação. Queremos ir em frente e levá-los para as páginas de produtos o mais rápido possível, porque não podemos contar tudo sobre o produto na página inicial. Simplesmente não é prático. Então vamos ter a nossa bela imagem aqui. Podemos até indicar para onde vamos os nossos produtos. Então, digamos que temos uma bela imagem do produto. Talvez mostremos que os três produtos dela vão em frente e façam isso aqui. Podemos até fazer disso um quadrado. Eu estou apenas agarrando direto a ferramenta quadrada criando foram imagem vai ir em frente e clique fora uma borda e fazer isso um pouco de uma cor mais escura. Então é aí que o nosso belo tipo de imagem de herói imagem imagem irá. Queremos ter algo à direita, talvez uma manchete. Então nós vamos fazer uma caixa que vai indicar o tamanho da nossa manchete Você tem um pouco de uma manchete aqui, e nós também queremos ter algum tipo de botão de chamada à ação. Vamos em frente e fazer o botão agora mesmo. Então eu tenho a ferramenta quadrada selecionada, e eu vou criar nosso botão e eu vou fazer o oposto. Estou cheio sem cortar e ter que ser uma fronteira. Vamos ampliar. Vamos fazer um pouco de finting neste botão. Então agora temos esses pequenos cantos enfraquecem o arrasto, e poderíamos ser capazes de contornar os cantos, que é muito bom. E vamos dizer que eu quero apenas virar uma esquina. Eu não quero perto de todos eles. Se você simplesmente ir em frente, não selecionar nada e movê-lo, ele vai arredondá-lo para uma forma de pílula, quebrando a parte de trás para fora. Se eu manter pressionada a tecla de opção e arrastar apenas um deles, eu poderia fazer apenas um de cada vez, que pode ter um efeito muito legal para que você possa criar um botão muito limpo dessa forma. Então, basta manter pressionada a tecla de opção e ele pode ter controle individual sobre cada canto. Então vamos torná-los todos ligeiramente arredondados. Eu não quero torná-lo uma forma de pílula, mas eu quero ter um pouco de apresentação em torno, então também quero aumentar o tamanho do acidente vascular cerebral. Então, se você for aqui no painel de seus pais, ele está em um para o tamanho. Vai ser um três. Nós também poderíamos mudá-lo, então é um pouco mais baixo contraste bem ali. Esse é o tipo de onde nosso botão vai ser chamado de ação. E então nós poderíamos talvez até ter uma manchete e algum subtexto, talvez algumas frases que são menores. Então eu estou apenas segurando a tecla opção e arrastando para que eu pudesse obter uma duplicação rápida. E esta vai ser uma cópia de parágrafo menor. Talvez haja três linhas que vão ser a sua manchete, sua cópia corporal e o botão e o botão não precisa ser o seu tamanho tão fraco que é aqui que podemos ajustar o curso de colocação. Assim que conseguirmos o produto, as imagens lá seriam capazes de ter uma melhor sensação de como tudo está parecendo as cores. Então aqui está o que temos. Até agora temos um tipo de bloqueio básico acontecendo. Temos de descobrir o que temos abaixo do total, aqui em baixo. Vamos a isso em seguida. 37. BlockingOurDesign de WebDesign: você vai notar que foram limitados com o nosso quadro de arte. Só nos permite ir na Suspiria. Então queremos ir em frente e estender nosso quadro de arte mais baixo porque queremos fazer algumas coisas abaixo da dobra. Queremos tornar este um par falta site estilo que vai estragar, rolar para baixo e caracterizar cada um dos três produtos. Então temos que fazer é clicar no nome do seu alvo de dardos. Só vou te dar uma chance de fazer o quadro de arte mais longo. Foi fantástico sobre isso é que lhe diz onde está a dobra, onde termina o fim desse tamanho particular. Então, neste caso, a resolução 9 20, e podemos mudar isso quando quisermos. Mas eu vou em frente e deixá-lo no padrão. Quando eu diminuir o zoom, você poderá ver um modelo muito mais longo para trabalharmos. Então vai fazer com que seja bastante longo. Podemos voltar e encurtá-lo mais tarde. Então, para o conteúdo abaixo da dobra, nós meio que temos nossa imagem principal do produto ou imagem de herói, e vai haver um pouco de uma ação de venda cruzada acontecendo. Mas eu amei o futuro, uma seta e um tipo de marcador de três produtos em um pouco de um detalhe gráfico mais chique . Assim, as pessoas podem realmente obter a posição do produto e uma maneira muito agradável e elegante se você vai notar que temos esses gráficos de mídia social que eu desenvolvi anteriormente para esta marca. E então eu pensei que poderíamos adaptar um tipo semelhante de estilo indo todo o caminho para baixo para os três produtos. Todos eles vão para uma página de destino do produto que irá em frente e fazer com que você seja capaz adicioná-lo ao seu carrinho. Então, para este caso, estamos apenas fazendo uma armação de fio de baixa fidelidade. Não estamos pensando em todos os elementos de design poloneses, então vou continuar bloqueando isso. Nós vamos fazer essas caixas de contraste diferentes. E então agora temos a chance de pensar no com quanta área precisamos nos concentrar em um produto? Nunca vou contar com três. Então este é um ótimo momento para testar o tamanho se fizermos isso por muito tempo. As pessoas podem pensar que há apenas um produto que é detalhado e não vai ver todos os três produtos se torná-lo muito curto e um olhar. Teremos espaço suficiente para uma foto de alto impacto. Vamos precisar fazer algo no meio. Vá em frente e faça isso. E com isso vamos ser capazes de fazer o dedo do pé da ferramenta de grade de repetição. Replicar isto. Então vamos em frente e finalizar este primeiro quadrado. Vamos ter uma imagem de produto que vai duplicar isto. É em que para cima no sistema de camadas, apenas fazendo o comando direito colchete para trazê-lo para cima. E já que temos uma imagem no topo, podemos ir em frente e mudar os olhos do usuário para a direita. Então, se você tem um monte de foto pesado nous à esquerda indo todo o caminho para baixo, ele perde a atenção deles. Então, se você tem um tipo de alinhamento escalonado da esquerda para a direita com uma foto e cópia alternando ao redor, ele cria uma atmosfera mais dinâmica. Temos a nossa pequena imagem de produto. Poderíamos até mesmo em torno das imagens em torno dos cantos de nós gostamos, queremos ter um tipo semelhante de cross selling headline. Cada produto terá seu próprio título de conta que é inteligente e único. Basicamente os que usamos nos anúncios de mídia social que desenvolvi. Só estou segurando a opção. Vamos copiar e colar aqui, e eu faço por comando, colchete direito para nos trazer até a frente. E vamos mudar o contraste aqui para torná-lo um pouco mais brilhante para nós. Então, podemos meio que sair. Então, será a nossa língua. Vai ter uma espécie de página de aterrissagem. Descubra Mawr agora. Tipo de botão. Aqui. Vamos fazer um produto em muito, muito mais amplo. Temos que pensar em design responsivo. Como isso vai ficar no celular? Como vai entrar em colapso? Então, se isso desmoronar para um tamanho móvel, talvez possamos tê-lo onde a foto está primeiro. E então você tem uma espécie de linguagem de venda cruzada e ir em frente e carregar todas as três colunas para que nós vamos chegar a essa da data posterior. Mas é algo para começar a pensar. Como isso vai parecer em um aplicativo móvel ou em um navegador móvel? Também vou dar a volta aos aposentos nesta imagem de herói. Então vamos em frente e duplicar isso. Então, em vez de apenas copiar tudo isso e manter pressionada opção arrastar, podemos usar a ferramenta de grade de repetição. Então, indo agrupar todos esses elementos juntos, clique na grade de repetição. Vai permitir-me fazer mais dois. E quando eu liberar e eu vou para esta pequena lacuna aqui ou espaçamento, eu posso clicar e segurar e fechar a lacuna também. Então não há lacuna. Então eu pensei, Vamos continuar com o tipo direito esquerdo de seu olho dando através e mantendo seu interesse em termos de layout. Vamos em frente e trocar por isso, então eu vou para o grupo de armas. Uma vez que você tem uma ferramenta de grade de repetição e você está pronto para liberar para que você possa editar os documentos individuais novamente ou os módulos individuais, você vai em frente e fazer em grits de grupo, um clique com o botão direito na grade de grupo em grupos da ONU. Também agora eu tenho a capacidade de pegar um desses e trocá-lo ao redor, então eu vou ir em frente e destacar todos esses elementos e enviá-lo ao redor. Há uma cor de contraste diferente para que ele possa dizer quando uma seção começa e outra termina para que você pense sobre nossos produtos e veja nossos produtos styling um pouco. Temos um que é muito escuro. A versão prateada. Temos que cores de fundo mais claras para que possamos talvez posição de prata no meio. Então isso pode ser alto contraste. Comparado com o cobre e o ouro na parte superior da parte inferior, você pode ver esse tipo de começar a se juntar. Talvez precisemos aumentar a imagem do herói. E então isso é algo que vamos nos deparar depois. Começamos a carregar algumas das imagens para ver como elas ficam. O que vai acontecer quando chegarem ao fundo? Então vamos pensar sobre a jornada do usuário. Eles vão entrar no site, eles vão ser capazes de tipo de aprender um pouco mais sobre o produto. Eles vão ou ir para a página do produto, que irá carregar todos os três itens em uma loja como configuração ou pequena rolagem para baixo e olhar para cada produto individual e descobrir apenas a partir desta pequena pré-visualização qual deles eles querem dio e irá para uma página de produto individual. Então é isso que temos acontecendo agora quando eles chegam ao fundo do que o que já cruzamos vender todos os três produtos juntos. Também cruzamos o Projeto Prata na cadela. Nosso produto. Individualmente, nessas diferentes guerras nos bares, provavelmente teremos algum tipo de informação de contato. Quem somos nós? Qual é a missão desta empresa? O que fez os ingredientes Como você entrar em contato conosco? Então vamos precisar de uma vibração. Então eu vou em frente e ter uma vibração aqui embaixo no fundo. Então, o que podemos fazer é só por agora, podemos apenas fazer uma caixa e você pode usar o tipo se você quiser, nesta fase, tudo bem. Enquanto não estamos fazendo fotos ou muitos gráficos, e eu vou ter um tipo de algumas informações genéricas flitter, eu vou me tornar mais fácil para mim mesmo e clicar em uma grade de repetição Tipo de fazer algumas opções diferentes. Eu não quero tomar muitos. Não quero sobrecarregar o nosso espectador. Eles não têm muito do nosso usuário neste caso. E eu tenho muito tempo. Eles são céticos sobre o produto e gastar tanto dinheiro. Vamos deixar isso limpo. Isso não é sobrecarregá-los com muitas opções. Também temos o nosso logotipo para baixo e algum tipo de informação legal. Então vamos pegar nossa pequena caixa de logotipo, torná-la do mesmo tamanho que eu estava arrastando. É todo o caminho para baixo, e será onde o nosso logotipo vai residir. E nós poderíamos ter em implementar um pouco de espaço extra para respirar aqui para que pudéssemos ter um pequeno elemento de fundo ou design que vem através desta área. Então, não é a nossa página inicial é realmente, muito áspera e bloqueada. É uma armação de arame de baixa fidelidade, semelhante a quando você está desenhando em um bloco de esboços. Mas estamos fazendo uma versão digital de esboços em um bloco de esboços. Nós realmente não entramos em ícones ou qualquer dessas coisas, porque eu acho que nós queremos fazer um ícone de compras, talvez um ícone de casa. Muita cronologia diferente. Poderíamos fazer tipografia e trabalho fotográfico, então o que vamos fazer agora é dar um pouco de vida a este quadro de fio triste de baixa fidelidade , e eu acho que uma vez que começamos a adicionar fotos de produtos vai ter algumas outras idéias para neste layout pode mudar, mas é bom bloquear isso. Levar cerca de 20 minutos e apenas ter uma boa idéia do que colocar para fora. Qualquer coisa funciona melhor antes de você ter fotos porque ajuda você tipo de despi-lo para baixo para as necessidades nuas. 38. Aula 4 de design de AddingIconsLinks&Photos e fotos: Então agora vamos começar a adicionar um pouco de design e cor à nossa página inicial. Eu queria trazer nossos ativos de cor de marca. Então temos um ouro, uma prata, um cobre e temos uma espécie de um azul claro e um preto que podemos trazer. E já estabelecemos este manual de padrões de marca. Então, como levamos isso para o Adobe X T? Então eu poderia ter certeza que eu tenho as amostras de dedo têm cores consistentes. Só preciso do código hexadecimal. Então, se eu estou na loja de fotos ou ilustrador, eu poderia apenas clicar duas vezes na amostra, e eu tenho meu código hexadecimal aqui nesta área. Então ter 3133 ia copiar isso e trazê-lo para X'd. Então você não tem painéis de ativos. Estes são os seus bens, e isto está na secção de design. Estivemos na aba de design o tempo todo. Vamos fazer um protótipo um pouco mais tarde, mas no painel de ativos, vamos adicionar uma cor. Então, para colocar seus ativos na cor certa, criei algumas diferenças. Caixas de relógio apenas uma ferramenta de retângulo típico e apenas fez cinco caixas indo para fazer. O 1º 1 irá para a primeira de nossas cinco cores. Então vou até aqui para o Phil, ter certeza de que as fronteiras não são selecionadas, basta preencher. E eu vou em frente, colar meu código hexadecimal e pressionar Enter. Vou fazer o mesmo por toda a minha cor. Então eu vou voltar ao Illustrator e pegar uma amostra do meu ouro e continuar fazendo isso pelo resto do lote. Clique duas vezes em Phil Copy Paste. Meu código hexadecimal que estamos trazendo são assassinos de marca. Então, agora que temos todas as cinco cores carregadas, precisamos torná-las todas as cores. Então vamos ter cinco indo até aqui e fazendo um recurso assassino. Então vamos olhar o preto primeiro. Vamos clicar com o botão direito, e vamos adicionar ativos de cor, e ele vai em frente e adicionar nossa cor, e vamos ir em frente e nomeá-lo, nomeando nossas cores de marca. Gostaria da mesma coisa com aqui. Adicione ativos do dedo do pé assassino. Vamos ver se isso nos permite fazer todos os três em ativos assassinos. Lindo eu estava faltando a cor de cobre, então eu fui capaz de adicionar isso ao nosso painel de amostras quando? Vá em frente, nomeie isso em uma data posterior. Mas gosto de saber o código hexadecimal só para ter essa informação. Mas você pode nomear estes, então não é apenas um código hexadecimal ambíguo, então eu não preciso mais que você seja enviado. Apenas o dedo do pé tem isso. Nunca se sabe quando pode precisar. Então uma nave que ali e agora eu tenho todos os meus recursos de cor. Então, quando você está em seu painel de ativos, eu posso ir em frente e clicar em qualquer objeto e ir em frente e clicar em minhas cores, e ele vai adicionar automaticamente essa paleta de cores a ele apenas tipo de realce e clique . Então, agora que temos nossa paleta de cores, precisamos ir em frente e trazer nosso logotipo. Eu gosto de começar de cima e trabalhar meu caminho para baixo. Então eu vou começar com o nosso pequeno banner aqui. Vamos adicionar tipo de descobrir quais são as cinco páginas mais importantes que precisamos ter aqui? Também precisamos encontrar um ícone para o nosso carrinho de compras, e também precisamos ter nosso logotipo carregado. Então, na classe, você terá algum recurso para download é se você abrir essa pasta zip, você terá uma pasta chamada Arquivos de logotipo. Vamos clicar duas vezes sobre isso, e vamos trabalhar com esses dois arquivos locais. Então eu tenho um logotipo em um fundo branco e um fundo preto em um que poderia trabalhar em cores mais escuras e um que poderia trabalhar em cores mais claras. Então, para este tipo de barra escura, vamos precisar da nossa versão branca. Então o que eu vou fazer é arrastá-lo direto para a caixa que já criamos porque estamos muito felizes com esse tamanho. Só estou arrastando. Você pode ver como é destacado. Eu solto e Boom , já está carregado. Então agora podemos brincar com o tamanho para que possamos ir em frente e fazer um pouco menor se quisermos . E também podemos abrir a grade a qualquer momento. Então, para ir em frente e dar um grande, eu vou ir em frente e clicar no quadro de arte e você tem que ir para o Grid, que é bem aqui em baixo. Vá e clique na grade, e isso pode ajudá-lo se você tem uma certa nota que você gostaria de usar. Este é o seu layout padrão de 12 colunas. Se você quiser encaixar tudo na grade, você pode. Eu geralmente gosto e sub usando colunas. Eu geralmente gosto de falar muito do meu grande e fazer Square porque, para mim, parece um pouco mais flexível porque eu gosto de ter margens magras quando se trata de Web design e o Qatar ir desligá-lo a qualquer momento, basta clicar em seu quadro de arte e clicando fora da grade. Então só uma opção se você é seu grande fã de grade, o que eu acho que muitos de vocês são e eu sou eu mesmo. E eu gostaria que o dedo do pé diminuísse para ver como fica. Então eu quero que o logotipo seja grande o suficiente para ser visto, mas também não esmagador em comparação com o tamanho do banner. Então agora vamos usar a ferramenta de repetição de grade para ir em frente e adicionar todos os nossos itens. Então esta é uma boa idéia para o tamanho. Então o que vamos fazer é pegar a ferramenta de texto, vamos digitar o link um, e vamos em frente e encontrar a tipografia certa, bem como a escolha da fonte. Então eu vou levar isso onde isso é apenas um tipo de cara, então ele vai mudar isso para cima e arrastar isso para baixo, e nós vamos fazer a necessidade de torná-lo a cor certa. Então agora precisamos realmente experimentar que tipo de cor tardia funcionará melhor. Para que pudéssemos experimentar ouro. Então temos que pensar que vai haver uma cor flutuante. Haverá uma cor de link ativa e haverá uma espécie de cor de link padrão que não foi ativada. A outra pessoa ainda não visitou esse link, então há alguns estados de cores diferentes que podemos pensar. Então, todos estes serão links que ainda não foram visitados. Então pense em uma espécie de cor padrão que ficaria bem quando eles vêm pela primeira vez no site. Vamos em frente e destacar nosso item e clique duas vezes e vamos encontrar um tipo realmente bom para esta barra. Então vamos voltar aos nossos padrões de marca. Usamos uma fazenda chamada Avenir o tempo todo e desenvolvemos esta marca, por isso faz sentido usar a mesma fonte para o seu cabeçalho. Então vamos ver se podemos mudar de Avenir. Quando eu clicar duas vezes, você será capaz de ir para o seu painel de texto e você será capaz de ir em frente e digitar Avenir. E então agora temos que pensar sobre o tamanho e a escolha do peso. Então vamos brincar com o dimensionamento um pouco e também com a nossa escolha de peso. Então nós provavelmente queremos um preto mais pesado, especialmente se isso vai ser um elo. Então vamos experimentar o preto para ver como isso parece e vamos fazer o nosso tipo um pouco maior. Temos que deixar espaço para nomes de páginas muito compridas. Tenho clientes onde faço um site para eles. Nós o lançamos e então eles decidem mudar o nome de um link para torná-lo realmente, muito longo. E então você só precisa ser flexível e ter certeza de que tem espaço para nomes de links longos. E então não é muito mais apertado, não vai para rosa, e não estraga o cabeçalho. Então eu gosto de fazer ar no lado da cautela e fazer bebê um tamanho de fonte um pouco menor do que eu acho que eu preciso. Então agora eu tenho isso em uma marca de 22 pontos tamanho, e o que podemos fazer é ir e talvez tentar 23 ou 24 dimensioná-lo para cima. Então eu quero ver como isso parece. Por todo o caminho havia cinco ligações no total. Então vamos repetir o hematócrito novamente. E vá em frente, faça cinco. Então, 12345 e vamos passar por aqui para que possamos ir em frente e encontrar o espaçamento certo . Deixe-me diminuir o zoom e ver o que ficaria bem. Que tal garantirmos que temos muitas margens para nomes longos? Nós também, ele tem esses guias inteligentes automaticamente ativados. Então, quando você arrastar para dentro, ele vai bombear. E dois. Então agora ela está olhando 3 11 é um pequeno tamanho de pixel bem ali. Isso é dizer que está a meio caminho de todo este bar. Então os usuários guias inteligentes para realmente ajudá-lo a encaixar no lugar para meio que ter um bom, uh, posicionamento. Então vamos em frente e Tucker liga mais perto do nosso ícone de compras. O que todos sentem como se fossem todas as opções ligadas entre si. E eu vou seguir em frente e preencher o que eu acho que seria um bom nome. Então deixe-me ir em frente, Bill, os nomes do link para fora e eu volto já. 39. Aula 5 design de de webde de de AddingIconsLinks&Photos: Eu criei cinco links de página com base no tipo de informação que precisamos exibir no site e também para atender a nossa jornada de usuário que desenvolvemos. Então você vai notar que tudo meio que correndo em cima um do outro. Nós simplesmente precisamos clicar com o botão direito despreparado a grade, e então seremos capazes de ter controle individual. Agora fomos em frente e duplicamos tudo no mesmo estilo. Podemos ter mais controle minucioso sobre cada item. Vá em frente e amplie este e coloque o mesmo espaçamento entre cada um. Então, neste caso, 50 e os guias inteligentes funcionam maravilhosamente, eles realmente ajudam você. Então isso vai fazer isso. E então podemos dizer que há o mesmo espaçamento por toda parte. Vamos em frente e selecionamos todos os cinco e certificamo-nos de que tem algum bom espaçamento lá. Ótima. Então eu fui em frente e desenvolvi estes com base no feedback do usuário e tipo de algum feedback do cliente , então esta seria a nossa casa. É óbvio que precisamos de um botão inicial para ver todos os produtos. Queríamos ter um lugar onde eles pudessem ser, bem, três se eles quisessem adicionar vários produtos ao seu carrinho de compras não apenas ser enviado para um produto a tempo, nossos ingredientes podem. Voltando para a pessoa que teve a alergia são Zara são persona que precisa saber sobre informações de alergia e, em seguida, nossa história. Precisamos falar sobre onde novos produtos que ainda não foram esclarecidos. Então precisamos de uma história de comunicador, bem como de apoio. Temos uma loja aqui, então queremos ter certeza de que temos um link de suporte que é muito visível o tempo todo. E outra coisa é, quando você rola para baixo em sites de desktop mais longos, você tem um cabeçalho adesivo, um cabeçalhos pegajosos, tipo de cabeçalho que nunca desaparece. É sempre uma barra fina no topo. Temos acesso ao menu. Gostaria de fazer isso com este caso. Então, quando começarmos a ligar tudo e mostrar a armação do fio, vou certificar-me de que posso mostrar ao cliente e a este amigo do fio que haverá um cabeçalho pegajoso. Então as pessoas sempre têm acesso a esses itens muito, muito importantes, especialmente aquele carrinho de compras. E falando em um ícone de carrinho de compras, podemos desenvolver nosso próprio ícone usando a ferramenta pin e esboçando um ícone. Então vou fazer um carrinho de compras para você. Então eu só tenho a ferramenta de alfinete. Nós vamos apenas pegar um esboço de um carrinho de compras muito genérico, e eu vou em frente e fazer uma fronteira e vamos fazer uma espécie de ir picareta é um desses ativos. Então vamos fazer ouro e eu tê-lo na borda então ele é fazer fronteira e, em seguida, ir em frente e amostras são ouro e torná-lo um tamanho grosso. E vamos dizer que eu quero Vamos em frente un Selecione isso. Então este ar tipo de algumas bordas ásperas. Digamos que quando um boné bom e suave para a minha linha você clicar na minha linha e ir para cá e eu vou fazer o meu boné arredondado . Então, para em torno de alegria e também em torno de cap aqui, cap redondo e junta-se redondo. Eu tenho algum tipo agradável de cantos limpos e limpo e boné dedo do pé que. Vamos fazer o resto do nosso pequeno ícone CARRINHO coisa aqui e vamos duplicar segurar a opção para que você possa ver que eu não sou a melhor gaveta quando se trata de este tipo de coisa. Então você percebe como eu pegava a ferramenta de pino e eu agarro o ponto de ancoragem que eu estou interessado . Interessante conseguir uma alça. Clique na alça e vá em frente. Desenhe alça. Eu também posso voltar e obter a ferramenta pino e continuar a adicionar detalhes. Você poderia fazer um monte de ícones e Adobe X'd. Você também pode usar um monte de ícones externos, que é o que vamos acabar fazendo. Mas eu só queria mostrar como você pode criar seus próprios ícones usando a ferramenta pin. E o pentáculo funciona como o Adobe Illustrator, mas um pouco limitado. Eu tenho a ferramenta círculo para baixo iria segurar Shift pressionado para que eu pudesse fazer um círculo perfeito. Então, mantendo pressionado o botão Shift assim como o ilustrador. Então, se você está confortável no Illustrator, você vai ficar muito confortável com X'd com a mesma coisa. Vamos pegar aquele ouro e fazer um golpe de quatro tamanhos e vamos tirar o nosso preenchimento. Então, sim, muito horrível. Então, faça muito curto. Então, foram provavelmente mais 10 minutos afinando isso, então não parece uma frigideira. E se você quiser editar o comprimento de um traçado. Vou segurar isso e trazê-lo para dentro Então sim, isso não é nenhum ícone que eu queira usar. Mas é ótimo vir e saber que você pode construir ícones no Doobie X'd, embora muitas pessoas emprestam ícones que já estão desenvolvidos porque eles são tantos disponíveis que o uso livre de ar. Mas se você tem uma marca que requer um certo estilo para o seu carrinho de compras, então é bom poder fazer isso em seu próprio estilo, embora leve um pouco de tempo se você precisa desenvolver um conjunto de ícones inteiro para continuando a mexer com seu ícone de carrinho de compras, eu posso pegar a ferramenta de seleção de Select a Path e clicar duas vezes nele para ser capaz de ver todos os diferentes pontos de ancoragem que criamos aqui, e eu posso deslocá-los para baixo e ao redor para mudar o comprimento e a direção. É muito divertido, muito legal. Só eu poderia criar um ícone meio decente. É bom. Faça com que as rodas diminuam a escola, torne-as menores, e não é horrível. Mas vamos falar sobre agarrar ícones que já estão desenvolvidos porque isso é meio triste . Acho que podemos encontrar algo um pouco melhor, então vou apagar o que criamos lá. Eu só queria mostrar como é fácil criar seus próprios ícones personalizados. Então, digamos que eu queira obter um que já foi desenvolvido e desenvolvido por um designer profissional . Então, há duas maneiras pelas quais eu vou mostrar a vocês de como os ícones grav um deles vai ser capaz de clicar sobre a Adobe Creative Cloud e clicar fora de tudo isso e vamos voltar para a tela inicial principal. Então, se você estiver no assinante do Adobe Creative Suite do que você terá acesso a isso, então eu vou clicar sobre o painel de ativos e eu poderei ir para os lugares deles. Há mercado. Há todos esses itens diferentes que você vai clicar no mercado, e precisamos de um carrinho de compras. Então, vou dizer carrinho de compras. Basta digitar a busca e teremos ícones muito melhores. Acho que não está muito longe do que eu fiz. Então eles lembram que não foi tão horrível quanto eu pensava. Então vamos tentar encontrar um que nós pensamos que seria próximo da nossa marca, que é muito simples, moderna e limpa. Então esta pode ser uma opção como uma sombra de gota realmente limpa. Mas vamos ter um. Isso é muito flexível, porque eu me preocupo com aqueles que têm muitos detalhes. Então, e quanto a este ícone? Isto é uma espécie de necessidade. Gosto dessa linha que dá a volta e faz esses círculos. Vou descer aqui, e vou baixá-lo na minha Creative Cloud. Vamos em frente e clicar nesta opção de download na nuvem. E eu criei uma biblioteca chamada X'd que eu vou colocar na minha biblioteca XT. Vá em frente, faça o download. Então agora como eu carrego o que eu salvei até minha biblioteca. Então nós estamos indo para ir para a biblioteca Open CC. Então a nuvem criativa do Cc e eu tenho o meu pequeno x t. Eu tenho um pequeno ícone de casa que eu já tenho e um pequeno carrinho de compras então nós vamos fazer é um retardamento sobre e você não carregou. Então eu só usei minhas cores aqui e fiz um, uh, um ouro. Coloque-o aqui no meu objeto. Mas eu adoro usar vetor porque se eu alguma vez quisesse mudar a fidelidade disso, talvez mudar a espessura, eu seria capaz de ter essa opção. Vamos voltar e encontrar outro ícone só para fazer esse processo mais uma vez. Então eu estou no mercado de ativos carrinho de compras. Vamos em frente e encontrar um que tenha essa habilidade vetorial. Isso é V G. Vamos ver este. Vamos em frente e ver o que é ISS. Ele vai clicar nele e lá está. AAP. É o que queremos que seja no Vector. Vamos baixar isso para nossa biblioteca X T e será capaz de lembrar isso indo para abrir arquivos bibliotecas CC. E aí está a minha 2ª 1. Poderemos destacar o objeto dela e aplicar qualquer um dos nossos recursos de cor a ele. Então, se você quiser aplicar um ouro, nossa cor de ferrugem, nós temos essa habilidade e vamos dizer que queremos ser capazes de editar a fidelidade da paz. Queremos mudar um pouco disso. Queremos modificá-lo. Tudo o que temos que fazer é clicar duas vezes, e você será capaz de ter todos os relatórios que foram criados para criar esta peça, e se você não vir isso, certifique-se de clicar com o botão direito e deve haver uma opção não preparada. A ir em frente desvinculados e no grupo e, em seguida, clique duas vezes e você será capaz de modificar este ícone ainda mais ao seu gosto. Então eu só vou fazer a nossa cor dourada e colocá-la em nossa bolha aqui, e nós podemos reverter as cores para fora. Nós podemos fazer este ouro e fazer nosso carrinho de compras são uma espécie de fora de cor branca ou continuar a jogar com diferentes escolhas de cores. Então, outra coisa que notei é cinza. Ainda é o cinza que aparecemos quando fizemos o layout de baixa fidelidade. Vamos mudar o nosso cabeçalho para ter certeza de que é a nossa cor preta chaleira em nosso manual de padrões de marca , e você percebe que tudo está saindo muito melhor porque temos um contraste muito mais escuro lá. Assim, também podemos adicionar separação aos nossos diferentes itens de menu. Poderíamos colocar um divisor para enfraquecer, simplesmente fazer uma ferramenta de linha, destruir a ferramenta de linha é fazer uma linha simples. Podemos fazer esse tipo de branco, e poderíamos duplicar que talvez queiramos mudar tipo de tamanho aqui e talvez torná-lo um cinza mais escuro e assim poderíamos torná-lo um pouco mais grosso. Vamos tentar e vamos ver como é que tem estas arestas afiadas. Vamos também fazer a rodada de boné. Então, vamos dar a volta ao Cap. Vai dar um visual bonito e polido. Vamos ter esse tamanho exatamente como queremos. E poderíamos duplicar isso usando a opção, certificando-se de que tudo se alinhe um com o outro como um dragão atravessando. Ok, então nosso bar de cima está um pouco acabado. Podemos sempre voltar e finesse, mas estamos começando a ver um pouco de, ah,um layout mais alto de ah, Fidelity. Comece a obter alguns gráficos acontecendo aqui. Vamos fazer tipo de nosso banner de imagem de herói principal quando voltarmos 40. MainBanner de aula: Quero te mostrar outro lugar. Você pode baixar pacotes de ícones vetoriais gratuitos, e eu tenho um tipo de link aqui que você será capaz de obter do guia de recursos quando você baixar alguns desses arquivos de recursos e você será capaz de baixar esse conceito. Então, quando baixei o conjunto de ícones, descemos para downloads. Você tem um pequeno arquivo X D, você vai clicar duas vezes neste essencial, e ele vai ter alguns ícones básicos essenciais que nós poderíamos arrastar e soltar em nosso Web design para que nós pudéssemos ser capazes de não ter que fazer tudo isso à mão porque poderia ser muito, muito extenso. Quando você está fazendo todo o desenvolvimento de ícones assim como isso vai nos poupar um pouco de tempo para que possamos ir em frente e copiar esta seta, trazê-la, trazê-la para dentro, e isso vai ser tratado da mesma maneira. E nós podemos mudar nossa borda, e nós poderíamos torná-la também uma cor diferente e será capaz de editar esta também. Então, apenas um atalho, para que você não tenha que sentar lá se você precisar de algum desses ícones que você poderia ir. Esse site irá fornecer outro link onde você pode voltar para onde eu originalmente encontrei este pacote onde ele lista todos os conjuntos de ícones gratuitos disponíveis. Verifique novamente o licenciamento. Se você está fazendo um projeto de pintura comercial, certifique-se de que você tem ah, licença. Se você precisar comprá-lo, por favor faça. Tente não usar nada ilegal, então apenas certifique-se que estes foram gratuitos para baixar e usar para uso pessoal. Mas verifique se você tem permissão para usá-lo para uso comercial, porque eu não quero colocar ninguém em apuros. Mas esse ar é ótimo para usar para fazer sua simulação e testar as coisas. Então eu vou eu também no pacote que eu tenho disponível tem um pouco de arquivos PNG e outros pinos J que você pode usar como preenche produtos ou pequenos três D mock ups de produtos que podemos usar. Você pode ter um dedo de layout mais polido trabalhar com, então eu vou entrar no meu recurso para download é pasta que você tem e há algo chamado três renderizadores D. Eu vou em frente, clique duas vezes nisso e tenho muitos renderizadores de produtos. Eu não Adobe dimensões de três programas de edição D e eu tenho todos esses produtos. Alguns destes vão ser realmente úteis quando fazemos a página de destino para os produtos da loja onde vamos precisar ter uma miniatura para os produtos serão capazes de ter a parte de trás na frente s. Oh, isso vai ser tipo nosso herói. Imagens chamadas de espiral de ouro. E o que é ótimo sobre X'd já é ter um tipo quadrado de contêiner, então eu poderia apenas arrastá-lo e ele vai preencher o contêiner. Então agora eu posso clicar duas vezes e eu vou ser capaz de mudar o corte deste recipiente também . Então obtê-lo exatamente como eu preciso. O que precisamos é de um PNG seria realmente necessário. Isso foi capaz de se estender para o bar. Vamos em frente, fazer a nossa caixa um pouco mais alta, caixa delimitadora e ver se conseguimos o nosso efeito muito legal e excessivo. Então você vê como isso tem umefeito muito puro, efeito muito puro, porque eu tenho isso é um PNG. Eu sou capaz de trazê-lo para outra camada para criar aquela atmosfera dinâmica. Em termos de codificação, você terá que pensar sobre como fazer isso funcionar. Eu não vejo isso sendo muito grande de um problema porque você sempre pode ter este contêiner sobrepor o sistema de menu superior e apenas ter que ser um PNG. Eu não vejo isso sendo um grande problema de codificação, mas você também tem que pensar sobre como, como é o código ou obter um código. Tudo isso dando a ele ou a ela um momento difícil por ter alguns desses elementos? Eles são do jeito que são. Mas do ponto de vista do design de layout gráfico, eu acho que isso parece muito legal e nós também estamos destacando o ouro. Isso também ecoou nas cores douradas da nossa marca. Então agora temos a chance de esconder isso um pouco. Então, agora que estamos começando a ver nossa imagem de produto lá, podemos até fazer nossa imagem de produto um pouco maior para que tenhamos a chance de ter mais espaço aqui. Gosto de ter muita margem entre os meus itens. Eu gosto que eles se sintam conectados, mas não se sintam desconectados, então é um equilíbrio de não ter esses itens deslocados muito para onde eles estão desconectados da imagem. Então, se foi por aqui, isso é muito espaço. Mas também quero ter certeza de que não está muito perto de onde está interferindo e que pode custar alguns problemas de codificação. Então vamos fazer algo bem aqui no meio. Nós temos uma espécie de margem agradável por aqui na foto do produto. Vamos em frente e carregar alguma tipografia. Então agora podemos carregar algum texto e tentar descobrir o tamanho, a cor e o equilíbrio. Então, estou tirando nosso gráfico de mídia social que desenvolvi para essa marca para obter um pouco de inspiração para como podemos lidar com isso em um ambiente digital. Então eu gostaria de usar a mesma tipografia no mesmo tamanho, e eu gosto de ter nós faras Bem, então vamos ver se nós podemos trazer isso para Adobe X D. Este é Avenir. Então vamos em frente e trazer o Avenir. Vamos fazer uma pontuação para criar uma nova caixa de texto, pegar nossa ferramenta de texto ou ferramenta de texto. Certo, vamos em frente Load e Avenir, que já temos, e acredito que foi um peso preto. Vamos fazer isso um pouco maior. Estou fazendo um atalho em vez de ter que voltar aqui e aumentar o tamanho que estou fazendo o turno de comando que estou fazendo meu direito maior do que menos sinais. Então eu vou em frente e fazer o meu sinal de “maior do que”. Vai torná-lo maior por menos de sinais, vai torná-lo menor. Então, lá vai você. Eu acho que você poderia dizer botões de vírgula período, qualquer tecla que você quiser chamá-lo. Então vamos tentar obter o mesmo tipo de layout. Vamos arrastar para enviar. Já não precisamos disto. Nós meio que temos uma idéia do que estamos fazendo. Então vamos trazer nossa manchete. Nós temos uma manchete aqui desenvolve Vamos em frente e carregar isso para que você perceba se você pegar a caixa apertada e você apenas copiar e colar tipo e lá e você tentar torná-lo tipo de um parágrafo bloqueado, ele só vai torná-lo maior e menor, mas não vai derrubá-lo nas múltiplas linhas. Então, uma coisa que queremos fazer é pegar nossa ferramenta de texto e ir em frente e pré-desenhar uma caixa mais longa . E então poderíamos ir em frente e colar nossa cópia lá para agora colocá-lo automaticamente em um formulário de parágrafo, que você pode então mudar em várias linhas. Então vamos dizer que queremos tê-lo em três linhas e digamos que queremos fechar a liderança entre as diferentes linhas do tipo. Não viria aqui para a nossa área de texto e mudaria a liderança aqui em baixo . Você pode ver como é 119. Vamos tentar 88 ver se não podemos apertar estava tentando 99 ou vamos arredondar para 100. E isso parece funcionar muito bem. E nós definitivamente temos espaço para ter algum outro tipo de cópia descritiva. Ou podemos deixar isto ambíguo e ter uma manchete. O que você acha? Nós provavelmente precisamos explicar o nosso produto um pouco mais então eu vou entrar e recolher isso Então ele está apenas ocupando o tamanho da caixa final apertada e vamos fazer outro bloco menor de cópias. Então eu só vou segurar a opção e pegar isso, mas eu tenho que fazer isso nosso mais escuro talvez tipo de uma cor cinza média contra a de nossa cor prateada. E então eu posso fazer isso muito menor. Então agora é do tipo 87. Só estou fazendo a mudança de comando e fazendo minha vírgula ou meu sinal de menos que teclado. Você a torna muito menor. Vamos em vez de preto. Vamos fazer um peso normal ou médio e eu vou aparecer com, tipo, um talvez uma linha ou dois. Eu não vou ter que demorar muito para tipo de preencher essa área, e então nós podemos fazer isso em um pouco, e então nós poderíamos manter a opção de que nós podemos ter o nosso texto de botão. Então, para que é que queremos que isto vá? Então, o que? Isso chamou ação aqui. Então, agora é loja? É ver produtos? Provavelmente vai ser ver todos os produtos porque você vê todos os três. Mas você sabe, quais são os detalhes de cada produto? Isso não é realmente agora. Nós ainda não os vendemos no produto, então vamos tipo de fazer um tipo de visão mawr de ação fria. Então vamos fazer ver todos os produtos e mantê-lo muito simples. e nós poderíamos fazer este ouro para realmente ajudá-lo a sair. E isso ainda está em uma caixa branca ou cinza. E isso foi do nosso layout de baixa fidelidade. Então vamos mudar isso para um branco de alto contraste. O que poderia mudar para o nosso pequeno azul também? Há um monte de opções de cores diferentes que podemos experimentar, mas desde que vamos ter são diferentes características do produto aqui em baixo com suas diferentes cores de fundo, vamos ficar com um branco simples. Então agora isso começou a sair muito melhor, não é? Então vamos mudar isso. Então, talvez seja um cinco vezes aqui em baixo, meu painel de aparência mudando o acidente vascular cerebral. Vamos também para a fronteira. Só pegando a ferramenta conta-gotas de provar um desses, talvez a cor dourada que parece com o que estamos colando. Vamos fazer a vista. Todos os produtos. Vamos fazer disso um peso negrito ou preto. Vamos torná-lo preto. Vamos combinar para que o botão inteiro tenha uma cor consistente. Deixe-me ir em frente e, uh, encontrar isso. Vamos ver como fica em seu preto, e vamos torná-lo um pouco menor. Acho que provavelmente vão duas linhas do tipo. Deixe-me ir em frente e inventar algo para que eu possa ir em frente e terminar isso. 41. Aula 7 design web de Lesson7 de de Web: Agora tenho todas as minhas linhas desta cópia secundária, menor corpo carregado. Vamos ajustar o tamanho sobre isso, bem como fechar a lacuna na liderança e ajustes que talvez 45 possam funcionar e também fazer uma última jogada com nossa cor. Vamos em frente e alinhar tudo, agrupar as coisas também. Vamos rever os símbolos aqui em breve para que possamos ajustar itens em todas as páginas assim que começarmos a ter alguns elementos básicos bloqueados. Vamos fazer essa linha que tínhamos antes do nosso gráfico de mídia social, pois queremos manter-nos consistentes com nossa marca. O que vai fechar a lacuna em que apenas um pouco para 95 talvez até 90 começando a ficar um pouco lotado e tudo bem. Foi quando fizemos o bloqueio. Não vimos como seria uma imagem de produto. Então agora o que posso fazer é mudar todos estes para baixo. Vai ser muito fácil de fazer. Eu selecionei tudo, exceto os itens de cabeçalho que eu estava fazendo a seta para baixo e um deslocamento tudo para baixo para me dar um pouco mais de espaço para fazer esse dano um pouco mais alto impacto. Então, isto é o que poderíamos fazer. Essas mudanças de design são rodapé foi extra longo. Então, seja fácil. Compensar por isso. E também nos dá mais espaço vertical para conseguir tudo isso também. Tem mais espaçamento. Bom design de layout tem bom espaçamento entre os elementos. Ok, então eu me sinto muito feliz com isso. Acho que podemos adicionar uma camada de textura. Eu tenho alguns pincéis de textura que eu criei também. Algumas texturas de fundo e loja de fotos. Eu também tenho que na solda ativos para download. Então você não tem o dedo do pé criar todos esses elementos para ir junto comigo na classe. Então, no pacote de recursos para download, eu tenho algumas cores de fundo e alguns pincéis que nós vamos tipo de brincar. Então vamos descer para alguns pincéis. Vamos ao nosso pincel de ouro. Esta solução de ouro. Vamos arrastá-lo para o dia WX. Vamos em frente e posicionar isso. Onde faz o comando do colchete esquerdo para baixo no sistema de camadas. Então nós o temos escondido atrás de alguns desses itens. Aqui vamos nós. Eu só vou fazer um pequeno ângulo porque tipo de inspirado em alguns dos outros itens. Nós fizemos alguns dos outros itens de marca que desenvolvemos e meio que emprestamos o que já fizemos, não tentando reinventar a roda e também ecoando a marca no site digital, bem como para que tudo pareça bastante consistente . É muito do tráfego deste site. Vai vir de nossos anúncios de mídia social, mas também de alguns de nossos anúncios de página inteira. Então, se fizermos tudo consistente, eles vão ver esse pincel consistente como um elemento e eles vão se sentir em casa. Eles vão saber que estão na página certa. Então eu estou apenas ajustando isso, assim como no outro elemento e qualquer outro programa adobe que também poderíamos perceber, Ei, há um problema aqui agora parece legal, mas há um monte de texturas diferentes são ouro acontecendo? Então temos ouro, ouro, ouro, ouro, ouro. Então precisamos encontrar uma maneira de quebrar isso para que pudéssemos fazer isso fazendo com que as manchetes sejam espécie de cor preta, e nós podemos até fazer apenas este tipo de ouro de encontrar maneiras de clarear o tipo de contraste lá. Certo, digamos que coloquei o cobre, mas achei que poderia estar muito escuro para aquele canto que foi inclinado à mão e enviá-lo trás desta camada aqui. Então eu vou selecionar esta camada de cobre que poderia simplesmente arrastar este outro PNG para cima até que ele seja destacado. Vês? Posso agarrá-lo ali mesmo. E substituirá o gráfico sem que eu tenha que fazer muita coisa. Então eu vou reduzir a transparência sobre isso também. Então temos que aparecer. Você pode reduzir a transparência de todos os tipos e imagens muito facilmente foi um dos poucos raia de textura do outro lado. Passei algum tempo finalizando o layout. Eu fui longe deste carrinho de compras círculo porque eu senti que ele estava quase chamando muita atenção indevida para o carrinho de compras de item muito importante. Mas eu fui capaz de diferenciá-lo fazendo isso um contraste diferente do cinza. Então isso é meio que o preto. Ele se destaca do resto dos itens do menu, e eu pensei, não há nada circular sobre o que temos acontecendo. Temos muitos ângulos retos, então por que separar isso com o círculo? Então, apenas cometendo dois ângulos retos em vez de fazer curvas mais suaves como um círculo. E eu poderia fazer esta foto um pouco maior, e eu outro também ajustou alguns outros itens. Eu meio que mudei a cor aqui atrás e apenas meio que trouxe alguns desses pincéis. E outra coisa importante é, eu decidi mudar a cor dos itens do menu, e isso é apenas de um problema de legibilidade pura. Eu pensei que talvez o ouro estivesse um pouco escuro demais e poderia ser difícil de ver, então eu mudei isso para o nosso tipo de isqueiro branco, cinza, cinza azul macio. E mudei as linhas divisórias para cobre. E vamos em frente e fazer o nosso carrinho de compras. Mude isso para cobre, já que estamos fazendo um cobre no canto superior direito. Isso também nos dá uma chance de fazer o pairar sobre. Esse é o nosso ouro? Então nós não temos que apenas ter um ser grande o tempo todo, então isso nos dá uma chance de ter Ah, pairar sobre a mudança. Agora vamos fazer nossas três visualizações de produtos. Temos três produtos. Um deles contará com um produto cada. Então, qual produto apresentamos primeiro? Bem, isso vai depender do que pensamos que será a cor mais popular será ouro, prata, cobre. Isso é algo que podemos descobrir para o cliente e através de testes de usuários e pesquisa de usuários. Bem, com um dos produtos mais vendidos foi ir em frente e colocar que em primeiro lugar foi sempre obter nossos best-sellers no topo faz muito sentido. Então vamos fazer o cobre primeiro. E eu já tenho isso bloqueado porque fizemos nosso layout de baixa fidelidade. Então eu tenho isso selecionado. Vou arrastar uma textura de cobre que já desenvolvi. Você pode fazer sua própria textura se estiver fazendo uma marca diferente. Mas vamos para o nosso recurso para download é e ir para nossas texturas e pincéis. E aqui está uma irmã de cobre P e G. Vamos arrastar até cobrir esta área. Vai aparecer automaticamente. Eu posso clicar duas vezes nisso para mudar o corte como eu desejo, mas eu acho que isso é ótimo. Vamos trazer nossa foto de cobre para que tenhamos algo chamado três D Renders o duplo clique três D renderiza você deve ser capaz de encontrar o cobre com seu pequeno elemento. O aqui. Então, lá está ISS. Eu só vou arrastar a sensação que você notou que nós já temos isso emoldurado. É muito mais fácil de fazer. Poderia trazer isso à tona. Quebrar isso e vamos fazer isso bem menor agora. E eu amo ser capaz de ter produtos empurrando para além dos limites. O Teoh. Dar a ele tipo de como nós fazemos aqui para tipo de dar que ele não está confinado a caixas. Olha, o que eu acho que pode ser muito benéfico ter esse olhar. Então vamos apertar isso. Vamos aproximar isso do nosso produto e talvez precisemos fazer a barra um pouco mais longa. Estamos testando isso. Isso é tão legal. Não é tarde demais para mudar o tamanho de tudo para ficar maior. Aumente a imagem do produto. Então deixe-me carregar algumas das tipografias aqui. Vai ser semelhante a isto. Eu provavelmente poderia ir em frente e copiar e colar tudo isso. Vai ser o mesmo, mas vamos trocar o texto, por isso estou a segurar a opção. Eles vão trazer tudo, e eu vou torná-lo nosso tipo de cor branca e trocar o texto. 42. Aula 8 de final de Lesson8 Part2: algumas de nossas informações básicas carregadas, e agora eu poderia talvez adicionar um pouco da textura ou escovado para isso porque é um monte de espaço vazio. Então vá em frente e vá para o meu recurso para download é e pegue esse pincel. Aqui está a escova de cobre. Ver se consigo arrastá-lo para uma área aberta. Aqui está. Vamos apenas enviá-lo para trás ou comando esquerda Bracket é para trás no sistema de camadas, e é uma espécie de tê-lo como um pequeno elemento que vai através e podemos não precisar de tanto espaço. Você até tem um produto. Desça um pouco para a próxima área. E aqui está o problema que temos. Nós temos essa solução, esse desejo que são muitos swooshes para que pudéssemos descobrir um tipo de opção. Poderia apagar este aqui em cima que poderia ajudar. Poderíamos apagar tudo isso juntos e só ter isso. Mas eu realmente gosto dessa linha diagonal. Então nós vamos fazer você pensar sobre isso como eu faço com os outros e ver se eu não consigo pensar em um arranjo melhor. Eu fui em frente e excluiu meus outros itens desde que mudamos isso significativamente então eu vou apenas segurar a opção e obter alguns layouts diferentes indo. Existem dois outros produtos, então agora podemos trocar este. Parece que vai arrastar. Vá em frente no grupo dele. Este é o único que vai ser trocado. O outro permanecerá o mesmo layout. Então isto será aqui, e isto será ao lado dele. Mudou o nosso produto. Sim, faça uma escova aqui desta vez. E agora vamos trocar os nossos produtos. Então eu vou para o meu vamos fazer prata para que ele possa ter alto contraste lá. Ele só vai substituí-lo e re tamanho e vai mudar nossas texturas e pincéis. Então nós temos um fundo prateado, ia substituir o fundo prateado, e nós temos uma raia de prata, e nós provavelmente poderíamos reduzir a transparência sobre isso. Ok, então eu vou em frente e trocar o tipo disso. Eu não vou fazer o meu último, e nós vamos ficar muito perto aqui. Podemos mandar isto para a outra caixa. Isso não é um problema. Estique isso. Esse é o efeito dinâmico em camadas que amamos direito, e certifique-se de que também é trazido acima. Ok, deixe-me trocar tudo isso, fazer o último e eles vão para o flutuador. Agora vamos estar completos com a página inicial. Vamos ser capazes de ir para o próximo passo, que será a sua página de visualização principal Todos os produtos. Agora estamos prontos para realizar o rodapé. Então eu estou aqui embaixo no fundo. Eles mostram algumas coisas legais. Então já enviamos nossos ativos de cor. Há algo chamado estilos de personagem. Digamos que eu queira adaptar o mesmo estilo de personagem daqui de cima e adaptá-lo ao meu rodapé. Então eu vou ir em frente e ir ter rolar para baixo e vamos fazer isso um Vamos ir em frente e voltar para o nosso painel de design. Eu estava no painel de protótipos. Vamos fazer isto uma cor mais escura. Cem vai em frente e fazer a nossa cor preta chaleira. Temos que fazer isso. Ah, alto contraste, preto, mas um pecado isso todo o caminho para trás e o sistema de camadas. E só para que vocês saibam para acessar toda a camada para descer aqui para o canto inferior esquerdo, e vocês serão capazes de fazer isso, vocês poderão ver todas as suas camadas, então eu vou arrastá-la até o fim. Poderia colocar isso em pastas. Você pode organizá-los um pouco melhor, mas eu gosto de ir enviar tudo para trás. Dessa forma, isso será uma indicação de onde nosso tipo está. Então vamos em frente e deletar isso. E será aí que um logotipo será arrastado. Eso deixe-me ir em frente e ir para o meu recurso para download é e pegar o arquivo logotipo que eu tenho. Isso é em fundos transparentes poderia arrastar isso para dentro. E eu tenho esse conjunto que poderia fazer isso um pouco menor e, em seguida, arrastou-nos para os guias inteligentes. Diga-me o ponto central ali. Ótimo. E deixe-me ter certeza que parece que há uma pequena fronteira em alguns deles apenas não selecionando a fronteira. Ok, então o que está acontecendo? Adicione nossos elementos de rodapé. Nós vamos adicionar talvez oito links ou botões diferentes Eu estou cansado de fazer link um, e isso é como é fácil ir em frente e estilo de personagem adaptado. Então eu vou subir aqui e eu gosto deste estilo de personagem. Então eu vou em frente e selecionar. Isso vai direito Click on the go Para ir para baixo para adicionar estilo de personagem Toe ativos, você vai adicionar estilo de personagem, os ativos vão virar de volta para os meus ativos. E aí está, Avenir 24 pontos em seu cinza. Então agora tudo que eu tenho que fazer é ir até aqui e ir em frente e aplicar meu estilo de personagem. E está exatamente no mesmo cenário. E o que é ótimo sobre isso é que uma vez que eu tiver isso estilizado, eu vou repetir grade aqui em cima no canto superior direito e vamos rapidamente fazer oito desses que vão fazer ou subir duas colunas e nós temos nossos comprimentos configurados. Podíamos colocar mais entre estes. Esticá-lo um pouco mais, e poderíamos fazer desta nossa cor dourada ou cor de cobre para indicar comprimentos. Mas vamos manter isso para o nosso cinza. Aí estão os nossos links. Nós realmente não os preparamos para o momento. Poderíamos colocar algumas barras divisórias aqui para adicionar alguma divisão às colunas. Então eu vou fazer isso muito rápido. Basta fazer dois pontos. Certifique-se de que eu faça perto de um boné aqui. Vai arredondar o boné bem aqui. E eu poderia apenas manter pressionada Opção Apenas tipo de fornecer algumas colunas graficamente antes que você pudesse fazer essas menores. E então terminamos com o flutuador. Muito rápido. Rápido para fazer isso, sim. Use esses estilos de caractere sempre que quiser ter esse estilo de corpo. Exatamente o mesmo em outro lugar. Basta clicar com o botão direito e você pode ir em frente e adicionar esse estilo de personagem para que você possa ir em frente referência que, assim como você faz cor e, eventualmente, vai passar por cima de símbolos para que você não tem que continuar a replicar o mesmo símbolo uma e outra vez. Você já tem esse estilo salvo. Aí está o nosso rodapé. Há tudo o que podemos mudar esse dedo branco se acharmos que é muito preto e dourado acontecendo lá embaixo. Mas vamos mantê-lo agora, vamos desenvolver nossa página de produtos, onde vamos seguir em frente e mostrar todos os três produtos para que as pessoas possam ir em frente e começar a ver mais detalhes sobre os produtos e adicioná-los aos seus carrinhos. 43. Produto em webDesign: Agora é hora de criar nosso segundo coração. Isso vai nos dar a chance de realmente vincular nosso site e torná-lo nossa realidade riel . Então eu vou seguir em frente e clicar sobre o modo protótipo aqui, vou clicar sobre o protótipo porque eles criam várias artes, e embarcam em você para dizer sim. E você vai ter este pequeno símbolo que vamos ser capazes de desenhar quadros de arte adicionais . Então uma coisa que você poderia fazer é você pode copiar e colar um quadro de arte anterior nós quando voltar estavam em design aqui. Ou vá e selecione sua ferramenta de seleção e você pode clicar no topo aqui e você pode literalmente copiar comando, Veja, E então comando V estava copiando e colando, e nós temos a mesma largura exata e disposição aqui. Agora você sempre pode excluir objetos específicos que não precisamos. Gostaríamos de ficar com o rodapé. Gostaríamos de manter o topo, mas não precisamos necessariamente de toda essa informação. Então nós vamos apenas ir em frente e apagar isso. E então ficamos com os itens que precisamos. Então vamos fazer uma página de produto. Então, neste caso, esta é a primeira página. Eles vão se acalmar. Eles vão cozinhar em produtos de combustível onde eles vão ver produtos nessas pequenas janelas onde temos um produto. Esta será a página do produto. Vamos ver o preço do pé, ir em frente e ser capaz de adicioná-lo aos seus carrinhos. Então vamos criar uma miniatura de produto, e vamos ser capazes de fazer a ferramenta de grade de repetição e apenas replicar todos os três e trocar tudo. Então vamos ter o nosso pequeno cabeçalho, algum tipo de manchete aqui, vamos ter as nossas três caixas diferentes. E é aqui que podemos brincar com nosso tipo de ferramenta quadrada para obter a forma certa para apresentar nossos produtos e também ter ideia de dimensionamento. Então eu vou em frente e trazer uma imagem de produto s então vamos em frente e ir para os nossos arquivos , ver se conseguimos encontrar nossos arquivos aqui. Recurso transferível é que eu tenho alguns arquivos aqui e os três renderizadores D de alguns produtos. E vamos em frente e trazer este lado da frente do cobre. Aqui está o nosso cobre da frente. Vamos fazer isso um pouco menor. Temos que descobrir uma maneira de cortar um recurso na miniatura do produto. E eu adoraria ser capaz de encaixar todos os três. Isso pode não ser realista para mostrar tudo o que queremos, mas também podemos fazer com que isso aconteça. Então isso vai ser algum tipo de manchete que vai atravessar Vamos sair e colocar em algumas coisas essenciais como preço Escola não tinha feito este 49 99 e podemos clicar em nosso estilo de personagem . Temos um certo estilo que gostamos. Queremos ir até aqui e fazer isso do estilo específico. Então eu vou ir em frente e clicar com o botão direito e adicionar estilo de personagem aos ativos. Então, agora, quando eu realço isso, eu tenho um tipo de alguns estilos de personagem para escolher. A nossa avenida já está lá? O mesmo para isso. Se eu quiser ir em frente e fazer isso um corpo copiá-lo direito. Clique e adicione cuidados para ativos Stella e eu poderia renomear este parágrafo. Copiar. Isso será cópia do parágrafo. Isto pode ser manchete. Você poderia realmente nomeá-los como gostaríamos, mas isso realmente economiza muito tempo, então estamos de volta e eu finesse esta pequena miniatura para um produto. E eu peguei essa foto são minhas e vou te mostrar onde eu consegui isso em pixels dot com e apenas uma espécie de tiro genérico. Eu pensei que seria preciso ir e mostrar o rosto de mulher porque estamos mostrando o produto de loção de uma mulher . Vamos em frente, ter a cara dela. Se pudéssemos fazer uma loja de fotos, talvez como ela fica no rosto dela, seria incrível. Mas para os doentes para esta aula é bom. Vá em frente e mande isso para trás. Isso é meio que um elemento só para ter um rosto e uma conexão emocional com uma pessoa. E eu também tenho uma espécie de manchete modificada. O Eso. Uma coisa que eu queria fazer é que eu provavelmente não vou ter a chance de apresentar todos os produtos imediatamente. Isso é OK. Nós ainda estamos no tipo de vendas, hum, página onde eles poderiam esta pode ser a primeira página em que eles clicam quando eles vêm aqui. Podem ter todos os produtos. Eles virão para esta pastelaria. Ainda estamos vendendo nosso produto. Então nós vamos ter isso aqui embaixo um pouco abaixo da dobra ou direita na dobra e vamos e trazer outra foto de beleza de todos os três de nossos produtos. Mas vamos fazer isso de uma maneira diferente da que fizemos na primeira página inicial. Então vamos para download Resource é e eu tenho uma renderização de três D aqui que poderia funcionar Bem, é meio que um pouco de uma apresentação diferente. Ah, chicotes chamados imagem de herói do site. Mesmo que vamos usá-lo para esta página, você tem uma imagem diferente você tem uma imagem diferenteque pode usar aqui. E podemos equilibrar essa mulher, bem como enfraquecer as costas dela. Temos transparência aqui mesmo na aparência. Isso faz dela um pouco mais de uma opção sutil. Não quero que ela me encobriu. Agora podemos usar a ferramenta de grade de repetição para repetir esta pequena miniatura. Eu fui em frente e enviei tudo muito menor tentando ver se eu não posso encaixar mais informações em uma área menor. Então, isso nos dará uma chance de clicar na ferramenta repetir Grande e espero que três vão caber bem através deste caminho. Vamos em frente e adicionar mais às nossas colunas. E também tínhamos vários produtos. Isto é quando a grade de repetição dois realmente brilha. Eu poderia criar 20 produtos muito facilmente e redimensioná-los usando esta ferramenta. Mas, felizmente, neste caso, só temos três produtos para o momento, por isso torna a configuração muito mais fácil. Ok, então eu ia trocar tipo de nomes desses, e nós vamos estar prontos para tipo de nossa página de produto. Nós podemos tipo de finesse muito disso um pouco mais, mas vamos fazer isso em outro momento, e poderíamos começar a fazer alguns links de nossas páginas. Então, queremos ir em frente, ligar nossa visão. Todos os produtos botão aqui e também no nosso nab é você? Todos os produtos virão para esta página de destino do produto. E, claro, adicionar ao CART será capaz de adicionar uma opção de carte. Então eu adoraria ser capaz de adicionar O que parece quando eu clicar no carrinho de compras? Provavelmente há algum tempo, algum tipo de módulo suspenso que sai e desliza para fora e vai e mostra como fazer isso aqui, chegando. Então, para o painel de ativos, adicionamos amostras de cores. Adicionamos estilos de personagem. Mas e quanto aos símbolos? Não podemos passar por cima de símbolos muito rapidamente. Então vamos em frente e fazer isso montar este pequeno objeto carrinho de compras. Digamos que temos. Vamos começar a replicar muitas páginas, e então queremos voltar quando mudarmos. Queremos mudar a cor do carrinho de compras em todas as 20 páginas. Então, em vez de ter que destacar todos os 20 e trocá-los, poderíamos fazê-lo montar. E então podemos mudar esse símbolo e terá um efeito global, então não temos que sentar lá e mudar tudo. Então eu tenho um clique direito e apenas fazer símbolo e você vai vê-lo aparecer bem aqui em baixo. E agora que isso é um símbolo, podemos ir em frente agora que estamos no início do processo, podemos ir em frente e excluir nosso antigo símbolo que tivemos na primeira página arrastar. Nosso novo símbolo aqui é agora oficialmente um símbolo, e sempre que eu criar uma nova página. Eu poderia ter certeza que eu tenho um símbolo Drag Dragan Dragan daqui a partir do local, hum, área de símbolos. Então, agora, se eu mudar a cor, vamos ver se você pode ver os dois ao mesmo tempo. Digamos que eu queira mudar o branco. Mudo o branco e tem efeitos globais. Você vê por fora mudar este aqui para que você possa fazer isso com qualquer coisa que você acha que estará em cada página. Muitas vezes você não poderia fazer toda essa barra de cima montar. E se você quiser alterar a barra, ela irá alterá-la globalmente em todas as páginas. Então isso é algo que seria consistente com cada página. Tudo o resto vai mudar. Acho que o pé ou pode até mudar. Mas este top cabeçalhos vai ficar o mesmo assim qualquer coisa, qualquer momento você vai começar a criar mais de duas ou três janelas diferentes, aqui estão páginas diferentes. Certifique-se de usar essa opção de símbolo para coisas que você deseja manter o mesmo. Então, se você quiser voltar e ajustar, você pode ajustá-los facilmente. A mesma coisa com o flutuador. Se eu quisesse fazer deste rodapé um símbolo, é uma espécie de rota que eles juntos. Certo? Clique. Eu poderia fazer aquele pé inteiro ou um símbolo, e isso poderia arrastar isso para fora. Mude a cor neste, e ele muda em todos os rodapés. opção muito legal, especialmente quando você começa. Você sabe, quando você está fazendo APS móvel para este site, Roaming teria provavelmente duas ou três páginas no total. Mas estamos fazendo voltas móveis e você tem 30 ou 40 telas diferentes. É bom ter a opção de símbolo. 44. Lesson10 de sites: Então, agora que escrevemos replicados são três carb Nails. Eu queria fornecer um pouco mais de informação. Só estou fazendo um por agora, mas acabaria por colocar os três nesta página. Eu queria basicamente ter uma página de produto que tem todos os detalhes que eles vão precisar porque aqui isso é mais uma espécie de pré-visualização. Eles vão clicar em ver produto e será enviado tipo de para mais alguns detalhes. Podemos clicar aqui para ver os ingredientes novamente. Eles vão ser capazes de clicar nisto. Ele vai mostrar a parte de trás do produto que tem a lista de ingredientes, todos esses pequenos detalhes que você tem que ter aqui para ter uma página completa do produto. Então esta é a página normal do produto. Vamos em frente e começar a fazer alguma ligação de algumas coisas que iam em frente e zoom lá fora. Duas páginas que temos até agora temos uma home page, tem um pouco de ah, teaser para cada produto, e então temos um produto páginas vai sh caracterizar todos os três, mas também tem as páginas de produtos aqui é Bem, Será mais um estilo de paralaxe. Quando eles clicam em algo, ele vai rolar para baixo para aquela parte que é o nosso produto em particular. Então, para ir em frente e começar a vincular as coisas, vamos clicar aqui para o modo protótipo. Clique aqui para protótipo, Moz, é aqui que fazemos todos os nossos links, então você vai notar quando você vai passar o mouse sobre certos botões. Você terá essa capacidade de clicar aqui e arrastar para criar links. Vamos fazer a nossa primeira ligação. Vamos fazer a nossa visualização, todos os produtos que sabemos que serão vinculados à nossa página do produto. Então tudo o que vamos fazer é clicar e arrastar todo o caminho. Ele pode arrastar para qualquer lugar aqui e, em seguida, clicar lá. Então isso está ligado. Se tivermos um par de gatilhos diferentes, você poderia fazer um gatilho de toque, que basicamente seria apenas um toque em um dispositivo móvel ou apenas um clique na boca. Então essa vai ser a que vamos usar. A maioria de voz vai ser algo que eu não usar muito em tudo para comando de voz e arrastar sempre que chegar a de determinados desenvolvimentos de aplicativos móveis onde você deseja deslizar um certo controle deslizante através, ele vai reagir a arrastar, como em oposição a apenas clicar. Vamos fazer um simples toque, e temos algumas opções aqui em transição, e eu vou mostrar como isso se parece. Então está indo para uma transição antiga regular. Não vamos fazer um jeito automático de acasalar. Vamos chegar a isso um pouco mais tarde. Por isso, é bom para a transição e o destino do minuto de mesa já está definido Animação. Você poderia fazer animações diferentes. Faça deslizar para cima, deslizar para baixo. Vamos ver como é um deslizamento para cima. Eu também faço um empurrão para cima, o que empurra a coisa toda para cima, e você pode testá-los para ver como eles ficam. Ah, esta é a duração seria muito rápida. Não queremos que seja tão lento que pareça desajeitado, e normalmente gosto de entrar e sair do Dewey ou fazer isso. A flexibilização tem um bom efeito de atenuação. Não é apenas uma transição direta. Ok, então vamos ver como isso se parece. Se você quiser. Sempre testá-lo, vá até aqui para a visualização do botão de visualização do botão de reprodução visualização da área de trabalho. Clique sobre isso e vamos ver como nossos links se parecem para que você possa ver que é um link que você clica sobre e lá vai ele. Ele empurra para cima. Mas eu acho que o que eu quero fazer em vez de fazer um empurrão para cima, eu vou voltar para a nossa visão, todos os produtos. Você clica em qualquer lugar aqui para editar em transição, e vamos apenas fazer uma dissolver isso você vai ver a diferença. Você viu como ele escorregou antes. Agora esta é uma transição dissolvida, então vai fazer como uma simples mudança de sempre, o que é ótimo se você estiver apenas fazendo links padrão no topo da página da Web, deslizando e empurrando. Esses realmente vêm a calhar quando você está fazendo módulos que saem. Estamos nos preparando para fazer em um menu suspenso de carrinho de compras. Essa é uma ótima maneira de transição ótima para usar para esse tipo de empurrar no deslizamento. Então, agora estamos presos. Voltamos a esta página, mas não está ligada. Vamos precisar ligá-lo de volta. Vamos ou vamos nos certificar de que estamos no modo protótipo, e é aqui que vamos unir tudo. Então vamos ter este botão inicial não seria capaz de vincular isso de volta, seria capaz de voltar para a nossa página inicial. E o que é ótimo? Ele salva sua última edição de edição que você fez em sua transição. Então, isso já está definido para transição. Torneira dissolvida, ótimo. Já está feito. Mesma coisa para ver todos os produtos aqui em baixo. Nós fomos aquele botão para ir todo o caminho até aqui para que ele esteja ligado direito. E nós também queremos ser capazes de ter certeza que este produto de visualização aqui em baixo, está ligado ups. Vamos em frente e ampliar. Então eu quero selecionar este botão. Então, em vez de apenas selecionar o tipo, eu posso selecionar esta borda externa bem e ter que ser uma unidade clicável. Então eu vou em frente e apenas agrupá-los, e eles agora serão agrupados como um grande botão para selecionar. Então agora eu vou apenas clicar e arrastar. Ele vai aparecer aqui nesta área que você projeta. É bom dissolver por agora e clicar em OK e adicionar ao carrinho. Isto é o que vamos projetar a seguir. Nós vamos projetar um tipo de menu suspenso para que eles possam clicar aqui em cima. Você meio que os vê adicionando um produto ao carrinho. Não vamos fazer o site inteiro. Esta é uma ótima maneira de mostrar a você tipo de um curso intensivo em Adobe X'd para tipo de mostrar que você tem que fazer o lado do design focando um pouco de guerra no lado do design do que eu sou o lado da codificação ou qualquer coisa disso. Então eu não vou chegar a detalhes com todas as conexões. Então nós também podemos fazer o nosso rodapé se quisermos dedo do pé, pegar nosso logotipo, voltar para a página inicial, nós podemos. Então, só estamos nos certificando. Se você quiser ver todas as suas conexões de link, clique no nome superior, vá em frente, mantenha pressionada, mude e clique no outro nome para que você possa ver todas as conexões que acabamos de fazer. Transições muito simples, transições dissolvidas que vão de uma para a outra. Então ele vai pressionar play e ver o que temos até agora. Aqui está o nosso site a aparecer. E se você quiser fazer uma pré-visualização em uma página da Web diferente, vá em frente e selecione lá ele iniciará a visualização em uma página diferente. Então agora ele vai começar a pré-visualização nessa página. Quando clicamos de volta na minha casa, Deixe-me realmente título esta casa Atile esta página do produto. Vai ajudar-te muito quando tiveres muitas destas páginas. Então é clicar em casa Não vai começar aqui. Pressione o botão play. Ok, aqui estamos nós. Estamos começando aqui. Podemos clicar em ver todos os produtos. Ótima. Posso voltar para casa. Parece que não ligamos isso. Então, vamos voltar. Vincule isso de volta aqui para a página. Vamos tentar de novo. Isso você acabou de testar. Certifique-se de vincular tudo o que você acha que quer um link para cima. Então, vamos ver todos os produtos. Aí está a nossa vista. Página de todos os produtos. Ótima. Está bem. Eu quero voltar para casa para que eu possa clicar no logotipo. Agora. Ele também pode clicar sobre esta vista todos os produtos, e aqui estamos novamente. Tudo está levando de volta a este tipo de página de destino de vendas s, por assim dizer, e clique no logotipo. Clique em Voltar. Está bem. Nós podemos até ir ver todos os produtos e ir até o fundo e testar este logotipo fora e voltar para casa tão grande, que você pode até mesmo descer aqui e fazer a nossa visão. Cobre elegante. Ele vai descer até a página de aterrissagem. Então, grandes, temos tudo isso o tipo básico de ligação. Já temos tudo isso ligado. Então agora vamos fazer mais uma coisa. Vamos fazer um menu de carrinho de compras, e eu posso mostrar a vocês como ter um efeito de animação para parecer que ele está deslizando para fora ou saindo . Então, digamos que o usuário está na página inicial e eles rolam para baixo e eles vêem o pequeno recurso em para a versão cobre. Então eles querem ir e clicar em ver produto. E agora ele vai direto para esta página e então eles têm que rolar para baixo para ver tipo de produto que não seria necessário se eles clicassem sobre isso e ele foi direto para baixo e cortou desta maneira. Então eles não viram aquela seção de cima. Eles meio que foram direto para aquela seção na página do produto. Bem, você pode emular isso criando um novo documento. Então, quando eu tinha criar um quadro de arte 1/3 e eu só tenho a imagem do produto de cobre lá, e então o que nós vamos fazer é que estamos no modo protótipo Agora nós vamos mudar este link, e então em vez de ter isso vai direto para o página do produto, vamos ter este botão percorrer todo o caminho até aqui para apenas mostrar esta parte da página. Então, para emular o que queremos que o site final seja, não vamos ser capazes de imitá-lo perfeitamente, porque não está revestido. Mas pelo menos podemos mostrar ao cliente nossa ideia de como queremos que a experiência seja . Então eu vou ir em frente e ampliar aqui para esta conexão. Vou clicar com o botão direito em apagar essa conexão. Então agora vamos começar de novo. Deixe-me ver se eu posso clicar com o botão direito e ungroomed que lá vamos nós. Agora eu sou capaz de um tipo de brisa assiná-lo. Então eu vou ir em frente e clicar em ambos e agrupar isso juntos. Então esse é um grande botão. Vamos ir em frente e arrastar isso todo o caminho até esta outra seção, nós poderíamos ter essa transição regular dissolvida como tudo o resto é. Agora, se formos para a pré-visualização, podemos rolar para baixo e você pode clicar em ver produto e ele vai ir em frente e mostrar nossas opções são pequena área vai direto para aqui. Em vez disso, eu fui em frente e adicionei seu cabeçalho para tipo de show que vai ser um cabeçalho pegajoso que vai ficar lá, não importa onde você rolar na página. Hum, e também quero ter certeza que eu ligar isso de volta. Então eu vou mudar para o protótipo e isso já está ligado de volta. Tão perfeito. Então, agora vou fazer uma peça. Volte para a página inicial. Aqui está home page quando bom de você todos os produtos que poderíamos fazer isso e voltar para casa e ir para baixo aqui, clique em ver produto e agora diz, Obter uma carga. Nossa página do produto e agora ele pode adicionar ao carrinho estão nos carrinhos. Esse tipo de jornada que é a pessoa do usuário vai passar. Ela quer. As versões de cobre estavam criando tudo o que Teoh orientava para isso do que mostrar ao cliente tipo de jornada do usuário e esse fluxo de usuário para que possamos tipo de vender conceitos. Podemos chamar um desenvolvedor da web aqui para nos ajudar a tornar este, um, um site codificado. 45. Lesson11 Site Loja: Então, nosso próximo passo em nossa jornada de usuário Vamos em frente e copiar e colar esta pequena página de produto que criamos e o que vamos fazer é nos referir a criar o menu suspenso. Então isso não terá a área de carrinho de compras, mas isso terá. Então, quando fazemos uma espécie de transição, você vai ser capaz de ver antes e então quando eles clicam nele, tipo um tipo de passo depois. Então ele está indo projetar o que nós pensamos que seria um tipo realmente limpo de carrinho de compras caiu . Confira até agora tipo de área. Então vamos em frente. Desenhe isso em cima. Poderíamos talvez fazer um pouco de uma janela transparente. Podemos manter a opção pressionada e meio que fazer isso em torno dela. Ok, eu vou ir em frente e ter a imagem de cobre ou seus produtos de loção de cobre estavam se preparando para comprar. Então, vamos em frente e clique nessas duas opções. Mantenha pressionadas as opções nos arrastando, e vamos torná-las uma cor mais escura. Certo. Então seja legal se divertir um pouco. Pré-visualização de pregos da imagem. Vamos em frente e pegar isso daqui tem uma cópia e colá-la. Será uma pequena pré-visualização em miniatura do produto que ela está comprando e precisamos de quantidades . Vamos em frente e mantenha a opção pressionada. E digamos que ela vai comprar muito bem. E ela poderia ter um aumento em um tipo de opção diminuída, uma pequena coisa onde ela poderia adicionar a sua quantidade se quisesse, bem aqui na janela. E podemos adicionar isso adicionando algum tipo simples de sinais de adição e subtração para que você possa criar isso do zero facilmente. Sopa mundial. Temos a nossa pequena opção Aqui estão 100 tipos essenciais de ícones aqui. Podemos ir em frente e pegar isso e tornar uma vida muito mais fácil para nós. Então precisamos de táxi, além de subtração. Nós armas Boa cópia. Cole aqueles em arrastar aqueles sobre a cabeça da escola fazer esse tipo de cor diferente pode precisar do grupo Teoh, um para que pudéssemos ter acesso a eles. Então agora temos ah, adicionando a ele e subtraindo a nossa quantidade. Podemos estudar muitas páginas e ver o que um outro site inclui quando eles têm o que é necessário para nós fazer isso para que possamos adicionar sua quantidade de rastreamento. Uh, os totais dela nós vamos querer ter, tipo, um total agora total vai ser 49 99. Claro que você tem transporte. Pense no transporte, Zoey. Um de alguma forma mostrar transporte. Digamos que é grátis. Enviando isso para ser legal. Frete grátis. Vamos fazer isso muito menor. Então, o envio vai ser um produto grátis. Na verdade, dois deles, certo? Então não vai ser um total. Poderíamos ter que adicionar isso juntos 49 mais 49 99 Ei, isso vai ser o seu total. Claro que temos impostos. Vamos apenas pensar em impostos aqui, também. Mas não vamos nos preocupar tanto com impostos. Vamos fazer isso quando eles tipo de check-out um pouco, mas tipo de frete grátis. E nós podemos ter uma pequena área de divisão para que ele possa dividir todos esses elementos até era para o transporte. Não vamos fazer disso um preto. Poderíamos ter contraste com nossos itens e vamos fazer uma pequena linha divisória aqui entre esses dois elementos. Faça uma linha divisória de quatro pontos. Qualquer coisa para ajudar a dividir visualmente grandes blocos de informações para ajudar o usuário tipo de quebrar informações. Simplesmente assim. Lotes de espaço em branco temos um monte de espaço para trabalhar com do que um quarto limitado. Realmente. Vamos ver se podemos agrupar alguns destes para tornar a nossa vida mais fácil ir sentar-nos lá e tentar encontrá-los. Isso agrupar esses elementos agora eu poderia ser capaz de enviá-los em torno de muito mais fácil . Tarifas. Aqui está uma espécie de rápido nós vamos ter que ter algum tipo de botão de iniciação, algum tipo de chamada à ação. Então, já temos alguns desses botões estabelecidos . Então por que e reinventar as rodas? Só vou copiar isto e colá-lo. Esta pode ser a nossa compra de botão agora ou check-out. Vamos verificar, verificar. Tudo bem, então aqui está o check-out. É como que horas menores ajuste fino nosso espaçamento e layout e, em seguida, confira esse tipo de são chamados de ação que irá para uma página separada, que ainda não projetamos. Vamos deixar essa fronteira mais magra, e vamos torná-la neutra. Vamos torná-lo um cinza neutro. Aqui vamos nós. Não queremos que tudo tenha uma cor diferente daquelas cores diferentes percam eficácia em termos de, hum, aparecendo. Então, queremos manter o cheque fora um dos poucos itens coloridos. Ok, então há uma espécie de opção suspensa que nós realmente precisamos se eles clicaram no ícone de compras ou no adicionar ao carrinho, se isso for preenchido automaticamente. Então vamos vincular essas duas páginas. Então, quando o usuário clica em, ou adicionar ao carrinho ou eles clicam no ícone aqui em cima irá em frente e obter sua opção drop-down , então você. Então vamos em frente e vamos para o protótipo ou para o protótipo agora mesmo. Então queremos que isso seja clicável. Queremos que isto arraste uma transição para este estado, está bem? E depois vamos fazer. Ainda vamos fazer a torneira. Mas em vez de transição, vamos fazer animações automáticas. Nós não fizemos auto animate, e isso irá animar tipo de a opção deslizar para fora de um tipo de estado para uma rede. Outro ordenado. Mas eu não fiz isso. Lá vai aliviar e ouvir. Faça um tipo de 10,3 segundos, o que é padrão. Vê o que isso parece? Tão grande. Então vamos em frente e tentar. Vamos clicar no nosso quadro de arte para começarmos aqui. O processo clique em pré-visualização. Vamos clicar nisto. E eu deveria ter uma pequena opção de você que apareça para você. Então agora é preciso fazer a transição para trás, porque agora estamos presos a olhar para isto. Não tem como ir a lugar nenhum. Então vamos nos certificar de que clicamos de volta para que possamos. É quando podemos continuar a continuar com um processo de check-out. Ele adicionaria um novo nosso quadro, e nós temos que verificar a transição do processo para a próxima página, e você pode continuar a construir todo este site. Nós não vamos fazer isso nesta aula, mas você pode continuar com a página de check-out. Então eu vou seguir em frente e clicar nesta caixa e nós vamos ter uma transição de volta para esta página. Ok, então agora que clicamos em jogo de braço aqui, nós não vamos ficar presos, então vamos em frente e clicar aqui, clique fora dele, e nós vamos ser capazes de continuar a circular através dele, clique fora, e, em seguida, eventualmente, nós vamos ter que check-out sangue levar para outra página para que eles serão capazes de clicar em qualquer lugar fora para ser capaz de falar muito fora e a mesma coisa para adicionar ao carrinho. Você volta e tem o nosso botão adicionar ao carrinho. Vamos em frente e agrupar isso. Temos uma pequena fronteira aqui. É um grupo que juntos. Certo? Então esse é um grande botão, e isso vai fazer a transição para aqui. A mesma coisa auto animar. Ótima. Então, agora que vamos jogar, vamos passar por todo o nosso processo. Então eu vou ser Zara. Vou ser a nossa pessoa de utilizadores. E eu estou interessado em verificar este produto já. Anúncio de música sobre isso e a carne. Hum, eu não tenho certeza. Deixa-me dar-te todos os produtos, está bem? Eu realmente quero o Teoh. Verifica o cobre. Ok, aqui está o cobre. Tudo bem. Então eu quero ser capaz de adicionar o cartão. É quando você começa a testar. Você começa a ver links que não são circulados através, então eu gostaria de ser capaz de ligar isso para a nossa página de carrinho de compras. Então isso não será problema, porque eu estou no modo protótipo e é bem aqui. Quero ser capaz de ligar isso a este processo bem aqui. Certo. Então, agora vou voltar ao meu processo, certificar-me de que não há nenhum centro de comprimento, não é tarde. Aqui estamos nós. Sim, posso ver todos os produtos. Ótima. Volte para casa ou eu posso clicar no logotipo. Eu posso ir para baixo cobre clássico e tipo Seymour. Já que esse é o produto em que meus usuários estão interessados. Ok, eles jogam fora. Poderíamos fazer isso clicável e mostrar a parte de trás do produto. Podemos fazer isso ou podemos adicionar ao carrinho. Há um tipo de nosso cartão. Poderíamos clicar em qualquer lugar fora de um cais e uma transição para trás, e então clicar no logotipo e começar o ciclo todo contra. Não temos um bom ciclo completo. Nós não estamos. Não vamos a um beco e ficamos presos. Nunca queremos fazer isso. Quando você tem uma apresentação para o cliente, você quer realmente mostrar-lhe o site como o que acontece se clicarmos aqui? O que aconteceu será capaz de ligar tudo o que puder para mostrar-lhes. Bom produto acabado. Uma ideia. Então agora que cliques aqui e agora de volta a este ciclo. Então, sim, tivemos mais tempo. Podemos continuar a construir o processo de check-out, check-out página e realmente entrar na experiência do usuário quando você chegar ao produto, check-out processo e quão simples e fácil esse problema quer torná-lo o mais fácil possível . Mas por agora, é um tipo de dar a você um tipo de ferramenta diferente que você pode usar para tipo de expandir seu tipo de habilidade digital Set um pouco. Já estive no Adobe X'd. Você poderia impressionar um cliente se mostrasse a ele. Ah, simulação do site. Isso já é um tipo de arame vivo que você pode mostrar a eles. Eles vão se sentir como se os sites já estivessem prontos. Eles vão querer provar isso, então eles têm um programador ou mesmo que seja você mesmo. Se você tem essas habilidades de programação para ser capaz de fazer isso uma realidade, se é um lado WordPress ou se é um site personalizado, CMS. O que quer projetar para o seu cliente? Então, lá vai você. Espero que aproveite Esta pequena seção rápida continuará a ir e clique no criar outras placas de arte e criar diferentes pressupostos alterados. Como neste caso para Ah, este pequeno ícone. Poderíamos fazer isso clicável para outra página que mostra a parte de trás da nossa lista de ingredientes. E então terminamos. Então, muito obrigado por se juntar a mim nesta aula. Eu realmente gostei. Se você se juntar a mim para todo o processador de cérebro, você se junta a mim por justiça. Web design. Com sorte, eu vou continuar lançando fora de guerra coisas Adobe X que eu realmente amo. Pode sair com uma masterclass muito em breve. Então, de qualquer maneira, aproveitando.