Design de ícones: como criar seu próprio conjunto de ícones de viagem

1. Introdução: nesta classe. Vou passar por todo o meu processo de design e conjunto de ícones a partir do meu processo de pensamento inicial e escolher tudo para fora em dicas e truques para tornar seu processo de design mais rápido e fácil para você. Espero que goste da aula. Vamos começar. 2. Processo de ideia: Criei um bônus grátis para você baixar, Phil. Livre para imprimi-lo e você pode tipo de ir junto. Teoh, ajude a moldar seu conjunto de ícones. Aqui estão os passos para projetar um. Primeiro você precisa decidir sobre um tema para o meu. Eu decidi viajar, e eu queria fazer um dos meus locais favoritos para viajar, e que é a Escócia. A próxima coisa que você precisa fazer é criar o estilo que você quer que seu ícone seja fazer a cor completa. Muitas vezes, as pessoas vão dio Onley uma cor O r. Duas cores essencialmente e, em seguida, outra realmente popular seria o seu estilo de linha para o meu . Eu queria fazer toda a cor, e por último, você precisa apenas começar a anotar algumas idéias para ir junto com o seu tema. Porque a minha era a Escócia. Anotei algumas coisas da minha viagem. Então, um carro, porque nós dirigimos por toda a Escócia, as montanhas porque as terras altas eram minha parte favorita absoluta da Escócia. Junto com coisas pelas quais eles são famosos, como um kilt em haggis, uísquee folhas eso, anotei tudo e depois que você tiver tudo isso,você precisa começar a diminuir. Junto com coisas pelas quais eles são famosos, como um kilt em haggis, uísque e folhas eso, anotei tudo e depois que você tiver tudo isso, Eu queria fazer cinco ícones, então reduzi minha lista para cinco. Então, uma vez que você tem sua própria lista, por favor, crie um projeto com ícones que você criou e inclua todo o seu processo com ele. Então, se você imprimir o que ela iria ter certeza de incluir uma foto para que todos possamos ver como você veio com seus desenhos no próximo vídeo. Eu vou passar por projetar cada um dos meus ícones, e eu vou incluir um monte de minhas pequenas dicas favoritas ao projetar. 3. Como criar ícones: ao criar ícones. Eu gosto de ter uma placa de arte separada para cada ícone individual, a fim de fazê-lo basta ir para arquivo novo. Estou fazendo isso em 300 pixels porque eles são para a tela. Eu selecionei RGB e, em seguida, para quadros de arte. Eu escolhi cinco porque eu estou fazendo cinco para o set. Basta clicar em criar. Eu estou fechando porque eu já criei e eu criei uma paleta de cores bastante simples , e estas são cores que eu quero usar, e eu também vou usar tendas dessas cores, e eu quero colocá-las no meu amostras com todas elas selecionadas. Vá para amostras. Se não vir isso, vá até a janela e as amostras. Clique no que se parece com uma pasta, que é o novo grupo de cores. Selecionei obras de arte. Eu quero converter processo para global e inclui relógios para tenso. Então, ok, e só para que eu não ficar sobrecarregado por todas as seleções, eu vou selecionar uma outra cor recentemente e excluí-lo deste relógio é que assim você fica com apenas as cores que você deseja usar, e agora você pode excluir os que estão no quadro de arte. Eu selecionei meu estilo ícone para ser múltipla cor tipo de estilo de design plano, e eu quero que eles estejam em um círculo em oposição quadrado dentado ou quadrado arredondado. Para começar com o seu círculo, você pode escolher qualquer claro que você gostaria, ea primeira coisa que eu quero fazer é fazer o passaporte vai selecionar a ferramenta de retângulo ou M em seu teclado, fazer um retângulo, e então eu estou indo para arredondar esses cantos ultimamente, então eu vou apenas puxar para dentro desse círculo, e então eu vou mudar isso para azul. E é só porque eu vivo nos EUA e meu passaporte é marinha e ir para o guia de cores mais uma vez . Se você não vê isso, vá para janela e guia de cores e eu vou apenas selecionar uma tenda que é mais escura. Usei a turnê Ellipse L em seu teclado, e eu vou mudar isso para um traço branco e aumentar o tamanho do traço mais uma vez. Se você não vir traçado, vá para janela e traçado. Então eu gosto do traçado de 10 pixels, e eu estou apenas criando esse tipo simples de símbolo para o mundo, que é o círculo com algumas linhas só porque cada país tem um estilo diferente para o passaporte. Então esta é uma maneira mais fácil de ter, tipo , uma aparência mais global. Eu vou selecionar o segmento de linha e criar uma linha para o meio poderia ter certeza que ele não se sobrepõe a outra cópia de traçado e colar isso na frente usando o comando C comando F e, em seguida, girar isso para que ele tipo de faz que X e, em seguida, agarrar a ferramenta de elipse mais uma vez. Certifique-se de que ele não sai para passado o traço da primeira elipse e você pode fazer mais um e mudar isso. Então, vai no meio do caminho. Ok, então eu estou feliz com isso. Eu vou selecionar cada uma das elipses e essas linhas e apenas ir em frente e expandir Strope indo para o objeto. Expanda Phil e derrame atingido, ok. E eu só quero combinar isso em um, então vá para o seu painel Pathfinder. Se você não vê-lo, vá para Window e Pathfinder e use a primeira opção que é a opção Unite. E agora criou um objeto para você para que você possa escolher digitar e passaporte. Ou você pode até mesmo fazer como uma linha rabiscada que representa texto. E eu estou comprando com essa luta. Então eu vou apenas para digitar e criar contornos. Agrupar estes juntos e para que ele se encaixa no primeiro não são bordo. Quero ir àquele quadro de arte. Diminua o tamanho disso e certifique-se de que ele atinge a borda em todos os lados. E você tem o ícone número um feito. Pegue a ferramenta Elipse e agora vou criar uma bandeira. Então, mais uma vez, a ferramenta de retângulo cria um retângulo. A bandeira escocesa é azul com tipo de como um X branco. Então eu vou apenas usar a ferramenta retangular para cada peça única desta cópia e colar na frente com a opção Command C. Eu vou combinar os dois retângulos brancos com a opção Unite novamente, e então eu vou selecionar esse fundo azul também, e esta é uma das minhas dicas favoritas. Se você não o usou antes, usou a ferramenta construtor de formas segurando a opção. Você verá o cursor mudado para um sinal de menos, e tudo o que você precisa fazer é passar por cima de cada uma das peças que você deseja excluir. E é um simples é isso e você tem uma bandeira. E eu realmente gosto de usar essa opção de construtor de formas em vez de usar a ferramenta Pathfinder. Só para mim. É mais rápido, e ele é porque eu não tenho que entrar e grupo da ONU, apagar as peças e depois agrupar tudo de volta porque já está feito para mim. Então eu quero que esta bandeira esteja acenando um pouco ao vento, então eu vou fazer guerra e bandeira. E então é um resistente fora a opção que eu quero, que é 5%. Você pode dio mais alto, mas vai parecer um pouco distorcido demais. Sun vai diminuir a dívida para 5% e tudo bem, porque eu cansei de editar isso. Quero ir em frente e expandir essa aparência. Então objeto expandir aparência diminuirá ligeiramente seus olhos, usando a ferramenta erétil novamente, vai fazer um mastro de bandeira e, em seguida, a ferramenta Elipse para o topo do mastro de bandeira e combinou aqueles. E você sempre pode adicionar um pouco mais de detalhes a este mastro de bandeira, que eu vou fazer usando a ferramenta de caneta. Eu quero adicionar um pouco de brilho, também, que um lábios parte e eu vou aumentar esse golpe. Mude esse boné para a Cat. E eu realmente quero um cinza mais claro para esse traçado e então, usando a ferramenta de largura, quero clicar no centro e ampliar. Então eu gosto disso. E então eu vou trazer um retângulo para baixo na mesma cor abaixo do mastro da bandeira, e eu acho que eu estou farto disso. Então eu vou selecionar tudo isso mais uma vez, usando a forma de construtor, ferramenta e segurando a opção. Eu só vou atropelar os dois, e agora eles se foram. A próxima coisa que quero criar é uma garrafa de uísque. Uma das primeiras coisas que fiz quando entrei na Escócia foi ir para a experiência de uísque escocês em Edimburgo, e foi muito divertido. Mas também aprendi que não sou fã de uísque escocês. Ah, então vocês para começar a usar a ferramenta de retângulo ou M em seu teclado vai selecionar. Ele top dois desses círculos segurando deslocamento para que ele apenas seleciona aqueles dois realmente arredondar o topo deste e, em seguida, chupar os dois inferiores e ligeiramente em torno daqueles que eu quero usar a ferramenta Elipse. Crie um pescoço arredondado para essa garrafa. Incerteza voltando para a ferramenta retângulo Zoom usando o comando e o sinal de adição em torno desse retângulo e eu vou usar a ferramenta caneta para grande tipo de como uma rolha para a garrafa. Supondo que recuem com o comando e o sinal de menos. Selecione as três peças para a garrafa e una-as. Vou usar branco para aquela garrafa, para diminuir o comando de opacidade. Veja, no comando F eu vou mudar para esse tipo de cor laranja e mudar essa capacidade de volta para 100%. E eu quero trazer este tamanho. Ok, então eu gosto que eu vou ter o uísque, como se ele estivesse parcialmente vazio. Então, o que? A ferramenta de retângulo. Eu só vou sobrepor isso. Selecione ambas as peças. Então o retângulo e o que é o uísque lá dentro? e a ferramenta Pathfinder Ir para frente menos. Você fica com o uísque. Então comando no suporte esquerdo e ele vai colocar que atrás do vidro você sempre pode clicar com o botão direito em um intervalo. Enviar som para trás vai fazer um rótulo para o uísque. Eu vou para ir entre o retângulo e o banquinho elipse, unir, thes, thes, e então usar essa ferramenta construtor de formas. Então eu quero adicionar alguns detalhes à garrafa. Então eu vou apenas usar a ferramenta de caneta e seguir ao longo da forma do rótulo. Então, agora que eu criei o topo, eu também queria combinar na parte inferior. Vá para o objeto. Transforme, reflita. Eu quero que seja horizontalmente visualização e cópia segurando deslocamento arrastado para baixo, porque você pode ver a parte superior do rótulo é um pouco mais elevada do que a parte inferior. Então, com um seleto os pontos e reposicioná-los. Então eu só vou usar o pincel blob como eu estava mencionando com o passaporte, você pode fazer um tipo de linhas rabiscadas, e o tipo de é um espaço reservado para texto. Parece que alguém para mudar para branco. Eu só adiciono algumas linhas rabiscadas e você pode continuar com a ferramenta de caneta ou a escova de sangue para fazer os destaques como fizemos no mastro da bandeira. Na verdade, vou entrar. Como eu estou usando o pincel preto e fazê-lo com isso, eu quero selecionar essas quatro peças e apenas diminuir esse grupo de capacidade aqueles juntos. E agora vou usar a ferramenta de caneta para criar um copo. Então, segurando o turno para uma linha reta, é de ser direto para baixo. Eu vou trazê-lo e um pouco no fundo. Como pode ver, este lado tem mais ângulo. Como pode ver, Então só usando isso Não, Tuller sou um teclado que vai trazer para o outro lado. Quero que isto combine com o uísque de uma garrafa ao lado. Então eu, que traz a ferramenta conta-gotas em sua indo para selecionar essa garrafa e ele duplica, ou ele corresponde a essa cor e capacidade Copiar e colar atrás, que é o comando C Command. Ser o quê? A cor do uísque. Mais uma vez, traga isso como fizemos com a garrafa. Na verdade, quer que este vidro tenha algumas bordas arredondadas, então selecione um no seu teclado. Eu só vou dar uma volta. Há bordas ligeiramente. Se você quiser fazer cubos de gelo apenas um quadrado, copie esse estilo do copo. Agrupe-os juntos e coloque em seu gosto em. Então o próximo que vou fazer é o kilt. Então, para fazer isso matou sublinhar para ampliar usando o Z neste último quadro de arte. E eu quero fazer o padrão xadrez ou tartan. Então a primeira coisa que vou fazer não importa se é maior que o quadro de arte. Quer usar a tela e um branco, e eu quero diminuir essa capacidade. Quero adicionar algumas cores diferentes. Eu vou fazer o vermelho. Eu também quero fazer o ponto ou dois daquele amarelo, que é realmente brilhante. Então eu quero ir para o guia de cores e mudar a tenda de que e todas as peças que você já criou. Além do fundo verde, você pode agrupar aqueles assim comando G e, em seguida, copiar e colar na França ou entrar, ver comando F e, em seguida, segurando Chef, basta girar 90 graus. Somos todos um pouco brilhantes para mim, então vou mudar a capacidade de cada peça para 60%. Isso é melhor. Agora com a turnê retangular, hum, selecionado. Basta clicar para baixo uma vez no quadro de arte, e eu já conheço esses aeroportos ou 300 pixels. Então eu só vou fazer um quadrado de 300 pixels e o painel Alinhar. Se você não vir, vá para a janela nessa linha. Se você não vir o espaçamento de distribuição e uma linha para ir para o menu deve dizer mostrar opções e, em seguida, na linha A para se certificar de que você tem uma placa de arte linha biqueira selecionada alinhamento horizontal e aliado vertical em e, em seguida, mudar a cor de preenchimento para nada. Selecione tudo e, em seguida, pressione o comando um sete. E isso cria uma máscara de recorte. Ir para o padrão de objeto e fazer suspiros azulejo arte dedo do pé. Salve uma cópia e você está pronto porque você já criou o padrão. Apenas apague isso. Então eu vou usar a ferramenta de caneta novamente. Podemos fazer o mesmo estilo para a guerra. O vidro, mas de cabeça para baixo linha reta maior na parte inferior e agora não tem enchendo seu golpe. Basta ir para suas amostras e selecionar o tartan que você criou porque isso vai ser menor. Eu estou indo para transformar e escalar un seleto transformar objetos e no uniforme eu realmente quero fazer isso maior e eu gosto disso. Então, tudo bem. E agora vou copiar e colar atrás. E eu também sabe que eu ajustei isso. Você pode ter que diminuir o tamanho para que não seja maior na primeira peça. Eu quero girar esse padrão para cima para objeto, Transformar e girar mais uma vez un selecionar, transformar, objeto e clique. OK, se você quiser que isso pareça um pouco mais sombreado, Tudo que você tem a fazer é comandar Ver comando após copiar e colar, Mudar para essa cor cinza e, em seguida, diminuir o A pass ity movendo-se para agrupar thes comando Copiar ritmo Comando atrás de uma comuna C comando ser Pegue esses dois no lado. Agrupe-os juntos. Então comando G ou clique com o botão direito e grupo ir até o objeto. Transformar refletir Desta vez eu queria refletir verticalmente e copiar e, em seguida, segurando Chef, basta trazer aqueles em grupo todos aqueles juntos e, em seguida, eu quero fazer o cinto. Ter todos estes mais uma vez com a ferramenta construtor de formas que eu quero fazer tipo de como a fivela. Então o último ícone que vou criar será montanhas. Alguns dos meus lugares favoritos na Escócia estavam em, como o Glencoe e eu vou uma área de céu. Foi absolutamente de tirar o fôlego. As montanhas e as colinas da Escócia são lindas. Então, com a ferramenta estrela, faça a estrela. Se você manter pressionada a tecla de seta para baixo, poderá criar um triângulo. Só vou segurar o turno, vou fazer a cor cinza. Eu vou fazer um bordas arredondadas em cada um dos cantos. É meio difícil de ver por causa do fundo. Então eu vou passar para o ícone, e você pode optar por fazer o próximo passo com uma ferramenta de caneta ou com o pincel de blob. Vou usar a escova de sangue e mudar para a cor branca e fazer como um pico de neve . E você pode colorir tudo isso em si mesmo. Ou você pode usar a ferramenta de construtor direto. Pegue os dois, se unam. Hm. Use a montanha mais uma vez na ferramenta construtor de formas e você tem uma opção Melton segurando são todos para duplicar. Pegue tudo mais uma vez forma, Construtor, opção Ferramenta. E estes são os cinco ícones finais para os meus conjuntos de viagens. Para a Escócia, você sempre pode entrar e adicionar mais detalhes como uma borda para cada um dos ícones. Você poderia até fazer algumas sombras longas em cada uma das peças. Então, por exemplo, vou copiar este amarelo, então entre e veja o Comando F clique direito. Organize e traga para a frente, indo mudar isso para uma cor mais brilhante para o curso. Aumente esse peso do curso, mas um pouco vai fazer 25 e ir para um curso de linha e dentro. Na verdade, vou diminuir isso. Vamos tentar 18 para que você possa ter essa borda em cada um desses. Então, por exemplo, mais uma vez se eu quisesse fazer o vermelho, então há o exemplo. Se você queria a borda em cada um, você pode brincar com as cores, talvez querê-lo mais escuro em vez do mais leve, e você pode mudar como cada um parece. Na maior parte, este parece bem. que não seja a bandeira. Se você queria exportar cada uma dessas quatro células em lugares como Creative Market da melhor maneira que eu encontrei para fazê-lo, é selecionar cada um individualmente. Vá para a seleção de exportação de arquivos. Ter o primeiro como PNG porque eu não quero um fundo adicionado a estes, e você pode tê-los habilidoso para que duas vezes o tamanho que seria 600 pixels pode mantê-lo exatamente o mesmo tamanho. Você pode até diminuí-la. Mudamos a resolução para estes exportar o ativo e coloca-os em uma pasta e, em seguida, você pode empacotá-los e carregá-los para si mesmo. 4. Projeto: Espero que tenha gostado da aula e aprendido um monte de boas dicas e truques ao longo do caminho. Se você achou esta classe útil, por favor, me dê um como também, por favor, compartilhe um projeto comigo com base em seu local de viagem favorito. Eu adoraria vê-lo tocar alguma coisa. Não, se você tiver alguma dúvida ou comentário abaixo. Obrigado mais uma vez, pessoal.