Tendências de design em 2021 e como criá-las!

1. Pré-visualização do curso: Passei por milhares de projetos e sites para procurar temas e tendências comuns. Chegando em 20-20. Tendências geralmente desenvolvidas devido a uma evolução na tecnologia ou novas ferramentas e software comum que facilitam a realização de certos efeitos ou estilos. Tomemos por exemplo, os efeitos de vidro fosco vistos ultimamente. Usando o Adobe XD, um programa para criar layouts de aplicativos para dispositivos móveis e Web. Você pode criar esse efeito e apenas alguns segundos. E criaremos nossos próprios efeitos de vidro fosco e aplicaremos uma animação simples para criar o projeto. Você vê aqui. Dimensões da Adobe no início de 2020. Fora do recurso Efeito de tipo, onde você pode adicionar rapidamente objetos de texto 3D. Você pode alterar a iluminação do material para obter alguma topografia bastante impressionante que salta da tela e é incrivelmente fácil de fazer isso. Vemos tendências e topografia como o uso de fontes condensadas. Nós estaremos cobrindo alguns dos meus favoritos fácil de encontrar base tipo condensado para que possamos criar um par de mensagens rápidas e eficazes no Instagram. Por último, vamos cobrir tendências e cores. Discutiremos como a cor está assumindo. Não apenas uma escolha de cor, mas realmente uma cobertura total de cores em superfícies de design. E falaremos mais sobre o que isso significa quando estudarmos tendências. Não apenas para perseguir a próxima coisa legal, mas também para se tornar relevante como designers que podem seguir em frente em vez de apenas ficar parado. Então, vamos rever alguns dos temas de design e tendências que vejo passando para o ano de 2021. Não só isso criará essas tendências, fazendo projetos rápidos e emocionantes para cada grande tendência. Então, vemo-nos na próxima lição. 2. Tendências em cor: 20-20 com um ano difícil. Foi um ano sombrio e muito isolante para a maioria de nós. E a maioria de nós fez grandes mudanças em nossas vidas devido ao disfarce 19. Alguns de nós mudaram de carreira e alguns podem ter se mudado para estar mais perto de um sistema de suporte. A única coisa que gostamos sobre 20-20 é que acabou em 2021, está aqui. O tom de pan sai com uma cor a cada ano e o rotula como uma nova e quente cor da moda. E 20-20 tom pan selecionou esta cor azul clássica. Dole e blues escuros podem evocar uma sensação de calma e confiança. Eles também podem indicar tristeza e solidão. Pantone não sabia sobre COBIT 19 e iria mudar o mundo naquele ano quando eles selecionaram esta cor. Mas acho que foi uma cor muito adequada que combina com o clima daquele ano. Em 2021, o tom pan selecionou este amarelo mais vibrante, emparelhado com este tom médio constante cinza. Os turistas de Leah Eisenmann, o diretor executivo do Instituto de cor Pantone, disse isso, a união de um cinza final duradouro com um amarelo vibrante iluminando expressa mensagens de positividade apoiada pela fortaleza, prático e sólido rocha, mas ao mesmo tempo, aviso e otimista. Esta é uma combinação de cores que nos dá resiliência e esperança. Enquanto estudamos em muitas lições que eu ensino sobre teoria do design e teoria cor é que amarelos são cores difíceis de usar, mas eles evocam uma sensação de energia, esperança e otimismo e exatamente o que todos nós estamos precisando após ano de azul. Mas o que descobri ao pesquisar tendências e projetos não é apenas os tons mais brilhantes e vibrantes que surgirão, mas é uma cobertura de cores mais total em um projeto. Isto significa que os desenhos embalados, por exemplo, serão mais expressivos e dedicarão mais do espaço total de design à cor em geral. Tomemos, por exemplo, a embalagem que pesquisei e armazena. Alguns produtos podem fazer bem usando uma apresentação brutalista mais moderna foi fundo branco gritante e topografia simples. Isso é ótimo se ecoar o estilo da sua marca. Mas eu encontrei produtos que tinham mais cobertura total de cores na embalagem realmente, realmente chamaram minha atenção. O design da embalagem que vi foi ilustrativo, esperançoso, excitante e simplesmente legal. Se o produto tiver uma série, então a cor foi usada para denotar um sabor ou tipo diferente de produto. Também podemos ver isso em projetos de design digital, como projetos de aplicativos móveis e sites. Menos espaço em branco simples é usado e mais fotos e fundos coloridos e manchetes são usados. Elementos de design mais coloridos espiam os fundos e muitas cores de alto contraste estão sendo usadas. Cores neutras como os bronzeados de Grey pareciam ser populares nos últimos anos. Acho que veremos cores menos neutras no lugar de tons mais saturados. Em 2021. A seleção de cores pode ser difícil como designer, algumas cores combinam, acompanha a indústria, enquanto outros, eles estão puramente lá para evocar certos pensamentos ou emoções. Eu acho que entender as questões globais que nos afetam pode ajudar a orientar ou escolher cores para avançar. Especialmente nos momentos em que todos sentimos como se estivéssemos afetados igualmente. Como eles vêem, mais designers dedicam áreas de seu design à cor. Eu vejo isso como uma maneira de trazer mais alegria, esperança e luz e um mundo que precisa desesperadamente. 3. Tendências em tipografia: Essa próxima tendência, que afeta a topografia. Como prática, as pessoas têm muito a dizer nas mensagens das redes sociais. Somos ensinados a ser autênticos e genuínos e expressivos de nossos sentimentos nas mídias sociais para sermos relevantes e compartilháveis. Tudo isso leva muito espaço e eles raramente podem ser feitos em frases simples muito curtas. É aqui que as faces laterais condensadas podem ser muito úteis. Tomemos por exemplo, este tipo de letra para um post no Instagram. Este é o conceito de variável Acumen e tem uma largura de caractere padrão que corresponde a outros tipos de letra e sua classificação. As fontes condensadas usam larguras de caracteres mais estreitas, permitindo que você ajuste mais caracteres e um espaço total. Esta imagem usa o mesmo tipo de letra, mas uma versão condensada do mesmo tipo de letra. Posso incluir minha manchete e ainda tenho espaço na parte inferior para um visual ou foto. Surpreendentemente, ambos usam o mesmo tamanho 50 para o tamanho do tipo. Que diferença faz usar um tipo condensado. post do Instagram está se tornando repleto de informações à medida Saves se torna mais importante e valioso que Quando você salva uma postagem, é porque ela tem muitas informações que são difíceis de lembrar. Então você pode guardá-lo para mais tarde. Instagram leva os salvos a sério e decide que as postagens com mais salvos devem ser mais envolventes. Portanto, eles tendem a classificar estes post mais alto em busca. É por isso que você vê a tendência de usar topografia condensada. Há razões práticas lógicas pelas quais as tendências emergem, e este é um grande exemplo disso em ação. E com qualquer tendência você vê as pessoas empurrando ainda mais. É quando vemos exemplos dramáticos de fontes condensadas, como as que estão sendo usadas aqui. Alguns deles são faces de tipo personalizado e alguns são apenas desenhados à mão ou ilustrados em vetor. Esses caracteres alongados permitem que a topografia tome o estágio central, criando uma tensão interessante e um espaço normalmente em branco. Outro desenvolvimento é o uso do tipo de contorno. Isso permite que áreas por trás do tipo sejam vistas, mas também permite que elementos de topografia sejam sobrepostos. Mais uma vez, nos dá mais espaço em nosso design. Eu também vejo isso usado muitas vezes e design de movimento e curto tipo de esboço de vídeo agarrando atenção emparelhado com tipo sólido, fazer vídeos super interessantes. O que eu acho que é único sobre o tipo de contorno é como o contorno traz mais foco para as formas de caracteres. Isso significa que a tipografia pode se tornar uma presença mais forte e o design. Vamos explorar algumas fontes condensadas populares e comumente vistas que você pode encontrar e começar a usar em suas postagens de mídia social estará criando vários exemplos de nossa lista. E podemos ver como podemos encaixar manchetes mais longas em áreas menores e ainda permitir que o design respire e aproveite as margens adequadas em espaços em branco. Você também aprenderá como integrar a tipografia de esboço para que possamos criar apresentações de tipo únicas. Então vamos direto para o Adobe Photoshop. 4. Copos e Frosted fosco e vidro: A próxima tendência que vamos abordar é chamada de morfismo de vidro ou elementos de design de vidro fosco. Há algo realmente interessante em olhar através de um objeto para ver a luz refletida através dele, e ver essa pequena distorção, assim como olhar através de uma janela fosca. Parece muito novo e fresco. E esta tendência de design em breve estará assumindo. Em 2020, eu falei sobre como algo chamado ceumorfismo estava se tornando uma tendência popular de design de interface de usuário. Como estudamos no ano passado, esta é a arte de fazer objetos parecerem táteis e mais realistas com efeitos adicionais, sombras e destaques. Isso pode incluir botões, bordas e ícones. Isso evoluiu para um novo morfismo, que vimos popularizado e 20-20 com seus temas de cores mais monocromáticos. Quase oito aparência brilhante e brilhante. morfismo de vidro é outra evolução desta tendência e dá alguns passos à frente, adicionando elementos de transparência aos objetos. Isso cria um efeito de vidro fosco que permite que objetos sejam distorcidos atrás do vidro, dando aos objetos uma enorme quantidade de profundidade neste espaço. O que é realmente interessante sobre esta tendência é que permite que gradientes de fundo e texturas sejam vistos mesmo quando bloqueados por objetos de design, botões e caixas. Isso pode empurrar objetos de fundo para frente, mantendo a visibilidade de objetos importantes na parte superior. Isso permite um espaço quase 3d. Em 2D. Você pode ver que este conjunto de ícones usa vidro fosco para permitir que o círculo vermelho ainda seja visto escondido atrás do círculo superior. Este efeito pode funcionar bem em humores escuros e claros, que é essencial para qualquer estilo de interface de usuário nos dias de hoje. Até agora, essa tendência tem sido vista com layouts de aplicativos móveis e web design, como visto aqui neste exemplo de projeto. Acho que o que o torna eficaz é selecionando apenas alguns objetos para ser transparente. Nesta interface de usuário de modo escuro, o fundo tem um leve efeito de vidro fosco. Em mistura, o design mantém o foco. Por que ainda tornar tudo legível e fácil de usar? Estas páginas de destino do site são apenas alguns pequenos toques do vidro fosco para tornar esta ilustração de sentir mais em camadas, mas nunca sobrecarrega o design. Este exemplo permite que o gráfico de fundo texturizado vibrante seja visto através do design. Mas o efeito fosco ajuda a manter o texto legível e visível. Este é um efeito difícil de retirar e a maioria dos softwares, porque você tem que adicionar este efeito de vidro fosco camada por camada manualmente. Mas o Adobe XD tem um recurso onde você pode criar efeitos de vidro geada ao vivo. Vamos criar um animado que elementos de IU de vidro usando esta ferramenta. É surpreendentemente rápido e fácil de começar a usar. Prometo que vai demorar apenas alguns minutos e vidro fosco ou aparecer de repente na sua tela. Então, vemo-nos no Adobe XD. 5. Tipografia 3D: Em 20191, minhas previsões de tendência de design era ver mais objetos 3D e design. 3d é o que eu considero uma tendência macro ou uma tendência que pode abranger anos, se não décadas. Acredito que estamos no meio de uma super tendência 3D de 10 anos. Isso ocorre porque houve muitos avanços no software 3D para torná-lo mais acessível e fácil de usar. Há um software de movimento 3D gratuito chamado liquidificador que dá a qualquer pessoa acesso a ferramentas de criação 3D sem qualquer custo. E é por isso que estamos vendo uma explosão não apenas de objetos 3D, mas agora topografia 3D. Como mencionado anteriormente, dimensões Adobe e início 20-20 saiu com um novo tipo de recurso de objeto 3D, onde você pode rapidamente fazer qualquer tipo de face como um objeto 3D. Você pode aplicar vários materiais e skins a este objeto 3D para torná-lo hiper realista. Em 2019, quando falei pela primeira vez sobre objetos 3D como uma tendência, usamos o Adobe Photoshop para criar objetos 3D simples. Photoshop é ótimo para fazer o que, 30 projetos, mas a tendência em 2021 vai se concentrar mais no olhar topográfico hiper-realista. Isso significa que o tipo 3D terá materiais de iluminação mais realistas, refração, reflexões, outros efeitos que antes são impossíveis com custos mais baixos, software esperar mais chanfros e tipo 3D. Isso cria camadas complexas que adicionam profundidade e riqueza. Também pode tornar o tipo de preenchimento mais rounder e mais suave. Eu acho que vamos começar a ver materiais menos super brilhantes sendo usados, mas mais esteira ou efeitos brilhantes baixos, dando tipo uma sensação tátil. Haverá mais experimentação com texturas e formas dentro do tipo 3D. Em vez de usar apenas um único material simples em um personagem. À medida que o software melhora a aparência de luz e sombras e 3D, você notará mais refração, vidro e caracteres com transparência também. E vamos criar nosso próprio pôster de topografia 3D usando dimensões da Adobe. Vamos empilhar são letras, que eles se mantêm para criar um design unificado. Vejo-te nas dimensões da Adobe, e isto é muito mais fácil do que pensas. Então, vemo-nos na próxima lição. 6. Projeto #1 - Posts de mídia social - Tipo condensado: Bem-vindo ao primeiro projeto nas tendências de design 2021 lições. O que eu queria fazer é fornecer um projeto prático que combina bem com a tendência de que estou falando. Assim, você pode ter algo tangível que você pode começar a implantar em seu próprio trabalho gráfico. Então, uma coisa comum que eu encontro é postagens de mídia social, algo que todos precisam aprender a projetar em algum momento. E eu queria falar sobre tipos de letra convencidos aqui. E assim eu tenho isso como um recurso para download. Pode ir em frente e pegar isso aqui. Onde quer que você encontre os recursos para download nas lições. E eu tenho acesso a dez ou mais tipos condensados que são muito comuns definidos. E há dois lugares onde encontrei esses tipos. Tentei manter o mais simples possível. Há fontes Adobe e também fontes do Google. Então você pode ir para o Google Fonts, eles estão abertos para qualquer um. Qualquer pessoa pode baixar as fontes do Google. E para as fontes da Adobe. Qualquer pessoa que possa fazer isso, se você tiver uma assinatura da Adobe Creative Cloud, se tiver essa assinatura, poderá acessar todas as fontes da Adobe. E, claro, se você sabe o que procurar, tudo que você tem a fazer é digitar condensado e qualquer tipo de gato tuck de lugar onde você pode encontrar fontes e você deve ser capaz de encontrar muitos disponíveis. São tipos de letra e tipos de letra bastante comuns. Então aqui não estamos o Adobe Photoshop. Vamos criar um quadro de arte simples para um post no Instagram. Então vamos para o Arquivo Novo e vamos fazer o 1080. Em 1080, eu gosto de fazer uma boa alta resolução porque você nunca sabe quando você vai estar precisando usar isso. Então, temos boa resolução nítida e praticamente tudo o resto padrão. Vamos em frente e criá-lo. E eu quero tentar encontrar uma foto. O que eu quero fazer é ter uma manchete simples, muito curta para que possamos tipo de prática é tipografia condensada. Vamos criar isso que você vê aqui. Vamos emparelhar a fonte, uma manchete com uma foto. Então vamos em frente e encontrar uma foto. Eu adorava encontrar todas as minhas fotos de pixels.com. Esta é de Marcello Diaz. E o que eu quero fazer é em vez de fornecer um link diretamente para isso, você pode simplesmente digitar o nome do artista ou o nome do fotógrafo e encontrá-lo porque muitas vezes fotógrafos removeram suas fotos e isso faz com que links não funcionam e quebrados. Então, em vez disso, você pode fazer isso ou você pode digitar em fundo preto. Vamos fazer como um postes de fundo preto escuro. Então você pode usar qualquer um deles como assunto, apenas tentando encontrar uma foto que possamos facilmente isolar e colocar um novo fundo por trás dela. Agora que temos a foto carregada, vou desbloquear a camada. Eu só vou copiar o comando C. Eu estou apenas copiando, e eu vou trazer isso para meu documento em branco e ir em frente e clique em OK. O que eu quero fazer é clicar com o botão direito do mouse e gosto de converter tudo em objetos inteligentes, especialmente fotos quando eu reduzi-los apenas para manter a resolução original e não borrar quando eu tento torná-lo maior novamente, alguns, se Eu decido torná-lo maior, e eu quero ir em frente e isolar o sujeito aqui. maneira rápida de fazer isso é ir para selecionar assunto. Eu uso isso muitas das minhas lições, então vamos fazer uma boa seleção rápida. E eu escolhi esta foto porque facilmente, ela não funciona muito bem com esses algoritmos selecionados como o algoritmo de objeto. Então vou fazer um atalho de comando rápido. Vou fazer o Command J. e é bom cortá-la automaticamente, cortar, fazer a seleção, e criar uma nova camada no topo. Então agora eu a tenho como uma nova camada em cima. Você também pode usar uma massa em camadas para fazer a seleção para que você possa voltar e editar se ele precisava ter tudo selecionado. Eu posso ir até aqui para a minha máscara de camadas, apenas fazer uma máscara de camadas rápida. E eu só mando bem ali. Eu gosto de camadas de massa porque você pode simplesmente excluir a máscara de camadas e, em seguida, obter a foto original de volta. Então, seja qual for a maneira que preferir, e pegue minha ferramenta de retângulo. E vamos fazer uma espécie de, vamos tirar uma amostra. Eu gosto de tirar amostras de imagens em vez de usar apenas preto. Vamos obter inspiração, inspiração colorida da própria foto. Então vamos pegar a ferramenta conta-gotas. Vamos provar um desses pretos mais escuros, cinza. E eu vou pegar a ferramenta retangular e fazer o fundo e trazer isso para baixo e sistema de aprendizagem, é um bem simples até agora. Então vamos usar nossas fontes condensadas. Então, temos muitas escolhas diferentes. Tenho-os todos disponíveis aqui. Então eu posso facilmente pegá-los, aqueles que eu fornecia na lista. Então vamos meio que passar por alguns destes são mais condensados do que outros. Então é quando não está tão condensado. A largura é um pouco maior do que a acima, mas eles terão características e estilo diferentes. Alguns deles são uma espécie de peso mais fino e alguns deles são muito mais ousados. E eu quero ir com o tipo condensado de pedregulho, Joyce. Então eu vou com um dos meus favoritos, que é Como. Então, como, e isso é um, eu acho que há uma versão e há uma versão B. Nós vamos usar um. Claro que você pode usar qualquer opção de fonte que você gostaria se você não tiver acesso a fontes Adobe ou você decidir que deseja usar outro tipo de letra condensada, tudo bem. Você não tem que usar este aqui. Então o que eu vou fazer é ir em frente e copiar isso já que eu já tenho isso como um texto. E eu só vou colá-lo. Vamos digitar nossa manchete. Ótimo para mídias sociais, é claro, você poderia digitar uma manchete. Isto é apenas algo que eu tinha. Então o que eu quero fazer, a primeira coisa que quero fazer é entrar em colapso. Eu realmente quero unificar esta manchete porque nós temos este espaçamento apertado entre os personagens e eu iria desfazer o espaçamento apertado entre as linhas também. Então aperte o deixando um pouco. Então, vai clicar duas vezes na minha camada de texto. Vamos mudar bem aqui a licença. Vamos arranjar um bom espaçamento. Simplesmente assim. Isso também nos permitirá tornar isso maior, um pouco mais alto impacto de uma manchete, o que é realmente importante. E então outra coisa que você quer fazer com manchetes é meio que mexer com talvez duas cores. Porque agora tudo o que todas as palavras significam o mesmo. Eles, eles, eles, eles, eles não estão quebrados em tudo como um grande bloco. Então o que eu quero fazer é talvez destacar as duas primeiras letras e torná-la uma cor diferente. E vamos manter o topo, uma espécie de cor laranja avermelhada. E vamos para o fundo. E gosto de encontrar inspiração nas fotos. Então eu só vou provar um desses azuis talvez um pouco mais claro azul. E isso pode entrar no meu seletor de cores e torná-lo um pouco mais brilhante. Eu adoraria encontrar inspiração e fotos porque tudo combina, todos os campos juntos quando você está. Obtendo inspiração da própria foto. Então, tem um tipo de tons legais e tons quentes. Isso é o que torna esta foto única. Então talvez eu possa gerar uma cor diferente aqui. E eu não quero que ele fique tão saturado mais tipo D saturar um pouco. Então eu vou tipo de diagonal meu seletor de cores e ir um pouco mais brilhante. Simplesmente assim. Está tentando igualar a cor quase do pôr-do-sol e depois a cor azul. Outra coisa que eu quero fazer é fazer isso se sentir em camadas. Então, em vez de ter a topografia em cima, é por isso que isolamos a mulher. Vamos trazer a mulher para cima para ela cobrir um pouco. Claro que pode ser múltiplo, sabe, lugares desde que pareça em camadas. E eu poderia tomar esse outro nível adicionando um pouco de sombra dela. Poderíamos apenas clicar duas vezes, obter o Painel de Estilos de Camada isso fazer uma sombra que projeta em um ângulo exatamente como este para fazer parecer que ela está lançando uma sombra na topografia muda a distância eo tamanho já está em um nível tão alto. Assim, nós meio que adicionamos um pouco de sombra e mudamos o ângulo para que ele mostre uma sombra lançando essa direção. E eu provavelmente posso limpar essa seleção um pouco. E não era a seleção perfeita. Eu usaria a ferramenta de caneta para limpá-lo se eu quiser fazer. Então, eu quero praticar um pouco de emparelhamento de fontes. Então temos esse tipo muito ousado, condensado e apertado. Vamos encontrar um tipo de letra Serif para realmente emparelhar bem com isso, para um pouco tonificá-lo. Então vamos ter um pequeno subtítulo, fontes condensadas. E vamos torná-lo uma cor branca ou talvez nem mesmo um branco gritante, mas um tipo de cinza claro apenas para meio que tonificá-lo. Vamos usar uma exibição Brill do Brill display. É uma espécie de tipo serif clássico agradável. E podemos até tornar isto em itálico. Acho que seria um bom toque para um tipo de letra Serif. Com as redes sociais, às vezes você tem outras pequenas coisas para dizer. Algumas pessoas também têm seu Instagram lidar lá ou eles têm uma hashtag que eles estão promovendo ou um compartilhamento salvar como tipo de informação. Isso provavelmente seria uma boa indicação de um pequeno subtítulo que você poderia colocar lá. Vamos duplicar isto. Vamos ter apenas mais um elemento. Então, podemos quase fazer isso como um modelo que alguém pode trocar o que eles gostariam de usar. Vamos fazer um número. Talvez seja parte de uma série, talvez seja parte de um carrossel. Algo ao longo dessas linhas e olhe para o tipo condensado. Então eu normalmente nunca seria capaz de colocar algo tão grande. Dois dígitos, dois caracteres. Eu normalmente não seria capaz de encaixá-lo nesse espaço estreito, mas porque este é um tipo condensado, funciona muito bem. E então o que eu vou fazer é eu vou vasculhar tudo porque isso é muito perto da margem. Eu gostaria de ter muita margem em torno das minhas bordas que apenas parece mais profissional. Então eu só vou tipo para selecionar tudo e apenas pegar minha tecla de seta esquerda do teclado e apenas tocar nele. Tipo obter margens semelhantes se você realmente quer ser detalhado com ele. Eu acho que eu tenho minhas réguas fora e eu tenho minhas réguas em cima e minhas réguas em baixo. Posso clicar e segurar. E eu posso ser realmente técnico em termos de minhas margens e obtê-los para ser muito semelhante em largura. Mas geralmente conceder postagens nas redes sociais é, tem que ser rápido, rápido, rápido. Então, aqui vamos nós. Fizemos isso muito rápido. Vamos fazer mais alguns aqui em breve para que possamos praticar talvez alguns contornos topográficos também. 7. Projeto #1 - Posts de mídia social - Tipo Condensado - parte 2: Estou de volta ao pixels.com. Eu apenas digitei em fundo preto e a pesquisa e encontrei outro grande para usar para as mídias sociais, podemos fazê-lo como uma citação de motivação Jim. Então eu tenho esse fundo preto e vá em frente, baixe essa foto e traga-a. Ele já não está no Adobe Photoshop. E vamos isolar Hertz. A primeira coisa que eu gosto de fazer, então eu vou apenas ir em frente e clicar duas vezes em Lockett e apenas fazer um seleto assunto e faz este incrível algoritmo de seleção. E eu vou criar um novo quadro de arte. Então, tudo o que vou fazer é quando criei o novo documento, criei um quadro de arte. E então tudo que eu tenho que fazer é clicar no topo do quadro de arte aqui. E eu tenho a ferramenta de arte selecionada. E eu vou simplesmente criar um novo quadro de arte. E vai fazer o mesmo. 1080. Em 1080, eu posso continuar a criar quantos eu quiser. Posso até fazer um carrossel. E o que é ótimo é se eu fizer dez desses, que é o máximo que você tem permissão para ter no Instagram e ir para File Export como. E posso exportar rapidamente todos os dez postes do meu carrossel. E você também pode criar modelos realmente excelentes. Mas isso é um projeto totalmente diferente para outro dia inteiro. Então, aqui estou eu no nosso conselho. Tim vai colar o que eu tinha. Vou fazer o Comando V. Vá em frente e clique em OK. Vamos em frente e tentar pensar em uma manchete que possamos colocar aqui. E eu já volto. Então eu digitei apenas uma espécie de citação genérica. Não existe tal coisa de trabalho desperdiçado. Vamos tentar integrar esta topografia à volta da mulher. E então isso é apenas Helvetica, apenas uma espécie de padrão regular, tamanho regular. Então, quando eu faço isso maior, você pode ver como ele ocupa tanto espaço. Vai ser difícil encaixar nisso e ter espaço suficiente para ela estar, para mostrar todo o seu corpo. E é aí que os tipos de letra condensada realmente são úteis. Então, vamos voltar para a nossa lista. Vamos voltar para a lista que eu tinha. Vamos encontrar um que seja bastante condensado, mas talvez algo diferente de co-movimento que está tentando encontrar algo um pouco diferente. Vamos tentar este aqui. Vamos digitar isso. Lá está ele. E vamos ser ousados. Mas pode ser negro. Preto é sempre o maior tamanho. Vamos apenas ver aqui. Acho que vai funcionar, que vai ter o maior impacto. Há um monte de lacunas entre o arrendamento aqui, então vamos apertar o arrendamento. Então eu estou apenas usando minhas teclas de seta para que eu possa rapidamente tocar através dos tamanhos de deixando. Então veja como a manchete termina aqui. E a Helvetica estava rastejando para o lado direito da senhora. E apenas uma nota lateral, você pode derrubar um desmoronado essas diferentes placas de arte. Então, se todas as camadas começarem a se cruzar e você ficar confuso, você pode simplesmente colapsar a primeira placa de arte aqui. E você pode se concentrar no quadro de arte que você está trabalhando, que é arte também. Então já temos o nosso isolado. Trouxemos isso quando começamos. Então vamos trazer isso para cima da tipografia. Então nós vamos apenas posicioná-lo para que você ainda possa ler o texto. E é aqui que fica um pouco complicado porque você não quer cobrir partes vitais da tipografia. Então, deixe-me mover isso. Eu também posso, é claro, eu provavelmente iria voltar e limpar essa seleção um pouco, mas vamos em frente e selecioná-la. Ann vai clicar duas vezes e puxar os Estilos de Camada. Vamos ver se podemos fazer uma sombra rápida. Vamos mudar o ângulo para que seja lançado para baixo. E eu acho que isso é muito bom com a distância. Isso é, ele salvou da última vez que eu fiz isso em nosso quadro um. E vamos apertar o tamanho para que seja um pouco mais distinto. E vamos nos certificar de que temos margem igual em torno das bordas só para ter certeza de que não estamos fechando dessa maneira e parece desequilibrado. Não queremos que nada pareça desequilibrado. Eles só estão tentando encontrar um bom espaçamento igual. Então vamos trazer para a textura. Isso é algo que está gritando por algum tipo de textura naquele fundo preto. Então vamos e pixels e baixar a primeira textura. Vejo que acho que é corajoso o suficiente para uma espécie de citação inspiradora do Jim. Na verdade, acabei indo com algo abstrato. Então eu só digitei abstrato e pixels e eu fui capaz de obter algo assim. O que ele gostava sobre ele como tinha aquela textura corajosa, mas também tinha diferentes bolsos de cor. Então não era apenas um sólido tipo de textura repetitiva, ele meio que tinha algo diferente sobre isso. Então eu vou fazer o download disso e trazê-lo para dentro Eu só estou arrastando isso direto para o quadro de arte para apenas ir para expandi-lo. E vamos fazer um modo de mistura rapidamente, aplicar a textura em cima da topografia. Mas acho que não quero cobrir a mulher. Então eu vou usar um modo de mistura para encobrir tudo rapidamente, incluindo a topografia e quando dar ao tipo um pouco de ganância também. Então eu estou apenas em meus painéis de camadas vai fazer o modo de mesclagem. Vamos ver que tipo de dá a ele o olhar corajoso sem exagerar como se isso fosse meio exagerado. Então eu já estou pensando em luminosidade. E vamos, isso vai manter um pouco mais cinza que vai se livrar da cor que já estava lá. Vai meio que dessaturar de certa forma. E eu vou trazer a opacidade para baixo. Eu só quero que isso seja uma textura sutil como essa. Então eu uso Luminosidade 17% com essa foto. Claro, eu posso arrastar isso por aí para ver o tipo de que eu gosto sobre isso como tem um tipo de coisa acontecendo aqui. Este pequeno Stark aqui. Então eu meio que gosto desse contraste diferente no fundo. Então, uma coisa que vou fazer é que algumas das texturas parecem distrair um pouco a mulher. Então eu só vou trazer a mulher acima da textura. Então ela parece um pouco mais limpa no fundo, parece um pouco mais de clareza. Acho que gosto dessa sensação de contraste. Então o que eu quero fazer, e eu faço o slot em outros projetos, eu faço, eu faço isso em um projeto de miniatura do YouTube, mas eu gosto de pegar as pessoas, especialmente quando você tem uma espécie de manchete de alto contraste de cor e fazê-las Preto e branco. Então a cor da manchete realmente, realmente, realmente aparece. Então eu vejo que eu não tenho isso como um Objetos Inteligentes de alguma forma. Talvez quando isolei a mulher, tenha se livrado do objeto inteligente. Isso não é grande coisa. Posso clicar com o botão direito do mouse na minha camada Converta isso em objetos inteligentes. Então, se eu fizer algum tipo de ajustes, ele não será ajustado permanentemente, ele ainda salvará o arquivo original. É por isso que fazemos objetos inteligentes. Então, agora que clicamos com o botão direito do mouse e fizemos um objeto inteligente, vamos até nossos ajustes e nos permite fazer um simples preto e branco. E nós vamos seguir com o curso padrão. Podemos sempre sentar aqui e ajustar certas cores e sombras. E faremos isso outra hora. Então, agora que eu fiz um objeto inteligente, agora ele tem um filtro inteligente e eu posso facilmente levar isso para dentro e para fora, e é muito fácil voltar para o que tínhamos. Então eu já fiz isso antes do tempo. Eu fui em frente e mudei isso para amarelo. Eu pensei que amarelo e preto realmente ajudaram a torná-lo pop. E eu queria acabar com a manchete. Eu gosto de quebrar manchetes porque se tudo isso fosse branco, ficaria muito apagado. Se fosse tudo amarelo, seria demais. Então eu acho que este tipo de olhar tom é um bom equilíbrio. E acho que falta alguma coisa. Então eu adoraria adicionar apenas um pouco de pop de cor. E quando eu penso em amarelo, uma cor de elogio na roda de cores é azul, seria se nós adicionássemos apenas um pouco de azul aqui neste tipo de área em branco, espaço em branco. Então, o que vou fazer, sou um quadro de arte. Eu vou criar uma camada no topo muito, muito, muito. E eu vou pegar um pincel redondo macio. Então vou pegar minha ferramenta de pincel. Vou torná-lo muito grande, muito grande, talvez até maior do que isso, talvez até 1500 pixels de tamanho. E eu vou pegar uma cor azul e eu posso até pegar essa cor azul, talvez uma dessa cor azul bem aqui, tipo como isso parece. E vai pegar minha ferramenta de pincel de novo. Eu só vou clicar uma vez pintar. E eu vou usar, e eu poderia até fazer um pouco mais escuro, azul mais profundo, na verdade. Então eu estou apenas fazendo alguns ajustes, clicando uma vez e eu vou usar um modo de mesclagem para ser capaz de misturar isso bem. Então deixe-me ir em frente e usar a tela. A tela vai ser brilhante. Um pouco deixa brilhante. E nós vamos diminuir o tom. Então vamos cortá-lo em metade da opacidade. Vou cortá-lo em metade para 50%. Então não é tão esmagador porque eu vou diretamente para o fundo azul. Bem, nós não queremos isso. Queremos que a IA fique aqui na manchete. Então vamos fazer um sotaque e deixá-lo aí. Podemos aguçar que apenas fazendo alguns ajustes de última hora, podemos afiar essa textura. Adoro afiar texturas. Vamos dar a ele aquele olhar realmente de alta resolução. Então eu tenho isso e eu vou apenas ir para Filtro e já não salvei nitidez. E eu também gosto de afiar minhas fotos para apenas uma vez, apenas uma nitidez rápida, meio que apenas misturá-lo realmente. Então você pode ver um pouco mais dos detalhes quando você afiar algo. Então essa é uma rápida usando topografia condensada. Se não usasse condensação para isso, essa manchete pareceria maluca. Tenho certeza que há algumas oportunidades legais para trabalhar na manchete, mas vamos passar para mais um pequeno projeto. Vamos praticar a topografia do esboço. E é muito, muito fácil e Adobe Illustrator. Então eu vou aparecer no Adobe Illustrator. Então, digamos, vamos criar um novo documento muito rapidamente. Vou mostrar como é fácil no Adobe Illustrator e como no Photoshop não é exatamente intuitivo. Então aqui um ilustrador, nós apenas digitamos em tipo delineado. Só estou fazendo parafusos Helvetica. Então, se eu quisesse fazer isso delineado, vamos torná-lo um pouco maior. Eu só desço aqui, faço um derrame. Quero dizer, isso é muito fácil. E eu tenho meu painel Traçado e eu posso adicionar bordas arredondadas e eu posso torná-lo mais espesso. Como se fosse tão fácil fazer um ilustrador. Mas no Photoshop, você realmente não tem essa opção de traçado na topografia se já notou. Então vamos falar sobre isso a seguir. 8. Projeto #1: posts de redes sociais - Outlined: Então este é o mesmo fotógrafo da última foto do Jim. Vamos fazer um diferente. Este eu acho que podemos cortar para ter um alto impacto em uma espécie de dimensão quadrada. Então eu vou em frente e baixar este aqui. Vamos em frente e torná-lo um pouco maior. Vamos em frente e começar a cortar isso. É meio que tê-la no centro porque é uma ótima oportunidade foto para centralizar alinhar é uma bela foto simétrica. Então vamos manter o centro alinhado. E vamos ampliá-la porque temos uma imagem ampliada meio que perdemos o impacto emocional. Então, com muitos dos meus projetos, eu gostei, amplie quando eu posso ter mais impacto emocional. Então eu vou ter, e se este fosse você em 30 dias, meio que um desafio de 30 dias para o ginásio. Como você poderia parecer em 30 dias? Então, aqui vamos ir em frente e datilografar isso. Então vamos em frente e copie e cole. Torne esta uma caixa de texto diferente. Então, vamos manter pressionada a opção e arrastar para criar uma duplicata. E vamos fazer os 30. E é aqui que quando a topografia condensada, você pode gostar dos personagens, mas ela pode não gostar dos números. Então você pode gostar das letras, mas não dos algarismos. Então, neste caso que 30 parece realmente meio imaturo em eu não sei por quê, quero dizer como um grande personagem, mas os números não gostam nos três. E tudo bem, é quando podemos entrar e vamos tentar Como CO mu a. Isso parece um pouco mais desportivo, eu acho que na minha opinião. Vamos apertar o rastreamento só um pouco para combinar com a versão condensada lá em cima. E então eu acho que isso parece um pouco melhor. E vamos duplicar este top, já que gostamos de cartas e dias. E se fosse você em 30 dias? Então precisamos descobrir como trabalhar toda essa manchete. E tem muita coisa lá, então há alguns truques que podemos fazer. Já estamos usando fontes condensadas. Então vamos fazer contornos, uma sobreposição, algumas coisas para criar um visual moderno. Então, para criar texto esboçado e Photoshop, veja o que você precisa fazer. Então eu tenho esta camada selecionada bem aqui. Vou dar um duplo clique aqui no espaço vazio. Vou abrir meu painel Estilos de camada e clicar no traçado. E aqui está o truque. Isso não é muito intuitivo. Temos que ter um derrame. Então vamos dizer que queremos ter branco ou talvez como um contorno esbranquiçado. É um clique. Certo, então o que precisamos fazer é nos livrar do preenchimento lá dentro. Então vamos em frente e temos nossa camada selecionada. Vamos descer para encher. Vamos em frente e reduzir o preenchimento, que é bem aqui. Nós vamos em frente e trazê-lo para baixo para 0. E isso vai deixar o derrame. Então, se eu quiser alterar a espessura do traçado, basta clicar duas vezes nele no painel Camadas e posso ajustá-lo aqui. Então vamos dizer que eu quero torná-lo um pouco mais magro. E o que é tipo de N é uma espécie de derrame fino como este. Um pouco magro demais. Você quer ter certeza de que é legível. Então, talvez dois pixels neste ou mesmo 1,5. Muitas vezes gosto de dividir a diferença e parece que não me deixa. Então eu acho que nós vamos ter que ir com dois neste. E você pode fazer dentro, fora. Às vezes, o exterior poderia olhar muito bom para tipo de estende a espessura do personagem quando você vai dentro ou fora, e então dentro trazê-lo para dentro. E então o centro meio que divide a diferença. Então vamos ao Centro. E vamos manter tudo igual. E você pode até salvar um estilo de camada. Então vamos falar sobre isso em cursos, algumas das coisas que você já deve ter ouvido antes, mas a revisão é sempre muito boa. Então eu posso salvar esse estilo de camada. Então vamos criar um novo estilo e dizer tipo delineado. Clique em OK. Então eu guardo isso e tenho que fazer isso várias vezes. Então eu posso abrir minhas bibliotecas para que você saiba, onde posso carregar estilos de camada? Então eu vou para o estilo do Windows. Deixe-o lá está, bem ali está bem no fundo. Então eu posso clicar em dias e ir em frente e aplicar exatamente o mesmo estilo a ele. Então aqui está o que eu quero fazer. Meio que se sobrepõem a isso. Vamos colocar 30 na parte de trás. E vamos colocar um pouco de cor nisso. Vamos fazer 30 uma cor diferente. Vamos seguir em frente e manter o tema aqui. Vamos meio que ir com o mesmo tipo de cor do pôr do sol desse lado, eu acho que os anúncios rosa, tão feminilidade, alguma suavidade para ele. Então você vê quando você tem este tipo de esboço, eu posso agora facilmente ter legível. Posso ler tudo isso. Se isso foi u e 30 dias, eu ainda posso ver você e n, mesmo que isso está ocupando quase todo esse fundo último tipo do poder da tipografia delineada. Então agora eu posso colocar isso e ter isso em cima exatamente como se parecesse meio legal. E então eu quero ser capaz de integrar a mulher nisso um pouco mais. Então vamos trazer o tipo. Dê a ele o olhar em camadas. Posso deixar tudo isso para trás dela. Então ela está espreitando e eu posso adicionar sombras para parecer que ela está lá dentro. Claro que são tipos delineados. Você não vai realmente vê-lo tão bem quanto alguns dos outros estão mudando a distância e o tamanho lá está. Você pode ver um pouco de sombra espreitando por lá. E mais uma vez, vamos fazê-la preto e branco. Então deixe-me ter certeza que ela é um objeto inteligente. Clique com o botão direito do mouse Vamos fazê-la preto e branco. Você não tem que fazer isso em todas as fotos. Eu só gosto de como de repente se você tirar a cor dos 30 como realmente aparece em você. É por isso que estamos fazendo isso. É para garantir que nós, como designers, somos nós que controlamos o que o olho do espectador se concentra. Então, estamos no controle total. Assim, podemos sempre tirar a cor para trazer ênfase em outras áreas de cor. Então você pode mudar como cada vez que quiser. Você pode emparelhar um tipo de contorno com um tipo preenchido, e isso pode funcionar muito bem. Então você pode organizar isso como quiser. Você pode usar uma foto diferente ao fazer seu projeto. Quero ir em frente e pegar essa textura emprestada. Eu já meio que gosto. Então, vamos apenas trazê-lo para cima. Clique no nosso quadro três e basta colá-lo. E eu vou colocar a mulher no topo porque eu quero que ela seja legal, clara e nítida. E lá vamos nós. Há o nosso tipo de textura de fundo que podemos trazer. E lá temos. Acabamos de criar três postagens nas redes sociais. Alguns que usam fontes condensadas e outros que usam fontes de contorno e tipos de estilos e características também. Então eu acho que isso é ótimo, é uma tendência muito prática. Eu vejo isso muito desde que chegar com essa tendência são realmente meio que escolher isso como uma tendência 2021. Já vi isso em todos os lugares nas redes sociais. Isso já está em uso há algum tempo, mas eu acho que você vai ver mais porque é meio útil. Como você pode ver, é muito útil para embalar muita inflamação. Instagram realmente ama salva em vez de curtidas. Assim, as pessoas salvam conteúdo embalado, tem muito conteúdo nele. E se você conseguir encontrar maneiras criativas de trabalhar em conteúdo útil, citações ou qualquer outra coisa, isso será útil. Então você não tem que usar todos os maiúsculas um usado todas as letras maiúsculas para estas manchetes. Você não tem que fazer isso. Você pode fazer o que quiser, apenas dando-lhe algumas ferramentas e alguns projetos práticos para usar para tornar seus projetos não só mais modernos, frescos e atualizados, mas também práticos. 9. Projeto nº 2 - vidro fosco no Adobe Xd: Bem-vindo ao Adobe XD. É aqui que vamos ser capazes de criar este efeito de vidro fosco muito rápido e facilmente. Você ainda pode fazer isso manualmente e Photoshop e Illustrator, mas você precisa ter muitas camadas e efeitos diferentes e é apenas muito para configurar e realmente difícil de fazer, porque não há esse tipo de configuração automática onde você pode facilmente criar o seu efeito. Então é por isso que eu queria ser um Adobe XD. Eu ensino várias lições do Adobe XD. Tenho uma das minhas masterclass de design digital onde analisaremos todos os conceitos básicos do Adobe XD e como ele funciona e como fazer as animações funcionarem. Nesta lição vamos nos concentrar principalmente na tendência e como criar esse passo específico. Não vamos rever os conceitos básicos de como usar o Adobe XD, mas faremos esse pequeno projeto rápido para mostrar como é fácil criar esse efeito de vidro fosco. E nós também vamos criar alguns itens de interface de usuário rápido, como um controle deslizante e um botão ou para que emula este efeito de morfismo mais vidro. Então, vamos começar. Eu queria obter uma cor de fundo de alto contraste agradável para que possamos tipo de ver como nosso vidro fosco afeta o fundo. Então eu tenho essa flor amarela muito brilhante. Comprei isto do Crescido. Está em pixels.com para que você possa baixar essa foto se ela não estiver mais disponível. Há um monte de fotos ótimas que têm um visual semelhante. Eu só digitei em fundo preto e você tem muitas cores agradáveis de alto contraste, imagens de fundo de alto contraste para usar. Então eu vou trazer isso e Adobe XD menos é aberto apenas um documento padrão. Vamos em frente e fazer web. 1920 para anunciar. Isso vai ser 1920 pixels por 1080. Então, por enquanto é mais um tamanho de área de trabalho. Vamos trazer nossa foto. E eu só deixo cair. Então este será o nosso elemento de fundo. E assim é como é fácil criar isso. Eu vou apenas obter uma forma. Vamos em frente e obter uma forma quadrada simples e desenhá-la através. Quase como um cartão de crédito. Se você alguma vez olhar para cima morfismo de vidro, você verá toneladas de exemplos de cartões de crédito de vidro fosco por algum motivo, as pessoas adoram fazê-lo para cartões de crédito e projetos de cartões de crédito. Então eu vou seguir em frente e apenas clicar sobre isso e apenas meio que em torno dos cantos. Não muito, só um pouco ficando um pouco mais elegante e moderno. E é assim que é fácil. Então eu vou direto para o meu painel direito. E eu vou descer para o borrão de fundo. Vou clicar no borrão de fundo. Olhe para isso com um clique. Posso ir em frente e fazer este vidro fosco. O que é ótimo sobre isso que outros programas na suíte Adobe não têm como eu posso clicar e segurar. E de repente, uma vez que eu clique e segure, eu posso fazer um efeito de desfocagem vivo enquanto eu o movo. O que é muito legal, realmente incrível ser capaz de ter isso para que eu possa girar isso, girar tudo para que lado e ele vai continuar e manter o efeito de vidro fosco. Em outros programas, você tem que fazer isso manualmente, criando uma camada de letra atrás dela e, em seguida, desfocando-a. E então você não pode simplesmente sentar lá e apenas mover as coisas em torno de uma mudança automática ao vivo para você. Então é por isso que estamos no Adobe XD hoje. Então, quando você desce para o desfoque de fundo, você pode alterar alguns elementos aqui para mudar a aparência do vidro fosco. Então você tem quantias de desfoque. Então, se reduzirmos o borrão, vai torná-lo mais afiado. Assim, à medida que você reduz o borrão, ele dá ao vidro menos do olhar fosco. Então se, se o vidro é apenas um copo puro, você provavelmente teria apenas em 0 se ele quisesse ser super-duper fosco como você veria em uma janela do banheiro que seria fosco. Você teria esse efeito também. Então você pode mudar essa aparência. Eu meio que gosto de algo no meio. Eu quero ser capaz de ver os elementos no topo. Você quer ser capaz de ter tudo permanecido muito legível. Se você tem um efeito baixo, você realmente tem que ter algum tipo de alto contraste e elementos que realmente sobressaem acima dele porque você não vai ser capaz de vê-lo através desta foto realmente detalhada. Então eu vou tê-lo em algum lugar no meio. Digamos que cerca de 20 por enquanto. E também podemos mudar o brilho. Então pode torná-lo um super brilhante, quase como se houvesse uma luz atrás dele. E você pode torná-lo escuro. Então, digamos que você está fazendo um tipo de interface de usuário de modo escuro ou uma interface de modo escuro. Se você reduzir o brilho para, você sabe, você pode ir todo o caminho até 50 negativos se você quiser, mas nós vamos fazer algo bem ali no meio. E então há opacidade de efeito, que é a última opção. Então isso vai, à medida que você aumenta, porque todo o caminho para 100s, basicamente o efeito é nulo. Ele não está mais funcionando ou você pode ter o efeito em 50% de potência, eu acho que você deve dizer, ou 50% de força ou todo o caminho em pleno e é em 0, você não tem qualquer transparência do efeito. Então é, o efeito está totalmente ligado, então vamos deixar isso em 0. E o que faz o morfismo de vidro funcionar muito bem é, você vai notar quando você vê-lo lá fora, você verá uma espécie de borda em torno dele, como um traço de cor clara. Acho que se pode dizer que isso dá mais uma borda de vidro chanfrado. Se eu não tive um derrame na audição, vou descer aqui e clicar fora do acidente vascular cerebral. E Adobe XD, é chamado de fronteira, mas é basicamente um derrame. Eu tiro isso. Meio que se perde. Ele se perde um pouco. Quando a luz atinge o vidro, você terá, especialmente quando os óculos cortados, você vai ter um pouco de brilho, um reflexo nas bordas do vidro se você olhar para um pedaço de vidro cortado. Então você quer adicionar um pouco de uma fronteira e você quer torná-la um pouco maior. Então, vamos fazer dois. E geralmente eu gosto de torná-lo não branco porque então esse olhar começa a parecer falso. Algo como um olhar cinza claro. Muito fácil, muito rápido de usar. Vamos fazer algo um pouco complicado. Em seguida, vamos levá-lo para cima de um nível e fazer isso realmente rápido aplicativo móvel elementos de interface do usuário. Vamos apenas fazer algumas fronteiras, alguns controles deslizantes. E nós vamos adicionar um pouquinho de animação. Então você pode ter algo realmente legal para colocar em seu portfólio. 10. Projeto nº 2 - vidro guido no Adobe Xd - Parte 2: Então, antes de começarmos o próximo projeto, eu queria que você soubesse que você pode baixar um arquivo vetorial deste telefone que vamos usar. Assim, pode rapidamente apenas criar um tipo de placemat ou uma configuração de lugar para o nosso design de aplicativo móvel para que possamos apresentá-lo bem. Então você pode ter acesso a este arquivo vetorial. Eu tenho dois arquivos diferentes e os recursos para download, Eu tenho um ponto EPS e eu tenho um ponto SVG. Então SVG é um arquivo vetorial especial. Muitos ícones são criados usando SVG para que os navegadores possam manipular o vetor e escalá-lo sem distorção em navegadores e ícones, conjuntos de ícones e todas essas coisas foram projetadas. Mas o SVG é um ótimo formato de arquivo para o Adobe XD. Eu posso abrir o Adobe XD e eu posso arrastar isso para dentro e ele vai começar a lê-lo. Então você percebe que pode abrir o EPS no Adobe Illustrator ou no SVG. Você pode simplesmente arrastar isso diretamente para o Adobe XD. Isso é verdade para qualquer arquivo SVG e veja isso. Já está lá dentro e editável. Então isso é o que vamos criar é este projeto bem aqui. Nós vamos apenas criar um par de elementos de vidro, tipo de mostrar algum fosco, mostrá-lo em fosco. Vamos criar alguns triângulos para que possamos ter algo de cores altas. Então você pode mostrar esse efeito de morfismo de vidro. Não vamos precisar de fotos para isso. Então vamos começar. Vamos abrir um novo documento. Vamos para Arquivo Novo, e vamos em frente e fazer uma Web 1920 só porque eu quero criar um tipo de mais apresentação tipo estilo. Então eu vou abrir isso e ter algum espaço para elementos de fundo. E podemos trazer o nosso telefone, certo? E vou mostrar como fiz isso de novo. Tudo o que você tem a fazer é arrastar esse arquivo SVG e qualquer tipo de ícones ou gráficos vetoriais e SVG pode ser facilmente arrastado aqui. Você sempre pode clicar com o botão direito do mouse e Desagrupar se quiser ter acesso a um dos elementos como este é a imagem de fundo. Então o que eu quero fazer é ter muitos pops brilhantes de cor. Falamos sobre tendências de cores sendo tons altamente saturados, brilhantes e vibrantes. Vamos tentar fazer alguns roxos profundos e, em seguida, fazer alguns amarelos de alto contraste pode ser para nossos triângulos como você viu no exemplo. Então o que podemos fazer é que podemos OK, ir para preencher. E em vez de apenas uma cor sólida, podemos adicionar um gradiente radial. E vamos fazer alguns tons roxos legais. Então vamos pegar roxo e trazê-lo todo o caminho para fazer um roxo profundo. Vou selecionar o da direita. Torná-lo um pouco mais leve, roxo. E talvez precise mudar a posição destes. Vamos clicar neste pouco mais brilhante e depois ir aqui e ir mais fundo. Então queremos ter o mais leve no centro do gradiente radial. Podemos, claro, fazer isso compacto ou ampliá-lo. Seja qual for o olhar que quisermos. Então gradiente simples adicionado, vamos obter algumas formas triangulares para que possa mostrar o olhar de vidro fosco no fundo. Então, eu só estou pegando um triângulo. Vou segurar o turno para conseguir um triângulo uniforme. E eu vou derrubar qualquer tipo de fronteira. Então, as bordas são padrões, então apenas certifique-se de ir e desmarcar a borda. E eu recebo uma relíquia. Tudo agradável e arredondado para agradável arredondado quando vamos fazer uma cor agradável, cor saturada brilhante, um bom contraste com o roxo é amarelo. Então vamos para um amarelo brilhante. Talvez adicionar um pouquinho de laranja para baixá-lo para que não seja tão, tão brilhante. Então, há o nosso primeiro triângulo. Mantenha a tecla Shift pressionada e torná-la um pouco maior. Mantenha pressionada Opção e arraste ou controle, Eu acredito que está no Windows e arraste. E você pode criar um segundo triângulos alterados tipo de ângulo. E vamos fazer isso de uma cor diferente. Que tal laranja? Então nós temos nossos dois pequenos triângulos para que possamos ver nosso efeito de vidro fosco. Então vamos criar uma espécie de logotipo no centro. O que vai circular? Mantenha a tecla Shift pressionada para que eu possa criar um círculo uniforme. E vamos aplicar os nossos efeitos de vidro. Então vamos colocar nossos triângulos aqui para que possamos ver como o efeito está sendo carregado. Vou descer aqui para o borrão de fundo. E assim, temos um efeito de vidro fosco fresco. Vamos mudar nossa borda para uma cor um pouco mais clara, mas não branca, apenas um pouco de cinza claro. E vamos ver se ele nos permite em vez de um CIF, ele nos permite dividir a diferença porque eu acho que isso pode ser um pouco grosso demais. É, vamos fazer 0,8 em vez de um. Isso nos permite fazer o número parcial, então isso é bom. Então vamos reduzir um pouco o borrão. Então eu estou pegando o borrão, que é a primeira opção e eu vou apenas derrubá-lo. Eu quero ser capaz de ainda ver a definição do triângulo. Se eu fizer isso, então é difícil saber qual é a forma através da TI. Eu quero que as pessoas sejam capazes de ver através dos elementos de fundo, mas também tornar o texto legível. Então é um equilíbrio muito delicado. Então vamos fazer agora, vamos ficar com 14 e ver como isso parece. O brilho. Se queremos ter uma interface de usuário escura e um fundo escuro, podemos fazer isso. E vamos fazer com que seja brilhante, porque eu quero colocar um texto mais escuro no topo. E se você tiver problemas com a legibilidade, você também pode aumentar a transparência do efeito para que ele se desvaneça lentamente. Se você tiver problemas com a legibilidade, você sempre pode colocar como um texto cinza escuro ou preto no topo que seria super legível. Ou se você quiser que o efeito realmente esteja em pleno jogo, você pode reduzi-lo para 0. Então você tem três opções diferentes para ajustar isso um pouco. Então vamos adicionar nossos textos. Vamos pegar sua ferramenta de texto e adicionar algumas palavras bem aqui no círculo de vidro fosco. E então há duas maneiras de criar texto. Você pode clicar e arrastar e fazer uma espécie de caixa de texto. Ou você pode simplesmente clicar uma vez com a Ferramenta de texto e ter mais de um tipo de título que não tenha a caixa de texto que colapsa. Queremos manter isso em círculo. Então vamos fazer uma caixa de texto. Nós vamos clicar na ferramenta de texto clique e arraste para criar mais de uma caixa de texto estilo parágrafo onde ele recolhe exatamente como este whoo. E então podemos meio que cortar isso um pouco. Vidro mais. Visite-o. Você queria cortar ou ver sílabas, então o vidro morph ism. Então, isso provavelmente vai cortar melhor do que cortá-lo aqui onde o seu dizer vidro mais, mais. Sufismo. Não faz sentido, mas morfismo, você provavelmente poderia se livrar de cortá-lo. Ok, então há essa posição. Vamos ver o que precisamos fazer para que isso funcione para que possamos até mesmo fazer em topografia. Você pode fazer o desfoque de fundo para dar um efeito de vidro também. Então nós estamos tendo problemas em ter ambos ser elementos de vidro fosco porque agora eu estou tendo um tempo realmente difícil lê-lo. Então vamos editar nossas configurações em nosso círculo. Então vamos reduzi-lo para sete para borrão e 12 para br correção. Isso vai ajudar tudo a sair um pouco. E para o tipo, provavelmente precisamos diminuir o efeito. Então agora temos a topografia selecionada. Então vamos resolver em 14 para desfoque e 41 para brilho. E outra coisa que eu quero fazer é trazer para fora, eu vou começar a fazer esta apresentação. Vamos copiar esta forma de fundo. E eu vou fazer todo o caminho através do fundo. Apenas para dar um pouco menos de contraste entre o fundo e o design. Aqui vamos nós. Então agora você pode realmente, muito, muito, muito concentrar-se. Estou apenas a continuar a fazer pequenos ajustes. Eu só mudei a posição dos triângulos e apenas tentando encontrar um bom ajuste para este layout e apenas adicionei o fundo. Então vamos adicionar mais alguns elementos. Vamos praticar fazer um botão. Então, em cima, vamos obter ferramenta quadrada e vamos apenas fazer um tamanho de botão simples. E vamos ligeiramente arredondado, não muito, só um pouquinho. E vamos fazer o nosso borrão de fundo. E vamos mudar nossa fronteira para branco. E o que vamos fazer é em vez de ter essa borda branca. Então podemos selecionar nosso botão, clicar na borda, e podemos torná-lo uma opacidade de 50%. Então não é como uma cor sólida e cheia. Meio que deixa um pouco da cor, é transparente também. Então isso meio que ajuda com o realismo. Então tudo o que ele fez foi ir para a fronteira. E então você só, é assim que você muda a opacidade ou a transparência. Então nós temos um botão, ele pode ter o mesmo efeito de vidro fosco lá em cima também. Então, podemos ir em frente e copiar e colar este texto aqui e digitar o botão. E talvez a força, talvez não extra ousada, mas vamos fazer regularmente. Aí está o botão. Vamos fazer este com apenas uma fronteira. Então vamos clicar fora do preenchimento e apenas ter uma fronteira. E então podemos trazer isso para meio que mostrar como isso seria. Também podemos fazer um nível diferente de estado de geada. Então eu posso clicar de volta no preenchimento se quisermos e nós podemos meio que torná-lo menos fosco. Mais fosco, ou também mudá-lo. Então é como uma cor mais escura. Há muitas opções que podemos fazer lá. Então vamos criar mais alguns efeitos. Então, vamos fazer uma opção de barra deslizante. Então vamos pegar nossa ferramenta de retângulo. Vamos fazer uma pílula. Então vamos trazê-lo todo o caminho para uma forma de pílula para que possamos mudar nossa fronteira. Podemos torná-lo semitransparente, tornando-o 50% de capacidade. E podemos fazer nosso borrão de fundo. E vamos torná-lo um pouco mais magro. Isso é assim. Então, esse será o nosso controle deslizante. E vamos fazer o componente de controle deslizante ou o controle deslizante. Botão. Vamos pular a ferramenta quadrada, e vamos fazer um botão que vai caber bem ali. E não vamos ter muito espaço sobrando. Podemos fazer as mesmas configurações, 50%. Poderíamos fazer um borrão de fundo sobre isso. E quando se trata do controle deslizante, você quer que ele realmente se destaque muito porque você quer que as pessoas sejam capazes de vê-lo. Então vamos mudar a borda para que não fique cinza. Mas vamos mantê-lo em uma opacidade total para que você possa realmente vê-lo melhor. Então vamos ajustar as configurações para que seja um pouco mais brilhante do que o controle deslizante por baixo. Você pode até animar isso, então pode deslizar e tornar esta borda um pouco mais fina. Às vezes você tem que digitar algo manualmente se for menor que uns e talvez 0,8. Vamos fazer algumas barras com cor indicando um valor em dólar. Então vamos primeiro fazer o nosso valor em dólares. Eu só vou fazer uma caixa de texto e digitar. Digamos que é para um aplicativo de gerenciamento de dinheiro. Vamos digitar uma espécie de lista de números genéricos. Certifique-se de que o meu espaçamento está definido como 0, aperte isso e torne-o um tipo bastante ousado. Vamos fazer um extra ousado. Vamos torná-lo um pouco maior. Claro, você não precisa usar os números exatos que eu faço. Você pode apenas experimentar com tamanhos. E vamos dar a isto um registro de vidro fosco dois. Vamos fazer uma borda muito fina sobre isso. Então, vamos clicar na fronteira e temos um 0.5 conjuntos. Então isso é meio, metade de meio ponto completo. E vamos fazer o borrão de fundo. Nós movemo-lo para os nossos triângulos e tipo de ver como o efeito está parecendo bastante bom. E vamos em frente e ter um borrão bem baixo. Então as configurações finais para isso é 14 borrão e 41 brilho, que, que tinha uma boa legibilidade mesmo quando você tinha sobre o triângulo. E talvez queiramos diminuir a fronteira um pouco, talvez tornar isso um pouco semitransparente. Vamos tentar 50. E eu acho que isso parece um pouco mais realista, dá a você um pouco de destaque no derrame, mas não parece meio falso também. Então vamos adicionar alguns elementos financeiros. Temos um número, vamos ter algumas barras de gráfico para denotar um gráfico. Brincando por aqui com elementos. Não estamos fazendo nenhum tipo de brainstorming sério aqui. Só estamos mostrando como esse efeito funciona. Então, apenas criando uma série de barras. Vamos em frente e obter esta configuração para nós duplicar. Vamos fazer um borrão de fundo. Vamos chegar à fronteira apenas o que temos andado a fazer. Você sabe, 50%. Vamos reduzir, vamos fazer um branco. E vamos reduzir o tamanho pode ser 8,5. E vamos torná-lo ligeiramente arredondado. Eu só quero em volta de cima e de baixo. Vamos manter pressionada a opção e clique apenas para isolar um canto. Opção suspensa ou controle se você estiver em um Windows. Vamos ver como o efeito de vidro fosco parece. Vamos criar um retângulo que seja realmente verde brilhante, como talvez um verde limão que indique dinheiro e crescimento. Então vamos fazer um preenchimento, é ter um verde brilhante acontecendo. E não vamos ter uma fronteira sobre isso e vamos torná-lo arredondado. Nós só temos um elemento de fundo. Vamos dar uma corrida. Isso vai ficar para trás, então vamos colocá-lo na parte de trás do sistema de camadas. Então comando esquerda colchete vai trazê-lo para trás no sistema de camadas. E agora podemos ver como o fluxo de efeito de vidro fosco. Então vamos derrubar o borrão é em meio ver os elementos de fundo um pouco. Então ele meio que dá mais um olhar vítreo. Então só temos três em termos de desfocagem. Em termos de brilho. Vamos torná-lo agradável e brilhante. Vamos manter 20 ou 18. Não vamos mudar isso afeta muito. Então vamos em frente e mantenha pressionada Opção ou controle. E vamos mudar o gráfico. E assim você pode notar que quando eu clicar e arrastar, ele vai encaixar automaticamente para que tudo esteja igualmente espaçado, o que é muito bom de ter. Então você também pode facilmente animar isso também quando chegamos à animação. Então é meio que mover alguns desses elementos ao redor, meio que trazê-lo para cima. 11. Projeto nº 2 - vidro guido no Adobe Xd - Parte 3: Então aqui está o nosso projeto até agora, apenas adicionou alguns outros elementos, mas eu acho que isso parece ótimo. Podemos posicionar isto. Eu fiz isso para mostrar o efeito de vidro fosco, apenas alguns elementos aleatórios. Isso realmente não significa nada. Não é realmente um design per se, mas apenas uma espécie de coleção de elementos que você pode mostrar. Então vamos fazer animação porque isso parece bom. Você pode realmente ver o vidro fosco, mas o vidro fosco parece realmente ótimo quando você pode ter movimento e tipo de mostrar como ele muda ao vivo como você move através dele. O sempre parece muito legal. Então vamos em frente e animar isso. Então eu revisto animação e todas as coisas e algumas das minhas outras aulas em detalhes. Então nós vamos fazer algumas coisas muito básicas. Então o que eu vou fazer é pegar este quadro de arte aqui e vou duplicá-lo. Então dupliquei meu quadro de arte e vou até o protótipo. Então este é o modo de design. É por isso que faço todo o meu trabalho de design. Aqui é o modo prototipado. E é aqui que você vincula tudo e faz com que seja um site ao vivo e viável que tenha animação. Então isso vai ser super-duper básico. Então vamos selecionar o quadro de arte, o primeiro quadro de arte, e vamos vinculá-lo. Então nós vamos pegar este pequeno ícone aqui e vamos ligá-lo direito sobre, podemos olhar em qualquer lugar no quadro de arte vai se ligar juntos. Então, quando você entra neste link e você tem que estar no modo protótipo para ser capaz de ver isso. Nós vamos ser capazes de selecionar esse link. E vamos fazer com que seja auto animada. É assim que vamos fazer com que a animação seja agradável e suave auto animate. E por isso, agora vamos descer para a flexibilização. E vamos apenas tentar por agora eu amo a maneira de facilitar e facilitar o trabalho tão facilmente como uma animação que vai lentamente iniciar a animação e lentamente terminá-la. Então parece muito suave. Não parece muito duro. Então é tudo o que temos. Foi tudo o que fizemos até agora. Então agora temos que ter, temos dois estados diferentes. Então este é o primeiro estado e este é o segundo estado. Então ele vai começar de uma certa maneira e vai acabar de outra maneira. Então o que vamos fazer é mudar e mostrar como vai se animar. Então, vou mostrar-vos um exemplo. Vou mover este triângulo. Vamos voltar ao design. Você tem que voltar para o modo de design. E eu vou girar esse triângulo só para mostrar como isso funciona. É tudo o que estou a fazer. Certo? Só mexendo as coisas por aqui. É isso. Mova os dois triângulos. Você volta para o modo protótipo. Nós vamos jogar isso fora. Vamos selecionar este primeiro quadro de arte. Vamos tocá-lo e ele vai sair deste estado e vai animá-lo para voltar ao estado original. Então, vamos clicar no jogo. Vamos ver o que temos. Vamos em frente e clicar e você pode vê-lo animado. E não o temos ligado de volta. Então apenas anima uma vez para esse estado e fica lá. Então você pode tê-lo de volta. Então eu tenho o segundo selecionado. E você pode ver esta pequena flecha. Você pode realmente voltar para o primeiro estado. E você pode ir para a digitação, e você pode ir para baixo para o quadro de arte anterior. Então o que ele vai fazer é na torneira, então esse é o gatilho é você clicar. Vai voltar para os quadros de arte anteriores. Então você está basicamente fazendo um loop. Então você tem esse estado que vai para este estado de animação, e então você tem essa conexão de volta ao anterior. Entediado, e assim que parece complicado, mas tem algumas lições que vai sobre animação no Adobe XD para este ícone Play aqui. Vamos jogar fora. E agora o gatilho, que é como você começa esses estados é uma torneira. Então eu tenho que clicar no meu mouse, vai fazer o primeiro. Vou clicar nele de novo. Ele vai para o quadro de arte anterior e encaixar de volta para fazer isso onde eu não tenho que tocá-lo para torná-lo tempo iniciado e não apenas tocando. Vamos subir aqui para disparar. Estou no primeiro quadro de arte e vamos começar em um certo tempo. E pode começar imediatamente. Então 0 atraso, e é isso. E isso pode tornar a duração um pouco maior a animação. Então podemos estender isso agora mesmo. É como um terço de segundo. Então poderíamos fazer um segundo completo para tornar a animação mais longa. E vamos clicar no segundo quadro de arte. E nós temos a opção de ciclo de volta aqui. Então, em vez de tocar, vamos fazer disso um tempo também. E vai ser imediatamente. Então vai passar de um estado. Vou clicar nisto para que possas ver o que tenho aqui. É auto animar. E então temos o segundo estado. E arrastámo-lo de volta. E é placas de arte anteriores é poderia um deve ser apenas um ciclo, Eu não deveria ter que tocar em nada, porque os gatilhos agora apenas tempo. Então eu vou clicar no botão play. E vamos ver que automaticamente começa a jogar. Ele vai de um estado, ele volta para o quadro de arte anterior, vai para um estado. Então você tem esse tipo de ciclo acontecendo de animação. É claro que podemos animar mais do que apenas os triângulos. Agora vamos para este primeiro estado e fim de semana porque tudo vai acabar no layout final que temos. Então podemos mudar isso, qualquer coisa. Podemos mudar os botões. E precisamos ter certeza de que estamos de volta e projetados para ser capazes de fazer qualquer tipo de movimento ou mudanças. Modos de protótipo apenas para vincular coisas. Para que possamos ter os botões assim. Podemos ter nosso controle deslizante para trás e para frente. Então tudo o que temos que fazer, vou segurar o turno e arrastar só para que fique na linha. E eu vou trazê-lo todo o caminho até a frente. E vamos mudar tudo isso para, vamos fazer parecer que eles estão indo para cima e para baixo. Certo? Então você pode realmente ver esse efeito de vidro fosco. E podemos tornar isso ainda mais dramático de uma animação. Então mudamos mais algumas coisas. Nós não estamos mudando o estado, este é o estado para o qual ele vai reverter. Então, vamos clicar no primeiro quadro de arte. Vá até o nosso botão Play. Whoa. Então você pode ver que isso é muito dramático com os botões. Então eu posso apenas suavizar esses botões um pouco. Então, vamos voltar. Ele virou todo o caminho ao redor do outro lado. Eu não estava esperando isso. Então talvez possamos, em vez de virar para a esquerda, vamos escrever. Não sei se isso vai mudar alguma coisa, mas vamos clicar no jogo. Lá vamos nós. Isso é um pouco mais suave. E é claro que podemos fazer uma animação ainda mais longa se clicarmos de volta aqui no topo do nome do quadro de arte, e precisamos ter certeza de que estamos em produção. É difícil lembrar, às vezes, de virar para trás. Então eu vou para o modo protótipo para fazer qualquer edição na animação. E se alguma vez te perguntares quais são as minhas ligações, podes clicar no teu nome. O teu quadro de arte vai mostrar a tua ligação. E eu posso clicar no topo e mover meus quadros de arte. E pode tornar mais fácil ver o tipo de transição. Então, isto é uma transição e isto vai para trás. Então eu estou clicando no primeiro quadro de arte e agora eu tenho dois segundos, mas você pode digitar o que quiser. Você pode fazer com que seja dois segundos em vez de 1 segundo, e nós podemos jogá-lo fora e ver como ele se parece. É um pouco mais lento, parece um pouco mais agradável agora que abrando a animação. E o que é ótimo é que há mais do que apenas um tipo de animação. Há 0s e 0s fora, que é o que eu gosto de fazer quando faço edição de vídeo. Eu uso um monte de 0s em ys, ys out. É apenas algo que quase sempre faço com todos os meus elementos quando faço edição de vídeo e edição de vídeo software, formato super popular, mas eles são snap, windup bounce. Então, se fizermos o equilíbrio, ele vai ter um pouco de pop, um pouco de salto para ele. Então clique no jogo. Então veja como ele tem aquele pequeno salto. Então tudo o que fiz foi mudar a transição. É como saltar. É interessante, eu gostaria que você pudesse mudar a força de salto. Eu gostaria que não fosse tão insuflável, mas talvez em futuras atualizações, Adobe XD irá adicionar mais transições, são mais animações. Então este está acabando. Então é meio, meio que acabo. Vai ser mais rápido no meio da animação e abrandar no final da animação. Então isso tem um muito bom, quase como um relógio tique-taque tipo de movimento. É muito agradável e calmante. Tudo bem, então vamos, vamos mantê-lo em windup. Eu meio que gosto de como isso parece. Então vamos jogar mais uma vez. O que é ótimo sobre o Adobe XD? Eu posso compartilhar esse link com outras pessoas se eu quisesse tê-lo em um portfólio. Mas o que eu gosto é essa habilidade de capturar uma captura de tela. Então eu posso clicar aqui em cima e eu posso gravar uma macro para gravar isso porque eu estou gravando minha tela no momento. Mas se você clicar nisso, você pode gravar isso. E foi assim que eu fiz o vídeo de pré-visualização para o qual você viu sobre o projeto da turma. Como ele acabou de gravar isso, você pode pop em Behance.com e um site portfólio. Você pode fazer todo tipo de coisas. Você pode criar isso. Fizemos isso em 20 minutos. Conseguimos criar esse efeito e podemos até gastar mais tempo e fazer como um estudo de caso de UX real e projetar um layout móvel inteiro, se você quiser. Mas só queria mostrar o morfismo de vidro, olhar de vidro fosco. Então, espero que você tenha gostado deste projeto rápido e que você possa realmente começar a olhar para as tendências de design para 2021. 12. Projeto #3 - tipografia 3D - Parte 1: Bem-vindo às dimensões da Adobe. Esta é a resposta da Adobe, muito fácil de criar objetos 3D. E agora a topografia 3D, que é a nossa grande tendência para 2021, é a topografia 3D hiper-realista. Então, já criamos objetos 3D no Photoshop antes nas aulas, mas vamos dar um passo adiante. E às dimensões da Adobe. Eu ensino o básico das dimensões da Adobe e como trabalhar com objetos 3D e software em outros cursos e outras lições ou não vai se concentrar nos conceitos básicos das dimensões da Adobe, vamos nos concentrar mais uma vez nas tendências em mãos, que é como criar topografia 3D realmente realista. Então eu pensei que a melhor coisa a fazer é dar a vocês um tour de alguns dois projetos de topografia 3D diferentes. Eu fiz. E então nós vamos criar um nós mesmos usando o software. Então você pode ver este é o arquivo que eu tenho para o meu 20-20 uma foto de capa que eu tenho para o curso e para as lições e como eu anunciei até 2021 lições de tendências de design. Você pode ver que foi aqui que eu o criei. Não parece muito emocionante agora, mas isso é meio que quando eu pressionar o botão de renderização, que então renderiza a iluminação final e refração e afeta. Parece muito melhor depois disso, mas antes disso quando você está no software, não parece muito impressionante até que você obtê-lo renderizado e você pode ver todos esses efeitos realmente acontecendo. Eu acho que uma das coisas mais difíceis sobre aprender software 3D pela primeira vez é se acostumar com as duas maneiras diferentes de se mover em torno de um espaço 3D. E isso é mover os próprios objetos e, em seguida, mover o ângulo da câmera. Então, há duas coisas totalmente diferentes acontecendo. Se um ângulo de câmera, ele não fez, você tem a posição e ângulo do objeto em um espaço. E ambos são como duas coisas separadas. Descobri que isso é a coisa mais difícil de trabalhar em um espaço 3D. Então, quando eu repassar essas lições básicas e aquele outro curso, você sabe, eu meio que passo sobre como, como me mover. Estes são tipo de suas ferramentas de movimento e estes são tipo de suas ferramentas de objeto. Então é assim que você move objetos. Então, se eu pressionar a ferramenta Select, eu posso pegar este número dois e eu posso movê-lo ao longo espaço 3D para que eu possa movê-lo no eixo z, o eixo x, movê-lo para baixo. E, claro, em 3D, você tem um y de três eixos diferentes. Você pode movê-lo para que ele possa movê-lo para a frente, para lado, de todos os tipos diferentes de maneiras. E então você tem que todas as suas ferramentas de movimento. E então você teria todos os ângulos da câmera. Então os ângulos da câmera serão diferentes. Não vai mudar a posição do objeto 3D. Isso vai mudar sua visão do projeto. Então, se eu tenho isso como boneca, então eu vou para Dolly fora. Então, se você está acostumado com coisas de câmera, ele tem a mesma terminologia é trabalho de câmera. Então vamos sair com Dolly e ver todo o quadro de arte aqui. E então eu posso orbitar. Então, eu vou apenas para orbitar. E é assim que você tipo de definir o ângulo e a visão de sua renderização final, que às vezes é tão importante quanto os próprios objetos é o ângulo que você tem dele. E, por último, temos panelas. Uma panela vai tipo de pan em torno do objeto. E neste caso você pode ver como não é super duper, duper complicado. Como eu criei esses números apenas dar alguns efeitos e materiais e iluminação em alguns números. Temos um par de pequenas formas padrão que vêm gratuitamente com as dimensões da Adobe. Este é um pouco de forma de turistas aqui, e então nós temos que somar quadrados. Então foi assim que eu criei essas cartas. Vou mostrar-te mais uma. E a razão pela qual eu queria mostrar alguns projetos finalizados para mostrar como a topografia 3D acessível e fácil pode ser, especialmente nas dimensões da Adobe, que eu me sinto como uma sola, muito mais simplificada e mais fácil de usar do que o liquidificador. Blender é ótimo, mas vai levar horas e horas de prática para aprender liquidificador. Ele realmente só pensar nas dimensões da Adobe como não há a capacidade de animar como o Blender tem. Pode ser estática três, então este é o pôster da topografia que eu criei aqui. Só tem material de ouro. Todas estas letras são letras individuais. Então eu só usei essa ferramenta de texto aqui e arrastei algum texto e digitei um caractere de cada vez. E eu era capaz de empilhá-los e ter profundidades diferentes para que quando você os reúne, eles meio que se abraçam. E é realmente muito semelhante à tipografia plana. E caracteres simples é a mesma coisa que eu faria no Adobe Illustrator, mas estou fazendo isso em um espaço 3D. Portanto, não é realmente muito intimidante e colocar no material certo e efeitos de iluminação que acrescenta um pouco de complexidade. Mas, no geral, a maneira de equilibrar os caracteres e o espaçamento entre os caracteres é exatamente a mesma que o design 2D plano. Você só está trazendo aquele elemento 3D extra. E quando eu saio, para Dolly sair, você pode ver que eu coloquei tudo nesta caixinha. E o que isso faz é dar-lhe um fundo, ele dá um quadro para que ele não esteja flutuando em um espaço em branco. Então essa é a única razão pela qual eu coloquei naquela caixa, e isso é apenas uma forma simples. Se você descer aqui, você tem algumas formas básicas são seus ativos iniciais. Você tem algumas formas básicas que você pode trazer para o seu espaço 3D. Você tem algumas modelos. E este é apenas um cubo oco que eu trouxe e, em seguida, mudar o material e meio que colocá-lo quase como uma caixa de fotos, como você faria quando você está tirando uma foto de algo na vida real, ter controle, a iluminação e o ambiente um pouco melhor naquela caixinha. Não é um objeto flutuando no espaço. Então vamos criar um novo documento para que possamos realmente obter um identificador de topografia 3D. Então eu só vou para Arquivo Novo e isso pode abrir um novo espaço 3D. Então aqui está o nosso espaço 3D padrão. Nós só vamos nos concentrar no texto, essa ferramenta de texto, isso é totalmente novo para ele. E eu acho que no início de 2020. E é por isso que é uma tendência agora porque torna o tipo 3D tão fácil. Então nós apenas trouxemos para o espaço 3D. E podemos mover isso e mover as setas para cima para mover o objeto ao longo do espaço 3D. Podemos torná-lo menor ajustando estes quadrados aqui para que possamos escalar. Então este é o movimento, o pequeno cone aqui. E os quadrados ao longo de cada eixo estão dimensionando. Então podemos escalá-lo, torná-lo menor. E mu, esta é provavelmente a parte mais difícil de trabalhar em um espaço 3D, é realmente saber como dimensionar e mover seus objetos. E assim para movê-lo, Veja estes pequenos círculos. Eu vou ser capaz de girar. Então os círculos estão girando, os quadrados estão escalando e os cones estão se movendo ao longo do eixo e da linha. Então há um tipo de três pequenos elementos diferentes que você só tem que tipo de se acostumar a fazer isso um pouco nas lições. E se você quiser acertar essa grade de linha de base, você pode clicar no meio e isso é bom. Alinhe-o à superfície. Então, ali está a superfície do meu espaço 3D. E é claro que podemos mudar o ângulo da câmera. Temos algumas opções. Temos Orbit, Pan e Dolly. Então todos eles vão fazer algo diferente, boneca, ele vai trazê-lo para dentro Órbitas, podem orbitar ao redor. Você pode ir até o céu. E você tem que usar uma combinação de alguns desses para realmente juntar tudo. Então vamos em frente e digite nosso tipo. Então eu tenho meu objeto selecionado, apenas fazendo a ferramenta Selecionar. E eu vou descer aqui para o meu texto e apenas digitar para 2021. E eu quero fazer um efeito diferente para cada letra. Então eu vou digitar dois e eu vou escalar isso, torná-lo maior. E então eu vou movê-lo ao longo do eixo bem aqui. E há dois. E agora está na antena. Nós não temos que usar Arial que eu conheço todos que eu conheço nós vamos ter antenas, então eu poderia, eu poderia ficar com ele só porque eu sei todos terão acesso a essa fonte. Então vamos manter isso no ar. Vamos mantê-lo regular. Mas se alguma vez quiseste mudar o kerning, o tamanho do espaçamento, tudo isso está aqui nesta área. Então o que eu gosto de fazer é copiar isso para começar a fazer o Comando C, Comando V e copiando. E o que poderíamos fazer é mudar as câmeras. Você tem que mudar o ângulo da câmera muitas vezes para ter uma perspectiva que você gosta. Então você pode ser capaz de mover esses destaques. Então eu vou me mover ao longo do z e ele vai movê-lo tipo de diagonal e a posição diagonal. Um pouco estranho, tudo bem. E o que eu vou fazer, e isso é a coisa legal sobre topografia 3D. Você pode tê-lo em camadas. Então, em 2D plano nós camadas coisas adicionando sombras e outras coisas. Mas isso, nós podemos literalmente colocar essa coisa e tê-los em planos diferentes, o que é muito legal. Então podemos fazer uns 20. E então podemos duplicar isso e depois ter isso BY 2021. Podemos colocar isso em cima. Então eu vou trazer isso, trazer de volta. Só estou a tentar encontrar a posição certa para isto. E, em seguida, duplicado novamente digitando em um na caixa de texto. Queremos ter certeza de que um é legível. Então vamos ter certeza de que o suficiente de um é visível para que você possa lê-lo. O que é legal é que eu vi como o exemplo que eu mostrei sobre topografia 3D, onde você pode ter as coisas meio que se juntam. Você não tem que tê-los todos no mesmo avião atravessando. Você pode ter as coisas em ângulo. Então vamos dizer que temos esses dois ou esses dois e o que podemos trazer este para a frente, podemos girá-lo em um plano diferente mesmo assim, quero dizer, você tem que realmente pensar que é, é um espaço totalmente diferente para pensar sobre. E então você pode, é claro, orbitar isso e obter para que você possa ver como você pode criar algumas coisas muito legais. Vou voltar ao que tinha. Pode sempre mudar ligeiramente o ângulo, tipo de dar-lhe mais disto. Parâmetros quebrados para que eu estou apenas pegando a ferramenta Mover, selecionando cada letra, apenas fazendo um pouco de rotação. E o que é legal, ele vai pegar luz em ângulos diferentes, então se eu tiver isso em um ângulo diferente, ele vai pegar luz diferente dos outros ângulos, o que meio que dá um olhar dinâmico. Temos três eixos. Então, podemos até fazer uma rotação x, girar x, ele pode ser plana para baixo. Quero dizer, você pode fazer tudo o que quiser aqui. Com topografia 3D. Isso é o que é tão legal nisso. São tantas possibilidades infinitas? E podemos trazer isso à tona. Podemos até ter isso flutuando se quisermos. Então agora podemos aplicar certos efeitos. Então o que eu quero fazer é eu quero Dolly e enquadrar um pouco melhor. E eu só vou fazer minha calcinha e minhas ferramentas de câmera. Eu só vou fazer a câmera. Vou ir em frente e salvá-lo. E o que vamos fazer a seguir é que vamos ser capazes de aplicar materiais diferentes a isso, para realmente fazer isso um conjunto de esteira plana, nós podemos realmente aplicar muitos materiais diferentes e até mesmo fazer alguns não chanfros. 13. Projeto #3 - tipografia 3D - Parte 2: Então vamos falar sobre chanfros. Então esta é uma nova ferramenta de texto adicionada em 2020, é você ir em frente e selecionar seu objeto e você pode rolar para baixo e você tem esta pequena opção de bisel aqui. Eu vou ir em frente e ativar isso e ele vai adicionar um bisel. E há muitos efeitos de bisel diferentes que você pode fazer, um tipo de clássico. E se você já fez estilos de camadas e Photoshop, estes são muito, muito, muito semelhantes. Você tem mais de um suave ao redor, parece quase que esta borda lisa agradável. Você tem passo convexo. Você pode meio que percorrer estes. Você pode ver como este quase dá tipo de uma borda que parece muito legal e você faz como uma borda metálica e quadrado. Então, para este, podemos fazer um par de diferentes apenas para ter diferentes olhares. Você pode mudar a largura para que não seja tão proeminente. Você pode torná-lo super proeminente. Você pode torná-lo apenas um bisel resolvido. Você pode mudar os ângulos para fazê-lo sair ou fazê-lo entrar. Fiz muitas coisas com o meu gráfico 20-20 que mostrei antes. Você pode até mesmo repetir o bisel Então você pode ter 234 e torná-lo realmente detalhado. Você pode até mudar o espaço que importa quando você tem mais de um bisel. Você pode adicionar espaço entre os seixos como este. Então isso é super legal. Então vamos em frente e eu tenho apenas a ferramenta Mover. Vou selecionar o o o ou o 0. E vamos adicionar um bisel neste também. Vamos fazer um diferente. Mas eu gosto do visual redondo para que eu possa mudar a largura. Então vamos passar para o número dois, o segundo número dois, vamos talvez fazer um bisel clássico e mudá-lo. Vamos realmente empurrá-lo para fora. Isso não é bem aqui? Olhe para isso. É plano e depois empurra para fora enquanto eu mudo o ângulo, meio que empurra. Então vamos fazer isso. Isso é interessante. Adicionando os anúncios repetidos todas essas pequenas camadas diferentes. E vamos torná-lo mais espaço entre os dois. Ok, e agora vamos deixar este suave, já que ambos são afiados. Vamos fazer isto suave. Vamos fazer uma boa volta, vamos fazer um contorno. Ou já temos um monte de esboço. Então vamos fazer outra rodada. Simplesmente assim. Então isso parece ótimo. Então, algumas coisas que precisamos fazer, precisamos colocar isso em um fundo porque agora está literalmente flutuando no branco. Então eu gosto de colocar um material em torno dele semelhante a isso, quase como uma caixa de fotos como eu mostrei antes, apenas para colocá-lo em algo. Então nós vamos, vamos em frente e diminuir o zoom. Vamos diminuir o zoom, que basicamente são ferramenta Dali. E nós vamos diminuir o zoom e vamos orbitar ao redor para que possamos ir em frente e colocar isso em uma caixa. Então vamos, nós podemos fazer isso criando um par de aviões. Para que pudéssemos colocar isso em uma superfície. Este é o nosso avião e podemos, claro, escalar isto, torná-lo maior. E podemos construir nossa própria caixinha em torno dela e fazer materiais diferentes. Ou às vezes como uma maneira mais rápida de fazer isso é eu gosto de usar o cubo. Então eu vou descer tudo isso, vir livre com dimensões Adobe e ter este cubo oco. Eu vou trazer o cubo oco e eu vou colocar tudo isso dentro. Então eu vou precisar fazer isso muito maior. Dimensioná-lo e então eu vou girá-lo. E tipo de ser capaz de colocar tudo isso em uma caixa. Apenas como um super rápido de fazer, pode não ser a maneira mais eficiente, mas você sabe, funciona. Vamos escalá-lo tão bloqueada muita luz da iluminação global, que vamos chegar em um segundo. E eu sei que isso é muito se você nunca esteve em dimensões, Dolly saiu e depois continuar fazendo ajustes nisso. E lá vamos nós. Então, trouxe a caixa toda aqui. Vamos pegar nossos números. Vamos ter que Dolly voltar. E então nós vamos ter que levar todos esses pequenos objetos aqui. Então, vamos apenas manter pressionada a tecla shift e selecionar todos os nossos objetos. Ele pode até ir até o objeto e agrupar tudo isso para que você possa mantê-los como um tipo de objeto. E agora podemos meio que colocá-lo no espaço. Então agora está em algum lugar. Não é só flutuar por aí. E então eu estou apenas pegando a ferramenta de câmera, meio que recebendo o corte ou apresentação certa. Agora a única coisa que falta, e vamos pegar nossa pequena caixa aqui e eu posso girar esta caixa e dar-lhe qualquer tipo de ângulo assim. Oops. Então agora o que realmente vai fazer isso ganhar vida é o material e a iluminação. Então vamos chegar aos materiais que temos aqui em nossos ativos iniciais. Vamos até os materiais. Há muitos materiais que podemos usar que são todos gratuitos, que já estão carregados com dimensões Adobe. Temos tiras e ouro, bolinhas de gude, madeira e todo tipo de coisas diferentes. E neste momento, quando chego aos materiais, gosto de fazer pré-renderização. Portanto, a pré-renderização não é uma nova opção para as dimensões da Adobe no último ano. Mas você tem um, uma visualização de renderização bem aqui. Eu vou em frente e colocá-lo. Ele ocupa muitos recursos de computador. Então, este é o momento em que seu computador pode diminuir um pouco. O meu faz. Está bem. Mas você pode ver como ele vai ficar quando ele renderizar. Então você pode ativá-lo e desativá-lo. Então, se você quiser realmente fazer grande movimento e mover a câmera, você pode querer tirá-la, mas se você está pronto para materiais e realmente ver como a iluminação parece, eu sugiro colocar em sua renderização. Então, isso foi antes. E então aqui está uma pré-renderização. Você pode realmente ver como a iluminação e tudo vai ficar. E leva alguns segundos para que funcione. Mas isso já parece muito melhor quando o seu indireto. Então você não está no modo de visualização. Então agora, quando arrastamos e materiais como gelo, podemos arrastar isso direto para o nosso número. E podemos mudá-lo para parecer gelo. E você pode ver como ele é meio que mostrando através desses materiais diferentes. Claro, que esta caixa, este dentro da caixa pode mudar para, podemos trazer um brilhante que é meio que um dos meus favoritos, meio padrão. Olha aqui, brilhante, vai ser brilhante. Isso vai refletir a luz um pouco melhor. Você também pode fazer como uma caixa preta. Então tudo isso vai afetar sua iluminação e como as coisas olham a caixa preta realmente vai deixar que o vidro olhar através. Você poderia fazer muitas coisas diferentes, quero dizer, há tantas coisas diferentes que você pode fazer. O que é realmente legal sobre as dimensões da Adobe é que você pode aplicar materiais diferentes no mesmo tipo de caractere, para que possamos colocar um material diferente na frente, um material diferente na parte de trás. Então vamos dizer que temos isso como, como todos os vidros. E então o que fizemos foi arrastar vidro fosco ou direito sobre o número dois, e tornou-se vidro fosco, o que é muito legal. Mas podemos até adicionar uma volta a isso para que possa ser incrivelmente complexo. Então, por exemplo, o que eu fiz, eu tinha uma espécie de copo dentro e uma parte traseira, mas eu tinha uma espécie de ouro lá fora ou eles chamam de bisel. E assim você pode fazer um tipo de caracteres realmente dinâmicos. Então, digamos que eu queira adicionar um bisel de ouro a isso. Então tudo o que fiz foi selecionar o objeto sempre. Este tipo de como o seu painel Camadas. Então, este é um texto também. Então vamos em frente e apenas o título dos dois primeiros. Então só sabemos qual é, tem uma pequena flecha aqui. Aqui é onde você pode editar muitas das características do personagem. E você tem quatro lados diferentes. Você tem os chanfros, você tem as costas, você tem o rosto, que é a frente. E os lados. Vai dizer que eu quero adicionar um material diferente para os lados dos dois. Posso trazer bronze e em vez de arrastá-lo por cima, vou arrastá-lo aqui para o lado. E isso vai mudá-lo. E acrescentou tipo de ouro nos lados, o que o torna super legal. Podemos até ter frentes de vidro. Vamos voltar pelo polegar, a flecha, temos um que temos tudo isso é vidro agora. Então, e se nós na parte de trás tivéssemos algum tipo de bronze para que você possa ver a parte de trás através do vidro. Então será vidro na frente e sutiãs na parte de trás. Coisas muito interessantes que você pode fazer. Podemos até fazer gelo. Vamos fazer gelo nisto também. E vamos mudar o bisel para que eu possa ouvir mensagens. Então este vai ser o segundo a seguir em frente e rotular nossas camadas para que saibamos o que está acontecendo. Clique na seta. Temos nossos quatro lados diferentes aqui. Então vamos fazer você faria faria faria faria nos chanfros. Então veja como uma madeira adicionada bem ali nos seixos e faz com que seja um tipo realmente interessante de olhar para sênior pode sempre mudar isso se você não gostar. Talvez fazer algo brilhante. Eu acho que eles colocaram Copper e apenas como um olhar de cobre escuro. Traga isso para os seixos. E isso vai colocar cobre nas bolhas agora. E é claro que fica muito complicado. Mais uma vez, eu poderia passar horas em dimensões Adobe, mas cada uma delas tem rugosidade diferente. Então, se eu aumentar a rugosidade, isso vai torná-lo mais chato. Se eu diminuí-la, vai torná-la mais reflexiva da luz ao redor do ambiente. E volte para fora. E se você clicar na camada principal, em vez de ir para o tipo de opções extras e você apenas tem isso selecionado e você vai até aqui e é assim que você tipo de editar o que fizemos antes. Mas nós vamos entrar aqui. E em vez de cobre, talvez de prata. Então você pode editar o indivíduo Se você apenas arrastá-lo diretamente para o personagem, ele vai apenas fazer todo o personagem que um material. Então, vamos, você pode até mesmo mudar de cores. Então vamos fazer, vamos subir e fazer brilhante. É como um visual de plástico. Então eu vou trazer brilhante no número um, o segundo. Então isso vai torná-lo um pouco brilhante. E você pode mudar a cor muito facilmente selecionando. E bem aqui, eu só tenho este texto porque eu não vou para as opções extras. Eu só tenho aqui um texto para. Vou descer a esta pequena área aqui. Isso é chamado de material de seleção. Vou em frente e clicar nele. Alguns permitem que você altere a cor dos materiais e outros não. Este, o brilhante permite que você mude a cor, então eu vou apenas clicar em Cor. Digamos que eu quero fazer como um amarelo brilhante. Posso fazer um amarelo brilhante. E há um livro amarelo brilhante legal que parece muito bom no preto. E mais uma vez, posso entrar e adicionar material a isso. Então, se eu quisesse adicionar um material ao lado, eu poderia trazer este material escuro para o lado. Então pense em todas as combinações diferentes que você tem com as quais você pode criar coisas. Então vamos fazer, vamos fazer as devidas. Algo diferente do que podemos fazer. Este ouro limpo olhar claro, você já meio que tem um ouro sobre os zeros. Então nós queremos ter, você sabe, não quero ter todo esse tipo de mistura. Mas o que eu amo nas dimensões da Adobe e isso é apenas uma pré-renderização? Então vai parecer muito melhor quando fizermos a renderização completa porque está um pouco embaçada. Veja como é meio embaçado. Ele se torna muito mais suave quando você tem, dê ao seu computador 20 minutos para renderizá-lo. Mas eu amo como ver como o ouro reflete nos dois. E ele salta fora do devido embora bem aqui. Eu só gosto de como tudo isso interage. E é aí que você pode mudar a posição desse tipo de ver como as coisas interagem. O que eu gosto é que você pode encobrir. Eles vêem outros fusíveis juntos bem ali. Você pode deixar assim. E até parece que eles estão fundidos juntos. Dá uma aparência muito interessante. Assim, podemos mudar a posição destes. Vamos trazer isso de volta e ver. E aquele, aquele eixo z, um pouco difícil de ver, mas você pode ter esse tipo de entrar na metade. E a mesma coisa com isso. E você pode até mesmo ver através de porque aquele tem um tipo de olhar de vidro para ele. Mas, sabe, você pode ficar muito complicado com isso se quiser. E o que mudou o material para dois. Vamos fazer uma cor diferente com isso. Vamos fazer o brilhante. E número dois, e vamos mudar a cor. Então eu vou voltar e mudá-lo para um rosa ou azul, ou azul. Lá vamos nós. Então isso vai sair e interessante na pré-renderização. E você pode mudar o ângulo da câmera a qualquer momento, ele pode mudar uma caixa de fundo lá. Para ser inimigo do seu material, você gostaria. Então eu só queria demonstrar isso rapidamente. Você sabe, você pode passar algumas horas realmente aprendendo, passou um bom dia aprendendo dimensões Adobe. Então você pode criar alguns efeitos realmente interessantes. É sobre brincar com os diferentes materiais, a iluminação. Nós nem tocamos muito na iluminação. Pode mudar. A lente é apenas a iluminação padrão, mas você pode entrar no ambiente e você pode mudar a iluminação do ambiente também, para que você possa torná-la mais intensa. Você pode fazer a rotação de uma luz, luzes diferentes Coursera do que apenas o padrão. Pode-se trazer seus próprios brancos. Então você tem diferentes ângulos de clima, a luz, fontes de iluminação vindo de. Então tudo isso tem um grande efeito sobre a aparência do texto também. Especialmente quando você tem materiais brilhantes, às vezes a iluminação e a forma como reflete realmente muda. Então você pode ver como o, oh, parece muito legal lá. Podemos levar estes três. E podemos pegar a ferramenta amostradora, provar o ouro. Podemos pegar os dois, só estou amostrando, só estou pegando essa ferramenta conta-gotas, ferramenta amostradora. E eu vou fazer todo esse ouro só por diversão. Obter uma ferramenta de amostragem, tornando-o o mesmo material. E assim, nós temos esse tipo legal de livro de golos. Se você não quer que ele seja super brilhante e você quer ter um acabamento mais fosco. E, e falamos sobre tendências de design. Como mais de um acabamento fosco parece realmente bom? Digamos, vamos em frente e selecionar isso para entrar em nossas opções. E ele tinha essas propriedades aqui e você pode aumentar a rugosidade. Então, quando você aumenta a rugosidade, você está tirando aquele olhar metálico brilhante e você está tornando-o mais Matt. Então aumente a rugosidade. Claro que há pátina é se você sabe sobre como metálico, sim, adicionar como uma pátina, ver como ele automaticamente meio bonecas e um pouco. Então, se você está executando um tipo de brilho mais maçante e você não tem tanto reflexo que pode tipo de fazer tudo olhar sobre o processo. Às vezes você pode fazer isso também. Eu queria te mostrar como renderizar. Digamos que tenho isto pronto para ir. Fui renderizá-lo. Tenho esta pré-renderização. Eu posso ir em frente e selecionar isso fora. Você pode ver como é. E aqui está a pré-renderização. Vamos fazer uma renderização final, e isso leva algum tempo. Então podemos clicar aqui para renderizar. Então agora eu estou no modo de design e você pode clicar sobre para renderizar. E você pode renderizar este alto, que é a, a melhor resolução e definir nossa qualidade, eu acho que você pode dizer porque tudo vai ser a mesma resolução. Se você quer um realmente de alta qualidade, vai levar muito tempo para renderizar. Isso provavelmente levaria cerca de 45 minutos. Eu geralmente gosto de fazer médio porque eu estou muito feliz com qualidade média. Depende do que serve a sua renderização. Se você vai fazer um grande cartaz que você vai imprimir, você provavelmente vai querer tomar um tempo para fazer alta. Mas neste caso eu vou fazer médium. Eu gosto de ter um PNG dele e eu adoro ter um arquivo do Photoshop porque você pode entrar no Photoshop e fazer algumas edições nele. Então vamos em frente e renderizar. E nós vamos renderizar isso. E podemos sempre trazê-lo para o Photoshop porque eu amo as dimensões da Adobe, mas às vezes eu realmente quero destacar destaques e sombras e um pouco mais de saturação e intensidade. Então eu gosto de trazê-lo para o Photoshop e apenas adicionar isso usando Dodge e Burn e alguns outros tipos de ferramentas para ajudar como realmente trazer cores um pouco melhor e para afiá-lo. Portanto, quase sempre precisa ser editado no Photoshop para ter um visual polido. Então vamos fazer isso muito rapidamente com isso. E então eu vou, a última coisa que vou fazer é mostrar-lhe como eu meio que montar o cartaz da topografia. 14. Projeto #3 - tipografia 3D - Parte 3: Então aqui está o nosso arquivo do Photoshop que foi processado levou cerca de dez minutos, então não foi tão ruim porque eu fiz uma renderização média. Então eu estou aqui no Adobe Photoshop e nós podemos, é claro, entrar e adicionar muitas alterações e edições a isso. Podemos afiá-lo. Podemos realmente trazer efeitos. Então eu tenho, você tem um par dessas camadas adicionais que são adicionadas que você pode ativar e desativar esse tipo de problemas mais avançados. Então vá em frente e desligue isso. Não se preocupe com essas camadas adicionais. Nós só vamos nos preocupar com a camada principal aqui. A primeira coisa que precisamos fazer é clicar com o botão direito do mouse em criar dois objetos inteligentes. Então podemos manter a fonte original da foto e jogar. Vá para ajustes de imagem. Podemos fazer exposição à vibração, todas essas coisas diferentes que gosto de ir para sombras e destaques. Ele pode realmente trazer sombras e destaques desta forma pode trazer o fundo mais. Se você quiser iluminar e usar matiz e saturação para que possamos ajustar a tonalidade um pouco. Podemos até torná-lo mais cobre se quisermos aumentar a saturação que eu gosto de afiar para que eu possa subir para afiar. Afiar mais tipo ajuda a realçar detalhes. E só para mostrar a diferença, postar renderização, edição marcas e Photoshopped. Este foi o meu antes da minha foto de capa 2021 tendências de design. E depois de cerca de cinco minutos de ajustes, fazendo um pouco de Dodge and Burn para algumas das letras, trazendo algumas de suas sombras e também trazendo alguns dos destaques. Eu era capaz de ajustá-lo um pouco, até mesmo ajustar as cores para obter um bom mais polido, olhar acabado nas postagens do Photoshop renderizar. A mesma coisa para o meu cartaz de tipografia, este tipo de antes. E este é o depois, meio que adicionou um pouco mais tons mais quentes ao objetivo para torná-lo um pouco mais cobre e apenas meio que trouxe alguns acentos. Então eu só queria te mostrar isso. Isso não deveria necessariamente ensinar as dimensões da Adobe, mas apenas mostrar como é fácil criar topografia 3D hiper-realista. Há muito mais nas dimensões da Adobe para aprender muito sobre iluminação, e isso era apenas tipografia. Você poderia fazer objetos, combinar objetos juntos para criar novas formas são muito bom conteúdo no YouTube sobre as dimensões da Adobe também. Então eu só quero que você esteja ciente disso como uma opção para você. Você pode integrar topografia 3D e praticamente qualquer um de seus designs, qualquer um de seus branding. Você pode usá-lo para quase qualquer coisa. De qualquer forma, espero que seja muito mais fácil do que você pensou que seria. Acho que as dimensões da Adobe queriam que fosse fácil para todos. Então, lá vai você. Há a próxima tendência de design nos livros. Bônus. Eu queria ir mais fundo sobre como eu criei este cartaz. Eu mostrei um pouco antes sobre como ele foi construído, mas foi construído da mesma forma que fizemos o projeto de classe com apenas cada letra individual, assim como fizemos 2021. E deixe-me ir em frente e rodar isso para fora. Você pode ver como tudo isso parece. E eu mudei a profundidade de cada um para ver como o A e o oligo e ir em frente e zoom aqui para você. Veja como um tipo de entra no RNA, meio que faz com que ele se funda. Esse é exatamente o efeito que fizemos com o 2021 onde colocamos alguns textos juntos. E mudei a profundidade de alguns destes. E para alterar a profundidade, você pode clicar no personagem, basta clicar no texto. Então vamos dizer que este é g. Eu provavelmente poderia rotular estes, descer e você pode mudar a profundidade. Para que eu possa diminuir a profundidade. Ou aumente quando você aumenta a profundidade e tudo isso e você junta-os todos assim. Você pode tipo de criar este fundido. Olhe o que você tem aqui. E tem tipo de não é o reflexo, não é, é um pouco mais maçante. Então, se eu entrar no material que entra nos detalhes de qualquer um desses, você pode ver minhas opções de materiais. Eu tenho um pouco de rugosidade, então não vai ser o super-duper, metal brilhante. É um pouco áspero, por isso tem este tipo de acabamento fosco. Então, se eu tirar a pré-visualização, a visualização de renderização, você pode ver um pouco melhor como tudo isso é construído. Então vamos em frente e diminuir o zoom. Tenho-o numa caixa. Então, há uma espécie de minha caixa de fotos, se você quiser. E quando se trata de organizar tipo, você sabe, essa é a parte. Como eu disse antes. É muito semelhante a organizar o tipo 2D em termos de legibilidade. E assim como você organizaria, você poderia até organizar isso de uma maneira que você gosta no Adobe Illustrator primeiro para ter uma idéia de layout como onde você quer, como você quer que eles sejam empilhados? Sabe, poderia ser totalmente diferente. Veja como eu fiz agora. Então topografia. E mais uma vez, você está em um espaço 3D, então nem tudo tem que seguir o mesmo plano. Então você pode ter as coisas transformadas em um sinal diferente. Quero dizer, há tantos arranjos diferentes. Muitas vezes eu gosto de pré-planejar no Adobe Illustrator e vetor primeiro. Boa idéia, Mas é claro, espaço 3D, é difícil fazer isso. E Illustrator, poderíamos apenas transformá-lo. E, de repente, ele gosta de uma opção diferente neste tipo de escolha, carvão fogo selvagem. Eu tinha isto no meu computador há algum tempo. E a razão pela qual eu não fiz esse tipo de letra específico para um projeto é porque eu não acredito que ele esteja mais nas fontes da Adobe. Às vezes, as fontes Adobe removem as fontes e elas não têm mais acesso a elas. Eu ainda tenho este instalado, mas eu não queria necessariamente fazê-lo para um projeto se vocês não pudessem acessar esse tipo de letra, eu odiaria fazer isso com vocês, fazer um projeto e vocês não teriam o mesmo Eu trabalhei com o tipo de letra. Eu realmente gostei de como os são parecidos. Como algumas dessas letras são tão interessantes você pode encontrar qualquer, você pode usar qualquer fonte aqui, qualquer fonte que você possa instalar, mesmo as realmente decorativas, você ainda pode trazê-las se for uma fonte, você pode usá-lo e dimensões da Adobe. Então você pode fazer tipos de letra serif, scripts, e apenas algumas coisas realmente legais. E eu queria te mostrar uma outra. Eu só mostrei como você pode juntar topografia e objetos também. Então este é um que eu fiz para a cor. Então você pode ver como eu trouxe em um cubo e eu trouxe em letras, e eu brinquei com os blocos e as letras para que algumas das letras ou em, em sobreposição da caixa, para que pareça que eles estão fundidos juntos. Este é um elemento líquido. Isso vai trazer isso para fora, este pequeno elemento líquido. Você pode encontrar tudo isso em seus ativos iniciais. Deixe-me ver onde eles estão. Eles vão estar nas modelos. Vamos, há diferentes efeitos de respingo. Então você pode trazer isso e você pode girar isso exatamente como o tipo e adicionar material a ele e você pode dimensioná-lo e torná-lo maior e você pode até mesmo trazer isso. Eu tenho um visual de plástico, então quase parece tinta. Mas você pode até mesmo trazer em vidro para dar o vidro torná-lo parecido com água também. Então você pode um material pode mudá-lo para. Então eu só queria mostrar a vocês como eles são construídos. Cursos poderia levar uma hora para mostrar-lhe como, como um construído tudo isso. Mas isso é meio que, você pode ver que eu coloquei alguns materiais aqui em baixo. Então ele dá uma espécie de ambiente para estar em vez de apenas estar flutuando em um ambiente branco. Mas foi assim que isso foi feito. Deixa-me sair a Dolly. Você pode ver todo o espaço. Mas eu diria que isso levou cerca de 30 minutos para montar. E, claro, talvez dez minutos e o Photoshop para ajustar as cores para realçar mais sombras, destaques e torná-lo mais dramático. Mas é basicamente isso. Esse é o espaço 3D, essas são as dimensões da Adobe. Eu só queria mostrar projetos em que trabalhei para mostrar o quão rápido você pode montar isso. E mal posso esperar para ver algumas das suas coisas, a sua topografia 3D. Se você quiser fazer uma facada, eu adoraria ver um projeto estudantil funcionar. Eu adoraria compartilhá-lo no meu Instagram no Lindsey Marsh design. Se você quiser me marcar, eu adoraria compartilhar seu trabalho 3D que você fez nas dimensões da Adobe com tipografia.