Illustrator: como criar ícones de aplicativos móveis no Illustrator | Dawid Tuminski | Skillshare

Velocidade de reprodução


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

Illustrator: como criar ícones de aplicativos móveis 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

9 aulas (31 min)
    • 1. Design Flat ao curso

      1:09
    • 2. Projeto do curso

      0:34
    • 3. O que é design plano?

      3:13
    • 4. Ícone de aplicativo de calendário iOS

      4:28
    • 5. Ícone de aplicativo de calendário iOS continuado

      2:26
    • 6. Ícone de aplicativo de câmera Android

      5:11
    • 7. Ícone de aplicativo de câmera Android continuado

      5:25
    • 8. Ícone de aplicativo de podcast Metro UI

      4:59
    • 9. Ícone de aplicativo de podcast Metro UI continuado

      3:47
  • --
  • 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.

589

Estudantes

13

Projetos

Sobre este curso

Curso incrível!!! Altamente recomendado!!!!

O tutorial não só explica como criar ícones, mas também tem algumas percepções úteis sobre como ícones planos são percebidos pela indústria e sua concepção, tudo em um tempo muito conciso

Neste curso, vamos criar ícones de aplicativos móveis inspirados no iOS, Android e Windows Phone usando o Adobe Illustrator.

Também vamos dar uma olhada rápida no que é design plano e por que estamos realmente desenhando coisas de uma maneira simplificada e talvez um pouco de desenhos animados.

Vamos usar o Adobe Illustrator para projetar 3 ícones:

  • Um ícone de aplicativo de calendário inspirado no iOS
  • Um ícone de aplicativo de câmera inspirada no lollipop Android
  • Um ícone de aplicativo de podcast inspirado na interface do Windows Phone

Cada projeto vai mostrar o processo passo-a-passo de criar um ícone de aplicativo a partir do zero. Vamos começar com um prancha de arte em branco e, com transformações simples, criar ícones bonitos.

Mesmo um novato do Adobe Illustrator total não deve ter problemas a seguir ao longo!

Então, salte a bordo e vamos começar!

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 Flat ao curso: Olá e bem-vindos à turma. É muito bom ter você a bordo. Meu nome é David Tomaszewski, e sou um especialista em Adobe certificado em Illustrator. Nesta classe irá criar aplicativo móvel inspirado Android e Windows do Iowa. Eu vem. Vamos dar uma olhada rápida no que é design plano e por que estamos realmente projetando coisas dessa maneira simplificada e talvez um pouco cartoony. Usaremos o Adobe Illustrator para projetar três ícones e aplicativo de calendário inspirado no IOS Icon, uma câmera inspirada em pirulito android no Icon. Qualquer telefone Windows um Metro, você y inspirado ícone do aplicativo podcast. Mas cada design mostrará o processo passo a passo, criando um ícone de aplicativo a partir do zero. Vamos começar com uma placa dura em branco e com transformações simples, criar belas Aiken. E se você está familiarizado com minhas outras aulas, meu ensino de matemática é tudo sobre simplicidade e ir direto ao ponto. Então suba a bordo e vamos começar 2. Projeto do curso: Claro, essa aula não é só sobre você me ouvir falar e me ver clicando. Então, para o projeto de classe, eu quero que você crie um ícone baseado no sistema operacional de sua escolha. Se você quiser criar alguns efeitos ou estilos a partir de ícones diferentes, vá em frente. Tente mantê-lo plano e pense como você gostaria que ele se parecesse. Se você fosse vê-lo em um smartphone ou um tablet, você é eu posso conter o objeto principal 14 fora sombreamento e o fundo. 3. O que é design plano?: Então, o que é design plano e por que estamos projetando coisas de forma simplificada e plana? Você se lembra das vezes em que designers gráficos de todos os tipos estavam embalando coleiras flash, ingredientes e sombras em seus projetos? Africano tinha que se assemelhar à vida real, então as pessoas, totalmente novas para todo o conceito provisório, poderiam se acostumar com a realidade virtual. O nanismo distorcido, como era chamado, era particularmente proeminente nos itens de interface da Apple Iowa. design da interface do usuário de traning de hoje mudou completamente. Não há sombras clássicas, as maiores se foram, e os objetos olham para D em vez de três D, como você esperaria de rivais de longa data. Era o Windows 8 da Microsoft. Houve um dos primeiros projetos de interface de usuário plana e definitivamente o mais significativo no negócio. Ele se opõe fortemente ao design IOS da Apple. Na verdade, Microsoft continua essa abordagem com seu novo sistema operacional, o Windows 10. Então, parece que o design plano está segurando forte e eles vão ficar por um tempo. Então, por que tudo parece tão simplificado em um design plano? Bem, todo o conceito de design plano é chamar a atenção dos usuários para usabilidade em vez de tentar se exibir com objetos da vida real chamativos. Eu acho que você poderia dizer que design plano é sobre comunicação ou um certo elemento faz. Usando os meios mais simples. O design plano teve um grande sucesso nos últimos anos. Ele foi implementado por muitas marcas principais do mundo. Eu já mencionei os mais recentes sistemas operacionais da Microsoft, mas a LG cíclica ou por que, sempre, variações do Android You I. Mesmo a última iteração fora I West parece mais plana. Claro, o número de lisonjeiros em sites está crescendo a cada dia em termos fora do desenvolvimento da Web. Eu acho que não há mais proeminente apartamento é um exemplo do que bootstrap ou olho se conforma como frente impressionante. Todos esses projetos são simplificados, último chamativo, mas isso não significa que eles são chatos. contraste brilhante nas cores rapidamente capta a atenção dos usuários e, ao mesmo tempo ou facilmente reconhecível quanto à sua função. Muitos deles usavam a chamada sombra longa para tornar os ícones mais atraentes. E a propósito, isso é algo que aprenderemos nesta aula também. Quando você decidir projetar em estilo de design plano, lembre-se de centrá-lo em torno da idéia de simplicidade que eles trarão usabilidade. Você viu cores contrastantes para definir os elementos fora. Parte de designer. A diversão deve ser limpa, de preferência Sand Saref. Nesta aula, vamos nos concentrar na concepção de itens planos. Quero mostrar como projetar com interface de usuário simples em mente, e farei isso usando o Adobe Illustrator. medida que a aula progride, você aprenderá algumas técnicas fantásticas e fáceis de seguir que você pode implementar com sucesso em seu fluxo de trabalho de design. Certo, então vamos trabalhar e desenhar para um cycm. 4. Ícone de aplicativo de calendário iOS: nos últimos anos Flanders e teve uma grande entrada do mundo do design que até a Apple geralmente é. Um tradutor você I finalmente subjugou à torrente de design plano, o I tinha oito anos e os últimos itens de linha do Iowa e abandonar a abordagem da vida real de distorção mais fizz, um, em um favor da simplicidade fora do design plano. Fora do curso. versão plana da Apple é e não é totalmente despojado de seus Estados Unidos A elementos tradicionais como fundos de grade, mas seus ícones estão definitivamente inclinados para a simplicidade. Neste vídeo, vamos dar uma olhada em como criar um aplicativo de calendário inspirado no IOS. Eu posso. Eu quero mostrar a vocês como podemos enfeitar um Aiken plano com algumas idéias simples sombra também . Mas primeiro, vamos quebrar isso. Eu desço. Temos a forma de retângulo arredondado principal que é dividido em um, 23 quatro e cinco elementos separados Semana do ano em cima no dia do mês, ter o dia da semana na parte inferior. Em suma, um design bastante simples. Então vamos começar, e vamos começar com o retângulo arredondado principal. Mas antes disso vamos duplicar não estão entediados com a arte abortar aqui. Vou me certificar de que o trabalho artístico de mover cópia com Abortar arte não está selecionado, e vou clicar neste botão aqui que cria um novo trabalho artístico e clicar em algum lugar à direita para criar uma arte. Mas com as mesmas dimensões que o original, criarei uma nova camada para o meu design. Vou nomeá-lo calendário, e estou pronto para começar a trabalhar, e vou começar com a ferramenta de retângulo arredondado que podemos acessar a partir do painel de ferramentas, é claro. E estamos mantendo pressionada a tecla Shift para restringir as proporções. Eu criaria um retângulo arredondado, e podemos é apenas a redondeza dos cantos pressionando para cima ou para baixo teclas de seta. Certo, Malley vai dar um belo Phil cinza e garantir que não tenha derrame. E como mencionamos antes, esta forma principal é dividida em cinco formas menores. Então é isso que vamos fazer agora. Primeiro, eu vou fazer um retângulo muito ativo para criar um retângulo simples como, Então agora eu vou para a ferramenta Pathfinder e com ambos a minha forma selecionada. Eu vou acertar essa divisão de fundo bem aqui para saber dividir a forma e nós temos como resultado desta transformação é um grupo, então eu willen agrupar-lo e eu vou começar a adicionar alguns colares. Vou fazer a parte superior vermelha clara, e vou adicionar o meu primeiro efeito de sombreamento, tornando este retângulo menor mais escuro. Vermelho no passado adicionaria uma sombra à parte superior. Mas como estamos usando regras de design plano irá simular o efeito de sombra, criando um retângulo menor e mais escuro abaixo da parte superior. próximo é esse retângulo que deve dividir nosso calendário em duas partes, e é suposto funcionar como um efeito de sombreamento diferente. Bem, isso é fácil. Vou criar um retângulo de novo. Torná-lo preto ou alguma cor realmente escura, e eu vou mudar seu modo de blanding luz muito suave, que podemos fazer no painel de controle aqui em cima ou no painel Transparência à direita. Ok, agora vamos cuidar da sombra inferior, e é tão fácil quanto duplicar o retângulo inferior e movê-lo um pouco para cima, e eu estou fazendo isso mantendo pressionada a tecla shift e o antigo ou opção se você estiver em um Mac. Está bem, isto deve bastar. E eu vou deixar a parte inferior mais escura, Grey. E estamos quase terminando. Tudo o que precisamos agora é da tipografia, e faremos isso no próximo vídeo. 5. Ícone de aplicativo de calendário iOS continuado: para finalizar o ícone. Ainda precisamos adicionar as datas. Certo? A fonte que escolhi chama-se Lata e o telefone. Espere. Decidi definir para preto. Assim, com o título ativo na maneira mais rápida de torná-lo ativo é pressionando a tecla T no teclado, eu vou clicar em qualquer lugar do documento e apenas começar a digitar. Acho que vou para o 19º, porque acho que fica bonito, mas pode escolher um idiota que queiras. Pode até ser a 32ª, se me perguntar. Não me importo nem com esse tipo de criatividade. Tudo bem, eu vou fazer o telefone maior. Eu vou dar-lhe um colar adequado, reposicioná-lo, e eu quero enviá-lo para trás do retângulo médio como Então agora eu vou cloná-lo para baixo e novamente eu estou fazendo segurando o velho ou opção no Mac e as teclas shift. Claro, eu também o tornaria menor. Vou digitar no dia da semana e vou clonar até metade do indicador ano no topo. Vou dar-lhe uma luz de colarinho e agora é hora de um pouco de alinhamento. Mas antes de alinharmos tudo bem, queria mostrar-te mais uma coisa. Se você não fizer seu texto aparecer como ele foi delineado e realmente torná-lo uma linha como parece que tudo o que você precisa fazer é ir para o menu de efeitos. Claro, eu recebo todo o meu texto selecionado e escolho caminho, contorno, objeto. E agora todos os cais de impostos e o que é mais importante se comporta como seu esboço. Então agora vamos alinhar tudo para o centro. E ainda assim podemos ter a capacidade de mudar o imposto se quisermos. Então, ok, então é isso para o Seiken. Aprendemos como adicionar alguns efeitos de sombra agradáveis a um IOS olhando para Mike ligado, e nós os criamos sem tocar na opção de sombra. Nós também aprendemos para o comando de objeto contorno sempre tão útil no próximo vídeo irá criar um design de material pirulito android, Aiken. Então continue assistindo 6. Ícone de aplicativo de câmera Android: com a introdução de sua nova versão do sistema operacional Android, Google mostrou sua idéia de design plano, que eles chamaram de design de material. Eles juntaram toda uma filosofia para justificar o uso de sombras e uma paleta de cores mais ampla , que contradiz, de certa forma, os princípios do designer plano. Eu não sei quanto a você, mas eu gosto de design de materiais. Eu gosto do estado de cor aconselhando a usar. Eu gosto das sombras para nós como esta câmera Ivan que eu criei para você. Como de costume, deixe-me resumir para você muito rápido, mesmo que pareça que há muita coisa acontecendo. Se aqui, as formas usadas para criar este ícone são bastante simples. Nós temos em torno daquele fundo retângulo. Temos retângulos arredondados trabalhando na forma da câmera principal no flash. Aqui no topo, temos um retângulo que é este aperto aqui e criamos as lentes com círculos simples. E, claro, nós temos essa longa sombra efeitos seu também. O que é distintivo para os ícones de design de material é o uso de matizes e tons. O Google é realmente específico e como usar sombras de acordo com o design do material. E como podem ver, ficamos tensos em cima das formas, como aqui, aqui e também aqui. E nós temos tons no fundo fora das formas. Ok, então eu acho que nós devemos começar a trabalhar como antes, todos criando um novo quadro de arte para o meu design fora do curso com um pouco de ajuda dos nossos quadros para. E não podemos esquecer de desativar a movimentação, copiar o trabalho artístico com nossa opção de quadro e também criar uma nova camada. Eu chamarei Camera, e estou pronto para criar o ícone novamente. Vou começar com a ferramenta de retângulo arredondado e vamos manter pressionada a mudança para restringir as proporções ou criar um retângulo arredondado como So Now, o que eu preciso fazer agora é criar os elementos de sombreamento. E é mais simples ativar a escala contada pressionando o esqui e, em seguida, entrar ou retornar no Mac e neste estilo livros em uma escala, dirigindo todos para baixo, mas Onley verticalmente e em Lee por apenas cerca de 2%. E eu não quero bater. Ok, eu quero bater em policial porque eu quero manter o retângulo original agora com esses dois caras selecionados. Irei para o banho Pai Ferramenta e escolherei o comando Dividir. Vou agrupar a minha nova forma e vou começar a adicionar colares agora. A paleta de cores que escolhi é totalmente arbitrária, embora eu a tenha composto dos colares de designer de materiais que o Google fornece. Mas se você quiser ir para suas próprias cores, vá em frente. Então vou adicionar a cor à forma principal e remover o traçado. Eu vou ter as tendas para o elemento superior e também doente na forma para o elemento inferior. Certo, até agora, tudo bem. Agora vamos criar a forma base da câmera, e vamos fazer isso exatamente como fizemos com a forma de fundo. Quero dizer, com o retângulo arredondado para agora novamente, vamos ativar a ferramenta de escala e em Lee para Nicolle diminuiu o tamanho por esta altura, talvez em torno de 4%. E vamos acertar a cópia. Agora escute, vamos dividir as formas e agrupá-las e tudo o que resta a fazer é adicionar a cor principal , uma tenda no topo e agitar no fundo. Ótima. Agora vamos criar o ornamento do meio ou do aperto. Se você quiser. Farei isso com a ferramenta de retângulo. E sim, você adivinhou que eu estava abaixando verticalmente, mas só um pouco mais. Talvez para cerca de 94% e eu vou bater cópia Agora novamente. Isso está dividido no grupo deles. E vamos adicionar os colares. O topo será mais claro na parte inferior será mais escuro. Agora é a hora de criar a lente, mas acho que devemos fazer isso no próximo vídeo, então vamos para ele. 7. Ícone de aplicativo de câmera Android continuado: neste vídeo, vamos criar a terra que Soss prometeu, mas também o flash. E vamos terminar o ícone com o efeito de sombra longa. Vou começar fazendo os lábios ainda ativos pressionando a tecla AL no teclado. E enquanto mantém pressionado o turno e o antigo ou opção no Mac, vou criar um círculo bonito, assim como assim. Aposto que sabes o que vai acontecer a seguir. Sim, vamos fazer uma cópia menor fora do círculo e eu vou dividir em grupo as formas. E como eu avisei as cores para serem iguais ao corpo da câmera, eu vou apenas experimentá-las com a ferramenta conta-gotas. Agora eu vou copiar e habilidade para baixo o primeiro elemento da lente indo para a escala, ferramenta e escala, dimensionando para baixo. Mas desta vez uniformemente para cerca de 65 a 70%. E eu vou bater. Cópia sobre o Karzai escolhido para este elemento são tons de cinza e eles são muito escuros e frios. Estou à procura de algum bom contraste aqui. Agora eu vou repetir todo o processo com elemento menor das terras, então eu vou reduzi-lo uniformemente para cerca de 50%. Eu vou bater na cópia e eu vou dar-lhe belos colares azuis. E para terminar com a lente, vou criar uma simples elipse larga. Nenhum lugar. Está algures no topo. canto direito do último aparece para criar um retângulo arredondado que funcionará como um flash. Então eu vou fazer isso. Vou fazer um cinza mais escuro, e se você está feliz com o design até agora, você pode parar aqui com muitas sombras adicionais. Então eu acho que você já entendeu o que eu queria te mostrar aqui. Mas vou acrescentar uma coisinha extra. Vou criar um simples efeito de sombra longa. E para isso eu vou selecionar o corpo da câmera e copiado para o meu poderia embarcar. Agora vou para o painel de camadas. Vou selecionar cada elemento fora do fundo e ir para o menu de seleção, clique em verso para selecionar todos os elementos, exceto no fundo. E eu queria agrupar minha seleção. Eu também vou trancá-lo e eu vou ritmo para o corpo da câmera na frente. Agora eu vou fazer preto. Eu vou para o efeito de transformação que pode ser encontrado sob efeito distorcer e transformar, transformar e aqui tudo movido para Nicolle e em algumas cópias. Até que eles vão mais para baixo o fundo fora do Eiken, Eu vou mudar o seu planejado no modo dois luz suave e soltar a opacidade para baixo um pouco. O que eu preciso fazer é cortar a sombra que eu acabei de criar, e eu vou fazer isso com nossos antecedentes. Então, no painel Camadas, vou selecionar todos os elementos de plano de fundo. Vou duplicá-los e uni-los com a ferramenta Pathfinder. Agora eu vou movê-lo acima da sombra, selecioná-los ambos, e apenas poderia controlar ou comando no MAC mais sete para criar máscara de recorte, que, por sinal, é o mesmo que ir para o menu de objetos recorte, máscara, marca e tudo o que resta agora é mover a câmera original para cima da pilha, e agora podemos apreciar a visão do nosso ícone de design de material com um longo efeito de sombra. É isso. Nós fizemos isso. Aprendemos como criar um ícone de aplicativo de design de materiais, Houston. Algumas operações simples de dimensionamento e Pathfinder também aprendeu dedo do pé uma maneira de criar um efeito de sombra longa no próximo vídeo, vamos dar uma olhada em como criar um ícone de aplicativo natural você y, então continue assistindo. 8. Ícone de aplicativo de podcast Metro UI: natural você Por que essa interface de usuário do Windows oito estava na vanguarda do design plano. A última iteração das janelas da Microsoft, que é o Windows 10, não é exceção. Então, para encerrar nossa aventura com os diferentes estilos de diferentes sistemas operacionais, vamos criar esse podcast. Eu venho. Mas sabemos que antes de começarmos o Windows, os ícones do telefone não usam sombras. Eles são tão planos quanto pode ser. Mas, além de um aplicativo do Windows Phone, eu posso eu quero mostrar a vocês como a criação de multi-camadas, efeito de sombra longa, você sabe, apenas no caso da Microsoft decidir é que no futuro, eu acho que nós deve começar como sempre, com a verificação de como o ícone é construído primeiro. O que supostamente importante notar aqui é que cada elemento do ícone foi criado com o uso da justiça do retângulo arredondado para este homem Forma aqui é em torno dele retângulo. Essas terminações também são retângulos arredondados, assim como a base. Temos a sombra longa multicamada bem aqui. E é claro que temos o fundo quadrado e há apenas dois colares usados aqui, branco e azul-petróleo. Por isso, é um design plano na ISF reticulado, por assim dizer. Aziz de costume. Deixe-me começar com a criação de algum trabalho no dedo do pé da sala. Vou em frente e duplicar o trabalho no quintal. Claro, eu quero apenas a arte derramou o conteúdo dela. Não, vou tratar uma camada separada para o meu ícone toda a minha transmissão média, e eu vou adorar a camada original agora criar a forma principal fora do curso com o dedo do pé retângulo arredondado . Mas primeiro vou me certificar de que só o Phil preto está ativo. Você sabe, eu quero que o Aiken seja facilmente visível que vá em frente e pegue o retângulo arredondado para a partir do painel de ferramentas e comece a desenhá-lo tão certo, criá-lo vai demorar algum tempo. Está se moldando. A redondeza dos cantos depende totalmente de você. Neste caso, se você quiser acelerar o seu trabalho, você sempre pode pressionar a seta para a direita para fazer os cantos arredondados para o máximo como então Agora eu quero criar o lado em denso, e eu vou criá-los com o arredondado retângulo. Sim, com quatro retângulos arredondados para ser exato, então eu vou criar um e eu vou torná-lo branco e eu vou duplicar Torre. Deixe-me reposicionar esses caras um pouco, e eu vou agrupá-los e alinhá-los corretamente. Agora eu quero copiá-los e refleti-los para a direita, e eu vou fazer isso com o reflexivo que vai tornar ativo pressionando a tecla O no teclado. E se você tiver guias inteligentes em que você pode verificar no menu de exibição, você verá ilustrador, diga-me onde o centro fora do microfone é. E isso é realmente ótimo, porque agora eu posso segurar ou clique opção para obter o dedo do pé refletido para cima e refletir. Reflete esses caras para a direita. Claro que quero uma cópia. Tudo bem, tudo até agora, bem. Agora vamos selecionar tudo e bater menos frente na ferramenta Pathfinder para obter a forma que eu estou procurando. Ótimo, Fantástico. Agora vamos criar a base novamente com o retângulo arredondado, vou clicar e arrastar como assim queria levar algum tempo para obter isso direito. Então não se preocupe. Se você não acertar na primeira vez, apenas brinque com ele. Agora vou excluir o ponto de ancoragem superior, então vou selecionar com a ferramenta de seleção direta. Como simplesmente clicar em excluir. Vou fazer o golpe mais grosso. Acho que algo em torno de 20 a 25 pixels deve estar bem. E novamente, com a ferramenta de seleção de medo fora, selecione para cima os pontos do tornozelo e traga-os um pouco para baixo. Se você acha que esta forma é um pouco grande ou muito pequeno, basta ir em frente e jogar com seu tamanho que com a ferramenta de escala ou apenas redimensionando com o dedo do pé de seleção, eu também vou para o painel de curso e escolher rodada boné. Agora vamos criar este suporte, e é tão simples criando dois retângulos arredondados. Agora vamos alinhar tudo ao centro, e estamos prontos para criar o efeito de sombra longa multicamadas. Mas acho que devemos fazer isso no próximo vídeo. 9. Ícone de aplicativo de podcast Metro UI continuado: antes de começarmos a criar o efeito de sombra longa, vamos fazer algumas coisas. Primeiro, vamos unir os elementos padrão usando a ferramenta Pathfinder, e vamos expandir a base indo para o menu de objetos. Expanda sem tratamento de fundo retângulo. Então eu vou pegar a ferramenta de retângulo e manter pressionada a tecla shift. Criar um quadrado como então eu vou dar uma bela cor roubar e subiu para voltar. E agora é finalmente a hora de criar o efeito de sombra longa multicamada. primeira coisa a fazer é clonar o microfone para a direita, e eu estou fazendo isso, mantendo pressionada a opção se você estiver em um Mac e agora uma cópia do microfone original para a minha área de transferência porque eu vou precisar dele em um segundo. Agora vou largar a opacidade do microfone clonado, todo o peso. Zero. Vou mudar o modo de mistura do microfone original luz muito suave, e vou mudar a opacidade dos elementos individuais. Agora, os fundamentos que estou escolhendo são totalmente arbitrários. Não há certo ou errado aqui. Na verdade, eu encorajo você a experimentar com o valor de opacidade diferente para que você possa obter resultados diferentes e realmente grosseiro sobre o que esta técnica é tudo sobre. O que sugere saber é manter a opacidade baixa, e isso tornará a sombra um pouco mais sutil. Ok, agora vamos para as duas opções sem graça, e eu vou simplesmente fazer isso clicando duas vezes no bland até duas vezes. Aqui no painel de ferramentas, vou definir o espaço em uma distância especificada e inserir um pixel. Tudo o que precisamos fazer agora é dizer ao ilustrador quais elementos queremos misturar. Então eu vou mudar. Clique no topo do microfone aqui e em cima do que não tem capacidade, vou usar um atalho muito, muito, muito útil fora do controle antigo. Seja ou opte por comandar Bianna Mac para misturar essas duas formas. E é o mesmo que ir para o menu de objetos sem graça e fazer. Vou repetir estes passos para o resto dos elementos. Agora eu vou trazer de volta o meu microfone para que eu vou baseá-lo na frente. Lembre-se, ainda temos isso em nossa prancheta. Vou certificar-me de que é branco e que tem uma mistura normal e 100% de capacidade, e vou olhar para ele imediatamente na camada. Spow. Vamos brilhar no fundo, movendo-se sobre o bland e selecione nosso plano de fundo com o bland Vamos simplesmente cortá-los indo para o recorte menu de objeto, máscara make. Mas geralmente eu só usei o controle mais sete atalhos, e lá vamos nós fracos no metrô, você gosta com um pouco de sombra longa que Magic criou. Então, o ícone do Windows Phone foi o último design desta classe. Diga-me o que você pensa sobre Seria ótimo se você postou seus projetos de ícones e você, se você tiver alguma dúvida, sinta-se livre para entrar em contato comigo e ter um design agradável.