Design de ícones de aplicativos iOS e Android | Gary Simon | Skillshare

Velocidade de reprodução


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

Design de ícones de aplicativos iOS e Android

teacher avatar Gary Simon, Full Stack Developer & Instructor

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

14 aulas (1 h 14 min)
    • 1. Trailer

      1:19
    • 2. Especificações de ícone de aplicativo iOS

      5:04
    • 3. Como configurar nosso documento

      6:52
    • 4. Como desenhar o Pin

      11:44
    • 5. Como concluir o fundo

      5:17
    • 6. Como exportar nosso ícone

      2:45
    • 7. Especificações do lançador de aplicativos Android

      3:26
    • 8. Como configurar nosso documento

      3:24
    • 9. Como desenhar a lente (parte 1)

      7:23
    • 10. Como desenhar a lente (parte 2)

      7:14
    • 11. Óculos e reflexões

      10:32
    • 12. Como exportar nosso ícone

      3:01
    • 13. Apresentação em um telefone

      4:36
    • 14. Visão geral do curso

      0:57
  • --
  • 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.

414

Estudantes

3

Projetos

Sobre este curso

Aprenda a usar tanto Adobe Illustrator quanto Adobe Photoshop para criar ícones para iOS e Android. Vamos criar ícones de lançador de aplicativos, que são os pequenos gráficos usados para acessar um aplicativo em um smartphone ou tablet.

Você também vai aprender a garantir que você esteja atualizado com os requisitos mais recentes estabelecidos pelo iOS e Android.

E finalmente, você vai aprender a usar o Adobe Photoshop para impor ícones de lançador de aplicativos em smartphones 3D para exibir clientes ou exibir em seu portfólio.

Conheça seu professor

Teacher Profile Image

Gary Simon

Full Stack Developer & Instructor

Professor

Full Stack Developer for nearly 2 decades. Worked as an Instructor for Pluralsight, LinkedIn/Lynda.com and Envato Network 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

4. Especificações de ícone de aplicativo iOS: - Olá em bem-vindo a esta lição onde vamos nos concentrar no ícone da APP do Iowa - especificações. - Então, por que é importante entender as especificações antes de começarmos a projetar nosso ícone real? - Bem, - é meio importante, - porque se você for para projetá-lo e talvez ele apenas configurar um documento quadrado - você pode errar as coisas, - que será intrinsecamente apenas incompatível ou não será aceito. Quando você recebe um aplicativo do ano de envio, eu ou seu cliente faz. - Então precisamos ter certeza que isso é Nós seguimos exatamente do desenvolvedor fonte oficial Apple - dot com as especificações necessárias. - Então, como é que encontras este documento? So Google SoGoogle é seu amigo. - Se eu for para o Google muito rápido e eu digitar iOS app launcher, - especificações de ícones ou algo semelhante, - nós provavelmente vamos chegar a uma fonte oficial. Então, certifique-se de clicar nisso, e essa não é a página exata em que eu estava. - Isso tem apenas informações gerais sobre ícones e tamanhos de imagem, - mas se você clicar no ícone APP, - ele vai mostrar a página que eu estava em. Esta é a página com a qual nos preocuparemos, então é importante que encontrem as últimas informações atualizadas. Dependendo de quando estiver assistindo a este curso, talvez já tenha mudado. - Então, é importante encontrar esta página, - então olhando para isso, - o está aqui, - é claro, - são os ícones do lançador de aplicativos com uma coisa que separa Iowa do Android quando se trata - para o APP ícones lançador é I IOS todos têm o mesmo recipiente exato. - É um quadrado com bordas arredondadas. Quando se trata de Android, não precisamos nos preocupar tanto com isso olhando para isso. - Ele só lhe dá informações gerais sobre como projetar os melhores ícones aplicativo locatário. - Vou ler os pontos de bala bem rápido. Espero que não tenha que se preocupar com este aqui, que diz que para os melhores resultados, peça a ajuda de um designer gráfico profissional. Esperemos que este curso possa ajudá-lo. - Ah, - ícones de aplicativos de design que parecem bons. - Eso usar imagens universais que as pessoas facilmente reconhecerão. - Isso é meio óbvio. - Então, - você sabe, - se você está projetando, - se você está jantando um ícone de lançador para um aplicativo de saúde - você obviamente tentaria usar cores que são comumente associadas à saúde em também - formas e formas abraçam a simplicidade. - Agora, - isso é extremamente importante porque quando projetamos nosso APS, - eu lançar seus ícones, - você vai descobrir que eles foram projetados - nós vamos trabalhar com um grande documento rural. Então, basicamente, vamos ter uma tela grande para trabalhar em cerca de 1000 24 por 1024 pixels s. - Então vamos ter muito espaço. - Mas, em última análise, ele é reduzido para um tamanho tão pequeno que quaisquer detalhes que eram os melhores - detalhes que eram visíveis na versão grande são raspados para baixo e perdidos. - Em última análise. - Então a simplicidade é extremamente importante quando se trata de Apple no caminho certo no design. Então eu crio uma interpretação abstrata do seu ABS. - Ideia principal. - Tudo bem, então isso também é algo que é muito comum no design de logotipo. Você nem sempre quer deixar isso tão óbvio. - São apenas tentar ser muito literal em sua representação do aplicativo. Se você quer trair substâncias reais, de certifique-sedeque o ícone do aplicativo fica bem em uma variedade de fundos. - Evite a transparência. - Não use elementos de interface IOS no seu trabalho artístico. - Então isso também é óbvio. Quer confundir as pessoas com os elementos comuns do Iowa? - Não use réplicas de produtos de hardware da Apple. - Isto é óbvio. - Hum, - então a porta que vamos focar aqui é criar tamanhos diferentes no APP - ícone para dispositivos diferentes. Essencialmente, vou pular essa parte por um segundo. - Nós vamos descer aqui onde diz criar uma versão grande do seu ícone APP para exibição - na loja APP. - Tudo bem, - então aqui para a loja de aplicativos, - crie uma versão maior do seu ícone APP em dois tamanhos. - Parece bom em todos os dispositivos. - 1024 por 1000 24 pixels. - Então isso é 10 24 com por 10 24 pixels s. - Então é um quadrado perfeito. - E também um 5 12 por 5 12 para que pudéssemos redimensionar a imagem. - E quando chegarmos à lição onde exportamos e saboreamos imagens vai passar por tudo isso. - Mas a coisa importante a lembrar aqui para a próxima lição onde está configurado o nosso documento - é 10 24 por 10. 24 e depois para lembrar, estamos projetando nesta tela de 10 24 por 10 24. - Em última análise, - ele vai ser reduzido Teoh 120 por 100 20. - Então é uma quantidade significativa. - Isso é 90% menor que esta versão. - Então é aí que a simplicidade realmente desempenha um papel importante. Certo, então essa é a conclusão desta lição. - E na próxima lição vamos seguir em frente e preparar o nosso documento para um para o seu projeto. - Te vejo então. 6. Como configurar nosso documento: - Olá e bem-vindo a esta lição onde vamos projetar um lançador de ícones de aplicativos IOS para um aplicativo fictício baseado em coordenadas GPS para locais de tesouros conhecidos através dos oceanos. - Agora, - claro, - este AB não existe. - Mas se isso acontecesse, - nosso objetivo seria criar um ícone que transmita a ideia por trás deste aplicativo de forma visual . - Temos duas coisas em jogo. Temos GPS, que é a localização, e depois temos o oceano. - Minha idéia é usar um alfinete que é comumente associado a locais ou pinos em um mapa e - então, - de uma maneira muito simples - ilustrar a água ao lado dele. - Então, no Adobe Illustrated aqui, - nós vamos obter um arquivo e novo e para o nome nós vamos apenas dar este ícone IOS e - número de nossas placas um a sagacidade. - Ok, então esta é a parte importante. E se você se lembra da lição anterior, precisamos mudar esses dois pixels e eu vou especificar que este é seu 24 pxpor 10 a 4 p x precisamos mudar esses dois pixels e eu vou especificar que este é seu 24 pxpor 10 a 4 p x. - Sangrar normalmente é reservado para quando você está imprimindo algo. - Eso, não temos que nos preocupar com isso. Também se certifica de que o zero e, em seguida, aqui, onde diz avançado. Ah, o modo de cor que queremos RGB se estiver em C M I K isso é geralmente novamente para impressão. - Então vamos deixar a tela RGB e Raster Effects 72 e podemos ir em frente e virar uma linha. - Novos objetos para pixel grade off se ele já estava ligado e é isso. Então vamos em frente e acertar, OK e este é um tamanho grande. Então, agora na minha resolução, está em 56 pontos ou 56%. - Se eu tivesse controle um negativo para, - ah 100%, mas nós realmente não precisamos nos preocupar com isso. - Eu zoom dentro e fora, - você pode bater tudo e, em seguida, você usar o seu mouse escola vontade ou você pode usar o zoom I dito para baixo - aqui. - Certo, então basicamente o que queremos fazer é tirar nossa ferramenta de retângulo arredondado. - Então ele foi embora. - Clique aqui no retângulo e escolha a ferramenta de retângulo arredondado I. - O que queremos fazer agora é simplesmente clicar com o botão esquerdo uma vez e isso vai nos dar a caixa de diálogo arredondada - retângulo aqui. - Queremos especificar esse tamanho novamente para a forma do nosso recipiente. - Então, um aqui para quatro bater aba para ir a altura do dedo do pé um ano para quatro. E você poderia apenas, você sabe, ter TPX ele irá automaticamente inserir isso para você e, em seguida, o raio do canto. - E isso é muito importante. - Se você estivesse trabalhando em um 5 12 por 5 12 seria 80. Já que estamos trabalhando o dobro desse tamanho, vai ser 160, então esse é o raio do nosso canto, que é a borda especifica o tamanho do raio do canto. - Então eu vou bater, - Ok e pegar a ferramenta de seleção e movê-la para cá e o meu agora tem um derrame - - Podemos ir em frente e nos livrar desse zero especificado e então apertar Enter e eu vou dar - o fundo aqui. - Ah, cores diferentes. - Então agora o que precisamos fazer é eu vou pegar as camadas bem aqui. - Este painel aqui em baixo, basta clicar nele. - E a propósito, - se eu estou trabalhando com algum desses painéis que você não vê tudo o que você tem a fazer é ir para a visualização - ou melhor janela, - e ele apenas encontrá-lo real clique e clique nele. E por isso aqui temos as nossas camadas e se deixares cair isso, temos o nosso caminho. - Então ele vai renomear este 12 contêiner apenas clicando duas vezes sobre ele e, em seguida, apertando - enter depois que você entrou no texto e nós queremos criar Ah, - apenas um fundo. Então eu vou usar apenas uma ferramenta de retângulo normal e eu poderia apenas clicar com o botão esquerdo novamente aqui . - Deixe às 10. - 24 por 10. E eu estou indo para você sempre usar suas bocas são as teclas de seta do teclado para alinhá-lo ? E eu estou indo para você sempre usar suas bocas são as teclas de seta do teclado para alinhá-lo - Queremos posicioná-lo aqui embaixo. Então, apenas para a esquerda, clique e arraste abaixo do recipiente em um duplo, clique nele e dê um nome de B G e então eu vou dar um tipo de cor cinza escuro. - Eu não clico aqui nas amostras e escolho este cinzento aqui. - Tudo bem, - então é meio difícil de projetar quando o tamanho do nosso contêiner aqui para o I Iowa - contêiner de aplicativos. - Aqui tem o mesmo tamanho do nosso grande contêiner aqui. - Então o que podemos fazer é editar o quadro de arte. - Então, para fazer isso, - nós podemos clicar neste botão documentos configurar. - Você também pode acessar isso indo para a configuração de arquivo e documento e, em seguida, clique em editar arte - quadros. - Isso nos permitirá ajustar o tamanho de nossa tela. Você poderia fazer isso arrastando isso para cima, para baixo, paraa esquerda e para a direita. Você poderia fazer isso arrastando isso para cima, para baixo, para - Ou você pode especificar o tamanho aqui, - então eu vou apenas especificar 1200 por 1200 entrar. - Tudo bem. - E então eu vou pegar o nosso caminho BG. - Segure o turno. - Tudo à esquerda, - clique e arraste para cima. - Certo. Então agora temos um pouco de margem entre o nosso design real. E se precisar do Teoh, mova isso e ajuste a facilidade. - Você pode e escalá-lo só um pouquinho. E então eu vou clicar aqui, e isso vai bloqueá-lo para que não possamos mais selecioná-lo acidentalmente. - Ok, então agora o que eu quero fazer bem rápido é dar a isto uma cor para o fundo e eu vou - fazer um Grady int. - Então faça isso Olhe aqui sob Grady int e novamente certifique-se de ir para a janela e você pode - especificar Grady int se você não tem isso e apenas escolher linear. - E se você pressionar G no seu teclado, - ele permite que você especifique a direção e a largura do Grady in. - Se começares por aqui, espera o turno. - E assim os dias são perfeitamente verticais e depois sobem. - Podemos ter um radiante perfeitamente vertical. - E o que queremos fazer é que eu quero que o enchimento escuro fique perto do fundo. - Uh, - Na verdade, - não. - Vamos deixar no topo. E se eu não cozinhar neste seletor de cores aqui, podemos especificar a cor que queríamos ser. Por enquanto, só quero que isto seja 100% preto, está bem? - E então essa cor clique duplo que vai clicar aqui para ir, - este relógio e nós vamos fazer isso um azul escuro, - e você pode ajustar a orientação a posição destes movendo-os ao redor. - Então, se eu mover isto para baixo por aqui. - Isso vai ser bom. - Tudo bem. - E é só por esta lição. Então, na próxima lição, vamos começar a desenhar o alfinete real. - Tudo bem, então te vejo depois. 8. Como desenhar o Pin: - Olá e bem-vindos a esta lição onde vamos desenhar um pino de localização ou um ponto . - Então o que queremos fazer antes de fazer isso, - embora, - se clicarmos neste caminho do contêiner e clicarmos duas vezes aqui, - precisamos ter certeza que esta é uma cor preta sólida agora isso não é um pouco - lavado. - Então eu tenho que fazer é vir aqui e especificar RGB. - E agora é uma verdadeira cor preta. - Dá para ver que é muito mais escuro. - Tudo bem, - então agora que temos isso feito, - é cozinhar em camadas apareceu apenas para ver o que temos acontecendo. - Então nós temos nossa camada de contêiner e uma camada BG de fundo, - e o que nós queremos fazer é obter a ferramenta Elipse. - Então venha aqui, - esquerda, - clique e arraste e ainda especifique lábios. - E nós vamos apenas segurar Shift e Ault e arrastar um círculo mais ou menos em torno deste - tamanho. - Não tem de ser exacto. - Apenas em algum lugar deste tamanho vai fazer muito bem, - e nós queremos ter certeza que ele está centrado horizontalmente. - Então, se você vir aqui alinhamento horizontal centro, - e nós apenas clicamos que agora é especificado bem aqui no centro do recipiente em - o próprio documento. - Ok, então vamos dar uma cor a isso aqui, e nós damos esta cor aqui vai ficar de fora. - Acho que vamos usar isto aqui. - E eu sei que é. - Especifica valores R G e B se você passar o mouse sobre ele, - ou se eu apenas clicar duas vezes aqui, - ele vai nos dar um código hexadecimal de cor, - que é 866 assento. - Desculpe. - Oito cc 63 f. - E a razão de dar isso para usar se você quiser usar o mesmo é que as cores e eu Você pode - apenas ir em frente e inserir que eles estão neste valor hexadecimal aqui e bater. - Está bem, está bem. - Então nós também queremos segurar o turno e apenas movê-lo um pouco para cima. - E queremos projetar um ponto aqui onde se resume a um ponto como este. Então, para fazer isso, queremos nos virar espertos aqui. - Guias inteligentes. - Então vai ver em guias inteligentes. - Nada muda visivelmente imediatamente. - Agora vamos ampliar aqui com o gentil e vamos pegar o lápis. - E o que os caras inteligentes são é quando você passa o mouse sobre certas áreas de um caminho, - por exemplo, - ele vai mostrar que você está bem no topo do caminho também ajuda para o alinhamento também - bem . - Então eu vou clicar bem aqui, basicamente, no centro deste ponto neste ponto - e apenas tentar clicar em torno de lá onde ele vai nos permitir especificar para onde nós - queremos que este caminho para ir. - Agora, - se eu descer aqui automaticamente - ele me mostra o centro deste círculo. Então, se eu descer por aqui, vamos encontrar isso de novo com um novo caminho porque ele foi criado em cima deste. - Mas isso não é um problema . - E, em seguida, basta clicar aqui bem e clicar de volta para o ponto original. - Ele agora tem uma linha lá para que esteja perfeitamente no centro deste ponto e está - descendo destes agora. - Parece que eu não entendi o ângulo que eu queria. Então, se eu ampliar aqui, verá que começa um pouco. - Deve estar um pouco mais alto. - Então tudo que eu tenho que fazer é pegar a ferramenta de seleção direta, que está bem aqui, e basta clicar neste ponto de ancoragem e podemos movê-lo um pouco mais alto. - Assim, flui muito suavemente deste ângulo descendo. E então eu poderia fazer a mesma coisa aqui em cima, e então poderíamos ver que está certo. - Há uma linha horizontal perfeita. - Tudo bem, então agora o que queremos difundir nós queremos combinar ambos em um único pacote. - Como agora, você pode ver que eles são dois caminhos diferentes aqui. - Então, mantendo o turno com um deles selecionado. - Ah, - clique com o botão esquerdo e selecione os dois. - Então agora eles são ambos delineados e selecionados. - Queremos ir para a janela. - São sim, - janela e em Pathfinder. - E então clique bem aqui. - Unam-se. - Então agora é um único caminho. Tudo bem, então agora temos a forma geral criada. Agora queremos criar um ponto central aqui no meio, então vamos usar a ferramenta Elipse novamente. - E bem aqui você pode ver que nós temos o centro deste porão mudando Ault e arrastando para cima - aproximadamente em torno deste tamanho. - Isso seria bom. E queremos colocar esse Pathfinder contra uma janela e depois o Pathfinder, e isso lhe dá um monte de opções diferentes para modos de forma. - Agora, - se selecionarmos ambos os objetos o círculo recém-criado aqui e, em seguida, mantenha a tecla shift - esquerda, - clique neste nós podemos escolher menos frente. O que isso faz é criar uma seleção transparente que desprovido do objeto que, ou o caminho de, está em cima dele. Certo, então algumas coisas para saber sobre esse projeto. - Uma coisa que é realmente importante é, - Ah, - é um tipo bonito, - grosso, - grosso, - muito simples de design em forma de pino. E de novo, isso é muito importante porque deixe-me mostrar a vocês, se eu selecionar todos os nossos objetos aqui fora, eu mantenho o turno em Ault e reduzi-los. Você vê que mesmo em tamanhos pequenos, podemos ver exatamente o que é isso, e isso é muito importante. Porque quando você criou esta forma aqui, por exemplo, se você chegou muito perto desta borda externa, Edgewood pode ficar embaçada ou perdida. - Então é por isso que temos um bom e grosso, - porque isso vai ser reduzido como um tamanho tão menor. - Tudo bem, então eu quero criar alguns destaques aqui. - Então o que eu quero fazer é pegar isso e nós vamos duplicar a forma. Então eu vou apertar o controle C uma cópia e então controlar F agora que cria um caminho composto, camada de forma acima dele e é basicamente uma duplicata dele. - E então eu vou segurar o turno em Ault e reduzi-lo por aqui. - Então ele vai entrar um pouco mais, - e eu também vou clicar com o botão direito do mouse em “Lance Compound Path”. Vou selecionar este caminho aqui, a parte central e apagá-lo. Vou selecionar este caminho aqui, E agora temos esta forma aqui, e tem um Phil, mas não tem um derrame. - Então, queremos nos livrar do Phil. - Nós vamos fazer. Podemos cozinhar aqui, ou se escolhermos Grady int com a sensação selecionada enfraquecer, basta clicar nesta barra vermelha e isso se livrará do preenchimento. - Então, agora, não há contorno. Tudo isto é um caminho, e queremos dar-lhe agora um derrame. - Então mude para derrame. - Nós clicamos nisso, - ou se você clicar nele aqui também. E para a cor do traço, queremos dar uma cor mais clara. - Talvez por aqui. Agora é só um traço de um pixel, então você não pode vê-lo muito bem. Então vamos aumentar o tamanho do traço clicando aqui para cima . - E também quero apagar alguns pontos de ancoragem. Então, se escolhermos nossa ferramenta de seleção direta, que nos permite manipular caminhos e formas, vou clicar aqui e clicar em Excluir esse ponto de ancoragem, este e este aqui. - Tudo bem. - Então, com isso selecionado e a propósito, - às vezes quando você está tentando ver seus caminhos ou formas que você tem desses contornos aqui, - se você quiser se livrar disso ou quer escondê-los - você aperta controle ou comando no Mac H. E agora você pode ver que ele se livra do caminho de você e seu interno alterná-lo de volta na minha cabeça e controlar H novamente, tudo bem. E agora você pode ver que ele se livra do caminho de você e seu interno alterná-lo de volta na minha cabeça e controlar H novamente, - E agora, - o tipo de termina abruptamente, - Este destaque. - É muito direto para o jeito que você pode consertar. - Isso é clicando no traço aqui e depois para a rodada da tampa. - Então agora você pode ver que está arredondado nas bordas bem ali. - Tudo bem. Uma coisa que é um pouco inconsistente sobre o derrame é que ele está um pouco mais longe do topo do que no fundo, e isso é porque reduzimos e não era proporcional. Então, se escolhermos a ferramenta de seleção direta, podemos clicar nesse caminho. - Aparecem o controle H para ativar. - Apenas certifique-se de refletir sobre as coisas certas aqui, - e você pode usar sua tecla de seta para cima no seu teclado apenas para ajustá-lo ligeiramente. - Então tudo é um pouco mais preciso em termos de posição e por eu talvez seja como - isso e puxar um pouco para cima. É muito mais impreciso agora, tudo bem, e agora queremos fazer, não é? - Vamos pegar nossas camadas de novo rapidinho. Vamos controlar o controle C aqui, e vamos fazer isso para trabalhar com um I basicamente uma porção de sombra bem aqui. - E agora temos isso duplicado queremos clicar com o botão direito e liberar caminho composto. Desta vez vamos nos livrar da camada externa do caminho. - E agora temos esta porção. - Queremos nos livrar do Phil. - Então para fazer isso, - vamos clicar na grade aqui, - selecione o preenchimento para que ele esteja em primeiro plano e clique nesta barra vermelha. - Agora vamos segurar o turno e tudo e escalá-lo bem ali. - E depois queremos dar-lhe uma cor mais escura do que este verde. - E então eu vou escolher essa cor por enquanto. - Primeiro tem que ter certeza de que clicar no acidente vascular cerebral e, em seguida, clique sobre isso e vamos aumentar. - Primeiro, vamos ver o quão grosso é este derrame. - Que 16 pontos. - Então, se clicarmos de volta aqui 16 tudo bem, - esta não é uma cor muito boa, - então bem, - vamos em frente e ajustar isso. - Mas eu quero pegar a ferramenta de seleção direta e me livrar desse ponto de ancoragem bem ali. - Bater. - Deletar. - É como a nossa ferramenta de movimento e porque é uma esfera perfeita. - Podemos mover isso um pouco, - e queremos que isso é O que a fonte de luz está vindo desta direção. Então usamos nossas de teclasde seta. - Podemos ajustar esta posição de negócio um pouco melhor. E agora, na cor deste fundo, está aqui? - Então, com isso selecionado, - nós apertamos o controle H. - Livre-se da âncora do caminho que é visto Clique duas vezes neste seletor de cores. Podemos descer para um pouco mais sombrio, talvez por aí e depois bater. Acho que pode estar um pouco escuro demais, então vou mudar isso de volta e aparecer aqui embaixo e acertar, certo? Acho que pode estar um pouco escuro demais, então vou mudar isso de volta e aparecer aqui embaixo e acertar, certo - Tudo bem. - E novamente, você pode experimentar com isso. - Faço-o um pouco mais escuro, se quiser. - Mas eu acho que talvez em algum lugar por lá seja bom. - E então eu vou mudar isso aqui para a rodada e tampa e apenas fazer alguns outros - ajustes em termos de posição. - E isso parece-me muito bom. Tudo bem, então olhando para isso, se olharmos para um tamanho pequeno, ainda podemos ver os destaques e detalhes e tudo parece bom. - Tudo bem, - então na próxima lição, - vamos em frente e terminar de fazer um fundo aqui e a porção de água. - Tudo bem, então te vejo depois. 10. Como concluir o fundo: - Olá e bem-vindos a esta lição onde vamos ir em frente e terminar o ícone ah inteiro - adicionando a porção de água. - Então este bem aqui este fundo ir para o azul para o preto é realmente apenas para - tipo de emular a idéia de espaço. - E assim, - a maneira como nós vamos criar este eu terra como aparência de água aqui em baixo é através de um - lábios. - Então vamos pegar a ferramenta Elipse e vamos sair aqui no centro e certificar-nos de que você - tenha seus guias inteligentes ativados para revisar em guias inteligentes e apenas sair - por aqui. Vamos para a esquerda, clique e arraste e segure o Ault e chegue a um tamanho mais ou menos por aqui. Certo, então vou pegar a ferramenta de conta-gotas. - Só tenho que pegar essa cor aqui. Não vai ser esta cor aqui, mas estava a livrar-me do contorno do derrame. E agora o que queremos fazer é dividir objetos abaixo disso, então só queremos a nós. - Eu divido este objeto aqui. - Então o que queremos fazer primeiro é pegar nosso pino e nossas camadas aqui para os - destaques e a sombra apenas clicando com o botão esquerdo e selecionando todos eles - e, em seguida, mantenha Shift para selecionar seu plano de fundo e, em seguida, pressione o controle G e isso irá - eles em uma camada aqui e, em seguida, apenas escondê-lo. E então poderíamos pegar esse objeto aqui, caminho do objeto, dividir objetos abaixo. - Então agora você pode ver que criou uma espécie de fundo aqui que eu em Lee tem a forma - que nós tínhamos em cima dele - e basicamente dividiu esse caminho de contêiner. Então, se trouxermos isto de volta, podemos ver isto. - E agora podemos mudar a cor eso que queremos que esta seja uma cor mais clara aqui para que possamos - ir para Grady int e nós apenas bater tipo linear novamente, - e G e nós podemos deixar o Grady int assim como é para que possamos mudar a cor aqui. Esta é a cor mais clara aqui em baixo, e eu vou escolher a cor por aqui. - Agora está em um acidente vascular cerebral, então deixe-me me livrar disso. - Temos que mudar para esta cor aqui. - Lá vamos nós. - Então agora podemos clicar duas vezes e torná-lo uma cor clara bem ali. - Clique duas vezes neste em algum lugar por ali. E poderíamos estender tudo bem, e ver como isso parece. - Tudo bem. Então eu meio que quero criar um pouco de “I” a diferença entre este verde aqui neste azul porque há um pouco de um problema de contraste, então eu vou criar uma sombra. - Então o bem fazer isso é zoom aparecer com uma ferramenta de zoom, - esquerda, - clique e arraste. - Pegue a caneta, Tal. - E se eu sair, clique aqui e depois para a esquerda. - Clique nesta âncora aqui para algures para o lado, e depois venha aqui, levantem nossas camadas, e queremos colocar isso atrás do pino, e então vamos torná-lo uma cor marrom escuro. - Talvez por ali. - Então, agora retome por aí. - Isso é bom. - Tudo bem. - Então eu zoom um pouco aqui, - e esta é basicamente a visão final da nossa imagem e algo que estava meio incomodando - eu. - Parece que tem uma fatia aqui como se tivesse sido dividida. Então, se eu acertar o controle H, podemos ver isso no grupo aqui. - Tudo o que temos que fazer é pegar este ponto de ancoragem se isso aconteceu com você e apenas arrastá-lo - para cima - e nós seremos capazes de esconder este ligeiro apenas uma borda muito fina estava aparecendo lá. Tudo bem, agora se eu clicar fora disso, estamos prontos para ir. - Tudo bem? - Tudo bem. - Então esse é o ícone do nosso aplicativo. Como você pode ver, é muito fácil entender o que está acontecendo aqui. Pegamos tudo e reduzimos para um tamanho pequeno. - Vamos ver que ele funciona bem, - I Uma coisa que queremos fazer, - embora eu o que eu faria se isso fosse no ícone do aplicativo real que eu iria possivelmente ser - usando em um ambiente de produção real é que eu iria salvar este documento. - Eu e depois salvaríamos outro. E o que nós ou você o que você poderia fazer é pegar esse grupo, , pegar tudo e agrupar completamente. - Então controlado G e eu chamaria isso de linhas I e, em seguida, tomar este controle C controle F para - criar uma duplicata dele. - E então nós podemos pegar todos os nossos traços e podemos delineá-los. - Então o que isso significa basta ir para o caminho do objeto e delinear traçado em um objeto, - expandir ou expandir a aparência em vez do que não precisamos, - porque nós não temos nenhum traçado. - E agora está pronto para ir e ser capaz de usar. - Então, na próxima lição, - vamos em frente e exportar nosso ícone, - consistente com as especificações que cobrimos em menos e para. - Está bem, vejo-te depois. 11. Como exportar nosso ícone: - Tudo bem. - Olá. - E bem-vindo a esta lição onde vamos em frente e exportar nosso ícone. - Então a primeira coisa que precisamos fazer é esconder o fundo porque queríamos ser transparentes . - E também queremos que o Teoh reduza o tamanho da tela para 10. - 24 por 10. - 24. - Então, se você clicar em documentos do deck configurados em quadros de arte, - agora podemos vir aqui para a largura e altura e ajustar isso de volta para um ano para - quatro por 10 a 4 e então basta clicar em qualquer lugar e ele irá configurá-lo. E agora o que queremos fazer é ir em frente e guardar isto como um novo documento, se quiser. Então eu vou apenas assumir o controle s e salvá-lo como um arquivo AI, que é a nota que o ilustrador nativo da Adobe apresentou hype. E então podemos ir para o arquivo e salvar para a Web, e é um grande documento aparece. - Deixe-me trazer esse esqueleto aqui rapidinho. - E agora podemos ver este tamanho. - É muito grande. - Esta é a visão de 100%. - Do espaço 10 24 por 10 24. - O que quer fazer é mudar isto aqui para P e G 24. - Você pode ver aqui em baixo que agora é transparente e estes padrões quadriculados denota - transparência. - E o que fazemos é salvar isso como este por padrão apenas 10. - 24 por 10. - 24. - Então aperte salvar. - E vamos chamar isso de um ano 24 x 10 para 4. - Entre e, em seguida, vamos em frente e voltar para o documento que olhamos na - segunda lição. - E isso é bem aqui. - E sob as especificações de tamanho que temos aqui eu menciono 20 por 120 e depois 60 por 60 . - Então a maneira como fazemos isso é arquivar uma web segura e podemos especificar um almoço aqui. - E esse é o tamanho de 120 por 120 e apenas economiza. - Chame isso de 120 x 120 e salve de novo. - E 60 por 60. Lá vamos nós logo ali e depois batemos. - Economize 60 x 60. - E isso é tudo o que há para fazer. - É tão em menos em 13. - Nós estamos indo. - Teoh, eu apresento isso em um telefone também. - Então vamos voltar para este projeto I Mas isso conclui o primeiro design de ícones do aplicativo IOS - projeto aqui no Adobe Illustrator. - Agora o próximo capítulo, - vamos começar um novo projeto e vamos pisar desta vez no Adobe Photoshopped - para fazer você jantar um lançador de ícones de aplicativo Android. - Está bem, vou ver e depois 12. Especificações do lançador de aplicativos Android: - Tudo bem. - Olá, - E bem-vindo a esta lição onde vamos em frente e visão geral do aplicativo Android - lançadores, - especificações. Então, de novo, encontrei esta página pesquisando. - E as especificações do ícone do Google Android é o primeiro resultado. - E há uma seção inicial aqui em cima que tipo de descreve como o Android lida com gráficos . - E aqui em baixo temos a informação específica do lançador. Então aqui em cima, eu só queria uma visão geral tão rápida e se você já desenvolveu, são projetados para Android antes de Ah, você vai estar familiarizado com esses nomes aqui em baixo. - MDP I hdb i x h dois b i xx e xxx que este é um adulto. Não sei que Marie não tem nada a ver com pornografia. - Felizmente de qualquer maneira, - então o que significa, - basicamente, - E apenas para reiterar isso um pouco quando você projetar ícones para o seu aplicativo, - é importante ter em mente que seu em mim instalado em uma variedade de dispositivos que oferecem - uma gama de densidades de pixels tem mencionado aqui. - Mas você pode fazer seus ícones de ótimo em todos os dispositivos, fornecendo cada ícone em vários tamanhos. - Então isso também é muito importante, que chegará quando chegarmos a essa lição. - Eso O que é importante notar aqui é que eu criei Ícone para diferentes densidades. - Você deve seguir a taxa de escala 23468 entre as cinco densidades primárias. - E ele diz, - por exemplo, - considerou que o tamanho de um ícone de lançador especificado para ser 48 por 48 dp Isso significa que - o MDP de linha de base I, - que está bem aqui, - é 48 por 48 pixels no alto densidade, - que o próximo passo acima é, - eu multiplicei por 1,5 vezes a linha de base, - o que lhe dá 72 por 72. Então, essencialmente, se você for até lá em cima, você alcança e multiplica. - Por esses fatores, você saberá exatamente o quão grande seu ícone precisa ser baseado em todos esses tamanhos. - Estas densidades são aqui? - Certo, então isso é mais importante de mencionar. Você vai entender de uma vez que nós realmente vamos para exportação, - e nós chegamos a essa lição. - Então, para o lançador, - eu tenho três seções que precisamos nos preocupar aqui, - tamanhos e escala eso os ícones do lançador em um dispositivo móvel deve ser 48 por 48. - E é claro que você quer fornecer as outras resoluções altas também. - No lançador I comentários para exibição no Google play deve ser 5 12 por 5 12 Então esse é o - vai ser o tamanho com que trabalhamos na tela. - Na próxima lição para o ativo completo 48 48 no estilo usado uma silhueta distinta então agora - ainda são um molhado antes Quando se trata de IOS sempre tem que ser que quadrado arredondado Este - apenas diz uma silhueta distinta, - três vista frontal dimensional com uma ligeira perspectiva, - como se fosse visto de cima para que os usuários percebem alguma profundidade. - Eles te dão alguns exemplos disso. - Aqui está então esses ícones são ícones feridos que vêm com o andróide e você verá que ele - parece que as coisas são ligeiramente vistas de cima s Oh, - essas são apenas coisas que queremos tentar prestar atenção e, - uh, - manter consistente quando estamos projetando. - E isso é essencialmente tudo o que temos que nos preocupar quando se trata de ícone aplicativo Android, - todo o outro fundamental é que entrar em bom ícone design tal estado, - mantendo as coisas simples. - Ainda aplicar. - Certo, então na próxima lição, vamos em frente e começar configurando nosso documento. - Vejo-te então. 15. Como configurar nosso documento: - Olá e bem-vindo a esta lição onde vamos começar a projetar o ícone de lançamento - para o nosso segundo projeto, - que é baseado em um aplicativo android fictício. - Esta APP é um utilitário de gravação de vídeo secreto que permite aos usuários gravar vídeo sem - a tela do telefone ligada e também carregar simultaneamente o vídeo para uma conta do YouTube. - Seu propósito é usá-lo para registrar encontros com policiais. - Temos duas coisas em jogo aqui. Temos o aspecto de gravação de vídeo, e temos o aspecto de vigilância desavisado. Vou basear o design em torno de uma lente de câmera, que é o objeto mais identificável com o qual as pessoas podem se relacionar rapidamente e facilmente com vídeo. - E então temos o aspecto de vigilância subterrânea, e vamos sugerir isso apenas através do uso da cor. - A interporção da lente será um vermelho vibrante, - e isso realmente reforçará esse tipo de aspecto subterrâneo de vigilância do aplicativo. - Então vamos em frente e começar aqui no Adobe Photoshopped. - Eu vou para o arquivo novo e nós temos aqui já temos este tamanho definido em 5 12 por 5 12 Certifique-se de usar e pixels e a Resolução 72. - Agora, a resolução não vai importar. - Sério, ou An e também este tamanho não importa muito bem. - Nós vamos projetar isso de tal forma que ele poderia ser dimensionado para qualquer tamanho - imaginável sem perda, - igualdade, - e vamos fazer isso usando apenas camadas de forma e não camada raster. - Então, de novo, um pouco mais. Se não tem certeza sobre o nome deles, vamos chamar esse ícone de andróide. E para o conteúdo de fundo, você pode deixar o caminho se quiser. - E modo de cor RGB também. Tudo bem, então vá em frente e bata , OK, e estamos a 100%. - Baseia-se na minha resolução, que é 12. - 80 por 720 atualmente. E agora o que queremos fazer, lembro-me que não temos de usar um quadrado arredondado. - Vamos usar um círculo que é obviamente a forma de uma lente de câmera. - Então nós vamos descer aqui e escolher as ferramentas Elipse, - o clique esquerdo arrastar, - e selecionar isso e nós vamos clicar com o botão esquerdo apenas uma vez - e isso vai nos permitir criar o Ellipse aqui especificamente com uma largura e - Altura. Então vamos usar 5 12 por 5 12 usar minha tecla tab para mudar para lá, e você pode especificar do centro e apertar. - Ok, - tudo bem. - Então agora vou clicar nisso para falar sobre “off”. E atualmente, nossos lábios são brancos, então é por isso que não está aparecendo. Vamos dar o fundo na cor preta, então eu vou clicar no fundo, usei um trocador de ferramentas de tinta, preenchendo a cor aqui para preto, e depois para a esquerda. - Clique, - e então podemos pegar isso. - Mudei de posição aqui. - Agora, - o que eu também quero fazer é aumentar isso apenas um pouco o tamanho do campus. - Então a maneira como fazemos isso na loja de fotos é um bom tamanho de tela de imagem. - E temos o chicote de altura aqui que podemos especificar. Então, vou especificar 600 por 600 e depois acertar, ok. - E apenas pegue nossas ferramentas de balde de tinta como o fundo e clique aqui em cima. Certo, então agora temos um pouco de espaço para trabalhar. - Então é isso para esta lição e para a próxima lição vamos seguir em frente e começar por - projetar a lente e vai envolver um monte de efeitos de camada interessantes e é - na verdade muito divertido. - Tudo bem, atrevido e depois 17. Como desenhar a lente (parte 1): - Tudo bem. - Olá. E bem-vindos a esta lição em que vamos avançar e projetar esta lente aqui e começar , vamos focar nesta elipse, e vamos fazer com que pareça cromada. - Ok, então agora ela é essa esfera branca que não tem muita coisa acontecendo aqui. - Tipo de eso chato A maneira como mudamos isso é clicando duas vezes no lado direito da camada - e isso nos levará a caixa de diálogo do estilo de camadas aqui. - Você poderia fazer muitas coisas legais diferentes. - Isso só te dá a habilidade de mudar sua forma aqui. O que quer que aconteça de estar aqui de uma forma diferente, você pode fazer isso. - Você pode, - dada uma sombra interna, - todas essas coisas s o. - O que queremos fazer para a nossa forma é dar-lhe uma sobreposição Grady int. - Muito simples. - E nós também vamos para Ah, - nós vamos mantê-lo em um ângulo de 90 graus e nós vamos clicar aqui para o Grady e - editor. Isso nos permite mudar, como no Adobe Illustrator, o Grady em si mesmo. - Então a maneira que vamos fazer isso é primeiro clicar duas vezes na primeira cor - rolha e apenas torná-la uma espécie de cor cinza. Talvez por aqui, eu vou movê-lo para dentro e também movê-lo para perto deste também. - Então agora vemos que temos esse tipo de transição rápida aqui. Agora, se você clicar em qualquer lugar aqui, vai adicionar outro para nós. - Então este aqui é o topo. - Então eu vou adicionar um aqui e este eu vou deixar bem escuro um pouco mais escuro. - E você pode experimentar com isso, é claro. - E só de olhar para ele é que acho que vou deixá-lo. Só faça talvez nos tornar um pouco mais escuros por aí e bata, OK, e depois acerte. Certo, então agora parece que isto é algum tipo de pedaço de metal cromado então o que vamos fazer agora é clicar duas vezes nisso para renomeá-lo. Vamos chamar isso de “eu limpo um “, e vamos duplicá-lo para que você possa clicar com o botão direito e acertar a camada duplicada aqui em cima. Montei uma mudança de controle de tecla de atalho em D, que usarei a partir de agora e depois carrego. - Ok? - E então eu vou apertar o controle T que nos dá nossas ferramentas de transformação e depois mudar. - Tudo à esquerda, - clique, - arraste. E por aqui, queremos que esta borda externa seja bem grossa. - Então é como mover, - ferramenta e apertar aplicar. - Então agora você pode ver que eu meio que mudei a classificação um pouco escalada em função do tamanho da forma em si. Vamos a este,Teoh, Teoh, dê-lhe um Nós não vamos ter um Grady na verdade, nós vamos clicar duas vezes aqui para mudar a cor. - E isso vai ser preto e acertado. Certo, agora vamos ter um efeito nisso, então se clicarmos duas vezes nos efeitos, vamos trazer isso de volta, e isso vai colocar isso aqui para que possamos ver a maior parte. E queremos dar-lhe um brilho exterior, mas não queremos que brilhe. - O que vamos fazer é mudar a cor aqui de uma cor sólida para ingrediente. - E então nós também vamos mudar a nota de mistura para normal, - e nós vamos deixar o ou tomar um passivamente em vez de até 100%. Agora, se clicar aqui, pegamos o editor da série Ian, e eu vou clicar duas vezes sobre isso, e vamos fazer um hit negro. - Ok? - E então aqui, se clicarmos no seletor de cores superior nos permite especificar uma capacidade. - Então vamos fazer essa capacidade 100% da América mudar. - Só quero um golpe branco. - Ok? - Acertar. - Está bem. - E eu vou pegar um tamanho aqui em cima e aumentar isso agora você pode ver como eu aumentá-lo. - Faz parecer que é mais arredondado no cruzamento. - Vou deixar o meu. - Provavelmente cerca de 27 pixels. - Isso parece muito bom. - E assim, - como você pode ver, - este ar muito poderoso. - Você pode experimentar com todos esses e configurações apenas para criar um monte de looks diferentes. Então, Então antes de gravar o curso, essas outras configurações que eu mais gosto, mas eu, claro, você não precisa usá-las. - Então ouça, é tudo sobre experimentos. - Tudo bem? - Então, - uh, - isso é tudo para essa camada. - Agora vamos duplicar de novo. - Então controle Shift D ou clique com o botão direito no hit camada duplicada. - Certo, aperte o controle T escala isso para baixo. - E desta vez, - este vai ser Ah, - mais ou menos. - Eu diria que em torno deste tamanho, - tal ferramenta de movimento, - bater, - aplicar. E desta vez vamos dar-lhe uma cobertura de Ian, e não vamos ter um brilho exterior. Certo, então agora vamos clicar duas vezes no Grady em sobreposição, certo? - E nós vamos mudá-lo indo para o editor radiante, - e isso vai ser um IDG radiante mais simples. - Então vamos em frente e remover este. - Sempre notícias à esquerda, - clique e arraste-os para fora da tela. - E é assim que se livra deles. - E este só nos arrastou para fora. - Este vai ser preto. - Está tudo bem? E nós também vamos dar-lhe sucesso, ou aqui podemos voltar para ajustar isso, mas primeiro, eu vou para o brilho interno, então vamos ligar isso, e isso é ou aqui podemos voltar para ajustar isso, mas primeiro, eu vou para o brilho interno, então vamos ligar isso, Tipo, brilho externo, só que vai continuar lá dentro, e vamos fazer com que seja uma capacidade 100% mudar o modo sanguíneo para normal, e depois mudar a cor para preto. - E então também dê uma olhada no tamanho e só um pouquinho. - Não muito. - Então eu acho que cerca de sete i, - r seis vai funcionar bem para isso. Tudo bem, olhando para isso, acho que é um pouco para acender uma blusa. Então só vou voltar para Grady int e mudar o brilho um pouco para baixo assim , certo? - E depois, está bem. - Tudo bem. Então vamos continuar, vou duplicar de novo. - Controle, - Shifty ou clique direito, - e duplicar controle Laters. - Mantenha o turno em Ault e escale-o mais ou menos em torno de lá. - É como mover, tocar e bater. - Aplicar. - Agora você pode ver que estamos começando a chegar lá. - Mas quero editar este . - O brilho interno. Eu meio que queria ser mais grossa, como a separação entre esta área e esta e então a maneira que poderíamos fazer isso é aumentar o tamanho. - E também, - o estrangulamento vai fazer com que pareça mais espesso também. Então você pode realmente experimentar muito com base no tamanho do estrangulamento e no tamanho aqui, então eu vou - deixá-lo morrer mais ou menos - eu acho que talvez por aí e por agora - eu vou deixar isso como vai bater, - eu acho que talvez por aí e por agora - eu vou deixar isso como vai bater, Está bem? E, por enquanto, vou terminar a lição aqui mesmo. - Acho que já chegámos longe o suficiente. - Então, na próxima lição, - vamos continuar replicando mais algumas vezes e preparando isso para onde - podemos adicionar alguns reflexos e a porção vermelha interna também. Certo, então é nisso que vamos nos concentrar. - A próxima lição. - Vejo-te então. 19. Como desenhar a lente (parte 2): - Olá, - e bem-vindos de volta a esta lição onde vamos continuar trabalhando com a lente - forma aqui. O que queremos fazer é fazer um ajuste que quero fazer porque quero ser um pouco mais dinâmico. - Estes são Grady INTs aqui em particular com estes dois aqui. - Então eu quero selecionar. - Certifique-se com o seu tour de seleção sua ferramenta de movimento aqui, - selecionado com a camada de seleção automática especificada. - O que isso vai deixar você fazer é apenas uma esquerda. - Clique em qualquer camada e você seleciona automaticamente a camada em que ela está com base quando você clica em -. Caso contrário, se estiver selecionado, não os selecionará. - Então é apenas uma dica útil, - você sabe, - que permite que você acesse rapidamente camadas quando você tem um monte de camadas acontecendo. - Então é como este aqui no que queremos fazer é clicar duas vezes no Grady e sobrepor. - Clique no editor do Grady. O que eu quero fazer é que isto aqui corresponde ao fundo. - Então eu vou movê-lo um pouco para cima, - e eu vou adicionar outro no final e apenas torná-lo uma cor cinza muito clara - por lá. - Tudo bem, acerte OK e acerte. - OK, então vamos selecionar o nosso 2° 1 aqui. Grady e Overlay fazem a mesma coisa explodiu e então eu coloquei uma taxa por aqui, e assim eu meio que nos dá um pouco mais de uma dinâmica e pode fazer isso - Ah, é uma conta. - Um pouco mais claros são mais escuros. - Em vez disso, vou bater. - OK, - ok. - E OK, - ok, - então vamos seguir em frente aqui, - e vamos continuar pegando esta camada no interior e duplicando de novo. - Troll shifty e em um chá Nicotrol e escala que mais ou menos por aqui e - acertar o movimento. - Golpe de ferramenta, - aplicar. - E este aqui vamos dar um brilho exterior de decolagem. Na verdade, acho que vamos deixá-lo bem rápido, exceto que vamos clicar duas vezes nele e eu vou ter esse derrame também. - É um tamanho para baixo um pouco por aí. E então eu vou mudar o Grady int também, e eu vou clicar no editor de saudações. Livra-te deste, e vamos fazer a cor de cima ou de baixo. - Em vez disso. - Ah, sim. - Muito escuro, na verdade. - Todo o caminho escuro. - Acho que é assim que quero lidar com isso. E sim, quero manter este aqui em baixo também. - Então este vai ser um pouco mais tarde. - Simplesmente assim. - Talvez isto tenha acabado. - Agora este vai ficar mais leve. - Olhos visivelmente mais leves. - Provavelmente por ali. - Tudo bem, cabeça. - OK. - E OK, então está começando a se juntar. - Bem, agora controle o turno D para duplicar isso mais uma vez. - Eu prometo. - Controle T Shift Ault escala em torno de lá. - É como se mudasse para Will Bater. - Aplicar. - Tudo bem. - Então controle h também vai se livrar dos contornos assim como e eu vou ser ilustrador. Então, este aqui , não vamos ter nenhum efeito. - Só vai ser preto. E isso é que eu realmente acho que eu quero Ah, apenas Thea sombra interior desta camada bem aqui. - Não quero que seja tão grossa. - Decidi que isto aconteceria. , Às vezes, quando você está trabalhando com as coisas, você vai fazer ajustes 1000 vezes, então eu vou clicar no brilho interno, derrubar o estrangulamento todo o caminho e talvez deixá-lo por aí. - Então eu estou usando zero em seis bem ali para esses valores e apenas eu acertei. Agora o que quero fazer é criar uma espécie de sombra, e vou fazerisso com a ferramenta de caneta e também com uma máscara de camada. Agora o que quero fazer é criar uma espécie de sombra, e vou fazer - Então, com este selecionado aqui, que é lente uma cópia para eu apertar Control Shift N ou você pode ir para ah, este menu aqui em cima e está fora da tela. - Mas para o topo da nova camada. - Então controle, - mudança de comando ou mudança de comando e daremos a você uma nova camada. E o mundo só chamo essa sombra aqui e então uso a camada anterior para criar máscara de recorte e eu vou acertar, certo? - E então agora, - massa de corte basicamente significa qualquer coisa que está dentro desta camada bem aqui. - O aviso tem uma pequena seta para baixo aqui só vai aparecer dentro da forma que - contém na camada abaixo dela. Então, se eu desenhei algo aqui, não vai aparecer se for, se estiver dentro desta região aqui. - Ele vai aparecer. - Então é isso que queremos. Eu também vou mostrar algo bem rápido é que não vai aparecer inicialmente, vamos ter que fazer uma mudança. Parece um pouco confuso, mas não se preocupe. - Vamos usar a caneta tal e certificar-nos de que a forma é especificada e não o caminho. - E o que vamos fazer é fazer parecer que há uma sombra a sair por aqui. - Eu e aquilo estamos a ser lançados por esta coisa aqui. Então, vou começar do lado de fora e vou para o botão esquerdo aqui, e então vou segurar todo o clique esquerdo de novo e depois desço por aqui, e terminei no ponto de ancoragem original. Não vou bater no controle H. é como se mover, Tolia Control H, não podemos vê-lo. - Bem, por que isso? - Bem, temos que clicar duas vezes sobre esses efeitos aqui para trazer isso à tona e ter certeza de misturar - opções. - O padrão está selecionado. - E nós vemos aqui nós temos que de selecionar isso e, em seguida, selecionar mistura. - Efeitos interiores são grupo. Agora podemos ver esse tipo de sombra ali e isso nos permite entrar. - A razão disso é porque eu tenho efeitos de camada. - Eu como a sobreposição de classificação sendo aplicada a esta camada aqui. E se você não fizer essas configurações, então nada aparecerá e você está recortando a camada de máscara, então vamos acertar. - Está bem. - E eu ia fazer a mesma coisa para o lado certo. - Então queremos duplicar esta camada, - clique direito camada duplicada ou controle. - Shifty. - Se você disse que bolinho curto, - tudo bem, - e depois ir para editar, - transformar e virar horizontal. - Nós vamos selecionar camadas de sucção automática para que possamos clicar nele e movê-lo para cima - segurando o turno bem ali. - Muito simples. - Tudo bem, então vamos fazer isso uma segunda vez também. - E o que podemos fazer é pegar as duas camadas e fundi-las. Então, segurando o turno para a esquerda, clique em ambos, aperte o controle E. Isso vai fundi-los, e nós podemos acertar. - Eu controlo Shifty para duplicar os acertos. - Ok, - e então nós queremos movê-lo acima nesta camada como uma máscara de recorte também Então arraste-o para cima - e, em seguida, clique com o botão direito e faça disso uma máscara de recorte. - Crie uma máscara de recorte ali. - Agora aperte o controle T mudando tudo e escala isso em torno de lá. - É como se mudasse para isso se aplicaria? E depois lembrem-se, temos que fazer esse ajuste a esta camada também. - Então de selecionar camadas de clipe de mistura é grupo e clique na mistura Interior hit. - Está bem. - E lá vamos nós. - Tudo bem, - então parece muito bom aqui e olhando para isso, - isso é muito bom. - Eu pela nossa lente primária. - Para o meu palpite, - podemos chamar, - é. - Então, na próxima lição, - vamos em frente e projetar os olhares e reflexos que realmente farão com que essa coisa ganhe vida. - Está bem, então vejo-te depois. 20. Óculos e reflexões: - Olá, - e bem-vindos a esta lição onde vamos terminar o design do ícone do aplicativo, - e vamos para Ah, - primeiro criar tipo de Ah, - esfera vermelha de Grady int ou lábios aqui no centro. Então o que vamos fazer é usar um dos nossos já existentes. - Ah, - taxa. - Uh huh. Acho que podemos levar este, que já está no centro da camada superior do preto. - Aperte a ação do turno de controle. - Duplicá-lo, - controle t shift em tudo e escalá-lo mais ou menos. - Eu diria que por aqui é bom. - E, em seguida, selecione. - Mova-se. - Ferramenta, - acertar. - Aplicar Agora precisamos mudar o preenchimento dele. Então a maneira que podemos fazer isso é eu. Podemos ir em frente e mudá-lo. Se pegarmos a ferramenta de seleção direta, podemos ver que temos um golpe de enchimento aqui em cima. - O que vamos fazer é clicar em preencher e, em seguida, clicar em Grady int. - E então o que queremos fazer é mudar para rádio. - Tudo bem? - E o que queremos fazer é ir em frente e mudar o Grady int por. - Desculpe por isso. - Olhando bem aqui. - E eu assim que fizermos isso? - Vamos ver como se vai embora porque eu cliquei neste que queremos mudar este ano eu - clicando duas vezes no seletor de cores para ler bem ali e então apenas deixando este - um muito transparente aqui em cima. - Opacidade zero e eu E então o que podemos fazer é também mudar o modo de mistura de camadas. - Então, se clicarmos aqui, temos modos de mesclagem de camadas. E se você clicar novamente, verá contornos de azul. - Você pode usar sua tecla de seta para baixo para tipo de passar por estes para ver como eles se parecem e - que tipo de efeito isso lhe dá. - Não há certo ou errado, claro. - Então você pode realmente apenas experimentar para ver o que você acha que pode parecer melhor eso para mim. - Eu vou, Teoh. - Acho que vamos deixar. - Vou voltar ao normal. Acho que vamos deixar isso aí, e depois quero fazer é apertar a mudança de controle com o movimento. Acho que vamos deixar isso aí, - A ferramenta selecionou. - Está bem. - Hit Control T. - E então eu escalei para baixo um pouco aqui no centro e selecionar um movimento disse que aplicar. - E então o que queremos fazer é editar o Grady rapidamente. - Então vamos voltar para a ferramenta de seleção direta. Clique no Phil e vamos mudar este. - Vamos movê-lo, e então vamos mudar o inter um para um branco bem ali. - Só para que fique bem brilhante neste centro. - Tudo bem, então parece muito legal até agora. - Agora, o que vamos fazer é adicionar um tipo de reflexo, uma espécie de sabre de luz tipo de design. - Então vamos usar tiopental para isso. Saia para a direita, direita no centro,esquerda, esquerda, clique e depois venha para a direita por aqui e para a esquerda. - Clique. - Volte para baixo bem ao lado dele e, em seguida, novamente aqui e, em seguida, encontrá-lo de volta - aqui . - Então agora o meu não era perfeitamente hétero. - Então você sempre pode usar a ferramenta de seleção direta aqui e pegar este ponto. - Use suas setas para ajustá-lo para que pareça que está empatado. - Tudo bem. - Então você também pode mover a coisa toda bem para ter certeza que está no centro. - Então, o que é agora? - Nós queremos didio Eu quero fazer alguns ajustes neste também. - Então vamos pegar a seleção ferramenta Seleção direta, - Clique em Phil. E para este, vamos nos livrar dessa cor. - Só vai ser branco para transparente e depois bater. - Ok? - E então nós vamos fazer Eu vou escolher aqui cor Dodge. - Então deixe-me descobrir. - Sim, está bem ali. - E eu ia escalar-nos um pouco. - Então controle a mudança em tudo. É como mover até bater, aplicar. E então eu vou clicar duas vezes aqui, e nós vamos dar um brilho externo. - Agora, - novamente, - eu descobri, - você sabe, - apenas experimentando que ele meio que parece legal quando fazemos isso dessa maneira. Então, novamente, não há certo ou errado em termos de como abordar isso. - Então eu só estou mudando a cor aqui, - eu para esta cor e eu vamos ver aqui e fazer isso eles se espalham por lá, - e eu vou apenas experimentar um pouco com isso só para ver onde eu quero levar - isso. - Eu acho que em apenas uma cor média bem ali deixe-me experimentar com o modo de mistura bem, - sim, - isso é normal. - Eu deixo ver aqui. - Eu meio que gosto disso. - Muita cor, Dodge. - Então vou bater, está bem? - Bem ali. - E então eu vou apertar o controle Shift e d para duplicá-lo. - Controle T segure o turno, e nós vamos fazer isso bem ali, o que é basicamente virar tudo. - Movimentação horizontal. - Ferramenta e aperte Aplicar. - Tudo bem, até agora, bem. - Parece bem legal. Agora o que queremos fazer é criar que tenho reflexos aqui, então vou selecionar esta camada aqui. - E eu também quero selecionar esta camada de máscara I recortando pressionando Shift e clicando com o botão esquerdo - Shift de controle D para duplicar ambos e depois se livrar deste. Se tentasses duplicar este, livrava-te da máscara de recorte. Se tentasses duplicar este, - Teríamos que consertá-lo. - Então foi por isso que fiz isso. - Então agora temos uma duplicata disso. - Vamos nos mover até o topo apenas clicando com o botão esquerdo e arrastando. E então, claro que vai sobrepor tudo, e vamos nos livrar dos efeitos aqui mesmo. - E eu vou usar a ferramenta de seleção direta. - Dê um Grady int. - E sim, vamos deixá-lo. - Eu diria que por aí, isso é bom. - E então o que eu não faria é pegar a caneta tal. - Na verdade, - em vez de usar o lápis, - podemos usar a ferramenta Elipse e à direita em volta do centro à esquerda - clique e mantenha a tecla Shift pressionada. - Na verdade, - ainda mantenha os controles tudo o que você tem que fazer e larayedh por aqui seria muito - bom, - como bem ali e com a ferramenta de seleção direta selecionada no controle de hit outline - C para copie-o e, em seguida, exclua a camada. Agora, com esta camada selecionada, aperte Controle V. Então agora colou essa forma na mesma camada em que esta forma está. - Então o que queremos fazer é clicar aqui e escolher. - Subtrair a forma da frente. - Certo? - Então, agora essa porção se foi. - E então qual é o ponto? - Nosso objetivo aqui é criar um tipo de... - uh ah empresta. - Gosto de um tipo de reflexo. O que vamos fazer é pegar o A, passar um pouco mais ou menos por ali. Acho que 10% de aparência funciona muito bem. - Você não quer que seja para se destacar demais. - Tudo bem. - E então finalmente vai fazer. - Ah, - par reflexos baseados em luz aqui. - Então vamos pegar o lápis, - e vamos clicar com o botão esquerdo da direita por aqui e depois à esquerda rapidamente e ficar por aqui - aqui e , em seguida, clique com o botão esquerdo do rádio aqui e, em seguida, vendido um pouco. - Então você pode tipo de obter o contorno desta parte bem ali não vai clique esquerdo, - venha para a direita em torno de lá e depois para a esquerda. - Clique de volta para a posição original. - Tudo bem. - E então este vai ser branco. - Então poderíamos mudar a cor do campo aqui para branco sólido e então mudar a passagem A para baixo - mais ou menos ao redor. - Isso é um 53%. - Parece que funciona muito bem, - ou podemos deixá-lo 100% e, em seguida, apenas experimentar com a sobreposição eu acho que - provavelmente funcionaria bem ali e derrubar o A pass iti um pouco. - Tudo bem? - E então vamos pegar isso e duplicá-lo. - Então controle shifty. Vamos controlar o T e girá-lo ligeiramente, certo? - É como um movimento para deixar aplicar. - E temos que fazer alguns ajustes para que isso pareça corretamente queria ser angulado - corretamente. - Então vamos pegar a ferramenta de seleção direta. - Mova-se. - Alguns pontos por aqui e mova isso para cá. - Talvez com isto. E você quer isso para Ah, você poderia gastar muito tempo para tentar realmente fazer isso. - Ah, - seja preciso. - Mas eu mudo para este também. Acho que isso é exagerado demais e algo por aí. - Nem é muito bom. - Tudo bem. Então, se eu tivesse idade de controle e me preparasse Ah, vista de tudo aqui e eu vamos ver. - Aqui. - Deixe-me ver se eu gosto do olhar disso. - Quero dizer, - aumentar a capacidade para ambos, - na verdade, - e eu acho que ambos tinham controle. - Coma, - emergiu eles controle t. - E nós poderíamos fazer você pode fazer um maior e movê-los para dentro, - possivelmente porque você pode obter alguns diferentes, - você sabe, - olhar interessante aqui. - Acho que vou deixar o meu. - Provavelmente por ali. - Em seguida, bata. - Está bem. - Tudo bem. - Então esse é o nosso ícone acabado. - E eu O que podemos fazer agora é pegar em todo o grupo as camadas e agrupá-las com exceção ao fundo. Então, selecione todas elas apenas marcando uma linha superior Segure a esquerda, clique na parte inferior e aperte o controle G. E então agora podemos ter o controle. - A escala T está baixa para ver o que isto parece. - Como movido para deixar aplicar. - E parece muito legal. - Uma coisa que morreríamos quando se trata de quando ainda não foi criada. - Ah, o que não se aplica. Não escala os efeitos chamados para baixo corretamente, então parece um pouco estranho. - O que podemos fazer é duplicar esse grupo. - Esconda o controle original e achatará tudo. Agora, quando reduzirmos, verão que é uma melhor representação. - E garoto, isso parece legal, não é? - Tudo bem. - Então, vou apagar isso . - Pegue isso de volta e é isso. Na próxima lição, vamos nos concentrar no que é preciso para exportar nossos ícones. - Está bem, vejo-te depois. 21. Como exportar nosso ícone: - Tudo bem. - Olá. - E bem-vindos a esta lição onde vamos em frente e exportar nossos ícones. - Ok, - Então lembre-se, - é um pouco diferente para Android do que é um IOS, - e também aqui é praticamente a mesma coisa entre uma loja de fotos e ilustrador. - Você só vai arquivar a web mais segura. - A primeira coisa que queremos fazer é isolar este objeto fora deste fundo. - Então o que podemos fazer é ter certeza que você tem isso salvo. - Eu vou duplicá-lo e bater o controle e e, em seguida, controlar um irá selecionar tudo e, em seguida, - controle Ver irá copiá-lo e, em seguida, o controle estão arquivando novo Em vez disso. - E então vemos que temos 5 12 por 5 12 porque esse é o tamanho deste recipiente que nós - especificado hit OK, - e, em seguida, controlar para o e, em seguida, esconder o fundo causa queremos ser transparente. Assim que tivermos isso, podemos salvar isso e esta será a loja local, o gráfico da Google Play Store que carregamos. - Então vamos para o arquivo web mais seguro aqui e certifique-se de que você tem um P e G 24 bits selecionados com - transparência e clique em salvar e já salvou esses olhos. Então, eu tenho um lançador Android e dei o nome a esta loja onde você poderia dar o nome 5 12 por 5 12, então ele vai sobrescrever . - O próximo passo é salvar para o x x HDP. - Entendo, porque já estamos começando com um tamanho grande. - Então vamos reduzir isso por ir para bem, - na verdade, - o que realmente poderíamos fazer é arquivar uma web mais segura e poderíamos baixar aqui mesmo - de fazê-lo no próprio documento. - Então eu o tamanho para x x x hdb I é 92 por 92 Tudo bem, - Então uma vez que fazemos isso, - vamos ver que ele muda para baixo para esse tamanho. - Vamos acertar, salvar e especificar 92 por 92 e, em seguida, ir para a Web mais segura da próxima vez. - Os tamanhos x x hdb I 1 44 economiza 1 44 x 1 44 e vamos fazê-lo novamente. - Web mais segura. - O próximo tamanho é X hdb I, - que é 96 e vamos precisar é 96 x 96. - Faça de novo. E esta orca é o turno de controle Alton S. e este tamanho é para HDP I, que é 72. - Sei que há muitas variações aqui. - Firme dois x 72. - E finalmente faremos mais uma. - Você entendeu o ponto. - Acredito que espero que sim. - Neste ponto, - Eu e isso vai ser para MDP I que é 48 x 48 bem ali. - Tudo bem, então 48 x 48. - E adivinha? - É isso. - Então Ah, - na próxima lição, - vamos em frente e pegar este ícone, bem como o ícone anterior do capítulo um - para IOS e apresentá-los em uma espécie de visualização de telefone. - E isso é bom para, - você sabe, - mostrar para Folio são mostrados clientes potenciais. - Tudo bem, então te vejo depois. 22. Apresentação em um telefone: O mínimo em boas vindas a esta lição onde vamos apresentar nosso andróide em ícones lançadores e Iowa é um ícone de plantador em telefones reais. O mínimo em boas vindas a esta lição onde vamos apresentar nosso andróide em - Então, para o 1º 1 vamos nos concentrar no Android simplesmente porque acabamos de terminar aquele em - fazer com a loja de eleitores. - E se você fizer uma pesquisa, - você pode encontrar um monte de simulações de telefone diferentes a partir do qual você pode colocar em seu celular - projetos de aplicativos ou seus projetos de ícone de lançador de APP. - Então eu encontrei este em seu uso gratuito e o Earl que eu vou ligar aqui nas notas e este é - ele. E você pode baixá-lo clicando em Download Now , agora, uma vez que baixá-lo, vai ser um arquivo zip. - Abra isso e abra uma das duas vistas. Esta é uma das vistas, e esta é a outra vista. Então, vou trabalhar com a segunda vista aqui. - E então para fazer esse passo na loja de fotos aqui e eu vou abrir recentemente porque eu - já abri. - Você pode simplesmente abrir onde você extraiu esses arquivos de marcação? - Androide. - Isso não pode encontrá-lo nem um segundo. - Lá vamos nós. - Eu abri. E o jeito que você faz isso, na verdade é bem legal. - Você pega isso. - Esta é uma camada de objeto inteligente poderia ver tem um pequeno ícone de olho bem ali. - Se você clicar duas vezes, aperte. - Está bem. - E depois bata. - Não, - aqui vai ver esta tela ser lançada. - Então, o que você colocar aqui será automaticamente colocado aqui. - Então queremos abrir o lançador de aplicativos para Android. - E isso é bem aqui para mim. - E quero que isto seja bonito. Eu queria ser muito maior do que é como mostrado aqui, então vou apagar este que criamos antes. E eu vou para o tamanho da imagem, e depois mudá-la para 1200. Ou na verdade, uma vez que eu possa imaginar o tamanho da tela, mude para 1200 acertos. - Ok, quer saber? - Eu sinto muito. - Seu tamanho de imagem e eu estava certo na primeira vez. - Então o tamanho da imagem muda para 1200. Isso vai aumentar automaticamente e não perder nenhuma qualidade porque nada está escalado e eu vou controlar E só para achatá-lo, controlar um e controlar ver e mudar de volta para esta camada aqui, e eu quero excluir este texto camada e isso eu vou excluir também. - E, em seguida, basta preencher uma cor preta para o fundo e pressione o controle V para colar o controle T - mudar tudo e dimensionado para baixo apenas um pouco assim e, em seguida, bater. - Aplicar, em seguida, pressione controle s ou comando como para salvá-lo e, em seguida, mudar de volta em wa la Aqui estamos -. Então este sou eu a 100% bem aqui, e parece bem legal. - Então é assim que se apresenta. E você salvaria esse arquivo, claro, se quiser. - Uh, - e há um monte dessas simulações lá fora esses modelos para que você possa fazer um Google - pesquisar e encontrar muitos deles lá, - centenas deles - literalmente aqueles que até permitem que você altere o fundo e isolar o telefone e - todas essas coisas legais. - Então vamos fazer o outro bem rápido. - Eu também o outro me deixa pegar o navegador aqui em cima é bem aqui. - E isto do Pixie Den Dot com. - E eu vou ligar isso também na fonte. - Então você pode chegar a ele rapidamente e apenas clicar em download para baixar isso e ir em frente e abrir - isso na loja de fotos. - E eu abri agora e vou ampliar aqui para a mesma coisa. - Estes são dois grupos. Este permite que você mude o fundo, que é muito legal. - Como a cor de fundo. - Podemos torná-lo preto, se quisermos. - Vou deixar onde estava. - E aqui está a camada de objetos inteligentes. - Podemos clicar duas vezes nisso. - Está bem, está bem. - E esta é a vista. Só vou me livrar de tudo aqui, exceto o passado. E depois vou abrir o arquivo de IA para o lançador de IOS, que se importa? - Bem aqui e tudo bem, então os rebeldes revoluções em 300. - Podemos deixar isso lá e ver o quão grande é. Patrulhar uma patrulha C... mudar de volta para que seja mais objeto. - Controle de camada V. - Agora este Israel é grande. - Então controle o turno T. - Escalem todos para baixo. - Deslocar, diminuiu. - E os pensamentos devem descer? - Lá vamos nós. - E, dependendo do tamanho que queremos mostrar, pode ser maior aqui. - É como uma ferramenta de movimento que aplica. - E lá vamos nós troll para salvá-lo. - E há muito legal. - Apenas uma maneira rápida de mostrar como apresentar seu iniciador de ícones de aplicativo em uma tela real. - Tudo bem. - E a próxima lição nós vamos em frente a. - Bem, - não vai ser realmente uma lição. - Vamos fazer uma breve visão geral do curso do que aprendemos. - Então, vejo-te depois. 23. Visão geral do curso: - Olá e ótimo trabalho. - Chegando ao final deste curso, vamos fazer uma rápida visão geral de tudo o que aprendemos primeiro. - Em cada projeto, - descrevemos a importância de aderir aos requisitos apresentados pelo Android e IOS. - É muito importante certificar-se de que você começa qualquer projeto de design do lançador que você verificar - as docas oficiais para garantir que nada mudou em termos de requisitos do lançador. - Em seguida, projetamos nossos ícones de APP, - o primeiro no Adobe Illustrator para IOS e o segundo no Adobe Color Shop para Android. - Como você pode ver, - você pode usar ambos os aplicativos para projetar ícones e tanto para IOS e lesões. - Você escolheria depende do seu nível de conforto com a aplicação e os requisitos de - o projeto. - Então exportamos nosso lançamento, - um gráfico baseado nos requisitos do IOS e Android. - E finalmente nós impusemos nossos gráficos lançadores em três smartphones D com o propósito de - apresentação. - Se você gostou deste curso, - por favor avalie-o e deixe um comentário. - Obrigado por assistir. - Eu sou Gary Simon e te vejo na próxima vez