Crie envoltórios de vinil e maquetes realistas para carros no Adobe Photoshop e no Illustrator

1. Introdução: Oi, meu nome é Derek Mitchell e neste curso, vou deixar você olhar por cima do meu ombro enquanto trabalho em um projeto de cliente real. Eu vou criar uma rampa de barco, que é basicamente um design em um pedaço gigante de vinil que impresso e colocado na lateral de um barco, e com essas habilidades, você será capaz para fazer a mesma coisa para criar um design para carros, caminhões, ATVs, jet skis, para qualquer tipo de veículo em que você queira colocar um design de envoltório de vinil. Agora, neste curso, não só vou mostrar meu processo exato para criar arquivos reais que realmente serão impressos, mas também vou mostrar como criar maquetes também. Talvez você esteja acompanhando e tenha uma marca com a qual você está trabalhando e queira mostrar isso em seu portfólio, vou mostrar exatamente como criar uma maquete para que você não realmente tem que imprimir o vinil e colocá-lo em um veículo real, mas você poderia. O que você vai fazer é acompanhar tudo o que faço para este projeto. Eu lhe dou todos os arquivos de lição se você quiser fazer isso. Ou para o projeto da classe, você criará seu próprio envoltório de veículo, seja para o seu próprio carro ou para o veículo de um amigo, vamos tirar uma foto dele, recortá-lo e depois aplicar o para o veículo e publique-o nos projetos. Vai ser uma tonelada de diversão. Estou muito animado com esse projeto e espero que você decida se juntar a mim. Mais uma vez, meu nome é Derek Mitchell, tenho mais de 20 anos de experiência trabalhando como designer gráfico e tenho mais de 150.000 alunos no momento desta gravação. Eu adoraria que você se tornasse um desses alunos também. Então, se você estiver pronto para mergulhar, vamos em frente e entrar no curso e começar. 2. Reunidos ativos: Neste vídeo, vamos dar uma olhada em como eu reunir ideias e começar a envolver minha mente em torno de um projeto. Então, vamos construir um envoltório de barco. É um gráfico que será impresso em vinil e depois aplicado a um barco. O barco em que vamos trabalhar é, na verdade, para um amigo meu. É novo para ele, é um barco à deriva. Esta é uma foto disso. O que vamos fazer é projetar os gráficos para os lados do barco. Podemos até ficar loucos e projetar algo para os caminhões para que tudo e vamos nos divertir muito. Então, novamente, até onde eu recebo minhas ideias e como começo um projeto como esse. Isto é o que eu faço antes de tudo, passei e tirei um monte de fotos do veículo para o qual vamos aplicar isso. Então também obtivemos medições também. Depois de configurar o projeto, teremos essas medidas a serem realizadas para nos aproximar. Então, a partir daqui, quero passar e ver o que é possível, ter uma ideia do que eu gosto e quais coisas podem ser divertidas de experimentar isso. Primeiro, adoro entrar no Pinterest para algo assim especificamente, se for relacionado a design gráfico, como logotipos ou sites ou coisas assim, adoro ir ao behance.net para essas inspirações. Você pode pesquisar aqui todas as coisas, como logotipos, fotos, web design, folhetos, qualquer coisa que você possa imaginar. Na verdade, vamos ver o gráfico do barco. Vamos ver se eles têm algum gráfico de barco aqui. Não parece que há muitos aqui. , novamente, é por isso que eu pulei direto para o Pinterest porque é algo um pouco mais específico. Eu passei e procurei por envoltórios de veículos e envoltórios de caminhões e envoltórios de barcos e coisas diferentes como esta. Isso é legal, cara. Comando, clique em segurar o comando e clicar em um link o abrirá em uma nova guia, que é basicamente o que eu fiz para todas essas guias abertas aqui. O que eu normalmente faria é que se eu quisesse salvar isso, eu faria um novo quadro. Então, vamos em frente e criamos um novo quadro. Vamos chamar essas idéias de embrulho de barco. Simples o suficiente. Clicaremos em “Criar”. Agora temos uma nova placa. Então eu posso ir em frente e fechar isso. Vou passar por todos esses. Vamos voltar. Porque todas essas páginas já estavam abertas. Oh, aí está. Às vezes você tem que atualizar a página como eu ia dizer, mas como ela já está bem ali, vou clicar em “Salvar”, Comando W para fechar isso, Controlar W em nosso PC. Vamos seguir em frente e salvar isso em ideias de embrulho de barco, nós fechamos. Vou apenas passar e fazer isso por cada um desses pinos que abri, que é inspirador para mim. Dessa forma mais tarde, quando volto a isso, posso vê-los todos em um só lugar. Esse é o meu processo. É bem simples, nada muito louco. Então, aqui estão algumas ideias diferentes. Basta notar que há muitas possibilidades à medida que mergulhamos neste projeto maneiras diferentes, podemos aceitar isso. Vou seguir em frente e apenas pular em frente e mostrar um outro link aqui que achei que foi realmente inspirador. Na verdade, encontrei isso através de um desses links do Pinterest e seu Wakegraphics.com. Não tenho nenhuma afiliação com eles. Mas enquanto eu estava olhando através de alguns de seus diferentes envoltórios de barcos e envoltórios de veículos e idéias diferentes quando você rola para baixo, eu queria mostrar isso muito rápido. Então, aqui estão alguns de seus caras aplicando o invólucro em um caminhão, que é realmente muito semelhante ao o que é realmente muito semelhante ao caminhão que vamos fazer isso também, só para que você veja como isso funciona. O que eles farão é imprimir grandes folhas desses gráficos. Em seguida, usar uma pistola de calor e algumas ferramentas diferentes, eles realmente aplicarão isso como um adesivo gigante para o caminhão é basicamente como isso vai funcionar. Ao usar a pistola de calor, eles são capazes de moldá-la para as diferentes formas e contornos do veículo. É assim que ele começa. Depois de terminar, ele se transforma em algo mais parecido com isso, o que é super legal. Então, outra maneira que vai pegar idéias na primeira é através do Pinterest, como acabei de te mostrar. A outra é que se eu achar algo inspirador como este, posso tirar uma captura de tela em alguns sites, você pode clicar com o botão direito do mouse e salvar a imagem. Este, o clique com o botão direito do mouse está desativado porque a forma como o site foi criado. Eu uso um atalho “Command Shift” e o número quatro para pegar minha mira aqui e arrastar isso e depois soltar. Você notará que ela tira uma foto e a salva na minha área de trabalho. Em um PC será uma abordagem um pouco diferente. Mas, basicamente, tudo o que estamos fazendo é tirar uma captura de tela ou pegar a tela o que você quiser chamar, então “Command Shift” quatro como meu atalho em um Mac. Clique e arraste, solte o mouse e ele tira uma foto e, em seguida, ele a salva como um PNG na minha área de trabalho para que eu possa manter essa foto para mais tarde. O que vou fazer agora é passar. Há algumas fotos aqui que são inspiradoras para mim. Eles mostram o processo, bem como me dão algumas ideias para coisas que poderíamos tentar. Vamos fazer apenas mais alguns. Adoro esse estilo. Isso não é o que ele quer para o barco dele, mas ainda me inspira e acho divertido olhar para ele, pelo menos para vocês verem o que é possível e vejam o que podem fazer com esse meio. Então, vou em frente e fecho este site. Tenho algumas ideias diferentes, algumas fotos que tiramos. Tenho alguns pinos diferentes no Pinterest. Vamos em frente. Vou pular isso muito rápido. Vou salvar tudo isso em minhas pastas, e então vou avançar rapidamente o vídeo rapidamente. Então, agora que tenho os pinos do Pinterest salvos na minha prancha para as idéias de design de barcos. Agora, o que estou vendo são mais inspirações, coisas que ele me enviou. Então ele quer que isso pareça uma vibe dos 80. Como o pôr do sol, coisas assim. Então ele me enviou uma foto desses shorts de barco O'Neill. Temos algumas dessas listras e essas cores. Temos todas essas cores para trabalhar. Temos o padrão de listras para trabalhar, tanto quanto uma ideia que ele gosta. Ele colocou novos assentos no barco. Ele me enviou uma foto desses, então se quiséssemos combinar isso um pouco melhor, talvez possamos trabalhar neste visual azul e cinza e carvão vegetal para combinar, o que o ajudará a amarrá-lo com um barco. Então também, passei e abri mais alguns pinos para ver algumas idéias de luz diferente, luz brilhante do pôr-do-sol também. Eu vou realmente salvar todos esses. Vamos ver. São mais para nós apenas ver o estilo que estamos procurando. Posso dizer que este é o meu conselho, mas também vou mantê-los para o lado aqui, então eu gostaria de me referir. Então, quando vi este 50 pôr-do-sol retrô vintage, seja lá o que for, este clip-art PNG , me lembrou da Envato Elements, que é algo que eu uso o tempo todo. Adoro elementos da Envato e recomendo vivamente que vocês obtenham uma assinatura. Na verdade, sou afiliado, mas não tenho um link de afiliado aqui. Eu só acredito nisso, então não estou ganhando dinheiro com isso para encaminhá-los para você assim. Eu só quero que vocês consigam ter todos os recursos necessários para serem bem-sucedidos como designer. Com isso em mente, o que eu fiz aqui é que fui para a Envato Elements e digitei o gráfico do pôr-do-sol dos anos 80. Então você pode pesquisar todos os itens especificamente agora que estou procurando em Modelos gráficos. Eu poderia mudar para gráficos em geral. Vamos procurar por isso. Você pode obter alguns resultados diferentes aqui. Vou ir em frente e voltar. Acho que há mais aqui pelo que estou procurando assim. Mas há itens de vídeo, fontes e fotos e apenas todas as coisas. Vou apenas excluir isso e apenas ver o que os anos 80 nos dão em geral. Ao rolar para baixo, obviamente parte do estilo, como essa fonte e esse tratamento se destaca para mim, as cores se destacam para mim. Temos muitas coisas legais com as quais poderíamos trabalhar. Podemos acabar baixando alguns desses e retirando algumas das peças. Mas esta é a direção que estamos indo. Agora que tenho uma boa ideia de onde estamos indo e do que vamos fazer. No próximo vídeo, vamos seguir em frente e começar a preparar nossa arte para projetar nosso envoltório de barco. 3. Gerenciamento de arquivos e configuração de arquivos: Neste vídeo, vamos fazer um pouco de limpeza. Vamos fazer algum gerenciamento de arquivos e, em seguida, vamos configurar nosso arquivo, para que possamos começar a projetar nosso projeto. momento eu tenho esta pasta de envoltórios de veículos na minha área de trabalho e é aqui que estou salvando as gravações deste curso, bem como os arquivos de design para o que eu realmente estou fazendo. Vamos entrar nessa pasta de arquivos de design e , como vou referenciar muito essa pasta, vou clicar e arrastar nesta pasta, e simplesmente jogá-la na minha guia de favoritos ao lado, dessa forma, enquanto estou passando por coisas, posso ver isso de forma rápida e fácil e usei a visualização de colunas. Posso ver pastas vamos nos referir um pouco. Temos as idéias que esta é aquela foto que foi enviada com a inspiração para a cor e o estilo, e então também temos todas essas capturas de que tiramos para algumas outras ideias. Eu vou jogar isso na pasta de ideias também, e então eu tenho todas essas fotos do Pinterest que eu poderia passar e salvá-las da mesma forma tirar capturas de tela delas, e salve-os nessa pasta de ideias, e eu provavelmente farei isso, modo que vocês tenham acesso a eles caso os links da web mudem. Nessa nota, o portfólio, vou te mostrar isso muito rápido, tenho o link para onde peguei todas essas capturas de se vocês quiserem conferi-las online. De qualquer forma, isso também será fornecido nesta pasta. Eu passo quando estou iniciando um projeto e coloco todas as minhas ideias em uma pasta de ideias e, se eu tiver alguma foto ou recurso, também as coloco lá. Aqui estão todas as fotos do caminhão se vocês quiserem usá-las. Mais tarde, na aula, vamos usá-los. Vamos recortar essas fotos e aplicar o invólucro também. Vai ser super legal, mas esse é o meu processo. É assim que você coloca tudo pronto e pronto para começar. Agora, como temos nossos arquivos todos definidos, é hora de realmente criar o arquivo em si, o arquivo de design. Para este projeto eu poderia usar o Photoshop e, em alguns casos, usei o Photoshop mas como isso vai ser enorme, vai ter 18 pés de comprimento, vamos usar o Illustrator. A razão pela qual estamos usando o Illustrator é porque o Illustrator é um programa baseado em vetores. Ele permite que você crie gráficos gigantescos que são realmente pequenos em tamanho de arquivo e eles são escaláveis. Vou seguir em frente e começar aqui. Vamos começar criando um novo arquivo, e logo de cara, ele já está configurado para impressão. Se você não vir isso, observe na parte superior, temos algumas guias diferentes e, como uma nota lateral, o que é realmente legal se você clicar nessas guias, obviamente, estamos fazendo um documento impresso, mas se você rolar para baixo, há alguns modelos pré-criados com os quais vocês podem jogar. Às vezes, é fácil ignorá-los quando você está apenas tentando ver como iniciar um novo arquivo no Illustrator ou no Photoshop, mas confira todas essas guias diferentes. Há alguns arquivos muito legais que podem ser divertidos de explorar, especialmente se você é novo e estiver tentando aprender e fazer engenharia reversa sobre como outra pessoa construiu seu trabalho. Este é um ótimo lugar para começar. Como este é um projeto impresso, vou começar aqui sob impressão, e vamos ir em frente e mudar isso de pontos para polegadas, e na verdade, eu provavelmente poderia mudar isso para pés. Essa é uma nova opção aqui que não costumávamos ter no passado. Eu tenho essa opção para os pés. Vou abrir essas fotos que consegui, e vamos encontrar essa imagem que tinha todas as dimensões do barco. São 16 pés daqui para cá, mas o barco, esta parte é curvada, então é realmente 18 pés para envolver isso. Vamos configurar nosso arquivo de 18 pés de largura, colocar 18 aqui. Agora, se você estiver usando uma versão mais antiga e não tiver pés como opção, você pode simplesmente tirar sua calculadora. Nós vamos calculadora e deveríamos ir 18 pés vezes 12 polegadas que seriam 216 polegadas se você quisesse fazer isso em polegadas. De qualquer forma, é assim que eu trabalharia. É assim que eu deixo as medidas lá, vamos voltar à nossa pré-visualização e tem cerca de 18 polegadas de altura na parte de trás, mas são 32 polegadas na frente. O que é legal sobre isso, poderíamos realmente mudar isso para pés e polegadas. Novamente, se você não tiver essa versão, se você estiver trabalhando com uma versão mais antiga que não tem isso, geralmente a coisa toda em polegadas e converta dessa forma também. Mas como temos isso como uma opção, super legal, vamos fazer isso dessa maneira. Vejamos isso novamente, esqueci a medida, 32 polegadas de altura. Vamos voltar aqui, e vamos fazer este 32, que é na verdade 2 pés, 8 polegadas, lá vamos nós. Em seguida, o modo de cor é CMYK porque estamos fazendo isso para impressão. Queremos que nossos efeitos raster sejam 300 pixels por polegada. Um efeito raster seria se vamos adicionar sombras ou outros efeitos não vetoriais a isso. Queremos que seja de alta resolução para impressão e, em seguida, seguiremos em frente e clicaremos em “Criar”. Temos nosso arquivo agora e você notará que isso não se parece com essa forma. O que vai acabar acontecendo é que vamos dar espaço para onde isso realmente é cortado. Se eu quisesse, provavelmente poderia traçar isso e fazer com que estivesse mais perto de fazer um esboço, mas o que vamos fazer é que vamos projetar isso de uma forma que seja bastante indulgente. Se olharmos para esses shorts de tabuleiro que somos uma das ideias enviadas, podemos fazer da coisa toda um desses padrões, e então não importa onde isso cai no barco, isso vai nos dar muito espaço para quando isso realmente for aplicado. Em seguida, podemos projetar um logotipo ou algo separadamente que, depois que eles tiverem isso perfeitamente definido, eles podem colocar o logotipo em cima e fazê-lo se encaixar exatamente onde eles querem que ele vá. É praticamente assim que vamos começar aqui. O que vamos fazer agora antes de avançarmos, vamos em frente e salvar nosso arquivo. Go File, Save As, vamos salvá-lo em nosso computador para este, entanto, eu recomendo salvá-lo na Creative Cloud, e o motivo é porque se você apenas olhar para essas caixas de seleção aqui, com a Creative Cloud, você pode fazer coisas legais como sincronizá-lo em todos os seus dispositivos, salvar automaticamente todas as alterações, ver o histórico de versões, você pode até convidar outras pessoas para editar, o que, novamente, eu recomendo trabalhar dessa maneira, por causa de algumas coisas que eu sei que vou fazer no futuro, eu realmente vou ser o mesmo que direto para o meu computador por enquanto, e também normalmente use o Dropbox. Agora estou economizando diretamente na minha área de trabalho para o bem deste curso. Na verdade, basta criar uma nova pasta aqui, e vamos chamá-la de Arquivos de design. Vamos chamar isso Boat-Wrap-1. Vou deixá-lo como traço 1, assim como vocês estão acompanhando, vocês têm as diferentes versões comigo aqui. Mas normalmente eu salvaria isso na minha pasta do Dropbox, então eu tenho histórico de versões dessa forma e, em seguida, tenho links compartilháveis para outras coisas que faço quando estou trabalhando com uma equipe fora do Creative Nuvem. Vou seguir em frente e clicar em “Salvar”, e vou em frente e clicar em “Ok”, e agora tenho um arquivo pronto para começarmos a projetar. No próximo vídeo, agora temos nossa configuração de arquivos e temos algum gerenciamento de arquivos acontecendo, vamos seguir em frente e começar a lançar algumas coisas aqui e começar a ver o que nós pode surgir para o nosso design. 4. Recortar um veículo no Photoshop: Nesta lição, vou mostrar a vocês como tirar uma foto como essa, e quero cortar esse caminhão fora da cena e depois criar áreas onde posso colocar gráficos nele e torná-lo real. Esta é uma etapa desnecessária se você estiver trabalhando com uma impressora que fará um envoltório de veículo para você. Você deve ser capaz de simplesmente enviar seu arquivo de design e, em seguida, eles podem aplicá-lo ou talvez até mesmo fazer uma maquete para você. No entanto, se você está trabalhando para um cliente ou talvez seja a pessoa que vai fazer o rap, é divertido mostrar a eles exatamente como seria no veículo. Nesta lição, vamos dar uma olhada exatamente como fazer isso. Para começar, você pode escolher a foto que quiser. Se você quiser acompanhar, eu estou usando este, é IMG_7009.JPG. Eu escolhi este porque eu poderia ir por cima e projetar algo para o caminhão também. Mas também é uma boa foto de perfil apenas do barco e do trailer. Se você quer um tiro mais próximo, temos 7004, que é praticamente o barco do lado. Eu poderia escolher qualquer uma dessas fotos para fazer o que estou prestes a fazer. Como eu disse, vou começar com este porque quero o caminhão e o reboque cheios no tiro. Vamos seguir em frente e abrir isso no Photoshop. Há muitas maneiras de fazer isso. Gosto de clicar e arrastar diretamente sobre o ícone do Photoshop para abri-lo. Se isso não funcionar para você, você também pode abri-lo no Photoshop, indo para Arquivo e, em seguida, Abrir e, em seguida, encontrar essa foto. Neste momento, vou trabalhar diretamente dentro desta foto. Vamos em frente e salvá-lo. Ainda não fiz nada, então, ao pressionar “Command S”, nada acontece. O que vou fazer é clicar em “Command Shift S”, que é meu atalho para Salvar Como e agora posso renomear isso. Vou voltar aqui para meus arquivos de design. Vamos chamá-lo de Cutout agora. Vou deixar o nome da imagem nele. Às vezes eu faço isso se eu quiser me referir à imagem original. Posso fazer uma pesquisa rápida de holofotes com o atalho é espaço de comando em um Mac, e posso digitar IMG_7009 e então posso encontrar essa imagem muito rapidamente se eu quiser voltar para ela. Eu só vou fazer isso agora e clicar. Vamos ver o formato, queremos que este seja um arquivo do Photoshop, então temos camadas editáveis. Vou em frente e clique em “Salvar”. Neste momento, se você nunca usou o Photoshop antes, vou mostrar apenas os passos para essa peça exata, e vou um pouco rápido, mas você definitivamente pode acompanhar o que eu sou fazendo. Se você quiser saber mais, eu tenho alguns outros cursos de Photoshop e design gráfico , também onde entro em mais detalhes. Mas minha esperança com esta lição é apenas mostrar exatamente o que você precisa fazer para poder acompanhar e fazer isso recortar. Com isso dito, agora eu tenho minha camada de fundo. Um recurso muito legal nas novas versões do Photoshop é que temos algumas ações rápidas aqui. Para chegar a eles, estamos na guia Propriedades. Se você não vê isso, deixe-me fazer algumas coisas primeiro. Vou vir aqui e vou redefinir meu espaço de trabalho e me certificar de que estou no espaço de trabalho Essentials. Dessa forma, você e eu estamos olhando para a mesma coisa. A partir daí, eu tenho esta guia Propriedades. Se você não vir isso, você pode vir até o Window e, em seguida, chegar até Propriedades. Você verá todas essas propriedades. Agora, isso depende da camada em que você está ou de quais ferramentas você está usando, essas propriedades mudarão. Com isso, tenho algumas ações rápidas aqui, mas não vejo a que eu quero. O que vou fazer com essa camada selecionada, vou duplicar essa camada. Existem algumas maneiras de fazer isso. Meu favorito é clicar em “Comando” e a letra J para pular uma cópia até a nova camada. Vou excluir isso, mostrar outra maneira de fazer isso. Mantenha pressionada a tecla de opção, clique e arraste, o que não funcionará porque você já precisa ter outra camada antes de começar a clicar na opção e arrastar. Vamos clicar em ambos , excluí-lo. Pessoal, sei que estou voando por isso. Se eu estiver indo muito rápido, não se esqueça que é um vídeo. Você pode pausá-lo, você pode reproduzi-lo a meia velocidade, rebobiná-lo. Você pode até reproduzi-lo muito rápido se for um usuário intermediário a avançado e quiser pular em frente. Estou apenas, novamente, tentando te mostrar, se você está olhando por cima do meu ombro, exatamente como eu trabalho. Vamos tentar isso novamente. A outra maneira fazer isso é clicar e arrastar diretamente sobre o ícone da nova camada e duplicá-lo. Acho que o que estou tentando mostrar aqui é que há 100 maneiras de fazer a mesma coisa, apenas no caso de uma delas não funcionar para você, dependendo se você estiver em um Mac ou em um PC, ou qual versão você está usando. Novamente, meu favorito é apenas clicar em “Command J” para duplicar camadas quando preciso fazer uma cópia. Com essa cópia em segundo plano selecionada, agora tenho essas ações rápidas disponíveis, na guia Propriedades, para remover o plano de fundo ou selecionar o assunto. O que vou fazer é clicar em “Selecionar Assunto” e ver o quão bom é um trabalho. Você pode ver que não recebe todo o barco. Ele recebe mais do prédio e posso dizer imediatamente que isso não funcionará muito bem para mim nesta versão. No entanto, dependendo da foto que você tem, você pode clicar em “Selecionar Assunto” ou remover o plano de fundo e imediatamente todo o resto é cortado. Agora, esse não é o caso para mim, então vamos ter que fazer isso um pouco mais avançado. Vamos em frente e volte a ligar nossa camada de fundo, clicando neste globo ocular. Vou chegar a essa camada de máscara. Vou clicar em “Command Z” algumas vezes para desfazer tudo isso. Vou desligar essa camada de fundo e vou usar uma ferramenta de caneta bem sobre essa camada de fundo. Agora, a razão pela qual eu uso a ferramenta caneta é porque você pode fazer seleções realmente precisas, você pode clicar e arrastar para fazer curvas e arcos e todas as formas legais, e então quando tudo é dito e pronto e você fechou seu caminho, você pode clicar com o botão direito e fazer uma seleção. Com essa seleção, agora posso fazer recortes e posso fazer máscaras. Se eu tiver essa camada selecionada e aqui posso clicar neste pequeno ícone de máscara, o que isso faz é adicionar uma máscara a essa forma ou a essa camada. Então, qualquer coisa preta está sendo escondida, qualquer coisa branca está aparecendo. Então o que eu poderia fazer é pegar minha ferramenta de pincel, e se eu estiver pintando com preto agora, que é minha cor de primeiro plano, ela vai apagar. Se eu apertar a letra X e eu trocar isso para que branco seja o primeiro plano ou clico nesta pequena seta dupla para trocar, o que a traz na frente. Agora, se eu estiver pintando com branco, isso trará de volta essa imagem, e eu estou pintando nesta camada de máscara. Isso vai ser muito útil à medida que refinamos nossa seleção, mas eu só quero que você veja para onde estamos indo e como isso se comporta. O que vou fazer é clicar e arrastar esta máscara diretamente a lixeira, clicaremos em “Excluir”. Não queremos aplicar isso ainda. Vou começar de novo. Agora, o que vou fazer é aumentar o zoom. Sou um grande fã de atalhos de teclado, se você ainda não descobriu isso. Segurando a tecla da barra de espaço, ela se transforma na ferramenta manual para que eu possa mover minha tela. Ou acabei de apertar a letra H, ou eu poderia clicar aqui, minhas ferramentas ao lado , e pegar a ferramenta manual. Quero ampliar, para que eu possa apertar a letra Z ou posso clicar na ferramenta de zoom e, em seguida, clicar e arrastar para ampliar. Então eu posso apertar a letra H novamente para mover minha tela, mas tudo isso é um clique demais. Não gosto de ficar preso na ferramenta manual. O que eu gosto de fazer é usar a ferramenta mover, que é a letra V, ou, na verdade, é a ferramenta de movimentação no Photoshop, é a ferramenta de seleção no Illustrator. Gosto de usar a ferramenta de movimento e configurá-la aqui, letra V, e agora sem nada, não estou tocando em nada no mouse do teclado. Se eu bater na barra de espaço, é meu atalho para obter a ferramenta manual. Assim que eu solto, ele salta de volta para isso, mova a ferramenta, a barra de espaço, depois comanda e ela se torna minha ferramenta de zoom. Em seguida, clique e arraste ou barra de espaço, comando e, em seguida, a opção se torna uma ferramenta de redução de zoom. Estou constantemente movendo coisas assim com minha mão ou a ferramenta de zoom para levar as coisas exatamente onde eu quero que ela vá. Agora que passamos por cima disso, vou acertar a letra P para pegar minha ferramenta de caneta e vamos começar a cortar isso. Agora, você pode começar em qualquer lugar que quiser, realmente não importa. Basta começar em algum lugar onde seja fácil ver onde estão o início e o final. Por qualquer motivo, vou vir aqui e vamos começar por aqui. Vou apertar a tecla Caps Lock, ela vai mudá-la do cursor da caneta para o cursor preciso. Posso ligar ou desligar o Caps Lock dependendo do que vocês querem, do que preferirem. Vou clicar, e depois clicar, e arrastar antes de soltar para obter um belo arco, não sei, uma linha bonita e flexível. Isso vai ser algo que você pode ter que fazer muita prática. Você também pode escolher o que incluir. Agora, eu sei que esta é a antena do caminhão, mas eu poderia cortá-la apenas indo assim e ninguém saberia que está faltando. Ou se você quiser estar realmente exagerado sobre isso, você pode vir aqui e incluí-lo também. Vou dar um passo atrás ao bater em “Command Z”. Vamos nos certificar de que estamos recebendo algumas curvas bonitas aqui. Você também notará que estou cortando um pouco porque vê onde esta linha está? É um esboço mais escuro. Em vez de segui-lo diretamente lá, estou cortando por um pixel só para que seja uma seleção agradável e limpa. Isso é algo que eu tive muitos anos de prática tentando ficar muito preciso com a ferramenta caneta. Se for um pouco difícil no início, não desanime, é uma ferramenta difícil de dominar. A outra coisa que você pode fazer é, uma vez que você chegar a um canto, se você quiser dobrar este canto, eu posso apertar a tecla de opção que o altera da ferramenta caneta para a ferramenta de conversão de ponto de ancoragem direito aqui, a ferramenta de ponto de conversão. Eu poderia vir aqui e clicar nisso, e então eu teria essa ferramenta para dobrar isso onde eu quero que ela vá. Mas, novamente, gosto de usar atalhos porque é mais rápido. É assim que eu trabalho. Vou usar essa opção de suspensão para converter esse ponto. Agora, o que vai acontecer é que nossa linha está se inclinando para aqui, e assim que eu clico em qualquer outro lugar, a linha irá em direção a esse ponto de ancoragem, em direção a essa alça, veja? Mas então ele se inclina para onde eu clico. Essa é uma maneira de você realmente controlar isso. Agora, a outra coisa é, porque esta árvore é quase da mesma cor que a cama do caminhão, Photoshop nunca conseguiria uma seleção muito boa aqui, que é, novamente, por isso eu gosto para usar a ferramenta caneta em vez de algumas das outras ferramentas de seleção que poderíamos usar que podem tornar isso mais rápido ou mais fácil. Gosto de tornar isso muito exato e preciso. Às vezes você percebe que isso faz parte do caminhão aqui, mas estou apenas fazendo dele uma linha reta novamente porque ninguém vai saber quando isso for cortado, se está faltando algo ou não. Além disso, estou tendo dificuldade em identificar quais partes disso manter. Algo a ter em mente, quando você está cortando as coisas, você não precisa segui-lo exatamente, você pode pintar a imagem que você quer que elas vejam e deixe-a tão limpa quanto quiser. Vou seguir em frente e cortar esta peça lá em cima porque não faz sentido. Agora, isso vai além do que eu quero, indo para a tecla de opção e vou dobrar essa linha de volta, e ainda estou selecionado aqui para que eu possa continuar, e isso vai ser realmente tedioso processo. Quero que você veja exatamente como funciona. Vou acelerar um pouco as coisas e depois voltaremos aqui assim que eu estiver mais adiante. Aqui está algo em que você pode optar por estar realmente exagerado e passar horas fazendo isso ou não, totalmente com você. Mas pequenas coisas como este cabo, a linha de freio que está voltando. Eu poderia fazer minha seleção vir aqui e manter isso na loja, e então, se eu quiser adicionar à seleção, o que eu faria é clicar com o comando daqui, então agora essa linha está desselecionada, esse caminho . Se você quiser ver seus caminhos novamente, aqui pela guia de camadas, se você passar por cima de alguns de vocês ver esta guia caminhos. Você pode ver o caminho de trabalho no qual estamos trabalhando no momento. Se você não vir aqui, vá em Janela, desça para caminhos e você verá esse caminho. Agora, aqui em cima, na barra de opções na parte superior, isso mudará dependendo da ferramenta que você selecionou. Neste momento, porque eu tenho a ferramenta caneta selecionada, tenho algumas opções diferentes aqui. Neste momento, se eu clicar sobre isso, ele excluirá formas sobrepostas, que é exatamente o que queremos. Queremos ser capazes de desenhar vários caminhos na mesma camada de caminho e, quando eu fizer uma seleção no final de tudo isso, quero que eles sejam cortados, então isso é bom o suficiente. Vou comandar clique de volta neste caminho. Eu trouxe este pequeno círculo com uma linha através dele na ferramenta caneta para que eu clique nele e agora minha caneta tem uma pequena marca de barra e eu posso clicar e arrastar e continuar nesse caminho. Novamente, sei que vai ser preciso muita prática, e eu realmente quero que você veja meu fluxo de trabalho e meu processo e como penso sobre essas coisas, e também mostre o que é possível, mas também tenha em mente, como eu disse, eu tenho feito isso há muito tempo, e espero que você o pegue muito rápido. Para mim, levei um tempo para ficar bom nisso. Mas vale a pena, porque quando você terminar, você terá seleções perfeitas em pixels para as coisas. Isso vai ficar muito técnico aqui. Se eu quisesse, eu poderia terminar meu esboço principal primeiro e depois voltar ou posso comandar o clique, e depois voltar aqui e adicionar todos esses pequenos recortes e formas. Mais uma vez, isso é até agora o exagero superior, mas eu realmente gosto disso. É uma coisa nerd de se fazer, mas o que vai acontecer é que, quando cortarmos isso, vai parecer muito legal porque todos esses pequenos detalhes extras ainda estarão nesta foto. Você verá o que quero dizer aqui daqui a pouco, e se você estiver curioso, você pode simplesmente cortar a frente para alguns outros vídeos e apenas ver o resultado final, mas novamente, esse é o meu fluxo de trabalho. Agora, eu tenho esse caminho todo entrando aqui ainda no mesmo caminho de trabalho, às vezes o que eu vou fazer é clicar duas vezes aqui e vou chamá-lo de recortado apenas para que ele salve o caminho quando Eu salvo esse arquivo e fecho-o. Falando nisso, vou seguir em frente e salvar este comando S agora para salvá-lo, clique em “Ok” e ele vai salvar este arquivo PSD, e assim se algo falhar ou algo acontecer com o meu seleção , ainda estará neste arquivo. Eu poderia até fechar isso, abri-lo de volta e, em seguida, chegar ao meu caminho Janela, clicar neste caminho e ele estará ali esperando por mim. Com isso em mente, vou seguir em frente e continuar clicando, continuar desenhando caminhos, você pode ver que eu tenho um longo caminho a percorrer e é um processo realmente tedioso, mas novamente, quando você está trabalhando com uma foto que pode ser difícil para o Photoshop ver as bordas, essa é a melhor maneira de fazê-lo. Acabei de cortar todo o contorno e agora vou intervir e apenas garantir que todas essas pequenas formas internas sejam cortadas também. Aqui embaixo, pulei completamente as correntes e esses cabos porque seria muito trabalho e levaria uma eternidade. Vamos prosseguir e começar a trabalhar por dentro. Vou clicar neste comando de camada de recorte clique aqui para desselecionar todos esses pontos de ancoragem, e agora com a ferramenta caneta, vou continuar cortando essas peças interiores também. Agora, acabei com todos os detalhes meticulosos no interior aqui. Photoshop nunca conseguiria ver essa forma real, e mesmo que houvesse um carro em segundo plano, eu passei e rastreei com precisão todas essas peças até mesmo o cabo com o pequeno O Caribe está no final aqui que conecta esse loop. Essa é a maneira mais exagerada, mas adoro essas coisas e adoro fazer minhas seleções o mais perfeitas possível. Agora, eu tenho esse caminho de recorte aqui, vou seguir em frente e salvar meu arquivo do Photoshop novamente. Agora, aqui é onde a magia acontece de todo esse trabalho duro. O que vamos fazer agora é que eu tenho a ferramenta de caneta selecionada , há algumas coisas que poderíamos fazer. Posso clicar com o botão direito do mouse aqui e clicar em “Fazer seleção”, que fará uma seleção de tudo, e agora nesta caixa, podemos pular as bordas e o que isso significa é apenas para suavizá-los um pouco em vez de ser uma vantagem muito nítida. Vou deixar isso em zero. Às vezes eu posso aumentar para pagar o tamanho da imagem de alguns pixels para talvez 10 ou 15 pixels, só depende do que você está tentando fazer e vamos fazer uma nova seleção. Se eu já tivesse uma seleção, você pode selecionar, adicionar à seleção ou subtrair da seleção ou interseção para que essas duas seleções se cruzem entre si. Vou clicar em “Ok”, e agora essa coisa toda vai se transformar em uma seleção, em vez disso, deveria ter. Vamos tentar isso novamente, clique em “Ok”. Ele não está funcionando. Lá vamos nós. Acho que isso é apenas um pequeno bug do Photoshop, mas conseguimos que ele funcione. Isso é o que você deve ver. Eu chamo isso de formigas marchantes ou a seleção de marquise aqui. Vou clicar em “Comando D” para desmarcar isso ou vir aqui para selecionar, descer para desmarcar, só para poder mostrar outra maneira de fazer isso. Não vemos os caminhos novamente. Na ferramenta caminho, clique em sua camada de caminho, ela voltará. Você pode clicar com o botão direito do mouse em “Fazer seleção”, ou eu gosto de manter pressionada a tecla de comando ou a tecla de controle em um PC e, em seguida, clicar na miniatura desse recorte e ele fará exatamente a mesma coisa, então essas são duas maneiras de trabalhar aqui. Agora, como vejo essas seleções, uma coisa que percebo é que podemos estar bem, na verdade, essas rodas, sim, acho que estamos bem. Eu não cortei os raios, mas não acho que precisamos porque eles são tão profundos, você realmente não vê através deles, mas eu vi através deles nesta parte traseira aqui, para que você possa ver minhas seleções. Eu passei e recortei absolutamente tudo o que não fazia parte da imagem. Agora, o que podemos fazer é realmente muito legal. Vou voltar ao meu painel de camadas. Estamos nesta cópia de fundo, e aqui em baixo neste pequeno quadrado com um círculo no meio, esse é o nosso botão adicionar máscara de camada. Se eu clicar nisso, ela vai mascarar essa imagem. Se acidentalmente selecionarmos a coisa errada, podemos clicar nesta camada de máscara preto e branco e usar a ferramenta pincel, que é a letra B, e aqui na barra Opções, podemos controlar quais são os nossos tamanhos, podemos controlar o quão duras são as bordas do pincel, muitas coisas legais que podemos fazer. Eu poderia vir aqui se eu perdesse a seleção, agora, branco é meu primeiro plano na máscara e se eu começar a desenhar ou pintar, ele voltará. Comando Z, se eu for clicar em X para trocar meu primeiro plano e fundo, eu vou clicar neste pequeno ícone de seta dupla aqui, ele vai trocar e agora com preto, eu posso pintar sobre isso e apagar, mas pintando com preto nesta camada de máscara. Essas são duas maneiras de trabalhar, mas isso é muito legal porque agora eu também posso manter pressionada a tecla shift e clicar na máscara para desativá-la temporariamente e ver onde minha imagem é essa. O que é legal nisso é que agora temos esse caminhão perfeitamente selecionado e estamos fazendo grandes progressos aqui para ter um modelo, uma maneira de simular nosso envoltório de veículos. Vou ir em frente e parar este vídeo e me certificar de que clique em “Salvar” rapidamente. No próximo vídeo, vou mostrar como fazer algumas sombras realistas e, em seguida, também criaremos nossos painéis para que possamos trazer nossa arte do Illustrator. 5. Crie uma sombra realista: Neste vídeo, vou mostrar a vocês como criar sombras realistas para um veículo. Novamente, isso não tem muito a ver com todo o design do envoltório do veículo, isso é mais parte do mock-up disso, mas é algo que eu faço com o qual me divirto muito. Eu realmente gosto disso e então eu só queria mostrar meu processo também. Se você estiver acompanhando, vá em frente e abra este arquivo de início de sombra e eu vou continuar e salvá-lo novamente como o final da sombra, porque dessa forma, não salvo acidentalmente o meu trabalho. Você pode abrir o arquivo de início de sombra e você verá isso. O que vamos fazer é criar a sombra. Se eu segurar Shift e clicar nesta máscara, poderemos ocultar essa máscara e ver a imagem abaixo e depois ver onde está nossa sombra para essa imagem. O que vou fazer é ir frente e criar uma nova camada e eu gosto de manter pressionada Command e clicar no ícone Nova Camada. O que isso faz é que a nova camada abaixo da camada em que estou. Se eu só clicar na Nova Camada, ela a colocaria acima. Não é grande coisa, eu posso arrastá-lo para baixo, mas novamente, apenas mostrando meu fluxo de trabalho, eu mantinha pressionado Command, clicaria nisso e agora tenho uma nova camada logo abaixo aqui. Agora vou pegar minha ferramenta de caneta novamente, muitas maneiras de trabalhar, mas é assim que eu quero fazer isso. Vou clicar e arrastar, e não precisa ser preciso, só precisa estar perto. Só estou fazendo uma forma que tem quase a mesma forma que essa sombra. Ainda não precisa ser perfeito, por causa de algumas dicas ou alguns truques, acho que vou mostrar a vocês como tornar isso realista. Estamos apenas tentando obtê-lo no estádio geral do que esta forma é aqui. Você não precisa ser tão preciso, você poderia literalmente desenhar um retângulo e isso pode ser bom o suficiente, mas como eu tenho a sombra como um exemplo para trabalhar, eu fiquei bonita perto desse esboço. Agora eu tenho esse caminho e estou nessa camada vazia. Eu poderia clicar com o botão direito do mouse e fazer uma seleção como falamos ou posso vir aqui para Caminhos e temos um novo caminho. Vamos chamar essa sombra. Vou clicar no comando nesse caminho de sombra. Agora eu tenho uma seleção. Voltarei às minhas camadas, vou preencher isso com preto. Se eu apertar a letra D no meu teclado, ela mudará minhas cores de preenchimento, primeiro plano e fundo para o preto e branco padrão. Tenho uma seleção entre essa camada em branco. Agora eu posso vir aqui para Editar, até Preencher, e posso optar por preenchê-lo com a cor do primeiro plano, que será a preta aqui. Vou clicar em “Ok” e agora que o encheu de preto. Agora não podemos vê-lo. Deixe-me desligar essa camada acima dela. Lá vamos nós. Há nossa sombra. Comando D para desmarcar e eu vou fazer isso novamente, vamos voltar alguns, desfazer, temos uma seleção. Então Editar, Preencher é uma maneira de preenchê-lo, mas eu gosto apenas de pressionar Command Delete ou Opção Excluir, dependendo da cor que estiver usando. Opção Excluir para mim em um Mac vai preencher com a cor do primeiro plano. É apenas um atalho, apenas uma maneira mais rápida de trabalhar em vez de subir no menu. Agora, vamos desmarcar isso. Comando D para desmarcar ou vir aqui, desmarque. Temos essa forma que será nossa sombra. Agora, se ligarmos essa camada novamente, desligue a máscara, agora temos essa sombra realista e vemos o quadriculado aqui que mostra que tudo isso é transparente. Vamos fazer outra camada atrás da sombra primeiro, vamos renomeá-la para sombra. Basta clicar lá e renomeá-lo. Isso é selecionado, então mantenha pressionada Command e clique no ícone da nova camada aqui para obter outra nova camada. Vamos apenas chamar esse plano de fundo e eu vou preencher isso com um cinza claro. Lá vamos nós. Vemos isso tomando forma. Agora, vamos clicar de volta em nossa camada de sombra e quero tornar isso um pouco mais realista. O que vamos fazer é vir aqui para “Filtrar” e depois vir aqui para “Blur”. Eu vou para o “Gaussian Blur” e agora, é um ponto três pixels, que provavelmente é bom o suficiente e, em um extremo, você pode ver se vamos até o fim, isso realmente borra isso fora. Queremos que seja suave, mas por causa da luz dura, ainda é uma sombra bastante dura. Vamos clicar em “Ok”. Agora, a próxima coisa que precisamos fazer é a luz e a sombra um pouco. As duas coisas que vamos fazer é mudar o modo de mesclagem aqui do normal para baixo para multiplicar, que o ajudará a interagir com as camadas abaixo dele e então vamos esfregue nossa opacidade apenas um pouco, talvez como 85-90 por cento e exatamente o que você acha que parece bom. Agora, se fizermos mais coisas com a camada de fundo, essa sombra virá para qualquer outra coisa com a qual usamos isso. Não se esqueça de salvar, e agora temos uma bela sombra que realmente nos faz parecer que está sentado no chão em algum lugar. A última coisa que vou fazer é Command clicar na camada acima dela, logo abaixo do título para que ambas sejam camadas sejam selecionadas. Vou clicar com o botão direito do mouse, rolar para baixo. Vou vincular as camadas. Agora você vê que temos esse ícone de link de cadeia e, se eu quisesse, eu poderia mudar clique neles para desmarcar esse link ou clicar com o botão direito do mouse e descer para desvincular camadas se você quiser desfazer isso. Mas agora, não importa onde eu clique, a sombra e o caminhão ficarão juntos. É assim que você faz uma sombra. O próximo vídeo, o que vamos fazer é criar nossa máscara para que, ao projetarmos nossa arte no Illustrator, eu possa colocá-la de volta aqui e veremos como isso vai tomar forma. 6. Arquivos vinculados e embutidos: Agora que finalmente temos nosso caminhão e barco recortado e uma sombra de aparência legal, uma sombra realista, agora podemos começar a trazer a obra de arte real para marcar tudo isso. O que vamos fazer é voltar para o Illustrator e lembrar que o arquivo Boat-wrap-1 que começamos. Vamos ir em frente e pular aqui. Vou renomear isso ou clicar “Comando” “Shift” “S” para salvar como, vou salvar este no meu computador. Vamos chamar isso Boat-wrap-2. Vamos seguir em frente e clicar em “Retornar” e clicar em “Ok”. Neste momento, esta é apenas uma tela vazia. Não há nada aqui. Não há obras de arte, formas, sem fontes, nada. Por enquanto, tudo o que eu quero fazer é soltar uma forma simples aqui. Vou apertar a letra M para obter minha ferramenta retangular, ou você pode vê-la aqui ao lado. Na verdade, antes de eu chegar muito longe na estrada, deixe-me também ter certeza de que estamos olhando para a mesma coisa. Aqui, no canto superior direito do Illustrator, vou clicar nos espaços de trabalho. Estou usando o Essentials Classic e vou redefinir o Essentials Classic apenas para garantir que ele se pareça com o seu. Vou apertar o botão verde mais para que ele seja grande para que você não veja Photoshop por trás dele e confundido com isso também. Agora estamos analisando apenas a interface do ilustrador. Vou vir aqui para a guia da Biblioteca. Agora, as bibliotecas são uma maneira de você afundar ativos em vários aplicativos. Se eu clicar em “Voltar”, você pode ver que tenho uma tonelada de Bibliotecas. Estes são arquivos de clientes, são arquivos de projeto, são todos os tipos de coisas. A que acabei de abrir era misteriosa coalizão energética. Agora, essas são cores e gráficos que eu fiz para outro curso. É o meu curso de design de logotipo, e pegamos um gerador de palavras aleatório e criamos uma marca e, em seguida, criamos um logotipo. As palavras aleatórias que recebi foram misteriosa coalizão energética. É por isso que criamos isso. Essas são algumas cores que eu fiz durante esse projeto e eu realmente gosto dessas duas opções. Acho que eles podem ser legais para esses projetos de barco. Posso estar usando estes, talvez não, não sei, veremos o que acontece. Mas o que vou fazer agora é que vou criar um novo retângulo novamente letra M. Você e eu estamos olhando para a mesma coisa, mesmo espaço de trabalho e vou clicar e arrastar minha tela para faça um retângulo. Atualmente, por padrão, esse retângulo é apenas branco com um traçado preto ao redor dele. Muito básico. Você não pode nem dizer porque está sentado em cima de uma tela branca. Agora vou fazer é clicar em qualquer uma dessas cores aqui para mudar minha cor de primeiro plano. Vou clicar no Stroke e, em seguida, aqui embaixo há esta pequena barra. Vou clicar nisso para não causar derrame, então não haverá nenhum aqui. Vou seguir em frente e salvar isso. Então eu vou voltar para o Photoshop e vou para o File e depois descer para o lugar. Agora, há duas opções de lugar diferentes aqui. Normalmente, o que eu faria é colocar um arquivo vinculado e o que é legal nisso é que ele se vincula ao arquivo original. Se eu deixar isso lá, este arquivo do Illustrator e eu colocá-lo, clicaremos em “Ok”. Agora isso está se referindo a esse gráfico. Aqui, podemos ver este pequeno ícone de ligação de corrente que me diz que este é um elemento colocado. Se eu salvar isso, vou salvar isso como Mockup_end para que eu não substitua meu outro trabalho para vocês para que vocês possam acompanhar. Se eu voltar para o Illustrator e vamos pegar essa forma. Vou copiá-lo, Comando C e, seguida, o Comando F para colá-lo, bem na frente do outro. Eu só vou mudar essa cor um pouco talvez. É porque estou editando o traçado nesse traçado. Vamos trocá-lo. Dessa forma, esta é a nossa cor de primeiro plano. Agora vamos tentar mudar a cor. Então eu só vou pegar essa alça talvez. Eu apertei a letra “E” para escalar isso. Vai colocar a metade do caminho. Vou salvá-lo, voltar para Photoshop e ele atualiza imediatamente essa arte. Muito legal e isso ajudará você à medida que você faz marcações para poder fazer o trabalho uma vez e depois poder criar várias versões. Essa é uma maneira de trabalhar. Eu vou seguir em frente e excluir isso. A razão é porque eu não quero isso estrague tudo quando vocês puxam isso e talvez os links quebram e outras coisas. O que vou fazer agora, vou salvar isso de novo. Vamos pular para o Photoshop. Desta vez, vamos para Arquivo até Colocar incorporado. Uma imagem incorporada, assim como parece, ela está realmente incorporada a este documento se eu colocá-la. Agora, vamos reduzir isso um pouco. Deixe-me movê-lo para cá, clique em “Return”. Agora você notará que nosso ícone é um pouco diferente. Na verdade, deixe-me fazer os outros para que você possa vê-los lado a lado. Este será colocado vinculado. mesmo, coloque, clique em “Ok” e você pode ver este inferior ou este que acabamos de fazer, esta é a versão vinculada. Posso digitar vinculado e este é o incorporado. Observe a diferença de ícone. O vinculado tem um elo de corrente, o incorporado parece um pedaço de papel e este é, na verdade, um objeto inteligente. O que é legal nisso é que, mesmo que isso esteja incorporado, se eu quisesse, eu poderia clicar duas vezes nesse objeto inteligente e ele abrirá isso de uma forma que eu possa fazer alterações nele. Agora, se eu fizer uma pequena mudança nisso, talvez mude a cor para outra coisa e eu a salvo. Observe que o título ainda é chamado de Boat- wrap-21. Ele adicionou um a ele e tem o pequeno asterix, que significa que ainda não foi salvo. Se eu salvar isso no Illustrator, isso foi salvo. Mas se voltarmos ao Boot-wrap-2 original, ainda se parece com esse cara. Se voltarmos para o Photoshop, você poderá ver o que foi atualizado foi esse objeto inteligente no qual clicamos duas vezes no Photoshop e o vinculado ainda mudou. Agora, se eu mudar isso um pouco, talvez a escalemos desta forma, mudemos a cor ou outra coisa, e salvamos. Volte para o Photoshop. Agora essa versão é a que foi atualizada. Você ainda pode editar a arte ao trazê-la dessa maneira. A versão vinculada é muito legal se você quiser vincular o arquivo então, no futuro, tudo o que você precisa fazer, você nem precisa abrir o Photoshop, você pode pular direto para este arquivo e fazer alterações e ele será atualizado em seu arquivo de design. Vou ir em frente e fechar esse cara. Vou ir em frente e fechar este também, voltar para o Photoshop e você pode ver que eles são atualizados dinamicamente. Agora, o que vamos fazer, vou seguir em frente e excluir o vinculado porque novamente ele se refere ao arquivo real e se você enviasse esse arquivo e não inclua a imagem vinculada, ele quebraria, não saberia como encontrar esse arquivo. É por isso que gosto de incorporar minha arte quando estou trabalhando. Agora que trouxemos isso, o que eu quero fazer, já temos isso como um objeto inteligente. Deixe-me dar um grande passo atrás para aqueles de vocês que são novos. Command T ou Control T no Photoshop é como você obtém a ferramenta de transformação livre. A ferramenta de transformação livre é como você se move, escala e distorce camadas no Photoshop. Onde isso acontece se você for para Editar, até Transformação Livre, isso é o que usamos para redimensionar coisas no Photoshop. Não é um super usuário intuitivo se esta for a sua primeira vez no Photoshop, mas espero que para aqueles de vocês que são mais intermediários a avançados, obviamente não é grande coisa. Este é um dos atalhos mais usados que você usará. Vou escalar isso no lugar, aproximá-lo. Então, o que vou fazer, vou clicar em “Return”. Aqui, vou clicar com o botão direito do mouse. Então desça e vou convertê-lo em um objeto inteligente. É como o Inception, é um sonho dentro de um sonho. Se eu clicar duas vezes nessa camada, agora estou em outra camada do Photoshop. Se eu clicar duas vezes aqui, volto para o lado vetorial disso. É aninhado dentro dele basicamente duas vezes e a razão pela qual eu fiz isso é duas vezes. Vou colocar isso aqui e vou clicar com o botão direito do mouse. Vou criar um novo Objeto Inteligente via Copy. Se eu arrastar isso para baixo, eu clico duas vezes aqui. Vamos adicionar uma fonte ou algo assim. Vou apertar a letra “T” para obter minha ferramenta de texto. Vou arrastar isso aqui. Nós o salvamos. Vou voltar para o Photoshop, você notará porque é uma cópia ou é um novo objeto inteligente, ele se atualizou, mas não atualizou a instância original. Agora, se eu arrastar uma cópia dessa maneira, mantenha pressionada “Opção” “Shift” e arraste. Agora, se eu mudar esse objeto inteligente, digamos que mudamos a cor, salve-a, feche-a. Esses dois estão vinculados agora porque acabei de fazer uma cópia exata em vez de clicar com o botão direito do mouse e dizer Novo objeto inteligente via cópia. Ele vai fazer uma cópia, mas será uma nova instância. É um pouco confuso. Espero que isso faça sentido, mas é por isso que queremos fazer isso. Vou colocar isso aqui em cima. Só vou arrastar uma cópia para baixo. Vou desligar essa camada, então eu tenho um extra aqui para sempre voltar. Estou tentando desligar essa camada. Agora, quando eu chegar aqui, posso começar a inclinar isso no lugar. Vou clicar em “Comando” “T”. Agora, como é um objeto inteligente aninhado, tenho essa opção aqui na barra de opções. Se eu clicar nisso, posso começar a transformar esse gráfico e você pode ver rapidamente por que queremos fazer isso. Porque queremos obter esse gráfico para combinar com a forma do nosso barco. Não vou torná-lo perfeito. É apenas uma ideia geral. Se eu precisasse, eu poderia arrastar a opacidade para baixo para poder ver isso um pouco melhor. Por causa de como vamos projetar isso, queremos que nosso design seja flexível. Dessa forma, há algum espaço de manobra, alguma margem de erro quando eles estão imprimindo isso. Lá vamos nós. Agora clique em “Return” e depois aplicarei essa transformação e arrastarei meu backup de opacidade. Agora, se eu clicar duas vezes aqui e voltar novamente e adicionar alguns textos e salvá-lo, voltamos para cá. Duas coisas acontecem. Este não é o ângulo certo, parece entrar em jogo um pouco mais longe. Mas se eu ligar esse outro objeto inteligente novamente, ambos serão atualizados. A razão pela qual eu mantive essa cópia aqui é para o caso por esse motivo exato. Digamos que você esteja escalando as coisas e estrague tudo, você pode desativá-lo ou excluí-lo, arrastar uma cópia para baixo e tentar novamente. Vou ligar isso de volta. Então, como eu quero projetar mais os elementos aqui, posso entrar aqui e fazer alterações nesse design. Mas o que vou fazer com esse objeto inteligente, vou voltar para o Illustrator e vou projetar tudo aqui. A razão é porque , quando tudo isso estiver feito, vou enviar este arquivo para a impressora. Esse é o tamanho real, e é disso que eles vão imprimir. Mas então, para o Mockup, eles poderão ver aqui o que estamos pensando e como ele vai se desenrolar. Espero que isso tenha feito sentido. No próximo vídeo, vamos continuar a entrar e criar esse design agora. 7. Como fazer a maquete da arte: Neste vídeo, vamos empurrar isso um pouco mais longe. Eu sei que disse que estávamos prestes a começar a projetar, mas quero ter certeza de que esse gráfico parece real, que as sombras parecem corretas e que coisas simples como este pneu estão realmente sentadas na frente dos gráficos, parece que está realmente neste barco. O que vamos fazer é primeiro precisamos mascarar isso. Neste momento, o gráfico ultrapassa um pouco as bordas. Se eu deixar isso um pouco transparente, você pode ver que é muito maior que o barco e tudo bem. Isso é apenas uma simulação grosseira. O que vamos fazer, porém, é pegar essa máscara de baixo, segurar a opção e depois clicar e arrastar para cima e aplicar imediatamente a máscara a isso. Agora, isso nos aproxima, mas o gráfico é muito grande, então ele ainda passa, então ele vai para o trailer do barco e ainda não fica bem aqui. Vamos seguir em frente e corrigir isso, vamos avançar e pular aqui e vamos desligar essa camada. A melhor maneira de trabalhar, para ser honesto, não tenho certeza, vamos dar uma olhada nisso, estou apenas ligando e desligando para ver o quão longe isso vai. Vamos focar neste lábio superior. Vou fazer a mesma coisa que fiz no passado, vou pegar minha ferramenta de caneta e você poderia usar outras ferramentas de seleção, se quisesse. Temos a Ferramenta de Seleção Rápida ou a varinha mágica e você pode ter um bom sucesso para pagar o que está trabalhando para apenas clicar e arrastar, vamos nos certificar de que estamos na camada certa aqui. Agora, como esta é uma máscara, ela ainda vai ver todo o resto nesta foto por trás dela como se nem estivesse lá. Se eu desliguei essa máscara segurando Shift e clicando nesta miniatura e então eu tento desenhar aqui. Photoshop, dependendo da foto, pode se sair muito bem, mas neste caso, ele está agarrando muito mais do que eu preciso. Se eu tentar selecionar logo abaixo, ele faz um trabalho melhor. Posso clicar e arrastar e chegar bem perto, mas gosto de tornar as coisas o mais perfeito possível. Se você está trabalhando em um projeto rápido, talvez você não precise fazer isso dessa maneira, mas vou seguir em frente e usar minha ferramenta de caneta para que eu possa dizer exatamente onde eu quero que ela vá. O que vamos fazer, vamos adicionar a essa máscara. Se eu ligar isso de volta, o rápido e rápido do que estamos fazendo aqui é que vou fazer uma forma. Vá para o meu comando path, clique nele, volte para minhas camadas e, nessa camada, vou preencher essa nova seleção com preto, com minha cor de primeiro plano. O que isso vai fazer é cortar e apertar a opção “Excluir” rapidamente e você pode ver isso corta nessa camada em excesso desenhando essa máscara. Vou fazer isso todo o caminho. Vamos prosseguir e desfazer isso para garantir que esteja exatamente onde eu quero. Vamos desligar essa camada, vou começar aqui na parte superior e vamos fechá-la, clicar e arrastar, clicar e arrastar. Quanto mais longas suas alças forem mais suave essa curva será. Eu gosto de ir para onde ambos os pontos de ancoragem, este onde a flecha está no lado oposto que está clonando. Gosto de ir para onde ambos estão tocando a borda. Agora, eu tenho essas duas pequenas coisas aqui. Eu não tenho certeza do que eles são, provavelmente posso simplesmente o Photoshop bem acima deles ou cortar bem por cima ou eu poderia incluí-los no gráfico. Mas, por enquanto, vamos passar por cima do Comando superior se você entender errado, você pode simplesmente dar um passo atrás. O que estamos fazendo aqui é apenas traçar essa linha de cima. Tenho mais algumas formas que se cortam. Honestamente, não tenho certeza se isso é uma alça ou parte da sombra, poderíamos cortar isso no gráfico, o que ajudaria a torná-lo um pouco mais realista, iremos em frente e faremos isso rapidamente. Comando, clique fora daqui e depois faça o interior para que ele seja cortado. Estou tendo dificuldade em agarrá-lo exatamente onde eu quero que ele esteja. Este é um exemplo de eu ser muito exigente em relação às coisas. Coisas que ninguém vai notar, mas não posso desligá-lo, é assim que eu trabalho. Eu tenho dificuldade, apenas a meio caminho de fazer as coisas, então, se você estiver cobrando por hora, isso pode ser difícil para o seu cliente. Quando você ficar muito rápido com isso, se você estiver cobrando por projeto, à medida que for mais rápido, você ganhará mais dinheiro, o que é sempre ótimo. Aqui está uma decisão que temos que tomar, queremos incluir essa alça no gráfico ou devemos fazer essa alça no o Photoshop? Poderíamos fazer o Photoshop, acho que por agora, eu poderia continuar passando por cima aqui, acho que vamos passar por cima e depois vamos limpá-lo aqui mais tarde. Não preciso rastrear todo o barco, só precisava desta borda superior para ser perfeita. Vamos vir aqui e vamos fechar esse círculo aqui. Vá para caminhos, vamos clicar no comando, voltar para camadas e depois vamos clicar nessa máscara. Vamos ligá-lo novamente e vamos preencher essa seleção com preto, então apenas o interior disso vai se encher de preto, o que vai cortar todo o resto. Aperte a opção “ Excluir” para preencher rapidamente com preto e você pode ver essa alça de reboque ou que está amarrada agora está escondida atrás dela. Eu realmente não preciso fazer muito Photoshopping, vou seguir em frente e duplicar essa camada abaixo, e duplicar essa camada abaixo, então comande J para pular corte uma nova camada. Vou desligar o abaixo, vou clicar na camada de fotos e depois vou entrar aqui e posso começar a clonar isso. Vamos fazer uma seleção rápida com a ferramenta laço, então a letra L. Vou fazer uma pequena seleção aqui, vou clicar em “Control, Shift, Delete”, que é o meu atalho para preenchimento ou venha aqui desculpe, vamos ver, sim, editar, preencher, basta fazer “Shift F5", qualquer um funciona. Em vez de cores de primeiro plano, vamos escolher Content Aware e clicar em “Ok”. Ele vai olhar em volta para a esquerda e a direita e às vezes faz um trabalho melhor do que outros de ver o que está ao redor e cortá-lo e preenchê-lo. Se isso não funcionar, você também pode apertar a letra “J” e descer para a ferramenta de patch e você pode desenhar e depois passar para onde deseja fazer uma amostra. Dessa forma, faz um trabalho melhor de preencher essas lacunas, agora isso parece terrível. A outra coisa que poderíamos fazer é acertar a letra “J” para voltar aqui e estamos procurando a ferramenta de pincel de cura local. Você pode entrar aqui e clicar em pontos e ele só vai curar esses cortes e arrancar as coisas aqui para nós. Às vezes, funciona muito bem, às vezes você tem que tentar algumas vezes diferentes. Vamos ver, também podemos voltar para essa ferramenta de cura de patch e forçá-la. Agora, este não é um trabalho super ótimo, estou indo muito rápido apenas para mostrar as ferramentas que podemos usar. Também poderíamos usar a Ferramenta Selo, obtivemos o Carimbo Clone e temos o Carimbo Padrão. Usaremos a Ferramenta de Carimbo Clone. Do jeito que isso funciona, você clica em algum lugar fora do lado e, em seguida, usará isso como ponto de referência para desenhar. Você pode ver que o círculo é onde ele está pintando ou desenhando e a pequena cruz é o que está amostrando para obter isso, então, eu posso Option clicar aqui e depois voltar aqui e desenhar. A mesma coisa aqui embaixo, se eu quisesse adicionar uma opção, clique aqui e depois pinte para que ela se misture um pouco melhor. Você poderia, obviamente, passar muito tempo fazendo isso para que seja exatamente como você quer que ele pareça. Quando comecei a gravar este curso, não pretendia mostrar tanto a vocês no Photoshop, mas percebi que isso é muito divertido em maquetes e o design de envoltório de veículos é como chegar veja como vai parecer antes mesmo de terminar. Eu realmente gosto disso e espero que isso lhe dê algumas ideias e outras maneiras de usar essas ferramentas e é muito divertido. Novamente, seguindo em frente, movendo-se rapidamente, isso não é perfeito. Definitivamente está longe de ser impecável, mas você pode ver que eu estou apenas clicando em Option e apenas amostragem para tornar essas bordas o mais próximo da perfeita possível obtê-las ou pelo menos boas o suficiente para uma distância que você nem percebe que isso estava lá. Vou limpar isso, aqui em baixo, onde está aquele pequeno loop. Se eu precisar, posso fazer o pincel um pouco menor. Estou usando os atalhos do teclado, as teclas de colchetes esquerda e direita ao lado da letra P ou aqui, bem, é a ferramenta de carimbo de clone. Posso chegar aqui para esta barra de opções e posso alterar o tamanho do pincel aqui também. Agora que eu fiz isso praticamente, eu poderia passar mais tempo tornando-o perfeito, mas é bom o suficiente. É muito bom o suficiente para o que estamos fazendo. Vou recuar, vamos salvá-lo, vamos voltar a ligar nosso gráfico e ele está melhor. Agora precisamos refinar a borda inferior. Vou desligar isso de volta. Tudo o que estou preocupado é cortar ou mascarar bem a roda e o reboque. Vamos em frente e pular aqui. Volte para nossos caminhos. Vamos fazer outro novo caminho. Eu gostaria de começar para que assim quando chegar aqui, é uma boa linha desbotada para torná-la o mais próximo possível da perfeita. Agora só vou rastrear. Eu posso realmente pular aqui. Então nós só queremos dar um soco aqui e depois dar um soco ao redor da roda bem, onde o pára-choque, o que você quiser chamá-lo. Até aqui. Então vamos dar um soco aqui. Então, vamos passar todo o caminho para fora e ao redor. Acho que ainda não temos a frente, então vamos fazer a frente muito rápido. Vamos pular . Vamos ver, vamos descer aqui. Agora posso clicar com o botão direito do mouse, fazer uma seleção, clicar em “Ok”, diminuir o zoom. Vamos voltar às nossas camadas. Vamos voltar a essa máscara. Certifique-se de que você está na máscara de arte. Queremos preencher isso com preto na camada de máscara. O que vamos fazer é cortar todas essas peças do trailer. Vai cortar. Ele vai preencher a seleção com preto na máscara e cortar esses pedaços do trailer. Vamos seguir em frente e garantir que nosso primeiro plano esteja preto e clicaremos em “Ok”, vou editar para preencher. Podemos escolher preto aqui se quisermos ou cor de primeiro plano, que atualmente é a cor da frente, que é preta. Desmarcamos no comando D. Agora podemos ver que parece muito bom. Acho que estamos em boa forma. Está começando a parecer real como se estivesse realmente lá. Vamos ver, as próximas coisas que queremos fazer é adicionar algumas sombras a isso. Vamos desligar isso e vemos a iluminação onde é realmente branco brilhante aqui, e isso está escuro na parte de trás. Vamos adicionar uma sombra a isso. Para fazer isso, vou pegar minha ferramenta de caneta novamente. Eu só vou seguir vagamente essa curva aqui em baixo todo o caminho. Não precisa ser perfeito e você verá por que aqui em um segundo. Clique com o botão direito, faça a seleção, clique em “OK”. Vamos fazer uma nova camada acima da nossa arte. Vamos chamá-lo de sombra. Clique na “Letra D” para garantir que nosso primeiro plano seja preto e nosso fundo é branco em nossas amostras de cores aqui. Pressione “Opção” para preenchê-lo com preto. Lá vai você, lá está sua sombra. Isso parece incrível. Estou brincando. O que vamos fazer é entre a camada de sombra e nossa camada de arte, vamos manter pressionada a tecla Option e vamos ir direto entre essas duas miniaturas e ver como o ícone muda para uma pequena seta para baixo com um quadrado. Em seguida, vou manter pressionada a tecla Option ou a tecla Alt no PC e clicar em. Agora, o que ele vai fazer, ele usará essa camada abaixo como uma máscara para essa camada acima. Agora, o que precisamos fazer é mudar nossa sombra do normal para multiplicar no modo de mesclagem. Vamos arrastar a opacidade para baixo para, sei lá, 38%. Então, talvez até vamos desfocar isso um pouco. Na camada de sombra, vamos subir para filtrar para desfocar, até o desfoque gaussiano. Você pode ver que ela suaviza essa linha um pouco. Poderíamos suavizá-lo ainda mais se você quisesse. Isso parece bom para mim. Isso parece ótimo. Agora vamos adicionar outra camada. Vamos arrastá-lo aqui abaixo deste, e vamos chamá-lo de sombra de roda. Vou, clique na “Letra B” para pegar minha ferramenta de pincel. Só vou usar, este é um pincel super macio de 50 pixels, até zero. Eu tenho preto selecionado e vou pintar ao longo desta roda bem, e um pouco ao longo da parte inferior. Um pouco aqui em cima também. Na verdade, vou aumentar esse pincel apertando a tecla de colchete direita. Mal vou me beijar nisso um pouco. Eu disse isso. Só para adicionar um pouco de sombra ao longo da parte inferior. Vamos mudar esse modo de mesclagem de normal para multiplicar e, em seguida , vamos reduzir a opacidade um pouco também. Agora isso parece muito legal, isso parece muito real para mim. Vamos pegar essas duas camadas de sombra, vamos desligá-las e desligar a camada de arte apenas para ampliar e ver, ok, podemos adicionar um pouco de sombra aqui. Vamos ver se perdemos alguma outra coisa. Acho que isso vai ser bom o suficiente. Vamos em frente e volte a ligar essas camadas. Nesta camada de sombra de roda, vou subir aqui, deixar meu pincel muito menor e apenas pintar lá também. Legal. Isso está parecendo muito bom. Estou muito feliz com a forma como isso está acabando. Isso faz com que pareça muito realista. Agora estou exagerando só porque é muito divertido pintar no Photoshop. Isso parece legal. Isso está começando a parecer um gráfico real neste barco. Vou seguir em frente e salvar essa maquete e agora, sim, podemos finalmente mergulhar e começar a projetar a obra de arte real para esta rampa de barco. Se você quisesse, eu não vou fazer agora, mas poderíamos empurrar isso ainda mais longe e fazer exatamente os mesmos passos no caminhão. Agora, na próxima lição, vou seguir em frente e começar a projetar esse rap de veículo retrô dos anos 80 para o barco. 8. Desenhe os gráficos vetoriais: Vamos pular para o Finder e para os Arquivos de design. Vejo Boat rap 2, que é onde paramos no arquivo do Illustrator. Vou seguir em frente e apertar Command D. Para duplicar isso, vou apertar a tecla Return, apertar a tecla seta para a direita, excluir isso, chamá-lo de número 3 e, em seguida, pressionar Return novamente. É assim que faço as coisas. Se vocês ainda não descobriram, eu uso atalhos para literalmente absolutamente tudo porque isso me deixa muito mais rápido com tudo o que faço. Também me ajuda a manter o foco na parte da criatividade sem ser sugado para o computador real e o que ele está fazendo. Eu encorajo vocês enquanto continuam, apenas aprendam o máximo que puderem a mergulhar e memorizar esses atalhos porque isso vai fazer de vocês um designer tão melhor a longo prazo. Agora que eu tenho esse arquivo duplicado, vou pressionar Command O para abrir isso. Agora eu tenho esse clone onde podemos realmente começar a projetar nossa obra de arte. Para ser honesto, não faço ideia do que vou fazer. Eu realmente gostei do quão simples, veja isso. É apenas um gráfico tão simples. Este sou eu brincando. Quando ele é aplicado ao barco, ele realmente parece muito legal. Isso não é nada parecido com o que ele quer que isso pareça. Vamos seguir em frente e ver o que podemos fazer com isso para torná-lo mais frio. Vou começar pegando nossa inspiração. Vamos para nossa pasta Ideias. Vou clicar nesta foto que ele me mandou uma mensagem do iPhone. Acabei de colocá-lo aqui e vou colocá-lo bem no meu Canvas como inspiração. Uma coisa que eu quero salientar, quando eu trouxe essa imagem assim, observe que ela tem esse X azul. O que isso significa é esse ativo ainda está vinculado a essa foto. Se você fosse abrir este arquivo e não tivesse essa foto, você veria uma grande caixa cinza e o link será quebrado. O que vou fazer por você, uma das duas coisas. Você pode fornecer todos os ativos quando compartilha algo com alguém. Você vai para File e desce até Package, que copiará e empacotará tudo quando você compartilhar arquivos ou se você só quisesse estar dentro deste arquivo do Illustrator, basta vir aqui e clicar em “Incorporar” em a barra Opções quando você tiver selecionado ou vá para Janela. Venha até links. Bem aqui, podemos clicar neste menu suspenso, vamos para Incorporar imagens. Agora ele muda de um elo de corrente que desaparece e podemos ver que essa imagem está incorporada a esse arquivo. Apenas alguns que eu quero compartilhar com vocês enquanto passamos para prestar atenção à medida que você traz, talvez gráficos para o Inspiration. Vamos em frente. Vamos só caras, nem sei o que vou fazer aqui. Vamos analisar isso um pouco mais. O que mais eu quero fazer? Vou trazer aquela foto do, vamos ver, onde ele colocou isso? Acho que está aqui. A imagem do assento dele para que eu possa combinar as cores. Vou clicar aqui em “Incorporar” para que a foto permaneça incorporada a este arquivo. Vou salvá-lo. Ok, agora, vamos frente e clicar neste retângulo azul. Vou acertar a letra I para a ferramenta conta-gotas. Só vou provar diretamente deste assento. Então vamos desenhar, vamos ver, temos três grandes formas aqui. Deixe-me apenas copiar este Comando C, comando F para colá-lo no lugar, letra E para obter minha ferramenta de transformação livre. Eu posso apenas distorcer isso daqui para cá. Recebe uma carta I para minha ferramenta conta-gotas, vou entrar aqui e provar a laranja amarelada. Copie. Comando F. Vamos fazer isso, vamos ver, vamos amarelo, vamos para laranja. Exemplo daqui. Quero que seja mais laranja do que isso. Vamos ver, na verdade, oh, interessante. É apenas uma ilusão de ótica. Este amarelo é o mesmo durante todo o caminho, mas à medida que as listras ficam mais largas com vermelho, ele faz com que pareça laranja à distância. Interessante. Bem, é bom saber. A outra coisa que eu poderia fazer, não é exatamente o que eu quero. Eu poderia forçá-lo apenas entrando nas amostras de cores aqui, aproximando-a de uma cor que eu acho que quero que seja. Vou tentar isso. Então, por último, este ficará vermelho. Vamos ver. Este sou eu apenas tentando descobrir meu fluxo e o que eu quero fazer por isso. Eu encorajo você se você quiser jogar isso de volta e velocidade lenta ou rebobiná-lo. Para tentar descobrir exatamente como estou trabalhando, encorajo você a fazer isso. Eu acertei a letra E lá e depois cliquei direito. Eu tinha todos esses três selecionados. A letra E. Então eu posso incliná-los todos ao mesmo tempo. Vamos ver de que lado do barco vai. Não sei. Vamos descobrir isso. Talvez tenhamos que virar. Tudo isso para dizer, este é um projeto da vida real que vou compartilhar com alguém. Estou tentando deixar você olhar por cima do meu ombro. Por ser criativo, estou tendo dificuldade falar e ser criativo ao mesmo tempo, então peço desculpas antecipadamente por isso, mas novamente, não se esqueça que você pode retroceder rapidamente jogá-lo mais rápido, jogue mais devagar, o que for preciso para ajudar vocês a descobrir isso. Só estou tentando descobrir o que acho que pode parecer legal e dar a ele o olhar que ele está procurando. Vamos ver, vamos escalar meu golpe um pouco sobre esse cara. Na verdade, um pouco. Não vamos adicionar um traço. Eu acertei a barra invertida, que é meu atalho para desligar esse traço. Command Shift G. Bump isso um pouco. Vamos para nossa janela Align, até Align. Vamos distribuir o espaçamento para que seja igual. Agora vou pular em frente um pouco. Vou guardá-los. Vou pular para o Photoshop. Viremos aqui. Vou clicar duas vezes neste objeto inteligente. Vou para File. Vire para Colocar incorporado. Pegue este envoltório de barco, coloque-o, clique em “OK”. Você vai notar que acabou de trazer o quadro de arte real, não essas coisas que eu tenho pendurado na tela aqui. Vamos atirar de volta para o Photoshop. Talvez traga esse texto na frente dele só porque eu gosto do que ele faz por ele. Vou salvá-lo. Feche. Agora ele atualiza esse barco também. Parece bom. Ainda não amo isso, mas gosto da ideia e fico feliz por termos esse mock-up para que possamos ver rapidamente se gostamos da direção. O que vou fazer agora é que vou compor meus pensamentos aqui um pouco. Em seguida, no próximo vídeo, continuaremos a impulsionar esse design ainda mais. 9. Criando formas: Parte da inspiração que ele quer que eu inclua é como esses gráficos do pôr-do-sol dos anos 80. À medida que analisamos isso, há muitos elementos repetitivos que se tornam populares com esse estilo. A primeira é que temos o sol como basicamente apenas um círculo. Depois, passamos essas linhas, elas começam grossas e depois ficam mais finas e finas criando um gradiente quase. Vemos muitas laranjas e amarelos, alguns rosa, alguns roxos, algumas coisas violetas acontecendo lá. Então também temos como esse cara, temos o sol mergulhando atrás de uma paisagem de cordilheira. Estou vendo muito disso como a tendência e, é claro, você tem essas grelhas como coisas com aparência de grade 3D na frente dela também. Isso é super estereotipado. Mas poderíamos tentar isso, poderíamos tentar trabalhar em alguns desses elementos diferentes e ver o que acontece. O que vou fazer é abrir esse gráfico aqui. Já o tenho aberto. Vou clicar com o botão direito do mouse. Vou copiar a imagem, voltar para o Illustrator e colar isso lá. Isso é inspiração e vamos aprender, vou mostrar como fazer o gráfico do sol assim aqui em um segundo. Vou pular de volta aqui, e vamos olhar para qualquer uma dessas outras ideias, ver se alguma dessas nos dá inspiração. Gosto de como isso é cortado com esses triângulos. Vamos copiar isso, colamos aqui. Então vamos voltar e ver se há algo mais aqui que possa ser inspirador. Gosto da cor dela, então vamos copiá-la. Copie a imagem, jogue-a aqui. Esta é uma cópia de baixa resolução. Está tudo bem, eu realmente não me importo. Eu só quero que ele esteja lá como inspiração e algo para tentar manter na minha frente enquanto eu estou projetando isso. Tudo o resto parece praticamente o mesmo para mim, talvez palmeiras ou o que quer que seja. Mas vamos aprender a fazer essa forma do zero. Para começar, o que vamos fazer é acertar a letra L. Para obter minha Ferramenta Ellipse. Você pode vê-lo aqui ao lado. É muito simples, clique e arraste para desenhar sua forma. Se eu segurar a tecla Shift enquanto eu desenho, ela vai torná-la um círculo perfeito. Vou seguir em frente e mudar isso para uma forma branca normal só para que possamos começar desde o início. Agora eu preciso fazer esses retângulos que cortam isso um pouco. O que vamos fazer, combinar a letra M para obter minha ferramenta retangular não faz sentido. Não sei por que eles não chamam R, mas está tudo bem. De qualquer forma, vamos clicar e desenhar uma forma de linha simples aqui. Agora vamos fazer com este retângulo também mantenha pressionada a tecla de opção e, em seguida, clique e arraste e, em seguida, mantenha pressionada a tecla Shift, de modo que em vez de poder mover para a esquerda e para a direita, ele permanece perfeitamente de acordo com a forma abaixo dela. Para fazer isso, certifique-se de ter sua ferramenta de seleção selecionada aqui antes de começar. Então o que vamos fazer é com ele selecionado, vamos deixar esse retângulo mais magro. Vamos selecionar ambos clicando e arrastando em torno de ambos. Então aqui, na nossa barra de ferramentas, você deve ver esta ferramenta Blend. Agora, se você não vir, você pode vir aqui e clicar nesses pequenos três pontos e ver que há uma tonelada de ferramentas que você pode adicionar à sua barra de ferramentas no Illustrator. Também tenha em mente que estou usando o espaço de trabalho Essentials Classic. Para mim, essa ferramenta aparece aqui. Vou clicar na ferramenta Blend e no que a ferramenta Blend faz, ela permite transformar formas e cores entre dois ou mais objetos, o que é super legal. Vou clicar nisso. Vou clicar nesses caras. Clique uma vez e, em seguida, clique no outro. Agora, algo estranho aconteceu. Está se misturando da esquerda para a direita. Vamos fazer isso de novo. Vamos tentar clicar no meio. Lá vamos nós. Agora, o que vou fazer é apertar a tecla de retorno sem tocar em mais nada. Ainda tenho a ferramenta Blend selecionada. Você pode ver que temos as duas formas destacadas nesta linha no meio. Eu apertei a tecla de retorno, e agora o que ela está fazendo, o espaçamento está configurado para uma cor suave. Você também pode alterar a orientação também, o que não fará nada por nós agora. Vou mudar isso de cor suave para etapas especificadas. Vamos fazer 10 etapas e apenas ver como isso parece. Vou clicar em “Ok”, e isso não é o suficiente. Mas o que posso fazer é pegar essa camada superior e movê-la para cima. Você pode ver que isso me dá um espaçamento igual entre cada um deles. Agora, para obter essa seleção, apertei a letra A para obter minha ferramenta de seleção direta. Isso me permite pegar pontos âncora específicos. Vou clicar para o lado todo e destacar esta forma superior. Então eu vou arrastá-lo para cima segurando a tecla Shift. Agora, dependendo do tamanho de seus recortes, talvez seja necessário brincar um pouco com o tamanho para obter como você quer que ele fique. Vamos chegar perto. Talvez escale um pouco. Então vou clicar em Shift em ambas as camadas. Em seguida, clique mais uma vez no círculo e você vê que ele dá uma linha azul mais espessa. Isso está me dizendo quando vou usar meus atalhos de alinhamento aqui e eles aparecem porque eu tenho a ferramenta de seleção selecionada. Tudo vai se alinhar a qualquer objeto chave que eu tenha. Ao clicar em um desses, isso porque meu objeto chave, e agora posso alinhá-lo à parte inferior e centralizada. Agora, o que eu quero fazer é clicar nessas formas misturadas, e tecnicamente o Illustrator apenas as vê como essas duas formas e está aplicando esse efeito entre elas. Eles não são formas reais. Eles não podem selecionar esses caras no meio, é apenas um efeito. O que queremos fazer é com isso selecionado, vamos subir aqui para se opor, descer para expandir, ir em frente e deixar o objeto e preencher selecionado e clicar. “Ok.” Agora, cada um deles se torna uma forma separada. Você poderia, se quisesse entrar e modificar individualmente cada forma. Mas o que vamos fazer é selecionar tudo isso, clique com a tecla Shift pressionada em nosso círculo novamente, então vamos para Window, vamos até o Pathfinder, eu quero clicar aqui em cima nos modos de forma, queremos menos a frente. Agora ele corta essas formas da frente do sol. Então, agora temos esse efeito. Parece muito legal. Foi assim que eu fiz isso. Agora, o que queremos fazer é aplicar um gradiente para corresponder ao que temos acontecendo aqui. Vemos que vamos de um amarelo ou laranja para um rosa. A mesma coisa aqui. Honestamente, não tenho certeza de qual cor eu quero ir, mas vamos explorar isso um pouco mais. Vou selecionar o sol. Então, no lado direito, vemos essa pequena caixa de ferramentas de gradiente. Vou clicar nisso. Então, se você não vir isso novamente em Janela até o gradiente, vou clicar diretamente neste bloco e provavelmente será uma cor diferente para você. Isso sobra de outro projeto em que eu estava trabalhando, mas aplicando esse gradiente a cada forma, agora posso apertar a letra G para obter minha ferramenta de gradiente e eu poderia modificar cada gradiente de formas individualmente. Ou posso clicar para o lado e aplicar a todas as formas ao mesmo tempo, o que é bem legal. Isso me deixa muito perto do design. Agora, porque eu estava jogando em torno desses dois gradientes no meio são diferentes. Mas é muito fácil se eu quiser consertar isso, vamos voltar para a ferramenta de gradiente. Vou clicar neste gradiente linear. Desta vez, o que eu quero fazer é a parte superior. Vamos mudar essa cor para essa cor laranja amarelada. Então eu vou manter pressionada a tecla de opção e clicar para adicionar outra parada de cor e com essa cor pára, selecioná-la, vou pegar minha ferramenta Conta-gotas e vou tentar clicar no meio aqui e pegar esse rosa cor. Em seguida, vamos clicar na última parada de cores. Pegue minha ferramenta Conta-gotas. Eu não entendi essa cor rosa mais escura, mais rica, adicionei a letra G para obter minha ferramenta de gradiente e, em seguida, vamos clicar e arrastar para baixo. Talvez comece um pouco por dentro. Agora, isso parece muito perto do pôr do sol que estamos olhando aqui. Espero que isso faça sentido para você e você é capaz de acompanhar. Tenha em mente, isso é só eu tentando replicar um estilo, mas vocês podem desviar e fazer o que quiserem se estiverem acompanhando e estão tentando criar um gráfico para isso envoltório de barco, sinta-se livre para enlouquecer com ele e se divertir. No próximo vídeo, vamos empurrar esse efeito um pouco mais longe e continuaremos a refinar nosso design. 10. Design Continuado: Ao olhar para todas essas peças que se unem, posso dizer imediatamente, vou precisar criar algumas versões diferentes para isso. Vou ter dificuldade em misturar esse estilo e esse estilo juntos. Não é impossível, mas acho que o que vai acabar acontecendo aqui é que vou criar duas ou três versões diferentes. Eu os chamo de comps ou aparência abrangente. Você pode chamá-los diferentes rodadas de revisões ou marcações diferentes ou o que quiser. Mas a questão é que vou dar ao cliente algumas idéias diferentes, e então eles podem escolher o que eles gostam. Às vezes, eles podem até fazer o que chamamos de frankensteining e dizer: “Ei, eu gosto dessa versão e eu gosto dessa versão e quero que você os amasse juntos.” [RISOS] Isso acontece às vezes com o design do logotipo e nem sempre o melhor, porque então você obtém um resultado aleatório. Mas se você fizer o seu trabalho corretamente, dando a eles algumas opções, isso ajudará a envolver seu cliente com parte do processo de design ao mesmo tempo, ajudá-lo a chegar à melhor solução. Isso é o que vamos fazer enquanto eu olhar para isso. Quero dividir isso em dois projetos diferentes. Aqui está o que vamos fazer. Vou clicar em “Command Shift S”, salvá-lo no meu computador. Vou chamar isso de Boat-Wrap, vamos chamá-lo de V1, o que pode ser confuso. Vamos ver. Aqui está o negócio. Ao gravar isso, percebi que, ao fornecer os arquivos de lição para Boat-Wrap 1, 2 e 3 para ajudá-lo a acompanhar, normalmente quando eu nomearia isso para meus clientes, eu chamaria algo como Boat- Wrap_V1 ou R1. R1 que significa Rodada 1, a primeira rodada ou V1, significando a primeira versão. Seja o que for que faça sentido em seu cérebro, pessoal. Isso realmente não importa. É só de novo, tentando levantar a cortina para que vocês possam ver nos bastidores sobre como eu faço isso e como penso sobre isso. Espero que isso ajude você e, espero, isso lhe dê uma ideia ainda melhor do que essa. Mas a questão é que eu não quero confundi-lo com o curso. O que vamos fazer é ter esses arquivos de inicialização para os arquivos de exercícios. Mas neste caso, estou tentando projetar versões diferentes para o cliente. Este será Boat-Wrap_V1. Clicaremos em “Salvar” e clicaremos em “Ok”. O que espero fazer aqui é criar várias versões para o cliente. Agora, você pode criar vários arquivos ou criar várias pranchetas dentro do Illustrator. Porque esse arquivo é gigantesco, lembre-se que é como quantos pés? Era como 18 pés ou algo assim. É enorme, então eu não tenho muito espaço extra na minha tela para trabalhar. Normalmente, o que eu faria eu pressionava “Shift O”, que é o atalho da ferramenta do meu quadro de arte e, em seguida, mantenho pressionado Option e arraste uma cópia para baixo. Tenho duas pranchetas idênticas. Eu trabalharia dentro do mesmo arquivo para que tudo tenha várias versões dentro daqui, o que é útil para escolher e puxar peças de diferentes lugares. Eu provavelmente posso me mover dessa maneira e ficar assim, mas vou desfazer isso. Eu só vou fazer isso minha versão 1 comp e depois vou clicar em “Command Shift S”. Vou salvar isso no meu computador. Vou chamá-lo de V2. A razão pela qual estou fazendo isso é tentar manter as coisas limpas e também porque esse arquivo é tão grande e substituí-lo dentro do Photoshop. Vou seguir em frente e deixar esses arquivos serem duas coisas diferentes. Vamos voltar para o nosso Finder. Vamos voltar aos nossos arquivos de design. Temos a versão 1 e a versão 2. versão 2 já está aberta, então vamos em frente e abra a versão 1. Agora eu tenho esses dois arquivos diferentes que atualmente são idênticos, mas podemos começar a trabalhar. O que vou fazer é apagar esses três retângulos. Vou apagar esses shorts e vou deixar a Versão 1 ser essa coisa com aparência do pôr-do-sol tropical. Vamos clicar em “Salvar”, para que isso comece por aí. Em seguida, a versão 2, vamos fazer o contrário. Vamos excluir todas as coisas do pôr do sol e deixar essa ser a direção que começamos a começar. A partir daqui, o que posso fazer é continuar a desenvolver esses projetos e criar várias opções. Sinto que, para mim, quando tiro a pressão de ter que ter um design realmente ótimo, torna mais fácil ter um chupar e um parecer terrível e tudo bem. Não importa porque talvez este seja melhor e isso me permita trabalhar com as coisas mais rápido. Com isso em mente, vou desenvolver esse design ainda mais, e então vamos chamá-lo de bom. Eu tenho essas três listras. Se olharmos para isso e analisarmos isso, temos essas listras finas que ficam mais grossas e depois mudam de cor aqui. Este é o mesmo estilo de modo de mesclagem que temos daquela coisa do pôr-do-sol. Vou replicar isso. Vou pegar algumas formas aqui. Só vou preenchê-lo com este vermelho. Eu não vou segurar a Opção, clique e arraste e solte e, em seguida, clique “Comando D” várias vezes para pisar e repetir isso. Essa é uma maneira de trabalhar. Funciona muito bem. Em seguida, um monte de formas, todas elas parecem do mesmo tamanho e depois chegam a cerca de duas vezes mais grossas. O que vamos fazer é aqui, vou arrastar uma cópia, dimensioná-la para ter o mesmo tamanho do Comando X para cortá-la, excluir esse cara Comando F para colá-lo bem na frente. Faremos a mesma coisa, clicaremos e arrastaremos, e depois pisar e repetir várias vezes. Isso está funcionando manualmente. Poderíamos ter feito o modo de mesclagem como aprendemos no último vídeo em que você desenha uma forma, vai até o final e, em seguida, faz um número especificado de etapas entre elas. Mas isso vai funcionar muito bem para mim. Destacarei todos esses Comando G para agrupá-los. Vou trazê-los aqui. Vamos incliná-los para combinar com esse ângulo das formas abaixo. Estou usando a letra E, que é a ferramenta de transformação livre e vou apenas olhar para ela, aproximá-la. [RUÍDO] Esse ângulo parece muito próximo de mim. Agora, o que podemos fazer é, eu não sei, continuar empurrando isso ainda mais. Vamos ver o que acontece, ver o que conseguimos. [RUÍDO] Agora acabei de criar algumas formas aleatórias. Vou pegar esse plano de fundo e clicar em “Command 2", que o bloqueará como parece se opor aqui para bloquear, ou podemos desbloqueá-lo. Mas tudo o que quero fazer é ter certeza de que, se eu acidentalmente clicar nele, vamos prosseguir e bloquear a seleção. Agora posso pegar todo o resto, exceto aquela camada de fundo e vou virar isso. Vou apertar a letra “O” para obter minha ferramenta Reflect. Então eu posso clicar e arrastar e isso refletirá esse design. Agora, a razão pela qual eu quero refletir isso é porque , ao olhar para ele agora na lateral do barco, acho que vamos querer que seja essa direção. Faremos isso. Pegue estes, arraste-o para a frente e vamos ver. Primeiro tive isso aqui só para tornar essa forma mais espessa. Honestamente, tudo isso é preferência de design subjetivo. Estou deixando vocês olharem por cima do meu ombro só para ver que às vezes ele vem facilmente e às vezes você tem que realmente trabalhar nisso para que pareça que você quer e tudo bem. Faz parte do processo. Vamos seguir em frente e salvar isso. Vamos pular para a nossa marca aqui e vou clicar duas vezes aqui. Vamos seguir em frente e excluir esse texto , excluir essas camadas. Vou para Arquivo, colocar Embedded e estamos na Versão 1 ou na Versão 2 agora. Acontece que estamos na Versão 2. Está tudo bem. Vou pular aqui. Vamos colocá-lo, clicar em “Ok”, salvá-lo, e isso realmente parece bem legal. O que vou fazer agora é continuar projetando isso e depois mostrarei o que acabo aqui no próximo vídeo. 11. Parece alternativa de design: Aqui é onde acabei depois do último vídeo. Eu decidi apenas parar por aqui porque segue perto o que estamos vendo aqui nesses shorts de tabuleiro e este final combina com a capa do assento, então eu me sinto bem com isso como um olhar. É realmente básico, mas é algo, é uma versão a considerar. o que vamos fazer agora é vou saltar de volta para a versão 1 e vamos empurrar isso um pouco mais longe e ver o que podemos inventar. Então o que vou fazer é realmente pausar toda a gravação por um minuto e vou fazer uma pausa porque estou nisso há algum tempo. Normalmente, quando crio algo para um cliente, gastarei cerca de uma hora a duas horas no máximo, e depois farei uma pausa. Vou fazer outra coisa, seja lavar a louça ou limpar a casa ou limpar meu escritório ou jogar pingue-pongue. Temos uma mesa de ping-pong aqui no escritório, ou farei outra coisa para tirar minha mente do projeto. Dessa forma, no back-end, minha mente ainda pode estar pensando nisso, mas não tê-lo bem na minha frente e é daí que vêm algumas das minhas ideias mais criativas. Vamos seguir em frente e levar esta versão 1 um pouco mais longe e apenas ver o que acontece. Então vamos dar um passo atrás e fazer uma pausa. Vou seguir em frente e provar a cor do assento, selecionando o retângulo, obtendo minha ferramenta conta-gotas e apenas selecionando isso rapidamente. Então vamos pegar o sol com o qual começamos a brincar. Vou arrastar uma cópia para baixo. Vou girá-lo, escalá-lo para cima, e veremos o que acontece aqui. Não sei, essa pode não ser a abordagem certa, mas vamos ver o que acontece. O mais legal é que, quando tivermos um design em andamento, poderemos simulá-lo muito rapidamente para ver se gostamos de como ele realmente parece no barco. Agora eu quero fazer é pegar essa forma de retângulo e copiá-la, e pressionar “Command F” para colá-lo na frente e depois “Command Shift” no colchete direito para trazê-lo até a frente. Se eu desfazer isso, posso descer para o objeto, descer para um alcance e trazer para a frente. Shift Command e tecla de colchete direito, aí que consegui esse atalho. Vamos trazer isso todo o caminho para a frente. Clique com a tecla Shift pressionada em nosso círculo, clique com o botão direito e depois desça e faça uma máscara de recorte Agora essa forma não passa minha tela, então eu vejo claramente o que ela está fazendo aqui. Agora vamos em frente e adicionar algumas montanhas a isso. Vou fazer é pegar a ferramenta caneta ou talvez a ferramenta lápis. Com a ferramenta lápis, posso desenhar uma forma áspera como esta. Com a ferramenta de lápis selecionada, vou clicar em “Return'. Agora você pode ver que tenho algumas opções de ferramentas aqui. Posso torná-lo realmente preciso, então ficaria mais irregular à medida que eu desenho ou posso suavizar as coisas. Eu quero colocá-lo bem no meio e você vê como isso parece. Vamos em frente e vamos mantê-lo selecionado. O que mais podemos fazer aqui? Também parece muito bom para mim. Vou seguir em frente e clicar em “Ok”. Então vamos mudar isso de um preenchimento para um derrame. Por enquanto, vou deixar isso branco só para que seja muito fácil ver o que está acontecendo aqui. Vamos fazer um gráfico com aparência de montanha aqui. Vamos apenas cortar ou desenhar essas formas. Vamos ver como olhamos aqui. Vamos fechar este Shift X, que vai trocar meu preenchimento e traçado. Bem aqui, esse é o atalho para isso. Agora temos um preenchimento e parece muito bom. Mas não é ótimo. Não gosto de algumas dessas formas. Vamos tentar isso novamente. Vamos fazer um pouco mais irregular. Vou excluir isso, fazer com que minha ferramenta de lápis toque em 'Return”. Desta vez, quero ser muito preciso. Vamos ver se deixamos isso mais irregular. Agora vamos desenhar novamente. Isso parece melhor. Vamos clicar em Preencher, clique duas vezes. Vamos, na verdade, deixar isso escuro, vai torná-lo preto. É mais como uma silhueta. Agora vou fazer a mesma coisa. Vamos pegar este retângulo Command C para copiar, colá-lo na frente, tecla Shift pressionada nesta camada e você também pode, em vez de clicar com o botão direito do mouse e criar uma máscara de recorte, basta clicar em “Command 7", que é o atalho para isso também. Isso está começando a parecer bem legal. Vou deixar isso lá. O que mais podemos fazer com essa coisa? Temos alguns, acho que o filho provavelmente precisa ser mais centrado e não tão grande. Mas o que vou fazer é tornar isso mais parecido com um elemento decorativo. Vou torná-lo enorme. Vai todo o caminho fora da tela. Lá vamos nós. Clique em “Return”. Na verdade, é o Photoshop que estou pensando agora e isso adiciona alguns elementos legais a ele. Vamos em frente e vamos ver o que posso fazer com isso? Traga este sol para o sol e certifique-se de trazer uma cópia. Dimensione para baixo. Vamos trazê-lo para a frente. Trazendo essas montanhas de volta na frente. Esse rosa precisa mudar. Vamos clicar duas vezes aqui. Vamos pegar essa forma e vamos mudar essa cor. Isso é melhor. Estamos indo em uma direção. Não sei se é a direção certa, mas definitivamente estamos vendo algum progresso, o que é legal. Não sei se quero que isso seja grande ou se eu quero que a coisa toda se encaixe no lado. Agora tenha em mente que isso vai ter cerca de dois pés de altura, onde isso está nesta parte do barco. Vai parecer muito grande e vai ser, obviamente bem visível. Vamos tentar isso. O que vou fazer agora é ir em frente e parar este vídeo e talvez ir jogar um pingue-pongue. Talvez vá, eu não sei, vá descobrir alguma coisa. Vou deixar meu cérebro pensar nisso por um minuto. Acho que fizemos grandes progressos. Vamos pausar este vídeo e, em seguida, o próximo, voltaremos e o empurraremos um pouco mais. 12. Atualização do projeto do feedback de clientes real: Neste vídeo, vou analisar onde estamos com o design. Desde o último vídeo, consegui me conectar com meu amigo e dar uma olhada no design e receber alguns comentários. Este é o design final. Este é o nome do barco, Fishful Thinking. Então temos um padrão de peixe acontecendo aqui, e depois as listras originais que tiramos da nossa inspiração nos shorts de tabuleiro. Neste vídeo, o que eu quero que você faça é orientá-lo sobre como chegamos aqui e apenas algumas considerações para preencher a lacuna entre o que você viu por último no último vídeo e onde estamos agora. O que aconteceu foi esse padrão foi realmente descoberto por um artista que ele descobriu que ele realmente gosta. O nome dele é DeYoung. Encontramos esta empresa, então é DeYoung Vinyl Wraps. Eles licenciaram sua obra de arte, então eles fizeram envoltórios de vinil que você pode colocar assim, como uma caixa de correio, ou um carro, ou praticamente qualquer coisa que você quiser. Encontramos esse padrão específico e ele realmente gostou. O que acabamos fazendo foi entrar em contato com essa empresa, SCS Wraps porque eles têm um contrato de licença com o artista. Nós dissemos, ei, seria possível usar esse padrão, mas fazer nosso próprio giro com ele? O que fizemos aqui onde adicionamos as listras e coisas assim. Enviamos um e-mail para eles, tivemos que esperar por um dia quando eles voltaram para nós e aprovaram. Agora aqui está o problema. Esta imagem que estamos usando, esse JPEG que acabou de ser incorporado ao design, é uma captura de tela de baixa resolução que eu tirei do site. Isso não vai imprimir bem. O que vamos fazer nos próximos vídeos é que vamos empacotar esta arte para que as impressoras possam usá-la. O que faremos é dar a eles todos os arquivos editáveis. Eles poderão entrar e depois deixarão cair na obra de arte que já têm as imagens de alta resolução e, em seguida, produzirão o invólucro do barco a partir daí. O que vamos fazer agora avançando é, vou mostrar a vocês como empacotar esses arquivos e interagir com as impressoras de uma forma que os ajudará a obter todas as peças de que precisam para fazer isso real. Vamos prosseguir e mergulhar, e vamos fazer isso no próximo vídeo. 13. Como enviar Comps rapidamente para clientes: Neste vídeo, vou mostrar como, uma vez que eu tiver um design feito, como eu o enviei para meu cliente ou, nesse caso, meu amigo, e então como passamos para a impressora a ser produzida e como isso... o processo antes de enviarmos a arte final. Só para ter certeza de que estamos todos na mesma página e tudo funciona bem. Aqui está o que eu tenho acontecendo. Aqui está uma janela do iMessage à direita com ele e ele simplesmente caiu em algumas fotos de coisas. Isso foi antes em alguns que ele tinha e me deu algum feedback. Então, aparentemente, uso a Siri para enviar mensagens porque tenho alguns policiais que tenho trabalhado neles. Eu queria dizer comps, como aparência abrangente. Então eu disse que ele é legal. O que eu queria dizer era que estes são legais. Não sei o que a Siri estava pensando. De qualquer forma, você pode ver que é muito informal, apenas passando as ideias para frente e para trás. Então, ao rolar para baixo, você pode ver que soltei essas capturas de tela diretamente na janela do Chat. Deixe-me mostrar como faço isso. O que eu faria aqui é ter esse gráfico aqui que queríamos mostrar a aparência de como o envoltório é antes de estar no veículo. Eu pressiono “Comando”, “Shift” e depois “Número 4" e faço uma captura de tela rápida. Agora, antes de soltar o mouse com a barra de espaço, posso mover esta janela exatamente onde eu quero que ela esteja. Então, antes de soltar o mouse, pressionarei a tecla Control e ela tira uma foto e copia para minha área de transferência. Eu viria aqui na janela Mensagens. Eu clicava, pressionava “Command V” e ele o cola bem ali. Então eu pressionaria “Return” e ele o enviará. Não vou defini-lo agora porque vai confundi-los porque ele não sabe que estou trabalhando nisso agora. Vou saltar de volta para essa outra visão também. Você pode ver que atualizei a marca para refletir as novas obras de arte. Você pode ver como isso realmente parece no veículo. É a mesma coisa, Command Shift 4, clique e arraste. Agora você pode estar se perguntando, bem, por que você não exporta isso? Bem, eu poderia fazer isso. Eu poderia vir aqui e ir para Arquivo, até Exportar, Exportar Como ou posso exportar rapidamente como PNG. Todo esse trabalho. Agora, se eu fizesse assim, ele exportaria todo o quadrado, esse espaço morto extra que temos acima dele. Tudo bem. Poderia fazê-lo totalmente. Vai voltar para Exportar, Exportar Como. Então eu poderia escolher se quero enviá-lo como PNG ou JPEG. Posso controlar a qualidade para obter o tamanho certo. Isso é 447 kilobytes, então não é tão grande. Eu poderia enviar isso por e-mail ou enviá-lo em mensagens, sem problema. Clique em “Exportar” e salve-o onde quiser. Mas para mim, eu só gosto de trabalhar o mais rápido possível. Command Shift 4, barra de espaço, clique e arraste, mantenha pressionada “Control”, pule para minhas mensagens e, em seguida, pressione “Command V” para colá-lo. É assim que eu envio minhas composições. Muito informal. Isso funciona bem para quando você está trabalhando com pessoas com quem você construiu um relacionamento ou fez outros projetos. Se você estiver trabalhando com um cliente profissional, você pode querer seguir obviamente o passo extra e nomear o arquivo, comp 1 ou versão 1 ou o que quer que seja e, em seguida, enviá-lo por e-mail. Mas para mim, por causa de muitos dos projetos em que trabalho com nossa equipe, estamos usando o Slack, estamos usando o Microsoft Teams ou estamos usando mensagens apenas para devolver ideias rapidamente para frente e para trás. Então é assim que eu faço isso. De lá ele os copiou e enviou um e-mail para a impressora para solicitar permissão para usar a arte. Esse é o meu processo rápido para compartilhar ideias rapidamente com meus clientes. Agora, a próxima coisa que vamos fazer no próximo vídeo é mostrar a você, porque temos aprovação agora neste processo, preciso empacotar esses arquivos de arte e enviá-los para a impressora. Vamos fazer isso no próximo vídeo. 14. Exportar arquivos final prensado para impressão: Neste vídeo, vamos realmente empacotar os arquivos finais e vou orientá-lo pelo meu processo. Devemos ser bons para ir atrás disso. Primeiras coisas primeiro, temos nossa maquete aqui. Vou seguir em frente e salvar uma cópia deste Command Shift S e vou chamar esse encerramento final. Na verdade, vou deixar a maquete lá dentro. Vamos em frente e vamos criar um novo arquivo aqui. Vou chamá-lo de final. Salve isso. Clique em “Ok”. Tudo aqui está muito bom. Temos nosso objeto inteligente ou sombras, tudo assim. Vou ir em frente e retirar esta janela de camadas só para poder torná-la maior e ver tudo ao mesmo tempo. Vou seguir em frente e excluir essa camada. Só vou limpar as coisas um pouco. Vamos seguir em frente e cortar isso. Vou colocar isso de volta aqui por enquanto, suponho. Vamos cortar isso com a letra C para obter minha ferramenta de colheita. Vou para a proporção original, limpar tudo isso. Só estou tentando fazer isso se encaixar um pouco melhor. Isso é bom o suficiente. Vou clicar em “Return”. Acabamos de cortar, Command S para salvá-lo e essa é a nossa última maquete. Então vou exportar isso. Mostrei no último vídeo como envio rapidamente comps aos clientes. Mas vou seguir em frente e clicar em “Exportar”. Vamos exportar um JPEG rápido disso só para que ele esteja aqui na nossa pasta. Dessa forma, se alguém não fizer o Photoshop, eles ainda podem ver qual é o design. Vou fazer isso de alta qualidade. Clicaremos em “Exportar”. Então vamos colocar isso aqui na nossa pasta final. Clique em “Salvar”. Terminamos lá. Agora, o que precisamos fazer é realmente passar pelo arquivo do ilustrador e precisamos terminar isso. Eu tenho a fonte aqui. Isso é chamado de período Adhesive Nr. Eu tive que procurar isso. Aparentemente, é uma abreviação para near. De qualquer forma, esta fonte regular Adhesive Nr Seven que encontrei na Adobe no site Typekit. Em teoria, não preciso me preocupar com eles conseguirem extrair essa fonte porque eles devem ter acesso para licenciar uma fonte. Mas aqui estão algumas coisas que vamos fazer. Esta é a final. O que vou fazer é clicar em “Command Shift S” e vamos salvar isso no meu computador. Vamos para nossa pasta de finais. Vou chamar esse envoltório de barco, final. Clique em “Salvar” e clique em “Ok”. Agora, o que vou fazer é entrar aqui e clicar em “Command Shift O”, o mesmo que vir aqui para digitar e depois criar contornos. O que isso faz é separar a fonte e a transforma em uma forma que é muito legal. Nós realmente não entramos nisso neste curso. Mas agora você pode manipular todos esses pontos de ancoragem e criar algumas coisas bem personalizadas. É assim que faço meus logotipos quando começo com uma fonte e crio formas personalizadas a partir disso. Atalho muito legal, mas o que queremos fazer com isso agora é que vamos pressionar “Command Shift S” novamente. Vamos salvar no meu computador. Aqui vamos final e vamos chamá-lo de delineado. É seguro ou contornos. De qualquer forma, funciona, mas dessa forma temos a opção de voltar para a versão editável se tivéssemos que atualizar a ortografia ou alterar o título. Mas também temos essa versão que, se eles não tiverem essa fonte, eles ainda poderão abrir isso e ver o trabalho artístico. Vou em frente e fecharei isso. Vamos voltar aqui novamente para nossas finais. Vamos abrir aquele que ainda tem a fonte. Agora, a partir daqui, algo que precisamos prestar atenção é algo que eu já fiz offline. Quando eu colei ou caí neste gráfico pela primeira vez, ele tinha uma linha azul entre aqui, parece que um X que vai de canto a canto mesmo traçado é este azul aqui. O que isso diz é que é uma imagem incorporada e, na verdade, ainda parece que está incorporada. Se eu procurar aqui na barra de Opções, vejo marrom flank_orange.jpeg e posso clicar no botão unembed. Se eu clicar nisso, ele tentará vincular novamente a imagem completa original que eu tinha aqui. Eu poderia fazer isso, mas se eles abrirem esse arquivo e eu não enviar todos os ativos vinculados, isso quebrará e eles não poderão ver essa imagem. Eu já incorporei essas imagens. Mas outra coisa que você pode fazer que é mais recente e algumas versões atrás no Illustrator, é que você pode usar o recurso de pacote para que ele empacote automaticamente tudo o que você precisa. Vamos fazer isso em seguida. Vamos subir aqui para arquivar. Desta vez, vamos descer para o Pacote. Clique sobre isso. É melhor salvá-lo primeiro. Não clique para salvar. Agora isso vai me deixar empacotar esses ativos. Deixe-me ir em frente e selecionar onde ele será salvo. Vamos para nossa pasta de finais. Vamos colocá-lo aqui e escolheremos essa pasta final de embalagem de barco e nome de pasta. Ótimo. O que ele vai fazer é copiar o link. Como essa imagem aqui que foi vinculada a este documento, ela coletará links em uma pasta separada. Ele vai vincular novamente o documento. Quando eu envio, tudo vem junto. Ele copiará todas as fontes e criará um relatório. Vamos clicar no botão “Pacote”. Ele já fez isso. Vamos seguir em frente e mostrar o pacote e aqui está a pasta que ele criou. Aqui está o arquivo do ilustrador. Se eu tivesse vinculado esses gráficos, ele teria feito uma nova pasta aqui com os links e os vincularia diretamente no projeto. Mas como eu os incorporei, ele só mostra esse arquivo do ilustrador. Em seguida, temos esses arquivos de texto de relatório. Se eu clicar duas vezes para abrir isso, você verá que ele mostra o documento com o nome dele, o modo de cor. Todos os detalhes aqui, perfil de cores, seja nas unidades de régua agora usados pés cabem em polegadas. As dimensões como todos os detalhes que a impressora vai precisar. Agora, uma coisa que é interessante, se eu rolar para baixo, não há fontes ausentes, mas ela usa uma fonte protegida que não empacotou porque essa fonte é uma fonte da Adobe, não incomodou empacotar porque você pode simplesmente sincronizá-lo com o Typekit. Na verdade, vamos dar uma olhada nisso muito rápido. Se eu pular aqui no Typekit, fonts.adobe.com, e eu procurei por essa fonte Adhesive Nr Seven e clicar nisso, você pode ver que eu tenho a fonte ativada. Se eu rolar para baixo, você poderá vê-lo em uso. As impressoras poderão fazer o mesmo com a conta Typekit. Eles simplesmente sincronizarão a fonte e, se não a tiverem, poderei atualizá-la. É por isso que ele não foi empacotado nesta pasta final. Em teoria, tudo o que preciso fazer é clicar nesta pasta. Eu poderia clicar com o botão direito Vou descer para comprimir a pasta de embrulho do barco. Agora eu tenho esse arquivo compactado que tem apenas seis megabytes e isso é um lembrete por que estamos usando o Illustrator e o Photoshop para algo assim. Porque se criássemos um gráfico do Photoshop tão grande, seriam vários shows e seu computador provavelmente falharia. Agora, há maneiras de contornar isso, que está além do escopo dessa classe. Mas, basicamente, você pode ligar para sua impressora e falar sobre o DPI que eles precisam, quantos pontos por polegada. Normalmente, com a impressão, são 300, mas com gráficos em grande escala, você pode torná-lo como 72. Como você está visualizando a uma distância adicional , o arquivo é menor. Mais uma vez além do escopo desta classe, apenas algo para estar ciente. Agora, o que vamos fazer é que você tenha notado que eu fiz esses outros arquivos, o descrito no não descrito. O que eu poderia fazer é arrastar e soltar isso descrito nesta pasta. Vamos seguir em frente e excluir este comprimido e faremos isso novamente. Então, dessa forma, quando eles abrem isso, eles têm opções para o descrito na versão não delineada. Você sabe o quê? Eles serão capazes e sua equipe de produção fazer isso sozinhos. Mas eu estava pensando em retirar o texto como um arquivo separado e enviar-lhes apenas esses gráficos para que eles pudessem colocar isso onde quer que fizesse mais sentido. Mas enquanto penso nisso agora, acho que isso tem tudo o que eles precisam para ter sucesso. Eles poderão entrar aqui e colocar esses gráficos atualizados como este. É a camada inferior e então eu tenho uma máscara acima dela, essa pequena forma angular que está cortando. É isso, pessoal. Isso é tudo o que eu precisava fazer para tornar isso imprimível para eles. Saltando de volta aqui na minha janela do localizador, adicionamos essa versão delineada. Vou clicar com o botão direito do mouse novamente e vamos comprimir isso. Agora, tudo o que tenho que fazer é uma de algumas coisas. Se este fosse um arquivo grande, eu poderia jogar isso no meu Dropbox e depois compartilhar um link ou isso é apenas nesse caso, ele subiu um pouco para 13 megs, mas ainda posso enviar por e-mail para que eu possa basta anexá-lo a um e-mail, sem problemas. Vou seguir em frente e fazer isso. Vou enviá-lo para as impressoras e, em seguida, elas vão atualizar o gráfico e depois enviar nossa composição de volta para nós para aprovação. É praticamente isso, pessoal. 15. Exportar arquivos final Press-Ready para prensadas parte 2: Mais uma coisa que quero mostrar que esqueci de incluir no último vídeo é fui em frente e adicionei mais três recursos para a impressora. A primeira quando fui em frente e peguei a imagem exata que copiei do site, adicionei um arquivo de texto, então fiz um novo documento de texto. Você pode usar o Bloco de Notas ou o TextEdit dependendo se você estiver em um Mac ou PC. Acabei de chamar esse DeYoung Source. DeYoung é o artista, o nome dele é DeYoung, onde encontrei este gráfico, aqui está o link exato de onde conseguimos, só para ter certeza de que estamos todos na mesma página. Mais uma vez, certifique-se de que temos o licenciamento certo em vigor, ou seja, por isso não tenho a versão de alta resolução. Esta empresa que vamos usar , empresa super legal. Vamos pular para o site deles aqui, o SCS envolve. Eles têm coisas muito legais. Você pode ver que, vamos ver, essa é a janela errada, envoltórios incríveis. Mas nós passamos e elas são as únicas pessoas que estão licenciadas para reutilizar sua obra de arte. Eu não tenho o arquivo real de alta resolução. É por isso que estamos trabalhando dessa maneira, o que não é uma maneira usual de trabalhar. Mas como estamos usando a arte de outra pessoa, quero ter certeza de que estamos dando crédito onde o crédito é devido e fazendo tudo o que precisamos para ser licenciados. É por isso que eu incluí esse texto fonte. Então a última coisa que incluí é esta imagem aqui que recebi do meu amigo que tomou medidas exatas de seu barco só para ter certeza que é tudo exatamente cortado ao tamanho. A outra coisa legal é que esta empresa realmente faz rampas para barcos. Este é o estilo exato de barco que ele tem. Eles vão usar o modelo, já usaram com as obras de arte de alguém e vão sobrepor os designs que fiz no Illustrator. Espero que isso faça sentido, mas essa é a peça final para colocar essa coisa sobre a linha de chegada aqui. Como eu adicionei essas pastas, tenho que recomprimir esse arquivo novamente, só para que tudo esteja incluído, então vamos compactá-lo. Então agora eu posso enviar por e-mail para eles esta pasta compactada final. 16. Visão geral do projeto do curso: Para o nosso projeto de classe, aqui está o que eu quero que você faça. Eu quero que você escolha um veículo, pode ser o seu veículo, pode ser o veículo de um amigo, você pode até encontrar uma foto de algo que está online, pode ser o carro dos seus sonhos, o que quiser. Encontre um veículo, tire uma foto dele e, em seguida, vamos recortá-lo no Photoshop e, em seguida, projetar um gráfico para criar um envoltório de veículo. O que eu quero que você faça é uma vez que você tenha esse recorte, você obtém o trabalho artístico projetado, postá-lo na seção de projeto deste curso. Mal posso esperar para ver o que vocês inventam. 17. Próximos passos: Muito obrigado por fazer este curso. Espero que você tenha gostado, espero que você tenha aprendido muitas informações valiosas. Mais importante ainda, espero que você tenha seguido e tenha criado seu próprio maquete de veículo, seu próprio decalque de vinil e o publicou na seção do projeto. Se você ainda não fez isso, por favor, mal posso esperar para ver o que vocês inventam. Então, se você já fez tudo isso, você está passando pelo curso, novamente, muito obrigado pelo seu tempo e por se juntar a mim. Para os próximos passos, há algumas coisas que você pode fazer. Tenho uma tonelada de mais cursos aqui no Skillshare e também tenho um monte de tutoriais gratuitos que você pode encontrar online, seja em youtube.com/Dougmitchell, ou no meu site em Dougmitchell.com, toneladas de brindes e ótimos recursos e, novamente, toneladas de outros cursos se você quiser promover sua carreira como designer gráfico. Mais uma vez, muito obrigado por se juntar a mim e espero que você tenha um dia incrível.