Transcrições
1. Introdução: Oi, meu nome é Jess Elardo. Sou diretor de arte, ilustrador, artistas vivendo em Seattle, Washington. Além de dar aulas aqui no Skillshare sobre design de cartazes impressos em cordas e uma série de três aulas sobre design de personagens, fui diretor de arte para alguns discos pop, desenvolvi desenhos animados para a Disney, Nickelodeon, Cartoon Network, e eu colaborei em projetos com Starbucks, Nike e Raffa, Target e Penguin UK, e muitas outras pessoas. No início deste ano, criei um pacote de adesivos iMessage para a App Store da Apple. Criá-lo forçou-me a pensar de maneiras diferentes, como nos comunicamos com os outros e como as imagens são uma parte cada vez maior da nossa comunicação. Esta divergência de criação de imagens e interação
social é uma área que está madura para exploração, e nesta classe eu quero explorá-la ainda mais. Esta classe é toda sobre a concepção e criação de adesivos iMessage. Não vai ser sobre como enviá-los para a App Store e não vai ser sobre como criá-los em outras plataformas. Mas os conceitos que discutimos na aula podem ser aplicados a outros apps e plataformas, mesmo que falemos especificamente de adesivos iMessage para iPhone. Então acho que estamos prontos para ir. Vamos começar com as coisas.
2. Visão geral do curso: Primeiro, o que é um adesivo? É simplesmente uma imagem ou serve algum tipo de propósito maior? Para mim, os adesivos são uma maneira de comunicar rapidamente pensamentos, idéias, emoções sem ter que martelar um monte de palavras. É rápido, fácil, e é muito mais divertido de usar. Antes de começarmos a trabalhar em nosso próprio pacote de adesivos, vamos dar um passo atrás e ver como você os usa. É simplesmente uma abreviação divertida ou eles são uma espécie de proxy para pistas de comunicação
não-verbal que você simplesmente não consegue alcançar com a comunicação escrita típica? Pense em como você se comunica com seus amigos. Existem maneiras pelas quais você deseja se comunicar, mas atualmente não consegue? Como podemos usar adesivos de forma diferente do que somos agora? Para o meu pacote de adesivos, vou criar uma série de elementos faciais que os usuários podem combinar para criar seus próprios rostos únicos. Tendo uma variedade de formas de cabeça, olhos, bocas. Estou convidando o usuário a ser criativo com os adesivos, usando-os de maneiras que nunca imaginaria. O resultado é um make seu próprio emoji de sortes, permitindo que os usuários para comunicar de forma mais eficaz seus próprios pensamentos e
emoções pessoais , combinando os elementos que mais ressoam com eles. Como adesivos também podem ser presos sobre imagens no iMessage, você também pode usar meu pacote de adesivos para desfigurar selfies ou qualquer outra foto que seus amigos enviem. Fazer suas próprias imagens são uma maneira de repensar como usamos adesivos. Mas como os adesivos são um fenômeno relativamente novo, ainda
há muita descoberta e inovação que podem ser feitas em torno de outras maneiras que podemos usá-los.
3. Várias abordagens: Depois de pensar no que é possível com adesivos, é hora de começar a pensar sobre o pacote de adesivos que você quer fazer. Você poderia bater em um gato nele. Talvez um gato com um donut em volta do lixo e chame-o de dia. Desafio você a criar algo que seja pessoal para si mesmo. As referências da cultura pop são divertidas e têm um amplo apelo ,
mas também tem a capacidade de te deixar de lado como criador. Se você vai colocar o trabalho em criar algo, por que não criar algo que é completamente novo e que é totalmente seu? Há adesivos de gato suficientes lá fora já ou vários outros adesivos de cultura pop. Essas coisas da cultura pop desaparecerão ao longo do tempo, mas criar sua própria coisa que é única para você estabelecerá a si mesmo e sua voz criativa e se tornará um bloco de construção para sua própria carreira ser longa e bem-sucedida e te levar em de muitas outras maneiras. Considerando que confiar em uma coisa de cultura pop como sua carreira, há limitações para isso. Criar um pacote de adesivos que é pessoal para você, algo que você quer ver no mundo, porque eu garanto que se você quiser vê-lo no mundo, então haverá alguém lá fora que também quer vê-lo. Provavelmente um monte de pessoas que querem vê-lo. Não precisamos de outro gato com um pacote de adesivos de rosquinha. Use isso como uma oportunidade para você inspirar outras pessoas. Centralizá-lo em torno de seus interesses. Você ama acampar? Você adora andar de bicicleta? Você ama a praia? Pense no que você ama e crie um pacote de adesivos que de alguma forma fale com isso. Você também pode tratá-lo como uma oportunidade para aprimorar suas habilidades. Talvez você queira flexionar suas habilidades de lettering, basta pegar seu pacote de adesivos torna-se algo que é centrar palavras. Talvez você goste de desenhos de personagens, então você usa adesivos como uma oportunidade para criar novos personagens. Um dos meus aspectos favoritos de adesivos é a capacidade de incorporar animação. Mesmo quando um super sutil, animação pode dar seus adesivos no elemento dinâmico, dando-lhes mais impacto. Pense em maneiras de incorporar animação em seus adesivos.
4. Conceituação: Até agora você já tomou algum tempo para pensar sobre o pacote de adesivos que você quer
fazer e você está pronto para começar a conceber em torno dessa idéia. Estes podem ser esboços
ou notas, ou como você se sentir mais confortável trabalhando. O objetivo aqui, porém, é simplesmente despejar tantas idéias quanto você puder, fora de sua cabeça e sobre o pedaço de papel na sua frente. Mesmo suas idéias terríveis e horríveis podem levar a idéias realmente boas, então basta colocar tudo para fora e conceber tanto quanto você pode para a página, e a partir daí você pode determinar o que é importante e o que não é. Eu acho que em algum lugar entre 20 e 30 adesivos em um pacote é um ponto ideal, então você vai querer filmar para provavelmente cerca de 40-60 conceitos diferentes em torno de sua idéia. Desde que seja o suficiente para se sentir como um conjunto coeso sem que ele se torne muito navegável é realmente com você, e todos são diferentes, então escolha uma quantidade que faça mais sentido para você. Quando você começa a conceber, você realmente não precisa de muito, você só precisa de um papel. Isto não é papel chique. Você pode ter lixo na parte de trás, ou você pode usar seu caderno de esboços, qualquer coisa. Lápis são ótimos para esboçar, só porque você pode apagar. Estas canetas são divertidas, porque você pode escolher cores diferentes e anotar em cores diferentes. O que vou usar é que vou usar uma caneta preta porque vai aparecer o melhor para vocês. Como eu disse antes, estou fazendo uma série de formas de cabeça, formas de olhos e formas de boca, e então eu vou começar com cabeças, e então você começa a desenhar. Um círculo, quadrado, triângulo, e o ponto é apenas para obter o maior número para baixo o mais rápido possível, e você vai refiná-los digitalmente para que ele não precisa ser chique ou qualquer coisa, e quanto mais rápido você trabalhar, melhor só porque você quero tirar o máximo de ideias possível. Se eu estiver filmando para 15 no total, eu vou querer vir para cima com provavelmente cerca de 30 esboços. Continuo a fazer isto até chegar aos meus 30 e às vezes as coisas levam-te a outras ideias, por isso esta forma de cabeça. Eu estava pensando que poderíamos usar olhos lá e uma boca aqui, mas também parece um alce, então permita que suas outras idéias inspirem novas idéias. O círculo fez-me pensar e se for uma forma de satélite. Eu sei que disse que a cultura pop é burra, mas por que não jogar um Mickey Mouse? Apenas continue com isso. Uma vez que eu terminar com a cabeça, eu vou começar com os olhos e aparecer com as formas dos olhos. Eu só estou fazendo olhos solteiros aqui porque é muito fácil extrapolar e perceber que este será realmente dois olhos que parecem iguais. Isso é uma piscadela. A piscadela me inspirou a fazer cílios e óculos de sol. Em vez de óculos de sol, que tal óculos de raio-x? Basta continuar voando e não deve demorar muito, e às vezes o que pode ser útil é fazer anotações. Esta caneta é útil nesse sentido. Então, porque eu posso não lembrar disso, porque eu estou trabalhando tão rápido, eu posso não lembrar que eu quero que eles sejam espirais ao animar, então eu vou fazer essa nota aqui só para que eu não esqueça. Continue até ficar sem ideias,
é a melhor maneira de morrer. Quando terminar seus esboços e escolher seus favoritos, é hora de inicializar a caixa nerd e criar a arte final no Illustrator ou Photoshop. Vou usar o Illustrator porque é isso que é mais fácil para mim.
5. Digitalização: Nas minhas aulas anteriores, a classe de design de cartazes e personagem de construção também, Eu já tive tutoriais sobre como eu criar imagens vetoriais a partir dos meus desenhos de tinta, então, confira essas classes se você estiver interessado em ver essa parte do meu processo. Em vez disso, vamos passar para a configuração de um arquivo do Illustrator forma a facilitar a exportação de nossas imagens mais tarde. Neste ponto, eu desenhei todos os meus elementos e eles estão apenas em um arquivo aberto do Illustrator. A partir daqui, vou criar um novo arquivo do Illustrator que, vou despejar todos os meus elementos individuais em páginas separadas. Neste ponto, você vai querer decidir se deseja fazer adesivos pequenos, médios ou grandes. Eu sempre faço grande só porque maior é melhor neste caso. Se você quiser fazer pequenos, você vai querer fazer seus tamanhos de página 300 pixels por 300 pixels. Se você quer fazer médio, você vai fazer 408 pixels por 408 pixels e se você quiser fazer grande, você vai fazer 618 por 618. Então vamos começar um novo arquivo, criar um 618 por 600 pixels e eu
vou fazer 15 quadros de arte porque eu tenho 15 formas de cabeça e eu vou fazer um arquivo diferente para as cabeças, o mouse e os olhos. Uma vez que eu tenho isso, eu clico “Ok”, e então, a partir daqui, eu apenas começo a deixá-los lá dentro. Vou selecionar cada um individualmente e, em seguida, ir para cada página e, em seguida, se eu zero na página, e então eu posso apenas colá-lo e ele centralizá-lo automaticamente o que torna muito fácil. Em seguida, vá para a próxima página, selecione a próxima. Alternativamente, você pode apenas trazê-los para dentro e, em seguida, centrá-los a partir daí. Agora eu vou fazer o mesmo com a boca e os olhos, e agora para as bocas e lá vamos nós, daqui você salva seus arquivos e podemos começar a animar alguns elementos.
6. Como incorporar a animação: Neste ponto, você tem todos os seus elementos em suas próprias pranchetas, e se você quiser, você poderia exportá-los para imagens separadas, e começar a soltá-los em Xcode para criar seu pacote de adesivos. Mas, em vez disso, vamos começar a animar alguns dos elementos. Animação é divertida e torna o seu pacote de adesivos mais dinâmico e agradável para o usuário. Vamos aos olhos e o que eu gosto de fazer é, reorganizar as pranchetas para que elas estejam todas em uma única linha. A fim de fazer isso eu vou fazer, 15 colunas para que eles estão todas em uma única linha. Então eu vou, clique sobre isso e então eu vou apenas duplicá-lo para baixo. Uma vez duplicado,
pegue esses elementos, e mude algo sobre isso. Pode ser bastante sutil, então vou girar isto, 45 graus. Então, de lá, eu vou fazer de novo, eu fiquei um pouco fora de pancadas então, eu vou entrar e digitar isso. É importante observar, certifique-se de duplicar uma página, não copiar e colar. Dessa forma, você pode se certificar de que suas imagens caiam exatamente
no mesmo local da iteração anterior dessa animação. Caso contrário, vai ser muito difícil para ele se misturar perfeitamente, e sua animação vai acabar se tornando um pouco irregular. A partir daí, vou transformar isto em olhos escarlate. Basta continuar ajustando as coisas até que você as tenha animado de maneiras divertidas e diferentes. Em seguida, você pode ir para as bocas e fazer o mesmo com as bocas. Neste eu vou apenas ajustá-lo um pouco. Você não tem que movê-lo muito para que ele realmente se destaque. Às vezes pequenos ajustes sutis são tudo o que é preciso. Então, uma vez que você passou e fez todas as suas animações, o que eu gosto de fazer é que eu gosto de ir para suas pranchetas e apenas ter certeza de que eles ainda estão na ordem certa. Certifique-se de que toda a prancheta 1 está junto e prancheta 2 está junto e prancheta 3 então, quando
duplicamos prancheta 3, fizemos uma cópia e apenas certifique-se de que isso está abaixo dela, porque isso vai economizar algum tempo quando você exportar todas essas imagens. Nos olhos do adesivo, fizemos algumas dessas especificações de raio-x. Eu vou querer voltar e ter certeza de que eles estão organizados corretamente. Uma vez que você tenha todas as suas animações feitas, certifique-se de salvar seu arquivo, e vamos passar para exportar as imagens.
7. Como importar para o XCode: Assim que terminar suas animações, estamos prontos para exportar. Vá para Arquivo, Exportar. Escolha a pasta na qual você deseja colocá-los. Sugiro fazer uma nova pasta só para que tudo esteja em um só lugar e esteja limpo. Certifique-se de que você está exportando como PNG, selecione Usar pranchetas e certifique-se de que tudo está selecionado, a menos que haja algumas que você não queira incluir. Mas vamos selecionar tudo e, em seguida, ir Exportar. Verifique se a resolução da tela está em 72. Aqui, sua cor de fundo é transparente, e então clique em “Ok” e salva todos na pasta. Vou repetir isto com os olhos e a boca. Então, uma vez que eu terminar com tudo isso, então todas as minhas imagens estão prontas para ser
despejada no Xcode para realmente criar o pacote de adesivos. Neste ponto, exportamos todos os nossos adesivos para arquivos PNG e queremos abrir o Xcode. Faça o download se você não tiver,
é um aplicativo gratuito. Mas uma vez que você fizer isso, abra, crie um novo projeto Xcode, selecione Aplicativo Sticker Pack, selecione Avançar. Nome do produto, basta nomear o seu produto. Vou dar um nome a este adesivos de Skillshare. O nome da equipe, você pode pular isso por enquanto. Quando você deseja enviar isso para a App Store, é
aqui que você deve colocar em seu nome de desenvolvedor. Nome da Organização normalmente é o seu próprio nome ou o nome da sua empresa. Em seguida, o Identificador da Organização é normalmente o seu nome de domínio e está em notações de nome de domínio reverso. Meu nome de domínio é ledouxville.com, então você só vai com.ledouxville. Se o seu site é hamburger.org, então você vai org.hamburger. Selecione Avançar, descubra um local para salvá-los. Vou criar uma nova pasta na minha área de trabalho e nomeá-la Skillshare xcode, Criar e, em seguida, configurá-la. Estes são todos os padrões com os quais eu não costumo mexer. Mas o que você vai querer fazer é aqui no lado esquerdo onde diz stickers.XCStickers, selecione isso. Aqui, na próxima coluna, está o iMessage App Icon. Você quer exportar ícones para o seu aplicativo que iria bater em sua tela inicial do seu iPhone em todos os vários tamanhos. O que vamos fazer é ir para o Sticker Pack aqui. É aqui que arrastamos nossos adesivos para o Xcode. Eu vou para isso, clique nisso. Aqui estão todos os meus adesivos. Para os adesivos estáticos, adesivos sem animação. Você pode simplesmente selecioná-los todos e, em seguida, arrastá-los todos para dentro. Então se você tem adesivos com animações, o que eu obviamente tenho. A partir daí, você quer ir até editor e clicar em “Adicionar nova sequência de adesivos de ativos”. Em seguida, você escolhe todos os ativos para um adesivo específico. Aqui, estas são todas as
minhas imagens de óculos de raio-X que eu quero compilar em uma animação. Arrasto todos eles para a minha Sequência de Adesivos. Em vez de ir até Editor e Adicionar ativos, você também pode controlar clique e Adicionar ativos e criar nova Sequência de adesivos. Basta verificar todos os seus adesivos e adicioná-los todos ao Xcode. Vou explodir e fazer isso bem rápido. Uma coisa, se você quiser, você pode ir para a nova Sequência de Adesivos. Assim, tudo o que precisa fazer é despejá-los todos, e lá estou eu. Eu joguei tudo. Eu fiz uma Sequência de Adesivos extra, então eu posso remover isso. Então, a partir daqui, eu quero ter certeza de que todos os meus adesivos são do tamanho certo. Eu vou selecionar todos eles e eu quero eles grandes. Aqui à direita, seleciono Large. Neste ponto, você deseja entrar e ajustar suas configurações de animação. Se você clicar na seta de reprodução na parte superior do adesivo, ele mostrará a aparência da animação. Para mim, isso está indo muito rápido, então eu quero abrandar. Eu poderia tentar cinco e ver como isso parece. Isso é muito lento, então talvez eu tente nove. Isso parece bom. Passe e faça tudo isso em todas as suas animações de adesivos para ter certeza de que você as tem olhando para a direita. Assim que você tiver todas as suas animações olhando para a direita, então você vai testar o seu Pacote de Adesivos. Aqui na extensão Sticker Pack, selecione o tamanho do telefone que você deseja experimentar no iPhone ou iPad. Vou tentar sete. Vá até Produto, vá executar e ele irá compilar o seu Pacote de adesivos em uma simulação. Em seguida, seu telefone de amostra aparecerá, selecione seu Pacote de adesivos Skillshare. Então eles vão aparecer, e aqui estão todos os seus adesivos. Percorra e descubra o que você quer. Vou fazer o esqueleto. Vou colocar algumas especificações de raios-X nele, alguns dentes. Lá vai você, funciona. Neste momento, sou a Kate. Mas você pode ir até aqui e escolher John e ter uma conversa com você mesmo. Certifique-se de que tudo funciona como você deseja que ele funcione. Aí está, você está feito. Se você quiser continuar ajustando seus adesivos, você pode sair do simulador e apenas voltar e continuar ajustando todas as suas animações e, em seguida, apenas reconstruir sua simulação de telefone. É tão simples assim.
8. Encerramento: Parabéns. Agora você projetou seu próprio pacote de adesivos. Se estiver interessado em colocá-los na App Store, você precisará se inscrever no programa de desenvolvedores
da Apple e tomar as medidas necessárias para enviar seu aplicativo para a loja. Está um pouco envolvido. Ele requer que você exporte vários ícones em tamanhos diferentes, que é fácil, mas, em seguida, também há certificados digitais ,
depuração, e alguns outros técnicos mumbo-jumbo que eu normalmente não lidar com no meu dia-a-dia e apenas desenho Fotos. Mas há tutoriais suficientes lá fora que orientam você através do processo que, eu acho, você provavelmente será capaz de fazê-lo com níveis muito mínimos. Se um crânio entorpecido como eu pode descobrir, então tenho certeza que você também pode. Enquanto isso, poste imagens processadas de seus conceitos e seus esboços e suas imagens vetoriais finais e tudo isso para a galeria do projeto para que todos possamos inspirar uns aos outros e espero, empurrar os limites do que é possível com adesivos digitais. Obrigado por fazer essa aula, fazer parte dela, me ouvir divagar. Sinto muito pelo ataque das esmolas, mas espero que tenha se divertido e confira minhas outras aulas, se já não o fez. Obrigado.