Transcrições
1. Introdução: Como meu nome é Thomas. Um escândalo de acidente vascular cerebral em designer de movimento, designer
gráfico e ilustrador da Polônia. Trabalho em tempo integral vendo designer gráfico na empresa polonesa, mas também sou freelancer. Neste último, eu vou ser como criar completo Eu não posso definir e salvar sua morte. Vamos começar com princípios teóricos. Obter através dos metais e técnicas, algumas dicas e listras sobre a criação de um conjunto de ícones completo e exportação de crianças para um cliente Vou mostrar-lhe alguns exemplos e inspirações Para impulsionar a sua criatividade. Você precisará ter algum programa vetorial que eu usarei. Será você Striker CC, mas você pode usar qualquer outro software porque outro sofrer será bom. Esses metais e coisas são muito universais, então não se preocupe, então vamos começar.
2. Teoria e princípios do design de ícones: Bem-vinda. Na primeira lição, falaremos sobre a fúria do Conte eu sou e alguns malucos iguais. O que é um ícone é um simples que apresentamos certos objetos. Situação de ação ou Paris. O propósito do ícone é entregar alguma mensagem de forma simples e uniforme. Eles também podem ser usados como ah, separado para mensagens de ricina e para ser mais específico, com menos palavras usadas. Onde usamos ciclos? Os ícones têm uma ampla gama de aplicações. Hoje em dia, usamos ciclos principalmente em interface de usuário e twit, mas eles também são usados em espaços públicos como aeroportos. Cidades são centros comerciais. Também podemos encontrar ícones em anúncios como fornecedores de cartazes e embalagens. Ícones são, por vezes, é até mesmo em Lagos para ajudar a entregar mais significado por trás da marca, mas neste caso, não os chamamos de ícones bastante simples sinal ou observação. Agora vamos passar por alguns princípios fora do design de ícones. Eles vão ajudá-lo a ser mais eficiente e mais seguro tempo. Seja óbvio primeiro, e provavelmente o princípio mais importante do design de ícones é ser óbvio. O que isso significa? Isso significa que você deve usar símbolos simples e reconhecíveis para tornar a mensagem clara e entender tabela. Por exemplo, você deve evitar o uso de símbolos modernos como SS, o disco rígido ou pen drive em vez de um disquete. Disquetes são passados em anos mais, mas o significado por trás do simples é óbvio. E você quer ser óbvio, mesmo que use o símbolo óbvio. Você precisa tornar este burro legível quanto possível, especialmente na interface do usuário e espaços públicos. Você quer seus ícones Toby, entendeu? Capaz num piscar de olhos. Estes precisam de nós para o próximo diretor. Mantenha-o simples. Evite elementos desnecessários em seus ícones se algumas mentiras extras são elementos de seu estilo do que tentar aplicá-los de uma forma que seus ícones ainda são legíveis e assim eles não estão confundindo fora do curso. Se você é, preocupo-me que a menta seja usada de alguma forma artística, e a mensagem não é tão importante. Você pode ficar um pouco mais louco Bots lembre-se, não exagere. Lembre-se sempre de se concentrar no significado a menos que você precise criar
mais símbolos abstratos do que ir para ele. Mas eu sempre penso definido para as regras para torná-lo mais fácil e pensar menos depois. Você deve pensar por um tempo em todos os lugares e disse que as regras para o seu estilo ícone. Isso irá ajudá-lo a salvar alguns nervos e possível tempo Salvador. Pense em onde seus ícones serão usados. Que tamanhos você vai precisar,
Em seguida, continue com algumas idéias e talvez alguns esboços no extrato. As regras mais importantes são diretrizes em declarações simples. Não tenha medo de escrevê-las. Será útil, mais leve e tornará mais fácil lembrá-los e aplicá-los. Seja consistente se você definiu o seu estilo,
em seguida, siga as regras e pense como aplicá-lo sem excesso de fazer seus ícones projetados cada I contar de Pedro diretrizes e fazer conjunto inteiro consistente. Lembre-se de pensar sobre o seu estilo com antecedência para evitar voltar através de seus ícones e
outra vez. Vai poupar algum tempo. Seja flexível se precisar. Não hesite em recuar e corrigir seus ícones quando você notar que algo deu errado. Você deve evitá-lo porque vai custar-lhe tempo. Mas é melhor levar tempo. Volte e corrija-o acabe com ícones ilegíveis ou inconsistentes. Lembre-se de sempre pensar sobre como e onde seus ícones serão usados e projetou-los
feed dedo para essas necessidades. Se você sabe que seus ícones serão Astin tamanhos muito pequenos do que preparar versões menores ou mesmo tentar simplificar chegadas.
3. Métodos e técnicas de design com ícones: nesta lição, mostramos alguns métodos e técnicas que irão poupar seu tempo e tornar a criação do
Caricom ainda mais fácil. Nesta lição, vamos falar sobre ferramentas de software, turnings e algumas dicas e aberrações dedo ajudar você a criar o seu Reichel. Mais rápido eu vou estar usando poderia abusar de traidores que ele vê. Mas você pode usar qualquer outro software. Você pode usar algo para designer ou talvez algum software livre como Escape. Você vai precisar ter a mente que nós vamos nos ajudar a criar linhas e juntá-las em formas . Você precisa do dedo do pé tem algumas formas básicas, como um quadrado ou um retângulo. Andi Ellipse. Isso será usado na criação de algumas formas mais complexas, cortando uma forma de outra ou talvez juntando a forma de Kwan com outra. Outra coisa que será útil é grande vídeo e encaixando dedo do pé a ganância que você pode
baixá-lo na vista. Muitos em ilustrador árabe é bem aqui você pode esconder, são tão grandes que você pode parar para cumprimentar. Você pode encaixar o dedo do pé, escolher e encaixar para apontar esta roda, ajudar a criar nossos ícones e tornar todo o processo mais rápido. Outro dedo útil é a nossa ferramenta de barco. Podemos definir o tamanho da nossa arte. Bart. Podemos copiar a nossa arte entediada com o ícone para que possamos modificar o estilo ou apenas usado o mesmo tamanho são colocados, que vai ajudar a dedo ícones individuais especialistas em e para organizar nossos documentos. Com estas ferramentas básicas, você pode criar ícones como o que você vê agora a partir dos ícones mais básicos toe ícones mais complexos e sob ferramenta que estaremos usando um reboque de canto. Ele permite que você crie um cantos arredondados são outro tipo de cantos. Nem todos os softwares que temos estes, mas que o administrador tem o banco em nosso
designer de afinidade também tem que é sobre este tipo de ferramenta. Ele irá ajudá-lo a criar diferentes formas de aparência. Temos é porque tudo que você precisa fazer é selecionar o tio primeiro, que você quer alternar e drogar uh, círculo nós temos distal. Será muito mais fácil criar formas mais complexas. E como ele dirá, será muito útil. Na maioria dos casos, também
usaremos pilha de curso, dedo do pé alternativo Olhe fora de nossos traços. Podemos fazê-los sentirem-se uma menina. Podemos fazer o mais fino. Podemos mudar os copos de luz, e também podemos mudar nossos cantos. Toby Sharpe em volta dele. Outro pensamento útil são os circuitos de teclado que você pode duplicar o traçado são objeto ou ícone
inteiro quando você pressiona e droga o traçado. Se você quiser mover seu traçado em linha vertical ou horizontal, você pode usar shift e apenas beber seu ícone de traçado ou outro navio. Então, se você não sabe, mantenha nossos atalhos fora do seu software. Você pode ir com as preferências e confira atalhos inteiros são você pode apenas Google. É a Andi. Encontre o que você precisa. Por exemplo, vamos criar algum ícone básico. Será um disquete que significa salvar. Em primeiro lugar, vamos criar quadrado. Vamos definir o acidente vascular cerebral. Eu coloco o meu dedo do pé um. Vou comer no centro para o aeroporto. Agora eu vou duplicar o quadrado para que eu possa criar outra parte do nosso disquete. Para estes, vou usar atalhos controle C controle de ovelhas para ser. E agora eu tenho outro quadrado. Se os traçados estiverem mudando ao reduzir ou aumentar a escala do objeto, isso significa que você ativou os traçados de dimensionamento. Você pode desmarcar o dese neste painel em preferências, cantos de
habilidade, escala, traços e efeitos. Então você precisa que eu estou levando isso agora vamos mover nosso dedo quadrado para cima de outro quadrado . Se você ver que seu traçado não está alinhado com outro traçado, provavelmente
é causado por dis options encaixado. Um ótimo. Não é uma grande venda que você pode definir um atalho rápido. Mudamos suas opções. Vou desligar encaixando para cumprimentar e estalar muito grande assim e alinhar minhas formas. Agora nossas formas estão perfeitamente alinhadas. Vou mudar os locais da pequena praça assim. Agora, no dedo real na linha, imite o texto no disquete. Eu também na honestidade, ocorrer e mover as linhas para baixo. Agora temos dedo do pé criar canto fatiado. Podemos usar o mental em algum curso da ONU para Deletes de Suncor. Ou podemos usar o canto também, selecionando tio apropriado definindo o tamanho do nosso milho em torno bem disse meu dedo para pixels e mudar o canto tipo jumper dedo do pé. Talvez seja muito pouco eu mude esse tamanho do canto também. Talvez livre. Sim, e agora vou querer uma linha vertical e tudo o que preciso é para o centro, todo o seu pequeno quadrado. E agora temos algo que se parece com um disquete, e nós fizemos isso. Só temos alguns cliques.
4. Trabalhando em um estilo de ícones: nesta lição, vamos falar sobre o estilo de seus ícones, e vou mostrar-lhe alguns exemplos. Temos o nosso ícone básico, Andi. Agora será hora do dedo do pé. Aplique estados diferentes a ele. Mas primeiro, vou mostrar-vos alguns exemplos. Aqui. Você pode ver se você usa clientes diferentes. Você pode obter ícones diferentes. Aqui. Nós corremos os copos. Aqui temos tampas planas e é Manx, nossos ícones mais afiados. Aqui temos um pouco de sombreamento. Temos cor secundária. Eu usei cinza nesta vez, e eu usei diferentes tipos de sombreamento. Aqui você pode ver que eu uso um sombreamento mais natural, que é mais realista. E aqui eu só adicionei cor completa para as formas. O próximo estilo é o dedo do pé. Tire a forma principal fora sobre o ícone e oposta um pouco por um pixel são por para escolher saques. Cabe a você. Outro efeito legal é cortar linhas de cura, e temos diferentes linhas de aparência. Você terá ícones diferentes aqui. Temos copos arredondados e aqui com tampas planas. Como você pode ver, isso torna nossos ícones mais legais. Com ícones mais complexos, você pode usar diferentes formas que eu usei pequenos círculos e pequenas linhas dedo adicionar alguns detalhes. Isso torna nossos ícones mais interessantes. Aqui está outro exemplo nós compensando formas e nós sombreamento. E finalmente temos ícones cegos. Temos algumas cores. Você também pode usar formas completas Onley. Sem os traços, ficará muito diferente e não será bom para todos os casos. Mas cabe a nós voltar ao nosso ícone. Eu vou duplicar. Nós mantemos nosso trabalho e eu posso ver que nosso retângulo não está centrado. Então eu vou rapidamente injusto isso. Ok, agora temos a nossa forma básica sobre eu vou aplicar o primeiro estilo. Vou ter um pouco de sombreamento do dedo do pé nosso ícone. Pode ser um simples nós Você pode ver agora ou podemos usar negociação mais complexa. Em primeiro lugar, duplico estes ou o Congo e não sinto nada. Eu seleciono o retângulo atrás dele e seleciono traçado para nenhum. E eu vou duplicar novamente e eu vou compensá-lo por um pixel Reach lado. E agora vamos usar o Pop Finder para que eu possa extrair esta forma desta forma atrás. Agora temos os nossos destaques. Precisamos mudar sua cor e ele precisa aplicar fundo por semanas e precisamos dedo do pé movê-lo atrás do nosso golpe e aqui temos ícone mais interessante. Agora vamos duplicar este ícone Onda. Nós realmente cortamos as linhas para torná-lo ainda mais interessante. Mas deveres? Vou adicionar pontos de ancoragem. Você pode encontrá-lo na seção mental de suas ferramentas e eu vou adicionar algumas no curso. Precisamos nos livrar dessa linha do retângulo na frente. Precisamos trazer mais para o terreno para essas formas e filmes para a frente. E agora podemos cortar. Ele está no curso e realmente é a linha deles. Eu já faço a mesma coisa para DIESER Congo, mas é hora que será no lado esquerdo e talvez mais batidas por um pixel e podemos adicionar um pouco de cor ao nosso eu venho. Vamos ver alguns realmente legal em. Agora temos o primeiro estilo sobre onde eu venho. Vamos criar outro estilo a partir do primeiro ícone. Vou tomar dese principal para dizer duplicá-lo sem um acidente vascular cerebral, e eu removê-lo por dois pixels. Cada lado e eu vou remover a cor do primeiro plano na rua e em algum cartão para a forma e mórbida volta. Como você pode ver, eu tenho um pouco de cor bem aqui, então eu vou apenas removê-lo. E nós temos outro estilo fora do nosso ícone, e você pode ir em frente e tonificar e criar diferentes ícones de aparência a partir de ícones que você já tem. Ou apenas criando ícone básico Para que você possa vir acima com mais idéias e tentou assim para o seu cliente, ou pensar o que será o melhor para o seu projeto? Vou mostrar-lhe mais um estilo de ícones. Vamos perder em formas Lee sem leões, talvez algumas linhas de acento, mas sem os traços principais. Então excluímos o traço e podemos usar alguma cor. Vou usar um pouco preto azulado grande. E agora vou fechar esta vergonha e meus filhos brancos. Vamos remover o curso dessas formas também, e vamos. Meus filhos gostam da Louise Cray louca. Talvez mudemos esse frio também, e sua cor também, eu acho que vamos mudar o núcleo do nosso golpe de sotaque e também nossas luzes de texto. E agora temos algo que eu venho. Você pode alternar as cores do dedo do pé, ser mais abstrato, ou você pode usar apenas mais oráculo de nozes. Tudo depende de onde você vai usar seus ícones e em que tipo de projeto você está trabalhando.
5. Como criar conjunto completo de ícones: nesta lição onde você cria conceitos de mosca primeiro e mais importante, passo para economizar seu tempo. Projetar ícones é definir seu estilo. Você também pode criar formas básicas. Olhe básico para o seu consentimento e todos tratar mais tarde. Vamos falar sobre isso na próxima lição, mas é bom hábito dedo do pé. Faça isso antes de projetar o Reichel. Tornará tudo mais fácil e rápido para os meus conceitos oculares. Eu escolho a equipe fora aplicativo, aplicativo
móvel ou talvez algum aplicativo Web onde você pode obter algumas notificações. Você pode gráficos com outras pessoas que você tem em livros. Você pode adicionar comentários que você pode chegar à galeria. Você pode seguir as outras pessoas, e você também pode alterar as configurações e editar suas postagens. Eu apontei algumas características básicas do meu estilo de ícone. Eu vou solteiro branco. Isso significa que vou usar em Lee um peso fora de voos, por exemplo. Pode ser um ponto ou dois pontos, mas nunca misturá-los. Em outro ponto é copos arredondados, o que significa que eu vou usar copos arredondados e provavelmente correr cantos. Outro é um relâmpago no canto superior esquerdo. Isso ajudará a definir suas formas e em alguma profundidade, isso significa que as luzes virão do canto superior esquerdo, então a sombra de fundição está nos lados direito. Outra coisa que eu gosto de adicionar aos meus ícones é cortar linhas. É apenas dizer que você corta suas linhas de alguma maneira dedo do pé, adiciona um pouco de sotaque e torna sua renda ocular mais interessante. E a última classificação honesta. Coxon, que eu já falei. E você pode ver nos meus esboços, que eu fiz no iPad pro no procreate e você pode usar qualquer outro software. Ou você pode usar apenas uma caneta ou lápis e ícones de papel e esboço. Também é um bom hábito porque tornará o processo ainda mais rápido. Agora é hora de preparar nossas saudações. Nós vamos dedo do pé, editar preferências, pipas e cumprimenta Andi. Eu escolherei a linha da ganância a cada 32 grandes Eus e subdivisões. Para Tito, isso significa que eu terei uma por uma grande alma linhas de tristeza, obrigado. Passo é o dedo do pé. Defina o tamanho do seu arberg. Eu vou perder 32 grandes Eus por 32 elfos picaretas, então agora podemos começar a desenhar capa. 1º 1 do Reichel é o perfil de usuário são configurações de proposta. Vamos começar com forma básica foram meu cínico. Vou excluir o campo em braços, traço
preto com copos arredondados e cantos arredondados centrados para o Isso é torná-lo menor. Vai ser mais fácil voltar aos nossos esboços e agora temos que fazer esse cara e eu
vou usar o pentagrama e alterar as formas. Eu tenho alguns sábios básicos. Vou duplicar isto e fugir do Pete horizontalmente. Como você pode ver, não
é snap, Inc. Bem, então isso significa que eu recusei encaixar em pixel pode desligá-lo em juntar meus traços e agora eu tenho forma básica nosso cara e eu posso alterar agora. Em primeiro lugar, vou torná-lo um pouco menor. E agora em diante vou tentar aplicar cantos arredondados, talvez fazê-lo fazer mais alto e talvez filme para legal. Esteja cansado com todos esses pontos e tente isso. Ok. Olhando bem. Nem todos você vai em torno dos ombros. Se você tiver algumas falhas como esta,
isso significa que você ativou a visualização da GPU. Você pode virar tudo pressionando me controlar e agora está tudo bem. Vou tirar um dedo do pé de corrente, meu cara e talvez eu goste do pescoço por mais tempo. Agora é hora de agir. Corte linhas. Então eu escolherei adicionar pontos de tio a algum tio aqui Q. e você escolhe todos os tios. Corte-os e vamos apagar o que você não precisa. Você sabe o que? Vou fazer o próximo mais curto. Acho que parece melhor. Sim, assim é melhor. E eu vou fazer a corrente um pouco maior, assim. Agora é hora de adicionar um pouco de sombreamento. Eu vou duplicar a minha forma principal, disse que os poucos complicado Novamente e mover. É um pouco para a direita e um pouco para baixo. E agora posso usar o Pathfinder para criar um destaque e derrotar elementos desnecessários. Vou movê-lo de volta, duplicado de novo. Mude a cor, Dwight, mande-a de volta agora. Eu vou. Seus abdominais com medo, como você pode ver aqui, temos um espaço vazio. Eu adoraria ponto de ancoragem no centro. Primeiro, preciso fazer nossas falas. E agora eu não posso Encore ponto pode mover-se para o centro fora de nossos pássaros arte movendo-se para a borda fora de nossos pássaros de arte e Mikey pisou bem, eu preciso movê-lo um pouco para baixo e talvez um pixel massa. Ok. E temos forma perfeitamente alinhada aqui. Você pode ver que nosso destaque não está funcionando tão bem quanto queremos. Então, podemos alinhá-lo e também enviá-lo de volta para trás são apenas mais linha de paz para a frente Agora eu
vou adicionar algum canto arredondado você e nós temos o nosso ícone. O próximo será “Eu venho para as configurações”. Em primeiro lugar, eu vou ligar encaixando para cumprimentar e estalar para o pico Então em duplicatas sobre o nosso nascimento eu fui nomeado o primeiro nosso barco ferramenta que eu vejo perfil. O próximo será configurações. Eu acreditaria nisso e também começaremos com algumas cirurgias. Para ter certeza que o Dr. Super tem o mesmo tamanho que o 1º 1, você pode verificar o tamanho deste. São 28 por 28 pixels no cara que Will fez. Enviamos apressados para a obra de arte e mudamos o tamanho do pé 28 . Agora precisamos criar essas formas e usaremos retângulo, dedo do pé e a junta as formas juntas que eu estava no centro. São os meus filhos. Podem estar cansados e agora vou duplicar. Eu deixaria alguns sentir dedo do pé ser capaz de selecionar facilmente a minha forma e precisamos de mais um e número um Agora eu posso duplicar este círculo. Obrigado, Small. E agora vamos juntar essas formas. Encontramos a ferramenta deles e temos algo que se parece com uma engrenagem. Vou selecionar o interior no dedo do pé do curso não são alguns cantos arredondados. Vou sentir o tamanho, embora dois nos escolham. Talvez então o pixel seja suficiente. Sim, isso é o suficiente. E podemos torná-lo tão grande nós, nosso ícone anterior. Parecia melhor quando era menor. Então eu vou alterar os cantos internos e torná-los maiores, talvez para pegar molho e talvez fazer seus nove. Sim, isso vai bastar. Agora é hora de extrair o círculo da nossa forma principal. Para fazer isso, vou duplicar o círculo, selecionar minha forma principal e usar o Pathfinder para que eu mudaria a cor da nossa coca. E agora podemos adicionar alguns destaques. Neste caso, eu não quero ser tão realista quanto eu posso porque isso vai tornar todo o ícone ilegível. Então eu vou usar apenas simples Sirica vai tons como no esboço. Ok. E agora, para acalmar esta forma duas vezes, mas sem um golpe mover esta forma para a frente e d chumbo. Se encontrarmos o dedo do pé
dela, agora temos os nossos destaques. Vamos enviá-lo para a parte de trás e removeu a sensação do nosso acidente vascular cerebral. E temos a nossa cocaína. Vou adicionar linha de corte aqui mesmo no círculo interno. E temos a nossa cocaína ou equipamento. Não, é hora do primeiro ícone, que é fantasioso. Eu vou começar com um retângulo e eu não vou ser bis bem aqui no meio. Precisamos desligar o estalo e agora está perfeitamente no centro,
fora da nossa forma. Nós também podemos movê-lo para dissidente se ele ainda não está no centro e agora precisamos do dedo do pé, criar a borda pontiaguda do nosso lápis. Faça estes um pouco mais. Agora éramos caixotes. Linha da paz. Nós também criaremos esta linha aqui. E agora o que precisamos criar esta linha, talvez torná-la a forma de seu campo. E agora eu posso ver dispensador é dedo picante e eu quero mover esses pontos para dentro e eu preciso dedo alterar esses pontos. Além disso, eu vou mover esta linha para o insight para que ele não toque nas outras faixas e nós vamos fazer linha. Corte-o E eu também vou fazer estes conteúdos de linha. Como você pode ver neste sofá e, em seguida, nos movemos Este ponto é como este. Liguei o estalo para poder mover as minhas linhas. E agora não podemos sombrear para fazer isso, duplicamos essa forma unida cortando vidas, fazendo com que se sinta enviado de volta. Mude a cor e eu vou criar para retângulo duplicar esta forma. Mova nosso retângulo para o topo e use as estratégias ec do Pathfinder. Agora temos os nossos destaques. Então mudaria o carro para o branco e estes dois cinza e eu vou enviá-lo de volta. E agora eu vou cooperar com o meu eu venho e o seu encontro assim. E agora temos o nosso ícone. Mas não gosto que esta linha seja cortada. Então vamos juntar-nos a ele e parece melhor. Próximo ícone é um olho que criamos com algumas elipses em e temos mental, Vou desligar estalando para cumprimentar e para pico. Então só para meus filhos mentindo para o centro e como nós movê-lo para o topo assim. E agora eu vou duplicá-lo com isso dizendo aos encores que centramos agora eu posso criar o círculo e alterar seus cantos. Talvez mercados. Até eu disse a ela, como você pode ver, a forma não é assim. Preciso movê-lo ainda mais longe do centro e até assassinar. Ok, agora eu tenho meu cofre do que eu e eu vou fazer a íris maior. E em outro círculo um menor. E eu mudaria as células de seis semanas. Agora eu vou duplicar esta forma sob alguns, duplicado novamente deslocá-lo usando a ferramenta localizador dilatá-lo duplicado novamente. Troque o refrigerador. Enviando as costas enviadas. Prove a parte de trás Temos destaque. Então eu vou mudar as cores e eu vou mudar a cor fora do círculo médio através dos brancos e nós temos o nosso olho. Agora é hora do dedo do pé em alguns. Corta as linhas e o nosso eu está pronto. Agora nós re criar próximo ícone. O próximo é o coração. Como usamos o mental para criar forma básica. Mais lances. Obrigado aqui. Não, eu posso duplicar isso. Mantenha-o Junte-se aos pontos âncora século para o nosso barco. E agora eu posso trabalhar nesse movimento, ele está de volta. É também para tornar o coração maior. E agora posso usar o Cornetto para criar o coração. Como você pode ver, é um pouco pequeno demais, então eu posso ajustá-lo trazendo data mais alto. Selecioná-los novamente e seu melhor e mas notas No entanto, poderíamos fazer curto aqui e agora temos o nosso alinhamento do coração e vamos adicionar algum tapume. Como você pode ver aqui, eu também usei a foice em forma como no ícone do Gator. Vou torná-lo um pouco maior. Vou duplicar a minha forma, mudei a sensação deles. Mike é cinza. Não somos Sirico como a paz. Mórbido. Talvez fosse bom. E aqui temos o nosso destaque. Agora podemos duplicar nossa forma novamente. Pense na cor. Mande isto para trás e teremos o nosso coração. Eu venho agora precisamos de pé criar linha revestida para que eu vou selecionar a minha forma principal. Está em alguns pontos do tio e agora temos o ícone do coração. O ícone seguinte é o ícone do sino. Nós criamos isso com mental. Vou esboçar as formas básicas que alterarei mais tarde. Eu duplicaria isso. Virá-lo não confiável juntar-se a no curso e eu vou fazer este copo. Agora eu posso virar as esquinas assim por diante. Ainda é legal, então eu preciso de dias de Internet e temos a nossa forma básica. Agora eu vou. E este pequeno círculo bem aqui meus filhos, talvez cinco pixels e eu vou lidar com isso. Esta âncora aponta então temos esta forma agora é hora do dedo do pé não está sombreando. Vou usar esta forma principal duplicada Alterar a cor complicada novamente. Mova por dois pixels em cada site e use a ferramenta Pathfinder. Não, posso duplicar mais uma vez. Mudar o núcleo lixado dedo para trás mudou o núcleo Também enviá-lo de volta, trabalhou e duplicar este Mudar o carro muito cinza enviando para trás eu iria me alinhar para o centro, Talvez torná-lo legal maior. E agora eu vou abdominais linha de corte e nosso sino está pronto para usar Próximo ícone é bastante simples Só fica nosso barco Faça o retângulo centro REITs Agora eu vou criar essas linhas
e aqui e agora eu vou criar Ele desliza Eu estou usando turno Então minha vida está na mesma ângulo e agora eu posso torná-los mais curtos e agora vamos criar o envio duplicado, mudar a cor, enviá-lo de volta. Replicar Estes elementos também mudou seu Koehler e enviá-lo por tribunal. Agora é hora de anúncios. Corte as linhas bem aqui no dia. Talvez aqui mesmo. Como podem ver, nossa nave não está alinhada. Então precisamos rebocar desmarcar o estalo e mais ervas daninhas o lugar que queremos que ele seja. E agora vou duplicar mais uma vez. São todos um derrame e tristes feitos pelos tribunais. E agora temos o nosso envelope. Talvez os meus filhos sejam ainda maiores, tal como este ano. E está parecendo melhor hora para outro ícone. Este também será muito fácil. Eu vou entregar esses elementos deixar bomba o retângulo e eu vou usá-lo para criar o meu outro ícone. Eu faria alinhamentos talvez fazer este mais fraco como este e eu vou ter alguns círculos ou picar molho que eu alinhado tudo o centro do nosso Bert e mover o ver,É
claro, É
claro, empurrando flechas para que o nosso circo são uniformemente espaçados. Eu não posso. Alguns cantos mais arredondados. Dois pixels serão bons e agora é hora de enviar. Perderei esta forma. Estamos seguros. Nós mudamos de cor e eu vou criar retângulo e extraí-lo de nossa forma. Irá criar o nosso destaque. E agora vamos duplicar essa forma, mudar a cor, enviá-la para trás. Enviou estes também para o Buck. Eu quero movê-lo por um grande assim e aqui também para pixel canto assim como este. E estamos bem com cortar as linhas. Mas primeiro vou alinhar tudo e sei que posso cortar as luzes. Deixe-me ver neste sofá como você olha aqui e talvez aqui e nós temos outro ícone Agora é hora do último. Vou usar o mesmo retângulo mudar o estilo de sua cria nosso filho talvez seis semanas níveis. E agora é hora dos Montanes. Talvez meus filhos pequenos, talvez cinco pixels vai ser bom. E agora não podemos sombrear. Estes seriam os nossos destaques. E agora nós não estamos sombreando aquele Montes. Como você pode ver aqui, precisamos em algum carro da ONU para fazer sentir o espaço que adicionamos aqui e passar para eles. Envie-o de volta. Agora podemos usar esta forma. Estaremos por células cinzentas duplicadas novamente. Mande de volta. Aqui temos o nosso destaque para thes montagem em. Vamos criar a mesma coisa para este mês. Precisamos movê-lo por duas picaretas é e estender esta linha na linha também peça. E agora podemos cortar a forma e temos o nosso destaque. Envie-o para voltar agrupá-los séculos e nós temos o último de nossos ícones. Temos o nosso ícone de significado definido na próxima lição, vou mostrar-lhe como mudar o estilo desses ícones. Como você pode ver, cada passo é repetível e nós treinamos e esse conhecimento E será capaz de criar ícones mais rapidamente e você pode economizar muito fora.
6. Projeto do curso: para o projeto de classe que você precisa criar conceito completo I no estilo de sua escolha. Em primeiro lugar, você precisa definir o seu estilo e, em seguida, você precisa dedo do pé para ver a nossa coisa tópico para seus iPhones , e então você precisa criar no mínimo nove tornozelos nos ícones editores de estilo nos projetos de
classe, e eu serei o último a vê-los e talvez dar-lhe algum feedback.
7. Aplicando estilo diferente aos ícones existentes: nesta lição, mostrarei como aplicar um lado diferente ao seu conjunto de ícones. Agora é hora de aplicar estilo diferente dos nossos ícones. Vou selecionar estas são partes e duplicá-las. Eu também vou agrupá-los para que eu possa mudar suas linhas e as cores ao mesmo tempo. Ok, se você quiser mudar as linhas no mesmo momento que você precisa dedo do pé, selecione sua linha, selecione a seleção muitos de cima para fora. Outros ser ilustrador e escolher a mesma cor de traçado ou peso de traçado em depende de quais traços você tem em seu projeto. E agora eu posso mudar os traços para talvez plots copos, talvez alguns cantos afiados, e você pode ver que nossos ícones parecem diferentes Agora podemos fazer o mesmo para a cor completa, selecionar a mesma cor de sensação, e vamos com alguns Azul. E agora temos um pouco decor agradável e
vibrante, cor agradável e
vibrante, e ele traz vivo o nosso Eichel. Também podemos alterar a cor do traçado, selecionar a mesma cor do traçado e talvez para alguma mais escura, e lembrar de ter algum contraste em suas cores. Então seus ícones ainda são legíveis. Eu iria apenas ainda mais escuro, e aqui temos nossos ícones. Temos apenas alguns cliques em um estilo totalmente diferente
8. Como exportar único e conjuntos de ícones completos: nesta lição, mostramos-lhe algumas opções de especialistas e vamos periciar os nossos conceitos I. Agora é hora de dar uma olhada nas opções de especialistas fora de nossos ícones. Primeira coisa que você precisa para garantir que seus ícones são preparar Lee nomeado aqui. Mudei o nome do meu primeiro set de Michael. Agora preciso mudar o nome desses ícones alternativos. Vou adicionar a palavra azul antes do nome de um ícone para que eu possa identificá-los e
mudar facilmente . Isso será útil quando você entrega para rebocar o cliente ou quando você está dentro, colocá-lo em seu projeto. Então eu selecionei o Alberto e agora vou mudar os nomes de todas as artes. O Bert. Agora eu tenho nomes próprios para cada um que eu venho, você pode ver os nomes de seus ireports em nosso painel de pássaros. Você pode ativá-lo no menu da janela e selecionando isso também precisaremos de especialistas em ácido para
que você possa verificar estes. Mas provavelmente se você verificar estes, você terá este set off painéis para que você possa agir um assento a partir das paradas. Precisamos alterar as configurações da nossa exportação aqui. Você pode desligar as necessidades. Você pode adicionar algumas escalas finais de quatro meses. PNG é bom quando você quer usar seus ícones em bolsas diferentes e eles vão ficar transparentes. Se você quiser dedo do pé, use seus ícones em tamanhos diferentes e assim você não quer dedo do pé. Prepare arquivo PNG maior. Você pode usar SPG e seus ícones serão habilidade capaz e pronto para usar no programa HTML americano em Coloque-os nos sites na linha no código e eles são muito leves desta forma e eles são muito rápidos para carregar. Vou usar este dedo do pé do painel exportar meus ícones. Como podem ver, temos todos fora de nossos portos. Você pode limpar a seleção se quiser apenas exportar ícones únicos. Eu quero todos os meus ícones então eu vou levar todo o conjunto. Como você pode ver, você pode digitar o intervalo por um dedo e você também pode especialista documento completo para a visualização. Isso significa que o documento completo de cada borda do dedo do pé do pixel fala em pixel holandês e cada pixel será exportado. Então começar o nosso barco será algo estar em algum lugar aqui no final do nosso arquivo
estará bem aqui. Eu quero exportar meus ícones em tamanho original em duas vezes escala. Não preciso de quatro vezes, então farei. Isso e eu quero exportar nossas placas no SPG e vou atrasar o sufixo. Não preciso dele aqui. Você pode definir opções avançadas para seus últimos quatro meses. Se você tiver feito essas configurações, você pode salvá-las. Aqui Você pode alterar a pasta D que você deseja toe seus ícones para ser exportado Agora, que é este e especialista. Nosso tribunal você pode ver que é ele agora está exportando. Você pode ver essa barra de progresso e quando terminar, estamos tendo essas pastas. Temos 54 meses adequados e opções Size Inc. Eu também tenho pdf porque eu não acredito que Então lembre-se de selecionar o arquivo adequado por meses . Se você não quer que o dedo do pé seja bagunçado. Aqui temos nossos ícones em escala de 100 pessoas em PNG. Aqui temos a nossa escala dupla também em PNG e aqui temos nossos ícones SVG e você pode
usá-los escala infinitamente. E eu recomendo exportar seus ícones no SPG porque eles são amigáveis para a Web e eles estão carregando mais rápido e você pode dimensioná-los como quiser. Lembre-se, dedo do pé faz Ah, pesquisa. O que? Tamanhos dos frascos ligados. E que tipo de arquivo? Quatro meses que precisaremos em seu projeto são o arquivo por meses seu cliente precisa I geralmente especialistas. Meus arquivos em muitos formatos tão recusados podem ter a escolha e escolher o que ele precisa mesmo
no futuro. Se ele quer toe modificar ícones D são recusados. Precisa de alguns outros quatro meses finais eles
9. Resumo: Obrigado por ter feito esta aula. Espero que esse conhecimento torne seu processo ainda mais rápido. E você aprenderá alguns bons hábitos fora do design de ícones. Eu convido você dedo do pé, tomar uma parte nos projetos de classe e preparar seus conjuntos de ícones e mostrar para os outros alunos . Obrigado por assistir e selar as próximas aulas.
Tomasz Ostrowski, Graphic Designer & Illustrator
