Página inicial de Simulação A com Adobe XD (nov. de 2018)

1. Introdução: Oi, meu nome é Rob. Eu trabalho em uma pequena empresa de Web design e desenvolvimento que essa empresa eu projetar sites. Então o que eu vou fazer é trabalhar com um cliente para ter uma idéia do que eles estão procurando. Então eu vou criar uma simulação baseada no que eles querem, e então eu vou e vou para trás com eles na simulação, ajustando até chegarmos onde o cliente quer. E então eu me entreguei para nossa equipe de desenvolvedores e fiquei com o projeto como gerente de projeto para dar vida ao design. Então, neste curso, o que eu vou abordar é uma introdução ao design de sites. Especificamente, vamos projetar uma home page e, em seguida, também uma introdução ao uso do Adobe X D. Assim, para as pessoas que foram projetando sites por um tempo, espero que você possa obter algo da introdução ao Dobie X'd. Se você não estiver familiarizado com esse programa e para pessoas que não têm experiência, isso deve ser suficiente para começar a criar sites no Adobe X'd. Estou entusiasmado com este curso, e espero que todos gostem. Vamos começar 2. Roteiros de vídeo: Então eu montei esses óculos para que, tipo, eu meio que toquei em uma introdução. Eu quero que os tribunais sejam úteis para pessoas que experimentaram projetar sites e pessoas que também são novas nele. Então, para que as pessoas com isso já tenham experiência não passem , coisas que eles já sabem,para que eles possam simplesmente saltar para os vídeos que estão focados em X d. Eu rotulo todos esses vídeos X'd habilidade. Então, se você é um designer experiente e você só quer aprender um pouco sobre X d, eu recomendo que você pule para eles e, uh, seria ótimo se você completar os projetos, e eu acho que isso vai ajudá-lo a lembrar essas coisas. Mas eu não acho que você provavelmente precisa ver todos os vídeos de design. E se o seu novo eu recomendo que você passar por toda a coisa e definitivamente fazer o projeto , porque você pode ajudá-lo durante o projeto vai apenas ajudá-lo a aprender tudo. Além disso, você pode usá-lo para ajudar a iniciar seu portfólio. 3. XD no ecossistema: Há um monte de ferramentas de design lá fora, e eu só quero dar uma visão geral de onde X'd se encaixa. Ferramentas mais projetadas. Faça uma das duas coisas que você quer usá-las para projetar. Ah, zombe ou use-os para protótipos de suas simulações que você fez outro programa. X D faz ambas as coisas em um programa que é bastante único. Teoh dentro das ferramentas de design existentes em outra coisa sobre X'd, onde ele se encaixa dentro de um sistema dhobi. Até X'd atrás, nós realmente não tínhamos algo que fosse adaptado para projetar sites. Muitas pessoas usaram loja de fotos para projetar sites, mas a loja de fotos é uma ferramenta construída para editar fotos. Então havia uma tonelada de coisas que ele nem fazia lá. Foi meio desajeitado. Requer muito mais. Um computador muito mais poderoso do que o X'd faz isso X'd acaba de se adaptar apenas para projetar sites e APS. Então, por causa disso, é muito mais simplificado. Você pode se mover muito mais rápido, e então , sim, eu gosto do X D. Vamos começar a aprender sobre isso 4. Criação de protótipos: vamos cobrir como fazer um protótipo nesta série como fazer um protótipo no próximo D. Nós não vamos realmente construir um completo, mas você deve ensinar-lhe os conceitos para que você possa construir a partir de quatro protótipos se Você queria. No entanto, não vamos cobrir como testar seu protótipo. Isso seria um novo vídeo. Da Siri. Então não vamos incluir isso nisso. Já estamos cobrindo o suficiente. Uma coisa antes de mostrarmos como criar um protótipo em X'd que eu queria tocar é espécie de raciocínio por trás dos protótipos. Só para você ter alguma experiência se você não está familiarizado com isso. Então, a razão pela qual você pro tipo de site é porque é demorado e caro para codificar. Ah, site. Assim, a fim de limitar o seu risco antes de fazer esse investimento total, codificar o site. Você pode criar um protótipo muito mais rápido, uh, e barato, em seguida, pode codificar um site para que as pessoas vão construir o protótipo, e então eles vão fazer alguns testes de usuário e, em seguida, eles vão se certificar, e então eles vão fazer alguns testes de usuário e, em seguida, eles vão se certificar, ou eles confirmam que o design deles vai funcionar e eles estão prontos, eles revesti-lo ou, mais provável, nós provavelmente vamos descobrir alguns problemas. Eles vão corrigir esses problemas no teste de protótipo novamente e continuar andando assim até que eles resolvam tantos problemas quanto eles pensam que podem razoavelmente com o protótipo e, em seguida, eles vão para o desenvolvimento. Então prototipagem é apenas uma maneira de basicamente reduzir os riscos. E de certifica-tedeque o que estás a construir vai funcionar para o que ela queria, Teoh. 5. Usos de protótipo: prototipagem é basicamente construir uma versão rápida do site para que você possa testá-lo antes de colocar todo o dinheiro no revestimento. Agora é isso que X D foi projetado para fazer com seu recurso futuro de prototipagem para construir esses protótipos. Mas eu descobri que você também pode usar protótipos para classificar de modo que seus clientes em idéias ou dedos ou para obter projetos através do processo de RFP. Então, às vezes o que vamos fazer é ao invés de digamos, há uma RFP que pede ah, você sabe, algumas simulações. Então, em vez de apenas enviar o envio de imagens com a nossa proposta, o que eu vou fazer é tudo que eu vou criar protótipos em X d e, em seguida, enviar links para aqueles para os clientes. Vai, vai, vai, vai sobre como fazer isso em um vídeo mais tarde. Mas basicamente os clientes clicam nesses links e eles podem percorrer, e talvez eles possam clicar em algumas coisas, e eu acho que, você sabe que isso pode realmente ajudar os clientes a entender sua visão. É muito mais fácil mostrar às pessoas coisas que é escrever coisas e tentar fazer com que as pessoas entendam através de sua escrita, então eu acho que adobes X'd recursos úteis para prototipagem. Mas eu acho que também é útil para explicar suas idéias e conceitos aos clientes. 6. Inspiração e processo: Então, quando eu estou projetando um site, a primeira coisa que eu digo é que eu conversei com o cliente, e eu geralmente peço a eles para me dar, hum, 3 a 4 sites que eles gostam, que eles gostam da aparência e sensação de. E de lá eu vou rever esses sites e, em seguida, também olhar, navegar por conta própria para sites que eu acho que tipo de cair dentro dessa área. E depois no Lee, todos tomando notas. Não começo a esboçar as coisas depois. Eu sinto que tenho uma boa idéia do que o cliente gosta, que eu meio que começar a pensar em como eu posso lidar com isso e me encaixar em suas necessidades. Nesse ponto, começo a esboçar, e quando estou desenhando, não olho diretamente para os sites que os clientes me deram ou sites que encontrei enquanto navegava. Faço isso porque me ajuda a ter certeza de que estou criando algo novo, que não estou copiando, algo que não estou copiando. Algum site que o cliente gosta porque primeiro, você sabe, você não quer roubar o trabalho de outras pessoas, e segundo, quero dizer, mesmo que os clientes gostem desse site. Provavelmente não querem que pareça. Eles realmente não querem que seu site se pareça exatamente com o site que eles querem. Estão te pagando para fazer algo único. Então eu acho que isso me ajuda a fazer isso se eu realmente não tenho o site puxado para cima quando im esboço porque você sabe minhas memórias em perfeição. E mesmo que eu tente, não posso recriar sem tê-lo bem na minha frente. Então é isso que eu faço. Depois de ter alguma inspiração, começo a esboçar o que eu gosto, e depois vou para X d e começo a marcar. 7. Esboço: Tudo bem. Então, como eu disse, , começo pegando sites dos clientes e vendo esses sites. E então eu também faço alguma navegação por conta própria para encontrar sites semelhantes. E o tempo todo que estou fazendo isso, estou pensando na minha mente como posso aplicar ideias e conceitos nesses sites aos sites dos clientes . E eu tento fazer isso de uma maneira diferente do que eles estão sendo feitos nesses sites. Então, uma vez que tenho algumas ideias, vou ao meu caderno e começo a esboçar coisas. Eu costumo usar caneta. Isso me ajuda a seguir rapidamente e não ficar muito obcecado com os detalhes, porque não é realmente produtivo quando você está desenhando a maior parte do tempo. Você quer dizer isso até você entrar em Xt'd e começar a fazer simulação real. Então eu pensei em fazer alguns esboços rápidos aqui para que você possa apenas ver um exemplo do que eu faço. Então eu costumo começar fazendo o primeiro a primeira seção que mostra acima da dobra. Então eu gosto de desenhar. Uh, isso é quando eu aproximadamente a proporção da primeira seção acima da dobra. E então eu coloquei em algumas linhas para representar os itens do menu e então eu vou apenas fazer um círculo para o logotipo. E então temos um grande apelo à ação para que eu quero ter certeza de que isso está claro. E depois quero ter um botão para as pessoas clicarem se gostarem da nossa chamada à acção e precisarmos de uma forma de separarmos, separarmos a próxima secção. Então pode ser apenas uma linha reta. Mas, você sabe, pode ser uma linha curva, então eu vou apenas ir em frente e através de uma linha curva lá dentro por enquanto. E então eu vou começar. Vou passar para a próxima seção. Então eu gosto de trabalhar em seções. Só nos diga, pensando para ter certeza que estou cobrindo tudo e, também , me ajuda a não ficar sobrecarregado. Garante que eu cubro tudo o que preciso. O Teoh. Então, esta seção, nós vamos tipo de estender a linha Kirby nesta seção vai ser quatro pessoas que ainda não foram convencidas por esta seção. Talvez estivessem um pouco nervosos sobre como as coisas estavam indo. Nós vamos acontecer. Então, vamos explicar a eles como as coisas acontecem nesta próxima seção, explicar-lhes o processo. Então vamos fazer isso por etapas, então haverá uma caixa para o primeiro passo e então essas linhas vão representar texto explicando o primeiro passo, colocar no ar aqui. Então, depois de você pisar quando você vai para o passo dois e então você passo três e então você está feito e espero que você realmente quer dedo você convencido neste ponto, Então talvez fazer vai colocar outro botão de ação de chamada aqui. Talvez não. Vamos ver. Isso pode ser um pouco exagerado, uh, quando ele estava indo para a próxima seção em. E eu acho que é uma boa idéia mostrar as pessoas por trás dos sites. Então vamos colocar a foto dos clientes aqui. Talvez não seja a foto dos clientes. Pode ser um ótimo destino de viagem que vai inspirar as pessoas. E isso vai ser sobre ele vai ser sobre o cliente e sobre o serviço deles. Então coloque algumas linhas, texto lá e, em seguida, realmente esperando que neste ponto as pessoas estão convencidas de que querem se inscrever para isso. Então vamos colocar o cartaz, formar-se aqui. Então isto é pelo nome deles. E então nós vamos ter o e-mail deles e então um botão de enviar. Então teremos um rodapé. Não vamos detalhar isso agora, mas queremos ter certeza de que nos lembramos de colocar um pé ou de lá em baixo. E então isso é tipo do que eu meu processo Não, antes de eu realmente passar para x d normalmente fazer é fazer, tipo, provavelmente cinco ou seis como este, apenas experimentando com idéias diferentes. Eu acho isso fazendo com caneta e papel. Eu poderia me mover muito mais rápido do que eu posso, mesmo no próximo D e também apenas meio que ajuda minhas idéias a fluir mais rápido e suavemente. Então eu gosto do Teoh ter alguns conceitos e então uma vez que eu tenho alguns conceitos, eu vou escolher um casal que eu acho que eu gosto. E então eu vou até o X de e zombei deles. E vocês podem ver que eu mantive estes bem pequenos e a razão pela qual eu fiz isso é porque eu acho que , como , usando caneta, isso só me ajuda a me mover mais rápido se eu torná-lo maior do que eu sou tentado e dizer, , como, usando caneta, isso só me ajuda a me mover mais rápido se eu torná-lo maior do que eu sou tentado e dizer, desenhando linhas aqui. Você sabe, eu começo a escrever o que cada item do menu vai ser, e então talvez eu comece a tentar, tipo, realmente desenhar o logotipo e, você sabe, soltar botões e colocar impostos e escreva a chamada à ação. E essas coisas não são realmente necessárias nesta fase. No meu processo, pelo menos eu só quero criar conceitos, idéias. É como trazer armazenamento para mim, e então eu vou entrar em mais detalhes quando eu entrar em X'd. Tudo bem, então é assim que eu faço. Como eu disse, eu faço mais algumas dessas antes de ser a próxima. D. Então o que eu recomendo que você faça agora é que eu quero dizer, eu diria 3 a 5 conceitos, então você quer que todos sejam diferentes. Então você tem coisas diferentes, Teoh pensa e depois escolhe. Então você tem coisas diferentes, Escolha o seu favorito e pegue isso e use isso como a base é como nós aprendemos como topar as coisas no próximo D. Então vá em frente e faça alguns esboços, carregue-os para a área de projetos e, em seguida, passar para os próximos vídeos 8. Escolhendo um projeto: o projeto que vamos fazer através deste curso é fazer uma página inicial de um site. O que vou fazer é criar um cliente fictício no meu cliente fictício. Eles têm um site de viagens, e o que eles fazem é que você entrar em contato com eles, é e eles criam uma experiência de viagem para você. Digamos que você queira ter umas férias tropicais. Você sabe, você diz a eles o seu orçamento, você diz a eles que tipo de comida você gosta e não gosta, uh, quando você vai entrar nesse tipo de coisa. Então é como um agente de viagens e um concierge. Então esse vai ser o conceito por trás do site que eu vou fazer. Como eu disse, isso é inventado. Então eu só vou me divertir com ele e espero que todos gostem. Hum, medida em que está chegando com algo para o seu projeto fora recomendar fazer algo semelhante, talvez você só tenha uma idéia. Você meio que quer testá-lo e inventar algo, compensar por diversão. Ou talvez você tenha um amigo que tenha uma ideia, e você queira zombar dela para eles. Ou talvez você saiba de um site que você gosta, mas você acha que o design poderia ser melhorado em? Pegue isso, pegue esse site e depois redesenhe-o para este projeto ou última idéia que eu tipo de jogar lá fora é talvez ter um site que você realmente gosta do design de você, realmente como ele é configurado. E então talvez você só queira jogar fora que talvez você queira aplicar isso a outra indústria . Ou talvez queiras jogar de outra forma. Então essas são algumas idéias que eu tenho que começar a criar o projeto por conta própria. O Eso. Por que você não ir em frente e projetar conflitos e, em seguida, ir em frente e enviar algumas notas sobre o que você planeja fazer para a área de projetos e, em seguida, seguir em frente no próximo vídeo 9. Uploading de projetos: Então o projeto para esta aula será projetar uma página inicial de um site. Então não vamos fazer todas as páginas porque isso vai ser um pouco demais para o escopo deste vídeo. Vai demorar um pouco, então vamos fazer a página inicial, e eu encorajaria você a começar na página inicial assim que começarmos nos vídeos X D assim que começarmos a desenhar, eu encorajaria você para fazer o que eu dio em sua própria maneira depois de assistir meu vídeo. Dessa forma, você está fazendo isso passo a passo, e, em seguida, enquanto você cria coisas, por favor, carregue-as para o espaço do projeto. Acho que isso vai te ajudar a obter mais feedback sobre seu trabalho. E acho que também vai te ajudar a fazer isso em vez de esperar até o fim . E então você diz: “Oh, “Oh, meu Deus, eu tenho todas essas coisas. Não me lembro do que devo fazer. Se você fizer uma das vezes, acho que haverá mais manejável. E, em seguida, ele também ajuda você a aprender melhor. Ela vai fazer isso enquanto ainda está fresco em sua mente. Então eu recomendo depois da metade que você assista cada vídeo onde há algo alguma habilidade que você pode agir sobre ele, que você tomar medidas sobre ele e, em seguida, que você fez upload de um projeto ZA. E então podemos ver todo o seu processo à medida que você vai de escolher cores para esboçar simulações iniciais , finalizar simulações e prototipagem. Então, Então, são os meus pensamentos sobre projetos. Estou ansioso pelo que todos vocês criaram. Vamos começar. 10. Como obter XD: Então, o primeiro passo para usar o X D é, é claro, e vendê-lo em seu computador. Na maioria das vezes, vou deixar isso para você. Eu não sou realmente um especialista em fazer isso. Eu não sei que tipo de computador você tem e esse tipo de coisa, mas eu vou dizer que se você ainda não tem, você provavelmente não precisa se inscrever para uma versão paga do Adobe CC agora. Você provavelmente pode ter um teste gratuito por, tipo, eu acho, semana ou 14 dias e então ver se isso é algo que você realmente gosta, ou eu não sei se isso ainda vai acontecer. Mas quando este vídeo foi feito, uh oh. Nós estávamos oferecendo um X'd grátis que você não tinha que pagar. Então, espero que eles ainda estejam acontecendo. Você quer pagar, então vá em frente e instale um XD. Se você ainda não o tiver instalado, então seguiremos em frente. O Teoh. O primeiro vídeo sobre como usar X'd 11. Interface XD: Tudo bem. Então aqui, temos a primeira tela que você vê quando você abre. Próximo de ah, uma quantidade justa acontecendo aqui. Você tem seus arquivos recentes aqui. Você tem os kits que vão passar mais tarde. Você tem tutoriais e recursos é. Mas o que realmente precisamos agora é escolher um tamanho para um primeiro quadro de arte. Hum, então eles têm iPhone iPad, e então eles têm um tipo de tamanho de desktop padrão 1920 por 10. 80. E então você pode fazer o seu próprio tamanho também. Para isso, vamos começar com o 1920 por 10. 80. Então, basta clicar nisso e então ele vai puxar isso aqui, e eu vou te dar uma rápida visão geral de como tudo está definido aqui. Então, do lado esquerdo, você tem suas ferramentas. Ah, você também tem seu painel de ativos. Vamos falar sobre isso mais tarde. Estes são símbolos, estilos de caracteres. E então este botão é para suas camadas. Você pode clicar de novo para fechar isso e mostrar que o lado direito vai fazer uma forma aqui, e então você pode ver quando eu fiz essa forma. Você pode clicar de novo para fechar isso e mostrar que o lado direito vai fazer uma forma aqui, Tudo isso se tornou clicável, então você poderia fazer um monte de coisas por aqui. Como alinhamentos entrando. Você pode mudar as dimensões. Você pode mudar a cor. Uh, então isso é uma espécie de noz. Esta é a sua área de ferramentas. E então isso é o que você pode fazer com suas ferramentas e o que você pode fazer com a forma que você selecionou aqui. E então este é o menu onde você pode obter um novo documento, abrir um, segurar documentos, salvar exportação, etc. E então o que vamos fazer rapidamente aqui, vamos diminuir o zoom, vamos fazer uma cópia disso, e vamos fazer com que isto seja diferente. A razão pela qual estamos fazendo isso é para que eu possa mostrar a área do protótipo. Então, para chegar à área do protótipo, você precisa ter pelo menos duas placas de arte. Então agora vamos até aqui e clicamos no protótipo. É como eu disse no dia seguinte você pode projetar e protótipo. É aqui que você faz o seu projeto. E então é aqui que você faz seu protótipo para que você possa ver que ainda temos nossos mesmos quadros de arte . Eles parecem exatamente iguais. Estão no mesmo lugar. Mas perdemos muitas ferramentas aqui, e perdemos todo o nosso painel aqui. Isso é porque a área do protótipo não precisamos dessas coisas. Então, aqui podemos nos conectar, e depois falamos sobre isso mais tarde. Mas há muitas opções sobre como você deseja fazer a transição e, em seguida, apenas conecte este de volta. Tudo bem, então nós protótipos essas coisas. Então, a exibição, seu protótipo e você também pode fazer isso no modo de design, você clica em pré-visualização, e agora você pode ver que eles estão conectados. Clifton para ir e voltar. Isso é apenas uma rápida visão geral da interface X'd. 12. Skill: navegação: Tudo bem, agora que sabemos que temos uma visão geral da interface, vamos falar sobre como você pode navegar em seus documentos X'd, então há muitas maneiras diferentes de você navegar. Vou mostrar-lhe os meus favoritos rapidamente aqui. Ah, então se você está em uma pista ruim, você pode usar seus livros de dedos. Use os dedos para aumentar e diminuir o zoom assim. Você também pode manter o controle em um comando do PC no Mac e enquanto você está segurando o comando Command, você teve menos dois Z quantidade mais para ampliar. Então eu estou segurando o controle menos mais aparentemente dentro e fora. Então você pode selecionar a forma e dizer Você quer trabalhar nesta forma o que eu vou fazer a maior parte do tempo. , Todos tinham controle, comando, controle, comando, , comando, depois aperte três. E vai preencher essa forma dentro da minha tela. E você pode ver agora cerca de 120% que eu preferiria estar em, hum, 100% porque é assim que o design deve parecer. Um 100% 7 de controle de acerto. Não, não estou 100%. E agora eu posso projetar, então eu uso, ah, controle ou comando três dedos puxando qualquer objeto para a minha tela. Então eu uso o controle ou o comando um para chegar a 100%. Outro atalho de tecla útil aqui é o controle ou o comando zero. E isso vai puxar para cima todo o seu quadro de arte para que você possa ver todos os seus quadros de arte de uma só vez . Então, os principais zoom que eu gosto então você também pode manter espaço e que permite que você se mova . A tela pode ser arrastada. Então isso é não, é assim que você pode se locomover no Adobe X'd. Pelo menos é assim que eu faço. Vamos passar para o próximo vídeo. 13. Skill: como adicionar cores: Ok, então aqui temos a nossa paleta que eu disse que eu queria ir com para este projeto ah. Então eu vou clicar com o botão direito e copiar a imagem, e então eu vou passar por cima do texto D. E eu quero dizer ah, colar esta imagem aqui e há algumas maneiras que você pode usar esta paleta. Vou te mostrar uma maneira fácil. Você pode simplesmente colá-lo em outro quadro de arte. E então digamos que este é o nosso conselho em que você está trabalhando. Você seleciona sua forma que você quer colorir, e então você pode simplesmente usar sua ferramenta conta-gotas. Você é conta-gotas, ferramenta e escolha, e ele vai mudar a cor da forma. Então, continue fazendo. Pode fazer assim. Ou o que eu gosto de dialogar é, , eu gosto de colocar todas as cores em êxtase construídos no paladar aqui, então eu acho que isso é um pouco mais rápido, especialmente quando você acaba com um monte de quadros de arte. Você não tem que arrastar seu paladar para todo lugar, e você não tem que ampliar e reduzir um monte de zoom para chegar a ele. Você pode ir bem aqui. Já está lá, então já coloquei esse rosa médio. Então eu vou em frente e bater. Além disso, e então você pode ver que ele aparece, e então papai e outras cores usarão a ferramenta conta-gotas. E toda vez que eu entrar aqui, certifique-se de bater. Além disso, eu consegui isso. É outra vez? Espere, esse alguém já fez isso. Eu acho que faça isso. Tudo bem, agora você vê, nós temos todas as cinco cores, e se você quiser, você pode arrastá-las e organizá-las como se estivessem no seu paladar, que fiquem bonitas, mas cabe a você Oh, é assim que você pode puxar em suas cores para X'd. Então agora eu mostrei a vocês como dedo do pé, como criar uma paleta pelo menos uma maneira e também como trazê-la para X D. Então, por que vocês não vão em frente e escolhem uma paleta e, em seguida, carreguem seu paladar Teoh para sua área de projetos compartilhados para que você pode obter alguns comentários sobre ele e depois que você carregá-lo, vá em frente e puxá-lo para X D, e então vamos passar para a próxima lição. 14. Habilidade: incluindo fotos: Muito bem, agora temos as nossas cores importadas. Espero que você também tenha importado suas cores. Vamos começar a construir o local para não precisarmos da praça. Então eu só vou bater até levar para me livrar daquele quadrado. E, uh, como eu mencionei quando eu estava desenhando, nós vamos liderar com uma espécie de área de herói com uma área de banner com um apelo à ação. Então, nessa área, queremos tornar isso atraente e atrair as pessoas imediatamente para que elas permaneçam em nosso site e naveguem nele. Então uma coisa que eu gosto de que eu acho que poderia ser útil para isso é se você encontrar uma boa imagem que é relevante para o seu site e você faz isso é ah, um grande fundo. Então, Então, o próximo passo, se você estiver seguindo, seria encontrar uma imagem para encontrar imagens. Eu gosto de unspool cinzas muito em splash dot com. Vamos apenas olhar para isso, uh, muito rapidamente. Aqui. Então isso é unspool ash weaken tipo pesquisa. Então meus pontos turísticos tipo um tema de viagem, então eu meio que gosto da idéia de uma praia para que você possa ver um digitado na praia. E eu tenho todos os tipos de fotos legais. Se eu encontrar um que eu gosto, basta clicar em baixar e salvar a foto. Hum, mas eu já fui, fui em frente e navegar por isso e encontrei vários que eu gostei. Então vamos dar uma olhada aqui. Então, depois que eu encontrar as fotos, como você pode ver, eu gosto de compactá-las. Ah, a razão de eu fazer isso é porque ele ajuda a manter o tamanho do arquivo do meu tamanho ex d um pouco baixo. Não tenho o computador mais poderoso. Então, às vezes, quando esses tamanhos de arquivo ficam muito grandes, ele vai começar a diminuir a velocidade X d. E também é apenas uma espécie de Ah, boa idéia. Sabe, se você não precisa de um arquivo enorme, por que usá-lo? Então também gosto de redimensionar os arquivos, então estou projetando 1920 pixels de largura. Então também gosto de redimensionar os arquivos, Então, na maior parte, não vou usar na imagem. Isso é muito fio do que 1920 s. Oh, isso também é outra maneira de economizar, hum, hum, espaço e manter seus tamanhos de arquivo baixo. Então vamos ver. Eu realmente gosto dessa imagem, então eu vou fazer isso o meu passado. Há muitas maneiras de trazer imagens para o XD. Provavelmente meu jeito favorito é Provavelmente meu jeito favorito éarrastar e soltá-las da exploração. Então, aqui vamos nós. Podemos arrastar isso e soltá-lo, e então, uma vez que temos, podemos usar nossa ferramenta seletora e arrastá-lo por aí, e então você pode ver que tem esses pequenos pontos. Clique nesses pontos. Você pode mudar o tamanho e algo que é bom sobre X'd. Isso é diferente de alguns produtos de manipulação de fotos como Photo Shop. É em algum lugar que você arrasta arrastar na lateral? Ou se você arrastar em um canto, ele vai manter as partes da foto? Então, Então, como na loja de fotos, se você começar a arrastar para o lado sem segurar mais nada, as fotos vão ficar distorcidas. Mas como você pode ver, Anexo D não faz isso porque, você sabe, maioria das vezes, quando você está construindo um site, você não quer uma foto distorcida, então nós vamos apenas ir em frente, o Anexo D não faz isso porque, você sabe,na maioria das vezes, quando você está construindo um site, você não quer uma foto distorcida, então nós vamos apenas ir em frente, brincou com a gente um pouco. Leve-o onde achamos que queríamos fazer uma pequena colheita um pouco mais assim. E então uma vez que você vê ainda selecionado, você pode obter esse ponto na borda azul. Assim que eu não selecionei, então você pode ver que só vai aparecer no meu quadro de arte. Então, por que vocês não vão em frente e passam algum tempo encontrando algumas fotos que vocês acham que vão gostar, e então compactem e redimensionam ele e o trazem para o reboque X'd e, em seguida, enviá-los para a sua área de projeto para que possamos dar feedback e e veja a sua progressão enquanto você constrói o site s. Então, no próximo vídeo, vamos continuar construindo o site e aprendendo mais coisas sobre X'd. 15. Skill: formas: Tudo bem. Então, para o meu projeto, eu vou usar formas como, ah, uma espécie de, ah, recurso de interesse visual. Então eu vou falar sobre como criar formas neste vídeo. Então há duas formas ah que você pode facilmente fazer em X'd que retângulos. Ele está na ferramenta de retângulo e na elipse. Você pode apenas clicar no lado ou você apenas e e, em seguida, isso vai puxar você para a ferramenta de elipse são para a ferramenta de retângulo para que você possa arrastar ao redor. Você pode ver se eu arrasto É apenas fazer qualquer tipo de forma. , Para o meu,vou fazer círculos perfeitos. Então, para fazer um círculo perfeito você segura a tecla Shift enquanto você está arrastando e então ele vai manter a forma em um círculo perfeito e então, se eu bater, é vai manter a forma em um círculo perfeito e então, se eu bater, para trazer de volta a ferramenta de retângulo e arrastá-lo arrastando e então eu vou segurar para baixo e você pode ver que a mesma coisa funciona com a ferramenta de retângulo apenas ele cria quadrados perfeitos quando você mantém a tecla shift pressionada. Então temos o meu quadrado. Uma vez que você tem o seu quadrado, você pode passar por cima para aparecer na área de aparência, e você pode brincar com a aparência dele para que você possa aumentar ou diminuir a opacidade, que fará com que ele mais ou menos veja através com retângulos. Você pode manipular o raio da borda, manipular os cantos, então se você quiser fazer isso com tudo que você selecionar, hum, este ícone e então você pode clicar aqui e você pode usar suas teclas de seta para subir e descer assim. Ou você também pode inserir um número. Digamos que você queria fazê-los realmente arredondado 90. Se você quiser ir um por um, você clica no pequeno ícone pontilhado raio diferente, alcance canto sobre. Então você pode ver aqui o ah, no ícone. Qualquer que você estiver editando está realçado em azul, então vamos apenas fazer este maior para que você possa ver que na ação 80 eu estou apenas digitando com teclas numéricas e enter, e então isso torna o canto mais arredondado. E, em seguida, para o preenchimento, clique neste. E como vimos mais cedo, você pode, hum, quartos. Na verdade, como vimos anteriormente, você também pode, em vez de clicar que você pode simplesmente usar a ferramenta conta-gotas e selecionar uma cor. A partir daí, já temos essas cores bonitas puxadas aqui para que possamos usá-las. Basta clicar e ele vai mudar para qualquer cor que você escolher. E então, se você quiser um tom ligeiramente diferente, você pode brincar com isso. Arraste isso em torno do dedo do pé, você sabe, adicionar mais ou menos preto, mais ou menos branco. Hum, se você quiser, apenas apareça cor aqui, e então se você quiser mudar as cores completamente e ir até aqui, hum e então isso vai definir a opacidade. Esta é outra maneira de definir a opacidade. O tipo de coisa que você pode fazer com isso é que você não pode definir um passado que você gosta, e então você pode mais, e isso vai salvar isso aqui em baixo. E então você pode reaplicar isso em outras áreas. Não vamos fazer isso agora , , então posso arrastar isso. Vai removê-lo do meu paladar. Então é assim que você muda a cor de preenchimento. E, em seguida, a cor da borda tem a mesma configuração. Você pode brincar com as cores como você pode, hum, para o preenchimento, e então você também pode ajustar o tamanho da borda para que possamos dizer se entrarmos em 15. O teclado de números e que tinha enter. Você pode ver que a fronteira fica muito maior, muito mais espessa. Você poderia dar um traço na fronteira, então nós demos um pequeno traço lá. E então você pode definir o espaço entre a borda, mas entre o traço da borda, e então você pode ver em um 20. Então o espaço ficou muito maior entre esses traços, , e então você também pode brincar com a forma do traço e esse tipo de coisa. Faça-o arredondado. Você pode dar a forma de sombra de gota. Cubra isso mais tarde. Mas você acabou de marcar essa caixa e então você pode colocar um fundo desfocado aqui, explodir o fundo do que estava embaixo da forma. Então você pode ver que há controles adicionais para o desfoque de fundo. Então é assim que você cria e manipula formas. Isso é o básico sobre o próximo jovem e adicionar algumas formas para a minha simulação. Então, vamos começar, vamos seguir em frente 16. Adição: Muito bem, agora que sabemos como fazer formas, vou mostrar-vos como vou usá-las nesta simulação. Então eu realmente gosto dessa imagem. E eu acho que poderíamos deixar essa imagem como ela é e apenas, um, um, colocar nossos textos são chamados de ação texto ano e, você sabe, oração. Olhe para aqui e acabe com isso. Mas uhm, eu vou usar algumas formas e colocar essas formas sobre a imagem para tipo de adicionar outro elemento. E então eu vou usar as formas e levar isso ao longo do design torto. Vá mais abaixo da página para que essa é a ordem vai, espero, trazer tudo junto . Gosto muito da forma como este barco cria uma arca. Então acho que vou usar círculos. É a minha forma. Então eu vou até aqui, selecionar o círculo, selecionar o círculo, também poderia fazer isso apenas apertando qualquer um e, em seguida, mantenha pressionada a tecla Shift para que ele faça um círculo perfeito , e então este arrasto para fora. Quero começar com um grande. Use este grande. O que vai segurar o turno para manter o círculo perfeito e usar este grande para o meu apelo à ação. Então, se você pegar a ferramenta de seleção poderia se mover assim. E então eu não quero fronteiras sobre algo desmarque a fronteira. E então você não tem que continuar indo e voltando assim. Quero dizer, é muito fácil se você usar V para a ferramenta de seleção, Andy para a ferramenta Elipse para ir e para trás. Ah, mas outra coisa que você pode fazer é você pode selecionar e, em seguida, ir para a ferramenta de seleção pressionando V e, em seguida, mantenha pressionada Ault ou seu equivalente no Mac e, em seguida, arraste enquanto você está segurando tudo e fazer uma cópia da forma, e então você pode manter a tecla Shift pressionada para manter o círculo perfeito. Só quero que os círculos sejam de tamanhos diferentes. Então eu sei que eu sou você precisa de outro aqui para o menu para que você possa facilmente ver o menu. Hum, então vamos fazer esse um pouco menor e então eu quero dizer muitas vezes, arrastar o dedo do pé, entrar lá, círculo acontecendo. É aqui que vou colocar o logotipo. Coloque esse aqui, faça aquele um pouco maior. Mas faça sair um pouco da tela. Não arraste para colocar outro aqui em baixo. E então eu acho que eu também quero ter um que você não está cortado onde você pode ver a coisa toda segurando o turno para manter o círculo perfeito parado e fazer isso uma coisa muito pequena . Vamos colocar esse aqui por agora e eu vou brincar de posicionamento. Ah, mais. Mas é assim que vamos começar. Então agora eu tenho todas essas formas. Agora quero dar-lhes uma cor. Então eu vou apenas ir um por um, selecionar e depois ir aqui. E eu acho que eu quero fazer a maior parte do que vai ser a cor principal do site esta cor rosa magenta. Então basta clicar com a forma selecionada, e então você pode ver que se aplica que Phil para a forma como Bem, como nós discutimos, hum e então eu me sinto como esses círculos de ar ocupando um monte de eles estão cobrindo um monte de imagem, e eu quero que eu não quero que eles para cobrir tanto, então eu vou dar-lhes um pouco, quero dizer, uma mudança. Mude a opacidade. Para que você possa ver. Veja a imagem embaixo dela. E o legal sobre isso é que podemos mudar a opacidade aqui, encontrar algo que gostamos. Digamos que queremos um pouco mais do que dizer que gostamos de uns 75. Então nós gostamos de 75 para que eu possa clicar em mais, e então ele vai adicionar essa configuração exata aqui, e então eu posso escolher minha próxima forma, e então eu não tenho que jogar com a capacidade novamente. É aplicada automaticamente essa capacidade. Um, outro jeito. Você pode fazer isso? Sim. Vamos acabar com isso. Digam, eu estou fazendo todas essas cores, exceto que eu quero que este seja o verde. Então eu vou fazer isso quando o verde e eu vou dar, clique lá e, em seguida, usando o meu teclado número hit, enter, e então é 75. Mas digamos que, você sabe, eu decidi, na verdade, eu acho que eu quero que a opacidade seja um pouco, hum, mais baixa, então eu vou abaixar 38. Então eu coloquei isso neste em vez de ah, copiando, controlando isso aqui em baixo. Outra coisa. Outra maneira. Você pode fazer isso se você clicar nisso e, em seguida, controlar , um, ver para copiar e, em seguida, clicar com o botão direito aqui e colar a aparência, e então não vai mudar a forma em tudo, mas ele vai apenas ritmo o estilo. Hum, então essa é outra maneira de você fazer isso. Mas eu gosto de 75 na verdade. Então vamos deixar em 75. Então é assim que você pode fazer suas formas. Hum, por que vocês não vão em frente e vejam se talvez sua imagem está boa do jeito que está e só querem deixá-la? Você não quer colocar nenhuma forma, mas se você decidir que quer colocar algumas formas ou e sobre, a outra coisa que você faz é você pode colocar algumas linhas sobre ele. Adicione algum interesse, mas brincar com ele e decidiu o que você quer fazer. E depois que você estiver satisfeito, upload para sua área de projetos para que possamos continuar vendo sua progressão. Tudo bem , então vamos passar para o próximo vídeo 17. fontes: Então este vídeo não é realmente sobre a escolha de fundos, mas antes de entrarmos no projeto. Eu só queria mencionar algumas coisas sobre fontes apenas para que você tenha um áspero Então você tem alguma base para ir fora em apenas algumas recomendações. Primeiro de tudo, eu diria que eu realmente gosto de usar fundos do Google, então eu recomendo usar fontes do Google porque eles são gratuitos e eles funcionam bem e eles têm um monte de bons fundos lá fora se você está apenas começando, É realmente o caminho a seguir, eu diria que sobre investir em, hum, como uma diversão paga. Então eu recomendo fontes do Google, e quando eles são coisa, eu recomendo que você se limite a uma ou duas fontes quando você está começando. É, uh, pode ser tentador tentar o Adam. Você sabe, um telefone diferente por botões, um fundo diferente para títulos, frente diferente para o seu menu. Ah, fundos diferentes para subposições e assim por diante. Mas isso vai ser muito difícil de fazer, e eu acho que é muito provável que não funcione bem, então eu escolheria um fundo e usaria um monte de pesos e tamanhos diferentes t para mostrar sua hierarquia ou talvez duas fontes. Talvez você faça um para títulos, botões de menu, e então você tem um para o texto do parágrafo. Ah, então essas são as coisas que eu esses são meus pensamentos sobre fundos. Não exagere com muitos, e eu recomendo fundos do Google, e agora podemos falar sobre como usar fontes e X'd. 18. Habilidade: texto: todos os direitos deste vídeo, vamos cobrir como adicionar texto. de Antesdecomeçar a fazer isso , , só quero te mostrar sobre trancar. Agora você pode ver que este contorno é cinza para fazer isso, eu tranquei, então euapenas destranquei o dedo do pé, tranquei alguma coisa. Agora você pode ver que este contorno é cinza para fazer isso, eu tranquei, então eu Você o seleciona e, em seguida, aperta o controle ou o comando l E então você pode ver que fica cinza, e agora você pode selecioná-lo, mas você não pode movê-lo. Então, o desbloqueá-lo que você selecionou novamente, controle. Bem, agora está destrancada. Posso movê-lo, mas quero mantê-lo trancado enquanto estou brincando. Então eu vou apertar o controle L. Lockett, e nós temos muita coisa acontecendo aqui, então eu só vou desenhar o retângulo branco para mostrar a adição de impostos para tornar um pouco mais fácil . Veja, então adicione impostos, você seleciona a ferramenta de texto ou você aperta chá, e então você pode apenas começar a digitar. Ah, então depois que você terminar de digitar, você clica fora dele e então você pode ver que você tem opções aqui para mudar o seu ah, aqui e o que você acabou de digitar para que você possa rolar através e escolher um telefone diferente. Se você quiser. Digamos que você quer fazer honesto murado e, em seguida, vai aumentar o tamanho para tornar um pouco mais fácil de ver . Eu só estou usando os números no meu teclado e eu digitei 60 então apertei Enter fica maior e então eu vou clicar em V para mudar a ferramenta de seleção para que eu possa arrastá-lo para o centro e você pode ver que é ah, é, hum, me ajudando com esses guias inteligentes para me mostrar onde estou e quando ele está centrado. Ah, então aí mesmo, são senadores que você pode ver e então para mostrar algumas outras coisas, vamos mudar para uma diversão diferente. Se você souber o nome dos fundos, você pode começar a digitá-lo e, em seguida, um monte de preencher. E quando você vê o que você quer, basta pressionar Enter, Puxá-lo para cima. Hum e agora você pode ver quando eu fiz isso. Merryweather, eu tenho um monte de opções de espera de fontes diferentes para que possa mudar a opção, torná-la clara ou, se você quiser ficar escuro, torná-la preta. Eu sou muito divertido, e então você pode mandá-la. Isso não vai fazer nada até você começar a digitar de novo. Hum e, em seguida, este é em agradável característica de X D. Agora ele está definido para que o texto está apenas indo para ocupar a quantidade de espaço que ele naturalmente faz. Então, se eu começar a digitar de novo, continue crescendo, e eu tenho a linha esquerda para que você possa ver como ele está indo para a esquerda então eu vou clicar para que ele fique lá fora e arrastá-lo de volta. E agora ele está selecionado para que eu possa editá-lo ainda. E agora eu vou clicar nisso, e isso converte para que agora o texto fique em uma área. Então agora eu posso dar este texto na área e ele vai ficar nessa área para que eu possa arrastá-lo. Digamos que eu queria o Teoh, Teoh, fazer assim. Então eu posso arrastá-lo. E agora todo o texto que eu digitar vai ficar nesta área. E vamos dizer que eu quero centralizar e, em seguida, editar isso. Eu cliquei duas vezes aqui, clique no final, e agora eu posso começar a digitar, e não importa o que eu digite, ele vai ficar dentro. Ah, essa área que quero dizer e a coisa boa sobre X'd é que você pode facilmente mudar para frente e para trás . Então, digamos que eu decidi mais tarde, que eu queria que Teoh voltasse para este caminho, onde ele só ocupa o espaço. Claro que sim, e não há restrições sobre isso. Eu posso apenas fazer isso clicando aqui. Então isso é algo que é realmente bom aqui. Ele pode mudar o espaço entre as letras A letra espaçamento eso Às vezes isso é bom. Você está fazendo todas as maiúsculas para colocar algum espaçamento extra entre letras. Vamos colocar um espaçamento extra agora para que você possa ver. E então aqui você pode alterar o espaçamento entre as linhas. Eso Vamos apenas torná-lo maior para que possamos ver isso. E então, um aqui você pode mudar o espaço entre parágrafos. Então essas são as principais coisas que você pode fazer com o texto em si. Além dessas coisas, você também pode mudar. A aparência do texto pode alterar a opacidade. É como você pode com formas. O Phil. mudança falhou no que você quiser. Você pode dar uma borda e então, como você pode com formas você pode aumentar ou diminuir o tamanho da borda. Você pode dar uma borda e então, Gravando uma batida numérica. Entra, hum, dê uma sombra. Dê ah, fundo borrão eso aquelas As principais coisas que você pode fazer com texto eso Não, No próximo vídeo, eu vou adicionar algum texto a simulação. 19. Adicione texto à maquete: Tudo bem, então agora vamos adicionar algum texto para a nossa simulação. A primeira coisa que fazemos é adicionar um grande apelo à ação. Então vamos pegar nossa ferramenta de texto, e então você começa a digitar. Nós vamos ligar, nós vamos dizer, hum, fazer a viagem de uma vida, talvez da sua vida. Certo, recebemos nossa mensagem, e agora quero te mostrar uma coisa. Veja, o cursor ainda está lá e nada selecionado. Então, se eu vir aqui e tentar mudar a fonte agora, eu tenho no Lata, que é um fundo do Google. Digamos que eu voltasse para Merryweather. Tinha entrar. Você pode ver que nada aconteceu. Isso porque o cursor ainda está aqui e nada selecionado. Então, se eu realmente quiser mudar o que está no que eu digitei que eu tenho que ir para uma ferramenta de seleção It v o que é realmente quando você está digitando você não pode ser tem que ir por aqui, obter a ferramenta de seleção. Então você pode ver que a borda azul mostra ao redor do lado de fora do que você digitou. E agora, se vieres aqui, bateres no Merryweather e depois entrares, vai mudar a tua diversão, mas eu gosto deste fundo. Então, vamos continuar com isso por enquanto. Hum, você pode ver que eu tenho um bem grande Eu quero que ele seja bom e grande para este chamado ação. Quero ser muito claro. E eu também vou fazer um corte com ele, então eu queria ser muito ousado. Deixe-me ter certeza que este é o eso que eu penso. Sim, eu tenho o mais ousado, hum, caindo disponível para esta família. E eu vou transformá-lo em uma área de texto para que eu possa mudar o espaço que ele está ocupando. É lá que vamos nós. Então. Eu quero que isso passe por cima disso, e nós vamos deixar isso para lá assim por enquanto. É meio estranho do meu último bebê. Vou tirar isso, acertar zero, entrar. E agora não nos preocupamos com espaçamento extra. Quando eu voltar. Agora, vou acrescentar o nome desta empresa. Ah, então esse é o nome da empresa do meu cliente. E como você pode ver, eu cliquei fora, cliquei fora das áreas que as caixas azuis em saber adicionaram. Não quero que seja tão grande como a chamada à ação. Então eu vou até aqui e deixá-la cair. Vamos tentar 36. Isso é um pouco pequeno demais. Tentamos 48, então eu gosto muito disso. E eu quero colocar isso aqui, e na verdade, meu cliente não colocou. Ainda não tem um logotipo, mas vou fazer algo muito rápido por eles. Então eu tenho minha ferramenta de lábios, e então eu vou segurar Ault e mudar. Quando você segura, tudo o que faz. Assim como quando você começou a criar sua forma. Vai do centro. Então vamos fazer um círculo para o fundo assim. Vou sair da fronteira. Vou dar-lhe uma das cores. Talvez lhe daremos uma ligeira cor. É como verde. E agora você pode ver que está cobrindo. Então eu vou mover a forma de volta para fazer isso, você mantém pressionado o controle ou o comando em um Mac, e então você pega a chave que se move. Então eu vou mover a forma de volta para fazer isso, você mantém pressionado o controle ou o comando em um Mac, Ele move a camada para baixo, e então você pode vê-lo novamente. Tudo bem. Tsunami para fazer um segundo círculo para isso. Você tem um turno de espera enquanto eu estou fazendo isso. Então ele permanece um círculo e faz um pouco menor. Um arrastou-nos. Então não está cobrindo a coisa toda. Tire a fronteira. Vamos dar a este Ah, uma ligeira cor rosa e, em seguida, uma raquete de comando do controlador selecionado e, em seguida, empurrá-lo para baixo. E eu acho que este é o suporte aberto que eu estou usando o dedo do pé, hum, para mover a camada para baixo e movê-la para cima, você usa as roupas para trás. Você gosta disso? Tudo bem, então temos isso. Nós temos nossa imagem de fundo, e eu vou brincar com a gente um pouco mais. Mas, uh, por que você não ir em frente e começar a adicionar o seu apelo à ação e talvez fazer um pequeno logotipo rápido onde você realmente não precisa de um logotipo se você quiser, você pode apenas digitar no nome do ano sua empresa ah para o qual você está fazendo o site e, em seguida, carregue isso e vá para o próximo vídeo 20. Skill: mesclando e converter texto em contornos: Tudo bem. Então este vídeo, vamos cobrir a conversão de contornos de texto e, em seguida, também formas emergentes. Então, para fundir formas, vamos pegar uma forma aqui, e então vamos começar a fazê-lo a partir do centro. Então, para fazer isso, você segura em Ault ou opção no Mac e muda para mantê-lo um círculo perfeito. E então você começa a arrastar e você pode ver que está indo do centro. E se formos até aqui e não aguentarmos tudo o que dissemos que quero dizer dragão, ele sai para o lado. E se formos até aqui e não aguentarmos tudo o que dissemos que quero dizer dragão, Então nós vamos fazer essas duas formas, hum, em seguida, apertar V para mudar para a ferramenta de seleção. E então vamos selecionar ambos para fazer isso e você seleciona Ah, você segura o turno. Ah, bem, clicando em ambos. E então você pode vir aqui com ambos selecionados, e você pode fazer essas diferentes opções de mesclagem. Isto vai juntá-los, que é o que vamos fazer. Mas você também pode fazer algo subtrair que vai tirar o controle de objeto frontal Z vai desfazer isso, e então você pode tirar a parte onde eles se sobrepõem e então você pode Onley Um dentro do último que deixou a parte, enfraquecê-la. E onde eles se sobrepõem, este vai tirar onde eles se sobrepõem. Então você pode ver. Remova a parte onde eles estão se sobrepondo s. Então é assim que você pode manipular formas. Deixe-me desfazer essa última. Nós vamos fundir isso, e então você pode ver que nós emergimos a forma. A coisa legal sobre X d é alguns outros programas, como ilustrador. Às vezes, quando você usa algumas dessas características, é ah, é destrutivo. Então você diz emergir da forma que eu não seria capaz de voltar, mas em x d. Eu posso se você segurar o controle. Ah, então você pode apenas clicar. Alguns segurando o controle seria um comando em um Mac. Eu posso apenas clicar, e então eu posso ver que a forma está exatamente onde ele está e eles ainda estão mesclados. Ainda está totalmente comestível, embora eu possa torná-lo menor. Maior, sabe, fazer o que eu quiser. Hum, e eles ainda estão surgidos, mas eles ainda estão totalmente enfraquecidos. Ainda posso controlá-los. E se eu quisesse os pés, fundi-los, eu poderia vir aqui e então eles se tornariam diferentes formas novamente. Então é muito bom sobre x d Você não precisa se preocupar com emergentes destruindo coisas. Então algo que vamos fazer para a simulação é converter nossos contornos de texto ou passar, e então vamos Teoh fundir com a forma. Então eu só vou ver como mudar o texto para um passe. Então você selecionou, ir para caminho, converter em caminho, e agora ele não é mais texto. É uma forma ou caminho. Então você vê ele clicando duas vezes, e então ele apenas traz os pontos de ancoragem. Ele não mostra o cursor onde eu poderia digitar novamente. Então isso é algo que te destrói. Uma vez que você faz isso, a única maneira de voltar é o dedo do pé. Desfaça isso. Você não pode. Não há nenhum botão mágico para clicar e torná-lo texto novamente. Vai ser um pouco cuidadoso que você tenha seu texto exatamente como você quer antes de fazer isso. Tudo bem, então no próximo vídeo, eu vou mostrar a vocês como eu vou usar essas técnicas na simulação 21. Habilidade: texto de recorte: Muito bem, agora o que vamos fazer é a fusão dele chama-se acção com o nosso com o círculo. Então eu acho que isso vai ser um efeito legal, porque você vai ser capaz de ver através do texto para a imagem. Mas, Mas, como eu mencionei, uma vez que você converte seu texto de caminhos, você não pode voltar e editar como, ah, como, hum, imposto. Então você quer ter certeza que você tem isso? Como você quer antes de fazer isso. Então, uma coisa em que estive pensando é que esse dedo parece bom. Eu acho que eu prefiro ter algo que é um pouco, um pouco, um pouco mais grosso, um pouco mais pesado. Então eu acho que eu vou realmente mudar a fonte que eu estou usando aqui de Lado Teoh são Chievo . Então comece a digitar e, em seguida, aperte. Entrar. E agora você pode ver que é uma fonte mais grossa e pesada. Talvez eu tenha que tirar o tamanho para que ele se ajuste onde eu quiser. Isso é o que é significativamente mais grosso. Ah, então eu também vou mudar isso só para que as coisas fiquem juntas. Eu recomendo não ficar muito louco com fontes quando você está especialmente quando você está começando, então você pode apenas ficar com um e, em seguida, usar diferentes pesos estrangeiros como preto e luz e combiná-los dessa forma. Ou talvez você queira usar. Você pode apenas emparelhamentos de fontes do Google se você quiser, ou você pode tipo de brincar normalmente quer tentar encontrar para que, hum, eu acho que há um monte de coisas sobre emparelhamento divertido, mas uma maneira fácil de fazê-lo. Tudo bem para isso. Parece muito diferente, mas ainda ficam bem juntos. É fácil entrar em apuros se você tem que ser realmente semelhante. Foi tipo: “ Por que está pagando esses dois? Foi tipo Por que não usa um? Então, de qualquer maneira Ah, só um pouco fora. Ah, um pouco fora da pista nas fontes. Então convertemos este Tar Chievo. E eu acho que este texto é um pouco longo demais para o que eu o quê? Eu quero entrar aqui. Então vou mudar para dizer, faça a viagem dos seus sonhos. É um pouco menor. E depois vou pô-lo aqui. Você pode ver Ondo. Ele tem o alinhamento. Dois gols. E também quero pensar que te quero mandar isto. Isso vai ficar melhor dentro deste círculo, e então eu vou alinhá-lo no centro do círculo. E uma vez que eu tenho, onde eu acho que eu queria estar, então eu vou clicar com o botão direito e ir towpath, converter em caminho e agora você pode ver que não é mais texto. É ah, forma. É um caminho por duplo clique nele. Não sei datilografar. Ele só traz os pontos de ancoragem. Então isso é o que eu queria dizer Um, então agora vamos fundir a, ah, esta forma que fizemos a partir do texto com o círculo atrás dele. Então eu seleciono o círculo clicando nele. Então eu mantenho o shift e seleciono o texto que gosta de ambos ao mesmo tempo. E depois podemos subir aqui. Podemos fundi-lo, mas o que queremos fazer é subtrair, então queremos subtrair o texto desta forma. Então nós clicamos nisso, e agora você pode ver que é como se houvesse um recorte para o texto. Hum, então agora que fizemos isso, vamos mudar isso. Ah, nós podemos ter que apenas a imagem de fundo para que possamos ver o que o texto diz então fazer isso . E, hum, algo que eu estou pensando aqui é que talvez nós queiramos colocar um pouco de sobreposição sobre isso para que, hum, para que isso fique um pouco mais escuro. Mas na verdade, acho que vai ficar tudo bem. Mas na verdade, Podemos voltar e fazer isso mais tarde. Mas por enquanto, nós mesclamos o texto, e você pode ver que é um efeito de corte legal. Ah, com a nossa chamada de ação. Então, no próximo vídeo, vamos continuar construindo a simulação. 22. Botões e menu: Então, neste vídeo, vamos adicionar um botão que as pessoas podem clicar logo abaixo da chamada à ação. E então também vamos adicionar um menu de hambúrgueres. Vamos construir um anúncio. Ambas as coisas. Você também pode ir com você. Eu brinco, hum, você gosta, é ir para uma armação de arame um e clicar nisso e dar alguns passos e então você pode puxar um botão de lá. Mas eles são muito simples de fazer, então vamos apenas mostrar-lhe como fazê-los aqui para fazer o botão, eu vou para a ferramenta de retângulo e então eu arrastá-lo e experimentá-lo. E como eu disse, isso é algo que queremos estar projetando algo assim quando provavelmente deveria fazê-lo com o texto, também em 100% para ter certeza de que não é grande. Então, quero dizer, aperte o controle um. Aumente o zoom e então eu vou me mover para ver meu botão, e você pode vê-lo 100%. É um botão grande, então vou baixar o tamanho. Quero dizer, abaixe a altura 48. Então agora eu posso começar a ver OK, isso é um pouco grande demais e geralmente para meus botões. Vou usar um tamanho de texto em torno de 18. Então é tipo em, hum, ir lugares que poderia vê-lo usando isso. Ferramentas de alinhamento para ver quando está centralizado. Uh, e então eu realmente não gosto da fronteira. Então, vou tirar a fronteira. Você pode ver agora é o ar bordas totalmente quadrado. Eu não costumo usar bordas totalmente quadradas se você quiser quadrado. Olha, eu colocaria pelo menos, você sabe, 2 a 5, um, no raio da fronteira para que você possa ver que tipo de, hum, limpa tudo. Faz parecer um pouco mais profissional. Um pouco mais. Ah, como se você se esforçasse para deixá-los quietos. Mas para este, já que temos tantos círculos, vou com bordas totalmente arredondadas. Então nós temos que, hum, e eu acho, hum, se você for, se você realmente quiser entrar em botões, você pode ir e procurar o manual de design de material do Google ah. E, em seguida, a Apple também tem alguns materiais agradáveis sobre como eles recomendam fazer botões. Ele poderia ir lá se você quiser ter o espaçamento exato para usar para botões, mas nós estamos indo para uma espécie de algo que eu pessoalmente gosto, hum, e tudo bem, então lá vamos nós. Eu tenho isso centrado. E então eu quero dizer, clique em ambos do leste usando a tecla Shift pressionada, e eu quero agrupá-los juntos para que eu não tenha que continuar arrastando-os separadamente ou selecionando isso uma vez. Então faça isso. Mantenha pressionado, controle ou comando em um Mac e, em seguida, aperte G. E agora ele os agrupa e agora compara mover em torno de algo um centro dentro disso. E então vamos ah, zoom out, Controller Command menos. E agora vamos tomar um lote inteiro. Olha, essa coisa toda selecionou o controle três. E agora, sabes, acho que gosto do jeito que parece muito bem, sabes, acho que gosto do jeito que parece muito bem, estou a pensar, acho que isto é um pouco grande demais. , Decidi que vou baixar isso para 36 e também vou derrubar isso, Alton e mudar para a carteira Dragon. Mantendo-se centrado. Tudo bem, então acho que é um pouco melhor. Eu só quero fazer isso quando eu estava pensando sobre isso. Então agora vamos ao menu a seguir, então vamos fazer um menu de hambúrgueres que vamos colocar aqui. Então, de novo, isto é provavelmente alguma coisa. Queremos fazer isso 100%. Então eu vou apenas fazer alguns retângulos como V para a ferramenta de seleção e, em seguida, mantenha pressionada Ault ou opção no Mac. Espere um segundo, na verdade. Pagar a você que eu quero por estes cantos fora. Então, quero dizer, deletar esse. Clique nisso e nós vamos fazer esses cantos totalmente arredondados como fizemos, e eles também removeriam a borda. Então lá vamos nós e, em seguida, mantenha pressionada a opção Alter no Mac, e então você pode ver onde você não pode ver muito bem. Quero dizer, arrastou estes. Você está procurando ver para que você possa ver os números mostrando que é o espaço entre dois eso. Queremos igual espaço entre estes e se você segurar Ault, você pode ver o espaço entre eles. Então vamos segurar tudo e arrastar de novo. E agora você pode ver que o espaço é igual entre os três. Então é isso que queremos. Então vamos manter a tecla Shift pressionada para selecionar todos os G controlados uma vez para agrupá-los. Então arrastamos isso até aqui. Queríamos estar na nossa, hum, uma pequena área aqui em cima. Tudo bem, então quer saber? Olhando para isso, acho que é um pouco grosso demais, então vou voltar e controlar três, para poder ver. Controle um, obter 200%, em seguida, controle turno G Willen agrupá-lo para que eu possa jogar com facilidade, e então eles são todos selecionados ainda. Então eu vou apenas baixar a altura do seu pequeno mais fino. Acho que foi um pouco grosso demais. Tudo bem, lá vamos nós. Então você não muda. Seleciona todos eles controlam os grupos G novamente, certo? E então você sabe o que, na verdade quero controlar o turno g un agrupá-los, fazer isso em vez de apenas ter todos eles, ah, mesmo com Zoom aqui. E então eu vou só isso eu quero que eles tenham a mesma altura. Então essa mudou. Então eu vou fazê-los para que eles fiquem um pouco cambaleados. Troll um, para trás. 200% aqui. Selecione nosso controle de placa três para que eu possa ver todo o meu quadro de arte. Então, vou continuar a brincar com isso. Mas é assim que você pode fazer botões e um menu de hambúrguer. Então eu vou deixar todos vocês irem em frente e adicionarem essas zombarias e depois carregarem o vosso progresso . Queremos continuar carregando o progresso depois de cada vídeo, só porque isso vai ajudar você a obter feedback. Espero que seus colegas de classe, outras pessoas fazendo isso. E então também vai ajudar as coisas a ficar como você aprendê-las. Então vá em frente e adicione essas coisas à sua simulação, carregado e, em seguida, venha para o próximo vídeo. 23. Limpeza geral: Tudo bem. Então, neste momento, eu queria apenas fazer uma pequena limpeza. Sabes, Sabes, não precisas de ver este vídeo, mas pensei em mostrar-te se estiveres interessada em ver como as coisas mudam , como? Decidi mudar as coisas. Então, você sabe, eu estou olhando para isso, e eu sinto que por alguma razão, eu realmente não gosto dessas cores. Acho que por causa da capacidade que demos isto parece muito diferente das feridas. E então, uma vez que esta é a cor principal deles, eu realmente gostaria de ter sua cor principal perto do logotipo. Então eu decidi que vou mudar essas cores para cima. Vou fazer disto o escuro. Vou em frente e fazer este testamento. O texto branco, você pode vê-lo. E então eu vou transformar isso naquela cor verde. Mas eu queria dar uma pequena cidade aqui, dar a ela um pouco de passado. Eu, então. Quero dizer, só bebi isso por aí. Não, não, eu meio que quero que isso pareça um pouco como, fazer você pensar em um mínimo global. Então, hum, agora que eu tenho essa cor aqui meio que me sinto como esta aqui. Talvez eu não precise mais deste. Então, livre-se dessa. Hum, e então downshift para selecionar todas essas três coisas controlar g para agrupá-los, então eu quero dizer, uma espécie de bombas. Eles começaram a alinhar as coisas um pouco, então eu quero na linha o topo do então eu quero na linha o topo domenu para o topo daquele baixo ali. Mas vamos agrupar o logo primeiro. E chegar onde queríamos antes de passarmos muito tempo fazendo isso vai colocar o logotipo lá, não ver. Sim, eu acho que sim, nós acreditamos no logotipo lá. Vamos nos certificar de que este topo dos dois alinhado. E então, se você manter pressionada a tecla antiga para, hum, opção no Mac, você pode ver a distância longe das coisas. Então, queremos que isso fique à mesma distância da borda do quadro de arte que o logotipo . Hum, então faça isso. Preciso de mudar isto porque agora isto está a fluir no aeroporto, por isso não me deixa ver o quão longe é. Hum, então eu vou destrancar isso rapidamente. Caxumba. E depois vou arrastar isto para cá. Não, eu posso ver o quão longe isso diz que se eu segurar a opção no Mac, provavelmente não consigo ver isso, mas é 110. Eu vou até aqui. Vês o quão longe isto é? É assim que eu teria que realmente redimensionar isso. Então, em vez de redimensioná-lo, o que eu vou fazer é fazer um pouco de matemática. Eu sei. Meu, uh todo o meu não pode. Todo o meu quadro de arte é 1920. Então, se eu quisesse ser 110 de cada lado que eu preciso subtrair 220 de 1920. Então este retângulo de desenho aqui, e então nós vamos fazer o retângulo 1920 e então você pode ir em frente, digite menos para 20 e, em seguida, bater. Entrar automaticamente fazer isso para você. Então queremos centralizar isso para que possamos usá-lo para alinhar essas coisas. Então, clicamos enquanto ele foi selecionado, clicamos no centro e, em seguida, voltamos para a nossa ferramenta de seleção. Então eu vou usar minhas setas. Preciso agrupar isso para fazer isso. Então eu vou manter a tecla Shift pressionada, selecionar todas as partes que compõem o nosso logotipo, então usar as teclas de seta para trazê-lo até eu ter aquela, hum, auto uma linha mostrando que eu estou na borda do retângulo em ambos os lados. E então eu terminei com esse retângulo que o conduz. Hum, e então eu acho que eu vou fazer segurar Shift pressionado, selecionar tudo isso, fazer isso em um grupo controlado G, e trazer isso um pouco mais. E depois, enquanto tenho isto, acho que vou brincar com isto um bocadinho. Tudo bem? Então eu acho que eu gosto de pensar, como onde isso é um pouco melhor. Tudo bem, então isso é apenas algo que você quer fazer periodicamente. Uma espécie de passo para trás de onde você está e fazer ajustes. Hum, então você gosta de como as coisas estão melhor? Tudo bem. Então vamos continuar a trabalhar nas nossas simulações. Se você quiser tirar um momento agora, dedo tipo de redefinir e retrabalhar sua simulação, em seguida, envie isso para a área de projetos. Isso seria ótimo. Mas se você está se sentindo bem com isso, continue continuando. Uma outra coisa antes de irmos, ele pode ver que isto não tem título, editado. Eu ainda não guardei, então você sempre quer salvar o seu trabalho. Você pode lidar aqui, salvar. E então vamos chamar essa simulação, bater, bater, Enter, salvar. E agora você pode ver que se chama Mock up. E não há nada a dizer que foi editado. Então é tudo o que foi salvo. Se eu entrasseaqui e mudasse entrasse o tamanho disto, diz “editado “, para que haja mudanças inseguras. Então, para fazer isso, para salvá-los, eu poderia apenas assumir o controle s ou comando nos Mac s, e então ele vai salvar essas mudanças. Tudo bem, então eu poderia brincar com esse botão mais. Isso é o suficiente. Só para você ter a idéia de como eu estou fazendo as coisas. Tudo bem, então vamos continuar, continuar fazendo o Markham 24. Introdução a estilos globais: Tudo bem. Eu só quero falar um pouco sobre, hum, hum, cores são cores globais, estilos de caracteres e símbolos antes de recuperá-los em extra apenas para que você entenda o conceito por trás deles. Uh, quando você está projetando sites de ar abs, você vai acabar com potencialmente, você sabe, você sabe, centenas de diferentes alas de arte e aquelas placas de arte indo para o pé do pé. Repita muitas das mesmas coisas, como seus botões. Talvez você tenha um botão de enviar no chão e isso vai ser em, tipo, você sabe, 20 de seus, uh, 20 anos de simulação em seu você vai usar as mesmas cores em todo o seu projeto. Você vai usar as mesmas de fontes e tamanhosdefonte e esse tipo de coisa em todo o seu projeto. Então, o que estilos de personagem e cores globais e símbolos permitem que você faça é, em vez de digamos , você tem esse botão e pensa que quando você está começando, você acha que é perfeito, então use tudo através de seu site. Mas então você mostra ao cliente que os clientes gostam, você sabe, uh, desculpe, eu realmente não gosto disso. Ah, obrigado. Normalmente, você tem que passar e você tem que encontrar e mudar cada um deles. Então, primeiro é uma dor encontrá-los todos. E depois, em segundo lugar, é demorado mudar todos eles. Mas com símbolos. Se você usar símbolos, você pode pegar esse botão e você pode editá-lo. Você só encontra em um só lugar. Você faz as edições, e, em seguida, aqueles que seu ar aplicado aos botões ao longo de todos os seus projetos. Então isso vai poupar muito tempo e os estilos de personagem e cores globais. Eles são uma espécie de conceito semelhante. Uh, digamos, digamos, você tem esse verde que você realmente gosta e você faz todo o seu conjunto todo simulado usando aquele verde. E depois acontece que, você sabe que o cliente não gosta do verde. Então, em vez de ter que ir encontrar todas essas instâncias do verde e alterá-las uma por uma , você pode simplesmente ir para sua paleta de cores global. Mude um lá, e ele vai aplicá-lo em todos os seus quadros de arte e a mesma coisa com personagens com estilos de personagem. Você pode simplesmente alterá-lo, alterar o estilo de caractere uma vez no painel de estilos de caractere. Vai aplicar-se em todos os seus quadros de arte. Então basicamente símbolos, estilos de caracteres e cores globais são uma espécie de medidas de economia de tempo para este projeto. Provavelmente não será necessário apenas construir uma página inicial. Mas há um conceito muito importante e algo que você deve realmente tentar usar uma vez que você está projetando sites completos. 25. Skill: Skill: , cores e estilos de personagem: Muito bem, agora que temos o local da sarjeta a caminho, acho que é uma boa hora de passar por cima. Ah, a área de ativos. Então você encontra isso aqui, clique nele e então você pode expandi-lo. E há três partes principais para essas cores, estilos de personagem e símbolos. Então vamos rever cada um daqueles começando com cores. Então, basicamente, tudo isso faz é permitir que você mude rapidamente algo em todos os itens em seu documento. Então, quero dizer agora Ah, isso não é muito difícil entrar e mudar. Você sabe, todos os três círculos que você tem que são essa Ah, essa cor que levaria você, tipo menos de um minuto, provavelmente. Mas digamos que você está fazendo um protótipo em grande escala de in ah app ou algo assim e você tem, , 50 anos ah, 100 ou mais quadros de arte. Se você precisa mudar, você sabe, você precisa mudar essa cor em ah 100 lugares. Isso vai levar muito tempo. Então é aí que a idéia por trás dessas coisas é que você pode mudar alguma coisa. Mude-o aqui uma vez, e muda tudo em seu documento, então para configurá-lo, um, quando você tem um monte de coisas ah, já no lugar, você pode selecionar todas elas. E então você vê esses botões de adição se tornarem ativos. Basta clicar em mais, e então ele puxa em todas as cores que você tem até agora, você pode ver que há um par que nós adicionamos mais em nossa área de preenchimento que ainda não estão aqui porque nós não usá-los ainda. Mas isto deve ser tudo o que temos usado até agora. E agora só para demonstrar, digamos que queríamos mudar isso. Ah, rosa. Então, basta clicar com o botão direito do mouse aqui e editar. E então vamos dizer que queremos mudá-lo para, ah um para mudá-lo para como, uh, um preto ou como um cinza. Faça isso. E como você pode ver, isso mudou todos os três apenas mudando ao mesmo tempo. Mas não queremos fazer isso. Vamos desfazer isso. Tudo bem, então é assim que é. A idéia por trás das cores e, em seguida, estilos de caracteres é semelhante. Vou manter tudo selecionado neste caso. Só temos que de cuidar de Eric Áreas com texto. Lembre-se que eles foram convertidos isso em um caminho, então isso não vai aparecer. Então vá em frente e clique nisso e nós temos o nosso também. Então, estes ar ambos, um, platô ligado. Na verdade, eu queria fazer esses Ah, nosso chefe. Então vamos em frente e mudá-los agora. Assim como com as cores, basta clicar, editar e, em seguida, fazer isso são Chiba. E depois mudou. Mudou essa. E então também notei que isso tinha sobrado de quando eu estava aparecendo antes. Eu realmente não quero ter isso definido para isso. Se eu fosse reutilizar este estilo em outro lugar, eu não iria querer assim. Então vamos fazer isso 48, certo? E então nós também vamos mudar este, e então você pode ver agora que nossos homens de linha estragaram tudo neste botão. Então eu mantenho o controle pressionado. Este é o grupo. Então eu pressionaria o controle para selecionar isso dentro do grupo, e então eu vou fazer isso um pouco maior. E então eu vou apertar o controle três para ampliar para que eu possa ver em York e ver um pouco melhor. E então vamos fazer uma recente nisso. Lá vamos nós. Tenho-o centrado. Tudo bem, então agora vamos acertar o controle. Eu quero voltar para 100% e então nós vamos para que você tenha um pouco mais. Então é assim que se usa estilos de personagem. E agora, símbolos. São símbolos um pouco diferentes. Ah, você vai mais usá-lo para coisas como sua cabeça. Coisas como botões. Coisas como este logotipo que você quer manter o mesmo em vários quadros de arte ou em vários lugares dentro de um quadro de arte. Coisas como este logotipo que você quer manter o mesmo em vários quadros de arte ou em Então, por exemplo, digamos que vamos usar isso, uh, deixe-me ampliar um pouco aqui. Então vamos usar este botão. Deixe-me un select entrando. Ah, isso mesmo. Eu esqueci. Agrupe tudo isso. Vamos apenas ir em frente e controlar a mudança G dedo do pé no grupo que. Então, Aiken, faça deste botão um símbolo. Então agora este botão é grupo para Comptel porque eu não posso clicar sobre isso. Só está selecionando a coisa toda. Então isso é que alguns grupos, então nós agrupá-lo e, em seguida, nós clicamos em Plus, e agora nós fizemos um símbolo. Então agora enfraquecer Dio Ah, em qualquer outro lugar que queremos usar esse símbolo. Basta arrastá-lo e colocá-lo onde queremos colocá-lo e você pode me ver zoom em um pouco . Aqui você pode ver isso em vez de ter o azul normal quando algo é um símbolo semelhante, ele tem o contorno verde tão cedo volta para fora. Imaginemos que tínhamos esse botão em 30 lugares diferentes, ou talvez até mais, e decidimos que queríamos mudar o jeito que queríamos. Imaginemos que tínhamos esse botão em 30 lugares diferentes, ou talvez até mais, e decidimos que queríamos mudar o jeito que queríamos. Imaginemos que tínhamos esse botão em 30 lugares diferentes, ou talvez até mais, e decidimos que queríamos mudar o jeito que queríamos. ou talvez até mais, ou talvez até mais, Mude o pouco. Então, para fazer isso, eu clico segurar o controle para obter ah, hum, forma parte do botão. Agora vamos dizer que eu queria fazê-lo neste tipo de cor verde menta. Então eu vou assim e então vamos dizer que eu quero mudar o conceito de texto mudou o fundo deste botão para que possamos mudar o texto para, digamos, um. Faça-o assim. Então, como você pode ver, um, neste projeto em particular, estes não são realmente necessários. Eles não vão poupar muito tempo, mas honestamente, você é provavelmente é muito raro que você tem um projeto que é apenas uma página inicial . Então eu recomendo usar esses geralmente o que eu gosto de fazer com esses esse tipo de obter as coisas configuradas, você sabe, dar a volta onde eu estou agora, talvez um pouco mais, e então entrar e configurar estes uma vez que eu Porque neste momento, eu vou ter uma idéia de como o que eu vou usar em todo o resto do documento. Na verdade, eu não preparo isso imediatamente, porque no início, eu provavelmente mudarei as coisas. Então eu não quero ter que me preocupar em mudar isso e colocar em estilos que, você sabe, eu realmente não vou precisar. Isso só vai me confundir. Então eu espero até que eu esteja. Eu tenho algo que eu estou me sentindo, você sabe, decente sobre. E então eu começo a preparar isso. Mas uma vez que você começa uma vez que você começa um pouco de maneiras em seu projeto eu realmente recomendo usar estes porque eles podem economizar um monte de tempo. Ah, descendo a estrada. Se você prepará-los cedo. 26. Skill: a ferramenta de caneta: Agora o que vamos fazer é passar por cima da ferramenta de caneta. Então, como podem ver, com praticamente dobrar para cima preenchido esta área de nossos projetos iria fazer isso um pouco maior quando a coisa legal sobre X D é que você pode ir até aqui. E se você usar a estrela como, ah, você pode se multiplicar. Então vamos fazer o dobro do site em uma nota dupla com Vamos dobrar a altura . Ah, então eu vou continuar, fazer isso e então eu vou fazer ah estrela por vezes para ele entrar e então ah, ah, ah, duplica a altura que você pode ver e eu tenho este outro aeroporto aqui, então eu vou arrastar isso para fora do caminho e Nós vamos querer apenas, você sabe, apenas rapidamente colocar um quadrado sobre isso para que possamos demonstrar o pento. Então a ferramenta de caneta, como eu disse, ah, é bem intuitiva a menos que você seja usado para ilustradores e ferramenta em É um pouco diferente disso, mas ainda não muito difícil. Então, se você obter a ferramenta caneta, você pode selecionar a partir do painel de ferramentas aqui, ou você pode apenas apertar p ah, e então uma vez que você tem isso. Se você segurar suas bocas e enquanto você está segurando, se você puxá-lo para fora assim, você vai começar com uma curva. E onde quer que essa alça estivesse indo, essa é a direção do ano em que sua linha vai entrar, que vai começar. alça estivesse indo, essa é a direção do ano em que sua linha vai entrar, Então, temos um apontamento aqui. Você pode ver quando eu soltar o rato. Ah, as linhas vão por aqui. Mas como é uma linha curva, posso arrastá-la até aqui. Isso vai criar uma curva. Mas é sempre que a curva está sempre começando nessa direção. Então eu só cliquei uma vez sem segurar. Então a próxima linha vai ser reta. Se eu quiser que a linha esteja em, ah indo apenas 45 graus ângulos em torno do círculo assim, eu mantenho a tecla Shift pressionada, e então essa linha vai estar em zero graus, e então eu clico novamente e eu tenho uma linha reta. Agora, se eu clicar e segurar, então eu tenho outra linha curva. E como você pode ver, um, esta última alça vai ser onde a linha está apontando então você pode simplesmente ir assim se você clicar e segurar faz uma curva, basta clicar uma vez faz uma linha reta, e você pode, Sabe, faça o que quiser. Vá selvagem. E depois que você terminar com sua forma, você volta para o ponto de partida e você pode ver que ele o preenche. E agora você tem uma forma completa. Então ele edita isso. Você pode usar seu dedo do pé de seleção direta. Hum, então se você clicar duas vezes em um ponto âncora como este, vai convertê-lo para se fosse uma curva, ele vai convertê-lo em, ah, reta um canto ângulo direito. Se fosse ah ah. Se não foi ocorrer em duplo clique, ele vai torná-lo uma curva. Hum, se você segurar, se você arrastar essas alças, você pode ver como ele, hum, muda a curva. Se os aproximares, vai ser menos uma curva que trazes. Vai ser como uma curva maior e maior, por sua vez, e ver como ele muda a curva. Hum, agora, se você quer um como você pode ver, ele está movendo as duas alças em uníssono aqui. Então, se você quiser apenas mover uma alça. Mantenha pressionado, Ault ou, hum, opção no Mac, e então você pode arrastar apenas um. E agora você verá este separado, também. Então, para recuperá-los, se você queria ser você e Eunice e novamente, você tem que ir e clicar duas vezes e, hum, DoubleClick novamente para entrar em curva de volta. Eso Então uma vez que você tem a sua forma como você queria, então você pode vir para a aparência e assim como outras formas as reticências e os retângulos que passamos mais cedo. Você pode dar-lhes um preenchimento e você também pode jogar com a fronteira, se você quiser. Então, se quiser dar um traço, dê uma pitada de 10. Gap de 10 Não consigo ver isso. Deixe-me ir um pouco mais escuro aqui e fazer isso um pouco maior. Tudo bem. Então, como podem ver, eu estava selecionando a forma que usei como fundo. Então ele estava fazendo o que eu estava pensando que estaria acontecendo com isso neste eso. Se você queria mudar isso, então você pode vir aqui vai deixar este pouco mais escuro. Então você pode vê-lo e, em seguida, um pouco mais grosso. E eu meio que gosto dessas bordas arredondadas e arredondadas. Então vamos entrar e dar-lhe uma pitada de três, e então automaticamente é uma lacuna de três. Mas podemos fazer isso, Ah, Ah, maior lacuna se quisermos e isso é o que você pode realmente ver. Vamos torná-lo ainda um pouco maior. Trump tem todos os direitos. Então você pode ver como ele tem a borda pontilhada de vez em quando. Se você quiser entrar agora, você pode ver que ele está selecionando toda a forma para que eu possa arrastá-la e manipulá-la assim. Mas se eu quiser voltar atrás e manipular os pontos de ancoragem do ato real, eu apenas clique duas vezes e então eu estou de volta. Como eu Waas e Aiken fazemos todas as coisas que passamos mais cedo. Outra coisa rápida para mostrar a você é que você não precisa desenhar formas completas com a ferramenta caneta . Você pode apenas desenhar, digamos, você só quer desenhar como uma linha curva como essa, e então isso é tudo que você quer. Então você simplesmente escapou. E então que sua forma, hum, como eu disse, nós podemos fazer a mesma, hum, fronteira aqui. Então, digamos que temos esse. Nós realmente gostamos da maneira como isso saiu. Por alguma razão, vamos pegar o Pento de novo. Vamos fazer outra linha aqui e você pode ver a fuga terminada. E então eu quero Digamos que eu queria que isso fosse o mesmo. Então, uma maneira fácil de fazer isso é selecionar este controle ou comando, ver para copiá-lo e, em seguida, selecionar este um clique direito e colar aparência e, em seguida, você pode ver quase correspondência. Então isso é uma espécie de visão geral rápida da ferramenta de caneta em X'd no próximo vídeo. Vamos ver como podemos usá-lo para esta simulação. 27. A ferramenta de caneta em ação: Tudo bem. Então o que vamos fazer a seguir é colocar na área a próxima área da nossa página onde escolhemos pessoas convencidas. Como eu disse quando estava fazendo meu esboço. As idéias Primeiro as pessoas vêm aqui. Se eles já sabem que querem fazer isso, , então eles vão apenas clicar neste botão e começar em um formulário de inscrição. Mas, sabe, maioria das pessoas vai precisar de um pouco mais convincente do que isso na próxima área. Vamos dar uma rápida visão geral dos passos que eles têm que passar. Então, se clicarmos nisso, você pode ver isso. Você pode ver essa linha pontilhada. Esta linha pontilhada representa o que é chamado acima da dobra o conteúdo, que é ah, As pessoas vão ver quando eles vêm pela primeira vez para a página. E então, quando eles rolam para baixo, eles vão ver mais. Então, quando eles chegarem aqui pela primeira vez, eles vão ver apenas esta parte. E então, conforme eles rolam para baixo, eles vão ver mais. Ah, uma coisa que eu gostaria de fazer enquanto eu estou trabalhando em coisas é clicar em jogar de vez em quando porque eu não configurá-lo automaticamente no ponto de interrupção e então você pode rolar e tipo de ter uma idéia melhor de como as coisas estavam indo e como vai ficar nelas. Navegue aqui. Ok, então eu vou em frente. E só para eu ter uma idéia de onde isso Ah, onde a linha inicial é uma idéia melhor. Vou colocar um retângulo quadrado, remover a borda, então é só esperar. E agora nesta área, eu vou rapidamente, bem, bem, relativamente rapidamente colocar os passos que vamos diligir para convencer as pessoas. Então, como eu disse, assim que eu passar a área principal gostaria de manter ah, menor chicoteado. Se a manteres bem larga, vai ser difícil para as pessoas lerem. E você nunca pode realmente saber a largura do seu dispositivo, também. Então comece a parecer estranho, especialmente em altas resoluções. Se você não definir um máximo com isso nós vamos fazer nossos 13 100 há outra maneira de você fazer isso e eu vou te mostrar mais tarde que, hum, X'd construído dentro. Mas eu gostaria de usar um retângulo. É rápido e fácil. Então eu faço o meu set. Seja lá o que for Max com isso aqui. 1300. Centralizá-lo e então eu vou apenas alinhar a borda de tudo para isso. Então eu estou fazendo os lábios. Quero dizer, mantenha o turno pressionado para que fique. Círculo perfeito. E agora quero dizer “bater o controle três”. Então eu posso ampliar e focar nele por um minuto. Tire a borda, vá com isso mais tarde, preencha a cor do controle deslizante, e então eu vou começar a digitar aqui. Vamos colocar em um. Este é o primeiro passo, e então eu vou fazer uma área de texto para que o meu próximo vai ser o meu cabeçalho e garantir que tudo fique dentro do meu círculo. Então é por isso que a área de texto. Então ele vai nos dizer como você viaja. Esse é o primeiro passo. E então eu vou ajustar minha pequena área de texto para ajustar o espaço e em uma cabeça ou selecionar a ferramenta de seleção. Bem, não beba isso. E, uh, aperte o controle ou comando tudo um em vez de selecionar tudo excluir que eu tenho algum texto de espaço reservado que eu acabei de tirar da internet. Se você for apenas gerador Google Latin, você deve encontrar muito. Oops. Parece que perdi isso em algum ponto. Deixa-me ir buscá-lo outra vez. Então foi aqui que consegui o meu. Basta ir em DCAA Pênis, colá-lo e clicar fora para que você possa mudar isso. Vamos fazer isto mais pequeno do que o título. Vamos fazer 18 anos e depois não quero isso. Isso é muito espaço entre as linhas para mim, filho. E abaixe isso para 21 e eu não quero ser ousado assim. Então, se você vê o regular, eu não sei o porquê, mas eu não era um grande fã do nosso Chievo. Então eu vou trocar isso por cima do Merryweather em um então nós vamos dizer que vai ser três linhas. Se você tem o texto real, é sempre melhor usá-lo agora. Meu cliente não me deu o texto, então eu não tenho o texto que ele vai usar, hum,texto reservado, texto reservado, mas é sempre melhor se você tiver para usar o texto do Rial. Então eu vou conseguir o alinhamento, como eu quero aqui. Então, 30 do topo. E, em seguida, se você manter pressionada todas as opções em um Mac, você pode ver o espaço entre as coisas, então há oito entre isso e 16 entre. Isso é Oh, eu gosto muito disso. Deixa-me certificar-me de que isto está centrado. Só estou à espera que a Adobe me diga que está centrada. Lá vamos nós. Em. Este também está enviando porque você pode ver como todas essas três linhas significa que estas duas estão alinhadas perfeitamente. Então, se o que está enviando o outro deve ser dois, e então eu vou entrar aqui Bem, downshift, selecione tudo e olhe para ele. E olhando para ele, eu acho que eu realmente quero movê-lo para baixo um pouco aqui. Então um pouco mais igual espaço falou sobre ele e então mudar o controle g para agrupá-lo. E assim você pode ver que eu fiz tudo isso. E antes de eu colocar em mais círculos na razão que eu fiz isso é para que eu não tenho dedo do pé, você sabe, refazer o meu texto e espaçamento para todos podem manter pressionado todos rasgado opção no Mac e, em seguida, arrastá-lo. E então eu poderia apenas bater, uh, controle baixo e então ir para ele, o que eu precisar. E então há 12 no Drag ia fazer três. Tudo bem. Então eu acho que você sabe o quê? Na verdade, talvez devêssemos fazer porque eu acho que eu quero que o último seja uma espécie de, você sabe, boom. Você conseguiu isso. Então, este último, acho que vamos fazer um pouco maior. Então, mantendo o turno pressionado, para que permaneça um círculo perfeito, mas eu vou fazer o próximo. Eu também quero segurar, mudar e tudo para que ele vá do centro, fazer este um pouco maior. Então eu vou fazer este que é verde menta. Então ele se destaca, e então você pode realmente vê-lo Entrar e mudar a cor do texto. Tudo bem, então eu vou ter certeza de que isso está alinhado com isso. Então agora eu tenho tudo na minha largura máxima, e então eu quero movê-los, ajustá-los um pouco. Eu não quero ser uniformemente espaçado. Quero ser um pouco aleatório. Quase. Eu também não quero que eles se sobreponham com este grande círculo, que vai voltar mais tarde. Tudo bem, então isso é bom o suficiente. Talvez eu toque isso um pouco mais tarde, mas é bom o suficiente por enquanto. Então vamos pegar a ferramenta de caneta P, e então eu vou fazer algumas linhas curvas conectando isso. E eu só quero que as coisas sejam divertidas e orgânicas. Só mexa com eles. Ninguém acabou. Então, quando terminar, eu tinha escapado para sair. Então você vem para o primeiro passo e, em seguida, esta linha guia você passo para e eu quero fazer esta linha um pouco mais espessa Então ele se destaca um pouco mais. Ele é um teclas de seta talvez em pensar que ainda mais grosso, como cerca de quatro. Então eu gosto da tampa arredondada para que você possa vê-lo arredondado no final Tipo de Talvez você não pode ver esse zoom em Você pode ver arredondado no fim Quando eu fiz o arredondado não pode contra o quadrado como o arredondado eu vou nos dar um traço para começar com cinco e ver Como isso parece Então eu acho que parece bastante sólido, mas eu preciso de mais de uma lacuna. Então, vamos tentar 15. Vamos Ah, temos 100% e ver como isso parece. Isso parece bem sólido. Tudo bem, então agora deixe-me apertar P para voltar para a ferramenta de caneta. Então eu vou traçar outra linha conectando com a próxima. Hmm. Tudo bem. Deixe-me voltar lá e fazer aquele, eu acho. Não gostei do jeito que o cuidado estava indo. Tudo bem, escapar disso foi feito. De volta ao pentagrama. P, é um. Venha para cima. Não é nada pessoal e apontando para lá, mas tudo bem. Não é nada pessoal e apontando para lá, E boom. Tudo bem, fuja para sair dessa. Então agora eu quero esse estilo em todos os outros. Uma maneira tão rápida de fazer isso. É só controle. Vês? Em seguida, você seleciona este. Controle Ault V que vai colar a aparência. Você também pode clicar com o botão direito na aparência baseada. E você também pode obter o atalho máximo. Se você fizer isso. Siemens Cannon Uh, opção de comando v Esso, então lá vamos nós. Nós temos dessas quantias. Podemos ver isto tudo. Então eu tenho um tipo de nossos passos adicionais que estão vindo convencer as pessoas a se inscrever para o nosso sério. Nós temos aqueles dispostos. Então, no próximo vídeo, eu vou criar uma forma que vai tipo de vincular essas duas seções. Então não é só isso. Ah, linha reta dura que termina com ela. Então há alguma conexão entre esta área principal e depois a próxima área. E eu também provavelmente vou ajustar um pouco estes, mas nós temos o suficiente por enquanto. Tudo bem, então vamos passar para o próximo vídeo. 28. Adição de uma forma curvada: É como eu disse. Agora vamos fazer uma forma que vai, com sorte, conectar essas duas seções um pouco juntos . Então vamos nos livrar disso. Não preciso disso agora. Posso devolvê-lo mais tarde, se quiser. E vamos nos livrar disso também, para que eu possa ver com o que estou trabalhando. Eu tenho isso trancado. Isso é bom. Assine um seleto todos estes. Eu quero mover tudo isso para cima. Eu estou usando minha tecla de seta para movê-los um pouco para cima e olhando para isso no círculo, eu realmente acho que eu fiz um círculo um pouco grande demais, então eu vou segurar controle comprometido no Mac. Por quê? Vou aqui para que eu possa me ajustar. Ouça, quero dizer, mantenha o turno pressionado o suficiente e faça isso um pouco menor, subindo um pouco também. Tudo bem? Digamos que vamos. E agora eu vou apertar P para pegar a ferramenta de caneta, e eu vou fazer esta forma. Eu acho que eu meio que queria seguir esta ilha tipo de seguir este círculo dessa maneira, quando chegarmos ao fundo disto, não vai ser Nós não vamos apenas chegar a um final afiado como aquele. Então é isso que vou fazer para tentar o dedo do pé. Mas o é ligar estes dois Então, segurando-o para baixo. Então eu começo com a curva e puxo para baixo novamente. Então eu fiquei com uma curva. Quero manter todo o ah, todos os pontos ocorreram. Não gosto disso quando quero dizer, desfaça isso. Você quer ir um pouco mais baixo aqui. Eu não o sigo exatamente. E eu quero estar perfeitamente espaçado. Então mostre-me. Quero dizer, volte um pouco mais para que possa fazer assim. Ah, você estava desfazendo? Se você não gosta de coisas onde você pode apenas colocar algo áspero e então voltar e jogar com seus pontos de âncora depois de ter uma idéia áspera do que você quer fazer? Tudo bem. Então nos mude para cá e eu me importo. Saia um pouco da tela, traga de volta. Não. Como eu disse, não queremos ter um dos meus objetivos é evitar esse final certo. Então eu vou cobrir tudo isso, trazê-lo aqui e depois fora da tela. Quero dizer, fazer outra curva. Para trazermos essa foto de volta. Eu vou Lincoln que eu quero dizer um DoubleClick DoubleClick novamente. Obter essa curva de volta. Vou tirar isso da tela um pouco. Não, vou remover a fronteira porque não quero ser importada. Vou colocar um Phil. Não, está cobrindo porque eu fiz isso mais recentemente, então vou segurar. Ah, controle ou comando em um suporte aberto Mac para mover isso para baixo nas camadas para que eu possa ver o que eu fiz. Então, na verdade, eu gosto muito disso. Hum, eu poderia ampliar um pouco e dar uma olhada neste duplo clique sobre isso para que eu pudesse chegar aos pontos de ancoragem. Eu realmente não quero nada. Isso é meio afiado. Então eu vou tentar entrar e brincar com esses pequenos para suavizá-los. Mas, Mas, basicamente, isso é que está feito. Vou brincar com a gente um pouco mais. Você precisa assistir isso, no entanto. Então, por que você não entra e cria o que você vai fazer na sua próxima seção depois de você depois de sua seção principal de aterrissagem do herói. Vá em frente e crie isso, salve-o e, em seguida, carregue-o para sua área de projeto para que possamos continuar a ver como sua iteração seu projeto 29. Skill: Skill:: Certo, desta vez vamos cobrir como mascarar uma imagem com uma forma. Então isso seria como quando você quer fazer uma imagem que é um quadrado que você quer virar para um círculo para que você possa apenas usar uma forma para fazer isso. Então eu vou apertar E para a ferramenta Elipse e então eu vou segurar Shift para que ele permaneça um círculo perfeito e arrastá-lo para fora controle três para zoom sobre ele para que você possa ver melhor. E primeiro mostrarei a vocês a maneira mais fácil de fazer isso. Basta entrar e pegar sua imagem que você quer usar e então você arrastá-la para cima e quando a forma ficar azul assim, solte suas bocas em sua it iss Adobes fez isso para você. Eles redimensionaram a imagem, como acham que deveria ser e você está pronto. Se eu apertar ser para a minha ferramenta de seleção, então você pode ver que eu posso arrastar isso e tudo ficar conectado Como eu redimensionar a forma, ele também redimensionar a imagem. Se eu for aqui, posso remover a fronteira. Se eu clicar duas vezes em Ah, eu posso mudar o tamanho da imagem assim torná-la menor, maior agora. Uma coisa que não posso fazer quando saí do arquivo e caí assim. Você verá que estou clicando duas vezes nesta forma, mas não consigo selecioná-la, então isso é uma limitação. Quando você faz isso dessa maneira, você não pode mudar de forma independente o tamanho das ovelhas. Lá para sempre ligado eso. Agora vou apagar isto e vou mostrar-te outra maneira que te dá um pouco mais de direitos de controlo desta vez aperte o P para a ferramenta de caneta. Nós só vamos nos tornar abstrato, forma aleatória aqui. Muito bem, então há a nossa forma nas imagens de um grabber outra vez. Desta vez, porém, não vou arrastá-lo para a imagem. Quero dizer, arrastá-lo para fora da imagem, pelo menos da minha boca. E esta é uma imagem maior. Meu computador está se sentindo um pouco sobrecarregado, mas eventualmente vou carregar lá maior do que eu preciso, então vou até , aqui, inserir 500 pelo chicote, admitir que Locke está lá. Então, quando eu apertei enter, o redimensionamento é proporcional. E agora eu quero uma máscara, esta imagem com esta forma. Então eu tenho a imagem selecionada e mantenha pressionada a tecla Shift. Selecione a forma que ele controla. Mudar em. Me pediram outra maneira de fazer isso. E vamos desfazer o que acabamos de fazer. Se você clicar com o botão direito, desmascarar. Então, agora a máscara desapareceu. Então, outra maneira de fazê-lo e mantendo pressionada a tecla shift novamente para selecionar tanto a forma na imagem . Em seguida, clique com o botão direito Ah e máscara com forma. Agora você pode ver se eu clicar duas vezes nisso. A primeira coisa que é selecionada é a própria forma. Agora posso mudar a forma, e é completamente independente da imagem. Então, se eu clicar novamente agora, eu tenho acesso à forma. Portanto, fazê-lo desta forma dá-lhe um pouco mais de flexibilidade do que apenas arrastar e soltar diretamente na forma. 30. Adição de uma imagem circular: Tudo bem. Então eu vou mostrar a vocês como eu vou usar essa técnica de mascaramento que nós cobrimos neste projeto. Então começamos a tentar convencer os clientes, ou melhor, começamos a tentar convencer os clientes que eles deveriam considerar este serviço . Então nós temos nossos passos aqui que esperamos ajudar nessas linhas. E agora nós vamos apenas dar às pessoas uma idéia de quem está por trás do site e tipo de tentar construir confiança. Vamos falar mais sobre quem está por trás do site dentro da seção. Já que este é um cliente hipotético, vou usar minha própria imagem aqui. Tenho aqui a ferramenta Elipse. Vou segurar o turno para fazer um círculo perfeito. Vou manter o controle ou comando em um Mac três zoom nessa forma para que eu possa vê-lo facilmente. E agora vou pegar minha imagem. Então, só a foto que tenho de mim mesma. E em vez de deixá-la cair na forma, vou deixá-la cair na minha tela. Como eu disse, vou me dar mais controle. Tenho a minha imagem seleccionada. Mantenha pressionado, mude como minha mudança de controle de forma. M. E pediram-me duas vezes, clique, clique novamente para obter a minha imagem. E esta é uma imagem um pouco difícil de trabalhar quando eu estou tentando colocar em um círculo porque meu rosto está tão perto da borda. Então não tenho espaço para trabalhar aqui. Então, provavelmente na vida real, eu quero escolher uma imagem diferente. Mas vamos continuar com isso por enquanto. Tudo bem, então lá vamos nós para cima um mastro meu, meu rosto eu vou diminuir um pouco e, em seguida, aperte E para pegar a elipse para novamente segurar , mudar seco Tenho outro círculo e este círculo vai ser para o texto sobre mim. Vou manter pressionado o comando de controle no Mac It Ah, um suporte aberto para empurrá-lo para trás. Vou remover a fronteira. Dê um preenchimento. Vamos com isto como verde, por enquanto. Mova isso um pouco para cima. Eu realmente não quero estar totalmente no centro, mas eu não quero estar só quero encontrar o lugar certo para isso. Tudo bem? E tomei chá para a minha ferramenta de texto e vou escrever sobre mim. Nada de me escrever. Agarre área aqui, faça uma área de texto arrastando, dizendo que é provavelmente começar vai jogar sem um pouco. E eu já copiei e colei algum texto de espaço reservado de, ah, ferramenta online. Então eu vou acelerar isso. Então, claramente, eu preciso reajustar o tamanho deste texto. Então, eu vou até aqui. Ah, nós vamos realmente escolher o tamanho primeiro. Vamos fazer isto. Vamos ver o que fizemos aqui em cima. Eu gostaria de ser consistente, então eu vou pegar minha ferramenta de seleção. Então vamos ver. Tudo bem, então é só controle. Copiado, controle. Veja para copiar. E então vamos fazer a aparência da pasta para que possamos copiar esse estilo lá dentro. Certo, então temos um texto de espaço reservado aqui. Agora eu quero centralizar isso dentro do círculo, então eu vou mover meu mouse ao redor até que ele me diga que está centrado assim. Outro caminho para o centro. Ah, selecione as duas formas. E então ele deve centrar-se com o maior. Acho que isso já está centrado. Então tudo pronto lá. E eu acho que isso é provavelmente um pouco mais de texto do que eu preciso de um pouco você solta, nós vamos fazer como dois parágrafos e depois bebê-lo um pouco mais. Eu também acho que este círculo fez é muito grande dada a quantidade de texto que eu tenho. Então, quero dizer, uh, soltar isso para selecionar tudo, tentar um pouco mais. Então eu só estou brincando com isso para conseguir onde eu queria estar. Isso é basicamente o que você faz, como você pode incorporar ah, mascarar com forma em seu design. Isso é basicamente o que você faz, como você pode incorporar ah, Então, por que você não pensa sobre se há alguma maneira que você quer incorporar? Estou pedindo com formas em seu design, vá em frente e faça isso, upload, faça o upload, receba feedback e passe para o próximo vídeo. 31. Skill: gradientes: Tudo bem, então neste vídeo, vamos ver como fazer um Grady int. Hum, como aqueles de vocês que estão assistindo vão notar que eu brinquei um pouco com minha seção sobre mim, e o que eu quero fazer é que eu quero tipo de vincular essas duas seções de alguma forma. Não sei se é uma boa ideia, mas vamos ver como vai correr. Não sei se é uma boa ideia, Então o que eu vou fazer é apertar p para a ferramenta de caneta. Vou afogar outra forma. Lembra-se? Desenhei a forma no topo. Só estou desenhando. Ah, forma orgânica aleatória aqui. Tudo bem. Provavelmente voltarei e refinarei isso mais tarde, mas por enquanto, acho que servirá. Tudo bem, então eu falo sério. Em vez de preencher isto com a cor, vou preenchê-lo com um Grady int. Primeiro. Vou remover a fronteira. Verifique Phil, clique sobre isso, e então você pode ver agora ele está definido a cor sólida. Então está mostrando um branco sólido. Vou para o ingrediente linear. E agora você pode ver que ele é convertido em um Grady int. Esta é a cor branca. A cor branca mostra aqui. Então, se eu arrastar isso para cima do que a cor branca vai começar lá e então o que é? Vamos voltar para isso? eu arrastar esta ponta, a grande cor vai para lá, que é o que eu quero, mas eu quero mudar essas cores. Então primeiro eu vou clicar no branco. Você pode ver agora que está no branco. Então, para mudar essa cor, eu só desço aqui e seleciono uma das minhas cores dessa área. E então, se eu quiser mudar esse cinza, eu posso ir assim. Então agora eu tenho esse Grady Int Ah, e isso é tudo o que há para fazer ingredientes. É bem simples. Eu vou em frente e brincar com a gente um pouco. Mas não há nada mais que você precise aprender. Ah, crie suas próprias saudações. Ah, uma coisa que eu vou mencionar é que você também pode fazer um ingrediente de rádio que será do centro, tipo de ah, círculo baseado radiante. Então tudo o que o rádio irradia do centro. Eu não uso isso com frequência. Eu costumo usar o linear grande e ganancioso em ah então isso é Grady incidente Nutshell. Vá em frente e pense em como e se quiser, aplique isso ao seu design. E se você fizer isso, vá em frente e configure e faça o upload para que possamos continuar vendo seu progresso. 32. Adição de um formulário de contato: Tudo bem, então neste momento, nós vamos apenas terminar a simulação aqui em cima. Vou em frente e adicionar um formulário de contato. Então, no começo, comprando dois cliques na minha tela e arrastando para baixo, então eu tenho mais espaço para trabalhar, e então eu meio que quero ficar com Oh, yeah. Como você pode ver, eu mudo a forma da cama. Eu só pensei que isso parecia um pouco melhor do que o que eu tinha. Então eu brinquei um pouco com isso. E olhando para isso, acho que vou querer mudar isso só um pouco. E olhando para isso, Então eu tenho um pouco mais de sobreposição entre essas duas coisas, e isso meio que conecta as duas seções de uma forma, hum, então agora eu vou descer aqui e vamos começar no formulário de contato, então mantenha pressionada a tecla shift. Começa com um círculo perfeito. Hum, mas eu quero fazer algum tipo de forma só porque eu acho que vai caber melhor. E então também é uma espécie de mais que ele vai ficar melhor com esses outros orgânicos em formas perfeitas que eu fiz. Então eu vou apertar V para obter a ferramenta de seleção que eu vou clicar na forma contra isso , eu tenho os , pontos de ancoragem, e então eu posso apenas arrastar o ponto de ancoragem para onde eu quiser. E esta é apenas outra maneira de fazer a sua própria forma. Só vou brincar um pouco com isso, Zach. Algo em outro ponto de ancoragem. Então vamos brincar com isso até termos algo que eu acho que funciona bem para o contato para Talvez eu queira ter um pouco de sobreposição novamente apenas para manter as coisas ligadas. E desde que eu saí da tela aqui, um, nenhum. Talvez eu queira sair da tela aqui, então eu meio que jogo em torno da forma até que eu acho que é onde eu queria estar. Tudo bem. Acho que vai funcionar. Suba aqui e pegue isso. E eu mantenho pressionado arrastar isso aqui para baixo, controle o colchete para trazê-lo para cima, e agora ele vai clicar duas vezes para que eu possa mudar isso para contato. Então, como eu falei antes Ah, as pessoas têm uma oportunidade. Teoh, assine aqui. Se eles apertarem o botão ir lugares e, em seguida, espero, se eles não fizerem isso. Eles passam por aqui, lêem sobre o processo do que vêm aqui. E eles, uh, ler mais sobre a pessoa por trás do projeto, e então eles vão vir aqui, e então eles vão realmente fazer o Sinem. Então, agora não entre. Vou criar um retângulo para o formulário de inscrição. E esta é uma área onde ele realmente tem que ser meio cuidadoso novamente. Como quando você está sentado aqui, seu tamanho de fonte. Estou reduzido para 50. Então, quero dizer, para mim, isso parece OK, mas eu sei por experiência própria que eu realmente queria muito. Ah, muito mais curto. Então eu vou até aqui e acerto 48 enter. E se você ampliar para 100 você pode ver que em 100% 48 funciona muito bem. Então eu vou alinhar isso com o formulário de contato e então eu quero perto das extremidades aqui para que eles coincidam com os botões que nós temos. Então eu vou apenas clicar em e, em seguida, manter a tecla de seta pressionada no meu teclado até eu obter a borda arredondada. E é sempre uma boa idéia colocar o que o formulário é quatro acima do formulário em si, em vez de ele na forma que você pode fazer ambos. Se você quiser, você pode fazer um exemplo no formulário e, em seguida, colocar o que é para acima. Mas você sempre quer tê-lo lá porque as pessoas vão, uma vez que eles clicam no que estava no exemplo ou o que era, quatro desaparecem. E lá eles podem esquecer. Hum, então você sempre quer colocar rótulo acima do formulário. Então vamos fazer este e-mail. Meu texto é branco, é por isso que você não pode vê-lo. Então vamos em frente e mudá-lo para uma cor que possamos ver quando formos com este roxo escuro . E eu acho que eu também vou em vez de usar Merryweather, eu acho que eu vou usar Ah Chivo aqui. Vou ficar preto. Eu gosto disso. Vou fazer estas pequenas saídas apenas uma etiqueta de formulário. Vamos descer para 12. Pode ser muito pequeno, mas podemos brincar com isso depois. E então eu gosto de tipo Aliant onde essa curva começa. Isso é o que eu estou fazendo que eu quero um pouco maior. Acho que 16 está bem? - Sim. E acho que vou encher isto. Preencha este campo de formulário em. Faça isto. Vamos fazer isto. Acho que vai ser fácil. Então podemos fazer letras brancas lá dentro, e então você quer prepará-la. Como queres o teu dedo do pé, olha antes de ires e faz outro. Então, uma vez que você tem dito, em seguida, selecione ambos manter pressionado e, em seguida, duplicar. E então você pode colocar em outro campo aqui, se você quiser. Então poderíamos fazer com que pudéssemos fazer esse nome, e então esse é o e-mail. Ah, e então eu estou olhando para isso, e eu acho que isso é um pouco demais eu tenho esses dois largos, então eu quero manter o mesmo com a gente, como ambos ao mesmo tempo beberam isso. E depois vou trazer este botão. Dobie está me contando sobre esse ótimo novo recurso. Tudo bem, então eu vou arrastar o meu botão de símbolo que criou antes, e eu vou me deitar com a borda disso. Tudo bem? E agora eu tenho um formulário de contato muito básico. Nós obviamente vamos precisar jogar com isso um pouco mais, então eu vou continuar a trabalhar nisso 33. Criando um menu: Está bem. Então, como eu disse, passei mais algum tempo trabalhando na área de contato aqui, tenho, tipo, radiante para ela. E então eu mudei em torno das cores dos formulários de entrada e dos botões. Então eu fiz um monte de mudanças, basicamente, e eu também adicionei em um rodapé simples aqui em baixo aderindo com o tema do círculo. Uh, e vai haver apenas três itens do menu. Então agora o que vamos fazer é voltar para cima, e quando eu voltar para cima, vocês verão que fiz algumas outras mudanças no design ao longo do caminho. Só limpei um pouco, e talvez eu limpe um pouco mais antes de terminar. Só limpei um pouco, Mas agora o que vamos fazer é fazer o menu, e para fazer isso, vamos embora. Nós já temos nosso ícone de hambúrguer aqui que representa o menu. Mas agora vamos conseguir. O que? O menu será parecido com o que as pessoas clicam nele. Então nós vamos agarrar por retângulo Tool em bebeu saiu dele. Ah. Então eu vou remover a borda, soltar sombra sobre e em torno dos cantos um pouco. Toma, tenta quatro. Então você está um pouco mais. Podemos ver isso. Mude para o dedo do pé de seleção direta e, em seguida, clique fora para que possamos ver Gota sombra, cantos ligeiramente arredondados. Está bem. Não, eu vou. Teoh, pegue a ferramenta de texto. Vamos fazer o nosso cardápio. Então eu já esqueci o que eu coloquei no fundo. Teremos que checar de novo. Eu acho que é quantidade e, em seguida, ferramenta de seleção direta Paul arrastar para copiá-lo. Contato sobre o que é o último novamente? Vamos voltar para baixo por muito tempo. - Sim. Está bem. Tudo bem. Então, temos isso. E agora vamos escolher um vínculo que usamos aqui. Então, provavelmente, ou são o que usamos para os botões ou algo semelhante. Então, quero dizer, selecione isso, e eu vou copiá-lo. Então eu vou selecionar todos estes clique direito e colar aparência. Você pode ver que eles ficaram brancos. Então, obviamente, você não pode ver branco no fundo do menu branco, então vamos mudar isso para este roxo escuro. E dado que há tão poucos destes e todo o espaço, quero dizer, provavelmente vamos fazer esta caixa um pouco menor. O que? Ainda vamos precisar de espaço, então acho que vou fazer isso maior. Vamos tentar 30. Tudo bem. Bem, bom vai até 36. Então certifique-se de pegar todos os 36. Tudo bem? Lá vamos nós. E a próxima coisa vamos fazer reduzir esses pequenos pedaços. Estou vendo que não precisamos dele tão grande. Então também precisamos de uma maneira de fechar este menu. Maken X agarrou o dedo da linha mantenha o deslocamento pressionado para que ele faça um ângulo perfeito de 45 graus. Então eu vou fazer aumentar o tamanho dele. Vamos tentar ao redor das bordas. Aqui em. Vamos fazer a cor. Eles são roxos também. O Rex. Ferramenta de seleção, o Lá vamos nós. E agora para casa. Para baixo, tudo de novo, copiadora. Então nós vamos girá-lo 45 graus, realmente sendo girado 90 graus e então nós vamos alinhá-lo com este outro. Não, tenho o X para as pessoas, para que possam fechar o menu quando acabarem com o que precisam . E coloque isso aqui neste canto. Estou no centro disto e mantenha a tecla Shift pressionada para selecionar tudo. Vou até aqui e deve centrar-se no objeto maior. Então aqueles que eu centrado, de selecionar todos downshift e, em seguida, de selecionar o retângulo no fundo realmente vai ser selecionar tudo. Eu vou espaçar estes um pouco mais, já que temos tanto espaço aqui e então eu quero ter certeza que há uniformemente espaçados. Vou selecioná-los todos aqui para distribuir o espaço vertical uniformemente. Parece que já fiz isso. Então, estamos todos prontos. Ah, então esse é um menu muito simples que fizemos lá, então provavelmente nisso um pouco. Mas se você quiser, eu quero ir em frente e preparar isso. E então o que vamos fazer é usar isso no próximo vídeo para fazer uma prototipagem básica . 34. Skill: protótipo de menu: fizemos um menu, e neste vídeo vamos adicionar algum movimento a ele para que quando os usuários clicarem no hambúrguer, este menu apareça. Então, parte disso é, eu quero ter certeza que este X é mais ou menos onde o menu de hambúrgueres está. Então faça isso. Eu vou reduzir a opacidade sobre isso, que eu possa ver o que está por baixo. E então eu vou manter a tecla Shift pressionada para selecionar as duas linhas no X. E enquanto eu fiz isso, eu vou apertar o controle G para agrupá-las. Não quero continuar a fazer isso. E então eu vou alinhar isso para que seja mais ou menos sobre o menu de hambúrgueres. E agora que eu fiz isso, traga isso de volta. Mas eu quero brincar. Quero dizer, isso não precisa pressionar. Só usámos isto para um exemplo. Mas eu só não quero ajudar, mas mover isso um pouco para cima e para baixo isso um pouco. Certo, então agora protótipo isso. Temos de pôr isto no seu próprio quadro de arte. Então queremos fazer o aeroporto do mesmo tamanho que este menu. Então é 5 56 por 5 80 classificando que Zoom aqui agarrador ferramenta de placa de arte tentando uma forma para começar. Então nós vamos digitar 5 56 por 5 80 ele entra em nossas palavras, mesmo tamanho. E agora vamos selecionar tudo o que temos aqui. E vamos secar isto por cima do quadro de arte ao movermos, usando as minhas teclas de seta para movê-lo de vez em quando. Se Dobie vai te dizer quando é uma linha, deixe-me dar um zoom para que você possa ver um pouco melhor. Você pode ver lá em cima no canto superior aqui. Está me dizendo o quão longe é do topo do dardo. Então eu queria ser se eu quisesse estar perfeitamente alinhado assim. E você pode ver que quando eu acertar esse alinhamento perfeito ele tem, hum, cruz que vem para indicar isso para você, e nós vamos dar mais um passo. Isso não é necessário, mas eu acho que pode ser útil para prototipagem apenas para tornar este alvo um pouco mais fácil para as pessoas atingirem, nós vamos colocar ah forma sobre ele. Mas vamos remover a fronteira e remover os filmes que você pode ver o X passando . Ainda assim. Tudo bem, então agora estamos todos no dedo do pé, bonitão. Moção para isso. Ah, para fazer isso, precisamos rever a aba de prototipagem, e você pode ver que quando eu cliquei no protótipo, todo esse menu desapareceu. E também, temos muito menos opções aqui. Isso é porque isso é focado em prototipagem, então há muito que não precisamos. Eles apenas Adobe tem sabiamente limitado ao que você precisa. E o que queremos que aconteça é que queremos algo que aconteça quando as pessoas clicam nisso. Então, vamos clicar nisto e dizer à Adobe o que queremos, um, este clique seja conectado para arrastá-lo para este quadro de arte. E então uma vez que o temos no quadro de arte, nós o lançamos, e ele vai nos dar essas opções para o que queremos que aconteça. O padrão é transição, mas vamos fazer uma sobreposição aqui, e então você também pode ver que temos algumas opções para o destino. A nossa placa, nossa palavra um, e depois a animação dissolve-se. Nós vamos querer que eu quero ter esse slide em, um, um momento difícil de lembrar, uh, uh, se eu quisesse deslizar para a esquerda ou para a direita, nós vamos dar um slide para a direita e ver como isso vai correr. E então você também pode definir a duração de quanto tempo leva essa pequena animação. Então, só para facilitar a visão, fará com que seja, uh, 0.8 segundos. E agora vamos clicar em Play para que possamos testar isso e ver como funciona. Então nós clicamos nisso, e como você pode ver, isso está vindo do lado errado. Não é uma linha corretamente, então temos que voltar aqui e brincar com isso um pouco mais. Então, vamos clicar nisso novamente. E uma coisa que eu falhei em fazer e isso é quando você faz a sobreposição te dá que essa versão verde da arte entediada e você quer arrastar isso para o lugar onde você queria aparecer . Arrastámo-lo para o lugar, e agora você pode ver que é aí que virá quando as pessoas clicarem nisso. E como eu disse, eu notei que eu realmente tenho apenas deslizar para a direita. Mas eu realmente queria deslizar para a esquerda. Então vá em frente e faça deslizar para a esquerda. E depois outra coisa. Vamos fazer enquanto estivermos aqui, depois disso vem o que vai acontecer quando as pessoas clicarem nisto. Queríamos voltar a este quadro de arte. Então agora temos ambas as animações configuradas. Abrindo e fechando. Tudo bem. E agora vamos clicar em jogar, não ver o que fizemos aqui. Pode ver que ele abriu no menu porque isso é o que eu tinha ah, selecionado quando eu clicar em jogar. Então nós realmente queremos clicar nisso. Então ele se abre, abre nosso site, e então clicamos aqui que desliza, clique aqui, ele desliza. Então isso é Ah, uma pequena animação simples. Um pequeno protótipo de animação. E então, no próximo ano, vamos mostrar como você pode compartilhar isso com seus clientes. 35. Protótipos de compartilhamento XD: Ok, então espero que depois do último vídeo, se todos vocês estão acompanhando, você foi em frente e fez algum tipo de parte clicável do seu designer. Talvez você construa um protótipo ainda mais avançado neste vídeo. Vamos ver como compartilhar seus protótipos. Porque se as pessoas não têm X d, o que a pessoa média não vai, então eles não serão capazes de ver o que você fez a menos que você crie ah, comprimento que ah não ser permite que você crie para que eles possam acessar e interagir com protótipo. E como eu disse no outro vídeo muito tempo, eu não necessariamente uso esse recurso de protótipo para protótipos. Eu uso isso para compartilhar coisas com os clientes. Então é assim que eu vou discutir isso, hum, para este vídeo, para compartilhar. Ah, vamos até aqui para a área de compartilhamento assim, e vamos dizer protótipo publicado e eu já compartilhei isso uma vez, então eu posso clicar em atualizar onde eu posso criar um novo link. Vou apenas grande atualização clique, e então vai demorar um pouco para carregar. E uma outra coisa que quero mencionar enquanto esperamos por este dedo completo. É atualização é que ele está em Lee, se você tem protótipos algo, mas não tudo no espaço de trabalho ah, ele só vai mostrar o que você tem o que você conectou. Então, neste espaço de trabalho, ele só conectou o menu e este quadro de arte principal que temos trabalhado. E daí se eu tivesse o controle zero? Você pode ver que eu tenho um monte inteiro em suas coisas aqui, então eu poderia controlar três para zoom de volta. Mas você verá em um momento que ele só vai mostrar no link as coisas que estão conectadas. Então, agora vamos sair. E eu já abri isso e outro e, uh, navegando. Isto é apenas cromo. E acabei de colar o Lincoln aqui. Às vezes vai demorar um pouco para o link carregar. Então isso é algo que eu sempre digo aos meus clientes quando estou compartilhando com eles que, você sabe, apenas seja paciente. Nós temos um monte. Este é um grande projeto, e tenho muita coisa acontecendo aqui, então seja paciente com a carga do dedo do pé. Então você pode ver que você pode simplesmente rolar normalmente uma vez que você tem o mouse sobre isso apenas como estar em um site. Basicamente, venha aqui e torná-lo maior, e então você pode clicar em escape para sair dessa vista, eles também seus clientes têm a opção de fazer comentários aqui. Isso pode ser uma característica útil. Então, digamos, queria fazer isso. Vamos fingir no cliente. Posso arrastar um alfinete até aqui, colocá-lo neste botão, dizer algo como uma identidade como esta um pouco maior. E então esse cometa vai aparecer e então eu posso responder. , Está bem, vou trabalhar nisso. E você também pode alertar as pessoas mencionando usuários. Sou o único com quem isso foi compartilhado, então sou a única opção. Fazer isso? Isso é apenas outra característica. E agora vou mostrar o protótipo que funcionará, então se você clicar em qualquer lugar, verá que está destacando a parte que foi clicável. protótipo que funcionará, então se você clicar em qualquer lugar, Então nós viemos aqui e clicamos nisso e ele entra exatamente como aconteceu no dia seguinte usando o botão play. Ah, então isso é uma introdução rápida de como você poderia compartilhar algo que você tem protótipo com seu cliente ou usuários que você vai testá-lo com. No próximo vídeo, vamos falar sobre como exportar suas placas de arte como imagens, porque quando faço isso, normalmente quando compartilho com clientes, costumo exportar como imagens. No próximo vídeo, vamos falar sobre como exportar suas placas de arte como imagens, porque quando faço isso, normalmente quando compartilho com clientes, E então eu também crio esses links apenas para dar opções aos clientes. Então, por que vocês não vão em frente e criam links e depois os carregam para que possamos ver o trabalho de prototipagem que fizeram na sua simulação? 36. Skill: exportando: Então, no último vídeo, falamos sobre como compartilhar com links, e isso é útil quando você quer um protótipo. E honestamente, quando estou compartilhando com meus clientes, geralmente recomendo que eles usem os links. Acho que dá a eles uma ideia melhor do que realmente vai parecer. Eles podem tipo de rolagem e eles podem rolar, e ele vai parecer como ele faz em um navegador. Mas eu também costumo compartilhar imagens apenas para que eles tenham essas imagens também. Então, a primeira coisa que faço quando estou nos compartilhamentos clicar duas vezes aqui e mudar o nome já. Isso mudou este nome, a página inicial, e então você apenas tomar o controle E comando do Mac, e você pode selecionar o seu destino. Vamos apenas colocar documentos, selecionar pasta, e você também pode alterar o formato. Se você quiser. Eu costumo usar PNG, e não vou exportar isso, porque não tenho clientes, e vou compartilhar com ele no momento. Mas se eu fosse, eu apenas clique em exportar, e isso iria exportá-lo para esta pasta. E então você pode ir e usar em insistir necessidade a partir dessa pasta. Ah, então é basicamente isso para esta página inicial. Para encerrar seu projeto em recomendar passar e gastar algum tempo ou encontrar o que você fez e, em seguida, fazer upload de tudo o que você fez para a área do projeto de compartilhamento de habilidades. Para encerrar seu projeto em recomendar passar e gastar algum tempo ou encontrar o que você fez e, em seguida, fazer upload de tudo o que você fez para a área do projeto de compartilhamento de habilidades E, você sabe, eu estou realmente ansioso para ver o que você vem com nos próximos vídeos. Vamos cobrir algumas dicas que realmente não fazem sentido para este projeto. Mas isso deve ser útil para você no final da linha como você continua. Ah, projetando sites. 37. Skill: repita Grid: Então, uma das características mais legais que o X D tem é esse cara no sistema de grade que permite que você repita , hum, algo. E então você pode fazer alterações em todos os itens do seu grupo de uma só vez para que ele possa economizar muito tempo. Se, ah, esse é o tipo de marca que você precisa fazer. Então, como exemplo, acabei de criar este cartão. Talvez eu não tivesse um lugar para isso na minha página inicial, mas talvez eu tivesse um lugar para isso em outro lugar em alguma página ou algo assim. E vamos dizer que eu queria ter um monte de cartões, disse que eu apenas um. Então o que eu faço é ir em frente e configurar o cartão. É tudo o que eu queria e precisava. E então uma vez que eu tinha configurado, eu selecionava todos os itens nele. E então eu venho aqui como grade de repetição, e você pode ver que mudou em verde, e então você. Se você arrastar sobre isso, você pode ver que ele vai repetir essa forma repetidamente, e então você pode ajustar o espaço entre as formas passando o mouse sobre aqui, e então apenas arrastando para dentro e para fora, e que você também pode as formas como esta. Hum, então há algumas coisas que você pode fazer com isso. Grupos desculpados. Você poderia movê-lo como um objeto. Se você quiser trazer no centro da página, então você também pode adicioná-lo o texto individualmente Aqui, hum, assim você pode ir em frente e mudar todos estes como quiser, Mas então você também pode alterá-los juntos. Certas coisas mudam individualmente. Certas coisas vão mudar juntas para que você possa mudar a cor disso. Então você queria mudar a cor do botão. Você pode rapidamente apenas entrar aqui e clicar que pouco atualizá-los todos imediatamente. Então isso é uma grande economia de tempo. E então você também pode pegar o espaçamento como pensar que talvez isso seja um pouco perto demais da imagem para que eu possa usar minha tecla de seta e trazer isso para baixo um pouco e você pode ver que ele está aplicando em todos os itens neste, uh, grupo. Outra coisa legal que você pode fazer é pegar um monte de imagens e soltar o manitol automaticamente. Repita essas imagens em toda a grade, então você tem que ir uma a uma para mudar a imagem. Então, vou mostrar-vos um exemplo disso vindo aqui. E eu tenho um monte de imagens, então selecione-as. Não, arrastei-os para cá. Vai dizer “cópia”. E então quando você entra aqui, você pode ver que ele foi atualizado para que essas imagens sejam transmitidas por todos esses cartões que eu fiz. Então, esse é o recurso de repetição para o para certos layouts e simulações. Vai ser uma grande e útil economia de tempo recentemente em um projeto onde ele estava mostrando um monte de caras de ah. E eu uso esse recurso e me economizou uma tonelada de tempo. Então eu recomendo que você soubesse. Vá em frente e experimente isso e familiarize-se com ele para que você saiba como usá-lo. Uh, quando você precisa do Teoh 38. Skill: paste em lugar: Ok, então outra coisa legal que X'd construiu é esta pasta automática no lugar. Então, por exemplo, vamos dizer que nós temos este vai ser o nosso cabeçalho ele círculos, menu e, hum, logotipo. Então, estou mantendo a tecla Shift pressionada para selecionar todos eles. E eu apertei o controle C Demasiado arrogante. E, claro, vamos querer que o cabeçalho seja o mesmo em toda a nossa simulação. Então digamos que viemos aqui. Todo mundo tinha que selecionar o quadro de arte e depois colá-lo, e ele vai colá-lo exatamente na mesma posição que, Ah, estava nos originais. Isso pode ser uma característica muito útil. Normalmente, o que eu faço com o cabeçalho é agrupá-lo e então eu vou torná-lo um símbolo. E então é fácil em vez de arrastá-lo do painel de símbolos. O que costumo fazer é copiá-lo de uma ala Arc e depois ir a outro relatório e depois colá-lo. Claro, a única exceção a este trabalho é se você está entediado, eles são tamanhos diferentes. Não vai ser capaz de colar e exatamente o mesmo lugar nos quadros de arte. Não é então inteligente neste momento, mas ainda é um recurso muito útil, outra boa economia de tempo que eu gosto. 39. Skill: protótipo II: Ok. Então, mesmo assim, este não é realmente um vídeo sobre prototipagem. Nós só vamos cobrir um pouco mais, hum, hum, sobre prototipagem só porque isso é uma característica tão importante do X D. Então eu só vou ver como você iria conectar quadros de arte se você estivesse projetando várias páginas em um site . Digamos que temos esta é a nossa página inicial, claro. E então temos uma sub-página eso você vai a lugares e, em seguida, você clica neste botão e ele vai levá-lo a algumas opções de viagens diferentes. Você pode continuar. Então, para fazer isso, clicamos no botão e então vamos arrastar este ar para o aeroporto, queremos conectar-se a você liberar, e então você pode definir as diferentes transições. Então vamos com a transição regular e animação. Ninguém acha que isso é o mais natural de navegar entre páginas do Quinn. E depois vamos ter o logótipo de volta para a página inicial. Sempre gosto de ter um jeito de voltar aos protótipos, então vou mostrar como é. Então você vem ouvir clique ir lugares e ele vai puxar aquela tela que alguma página e então você clica de volta. É hora de voltar para a página inicial. Outro recurso interessante que o Adobe X'd incorporou é a posição fixa no posicionamento ao rolar. Então, isso seria, por exemplo, digamos que aquele que tinha um pouco de opções sempre bate-papo enquanto o usuário percorreu nosso site. Então eu fiz isso rapidamente, e então o que você faz para torná-lo um pequeno pergaminho, ele vai ter uma posição fixa e ficar. Fique no porto da vista. Ao rolar, basta selecionar tudo. Eu fiz isso em um grupo e, em seguida, oi verificado posição fixa ficc ao rolar. E então, se você clicar em Play, você pode ver como isso ficará no protótipo. Apenas dias em lugares que você rolar para baixo na página. Isso não é uma característica legal. Isso é apenas uma introdução curta. Como eu disse, este vídeo syriza não é realmente focado em prototipagem, mas eu queria dar-lhe um pouco mais para que, uh, você sabe, você tem algo para continuar e você pode começar a construir protótipos 40. Conclusão: Ok, então esse é o fim deste curso. Espero que todos tenham gostado. Espero que todos tenham aprendido algo com isso. Estou animada para ver seus projetos. Mal posso esperar para ver você carregá-los. Então, obrigado pelo seu tempo. E estou ansioso para ver o que você criou.