Design da Web :Como projetar um site no Illustrator | Dawid Tuminski | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Design da Web :Como projetar um site no Illustrator

teacher avatar Dawid Tuminski

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

20 aulas (1 h 35 min)
    • 1. Design de Web no Illustrator :Bem-vindo ao curso

      2:03
    • 2. Antes de começarmos

      3:16
    • 3. Informações de cabeçalho e contato continuadas

      5:33
    • 4. Informações de cabeçalho e contato

      6:58
    • 5. Vamos criar logotipo e navegação

      6:09
    • 6. Vamos criar o Subheader

      4:13
    • 7. Vamos continuar criando o Subheader

      6:41
    • 8. Vamos criar a seção Nossos serviços

      7:28
    • 9. Vamos terminar a seção do nosso serviço

      3:08
    • 10. Vamos construir a seção de consulta gratuita

      4:02
    • 11. Vamos terminar a seção

      4:05
    • 12. Vamos construir a seção Nossa equipe

      6:19
    • 13. Vamos terminar a seção

      4:15
    • 14. Vamos construir a seção de Depoimentos

      4:46
    • 15. Vamos terminar a seção de Depoimentos

      5:20
    • 16. Vamos criar o Rodapé

      6:15
    • 17. O rodapé continuou

      3:32
    • 18. O rodapé continuou

      5:47
    • 19. Vamos terminar o rodapé

      3:44
    • 20. Conclusão

      1:19
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

298

Estudantes

1

Projeto

Sobre este curso

Lembro-me de assistir tutoriais e cursos pensando: Ok, eu sei como clicar nas coisas, mas como juntar todas as peças?

Raramente recebi a resposta.

Então, eu sei como é olhar para obter conhecimento prático e não obtê-lo.

É por isso que eu coloquei este curso juntos, para que você possa aprender o processo de design da Web real e para que você possa fazê-lo sem esforço.

Porque se você quiser

  • Aprenda desenhos de web profissionais no Illustrator
  • Construa sua confiança em poder projetar um layout da Web de forma independente
  • Lern apenas os aspetos práticos de usar o Illustrator para projetar layouts da Web

Este é o curso para você.

Como você vai aprender a projetar um site no Illustrator sem gastar semanas assistindo tutoriais, que não obtêm lugar nenhum.

Então se inscrever no curso e vê-lo dentro.

Dawid

PS Se você gosta do curso, envie seu projeto de revisão e curso. Isso vai ajudar outros alunos, como você está interessado no tópico que ensino, na busca de meus cursos. Valeu!

Conheça seu professor

Teacher Profile Image

Dawid Tuminski

Professor

Designer, coder and educational entrepreneur.
Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.

Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .

Teaching +30k students in 160 countries worldwide.

Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.

His motto: Boring instructors are worse than boring topics!

His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Design de Web no Illustrator :Bem-vindo ao curso: Olá e bem-vindo ao curso. Meu nome é David Tyminski, e eu acho ótimo que você tenha decidido aprender a desenhar layouts da Web usando o Adobe Illustrator, porque este curso é sobre isso. Então, se você quiser projetar um site e mais tarde, saia com seus amigos em uma tarde ou aprenda exatamente o que você precisa para projetar um site que faça as pessoas ficarem na fila para pagá-lo ou construir sua confiança em ser capaz de projetar um Layout Web de forma independente e um mais rápido do que uma máquina de lavar roupa. Faz a lavanderia ou aprender pronto para usar técnicas de Web design para finalmente começar a ganhar dinheiro através da concepção de sites, Será que você veio ao lugar certo. A causa do discurso é tudo sobre design Web profissional, competitivo e sem esforço. É um curso de quatro para meus fundamentos fora Web design, e se você não viu isso, é uma boa idéia fazer Suker's aqui vamos nos concentrar no processo de design real. Dentro, você vai encontrar todo o processo de criação de site corporativo a partir do primeiro 2 do último clique de criar o cabeçalho para terminar no rodapé e, em seguida, imaginar que vamos fazer tudo isso em apenas 90 minutos porque você vê, meus cursos são tudo sobre simplicidade. Se algo pode ser feito de forma mais rápida ou mais eficaz, deve ser feito assim. Isso é o que você vai aprender. Tudo o que é necessário para projetar um site, mas nada mais. Então, se você está procurando algum ilustrador ou um básico de Web design, bem, então dê uma olhada em meus outros cursos. Oh, e não se esqueça que você está totalmente coberto por uma garantia de devolução de dinheiro de 30 dias, sem perguntas. Sem ressentimentos, então seu risco é absolutamente zero. Portanto, agora cabe a você iniciar o curso e dar o primeiro passo para criar layouts sensacionais da Web no Adobe Illustrator Onley. 90 minutos do seu tempo podem mudar a forma como você pensa sobre a criação de sites, então veja você lá dentro. 2. Antes de começarmos: Olá e bem-vindo ao curso. Meu nome é David Tyminski, e neste curso você aprenderá a projetar um layout da Web no Adobe Illustrator. Nós já aprendemos os fundamentos do Web design, e fizemos isso nos fundamentos do Web design no Illustrator, é claro. E se você não viu esse curso, eu recomendo que você veja. E o curso que estamos assistindo é um acompanhamento das pontuações fundamentais, e seria mais fácil para você seguir ao longo se você assistisse ao curso básico . Mas esse é apenas o meu conselho de qualquer maneira, do layout que escolhi para este curso é para uma empresa de advocacia fictícia. Liguei para Stratton e Filhos, mas antes de mergulharmos na parte de design real, precisamos ter em mente algumas regras simples. Primeiro de tudo, o design foi baseado neste quadro de arame, e se você não está familiarizado com o enquadramento de arame, dê uma olhada nos meus fundamentos de Web design no Adobe Illustrator, é claro, onde eu expliquei a armação de arame em parte em detalhes. Em segundo lugar, temos partes bastante distintas aqui. Nós temos o cabeçalho com algumas informações de contato, uma chamada à ação nós temos o logotipo e então nós temos a imagem principal com alguma sobreposição de texto ? Temos a nossa secção de serviço com alguns que eu venho. Em seguida, temos esta parte com uma imagem arrojada à esquerda e o texto sobre consulta livre à direita. Então temos a seção da nossa equipe, essa seção de depoimento também, e notar que ele é destinado a ser um controle deslizante. E por último, temos o rodapé na parte inferior, e todas essas seções são colocadas nas camadas correspondentes que foram nomeadas de acordo. E essa é a regra número três. Eu também criei uma arte separada, entediada com todos os ativos que eu vou precisar para recriar este design. E a propósito, isso é totalmente opcional. Ajuda muito em um cenário típico representa, mas não é como se fosse uma obrigação. Bem, eu tenho cores aqui que são usadas no design, e eu transformei essas cores em um grupo de colarinho. Os fundos que estou usando nosso serifa dróide, principalmente para telhas de seção, mas também para os Nev e abrir Sons para o resto. E estes, a propósito, são telefones antigos do Google. Eu também tenho o logotipo aqui e o cara vem. E, claro, todas as imagens estão aqui embaixo. O último, mas não menos importante, este design foi baseado em um grão de 12 Colin. E mais uma vez, é algo que todos vocês viram. Minhas pontuações fundamentais já estão familiarizadas. O com Off the art board é definido para 1920 pixels, mas o com fora do design é restrito a 1200 pixels, exceto para o completo com imagens e acentos. Ok, agora que sabemos tudo isso, podemos começar o processo de design e vamos começar com a parte superior, que contém os ícones, algumas informações de contato e a primeira chamada à ação. Mas faremos tudo isso no próximo vídeo. 3. Informações de cabeçalho e contato continuadas: Ok, então neste vídeo, vamos começar a alinhar nosso cabeçalho superior Elementos pesados. E eu vou começar com esses ícones aqui. Mas a primeira coisa que precisamos fazer é criar um bem, grande efeito vivo. O efeito ao vivo que eu quero criar é um objeto de contorno. E eu quero fazer isso porque agora, ilustrador considera esses caras como caixas de texto. E quando eu alinhar estes de acordo com em relação a, como o fundo ou talvez os ícones ou o botão Então ele vai levar em consideração o tamanho fora de toda a caixa de imposto. E isto está feito. O que? Eu queria saber que isso não é o que eu quero. Eu quero que eu queria alinhar todos esses elementos relação Onley para o próprio imposto. Então o que eu preciso fazer é selecionar todos esses caras, ir para o menu de efeitos, escolher banho, contorno, objeto e agora ilícito vai alinhar tudo em relação ao texto em si, não ao tamanho fora dos livros didáticos. Ok, então o que? Eu quero didio deixe-me apenas zoom em um pouco aqui. O que eu quero fazer é ter uma distância igual entre o ícone e o taxado. Então eu vou movê-lo um pouco para a esquerda, este cara também e este tipo também. Talvez primeiro, vamos alinhá-los. Então vamos alinhá-los verticalmente ao centro. Mas não vamos esquecer que precisamos alinhá-los com a seleção no nosso relatório. Assim como assim. Então agora, como podemos fazer esses elementos irem para a direita por, digamos, 10 ou 20 pixels? O que poderíamos fazer no painel de transformação poderíamos apenas adicionar, tipo, 20 pixels ao meu valor X. Mas eu quero fazer isso de uma maneira diferente. Vou selecionar todos esses caras e basta clicar duas vezes na ferramenta de seleção. E é assim que você pode ativar sua ferramenta de movimento e eu vou apenas digitar 20 para o movimento horizontal e apenas apertar, ok, ok, como então agora eu vou agrupar todos esses caras juntos, e eu estou usando o controle ou comando G se Você está em um comando Mac e agora eu posso garantir que todos esses grupos são definidos são distribuídos por certo por certa distância, e nós podemos fazer isso selecionando todos eles e tornando este cara aqui o objeto chave. E você pode fazer isso simplesmente clicando em para apenas mais uma vez. E você pode ver que o ilustrador está fazendo parecer que ele tem algum conjunto extra fora de pontos de ancoragem. E o que eu vou fazer agora é simplesmente ir para o painel Alinhar aqui e você pode ver que agora distribui, Distribuir . Espaçamento está disponível para nós, e eu vou simplesmente torná-lo como 10 pixels. E ele clicou nesta horizontal distribuir o fundo assim. Então vamos ver se está tudo bem, talvez vamos fazer 20. Assim como assim. Oh, não esse cara. Deixe-me fazer de novo. Assim como agora, quando eu amplio, posso ter certeza de que há 20 pixels, margem ou espaço entre esses caras e esses caras e esses caras e também entre esse grupo, esse grupo e esse grupo assim. Mas se você acha que talvez esses caras estejam muito longe um do outro e talvez você queira movê-los um pouco para a esquerda. Bem, há um serviço simples, uma solução para isso. Tudo o que precisamos fazer é com a seleção direta do dedo do pé, clicar irá mudar, selecionar todos esses caras aqui e, em seguida, clicar duas vezes na ferramenta de seleção direta. E como queremos mover esses caras para a esquerda, teríamos que inserir um valor negativo. Então eu só vou entrar menos Stan. E quando eu apertei a tecla tab, você pode ver que eles se movem para a esquerda. - Sim. Sim, bem, eles se mudaram para a esquerda, e é isso que queremos. Então eu vou apenas clicar, ok? E o último testamento. Quase a última coisa que precisamos fazer é alinhar esses caras esses dois elementos juntos. Queremos que o botão fique bem. Então eu vou apenas selecionar esses dois caras, ter certeza de que a linha para seleção está ligada e apenas alinhá-los verticalmente para o centro. E eu quero alinhá-los horizontalmente ao centro também. Eles precisam ser um bom grupo, então vou agrupá-los. E realmente, a última coisa a fazer aqui é ter certeza de que todos esses elementos todos estes eu vem junto esses grupos e o botão estão alinhados, Teoh vai corretamente estão alinhados dedo do pé em relação ao nosso fundo. Então tudo o que precisamos fazer é selecionar todos esses caras seletor ou clique no fundo novamente para fazer este objeto Archy e clique em Vertical line center novamente. E agora podemos ter certeza de que nossos elementos e nossos antecedentes serão alinhados corretamente em relação ao nosso fundo. Então lá vamos nós. Temos nosso cabeçalho superior criado no próximo vídeo. Vamos continuar criando o cabeçalho e vamos no nosso logotipo e vamos construir do sistema de navegação, então fique atento. 4. Informações de cabeçalho e contato: Ok, então neste vídeo, vamos começar a desenhar nosso layout. Vamos começar com esta parte superior da gasolina. Vamos chamá-lo assim. A primeira coisa que eu vou fazer é que eu vou criar uma camada separada para este cabeçalho. Então, no painel de camadas, eu vou apenas clique antigo ou clique opcional. Se você estiver em um Mac no botão Criar nova camada e eu vou nomeá-lo como Cabeçalho, eu vou clicar, OK? E o que eu poderia fazer. E a primeira coisa que você pode ser tentado a fazer é criar o fundo, certo, certo, assim como podemos ver em nosso quadro de arame criar este fundo. Mas confie em mim que se eu criar isso como primeiro que eu vou ter algumas falhas, alguns problemas com o com ele com a digitação, porque a ferramenta de texto irá automaticamente se transformar em tipo de área de ferramenta, e isso é algo que eu não quero. Então eu vou começar com isso com esses ícones bem aqui. Ok, então eu só vou desligar o arame por um segundo e meus bens estão entediados. Eu vou escolher isto. As primeiras imagens ampliam um pouco. Estas primeiras aldeias, copie-as todas de uma vez. Eso, três. Eu consulto o telefone. Thea, envelope com o e-mail, se quiser. E o Facebook. Então, deixe-me voltar um pouco. Lembre-se, tablets copiados para a área de transferência. Lembre-se de estar na camada certa, Heather, neste caso, e eu vou apenas esmagá-los. Como assim. Ok, então o 1º 1 é o ícone do telefone, então eu vou movê-lo aqui. Deixe-me tirar isso daqui. E, é claro, eu preciso Teoh usando o tipo até criar uma caixa de texto agradável, assim como ele não tem que ser muito grande em eu vou apenas inserir alguns números arbitrários, como 00123456789 E, claro, o O tempo estará aberto, filhos. E acho que vou deixar isso normal. Mas talvez eu aumente o tamanho do telefone para 14 talvez 13 pontos, assim como isso. Ok, agora, deixe-me apenas movê-lo um pouco acima para algum lugar aqui, ok? Então, no próximo é meu ícone de envelope, e eu vou movê-lo para algum lugar aqui. E eu vou duplicar colônia. Na verdade, e este número de telefone. E eu estou fazendo isso mantendo pressionado o turno eo velho ou opção em um Mac teclas juntos para duplicar e mover em meu tel, o telefone ou os livros fiscais na verdade para a direita. E eu vou inserir algum endereço de correio. Vamos chamar de contato em Oops. Trata dot com eu realmente espero que a empresa Stratton não exista. Não, como na realidade porque eles podem me processar por alguma violação de direitos autorais. Sabe, os advogados deles. Afinal, espero que não exista. Certo, o último é o Facebook. Eu venho e novamente, eu só vou cloná-lo para a direita, e eu simplesmente vou digitar em f b dot com slash strut. Está bem. Assim como alguns. Ok, nós temos nossos ícones prontos, e nós temos nosso texto pronto também. Agora, o que temos que fazer é criar Deixe-me apenas verificar o botão aqui, que diria algo como consulta gratuita disponível ou o que você realmente quiser. Só vou digitar uma consulta grátis. 11 rápido uma nota rápida aqui, pessoal. Meu design não será exatamente como minha esposa enquadrar minha armação de arame aqui é apenas uma diretriz para eu criar meus designers reais no processo de design. Você vai ver que algumas coisas podem parecer melhores se eles são maiores ou se eles são, tipo, movidos ligeiramente para olhar para a esquerda ou para a direita. Algumas coisas podem ser melhores se eles são menores, e cabe a você como o desejo de decidir o que parece melhor eo que é bom para o usuário em termos de usabilidade. Então, se algo não é exatamente como minha esposa moldura, se você me vê fazendo algo não exatamente como o fio sugere, bem, isso é só porque eu decidi não fazer exatamente assim porque eu simplesmente gosto talvez Acabei de inventar outra ideia ou algo assim. Então, vamos continuar com a gente com o botão aqui. Então eu estou apenas indo rapidamente para criar o meu Talvez eu só vou apenas pedir emprestado esta caixa de texto para a direita e eu vou gravar em uma consulta estação de console livre assim. E eu acho que este, uh este fundo deve ser mais ousado. É uma afirmação ousada que nos é dada uma consulta gratuita. E claro, acho que vou ter que fazer isso um pouco maior. E talvez a fonte seja justiça um pouco maior também. E, claro, o fundo deve ter algum tipo de fundo, certo? Então eu só vou pegar a ferramenta de retângulo e criar um M Criar um fundo exatamente assim. Acho que isto deve ficar bem. E deve ter uma cor adequada como esta cor grande. E eu vou movê-lo um pouco para trás uma vez um passo para trás, exatamente assim. E eu estou usando para controlar mais colchete esquerdo um atalho. Certo, agora que temos todos esses caras prontos e esperando por nós, então estamos esperando pelo fundo. Então o que podemos fazer agora é, hum é dar a esses caras cores adequadas, então todos esses caras terão e agradável, hum bem, escuro. Eu vou fora de cor cinza claro branco, apenas assim. E agora podemos realmente criar um fundo, e eu acho que o plano de fundo terá 1920 pixels com, digamos, 100 pixels de altura. E, claro que tenho que movê-lo. Eu tenho que alinhá-lo com o quadro de arte, assim mesmo. E terá, tipo, fundo muito escuro, e será enviado todo o caminho para trás. Está bem. Assim como assim. Não é isso. Certo, então, é claro que agora precisamos fazer alguns ajustes apropriados. Preciso fazer um bom alinhamento. Talvez fazer isto. Ah, mas só um pouco menor. Mas isso é algo que faremos no próximo vídeo. 5. Vamos criar logotipo e navegação: Ok, antes de avançarmos para criar na parte inferior do cabeçalho, vamos adicionar alguns retoques finais. O primeiro civil que quero fazer é ter 20 pixels de margem entre estes grupos aqui. Então eu vou selecionar todos esses caras. E eu vou clicar sobre isso no grupo telefônico esquerdo mais uma vez para fazer esse objeto ah kee . E no painel de alinhamento, eu vou distribuir para esses caras horizontalmente por 20 pixels, assim como, Não o que eu quero fazer é que eu quero selecionar todos esses elementos e eu quero agrupá-los porque no ou nomeou este grupo como, ah, ele é chamado de informações de contato. Só para ficar tudo bem e arrumado, ok? E talvez vamos trancar esse cara esses caras. Então, só para não estragá-los acidentalmente, e agora podemos realmente começar a criar nossa parte inferior do cabeçalho, e vamos começar com o nosso logotipo. Então vou copiar esse cara e lembrar que teremos que estar à direita na camada certa para isso. Então eu vou selecionar o cabeçalho mais tarde, e eu vou apenas basear meu logotipo em algum lugar aqui, e eu vou movê-lo para o topo e despejá-lo em algum lugar. Aqui, talvez. Vamos torná-lo um pouco maior. Algo como isto. Isto deve ficar bem. Você pode ajustá-lo mais tarde, se quisermos. Então, e agora temos que fazer, temos que construir um sistema de navegação e poderíamos usar nossa esposa da biblioteca para isso. Mas neste caso, eu vou simplesmente com a caixa de texto sobre o têxtil, criar uma caixa de texto e apenas digitar em casa. E para isso para este elemento. Eu queria ser um dróide serif, como mencionamos no primeiro vídeo, e eu queria permanecer ousado, então deixe-me fazer esses livros um pouco menores, ok? E as páginas da Web que vou criar são arbitrárias, mas elas se relacionarão ou corresponderão com as típicas páginas da Web que podemos encontrar em um layout em um site como este. Então, o 1º 1 seria a esperança de que o 2º 1 seria, digamos sobre nós, está bem? E esse cara não será mais ousado. Eu queria ser regular. Eu quero sair de casa como ambos Porque eu quero indicar que este é o estado ativo que eu quero que eu quero retratar dedo que eu quero apresentá-lo fazendo a fonte negrito. E vamos torná-lo ah, diferente para preencher cor mais tarde. Então, é sobre nós. Digamos que esta seja a nossa área de prática como esta. Teremos alergistas de contato. Fique com estes com estes quatro para páginas e, claro, queremos movê-los para a direita. Então eu vou mover esses caras para a direita. Assim e novamente no menu de efeitos. Vou aplicar contorno, objeto. Agora posso distribuir meu painel de linha para esses caras. Então, vou mudar-me para lá. Claro, eu tenho esta página de contato coletar. Então é o objeto chave agora, e eu vou distribuir isso, digamos, 20 pixels. Vamos ver como isso parece. Isso deve ser bom. Acho que vai ficar tudo bem. Está bem. E mais uma vez, vamos criar o nosso passado. Então vamos checar com nosso anel de esposa. Quão grande deve ser criado? Apenas um bom. Deve ser algo em torno de 150, então vamos fazer isso. Então, com a ferramenta de retângulo selecionado, eu estou apenas indo para clicar em Enter 9 24 o com e 150 para a altura e a cor de fundo será esta oft. Por que, fora do branco, este software fora de cor branca e eu quero alinhar meu quarto com o quadro de arte. Eu não quero movê-lo um pouco para cima, apenas assim. E é claro que eu quero movê-lo todo o caminho para trás. Talvez. Vamos fazer com que seja o porquê. Sabe, eu acho que seria melhor se fosse branco e minha casa minha página inicial na minha casa tributada seria ter esse ouro caído assim. Ok? E, claro, tudo o que precisamos fazer é selecionar todos esses caras. Vamos apenas selecioná-los assim. Faça este neste quarto ou objeto chave, e vamos alinhar tudo ao centro, assim como assim. E vamos ver rapidamente como é. Talvez vamos desligar a visibilidade do grupo assim, e vamos ver o que ele se parece com isso. Está bem, acho que começa a ficar bonito. Deixe-me verificar se todos esses telefones são regulares regulares. Está bem, parece bem. Isso voltou a ligar estes tipos. Ok, então este é o nosso cabeçalho, e nós criamos no assunto fora de 15 minutos. Algo assim é porque estamos usando técnicas realmente profissionais muito e muito fáceis e diretas que nos permitem criar layouts Web muito bonitos e bonitos. Então, no próximo vídeo, vamos continuar construindo nosso layout, e vamos construir vai criar a imagem principal desta coisa e as pilhas. Demoradamente bem aqui. Vejo vocês no próximo vídeo. 6. Vamos criar o Subheader: Antes de seguirmos em frente, precisamos limpar a casa primeiro. Então eu vou começar selecionando todos esses elementos de navegação, assim e eu vou agrupá-los e no painel de camadas, eu vou nomear meu grupo como nunca assim. E agora eu vou agrupar todos esses caras novamente e novamente agrupá-los e aqui eu vou chamá-lo logotipo e ter apenas como então Ok, agora nós terminamos com cabeçalhos para que possamos olhar e vamos ver o que mais acima o que vem a seguir. Então, em nossa esposa, e nós podemos ver que nós temos essa grande imagem bem aqui, e nós temos este ornamento. Obtenha este fundo emaranhado rack que vai por todo o site. E temos o texto com o fundo aqui embaixo. Certo, então vamos fazer isso. Acho que vou dar um nome a ele também. Minha nova camada eu vou nomear como um sub-cabeçalho. Então eu vou apenas velho ou opção se você estiver em um Mac, clique no ícone criar nova camada e eu vou chamá-lo Sub Header. E eu queria estar abaixo do cabeçalho, claro. Então a primeira coisa que eu preciso fazer é que eu preciso copiar esta imagem para a camada de subcabeçalho exatamente assim. E, claro, eu quero que essa imagem vá sozinha pelo site. Então ele precisa ser 920 pixels com, e eu vou movê-lo para algum lugar aqui. Claro, podemos sempre verificar se é sim, neste lugar. Se os atos de valor forem zero,significa quenossa imagem está exatamente onde precisa estar. Se os atos de valor forem zero, significa que Mas, claro, medida que admitimos, esta imagem é muito grande e se verificarmos com um fio, enquadrá-la e algures aqui e, na verdade, a altura desta imagem de acordo com uma esposa e deve ser de 700 pixels. Então isso é o que vamos fazer Eu vou criar Eu vou ter um retângulo simples que vai ser 9 20 com e 7 27 100 pixels de altura? Porque o que eu quero fazer agora é eu quero cortar esta imagem. Então comedor tem as dimensões certas. O Illustrator, infelizmente, não fornece uma ferramenta de corte, então precisamos do Teoh. Precisamos fazer, precisamos cortar com as máscaras de recorte e ah, cortar é tão fácil quanto selecionar ambos os objetos. Então, a ótica que queremos estar recortando e o objeto que precisa ser cortado e poderíamos ir recortar objetos, fazer máscaras. Mas eu costumo ir com o controle sete ou o comando sete em um atalho do Mac e assim , nossa imagem é bem tem as dimensões certas. Mas é claro, sábio composicional, não parece. Não parece legal, certo? Não queremos que essas pessoas sejam meio cortadas no meio. Então o que podemos fazer é enfraquecer apenas selecionar a imagem. E aqui no painel de controle, podemos clicar neste ícone que diz conteúdo adicionado. E agora podemos adicioná-lo, nossa imagem que está sendo cortada. Mas tudo o que realmente queremos fazer é simplesmente, com a ajuda da tecla Shift, uh, movê-lo para cima. Apenas alguns, apenas alguns pixels para algo assim e notar que é o estoque. Parte da imagem tipo de funciona como um divisor entre o nosso cabeçalho e o nosso sub cabeçalho, assim que isso é perfeito. Isto é o que queremos fazer. Então agora o que nós queremos fazer é criar nosso fundo como podemos ver em nosso original este retângulo de ornamento de fundo bem aqui e estes impostos e o fundo aqui na parte inferior, aqui na parte inferior. E acho que faremos isso no próximo vídeo. 7. Vamos continuar criando o Subheader: OK, neste vídeo vamos criar como prometido, vamos criar o fundo bem aqui. Eles vão criar este fundo e texto, este texto e este botão. Ok, então primeiro, eu vou começar com a criação do retângulo Ni Nice. Claro, precisamos ter certeza de que estamos à direita na camada direita na camada para a criação desta coisa é o separador. Então eu vou apenas clicar com a rodada dirigindo com o dedo do pé retângulo ativo em qualquer lugar da minha arte a bordo e simplesmente vou digitar em 1920 por 2 30 Eu acho que isso vai ser suficiente. Algo assim eu vou posicionar corretamente. Claro, podemos sempre verificar se estamos, se estamos. Se posicionarmos o dedo do pé do retângulo corretamente aqui, se o valor X for zero, isso significa que nosso retângulo está tocando a borda esquerda da arte abortar como queremos. Está bem. É holandês? E sim, está tocando preso nele. Certo, claro que nosso retângulo precisa estar fora da cor certa, então terá esse tipo dePhil escuro e escuro, Phil escuro e escuro, e o derrame será azul e azul dourado. Vai dourar. Não sei porque disse azul, está bem? E se verificarmos o original, a capacidade deste fundo é definida para 80%. Isso é o que temos que fazer. Então, no painel de controle, eu vou simplesmente clicar em 80 80%. Acho que vou trancá-lo para que não estrague tudo ou movê-lo ou algo assim. Então, no menu de objetos, eu só vou olhar e seleção, ok? Até agora, tudo bem. Então tudo o que precisamos fazer agora realmente é criar algum texto de caixa de texto, na verdade. Então, com o tipo dito, eu só vou clicar e arrastar assim e digitar bem, vir E, claro, a fonte. Queremos ser dróide serif, e precisa ser um pouco maior. Acho que 32 deve estar bem. E novamente, eu não vou querer ir para o menu de efeitos, escolher caminho e objeto de contorno porque eles querem. Quero alinhá-lo corretamente. Então, se o painel de alinhamento eu vou ter certeza que eles estão alinhando meu imposto com o nosso relatório . Então eu vou apenas alinhá-lo ao centro assim e movê-lo para cima para algum lugar aqui. Isto deve ficar bem. E, claro, ele xcom Uhlir deve ser consternado. A cor branca como assim. Ok, ótimo. Então vamos ampliar um pouco, então você admite melhor. Então tudo o que eu preciso fazer é simplesmente cloná-lo até o fundo. E eu estou fazendo isso segurando o velho G para clonar qualquer ilustrador de objetos, na verdade, e eu vou digitar no site Sums e vai ser consideravelmente menor. Acho que 18 pontos devem estar bem. Assim, a frente vai estar aberta, filhos. E eu vou aumentar o site do tamanho da caixa de texto para algo como, então eu vou torná-lo ouro e o painel de caracteres. Eu vou configurá-lo para todas as maiúsculas, assim como então vamos aumentá-lo apenas um pouco mais Chow é assim com o site, ok. E mais uma vez, vou certificar-me de que está alinhado com o centro, assim mesmo. E agora não vamos dar uma olhada no original. Podemos ver que estas linhas de texto Então você é o mais fronteira e ver como podemos ajudar a nossa repetição realmente sábia design fora do bem-vindo e para começar um novo e filhos site. Então, realmente, tudo o que precisamos fazer é selecionar Oldham Não, ambos esses caras, e apenas cloná-los para o fundo para algo assim. E isso vai ser talvez, talvez, mas mais para o fundo. E vamos digitar. Você é o mais importante, assim e vamos aumentar o tamanho dele novamente. Você é o mais importante. E isso os estados lerão. Estou vendo ajuda de fim de semana, assim. Ok, então quando verificamos com o nosso original, precisamos de Teoh, Precisamos adicionar esta seta aqui à direita, o que indicaria que há algo mais do que isso Você pode clicar aqui e de claro, precisamos adicionar esta fronteira. Então, a maneira mais fácil de criar esta seta, como acabamos de ver antes, é criar uma linha com o segmento de linha dito exatamente assim que eu vou dar-lhe um belo golpe de ouro assim. E eu vou para o painel de traçado e no painel de traçado, eu preciso ter certeza de que todas as minhas opções estão visíveis porque agora eu quero ver a opção que me dá a chance de mudar os chapéus de seta. E desta lista, eu simplesmente vou apenas talvez flecha 11. Isto parece bem. Isto parece bem. E tudo o que precisamos fazer agora é adicionar nossa fronteira assim, então talvez vamos torná-la igual . É chegar a 70 por 15 assim. E não vou agrupar a mensagem. E eu escrevi juntos porque eles querem alinhá-los, você sabe, em relação à minha fronteira. Então eu vou alinhar esses caras assim e agrupar esses caras de novo. E agora o que eu quero fazer é ter certeza de que todos esses elementos estão alinhados em relação à obra de arte para o centro, exatamente assim. E agora vou agrupá-los novamente, e vou desbloquear o meu passado. Então eu vou ir objeto, desbloquear tudo o que vamos selecionar este grupo, selecionar ou adicionar à seleção meu plano de fundo, e eu vou clicar nele novamente para torná-lo os objetos chave. Veja que no painel de controle alinhado ao objeto de chave está ativo. E eu estou indo apenas para alinhado verticalmente para o centro, bem como horizontalmente. Vê o que parece? Sim, acho que está bonito, não acha? Acho que parece muito bom. Então, uh, no próximo vídeo, vamos criar a seção de nossos serviços, então fique atento. 8. Vamos criar a seção Nossos serviços: Ok, então neste vídeo, nós vamos criar a hora da seção de serviços horas. E, claro, vamos começar com a criação da camada adequada. Então, novamente, no painel de camadas, Eu só vou velho ou opção se você estiver em um Mac, clique no ícone Camada de Creta e simplesmente digite em nossos serviços como Ok, Ok. Então o que eu preciso fazer agora é eu preciso adicionar ao título ou ao título da seção e os ícones e as caixas de texto. Então o que eu vou fazer é eu simplesmente vou com o título selecionado, eu vou apenas criar os livros didáticos apenas assim, apenas assim. Vou digitar o nosso saque. Ele diz. E, claro, eu quero financiar para ser dróide serif. Eu queria ter 32 pontos, então combina com o tamanho da recepção e que você é os textos mais importantes, e eu não quero que seja tudo maiúsculo. Vou desativar isso. E de novo, esse cara vai ser eu vou delinear um objeto. Vou delinear este texto e alinhamento para o meio, para o centro do quadro de arte. E o que eu quero fazer, a propósito, é ter certeza que esse cara é, bem, a margem máxima desse cara está definida em 50 pixels. Então podemos fazer isso facilmente no painel de transformação. Então, na posição Y, vou simplesmente digitar mais 50. Então eu estou para que eu possa mover meu movimento, meu texto comprando 50 pixels para baixo. E agora vou criar o Sublinhado. Então eu vou apenas criar uma linha bonita como essa. E acho que agora é hora das cores apropriadas. Então nossa manchete de serviços vai ter essa cor cinza escuro. Quanto ao Phil e a este tipo, este sublinhado vai ter o mesmo carro, mas para o derrame, assim mesmo. Certo, até agora, tudo bem. Certo, o que precisamos fazer agora é criá-los. Isso é um pouco grande demais. OK, então precisamos criar esses ícones junto com essas caixas de texto. Então, neste vídeo, vamos criar a primeira linha dessas caixas de texto. Então o que temos que fazer é simplesmente copiar assim. Eu posso, digamos isso. Eu acho que sim, imóveis comerciais é este ícone da loja bem aqui. Então eu vou copiar para minha prancheta, e eu preciso ter certeza que eu vou ser colado em minha camada de serviços. Então eu vou apenas me mover para aqui, ter certeza de que esta camada está ativa e apenas baseá-la assim. E eu quero que este tipo seja eu vou restringir proporções. E eu quero que esses ícones tenham 28 pixels de altura ou altura. Vou movê-lo para a esquerda. Então ele se alinha com o meu com a minha coluna, assim eu vou dar bom. Bela colarinho de ouro. E com a minha ferramenta de texto oa, eu simplesmente vou criar uma caixa de texto e digitar. Acho que era imobiliário comercial. Sim, comercial oh, ferramenta de tipo. E está digitando comercial. Real ficou. Eu posso vê-lo, então eu não tenho certeza se você digitou incorretamente. Quase. Quase consegui. Imobiliária comercial , foi mudar os filhos abertos frontais, e acho que vou fazer isso. Vou torná-lo semi ousado e talvez torná-lo um pouco menor para 18 pontos. Ok? E espero que não se importe se eu pegar essa linha emprestada de Laura Ipsen. Acho que não me queres ver. Quer me ver pegando Lauren Gibson e criando caixas de impostos? Então, em algum quarto e mudar a lei remove alguma outra coisa, ou talvez soar alguns MIPs La Flora diferentes e paz. Então eu só vou pegá-lo, pegar esse texto, criar um livro didático, digitá-lo em seu colar em vez disso. E eu só vou torná-lo um pouco maior, assim e fora do curso. E claro, eu quero que nós sejamos nós a nossa cor escura são escuro, cinza escuro Eu vou fazer apenas um pouco maior, Mas o que eu quero fazer é eu quero mudar a altura da linha desta linha de parágrafo altura ou para sua área de trabalho. O teste de designers de desktop dos editores. Seria o líder. Então, o painel de caracteres, eu vou mudá-lo. Mas normalmente o que eu faço é definir a linha de esconder, também. O que os tamanhos de fonte e adicionar seis pixels para vale a pena que essa regra que geralmente prova ser melhorado para ser bem. Então se eu digitar 14 mais 6 vai ser 20? Sim. Minha matemática era, meu cálculo era pouco certo. Então agora o esconderijo é maior, e agora parece muito melhor, pelo menos para mim. Espero que percamos melhor para você também. Deixe-me apenas movê-lo. Talvez só, hum, isso, mas não muito. E tudo o que precisamos fazer agora é selecionar todos esses caras e duplicá-los para a direita e , em seguida, duplicados novamente dirigindo o Controlador de Comando Dean. E o segundo, a segunda caixa de impostos seria residencial leitor real propriedades. Eu só vou mudar esse cara residente um show imobiliário. E vamos dar um bom dado. Olhos cultivados, não fundos. E eu não posso ser legal. Eu posso. Vou pegar isso em casa aqui. Copiar para minha área de transferência. Certifique-se de que estamos à direita na camada direita. Vamos nos certificar de que está ativo, e eu vou enrolar-lo, assim. Eu vou fazer com que ele faça ouro novamente e ter certeza que é Ah, é 28 pixels de altura. Ok, eu vou movê-lo. Movendo-se para aqui. Vamos ampliar um pouco. Vou me posicionar corretamente. Vou cortá-la outra vez. Apague esse cara e encarou. Baseada na minha casa, assim. Então o último cara aqui foi, eu acho que foi uma vítima. Um problema. Inquilino? Sim. Uma vítima. Uma cidade problemática. Essa é uma questão importante. Uma vítima de inquilino problemático. Uma vítima, um inquilino problemático. Simplesmente assim. E o Aiken para isso, para esta caixa de texto é este ponto de exclamação. Então, novamente, vou copiar para ter certeza de que estou à direita. Camada direita. Deixe-me voltar aqui. Vou basear isso em um painel de transformação. Quero ter certeza de que tem 28 pixels de altura e que tem colarinho adequado do Phil. E eu vou movê-lo, movê-lo Aqui eu tenho. Eu só queria cortar isso. Básico de volta e não um pouco até que pareça bem. Acho que vai ficar bem. Deixe-me ver. Deixe-me verificar isso. Sim, parece tudo bem. Então, no próximo vídeo, nós vamos tomar cuidado fora da linha inferior sobre a nossa de nossas caixas de texto. Então fique atento. 9. Vamos terminar a seção do nosso serviço: Ok, então neste vídeo, vamos cuidar da segunda linha de nossas caixas de texto. Então é tão fácil como selecionar todos esses caras e simplesmente cloná-los para algo assim, então deve ficar tudo bem. E vamos continuar a nossa criação de nossos serviços com a venda de um imóveis residenciais de distância. Então vamos digitar isso na venda de uma equipe residencial adequada. Eu soletrei certo, quase vendendo suas propriedades residenciais? E vamos mudar o ícone. Acho que foi o Banco dos Palestrantes. Eu venho de novo. Vamos nos certificar de que você está à direita da camada. Vamos basear isso. Vamos colocá-lo aqui. Vamos ter certeza de que tem 28 pixels de altura, assim como para que ele tenha uma cor de preenchimento adequada que está se movendo um pouco para cima em algum lugar aqui. Certo, vou de novo. Entendeu isso? Excluir isso e baseá-lo de volta na realmente fumaça apenas um pouco para cima para que o próximo seria comprar uma casa móvel. Então vamos digitar isso na compra de uma casa móvel e o Aiken para isso é este, uh, este trailer? Eu acho que sim. Vamos copiar que é baseado que no espaço que em algum lugar aqui novamente, vamos ter certeza que tem 28 pixels de altura. Vamos ter certeza que ele tem a cor de preenchimento adequada e vamos movê-lo para onde ele precisa ir, que está em algum lugar aqui. Ok, vamos liderar esse cara e encarar isso de volta na frente, e o último é acordos de colegas de quarto. Então vamos digitar isso na noite do quarto e acordos e o Aiken para este ISS eu vou viver ainda é esses caras e o sinal de mais. Então vamos novamente baseado na camada adequada. Certifique-se de que tem 28 pixels de altura, para que ele tenha a cor adequada. Vamos movê-lo para cima e vamos alinhar é corretamente novamente. Corte, exclua e com base na frente, assim como. Ok, então vamos dar uma olhada rápida em como nosso top de como nosso design está começando a ficar. Talvez nos livremos de nos livrarmos da rede assim, certo? E o que você acha? Acho que começa a ficar bonito. Então, no próximo ano, no próximo vídeo, vamos cuidar desta seção aqui. Este consultas gratuitas, ação. Então, se você está interessado em continuar assistindo 10. Vamos construir a seção de consulta gratuita: neste ano, vamos criar uma seção de consulta gratuita. E se olharmos para o original, podemos ver que ele é dividido em duas partes, como à esquerda. Temos uma imagem grande que iria da borda esquerda do navegador para o meio dela. E à direita, temos um fundo com impostos e um botão no fundo. Então o que eu quero fazer é criar um retângulo que eu iria dividir uma divisão em duas metades e eu queria ser eu queria ter uma margem de 50 pixels na barra no topo. Então, Então, se ligarmos a armação do arame, podemos ver o tamanho do nosso retângulo, altura que deve ser. Então é suposto soar como 5 70 pixels. Então é isso que vamos diligir. Mas é claro, precisamos começar pela tripulação com a criação da nova camada. Então eu vou nomeá-lo para wreak on, então estação, exatamente assim. Ok, então agora vamos criar nosso retângulo, e eu vou torná-lo escuro, escuro, escuro, ótimo Então eu vou clicar em algum lugar aqui na arte abortar e digitar em 1925 5 70 E eu realmente quero ter certeza de que z direito ele está estalando para a borda da minha obra de arte. Então, novamente, eu acho que eu vou apenas ir para o painel de transformação em apenas digitar em zero. E como eu mencionei antes, eu quero ter certeza de que o meu que este retângulo ou este fundo, esta seção inteira realmente tem uma margem de 50 pixels no topo. Então eu só vou movê-lo um pouco para cima em algum lugar aqui e no e no painel de transformação . Vou simplesmente digitar mais 50 assim, para ter certeza de que esta margem é exatamente a mesma que esta margem no fundo aqui . Certo, até agora, tudo bem. Agora, o que nós poderíamos fazer é simplesmente dividir um retângulo simplesmente fazendo este menor, certificando-se que é 1999 60 e então apenas roupas para a direita. Mas quero mostrar-vos uma técnica diferente. É uma técnica que usamos para criar uma grade de 12 colunas. Então, de novo, eu vou ao banho de menu de objetos e dividir em grão. E eu quero nossas apenas duas colunas assim. E agora eu posso simplesmente copiar minha imagem de nossos ativos. Então eu vou copiá-lo, ter certeza que estou à direita, à direita. Uh, camada, eu só vou baseá-lo aqui, e eu vou eu vou movê-lo. Eu realmente quero ter certeza de que as companhias aéreas são bem aqui. Claro que poderíamos. Podemos sempre copiar os valores da transferência do painel de transformação, os valores deste retângulo para garantir que ele se alinhe corretamente. Mas quero manter este vídeo o mais curto possível. Então eu não vou aborrecê-lo com muito clique, copiando e colando. Então eu só queria saber que esta imagem tem que começar a partir deste canto superior esquerdo. Então o que eu vou fazer é simplesmente arrastá-lo segurando o turno de novo, como você pode ver, como você pode ver, porque eu me preparei para esta, uh, esta imagem antes Bem, ela se encaixa bem, mas se era, tipo, maior ou talvez menor ou as proporções não eram tão perfeitas como no caso desta imagem , é claro que teríamos que usar a máscara de recorte como fizemos com a imagem principal e apenas brincar com o imagem. Então, tudo o que resta a fazer agora é criar o texto à direita. Portanto, precisamos criar essa consulta gratuita, coisas de texto, slogan, o texto e o botão. E acho que vamos fazer isso no próximo vídeo. 11. Vamos terminar a seção: Ok, então aqui estamos nós no próximo vídeo. E como prometido, vamos tratar do texto agora mesmo. Então vamos apenas criar uma caixa de texto aqui. E eu vou digitar para uma consulta desse jeito. E, claro, vai desenhar Serif e vai ser 32 pontos e eu não quero um grande eu queria ser regular, mas eu vou aumentar o tamanho da minha caixa de impostos. E novamente, eu vou aplicar o efeito objeto contorno e fazer isso fazer isso se formar como escuro. Ótima. Simplesmente assim. Que movê-lo, que vêm olhar, movê-lo para cima. E acho que vou me posicionar em algum lugar aqui. Então, no meu painel de transformação, eu posso adicionar a Vamos torná-lo 9 16 Vamos torná-lo igual. Posso adicionar, digamos , 25 ou 30 pixels, é uma posição horizontal. Então ele se move por 30 pixels para a direita, e novamente, eu vou espero que você não se importe. Vou pegar emprestado todo esse texto para não termos que digitar, digitar de novo, e vou levar esse cara para algum lugar aqui, e vou pagar o que copiei. Claro, preciso aumentar o tamanho da minha caixa de texto. Talvez Chris seja para a direita também. Simplesmente assim. E novamente, eu só vou apenas copiar este texto, bem como, clonando para baixo como, para copiar baseado. E lá vamos nós. Claro, tudo o que precisamos fazer agora é apenas criar o fundo. Há um pedido, um fundo de consulta gratuito. Então vamos fazer isso agora. Então eu vou apenas criar uma caixa de texto, ficar preso, solicitar uma estação comum de Seul livre e vamos fazê-lo. Vamos fazer isso fora de branco. Vamos fazer somas abertas e vamos torná-lo semi negrito, talvez, e vamos diminuir o tamanho do telefone para 18 pontos como esses. Vamos talvez fazer, talvez, parte empurrá-lo para baixo. Algo assim. Vou deixar este livro mais pequeno outra vez. Aplicar, contornar, objeto e tudo o que precisamos fazer realmente é criar um fundo criativo para este fundo . Eu vou conseguir. Vou torná-lo rosa. Traga isso para trás do meu pedido de consulta gratuita como essa e eu não posso alinhar esses caras corretamente, ok? E eu vou agrupar, hum, e vamos ver como é. Certo, agora vou agrupar todos esses caras. Talvez. Vamos trazê-lo um pouco para baixo. Devo ficar bem. Foi tudo bem. Ok, então eu vou agrupar todos esses caras de novo e, uh, na minha seleção no Bagram para minha seleção e torná-lo um objeto chave. Então agora eu posso alinhar este grupo em relação t ao fundo e fazê-lo aparecer no centro. Certo, então vamos dar uma olhada no que parece agora. E parece que isto começa a parecer muito, muito bonito. Ok, então tudo bem, então foi isso para esta seção na próxima. Na próxima seção, no próximo vídeo, vamos cuidar desta seção da nossa equipe fora do meu layout, então fique atento 12. Vamos construir a seção Nossa equipe: neste vídeo, nós vamos cuidar da seção de nossa equipe, assim como podemos ver no original. Então vamos construir esta seção com o título com as imagens com o contato, me botões e etc. Ok, então eu penso o quê? Vamos ter que começar com estes fora do curso com a nova citação criando a nova camada. Então, no painel de camadas, eu só vou clicar em alterar opção no Mac na nova camada. Eu venho e vou nomeá-lo como nossa equipe, assim mesmo. E o que poderíamos fazer é simplesmente copiar o cabeçalho de nossos serviços, bem como os elementos aqui para que os elementos do 1º X falassem. Então eu vou apenas controlar ver seu comando em um Mac para copiá-los na minha área de transferência, e eu vou para a direita Teoh direita mais tarde e simplesmente eu vou basear isso exatamente como isso. E, claro, eu quero ter certeza que esses caras são, mas que eles têm a margem de 50 por 50 pixels no topo, então eu vou apenas digitar mais 15 que não o valor de exportação que queremos. Queremos o valor Y fora do curso. Então, os últimos 50. E se voltarmos a ligar a grade, quero mover esse cara todo o caminho para a direita e OK, então se verificarmos com o original, temos a imagem bem aqui e a altura da imagem quando a altura e a largura da imagem forem de 70 pixels e enfraquecer. Verifiquei com o nosso arame também. Então vamos ver se isso é para 17. Sim, isso vai para 70. Ok, então a primeira coisa que estou fazendo, o que eu vou fazer é mover esses caras para o passeio. Acho que vou ficar com eles. Vou salvá-los. Mas vou apagar este ícone. E, claro, o que poderíamos fazer é simplesmente tirar nossa imagem. Uma das imagens, que é esta. Então eu vou apenas copiá-lo, movido para a minha camada de equipe e simplesmente clique com base e aqui no meu painel de transformação algo, em algo, indo fita em 74 com e altura, e eu vou movê-lo. Então nós estamos aqui assim e o que nós temos que fazer agora, é que nós temos que digitar o nome da camada quase lá no advogado e entrar neste tipo de fronteira para o fundo e algum imposto e um botão de contato comigo. Ok, então isso é bastante simples. Vou simplesmente mudar o tipo para Droid Saref. Deixe-me mover esse vencedor um pouco para o fundo, exatamente assim, e eu vou rebocar para digitar o nome desse cara, e acredito que foi Michael Stratton. Deixe-me expandir este. Não é assim. Deixe-me mudar o tamanho da frente do Michael Stratton. Uh, 40. Pode ser muito grande. Vamos com 28. 20. Ensinar você. Tudo bem. Agora, vamos novamente pegar emprestado algum texto daqui. E, claro, ainda precisamos. Ainda precisamos adicionar um dia da manhã. Bem, este tipo de som da fronteira simplesmente vai duplicar este tipo para baixo. Sou uma boa jogada. Vai mover-se para algum lugar aqui e torná-lo menor. Eu acho que isso deve ser bom. Ok. Vou me certificar de que ele tenha um píxel como esse. E esse tamanho de telefone, vamos fazer 16 pontos, e eu vou ter certeza que minha linha Heidi está bem. Então 16 mais seis, essa é a minha regra geral para criar uma altura de linha. Então eu vou levar esse cara para algum lugar aqui. E desde que eu quero que toda esta caixa de texto abranja 123456 colunas. Vou levar isto. Brent é um pouco para a esquerda e expandido para o fundo assim. Tudo que precisamos fazer agora é clicar e digitar oque precisamos fazer agora é clicar e digitara calma atacada assim. Certifiquem-se de que está aberto, filhos, e eu vou deixar como ousado. Isso é alemão foram muito rápido, então você pode ver tudo melhor assim. Contacte-me. E acho que vou deixar um mês. Talvez não. Talvez façamos 14 pixels, 14 pontos. E eu vou simplesmente criar um retângulo agradável até que pareça algo assim. E precisa ser. Claro, você tem o Phil Color certo costumava ser enviado para trás, e eu vou fazer essa coisa com esse cara de colarinho branco de novo. Quero ter a certeza de que isto é feito através deste texto. Os ataques de contacto são distantes, por isso vou para o caminho Outline. Objeto? Não, eu posso. Não, eu posso, claro. Certifique-se de que eles gostam das opções de seleção. Verifique e Aiken alinhá-los corretamente. Simplesmente assim. Isso é propriedade do Conde. Deixe-me fazer alguma coisa. Deixe-me fazer alguns ajustes rápidos. Talvez traga esse cara para o topo. Esse cara também. Simplesmente assim. Talvez um pouco mais. E deixe-me desligar a rede. Ok? Eu acho que eu vou fazer isso apenas em um dróide regular serif assim e ok, sim. Temos a primeira caixa de texto criado. Então tudo o que temos que fazer agora é simplesmente copiar ou colônia essa parte toda aqui à direita, e então clonar esses caras para o fundo. Mas acho que vamos fazer isso no próximo vídeo. 13. Vamos terminar a seção: OK, neste vídeo, vamos continuar criando nossa seção de equipe. E, claro, eu não percebi que eu não mudei este texto aqui. Então vou fazer isso agora e ter certeza que está alinhado com o centro do quintal. Trabalhar assim. Ok. E, claro, o que temos que fazer agora é simplesmente colônia toda essa caixa para a direita. Vou voltar a ligar a minha grelha. Quero ter certeza de que isso se encaixa bem na grade da minha coluna. Então eu vou movê-lo assim. E agora quero clonar estes barcos, ambos para o fundo. Mas eu quero ter certeza de que a distância entre a primeira linha e a segunda linha seria exatamente 50 pixels. Então, como podemos fazer isso? Poderíamos apenas cloná-los para a parte inferior e encaixá-los assim e, em seguida, ir para o nosso painel de controle e para o valor selvagem, assim como entrar mais 50 como todos nós poderíamos fazê-lo de forma diferente em um show você outra técnica de fazer isso. Precisamos ter em mente que a altura desta seção é de 70 pixels, assim como uma Jessica, como podemos ver aqui. Então o que poderíamos fazer agora é simplesmente clicar duas vezes na ferramenta de seleção assim , e poderíamos mover esses caras por 2 70 pixels. Então esta é a altura desta parte. Vamos chamá-lo Vamos chamar a parte e nós adicionamos 50 pixels à nossa transformação. E claro que estávamos. Nós não clicaríamos. OK, mas ele iria clicar em copiar assim Ok, então agora o que nós podemos fazer é fora de curso. Poderíamos simplesmente copiar todas essas imagens aqui e pagá-las assim, mas um ilustrador. Você pode fazer isso. Vem processo laborioso um pouco mais rápido e o que eu geralmente gosto de fazer com os cenários como este, é eu simplesmente clicar na imagem. E aqui no painel de controle, você pode ver o nome dessa imagem. E como você pode ver, está sob luz e está escrito em azul e sendo exibido em azul. Significa que é um hiperlink. Então, quando eu clicar nisso, eu estou, eu posso simplesmente bater tinta real, e eu estou na minha pasta. O que guardo onde guardo as minhas imagens. Então eu só vou mudar isso, mudar essa imagem assim eu vou apenas clicar no lugar e eu vou mudar esse cara também . Deixe-me fazer de nós Jane. Mude essa foto para essa foto, e esse cara será essa garota assim e tudo o que precisamos fazer é simplesmente mudar os nomes. Então o outro. Então o segundo cara era Fred Stratton. Fred Stratton. O nome dessa garota era Ruth. A Abigail. Então vai ser um telhado, Abigail. Assim. E essa garota era, creio eu, Mary in the Masters. Ok, então nós não só precisamos fazer agora é simplesmente criar um bom fundo. Então vou criar um. Vou me certificar de que isso se encaixe com minhas imagens, porque agora eu vou simplesmente fazê-lo em 50 pixels para sua altura. Então eu vou fazer 740 mais 50. Simplesmente assim. Eu vou torná-lo branco, e eu vou movê-lo todo o caminho para trás. Ok? E lá vamos nós. Temos nossa equipe, nossa seção de equipe criada. Então vamos rapidamente dar uma olhada no que parece agora. Deixe-me desligar esses caras como So? Então temos o nosso top header. Nossa cabeça com nossa imagem com nossa navegação, nossa imagem principal, o texto aqui. Nosso serviço é consulta gratuita e nossa equipe está pronta. Então, no próximo vídeo, vamos cuidar da seção de depoimentos. Então vai para esta seção e depois vamos cuidar do rodapé também. Então, se estiver interessado, continue assistindo. 14. Vamos construir a seção de Depoimentos: neste vídeo, vamos cuidar desta seção de depoimentos, então vamos criar o fundo para ela. Estas duas peças de depoimentos e, claro, estas flechas aqui no canto superior direito. E já sabemos como criar esses caras. Então isso vai ser fácil. E mais tarde vamos criar um rodapé grande e ousado e sim, vamos trabalhar. Certo, então a primeira coisa que vou fazer, claro, é criar uma camada adequada para a minha de uma seção de depoimentos. Então, no painel de camadas, eu só vou criar rapidamente uma nova camada no nome que ele testemunha, exatamente assim. E eu acho que desta vez eu vou começar com o com o fundo principal. Então deixe-me verificar rapidamente como minha esposa deve ser alta. Isso só importava. Esse cara, rápido. 400 pixels. Certo, então vai 400 pixels. Então, com o meu com a minha ferramenta de dedo do pé retângulo selecionado em algo, vou clicar em qualquer lugar na arte da placa e apenas digite 1920 por 400. Isso está tudo bem. Vou movê-lo para que se encaixe bem com o meu quadro de arte. E, claro, podemos sempre garantir que ele se encaixe em sua posição apenas digitando zero para o X McCord nele . Assim como assim. E claro, eu quero que esse cara seja assim. Eu queria ter isso, esse Phil sombrio e só para que não bloqueie nada, então não bloqueia, então não estraguemos tudo. Na verdade, vamos trancá-lo. Então, no menu de objetos, eu vou olhar e seleção. Ok, então agora, vamos cuidar dos depoimentos, peças de depoimento, e vamos começar com os antecedentes deles. Então o que eu quero é que eu quero um testemunho. Esse cara é ótimo aqui para se estender por seis colunas. Então vamos fazer isso. Oh, e eu queria ter cerca de 15 a 75 pixels com pedágio. Então vamos criar um que tenha 1570 pixels de largura. Porque é que dividimos. Porque se dividirmos 11 17 que é a largura da nossa Margaret por dois e menos subtrair muito pixels disso, isto é o que vamos conseguir. Vamos pegar 5 70 pixels, então vou soltar meu mouse. E para a altura, acho que vou com , 150,deve ficar bem. E eu vou me mudar para a esquerda assim. Então vamos mover isso até o fim. Alice fez o mesmo com o outro cara também. Sim, sim, esqueci-me dessa. Ok, deixe-me apenas deixar que eu apenas alinhado esses caras bem em relação um ao outro. Claro, vamos alinhar tudo em relação ao nosso passado em apenas um segundo. Mas, por enquanto, vamos tirá-la de cuidar do texto. Então, é claro, a primeira coisa que eu vou fazer é apenas eu vou com o dedo do pé taxado selecionar. O país vai criar uma boa caixa de texto e dizer, eu estou digitando. Greg diz exatamente isso. Claro que eu queria ser filhos abertos, e eu vou fazer isso talvez 14 pontos, um B 16 pontos e ele vai ter esse bom Phil, vamos falar disso. Deixe-me ver como é. E vamos torná-lo semi ousado, pelo menos talvez seis. E não é o suficiente para fazer 18 assim. E agora vamos. Vamos clonar para a direita e digitar, diz Anna. Assim como assim. E, claro, nosso Gragg, Greg Walls, Greg Johnson, empresário da família. Então vamos apenas clonar. Então é Greg Johnson assim. E ele é um empresário da família. Então vamos digitar isso. Proprietário de negócios da família. OK, E claro, isso tem que ser escrito regularmente e deve ser um pouco menor. Talvez nos 14 pontos seria bom. Família, empresário. Finalmente, dono do negócio. Assim como assim. Ok, então tudo o que resta a fazer é criar o texto dentro e criar as setas no topo. Mas acho que vamos fazer isso no próximo vídeo. 15. Vamos terminar a seção de Depoimentos: Ok, então neste vídeo, vamos terminar ou seção de depoimentos. E, claro, temos que fazer. O que temos de fazer é criar este imposto aqui mesmo. Então me deixe pegar emprestado esse cara assim e criar uma caixa de texto assim. No curso. Torná-lo dia, uh, torná-lo a sensação de cor certa. E deixe-me apenas movê-lo para cima assim. Está bem? Então agora é uma linha. Tudo bem. Mas é claro que queremos alinhar esses caras em relação ao texto em si, não as caixas de texto. Então precisamos ter certeza de que todos esses caras estão delineados. Então nós vamos para o caminho do menu Efeito, contorno, objeto exatamente assim. E vamos selecionar todos esses caras. Então o texto sobre o nome da pessoa, seu testemunho, seu nome e sobrenome, e ele é título ou sua ocupação e seu clique no fundo mais uma vez para torná-los para fazer este objeto Archy. E vamos alinhar tudo ao centro assim. E agora o que podemos fazer é simplesmente selecionar esses caras e movê-los para a direita assim e vamos digitar. Hum, vamos digitar Ana Smith e ela será uma diretora financeira fora da chegada. Private Company Limited. Por que não? Ok, então vamos alinhar esses caras também. Vamos nos certificar de que todos eles estão delineados. Eu não tenho certeza se o contorno deste cara agora é assim que é seletor. Selecione todos esses caras novamente fazer nosso plano de fundo o objeto chave e alinhá-los ao centro. E, claro, temos que alinhar nosso testemunho em relação ao nosso passado. Então vamos fazer isso. Então está aliando essas armas que esse cara também, então vamos para o mesmo com a esquerda. Assim e agora podemos ter certeza de que todos esses caras estão bem alinhados. O que queremos fazer agora é alinhar todos esses depoimentos em relação ao nosso passado. Então o que temos que fazer é agrupar o testemunho de esquerda. Então eu vou ter o controle, G. E eu vou fazer o mesmo com o depoimento certo, apenas assim. E, claro, preciso do dedo destrancado. Desbloqueie nossos antecedentes. Vou desbloquear Oh, selecione o anúncio de depoimento esquerdo e direito meu fundo para a seleção. Clique em, clique nele novamente. Mas não mude. Clique em porque você estava diesel Diesel agiu. Basta clicar nele. E nosso fundo é Toe Is Nossos olhos são objeto chave agora e vamos alinhar tudo verticalmente assim. E agora está lindo. Claro, a última coisa a fazer é criar a nossa flecha. Então deixe-me apenas zoom muito, muito de perto bem aqui. Está bem? Então, é claro que vou começar com isso com uma pequena flecha como essa. Então, com a linha contada selecionada, eu vou criar uma linha de criador. Acho que vou conseguir. Torná-lo 20 pixels com apenas assim, e ele precisa ter um bom traçado dourado e em um menu de traçado. Vou dar-lhe um belo chapéu de flecha, que será este. Está bem. Está bonito, está bem. Olhando bem e com o retângulo até que eu simplesmente vou criar um quadrado assim E agora vamos vivê-los em relação, claro, um com o outro. Então, em relação a esta eleição, vamos agrupá-la. E agora vou simplesmente refletir esses caras. Então eu estou ativando o refletor com o pressionando o ok no teclado e, em seguida, entrar ou retornar. Se você estiver em um Mac e eu vou copiar tudo, mova esses caras para a direita e agora faça deles um grupo. Clique no meu depoimento direito sobre besteira. Clique neles para a seleção e clique nela novamente para torná-lo um objeto chave. E a linha das minhas flechas. Eu não acho que esse cara era e eles estavam bem em grupo. Então, novamente, selecione todos esses caras. Clique neste cara novamente no meu horror testemunho direito horizontalmente alinhado tudo para a direita para se certificar de que minhas flechas estão bem alinhados também. E talvez vamos entrar neles um pouco. Na verdade, talvez vamos trazê-los até aqui. Deixe-me ver como é. Acho que vai ficar tudo bem. Parece que parece, parece bom e devidamente alinhado, devidamente equilibrado. Ok, então foi isso para a seção de depoimentos no próximo vídeo, nós vamos cuidar do rodapé deste rodapé. Então, se isso é algo que você está interessado, fique atento 16. Vamos criar o Rodapé: neste vídeo, vamos cuidar do último elemento do nosso layout, que é o rodapé. Então é o rápido dar uma olhada no quê? Na verdade, temos aqui. Temos o logótipo à esquerda. Temos um pouco rápido sobre nós e temos alguns ícones de mídia social. Deixe-me ampliar bem rápido e pegar alguns ícones de mídia social. Temos a informação corporativa. Nós temos os links de navegação, áreas de prática, que são nossos serviços, na verdade, e um formulário de contato à direita. Então, Lancer. Então vamos. Vamos fazer isso. Ok, Então, como sempre, vamos começar com o apropriado com as camadas apropriadas no painel de camadas. Vamos criar uma nova camada, nome e rodapé, e eu acho que vou começar com o fundo. Então, com a ferramenta de retângulo selecionada, eu vou apenas criar um plano de fundo agradável, assim que iria abranger toda a área de rodapé, e eu vou bloqueá-lo. Então eu vou para a seleção de bloqueio de objetos e deixe-me começar com o com o logotipo. Então deixe-me agarrá-lo rapidamente, agarrá-lo dos meus bens. Deixe-me voltar e me certificar de que estou na camada certa para este. Então eu quero estar na comida ou na camada. Só vou basear isso, e acho que vou usar a minha grelha. Teoh, veja como deve ser grande. Sim, acho que queria ser uma parede que se espalhasse por duas colunas. Só vou torná-lo maior assim. Vou movê-lo para cima. Eu iria movê-lo para cima, e eu vou ter um agitador contra a borda do fundo fora do fundo, na verdade fora de toda a minha área de rodapé porque eu quero ter certeza de que ele se move. Quero movê-lo por 50 pixels, 50 pixels para baixo. Então eu basta clicar em qualquer uma das ferramentas de seleção e apenas baseado vontade clicando 50 pixels para o movimento vertical e basta clicar em OK, assim? Olha, é a próxima parada, se me lembro, foi algo sobre nós rápido sobre nós informações. Então, desta vez eu vou pegar este texto aqui e ter certeza que eu estou à direita mais tarde , e eu vou criar alguns testes e resolver alguns rápido, alguns rápido sobre nós aqui em baixo. Claro, eu não quero que ele seja escrito em itálico e eu quero alinhá-lo à esquerda. Deixe-me movê-lo rapidamente. Assim como. E desta vez eu acho que eu quero movê-lo a pé. 20 em B 25 pixels. 25 pixels. Como assim viver. Traga isso para cima. Mas ele é um homem, então você pode ver melhor. Então isso é o que parece agora. Claro que não preciso das aspas. Ok, então não é o que temos que fazer. - É. Temos que deixar eu checar isso. Temos que esperar. Temos que colar essas coisas. Mídias sociais. Eu vem. Então é isso que vamos fazer agora. Então deixe-me vovô minhas mídias sociais. Então vai ser Facebook, então vai ser YouTube. Então vai ser o Google Plus e o Twitter. Sim, isso é tudo o que é suficiente. Isso é o suficiente de mídia social para os meus dias para dizer a verdade, só sobre eles. Vou prendê-los aqui mesmo. Fora do curso. Preciso alinhá-los bem e movê-los para a direita. Para a esquerda. Eu sinto muito. A outra direita está bem. E, claro, todos esses caras terão essa cor de preenchimento agradável, e eles me deixarão fazer meu Twitter no Twitter. Venho no meu objeto chave e no painel de linhas. Quero ter certeza de que todas as opções estão visíveis. E aqui no espaço de distribuição armado, só vou entrar, vamos ver, 16 pontos. Acho que 16 pontos devem estar bem. Vou fazer esses caras se agruparem assim. Eu vou agrupá-los e eu vou movê-los para cima novamente e movê-los em 25 pixels também . Por isso, apenas indica que o meu estado de pairamento seria. Então o que meu o que um usuário veria se ele ou ela passasse por aqui, sua boca e sobre um desses ícones. Vou mudar o filme do meu Twitter para esta cor dourada. Então, se alguém paira sobre o meu twitter bem, qualquer que eu possa realmente, eu queria ser exibido nesta cor dourada fria. Ok, então a última coisa a fazer agora é simplesmente criar as informações de direitos autorais. Então, na verdade, tudo o que teríamos que fazer é acho que poderíamos até pegar emprestado essa caixa de texto. Claro, nós não precisamos de todos esses caras, então eu só vou digitar uma cinta, um, e filhos assim e claro, eu preciso de um encontro aqui mesmo. Então seria 2015. E o que precisamos é do símbolo de direitos autorais, certo? Então, o que poderíamos fazer é copiar algum ícone ah, recheado. Mas felizmente, ilustrador oferece algo chamado Cliffs. E cada fundo tem o seu próprio brilho, e podemos acessá-los indo para o menu tipo e penhascos. E aqui podemos encontrar todos os personagens mais antigos disponíveis para a frente. E o que eu quero do que eu quero encontrar neste fundo é, claro, a informação de direitos autorais que está aqui em baixo e tudo o que nós precisamos fazer é simplesmente clicar duas vezes sobre ele para obter nossas informações de direitos autorais. Então, no próximo vídeo, vamos continuar esse entendimento. Vamos continuar construindo nosso rodapé, então fique atento. Se você estiver interessado 17. O rodapé continuou: antes de seguirmos em frente. Pessoal, eu queria mostrar um pouco de distância sobre como trabalhar com sua grade de 12 colunas por realmente não ter visto isso. O que quero dizer com isso é digamos que você é como eu e você quer trabalhar contra um fundo contra sua cor final porque você quer provar as cores que você quer. Você quer ver como tudo vai parecer, você quer sentir o design e você não quer ver sua grade de 12 colunas e você não quer trabalhar como se você não quisesse projetar elementos contra isso. Isto é um tipo de rede sem coração, desumana desumanae desumana. Então o que você poderia fazer é que nós poderíamos fazer uma pequena coisa. Um pequeno truque antes de fazermos isso. Deixe-me voltar rapidamente ao nosso design original. E vamos notar que aqui temos 1234 Seyoum, colunas principais, colunas grandes ou partes grandes. Isso, e cada uma dessas colunas se estende por três colunas. Então esse cara passa em três colunas, como você pode ver aqui. Então o que nós o que nós poderíamos fazer aqui mesmo sem com, na verdade, nosso fundo estar sempre ligado, mas talvez um bloqueado eu vou apenas clicar trancá-lo. Poderíamos simplesmente pegar a ferramenta de retângulo e com o fato em mente que nosso que três colunas que a largura das três colunas é ah, 270 pixels. Deixe-me fazer um grande, grande, maior, talvez algo assim. Mas nós poderíamos fazer agora é que poderíamos marcar sem retângulos o com de nossas colunas para que ele pudesse facilmente estabelecer ou ver que tipo de que com nós temos para cada um dos nossos dedos coluna trabalhando ou para trabalhar com. Então deixe-me apenas fazer você talvez fazer isso Ah, cor diferente apenas rapidinho. Então temos um retângulo como este, e queremos ter mais dois para a direita. Então, como podemos fazer isso? Bem, isso é muito simples. Ou precisamos fazer é apenas pegar a ferramenta de movimento ou ativar a ferramenta de movimento. E já que o nosso não quereria mover-se verticalmente, é claro. E é uma vez que nosso retângulo é de 2 a 17 com, e sabemos que a calha entre nossas colunas é de 30 pixels. Então precisamos adicionar 30 pixels. E quando tínhamos cópia, tínhamos outro retangular, assim e o outro assim. Ok, antes de eu levá-lo um nível acima de um nível, eu quero ter certeza de que todos os meus todos os meus retângulos foram realmente posicionados nas camadas de guias . Vou destrancá-lo, então vou baseá-lo novamente. E o que eu quero fazer agora é ir para os guias do menu Ver e eu quero fazer guias. Claro, eu preciso ter certeza de que eles estão ligados. E como podem ver, criei meus guias assim. E cada um desses retângulos não está marcando o com espaço fora. Quero preencher com conteúdo agora. Agora sei o quão ampla minha navegação pode ser, posso saber quão amplas minhas áreas de prática podem ser. E eu sei quão ampla pode meu contato na caixa de contato ou contato em um formulário de contato pode estar procurando o próximo vídeo. Estamos indo Teoh, criar a navegação e as áreas de prática e a caixa de contato também. Então fique atento. 18. O rodapé continuou: com nossos guias personalizados criados. Vamos agora avançar o nosso projecto. Então, a primeira coisa, eu vou fazer alguns para criar uma caixa de texto simples e eu vou digitar e ter o K mostrado exatamente assim. Deixe-me trazer uma cidade grande. Vou posicionar isso em algum lugar aqui, tudo bem, e ficar um pouco no fundo. Ok, então o que você acha? Qual é a maneira mais fácil de criar a navegação agora? Eu acho que eu nem iria ao manual de efeitos, distorcer e transformar, transformar, transformar, e então criar dinamicamente esses caras porque tudo o que poderíamos fazer é simplesmente arrastar esse cara para baixo. E já que queremos ter quatro itens de navegação no total em movimento até que eu só vou mover esse cara, vamos ver 25 25 ficar bem. Acho que vou duplicar três vezes no total. Então nós temos para elementos de navegação como este como estes, e eu acho que vou torná-los apenas um pouco menores. 14 importância deve ser bom. Então meu primeiro do item domenu imunitário foi em casa. Eu acredito que o próximo é sobre nós que ele waas áreas de prática e contacte-nos. Está bem. Até agora, tudo bem. Parece muito bom. Ok, então o que poderíamos fazer para criar áreas de prática, esta parte como, aqui mesmo? Porque poderíamos simplesmente clonar todos esses caras para a direita. Apenas, assim, digite em áreas de prática, áreas assim, e simplesmente preencha todos esses caras com as informações adequadas ou áreas de prática . Mas eu realmente não acho que você quer me ver com você. Você quer me ver duplamente. Então acho que vou deixar isso com você. Acho que vou deixar você saber que você constrói este e sozinho. Então, o que? Eu vou me mudar. Mudar para isso é o que eu vou mudar para, hum, esta caixa de contato aqui e de novo? Tudo o que podemos fazer é simplesmente colônia. Acho que poderia ter sido um clone. Este tipo também, porque quando o fizermos agora é simplesmente pedir emprestado, emprestado algum texto deste tipo aqui, depois introduzi-lo como este. Parecia que isto, hum deve estar bem. Faça 14 decretos. Uh, luz alta 20. Assim como costumamos fazer. Está bem. E agora vamos criar o contato formulário de contato a partir de elementos. Então tudo o que temos que fazer é apenas criar um retângulo agradável e talvez tão perto do fundo , exatamente assim, Eles devem ficar bem. E a última coisa a fazer é certamente criar um botão. Então eu moveria esse cara para baixo, torná-lo um pouco menor, assim. Claro, dê-lhes cor adequada. Então, cores adequadas do Phil. Bem, esta cor será um pouco mais apropriada. E para o botão, acho que vou digitar. Acho que vou fazer colônia com esse cara aqui embaixo e digitar submissão, assim os botões geralmente são jogados, então eu vou fazer isso ousado, mas talvez 14 pontos. Eu queria ser assim tão pequeno, não tão bonito colarinho branco. E, claro, coloque-o em algum lugar no centro. Apenas afaste este tipo, está bem? E, claro, este fundo tem que ter esta cor dourada como é no original. E sim, lá vamos nós. Sim, parece bom. Devo dizer que parece bom. Claro que sim. O que teríamos que fazer para terminar esse buraco de rodapé é simplesmente fazer esse cara um pouco maior. Então, temos mais espaço para respirar para o nosso botão para enviar. E deixa-me tornar o nosso, hum, fundo um pouco maior assim. Está bem. E lá vamos nós. Claro, nós sempre poderíamos ter certeza que todos esses caras se alinhassem corretamente. E isso é algo que devemos fazer. E, claro, é algo que você já sabe que deve fazer. Então eu tenho certeza que você vai fazer você será capaz de fazê-lo sozinho. Ok, então vamos ver como o nosso designer se parece. Vamos dar uma olhada na final do fato, deixe-me voltar ao topo. Então, sim, então vamos apreciar a vista. Espero que você goste deste tutorial. Espero que gostes disto. , Esse design, espero que goste, como esse layout. E eu realmente espero que você tenha aprendido uma coisa ou duas. Como sempre. Se você tiver quaisquer perguntas ou comentários, descarte-os no quadro de discussão ou apenas me envie uma mensagem, ficarei muito feliz em respondê-las. E no próximo vídeo, vamos dar uma olhada em mais um pouco de como navegar no seu documento, especialmente quando ele é tão, tão , tão grande, tão elaborado, por assim dizer, então fique atento. 19. Vamos terminar o rodapé: quando o seu design é Ah está pronto, mas você ainda quer fazer alguns ajustes nele, e você provavelmente teria que fazer muito clicando e arrastando para mover de uma parte do seu design para outra parte do design. Mas isso é um pouco trabalhoso e não é realmente profissional. Quero dizer, você pode tornar sua vida muito mais fácil com algo que é chamado de visões personalizadas. Vamos supor que está trabalhando em algo, algo pequeno nesta parte da pasta. Vamos supor que está trabalhando em algo, Então, em vez de apenas ir como controle ou comando zero e, em seguida, talvez zoom em torno de seu chapéu porque você quer verificar algo com o seu Com seu cabeçalho, você pode usar exibições personalizadas. As exibições personalizadas permitem que você salte de uma parte da exibição de documento para duas outras exibições de documento. Então, digamos que você estará trabalhando muito em seu cabeçalho e você quer vê-lo assim. Então, o que você poderia fazer é ir para o menu Exibir e, a partir da nova opção de exibição, basta clicar em Nova exibição e simplesmente digitar. Digamos, tem ela assim e digamos que talvez você queira focar Ah, nossa seção de serviços e você quer ver isso assim. Então, novamente, a partir da nova visão , basta ir em frente e nomeá-lo como nossos serviços assim. E vamos dizer que eu quero ver minha consulta gratuita e nossas seções de equipe completamente. Então eu iria apenas zoom sobre eles apenas assim e iria criar uma nova visão e chamá-lo de nossa equipe . Por exemplo, não quero ver meus depoimentos e meu pé juntos. Então eu colocaria zoom nesses caras no menu de exibição, escolheria nova exibição e digitava para apenas assim. Então, agora que disse que estamos trabalhando nesta parte do rodapé. Mas nós rapidamente queremos saltar para o nosso chapéu porque você quer verificar algo tudo ou nós não precisamos fazer é apenas ir para ver. E você pode ver a lista de nossos pontos de vista aqui para que pudéssemos escolher como o cabeçalho. E lá vamos nós e depois dizemos que queremos saltar para um pé novamente. Ele estava lá um rodapé. Então, talvez queiras saltar para a nossa equipa. Há a nossa equipe, e você pode usar você pode criar vistas de fantasia com facilidade, e eles realmente fazer a sua vida. Vire à esquerda, faça funcionar o seu design e é muito mais fácil. E claro, se você não está, se você não teve o suficiente fora de atalhos porque eu sei que eu certamente não, eu não tive. Também podemos atribuir atalhos personalizados para nossas exibições. Então vamos dizer que eu quero atribuir um túmulo atalho personalizado nossa seção de serviço. Vamos atribuir uma visão de cliente a isso. Então eu vou para os atalhos de teclado editar e eu vou escolher comandos de menu. E no menu Exibir, eu escolheria a Exibição Personalizada número dois. Não vai ter o seu escolhido, os nomes. Vai ter uma vista personalizada de um a um a 10. Então vamos dizer que eu quero dar a isso um atalho da mina de controle só porque eu vou ficar bem, sim. Quero substituir o meu conjunto e dizer que estou trabalhando nesta parte da minha navegação e quero saltar rapidamente para os nossos serviços. Eu só vou controlar nove, e agora estou na nossa seção de serviços. Então é assim que você pode trabalhar com exibições personalizadas. Eu realmente acho que eles trabalham que eles fazem isso funcionar muito mais rápido. E eles são muito, muito divertidos de usar e muito úteis. Então, no próximo vídeo, vamos resumir o que aprendemos até agora, então fique atento. 20. Conclusão: então nós fizemos isso. Criamos nosso layout no Illustrator. Espero que você vai aprender muito, mas acima de tudo que você se divertiu que você gostou do processo de design por isso é resumir brevemente o que aprendemos no curso. Primeiro de tudo, nós criamos o cabeçalho stop com as informações de contato e este botão aqui seria então nós adicionamos o sistema de navegação e o logotipo. Depois disso, adicionamos esta grande imagem principal e algum texto sobre ela que criamos a seção de nossos serviços juntamente com nossos ícones e algumas caixas de texto. Em seguida, criamos a seção de consulta livre onde eles com a imagem e esquerda eo texto à direita, juntamente com a parte inferior. E quando criamos a seção de nossa equipe, aprendemos Teoh como trocar as imagens no Illustrator. E então criamos o testemunho, uma seção de lista e o rodapé. Também aprendemos a criar guias personalizados e, em seguida, aprendemos a criar visualizações de clientes . Espero que tenha se divertido. Espero que tenha gostado do curso. Se você tiver alguma dúvida sobre o curso, sinta-se livre para postar a discussão ou mensagem em particular e eu espero que você está ansioso para então Manu Web Laos vai Mais cursos ainda estão por vir e ah, sim, tem um belo design.