Transcrições
1. Alfabetos PNG no Photoshop Introdução: Olá e bem-vindo a este curso criando alfabetos PNG para scrapbooking no Photoshop. Meu nome é Helen Bradley e sou uma professora de topo da Skillshare com mais de 250 cursos aqui em Skillshare e mais de 145 mil matrículas estudantis. Eu passo meus dias mergulhando profundamente em aplicativos como o Photoshop para encontrar novas ferramentas e técnicas para mostrar que irão ajudá-lo como designers a fazer o que você faz melhor, projetar coisas legais. Nesta classe, coisas legais vai igualar a fazer alfabetos PNG. Estes alfabetos que são criados uma letra por arquivo, e eles podem ser usados para artesanato digital e scrapbooking. Claro, você pode fabricá-los e vendê-los como ativos digitais. Vou mostrar-lhe alguns métodos para criar esses alfabetos, e uma coisa em que nos concentraremos é não ter que fazer
a mesma coisa 26 vezes para criar cada letra individual. Se conseguirmos agilizar o processo, faremos isso. Depois de concluir este curso, você poderá criar um alfabeto completo de 26 letras salvas como arquivos
individuais em minutos e com apenas um comando salvar. Como sempre, não seria um Design Gráfico para a aula de Almoço se eles não
fossem também um monte de dicas adicionais úteis lançadas em. Se você está pronto para começar com seu primeiro alfabeto PNG para scrapbooking no Photoshop, vamos começar.
2. Pt 1 Crie um arquivo de letras reutilizável: A primeira coisa que vamos olhar em termos de criação do nosso alfabeto PNG é alguns dos conceitos básicos para garantir que o processo que passamos não tem que ser
percorrido do zero toda vez que criamos um alfabeto. A primeira coisa que vou fazer é criar um documento do Photoshop que possa ser reutilizado. Vamos começar com um documento que é realmente tamanho de papel de scrapbook, eu vou escolher Arquivo e Novo papel de scrapbook é tradicionalmente 12 por 12 polegadas a 300 pixels por polegada. Agora, se você queria letras super grandes, digamos letras que são um quarto da folha de papel de álbum de recortes, então você precisará começar com um documento muito maior. Mas vamos começar com algo que seria um alfabeto que caberia relativamente confortavelmente em papel de álbum de recortes. É óbvio que pode ser reduzido. Ele pode ser aumentado um pouco de tamanho, mas normalmente você não quer pedir aos seus usuários para aumentar suas cartas enormemente. Isso é algo que você vai levar em conta mais tarde quando estiver criando seu próprio alfabeto. Mas por enquanto, meu alfabeto, Eu quero que ele seja razoavelmente confortável tamanho em uma folha de papel de scrapbook, então eu vou clicar em Criar. Agora a configuração que vamos fazer para este documento em particular vai envolver
a criação de uma caixa de texto cheia de nosso alfabeto. Eu vou para a ferramenta de texto e eu vou arrastar uma caixa sobre o meu documento. Agora ele preenche automaticamente com apenas alguns exemplos de texto. Isso é simplesmente bom. Estou observando aqui que minha fonte é uma fonte maiúscula e minúscula. Isso é muito importante nesta fase, você vai querer escolher uma fonte que tenha um conjunto de letras minúsculas. A razão para isso é que podemos ir de minúsculas para maiúsculas facilmente, mas não podemos ir para o outro lado. Vamos começar com minúsculas, então basicamente, se você pretende usar este documento para criar letras minúsculas, faça-o agora. Vou digitar o alfabeto de novo. É realmente importante que, por causa da estrutura, que façamos isso em ordem, então um a z em ordem. Basta passar e apenas certifique-se de que você tem cada letra do alfabeto na ordem correta. O topo é muito pequeno. Eu gostaria que fosse muito maior. Mas antes de aumentar, sei que minhas letras maiúsculas serão maiores que minhas letras minúsculas. Vou transformar isto em maiúsculas. Este é um processo inrealizável. Estou selecionando todo o meu tipo. Vou até o painel “Personagem”. Você também pode acessá-lo escolhendo Janela e, em seguida, Personagem. O terceiro ícone aqui é, fazer tudo maiúsculas, então se eu clicar nisso, minhas letras minúsculas se tornam letras maiúsculas. Eu não tive que redigitar isso de novo. Essa é uma das maneiras que podemos economizar tempo e esforço, e isso é facilmente impossível, então é apenas um clique. Minhas letras são muito pequenas, então eu vou começar a aumentar o tamanho delas, então eu estou indo para a área de texto aqui, e isso é realmente o tamanho do tipo. Eu só vou aumentar isso, ter
certeza de que tudo vai caber dentro desta folha de papel. Talvez eu queira que ele seja um pouco menor porque eu posso não querer que minhas cartas sejam tão grandes. Escolhes o quão grande queres que as tuas cartas sejam. Algumas coisas aqui em termos de construção de espaço. Se você está um pouco com pouco espaço, você pode fechar este espaço. É o espaçamento entre linhas. É por aqui. No momento, ele está definido como automático, e normalmente como nosso tamanho de fonte aqui é cerca de 158 pontos, isso é provavelmente algo como cerca de 200. Se eu clicar aqui, posso começar a reduzir esse valor. Você pode obter a altura da sua linha para o mesmo tamanho da sua fonte aqui, é um 158, e ainda há muito espaço. Só vou verificar com minhas letras minúsculas. O que eu não quero é que essas cartas com descendentes para encontrar essas letras que têm ascendentes porque eu preciso fazer seleções em torno dessas letras em um minuto. Mais uma vez, construir este documento para ser o mais fácil possível de trabalhar. Não queremos fazer seleções insignificantes. Bem, é claro, agora vamos ter que fazer algumas seleções inquietantes porque esta letra i está quase no topo desta letra J. O que vamos fazer é aumentar o espaço entre eles. Isto aqui é o que se chama kerning. É o espaçamento entre dois caracteres, mas este é o espaçamento entre cada letra. Vamos usar este aqui. Eu só vou clicar aqui, e eu vou começar a aumentá-lo. O que eu estou procurando é, em primeiro lugar, para a minha fonte para todos caber na folha de papel, vamos apenas mudar para letras maiúsculas por enquanto, e certifique-se de que há muito espaço para eu selecionar em torno desses caracteres, i e j é uma das áreas que eu estou olhando em particular para ter certeza de que esses personagens estão longe o suficiente um do
outro que eu posso fazer uma seleção muito fácil. Vamos verificar a minúscula. Eu posso escolher em torno de tudo muito facilmente aqui, então nós somos muito bons neste momento. Eu só vou voltar para a ferramenta de movimento ou seleção aqui, apenas para desmarcar o tipo. Eu não estou preocupado com a cor das letras porque para este eu estou realmente indo para preencher os personagens com um padrão. Para preenchê-los com um padrão, vamos apenas dar uma olhada na paleta de camadas. Eu perdi-o. Vamos apenas para Janela e depois para Camadas. Aqui temos o fundo que é branco. Porque nós vamos criar letras de imagem PNG, nós não vamos querer um fundo em um minuto, mas agora nós fazemos apenas para que possamos ver as coisas claramente. Temos a nossa camada de tipo aqui. Para preencher essas letras com um padrão, vou colocar uma camada de preenchimento padrão no topo. Vou para Camada, Nova camada de preenchimento, e vou para Padrão e clique em Ok. Este é o padrão padrão nas versões mais recentes do Photoshop, mas você pode selecionar outros padrões, haverá padrões que vêm com o Photoshop. Você também pode ter feito seus próprios padrões. Acontece que eu tenho um aqui que eu vou usar. Eu posso escalar um padrão, torná-lo maior ou menor neste ponto, eu estou muito feliz com essas cores e este padrão. Só vou clicar em “Ok”. A camada padrão está na parte superior da camada de texto. Para preencher o tipo com o padrão, o que fazemos é criar o que é chamado de grupo de recortes. Para um grupo de recortes, a forma que você deseja usar está sempre abaixo da coisa com a qual você deseja preencher uma forma. Se você errar, vai ser muito óbvio e então você apenas muda as camadas ao redor. Esta é a ordem correta. Vou apontar a camada mais alta, a que é a que eu quero usar para preencher as letras. E aqui, vou escolher Camada e, em seguida, Criar Máscara de Recorte. Eu só vou pressionar Control ou Comando Z para desfazer isso porque eu queria mostrar outra maneira que você poderia estar acostumado a usar ou você pode ter visto isso antes. Você também pode passar o mouse entre essas duas camadas. Mantenha pressionadas as teclas Control e Alt, que são Command and option em um Mac. Você pega essa flecha dobrada. Isso diz que se você clicar aqui, você vai criar esse efeito de máscara de recorte. Você pode fazê-lo através dos menus. Você pode fazer isso através do painel aqui. Você vai ter esta pequena flecha dobrada e isso lhe diz que esta camada está sendo cortada na forma das letras. Temos todas as nossas cartas aqui. Tudo o que temos aqui agora é totalmente editável, então podemos mudar o tipo, podemos mudar o tipo, o tamanho, podemos torná-lo maiúsculo ou minúsculo. Isso é tudo muito crítico, mas vamos ter que fazer isso apenas uma única camada para o próximo passo. O que vamos fazer é salvar isso de uma forma que possamos reutilizá-lo. Vou pegar ambas as camadas, clicar em uma, mudar, clicar no outro. Vou arrastá-los e soltá-los no ícone Nova Camada aqui. Eu tenho dois conjuntos desta camada, dois pares dela. O par mais baixo, vou desligar. Eles estão escondidos para que eu possa reutilizá-los em um momento. Eles não estão sendo excluídos, eles não estão sendo alterados. Estes, nós vamos mudar. O que vamos fazer com isso, é que vamos sanduíchá-los permanentemente juntos. Vou clicar com o botão direito do mouse no conjunto selecionado de camadas e escolher Mesclar camadas. Perdi minha camada de texto. Perdi minha camada de preenchimento padrão, perdi meu grupo de recortes. O que eu acabei com é uma camada que é apenas essas letras achatadas. É um começo perfeito para colocar esses arquivos em arquivos individuais.
3. Extrair as letras para camadas: Agora que temos as letras que queremos usar, é hora de montá-las de tal forma que vai tornar
muito fácil para nós transformá-las em imagens PNG. Então eu vou criar um novo arquivo, estou apenas escolhendo Arquivo Novo. Vou usar algo que é facilmente grande o suficiente para guardar estas cartas. Para isso, eu vou escolher um documento 1.000 pixels por 1.000 pixels e eu vou fazer isso novamente 300 pixels por polegada e clicar em “Criar”. Tenho um documento menor que o original. Vou usar este documento para reunir todas as minhas cartas. Esta é a parte tediosa deste processo. O que eu vou fazer é desligar o fundo para que
possamos ver como nossas cartas vão se parecer. Vou à ferramenta retangular para festas. Eu vou selecionar sobre a primeira letra e você pode ver agora por que era importante para nós criar muito espaço entre essas letras porque nós não queremos perder muito tempo sendo altamente preciso. Vou usar o teclado neste ponto, vou pressionar Control e a letra C para copiar e mudar para o meu outro documento Control e a letra V. Agora, em um Mac, isso é Comando C e Comando V. Estamos apenas vai fazer isso para cada uma das letras. Esta é provavelmente a parte mais tediosa do processo para selecionar qualquer um deles Controle ou Comando C Control ou Comando V, e voltar e fazer o próximo. Eu vou continuar com isso e eu vou
voltar em um minuto assim que tudo estiver feito. Você deve ter notado que, enquanto eu estava fazendo seleções, eu não estava preocupado em selecionar muito de perto nenhuma dessas cartas. Você simplesmente não precisa fazer isso porque nós temos um fundo transparente, a única coisa que está terminando nessas camadas aqui é o conteúdo real, então não há extra que está aparecendo em torno dessas letras. Esta é uma maneira bastante eficiente de operar. Agora que eu tenho todas as minhas letras dentro de um arquivo, você vai notar que eu tenho as camadas de trás para a frente para que eles correndo de z no topo todo o caminho até um na parte inferior. Eles são chamados de camada 1, 2, 3, 4, etc Para tornar mais fácil para nós salvá-los mais tarde, seria realmente útil se uma dessas camadas fosse nomeada como nós vamos chamar o arquivo real. Normalmente essas letras seriam distribuídas como A, B, C, D, E, etc. Se você não é particularmente bom em correr através do alfabeto em reverso, e eu certamente não sou, vamos transformar nossas camadas em reverso para que nós colocamos um no topo e, em seguida, vamos olhar para uma maneira super-rápida de renomear camadas. Então eu vou selecionar a camada z e eu vou até aqui e eu vou selecionar a camada a, nós não vamos fazer nada com o fundo. Nós só queremos reverter estes com a nossa camada selecionada, vamos até aqui para o menu Camada. Nós vamos organizar e nós vamos escolher inverter e quando eu fizer isso, eles estão todos invertidos. Então a letra z está na parte inferior e a letra a está no topo. Renomear nossas camadas é a própria simplicidade. Vamos clicar duas vezes aqui para selecionar o nome da camada. Vou digitar a letra a. Estou usando minúsculas porque isso vai coincidir com as próprias letras. Eu vou tocar na tecla Tab no teclado que me leva para a próxima letra, que é claro a letra b toque para obter a letra c. Eu posso muito facilmente correr para baixo o alfabeto aqui, renomeando todas essas camadas. Então agora todas as minhas camadas são nomeadas para a letra que está na verdade na camada. Estamos prontos no próximo vídeo para salvar essas letras como arquivos individuais.
4. Salve letras como arquivos: Agora que temos um arquivo cheio de letras, salvar essas letras como arquivos individuais é a simplicidade em si. Primeiro, vou desligar a camada de fundo porque não quero que isso atrapalhe. Vou selecionar todas essas camadas. Vou clicar no primeiro,
e vou clicar com a tecla Shift pressionada no último. Em seguida, clique com o botão direito do mouse e escolha Exportação rápida como PNG. Serei solicitado a escolher para onde meu alfabeto está indo. Eu tenho uma pasta aqui chamada PNG Alphabet. Vou clicar com o botão direito do mouse e escolher uma subpasta aqui, e eu vou chamar isso de Preenchimento de Padrão em minúsculas. É uma idéia inteligente para criar pastas individuais para esses alfabetos apenas para que você tenha tudo salvo agradável e ordenadamente. Você será capaz de compactá-los em arquivos para distribuição muito mais facilmente se eles estiverem em sua própria pasta. Selecionei esta pasta, vou clicar em “Selecionar pasta”. Photoshop agora está indo em frente e salvando cada uma dessas letras como seu próprio arquivo PNG, e ele está usando o nome da camada, a letra do alfabeto que criamos para cada uma dessas camadas como o nome. Vai ser a.PNG, b.PNG, etc Nós podemos ir para essa pasta usando o Explorador de Arquivos e apenas ver o que está acontecendo. Aqui está a pasta e dentro da pasta estão todas estas letras. Agora, enquanto eu passar o mouse sobre essas letras, você verá que cada uma delas tem um tamanho diferente, é um tamanho apropriado para a letra em si. A altura da letra n é de cerca de 316 pixels. A altura da letra m é exatamente a mesma 316 pixels. Bem, isso é consistente porque a letra M e a letra n devem ser quase tão altas quanto uma da outra. Mas, obviamente, a letra m é muito maior que a letra n. Esperaríamos que a letra o fosse da mesma altura ou perto o suficiente. Bem, está perto o suficiente. Esperávamos que a letra I fosse bem alta. Tem 452 pixels, praticamente a mesma altura da letra k, é 460. Nós também vamos notar que a letra h deve ser sobre a mesma altura porque novamente, ele tem este ascendente sobre ele. Mesmo que essas letras pareçam tamanhos diferentes, na verdade, eles estão sendo salvos como imagens PNG com todo o excesso cortado deles, mas alinhados todas essas letras vão se alinhar muito bem um
ao lado do outro, porque eles foram alinhados originalmente no documento original, exatamente da mesma maneira. Eles estão aparecendo como imagens PNG exatamente como deveriam.
5. Pt 4: Vamos considerar a situação em que realmente gostamos dessas letras, mas gostaríamos de criar um segundo conjunto que tivesse talvez uma borda branca em torno delas. Vamos para a letra A, e vamos apenas selecionar a letra a e esconder todos os outros. Vou clicar com o botão direito do mouse aqui e escolher “Mostrar/Ocultar todas as outras camadas”. Estamos apenas focando na letra a. Para criar uma borda branca em torno disso, eu vou escolher o ícone fx aqui e escolher “Traçado”. Agora isso já está predefinido, então deixe-me excluir esse traço e vamos adicionar um novo. Vou clicar aqui no fx e vamos escolher “Stroke”. Isso tem as configurações padrão. Quando olhamos para a nossa carta, podemos ver que ela tem esse traço preto padrão em torno dela. Vamos aumentar o tamanho do acidente vascular cerebral porque há uma coisa acontecendo aqui que talvez não queiramos acontecer. Você pode dizer que quanto maior o golpe é, mais ele está consumindo o personagem. Eu gostaria de um traço branco em torno deste personagem, mas eu gostaria que ele fosse do lado de fora e não do interior, então aqui da posição eu vou selecionar “Fora”. Isso me dá minhas letras de mesmo tamanho, apenas com uma borda em torno deles, e claro que eu quero que isso seja uma borda branca então eu vou ter certeza que isso é definido como 255, 255, 255 aqui no seletor de cores, e então esta carta agora tem uma bela borda branca e grossa em torno dela. Podemos ajustar o tamanho, podemos ajustar o que quisermos antes de clicar em “Ok”. Vou clicar com o botão direito do mouse aqui e vou escolher “Mostrar/Ocultar todas
as outras camadas” porque eu quero ver todas as minhas outras camadas também. Vou clicar com o botão direito do mouse neste traçado aqui, e vou escolher “Copiar Estilo da Camada”. Vou selecionar todas as outras camadas,
clicando na primeira camada e, em seguida, segurando
a tecla Shift e clicando na última camada,
eu vou clicar com o botão direito do mouse e eu vou escolher “Colar estilo de camada”. O que isso faz é colar exatamente o mesmo estilo de camada com todas as suas configurações em cada letra. Vamos desligar os nossos antecedentes. Tenho todas as minhas camadas selecionadas. Bem, na verdade eu provavelmente não tenho o primeiro, então deixe-me ir e ter certeza que eu tenho todas as minhas camadas selecionadas. Vou clicar com o botão direito do mouse e escolher “Exportação rápida como PNG”. Estou no meu alfabeto de preenchimento de padrão minúsculo. Na verdade, vou fazer disso um novo, então vamos fazer uma nova pasta. Vou clicar para selecionar esta pasta, e vamos dar uma olhada no resultado. Aqui temos exatamente o mesmo conjunto de letras, mas desta vez todos eles têm bordas brancas ao redor deles. Photoshop exportou todos os nossos arquivos para nós com esse efeito de borda desejado.
6. Pt 5 projetando uma segunda solução: O processo que acabamos de passar é muito útil quando você quer que cada uma dessas letras pegue um elemento diferente em uma imagem. Também é muito bom para fotografias, porque poderíamos facilmente substituir o preenchimento padrão que tínhamos por uma fotografia. Vamos ver como podemos fazer isso. Eu vou pegar o texto aqui, apenas esta camada de texto, e fazer uma duplicata dele. Eu realmente não quero fazer uma duplicata do preenchimento padrão, então eu vou apenas desligar essas camadas novamente. Vou encontrar uma imagem para usar e para isso vou unsplash.com. Eu realmente gosto desta imagem, então eu vou usá-la. Vou salvá-lo na minha pasta de downloads. Vamos voltar para o Photoshop e colocar essa imagem. Vou escolher Arquivo e depois Inserir Embedded. Vamos selecionar nosso arquivo e clicar em “Colocar”. Agora, é colocado dentro da minha imagem sobre o topo do meu tipo. Você pode ver que não é grande o suficiente, então eu vou torná-lo um pouco maior. Agora, só estou esticando um pouco. Enquanto eu faço isso com esta imagem em particular, alongamento não importa porque parece muito bom. Se fosse algo que fosse reconhecível e não pudesse ser esticado, então você precisaria dimensionar isso em proporção, mas eu só estou esticando porque eu acho que parece bem assim. Agora, exatamente da mesma maneira que criamos nosso grupo de recortes anteriormente, vamos criar um grupo de recortes dessa camada de fotos e criar máscara de recorte. Agora temos cada letra deste alfabeto preenchida com uma porção diferente da imagem. Mas se você queria acelerar o processo e se você não estava preocupado em ter cada letra um pouco diferente, então vamos dar uma olhada e ver como poderíamos tornar o processo ainda mais simples. A maneira como vamos fazer isso é uma combinação dessas duas abordagens. Obviamente, precisamos de todas as letras do alfabeto, mas poderíamos construí-las em um único arquivo para começar e poderíamos usar esses estilos de camada para realmente obter o efeito que queremos. No próximo vídeo, vamos ver como exatamente faríamos isso.
7. Pt 6 de segundo a um alfabeto reutilizável: Para esta nova solução, vamos começar com uma nova marca. Novamente, vou usar este documento de 1000 pixels por 1000 pixels. Certifique-se de que está em 300 pixels por polegada e clique em Criar. Agora vou para a minha ferramenta de texto. Vou clicar no documento. Vou digitar a primeira letra. Mais uma vez, eu vou ter certeza de que eu uso letras minúsculas porque isso vai
me dar a flexibilidade mais tarde de usar letras maiúsculas também. Eu vou selecionar sobre esta carta e eu acho que eu quero torná-la um pouco maior. Vamos fazer 250 pixels de altura. Porque eu tenho uma camada de texto e porque a letra a é digitada nessa camada, você verá que a camada é realmente chamada camada a. É um bom começo para este processo. Eu vou pegar esta camada e arrastá-la para o ícone de mais aqui, eu vou desligar a primeira camada. Vou me concentrar neste com a ferramenta de texto. Eu só vou selecionar sobre ele e digitar a letra b. Assim que eu clicar de distância, você verá que porque esta camada aqui tem letra b sobre
ele, ela está sendo automaticamente nomeada. Estamos acelerando um pouco o processo. Vou soltar isto no ícone de adição, desactivar esta camada se esta ainda estiver seleccionada. Eu ainda tenho o Type Tool alvo. Eu não precisava mudar as ferramentas. Vou pressionar a letra c, arrastar isso para o novo ícone, desligar o antigo e digitar a nova letra. Enquanto formos, você verá que estamos construindo nosso alfabeto de cabeça para baixo. Agora você também pode clicar com o botão direito do mouse e escolher Duplicar Camada, mas é um pouco mais complicado fazer isso. Você pode decidir o que vai fazer um melhor sentido para você. Vou continuar e fazer o meu arquivo de letras do alfabeto. Agora, enquanto eu estava passando, eu notei que a letra M está bem perto da borda aqui. Posso selecionar todas essas camadas e mover tudo um pouco, apenas para ter certeza que minha letra m está totalmente no documento. Eu também poderia tornar o documento um pouco maior. É só uma questão de escolha pessoal. Agora, se você quiser, você sempre pode reverter essas letras do alfabeto. Basta ir e selecionar todas as suas camadas, ir para Camada e, em seguida, organizar e reverter. Isso coloca a letra A no topo. Clique com o botão direito e escolha Mostrar ou Ocultar todas as outras camadas. Vamos fazer isso de novo. Você pode apenas ver a camada em que você está trabalhando. Vamos pensar sobre a situação em que queremos aplicar um padrão ou até mesmo a mesma fotografia a esta imagem. Vamos voltar para a fotografia. Na verdade, vou abri-la. Vou escolher Arquivo e depois Abrir e vamos abrir a imagem que baixei do unsplash.com. O documento em que estou trabalhando aqui é 1000 pixels por 1000 pixels. Vou cortar isto para 1000 pixels por 1000 pixels. Vamos para a Ferramenta de Corte. Vou escolher a Ratio e vou fazer uma relação um-para-um. Por outras palavras, isto vai ser um quadrado. Vou clicar na marca de seleção. Agora, este não é um documento 1000 por 1000 pixels, agora é 3024. Não preciso que seja tão grande. Deixe-me apenas ir para Imagem e, em seguida, Tamanho da Imagem e nós vamos torná-lo 1000 pixels por 1000 pixels. Vou clicar bem. Esta é uma versão menor da imagem, mas ainda tem todos os detalhes nela. Posso fazer um padrão com isso. Se eu fizer um padrão de uma fotografia, posso usar esse padrão para preencher minhas cartas em apenas um minuto. O que eu vou fazer é selecionar tudo com Select e All e eu
vou editar e eu vou escolher Definir padrão. Vou ligar para isto de flores e clicar bem. Agora tenho um padrão feito dessas flores. Posso fechar este arquivo. Não preciso mais dele. Vamos nos concentrar em nossa letra a. No vídeo anterior, vimos que poderíamos adicionar uma borda em torno de nossa letra a usando um estilo de camada. Bem, podemos preencher a letra A com um padrão usando um estilo de camada. Vamos ver como vamos fazer isso. Vamos para o ícone fx e vamos escolher Sobreposição de Padrão. Neste diálogo, eu posso escolher meu padrão, então eu vou soltar isso e vamos pegar o padrão que eu acabei de criar. O que aconteceu e o que estamos vendo na tela, é que esta letra A está agora preenchida com o padrão. Agora, se quisermos usar o padrão em sua escala original, usaríamos apenas 100 por cento. Podemos girar o padrão se quisermos, para que
possamos contorná-lo ou deixá-lo do jeito que foi projetado para ser. Estou escolhendo 100 por cento como minha opacidade e modo de mistura como normal. Esta carta está sendo preenchida com toda essa imagem. Não há transparência aqui, não
há cor adicional sendo adicionada a ele. É só uma sobreposição de padrão. Vou clicar bem. Agora, da última vez fomos capazes de copiar e colar o traço. Vamos clicar com o botão direito do mouse aqui e escolher Mostrar ou Ocultar Todas as Outras Camadas. Vamos atacar este efeito. Vou clicar com o botão direito e escolher Copiar estilo de camada. Clique na primeira camada, quero colá-la,
deslocar e clicar na última camada, clique com o mouse e escolha Colar estilo de camada. Agora, cada uma dessas letras tem exatamente o mesmo estilo de camada aplicado a ela. Todos têm esta flor aplicada à letra. Mas ainda melhor se não tivermos certeza de que queremos
usar essa fonte ou se queremos outra escolha. Por exemplo, usando maiúsculas, isso também é fácil de fazer. Vou clicar com o botão direito do mouse aqui e Mostrar ou Ocultar todas as outras camadas que acabaram de desaparecer Mostre tudo. Vamos selecionar todas essas camadas. Agora sabemos que em todas essas camadas, elas são tipo camada, então elas são totalmente editáveis. Vamos para a ferramenta de texto. Vamos para o painel
Caractere, e vamos clicar aqui em maiúsculas. Agora o que temos é que cada um destes é uma letra maiúscula. Agora, alguns deles estão um pouco acima do limite, então vamos apenas trazê-los de volta para o documento. Vamos segmentar a letra, digamos aqui, clicar com o botão direito do mouse no globo ocular e escolher Mostrar Ocultar. Você pode ver que estamos trabalhando em um C maiúsculo, aqui está um D maiúsculo. Fomos capazes de mudar cada um desses personagens para um caractere maiúsculo. Mas você pode estar vendo, como eu estou vendo, um problema aqui. Há uma linha através desta carta. Vamos dar uma olhada na próxima letra. Está aqui de novo. O que está acontecendo é que nosso padrão não está sendo processado nessas letras corretamente. É uma solução fácil, mas é uma que você vai querer tomar cuidado. Para limpar isto, vamos para o topo do alfabeto porque
vai ser mais fácil trabalhar na letra a.
Aqui está o problema através da letra a. Vamos clicar duas vezes na Sobreposição de Padrão. Esta é a questão. Vamos ajustá-lo à origem e isso ajusta o padrão à origem no documento, o ponto zero. Isso significa que não temos essa linha através da nossa letra a. Vamos copiar este último estilo novamente, clique com o botão direito do mouse e escolha Copiar Estilo da Camada. Nós vamos mostrar todas as camadas, nós vamos para a camada b alvo todo o caminho até a camada z. que são aqueles que têm o que é agora o estilo de camada errado aplicado a eles. Vamos clicar com o botão direito e escolher Colar estilo de camada. Isso apenas realinha o padrão dentro das letras. Se formos a qualquer uma destas cartas e olharmos para estas cartas isoladamente. Você pode ver que eles não têm mais o padrão no lugar errado. O padrão está preenchendo completamente essas letras. Foi por isso que fiz um padrão que era de 1000 pixels por 1000 pixels porque o documento 1000 pixels por 1000 pixels alinha-se na origem e em uma escala de 100 por cento, que é o que temos definido neste diálogo de sobreposição de padrões. Temos uma escala de 100 por cento e encaixamos na origem. Vai preencher cada uma dessas cartas exatamente perfeitamente. Contanto que você não se importe que a letra V tenha
praticamente a mesma posição desta imagem nela. É a letra U e todas as outras letras do alfabeto. Então esta é uma maneira muito fácil de preencher letras com um padrão ou uma fotografia, desde que você faça a fotografia em um padrão porque você não pode realmente colocar uma fotografia em um estilo de camada. Mas se uma fotografia é um padrão, então você pode usá-la dessa forma. Claro, já provamos para nós mesmos que podemos salvar cada uma dessas camadas como uma imagem PNG, mesmo que tenha um estilo de camada associado a
ela porque funcionava perfeitamente quando tínhamos a linha ao redor dos personagens. Não há razão para presumir que não vai funcionar perfeitamente quando temos um padrão. Selecionei todas as minhas camadas. Se você quiser se livrar dessa sobreposição de padrão, o visual da sobreposição de padrão, você pode clicar aqui, e eles têm uma sobreposição de padrão ainda aplicada, mas você só está vendo a camada de caracteres aqui na Paleta de camadas, não a linha adicional para o último estilo. Vamos clicar com o botão direito do mouse, vamos escolher Exportação rápida como PNG. Estamos fazendo um alfabeto maiúsculo desta vez com um preenchimento de foto. Vamos dar uma olhada no resultado,
vou abrir o Explorador de Arquivos. Aqui está o nosso alfabeto maiúsculo com preenchimento de fotos. Cada uma destas cartas está preenchida com esta foto. Porque criamos a foto como um padrão. Você não pode colocar uma foto em um preenchimento de estilo de camada, mas se for um padrão, você pode. Este arquivo vai ser muito útil. Você pode usá-lo para aplicar padrões ao seu tipo. Você pode alterar seu tipo de maiúsculas para minúsculas apenas
selecionando todas as camadas e usando essa feição no Painel Caractere. Você também pode alterar o estilo da camada para todas essas camadas com muita facilidade. Este seria o arquivo mestre que uma vez que você criá-lo, você salvá-lo porque ele é reutilizável muito facilmente, muito rapidamente, sempre que você quiser fazê-lo.
8. Pt 7 um segundo exemplo: Então, assumindo agora que nós salvamos essas duas versões da criação de um alfabeto, vamos passar passo a passo sobre como você usaria essas duas versões no futuro. Nós vamos para o primeiro exemplo primeiro, eu vou escolher Arquivo e Abrir, e eu salvei isso como o alfabeto principal versão 1. Neste arquivo mestre do alfabeto, adicione duas camadas, bem, há uma camada de fundo branca atrás de tudo, mas basicamente há nossa camada superior aqui e há a camada de preenchimento padrão. Agora, a camada de preenchimento padrão pode ser facilmente substituída por qualquer coisa. Podemos substituí-lo por um preenchimento de cor sólida, podemos substituí-lo por um padrão diferente, ou podemos substituí-lo por uma fotografia. Sempre que vamos trabalhar neste arquivo, a primeira coisa que vamos fazer é fazer uma duplicata
deste conjunto de camadas e, em seguida,
desligar o original porque não queremos mexer com nosso original no caso de Preciso voltar a ele mais tarde. Digamos que queremos fazer isso como um alfabeto maiúsculo, bem, vamos selecionar a camada Tipo, vamos selecionar todo o texto aqui, vamos para o painel Caractere e vamos torná-lo maiúsculo. Agora temos letras maiúsculas com as quais estamos trabalhando. Vamos dar uma olhada e ver como poderíamos preenchê-la com uma fotografia, onde queríamos que cada uma dessas cartas fosse diferente, no sentido de que elas fossem provenientes de diferentes áreas de uma fotografia. Agora, eu fui em frente e baixei uma fotografia novamente do unsplash.com. Este é de Sergey Pesterev, eu já baixei. Dentro do Photoshop, vou escolher Arquivo e depois Inserir. Estou usando o Place Embedded, e vamos para a pasta Downloads e pegar essa foto. Agora, ele está vindo sob minha camada de preenchimento padrão então eu vou apenas desligar minha camada de preenchimento padrão porque isso é apenas confuso absolutamente tudo. Vamos dimensionar a foto para cobrir todo o tipo. Agora, novamente, eu não estou realmente preocupado com o fato de que eu estou esticando isso um pouco porque não é um elemento reconhecível uma vez que está dentro dos personagens, eu quero que ele para encobrir os personagens embora. Então eu quero que ele seja grande o suficiente para encobrir meus personagens no documento abaixo. Vou me livrar desta camada de preenchimento padrão aqui porque isso
está confundindo o problema e nós não precisamos dela. Este precisa ser cortado para o tipo abaixo, então eu vou selecioná-lo e escolher Camada, e no menu de camada aqui vamos escolher Criar máscara de recorte. Agora cada uma dessas letras tem um elemento diferente da foto abaixo. Eu gostaria que eles fossem um pouco mais amarelos, então eu não estou realmente feliz com esta área aqui em cima. Vamos para esta camada, vamos para a ferramenta Mover, e vamos apenas esticá-la um pouco. Eu posso realmente mudar como a foto embaixo está sendo aplicada a essas letras, então eu posso obter um efeito melhor se é isso que eu estou procurando. Então eu estou pensando que eu quero que esta letra A seja um pouco mais amarela. Agora precisamos mesclar essas camadas, vou selecionar ambas as camadas e clicar com o botão direito do mouse. Agora Mesclar camadas desapareceu aqui. Eu não posso realmente mesclar as camadas deste menu de atalho, mas vamos para Camada, e então vamos para Mesclar camadas aqui porque ele está disponível. Agora podemos ir em frente e selecionar cada uma dessas letras por sua vez e copiá-las e colá-las
em um novo documento. Uma vez que eles são copiados e colados em um novo documento, nós simplesmente ir e inverter as camadas para que tivéssemos A na parte superior e Z na parte inferior. Em seguida, vamos clicar duas vezes para renomear a primeira camada
e, em seguida, guia através do restante das camadas até tê-las rotuladas de A a Z, momento em que podemos selecionar cada uma dessas camadas, clicar com o botão direito do mouse e escolher salvar rapidamente como arquivos PNG. É claro que você pode adicionar uma camada de preenchimento de cor sólida usando Camada e Nova camada de preenchimento. Há a opção Padrão aqui que você pode preenchê-los com um gradiente, você pode preenchê-los com uma cor sólida. Para minha preferência aqui, a única vez que eu seria tentado a usar isso, é se eu quisesse usar uma fotografia e ter cada letra no alfabeto preenchido com um elemento diferente. Então cada um destes seria diferente, não
haveria qualquer repetição de elementos per se. A outra opção é o segundo arquivo que criamos, vamos ver como usaríamos isso. Vamos escolher Arquivo e, em seguida, Abrir e vamos abrir o nosso arquivo mestre, aqui está o Alphabet Master. Desta vez vamos preenchê-lo com um gradiente. Vamos pegar todas essas letras, na verdade, vamos torná-las minúsculas,
uma fonte diferente, e vamos preenchê-las com um gradiente. Bem, em primeiro lugar, vamos selecionar a camada superior, clique com a tecla Shift na última, e vamos para a ferramenta Tipo. Se formos para o painel Caractere, permaneceremos assim em maiúsculas, então, no momento, vamos balançar isso para minúsculas. Cada um deles agora mudou para minúsculas, então vamos escolher uma fonte diferente para usar, algo que é significativamente diferente. Vou escolher a Broadway aqui, então deixe-me clicar nesta fonte da Broadway. Você pode ver aqui que todas as letras
mudaram, todas são minúsculas e são todas esta nova fonte. Vamos abrir o painel de efeitos, clique duas vezes na sobreposição de padrão porque precisamos mudar isso agora. Eu vou fazer isso uma sobreposição de gradiente em vez disso, então eu estou desativando a sobreposição de padrão, e eu estou indo para a sobreposição de gradiente. Vamos soltar isso e vamos encontrar um gradiente para usar. Vou escolher roxos para isso, vamos ver o que temos nos roxos. Podemos alterar o estilo do gradiente, para que você possa usar um gradiente radial ou angular. Obviamente, se você tiver um gradiente de ângulo, então você pode alterar o ângulo do gradiente dessa maneira. Não gostando particularmente disso, acho que vou me contentar com um gradiente linear. Você pode ajustar a escala aqui para alterar o que você vê na letra. Você também pode, é claro, ajustar o próprio gradiente, basta entrar aqui e você pode adicionar mais cores ao gradiente, por exemplo, poderíamos adicionar um amarelo aqui, estamos adicionando uma cor amarela no meio do , tudo
isso é totalmente editável. Uma vez que você está feliz com o que você tem aqui, você pode ir e copiar este estilo de camada deste efeito de camada para as outras camadas. Mas vamos adicionar uma borda branca a esta ao mesmo tempo, eu vou apenas clicar duas vezes aqui,
e vamos realmente excluir essa sobreposição padrão para que não fique no nosso caminho, e vamos adicionar um traço. O traço aqui já está definido como branco porque foi o que usamos da última vez. Vamos torná-lo um pouco maior. Bastante pesado golpe no lado de fora desta carta, eu estou muito feliz com isso, eu acho que está olhando muito bom. Vamos clicar com o botão direito do mouse e escolher Copiar Estilo de Camada, vamos direcionar todas as outras camadas, clicar na mais alta, mudar e clicar na parte inferior, clicar com o mouse e escolher Colar Estilo de Camada. Então, é claro, vamos apenas verificar para ter certeza de que temos o que esperávamos para obter. Aqui está a letra, tem seu gradiente nele, e tem seus arredores brancos. Cada uma delas é uma letra do alfabeto que podemos usar como arquivo. Nós vamos selecionar sobre todos estes, eu tenho um pequeno problema aqui, eu posso ver que há uma carta acima do limite, eu estou pensando que isso não vai ser algo que eu quero ter acontecido. Vamos apenas clicar longe disso e vamos fazer a prancheta um pouco maior. Eu estou clicando na ferramenta Cortar aqui, e se eu apenas cortar para fora, eu posso fazer o documento maior. Você tem que clicar na ferramenta e, em seguida, clicar e arrastar para torná-la maior, mas agora todas as minhas letras estão se encaixando muito bem, então eu estou mais feliz com isso. Vamos voltar e selecionar todos eles com o botão direito do mouse, Quick Export como PNG. Vamos criar uma pasta aqui, selecionar a pasta
e, em seguida, vamos voltar e verificar porque o Photoshop
salvará todas as nossas cartas nessa pasta, e aqui estão elas. Novamente, você pode ver que cada um deles está usando praticamente o mesmo elemento nesse gradiente, nós temos aquela barra amarela vindo através de todas essas letras. Eles são essencialmente parecidos e isso é muito bom, é assim
que este processo funciona quando você está usando o estilo de camada ou o efeito de camada para obter esses resultados.
9. Alfabetos PNG no Photoshop e Envolve: Concluímos agora a parte de vídeo deste curso, então está tudo acabado para você. Seu projeto de classe será criar um alfabeto PNG no Photoshop. Publique uma imagem de uma ou duas das letras do seu alfabeto como seu projeto de classe. Enquanto você estava assistindo a esses vídeos, você verá um aviso perguntando se você recomendaria esta aula a outros. Por favor, se você gostar da aula e aprender coisas com ela, você
faria duas coisas para mim? Em primeiro lugar, responda sim, que você recomendaria esta aula para os outros e, em segundo lugar, escreva mesmo em apenas algumas palavras, por que você gostou desta aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles podem desfrutar e aprender. Se você vir o link a seguir na tela, clique nele e você será notificado quando minhas novas aulas forem lançadas. Se você gostaria de me deixar um comentário ou uma pergunta, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho para fora e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley e espero que você tenha gostado deste curso e que você tenha aprendido coisas sobre alfabetos e arquivos PNG e Photoshop de que você já não tinha conhecimento. Estou ansioso para vê-lo em outro design gráfico para aula de
almoço aqui no Skillshare no futuro.
Helen Bradley, Graphic Design for Lunch™
