Transcrições
1. Apresentação e visão geral: Criar padrões digitais a partir de ilustrações vintage é uma ótima maneira de ir além suas próprias habilidades de desenho e explorar maneiras
diferentes e divertidas de criar ideias e contar uma história. Belos padrões criados para ilustrações intrincadas sempre ficam ótimos como fundos em sites, ou como impressões em tecido, papel de parede, papel de
embrulho e como papéis finais em livros. Aqui é Dominic da Attitude Creative. Nesta aula, convido você a explorar a técnica e possibilidades
criativas de fazer padrões
digitais a partir de ilustrações vintage originadas online. Vou compartilhar com vocês onde você pode encontrar esse tipo de imagens, quais abordagens você pode tomar ao gerar ideias e compor padrões e passar passo a passo pelo meu processo de criação de padrões digitais no Adobe Photoshop. Mal posso esperar para ver seus padrões. Inscreva-se agora, e vamos criar algo incrível.
2. Origem das imagens: considerações sobre licença e qualidade: Para esta classe, nós iremos obter imagens de arquivos online de ilustrações de livros antigos. Você não precisará desenhar nada, mas você precisará ter em mente o status de direitos autorais e o licenciamento, bem
como o tamanho e a qualidade da imagem ao selecionar imagens para seu projeto. Se você se inscreveu na aula Digital Collage da Evgeniya, você já terá aprendido sobre licenças e considerações de
qualidade ao fornecer imagens on-line. Você pode pular essa parte se não precisar atualizar sua memória. Mas se você é novo em nossas aulas, o que eu vou cobrir neste vídeo será útil. Ao enviar imagens on-line, certifique-se de verificar o status de direitos autorais e a isenção de responsabilidade da imagem. Isso irá dizer-lhe como você pode usar a imagem. Nos links que forneci aqui, maioria das imagens está em domínio público com status de copyright
expirado devido a suas datas de criação e publicação. Quando você encontrar algo que você gosta, vá e dê uma olhada em qual licença se aplica. Mesmo que diga alguns direitos reservados, como aqui, ainda
é uma boa idéia clicar no link e ir e descobrir mais. Esta é uma licença Creative Commons Attribution, que
significa que você pode usar o trabalho o quanto quiser, desde que você credite a fonte original, incluindo o autor da arte original e detalhes da publicação. Você também pode se deparar com algo assim. Esta é uma licença Atribuição-NãoComercial-CompartilhaIgual, o que significa que você não pode usá-la em projetos comerciais ou derivados de venda. Mas se você quiser fazer algo para fins pessoais ou educacionais para você, seus amigos ou familiares, tudo bem. Pode haver outros tipos de licenças, então preste atenção, seja legal, respeite os artistas originais e titulares de direitos autorais. Quando estiver a obter imagens online, certifique-se de que transfere o maior tamanho disponível. Se você estiver obtendo suas imagens do
Flickr, certifique-se de baixar apenas o tamanho original. Ao baixar o arquivo, abra-o no Photoshop e verifique o tamanho da imagem e as propriedades de resolução. Hoje em dia, com o desenvolvimento da tecnologia e a introdução de telas de alta resolução, não
há muita diferença entre imagens de alta qualidade para impressão e web. O que é impresso fuzzy agora será difuso em sua tela,
bem como se ele não for de tamanho e resolução suficientes. Você pode alterar a resolução da imagem para 300 dpi se ela for menor que isso, mas não empurre-a muito longe. Confira a visualização de 100% aqui para ver a qualidade da sua imagem redimensionada. Também aqui, selecione um método de reamostragem que funcione melhor para sua imagem e não traga pixels ou outros artefatos de imagem. Aplique as alterações e salve seu trabalho dessa maneira. Não é uma maneira perfeita de fazer as coisas e eu aconselho você a não empurrar muito longe, mas às vezes quando se trabalha com imagens encontradas, é a única maneira de alcançar um resultado razoável. Naturalmente, a melhor prática é ter imagens de origem grandes e de
alta qualidade para começar. Tendo em mente possíveis restrições de licença e o tamanho de imagem desejado, agora
podemos começar a fornecer imagens e pensar no que isso faz para nossos padrões de recursos.
3. Ideias por trás de um padrão: Por trás de cada bom padrão, há muitas vezes um tema ou história, algo que o criador quer mostrar. Antes de criar seu padrão, você vai precisar decidir qual é o seu tema. Seu padrão pode ter um tema de contar histórias, por exemplo, verão, ou talvez seja sobre algo que aconteceu em sua vida, por exemplo, sua memória favorita. Este é um padrão experimental que criei inspirado no meu amor por cozinhar. Seu padrão pode ser feito de objetos da mesma categoria, por exemplo,
plantas, animais, alimentos, veículos ou qualquer outra coisa tangível. Por exemplo, este padrão era composto de desenhos de linha de avião encontrados em um livro antigo. Os padrões também podem ser feitos usando linhas, formas abstratas, traços, marcas, pontos, manchas ou elementos figurativos. Este padrão foi inspirado na selva. Neste caso, a narrativa, se desejado, pode ser criada por diferentes arranjos de elementos e composição, mas falaremos sobre isso em uma fase posterior ao formar um padrão. Quando você decidir qual é o seu favorito, você pode começar a coletar material de origem para o seu padrão. Pense no que o inspira, mas mantenha a mente aberta, você pode querer modificar seu tema enquanto está procurando material de
origem ou você pode de repente ter essa idéia incrível. Não hesite em conferir o nosso quadro de pesquisa de padrões vintage no Pinterest para obter algumas ideias e inspiração para o seu futuro padrão. Seja o que for que você escolher fazer, espero que você tenha achado isso útil e estou realmente ansioso para ver o que você pode criar.
4. Organizando arquivos de projeto: Antes de iniciar o projeto, vou organizar meus arquivos. Tomar um pouco mais de tempo no início do projeto para renomear tudo e criar uma estrutura de pastas economiza muito tempo depois, e torna o local de trabalho mais suave, especialmente em um projeto como este, onde há muito imagens de origem. Uma boa gestão de projetos e organização também têm outra vantagem. No futuro, se você quiser revisitar o projeto, seja para pesquisa, inspiração ou desenvolvimento posterior, você entenderá facilmente o que está olhando. Normalmente começo projetos criando pastas onde meu trabalho será mantido. Dentro dele, haverá uma série de subpastas para diferentes elementos do projeto. Materiais de origem. É aqui que guardo cópias de
todos os materiais originais que obtive para o projeto. Recortes. Aqui é onde eu guardo recortes de
todo o material original para uso no meu padrão. Desta forma, eu não destruo o material original. Mestres. É aqui que vou guardar os ficheiros de desenvolvimento para o meu padrão. Isso pode incluir documentos de grande formato do Photoshop e outros resultados experimentais. Predefinições de padrão. Aqui é onde exportarei minhas predefinições de padrão do Photoshop para proteção. Pré-visualizações e impressões digitais. É aqui que exporto visualizações otimizadas para compartilhar versões de impressão on-line e de alta qualidade. Esta é a estrutura básica do meu projeto. Se eu precisar alterar a estrutura ou adicionar uma nova pasta, eu posso fazer isso mais tarde em qualquer fase durante o projeto. Nomear os arquivos de forma compreensível e pesquisável também é importante. Tire um tempo para renomear todos os arquivos de código-fonte e dar nomes próprios aos novos arquivos do Photoshop, organize seus arquivos de projeto e, quando terminar, assista ao próximo vídeo em que eu vou cobrir algumas técnicas
diferentes para cortar seu material de origem no Adobe Photoshop.
5. Cortando os elementos: Agora precisamos cortar nossas imagens de origem. Para isso, vamos passar por todos os arquivos um por
um e preparar cada elemento para o nosso padrão futuro. Abra o primeiro arquivo que deseja recortar no Adobe Photoshop e salve-o novamente como um documento PSD. Todos os nossos recortes serão salvos no formato PSD. Depois de ter feito o corte excluir os arquivos não cortados desta pasta. Eu sempre mantenho um backup dos arquivos originais em uma pasta separada, por precaução. Agora, vamos continuar com o corte. Certifique-se de que você tem o painel de camadas aberto, vamos precisar de muito dele nesta classe. Se você não conseguir encontrar o painel de camadas, você pode abri-lo rapidamente indo para o menu Janela e selecionando camadas, ou pressionando a tecla “F7". Também nesta fase, é
aconselhável desativar a feição de seleção automática que você
possa selecionar e manter selecionada a camada na qual você está realmente trabalhando. Agora precisamos ir ao painel de camadas e desbloquear a camada de fundo. Isso garantirá que quando você cortar algo, ele desaparecerá e, em vez disso, você terá um fundo transparente. Então, eu vou duplicar minha camada. O de baixo vai ser um backup, só por precaução. Então vou escondê-lo por enquanto. Gosto de cortar coisas com precisão. Você pode escolher se deve ou não fazer o mesmo. Por esta razão, vou mostrar-lhe dois métodos alternativos de cortar as coisas no Photoshop para que você possa ver a diferença e escolher qual é o melhor para você. Em primeiro lugar, vou mostrar rapidamente o recurso mais recente do Photoshop, chamado Select and Mask, que foi introduzido recentemente na versão de junho de 2016. Se você tem uma versão mais antiga do Photoshop e não sabe sobre as diferentes ferramentas de seleção e corte disponíveis no Photoshop,
confira nossa colagem digital da classe de ilustrações de enciclopédia
vintage para obter mais detalhes, ou assista a técnica manual disponível em qualquer versão do Photoshop. O recurso Select and Mask foi projetado para simplificar o processo de corte de imagens. É particularmente eficaz em cortar imagens coloridas em fundos contrastantes. No entanto, se como eu você tem imagens fonte preto e branco de gravuras antigas e ilustrações, então é melhor ficar com os métodos testados e testados como ferramenta Lasso poligonal para cortar suas imagens de origem. Para demonstrar esse recurso, usarei uma imagem colorida de uma tartaruga, que não usarei no meu padrão. Em primeiro lugar, certifique-se de que a camada que deseja cortar está desbloqueada e selecionada. Agora, vá para o menu de seleção e clique em “Selecionar e Máscara”. Isso abrirá uma nova janela com uma variedade de opções e ferramentas diferentes. À esquerda, temos algumas ferramentas de corte e seleção, que incluem a ferramenta de seleção rápida, o pincel de refinamento de
borda, a ferramenta de pincel e a boa e velha ferramenta de laço confiável. À direita, temos uma seleção de
menus suspensos contendo opções para detecção de borda, refinamentos
globais e configurações de saída. Há também várias opções de visualização diferentes projetadas para auxiliar no corte. Estes podem ser encontrados no lado superior direito da área de trabalho. A exibição padrão é pele de cebola. Ao clicar na opção “Modo de exibição”, aparece
um menu suspenso onde você pode selecionar entre uma variedade de modos de exibição diferentes. Meu favorito é sobreposição porque permite que você
veja facilmente o que você está fazendo e quais áreas de sua imagem são afetadas. Para cortar minha tartaruga vou selecionar a ferramenta de seleção rápida. Na barra de opções na parte superior, há uma opção mais/menos. Com a opção mais selecionada, agora
posso começar a remover as áreas ao redor da minha tartaruga. Usando esta ferramenta, eu posso trabalhar rapidamente meu caminho ao redor da tartaruga. As áreas a serem removidas devem ser destacadas em vermelho. Se você tiver algum problema, marque a opção mais/menos e inverta nas configurações globais. Infelizmente, a ferramenta de seleção rápida nem sempre é precisa. Às vezes, as bordas que têm uma cor semelhante ao plano de fundo podem se perder. Para refinar ainda mais as bordas, usarei a ferramenta Laço porque ela me permite selecionar ou
desmarcar rapidamente qualquer área que a ferramenta de seleção rápida possa ter perdido ou selecionado incorretamente. O experimento é necessário com os pincéis e configurações globais. Quando terminar, vá para as configurações de saída. Aqui, há uma opção bastante útil chamada descontaminar cores, que ajuda você a corrigir bordas que ficaram contaminadas porque eles têm uma cor semelhante ao plano de fundo. Selecione esta opção e dê uma olhada em como ela afeta as bordas do seu corte. No menu suspenso de saída, selecionei nova camada. Isso aplicará meu recorte como nova camada no Photoshop. Outras opções incluem seleção, nova camada com máscara de camada, novo documento e novo documento de máscara de camada. Agora clique em “OK”. Você pode ver no painel de camadas, minha tartaruga cortada tem uma nova camada. Infelizmente, as ferramentas automáticas do Photoshop
não são muito úteis com certos tipos de imagens e às vezes é melhor cortar as coisas manualmente se você precisa ter controle preciso e bordas retas. O que pode parecer uma tarefa longa e laboriosa no início com a prática
se tornará rápido e indolor e permitirá que você tenha elementos precisos, mas realmente depende do que você está fazendo. A ferramenta Laço poligonal é uma das
minhas favoritas quando se trata de cortar coisas manualmente. Com a ferramenta Laço poligonal, você precisa contornar o objeto em segmentos de linha. Pense nisso como um bisturi. Você precisa ampliar bastante perto e desenhar um contorno de pequenos segmentos ao redor do objeto. Se você colocar um ponto no lugar errado, clique em “Excluir” ou “Backspace” para remover o último ponto. Geralmente, a ferramenta Laço poligonal pode levar um pouco mais de tempo para se
acostumar e pode ser frustrante se você perder sua seleção no meio do caminho. Há algumas coisas a ter em mente. Primeiro, para cortar algo, no nosso caso, o fundo, precisamos ter uma borda de seleção fechada. Para fechar a seleção, você precisa ir até o primeiro ponto e depois clicar nele. Por isso, agora está selecionado e você pode clicar em “Excluir”. Além disso, se você clicar duas vezes com o botão do mouse, ele irá conectar o último ponto com o primeiro e fechar a seleção. Isso pode ser um pouco de dor de cabeça, assim. Aqui, você pode ver nossa seleção sobrepõe nossa imagem e ela irá cortá-la também. Então descarte essa seleção e comece de novo. Eu sei o quão irritante pode ser assim, sugiro cortar pequenos pedaços de cada vez em
vez de tentar trabalhar o seu caminho em torno do objeto. Esta é a técnica que eu uso a maior parte do tempo quando eu preciso cortar algo fora e se eu tiver grandes áreas de fundo para remover, eu apenas selecioná-los usando a ferramenta de letreiro retangular e excluir desta maneira. Se houver alguns pequenos pedaços que eu perdi, vou removê-los usando a ferramenta borracha. Então, esses são dois métodos alternativos para selecionar e cortar o fundo de suas imagens no Adobe Photoshop. Agora, certifique-se de que todas as camadas, exceto o corte real, estão ocultas ou excluídas, e salve o arquivo como um PSD. Recorte todas as imagens que você deseja usar em seu padrão, e então vamos começar a fazer o padrão.
6. Configurando o arquivo de padrões: Escolhendo o tamanho certo para o seu percentil. Está quase na hora de parar de juntar tudo. Mas antes disso, precisamos pensar na aplicação do nosso padrão. Isso ocorre porque pode afetar muito o tamanho do seu percentil. Por exemplo, se eu estiver fazendo meu padrão para imprimir papel de parede, então precisarei usar um tamanho apropriado. rolos de largura padrão no Reino Unido têm 52 centímetros de largura. Agora, este é um caso extremo, porque o papel de parede precisa ser repetido manualmente. Esteja preparado para pesquisar tamanhos padrão em seu país. Diferentes países têm padrões
diferentes, coisas diferentes, que podem não ser compatíveis em outros mercados. Se você estiver trabalhando em um aplicativo que não é restrito por tamanho, você pode incorporar várias repetições do padrão como ele é. Neste caso, o tamanho dos elementos deve ser cuidadosamente considerado. Você pode redimensionar seu padrão depois de criá-lo. No entanto, você pode perder alguns detalhes se você tornar seu padrão muito grande ou muito pequeno. Vamos começar criando um novo arquivo no qual vamos criar um padrão. Decida as configurações do documento dependendo do que você deseja criar e em que tamanho. Basta ter em mente o tamanho das imagens que você deseja usar em seu padrão, e não empurre muito o tamanho. Além disso, use o modo de cor RGB por enquanto. Vou criar um padrão de 52 por 39 centímetros a 300 DPI, que é o padrão da indústria para impressão. Vamos clicar em “Ok”, e agora, que imediatamente salvar arquivo como um PSD, ou PSB se você estiver trabalhando em formato extremamente grande. Em seguida, vá para o menu Exibir e selecione Novo Guia. Uma pequena caixa de diálogo aparecerá. Vou selecionar Vertical, para criar um novo guia vertical, e vou colocar meu guia no meio do documento. Meu documento tem 52 centímetros de largura, então meu guia será colocado em 26 centímetros. Repita o processo. Desta vez em um guia horizontal. Meu guia horizontal é colocado em 19,5 centímetros, porque meu documento tem 39 centímetros de altura. Precisaremos dos guias mais tarde para criar um padrão repetível. Estaremos construindo o padrão em forma de diamante no meio de nosso documento, e deixando os cantos livres, e quando terminarmos de criar o diamante, corte
bem a imagem ao longo dessas guias, e troque as partes ao redor para criar bordas sem costura.
7. Colocando os recortes em um arquivo: Antes de começar a fazer o meu padrão, preciso colocar todos os meus recortes neste arquivo. Existem várias maneiras diferentes de adicionar imagens ao Photoshop, dependendo da versão que você tem. A maneira padrão é abrir todos os seus arquivos individuais no Photoshop e, em seguida, copiá-los e colá-los em um documento. Mas vou mostrar-lhe outro método razoavelmente novo para que possa usá-lo a seu favor. Este método é sobre colocar objetos inteligentes vinculados no documento. Dessa forma, as imagens originais são mantidas em um local separado e, se forem feitas alterações, você poderá ver as alterações no documento onde elas são colocadas. Isso é particularmente importante se você estiver usando os mesmos ativos em vários arquivos diferentes, ou se você estiver trabalhando dentro de uma equipe se outra pessoa editar o arquivo original, você poderá atualizar o conteúdo do documento rapidamente sem ter que substituir imagens. É uma grande economia de tempo. Nesta classe, eu vou usar Objetos Inteligentes Vinculados por motivos
diferentes porque eu estou lidando com estacas. Vou usar alguns deles várias vezes. Faz sentido ter apenas uma tentativa original para [inaudível] se eu precisar. Por exemplo, se eu não cortar algo corretamente, posso fazer alterações rapidamente no arquivo original e aplicar as alterações ao mesmo elemento no documento. Isso realmente torna o trabalho no Photoshop mais suave. Para editar o conteúdo do arquivo vinculado, você precisa clicar duas vezes no ícone do link aqui. Ele abrirá o arquivo na nova guia. Você pode editá-lo conforme necessário. Salve e feche. Você pode ver o efeito nos documentos do Photoshop. Depois de colocar todas as imagens, selecionar objetos, podemos começar a organizá-los em um padrão.
8. Formando um padrão: Agora podemos começar a organizar os elementos em um padrão. Pensa em como vais formar o teu padrão. Por exemplo, talvez você use simetria. simetria é frequentemente encontrada na natureza, e pode ser simetria espelhada ou simetria rotacional, que é encontrada em plantas e flores. Seu padrão pode envolver repetição, onde algo é repetido várias vezes. Talvez seja organizado em linhas e colunas, ou talvez seja ordenado aleatoriamente de forma caótica. Seu padrão pode envolver espirais como em caracóis. O que quer que você escolha fazer, não tenha medo de tentar algo diferente e ser experimental. Trabalhe com o tema do seu padrão e crie ideias para seu arranjo e composição. Mova elementos um do outro para que você possa
vê-los e eles não ficam obstruídos por nenhum outro elemento. Depois que todos estiverem visíveis, você poderá ativar o recurso Seleção automática. Desta forma, podemos selecionar uma camada clicando no elemento. Isso é realmente útil para mover as coisas rapidamente. Você pode repetir elementos facilmente selecionando a camada desejada
no painel de camada e arrastando-a
para baixo até o botão Criar nova camada na parte inferior do painel. Isso irá duplicar a camada. Ou você pode copiar uma camada usando a ferramenta Mover e mantendo pressionada a tecla Alt enquanto a arrasta de lado. Posicione todos os elementos usando a ferramenta Mover. Se você precisar dimensionar um elemento ou girá-lo, use a ferramenta Transformação Livre. Selecione o elemento e, em seguida, vá para Menu, Editar, Transformação
Livre ou pressione “Command plus T” ou “Control plus T” se você estiver usando o Windows para ativar a ferramenta de transformação livre. Agora você pode escalá-lo. Mantenha pressionada a tecla Shift enquanto marca os cantos para restringir as proporções, ou você pode girá-la colocando o mouse fora da imagem e mantendo pressionada a tecla do mouse, mova o mouse, mantenha pressionada a tecla Tecla Shift para girar em incrementos de 15 graus. Quando terminar de dimensionar ou girar, pressione “Enter” para aplicar as alterações e sair do modo Transformação Livre. Pense em como os diferentes elementos se batem em termos de sua escala. Você pode ter elementos do mesmo tamanho ou proporção ao que eles são na vida real, ou você pode dimensioná-los de forma diferente, sinapses
gráficas ou narrativa exagerada. Se não gostar do que fez, prima “Command Alt Z” ou “Control Alt Z” se estiver a utilizar o Windows para anular a alteração. Essa combinação de teclas permite que você desfaça quantas vezes forem especificadas por você nas preferências do Photoshop. Por outro lado, os comandos familiares Z ou controlam Z se usar o Windows permitem que você volte apenas uma etapa. Se você precisar refletir seus elementos, vá para o menu,
Editar, Transformar, Virar horizontal ou Virar vertical. Seus elementos de padrão não devem tocar no lado do documento. Além disso, pense sobre o espaçamento de seus vários elementos de padrão. Quão perto você quer que eles estejam? Tenha em mente o tamanho do seu aplicativo. Por exemplo, se você vai ter seu padrão impresso em mais papel, você pode querer ter a posição do elemento de patente vários centímetros de distância. No entanto, se você não tiver seu padrão impresso em um cartão, então você pode querer considerar ter lacunas mais próximas. Certifique-se de que as lacunas são pares ou não é considerado ritmo para eles se eles são diferentes. Neste ponto, você pode querer editar as cores de seus elementos para torná-los monótonos como o meu, ou para ajustar as cores e o contraste. Para fazer isso, você pode ir e editar os objetos vinculados. Clique duas vezes em “Link Object” no painel de camadas. Isso o abrirá como um arquivo separado que você pode ajustar agora. Agora você pode trabalhar no painel de ajustes. Se você não conseguir vê-lo, vá para o menu Janela e selecione Ajustes. Use brilho e contraste, matiz e saturação, ou qualquer outra ferramenta necessária para alterar as cores. Quando terminar, salve o arquivo e ele atualizará automaticamente o conteúdo de seus elementos padrão em seu documento. Para obter mais informações sobre como trabalhar para ajustes, confira nossa fonte e misture colagem digital classe de ilustrações
da Enciclopédia Vintage. Aqui está a minha forma acabada. Agora vou guardá-lo na pasta do mestre. Agora estou pronto para fazer um padrão repetível.
9. Criando um padrão sem emendas: Em primeiro lugar, salvamos esse arquivo com um nome diferente na mesma pasta mestre. Não destrua o arquivo mestre de diamante original. Em seguida, vá para o painel de camadas e selecione todos os seus elementos personalizados clicando em Shift. Clique com o botão direito do mouse e selecione Mesclar camadas no menu que aparecerá. Isso mesclará todas as camadas juntas, exceto o plano de fundo transparente. Vá para o painel de ferramentas no lado esquerdo da área de trabalho e selecione a ferramenta Letreiro retangular ou pressione a tecla M no teclado. Agora lembre-se, quando configuramos nosso documento, incluímos duas guias, uma horizontal e uma vertical. Agora vamos cortar diamantes e reorganizar seus elementos para criar um padrão repetível. Pense em nosso documento, quatro áreas separadas, como A, B, C e D. A está no canto superior esquerdo, B no canto superior direito, C é inferior esquerdo e D é inferior direito. Certifique-se de ativar Ajustar às guias para
poder selecionar com precisão parte do padrão. Vá para o menu Exibir, Ajustar a e verifique se as guias estão selecionadas. Clique e arraste o mouse e selecione Área A. Agora vá para o menu Editar e selecione Recortar ou pressione Cmd+X ou Ctrl+X se estiver usando o Windows. Isso é semelhante a copiar e colar, exceto que ele corta o item que você deseja copiar em vez de duplicá-lo. Antes de colar a área de corte, vou desligar a camada que contém o nosso padrão. Pressione Cmd+V ou Ctrl+V se você estiver usando o Windows, para colar e cortar elemento de nosso padrão de volta no documento. Em seguida, clique e arraste-o para a posição D. Você
notará que os elementos agora tocam a parte externa do documento. Repita o processo colocando B em
C, C em D e D em A. Quando você terminar, você deve ter seus elementos padrão dispostos em torno do lado de fora do documento com um espaço vazio no meio. Agora preencha o espaço vazio com mais elementos de padrão. Quando terminar de adicionar todos os novos elementos no meio do seu padrão,
selecione tudo, incluindo os quatro elementos de padrão separados do lado de fora. Vá para o painel de camadas, clique com o botão direito e selecione Mesclar camadas. Seu padrão está quase pronto. Agora precisamos pensar sobre o plano de fundo e o esquema de cores.
10. Desenvolvendo as variantes de cores: Você pode já gostar do que criou, mas neste momento é uma boa idéia experimentar e desenvolver seu trabalho ainda mais, experimentando diferentes variantes de cores. Prefiro trabalhar imagens em preto e branco, gravuras e desenhos de linha. Isto é porque eu posso facilmente colori-los depois de ter terminado de criar o meu padrão. No entanto, se você gosta de trabalhar imagens multicoloridas, e tem imagens coloridas, como litografias e aquarelas, e quer manter as cores originais com edição mínima, então vá e confira nossos outros para obter mais informações sobre pequenos ajustes de cor. Neste vídeo, usarei mapas de gradiente para colorir rapidamente meu padrão em vários esquemas de cores diferentes. Seu documento do Photoshop deve conter seu padrão mesclado em uma camada com um plano de fundo transparente. Antes de começar, precisamos remover o fundo transparente adicionando uma cor. Vá para o painel Camadas e clique neste botão. Um menu aparecerá com várias opções. Vá para o topo e selecione “Cor sólida”. Isso abrirá o seletor de cores. Agora selecione a cor desejada. Vou selecionar preto porque vou controlar
minha cor de fundo mais tarde com mapas de gradiente. Quando estiver pronto, clique em “Ok”. Isso criará uma nova camada com uma cor sólida. A nova camada está acima do nosso padrão. Selecione “Nova camada” no painel Camadas e arraste-a abaixo da camada com nosso padrão. Mapas de gradiente. Agora vamos colorir nosso padrão usando mapas de gradiente. Isso nos permitirá produzir rapidamente várias versões diferentes sem destruir a arte original. Vá para o painel Camadas e selecione “Permitir ter Padrão nele”, se ele ainda não estiver selecionado. Agora vá para o painel Ajustes. Se ele não estiver aberto, ou você não conseguir encontrá-lo em sua área de trabalho, vá para o menu Janela e selecione “Ajustes”. O painel Ajustes tem uma variedade de efeitos diferentes, incluindo brilho e contraste, níveis, filtro de fotos, mixer de canal e mapa de gradiente. O que é realmente legal sobre os ajustes é que o efeito é aplicado como uma camada de ajuste. Isso significa que ele não tem destruir a arte original, e está em vigor, uma camada separada que pode ser movida ou manipulada conforme necessário. Clique no “Efeito de mapa de gradiente”. Isso criará uma nova camada de ajuste. O painel Propriedades do mapa de gradiente deve ser aberto automaticamente. Clique no botão “Gradiente” para abrir o editor de gradientes. Na parte superior do editor de gradientes, você receberá uma variedade de diferentes opções de gradiente, incluindo primeiro plano para plano de fundo, primeiro plano para transparente e um intervalo de predefinições padrão e personalizadas. Escolha qualquer gradiente que você gosta. Agora, vá para o “Gradient Seletor”. Deve haver quatro alternâncias, duas acima chamadas “Paradas de Opacidade”, e duas abaixo chamadas “Paradas de Cor”. Eles controlavam a opacidade e a cor do seu gradiente. Você pode adicionar novas paradas de opacidade e cor clicando acima ou abaixo do seletor de gradiente. Isso adicionará automaticamente uma nova parada com as configurações para essa parte do gradiente. Para excluir uma opacidade ou parada de cor, basta clicar e arrastá-la para longe do seletor de gradiente. Agora vá para a esquerda Color Stop e clique duas vezes. Isso abrirá o seletor de cores e permitirá que você selecione a cor de fundo desejada. Vou selecionar uma cor azul escuro. Quando estiver pronto, clique em “Ok”. Agora vá para a parada de cores direita e clique duas vezes. Novamente. O seletor de cores será aberto. Isso permitirá que você selecione uma cor para os elementos de seus padrões. Vou usar uma cor coral. Clique em “Ok” para aplicar a cor ao seu gradiente. Se você estiver satisfeito com seu gradiente, clique em “Ok” e no canto superior direito
do editor de gradientes para aplicar o gradiente ao seu trabalho. A melhor coisa sobre mapas de gradiente e ajustes é que você pode criar quantas versões diferentes quiser sem destruir seu trabalho artístico original. Portanto, seja experimental, e vejamos quantas versões diferentes você pode produzir. Salve este arquivo como um PSD com todas as suas diferentes variantes de ajuste. Em seguida, passe para o próximo estágio sobre como exportar e publicar seu padrão.
11. Salvando seus mosaicos de padrões: Agora você terminou de fazer um padrão, você precisa considerar como você pretende publicar seu trabalho. Por exemplo, alguns aplicativos digitais, como o Microsoft Word ou aplicativo Pages da
Apple, permitem que você exiba imagens em mosaico dentro de um suporte ou forma de lugar. Se você estiver lidando com web design, você pode colocar um padrão usando CSS. Se você está fazendo uma pessoa impressa profissionalmente em uma matéria-prima, como tecido ou papel de parede, então você provavelmente só precisa enviar um bloco porque eles exibem a imagem ao imprimir no material. No entanto, se você pretende usar seu padrão de qualquer outra maneira e incorporá-lo em outros materiais usando o Photoshop, você precisará criar predefinições de padrão que veremos mais tarde. Muito disso também se relaciona com o tamanho do nosso padrão inicial, embora hoje em dia com o advento de telas de alta resolução, isso pode não parecer o caso, já que tanto as telas de computador quanto os padrões de impressão
universais exigem 300 pontos por polegada. Em qualquer caso, você pode encontrar-se na posição onde você precisa pesquisar em que tamanho e como você precisa exportar seu trabalho. Se você estiver salvando seu trabalho para uso posterior e outros aplicativos digitais ou para uso na Internet, então o modo de cor RGB, que definimos no início da classe é bom. Você vai ao menu Arquivo e seleciona “Exportar”, “Exportar como”, e você receberá uma caixa de diálogo onde há várias opções diferentes dependendo de como deseja exportar seu padrão. No canto superior esquerdo da caixa de diálogo Salvar como, há uma ferramenta de dimensionamento simples que permite que você faça upscale ou downscale seu trabalho. Mas isso é muito bruto e melhor evitado a menos que você esteja trabalhando rapidamente. Abaixo do escalar há uma exibição de informações que lhe dá alguma indicação em relação ao tamanho do seu arquivo. É importante ficar de olho nesta tela enquanto você está exportando um arquivo, porque apesar de banda larga e internet super rápida, baixar imagens muito grandes não é uma experiência agradável. No meio da caixa de diálogo Salvar como, há uma visualização do seu trabalho com um recurso de zoom na parte inferior. No lado direito, há uma variedade de controles diferentes que permitem que você defina tipo de arquivo ou
o formato do seu trabalho exportado. Porque eu vou exportar meu trabalho para uso em um ambiente digital e na Internet, eu vou salvá-lo como um JPEG. Vá para a configuração Arquivo no canto superior direito, clique no menu suspenso e selecione “JPEG”. Agora, usando as ferramentas de escala de imagem, posso dimensionar meu padrão. Como vou usar meu padrão em um ambiente digital, provavelmente não quero exportá-lo em sua resolução total. Insira uma largura, altura
ou escala apropriada e seu padrão será reduzido automaticamente. Vou definir minha largura para 2000 pixels. Você também pode controlar como o computador redimensiona seu trabalho e interpola os pixels. Vá para o menu Reamostragem e experimente as várias opções diferentes. Vou selecionar “Bicúbico Sharper”. Em seguida, vá até a parte inferior da caixa de diálogo Salvar como e
verifique se a opção “Converter em sRGB” está selecionada, porque a maioria das telas de computador usa super RGB. Quando estiver pronto, clique em “Ok” para exportar seu trabalho. Você será apresentada
uma caixa de diálogo final perguntando onde deseja salvar seu trabalho, e você também pode definir o nome do arquivo. Vou nomear minha exportação e salvá-la na pasta de impressões anterior. Meu padrão agora está pronto para ser usado em um aplicativo digital para na internet. Se você salvar seu padrão para impressão, você precisará convertê-lo em CMYK. Vá para o menu Imagem e selecione “Modo”. Ao converter seu trabalho para CMYK, você pode notar alguma variação na cor, mas não entre em pânico, especialmente se você estiver fazendo seu trabalho profissionalmente impresso, porque você precisará verificar com suas impressoras em relação a seu perfil de cor e como preparar o seu trabalho em conformidade.
12. Fazendo predefinições de padrões e conclusão: Seu padrão agora está terminado e pronto para ser transformado em uma predefinição de padrão. Metade pronta para variante que você deseja converter em uma predefinição de padrão no Photoshop. Pressione “Comando A” ou “Controle A” se estiver usando o Windows para selecionar tudo. Em seguida, vá para o menu “Editar” e selecione “Definir padrão”. Dê ao seu padrão um nome compreensível. Use apenas o nome do design, as cores usadas e o tamanho do padrão
e, possivelmente, o modo de cor usado. Se você planeja usar a mesma variante de cor para diferentes aplicações, por exemplo, impressões e revisões de produtos. Em vez de redimensionar o bloco para um tamanho menor desejado e fazer outro padrão predefinido a partir dele. Para usar as predefinições, selecione a ferramenta de caçamba de tinta no painel de ferramentas. Em seguida, na barra de opções acima, selecione a lista suspensa e clique em “Padrão” em vez de primeiro plano. Clique na miniatura padrão. Em seguida, na janela, clique no menu no canto superior direito e selecione “Gerenciador de predefinições”. Exclua do conjunto quaisquer padrões que você não deseja que apareçam lá. Em seguida, você clica em “Salvar conjunto”. Dê um nome a ele e coloque-o em sua pasta de projeto para segurança. Se você planeja usar esses padrões regularmente, poderá copiá-los para um local mais acessível, como sua Creative Cloud. Isso é tudo para esta aula. Agora vá e use seu padrão da maneira que quiser. Espero que tenham gostado desta aula e aprendido algo novo. Se você gosta desta aula, deixe um comentário para que outras pessoas possam descobri-la. Mal posso esperar para ver como você vai usar ilustrações enciclopédias
encontradas para criar padrões. Por favor, publique seu trabalho na seção do projeto para esta classe. Se você vai compartilhar seu trabalho no Instagram,
por favor, marque habilidades de atitude para que possamos vê-lo lá também. Se você tiver alguma dúvida, deixe um comentário no conselho da comunidade para esta aula, e eu responderei com prazer e fornecerei feedback. Obrigado por se matricular nesta turma, e estou ansioso para vê-lo em nossas outras aulas.
Evgeniya & Dominic Righini-Brand, Graphic Design & Photography
