Transcrições
1. Crie fundos de projeto no Adobe Photoshop: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço criando fundos no Adobe Photoshop, incluindo meio-tons, raios solares e padrões. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos criando fundo no Photoshop, e vamos criar três planos de fundo, cada um usando uma abordagem
muito, muito diferente para dar algumas idéias sobre as imagens de classificação que você poderia criar como fundos para
outros elementos no Photoshop. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas que, assim como você, querem saber mais sobre o Photoshop. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Se você estiver pronto agora, vamos começar a criar planos de fundo no Photoshop.
2. Crie fundos do projeto - parte 1: Ao criar imagens de fundo no Photoshop, você deseja começar com um documento que seja pelo menos tão grande quanto o propósito para o qual você vai colocá-lo. Agora eu vou criar algo que vai
ser capaz de ser usado em vídeo de alta definição. Estou escolhendo 1920 por 1080 como minhas dimensões de documento, mas você selecionaria as dimensões de documento que fazem sentido para você. Modo de cor RGB, plano de fundo transparente, clique em Ok. Agora eu já selecionei uma cor marrom pronta aqui, e essa é a cor que eu vou usar. Eu vou abrir o último palete aqui, esta é a minha cor de primeiro plano, então eu vou pressionar Alt backspace, opção Excluir no Mac para preencher essa camada com esta cor. Eu vou adicionar outra camada e eu vou preencher isso
com a cor de fundo e eu posso fazer isso pressionando Control, Backspace comando, Delete no Mac. Então eu vou adicionar uma terceira camada, esta terceira camada vai ser um gradiente do primeiro plano para a cor de fundo. Eu vou clicar na ferramenta Gradient, Primeiro acima na paleta de gradiente é sempre um gradiente que é de primeiro plano para plano de fundo, ele sempre estará lá, então você seleciona suas cores de primeiro plano e plano de fundo, e então você vai obter um gradiente que é uma mistura dessas duas cores. Eu vou clicar nele e eu vou arrastar para baixo para preencher a camada com esse gradiente, eu estou segurando Shift como eu faço isso, então ele está indo perfeitamente verticalmente e eu estou usando um gradiente linear. Agora, isso foi do jeito errado, eu queria que minha cor mais escura estivesse no fundo, então eu vou fazer de novo e arrastar de baixo para cima. Agora eu tenho uma camada de preenchimento gradiente, uma camada branca e uma camada marrom pronta escura. Eu vou desligar a camada de preenchimento gradiente e eu vou usar
a camada branca apenas para que eu possa mostrar
o que está acontecendo porque é um pouco mais fácil
ver o que está acontecendo em uma camada branca preenchida. O que vamos fazer é trabalhar no que se chama Modo Máscara Rápida. Há um ícone aqui, um pé com uma paleta de ferramentas, clique nele e você está editando no Modo Máscara Rápida. Agora, como máscaras no Photoshop, isso significa que você só pode trabalhar no documento agora em preto, branco ou tons de cinza. Gradiente mudou para ser preto para branco. Bem, é exatamente o que queremos e queremos um gradiente linear. Vou preencher esta máscara com o meu gradiente. Quero que a máscara seja mais escura no topo do que na parte inferior. Agora essa sobreposição de rubi é indicativa da máscara, isso mostra a área mascarada do documento, então agora temos uma máscara que é um gradiente. Bem, o que vamos fazer agora é transformar esta máscara,
esta máscara ligada a rubi em um padrão de ponto meio-tom. Vamos escolher Filtro, Pixelate, Color Halftone. Agora há outra ferramenta de meio-tom, outro filtro de meio-tom no Photoshop, mas esta nos dá muito mais controle sobre o que obtemos, então deixe-me selecioná-lo. O controle que temos aqui é que podemos controlar o raio de nossos pontos. O maior ponto no momento vai ter 20 pixels de tamanho, eu posso fazer isso menor digitando 15, eu posso torná-lo maior digitando 30 ou qualquer coisa, mas eu vou me contentar com 20 aqui. Então nossos ângulos de tela para este projeto vão ser todos iguais e eu acabei de configurá-los para 45, isso só me dá um bom padrão de pontos. Eu acho que você vai ficar feliz com esse padrão de pontos, se você definir tudo, todos os seus quatro canais para 45 e basta clicar em OK. Agora o que temos é que nossa máscara se transformou em um padrão de pontos de meio-tom, mas esta é apenas a máscara, nos permite fazer uma seleção que é um padrão de pontos. Vou agora clicar novamente neste ícone, me
leva de volta à edição no modo padrão. Vamos voltar para o Modo Máscara Rápida por um minuto. O que está acontecendo é que as áreas brancas deste documento, as áreas onde estamos vendo através da máscara, serão selecionadas, então eles têm formigas correspondentes ao seu redor. As áreas que são esta cor rosa rubi não estão selecionadas. Vamos voltar a editar o documento regularmente e o que temos é uma seleção baseada nessa máscara de meio-tom, então temos uma seleção que é pontos de meio-tom, podemos usá-la para perfurar buracos nas coisas. Vou voltar para a minha camada preenchida com gradiente, estou ativando sua visibilidade, estou clicando na camada, tenho minha seleção por cima, eu só vou pressionar Delete e isso vai perfurar buracos nesta camada. Você pode ver que quais eram as áreas mais escuras do gradiente foram excluídas mais fortemente do que as áreas que eram mais claras no gradiente e isso porque a máscara que
criamos quando criamos era mais pesada com pixels mais claros na parte inferior e mais
do rubi na parte superior e é assim que a máscara funciona. Se quiser voltar e dar uma olhada, vou ao Painel de História. Vamos voltar para pouco antes de sairmos do Modo Máscara Rápida. Este é o nosso meio-tom de cor em uma Máscara Rápida, e são essas áreas mais brancas que serão removidas mais fortemente do que as áreas mais escuras desta máscara rubi mais tarde. A partir daqui, é claro, voltamos para o modo de edição
regular e então nós apenas perfuramos os buracos para fora do nosso documento. Vou fechar o Painel de História, e isto é de volta ao lugar onde estávamos. Agora vou pressionar Control, comando Alt, D para desmarcar minha seleção. Temos essa camada parcialmente preenchida com os pontos perfurados sobre o topo de um fundo branco e isso nos dá um efeito de fundo muito interessante. Poderíamos até diminuir a opacidade desta camada superior se quiséssemos,
para obter um efeito mais sutil. Você também pode usar essa camada mais escura, então isso vai lhe dar um padrão mais escuro de pontos que você poderia usar para seu fundo, então você pode escolher algumas opções aqui. Vamos apenas dizer que terminou fora, eu vou apenas deixar cair uma forma em cima dela,
eu tenho uma forma de bicicleta, que é uma das formas que vem com Photoshop, eu só vou reutilizar minha cor marrom vermelho, Eu só vou arrastar a moto para fora. Este é o primeiro dos nossos efeitos de fundo criados no Photoshop. Este usando um filtro de meio-tom em uma máscara preenchida com gradiente.
3. Crie fundos do projeto - parte 2: O próximo padrão que vamos criar, vamos colocar atrás desse elemento e isso é de outra das minhas classes sobre a criação de banners e fitas e também texto em um caminho no Photoshop. Este banner inteiro está neste grupo aqui, então eu posso ligá-lo ou desligá-lo como eu quiser. Vamos construir o nosso efeito de fundo por trás dele. Eu tenho uma camada aqui embaixo. Novamente, estou trabalhando em um vídeo HD, o tamanho do documento 1920 por 1080. Vou começar preenchendo esta camada inferior
com minha cor de fundo atual, que é branco. Vou pressionar controle backspace, comando delete. Agora eu quero adicionar uma nova camada de preenchimento em cima disso, mas novamente, abaixo deste banner, eu quero preenchê-lo com um padrão. O padrão é de uma das minhas outras classes, mas você poderia preencher seu documento com qualquer padrão de sua escolha. Vou escolher Camada,
Nova camada de preenchimento e, em seguida, Padrão. A razão pela qual eu estou usando essa ferramenta e não editar preenchimento é que eu posso controlar meu padrão de escala através desta ferramenta aqui. Só vou clicar em “Ok”. O padrão que vou usar é um dos meus padrões Chevron. Eu vou usar o único, não, não é esse. Vou usar aquele que tem um monte de Chevron. Este é o padrão marrom, marrom claro Chevron. Entre as linhas em ziguezague está a transparência. É o que estamos vendo, estamos vendo essa camada branca através dela. É um padrão bem grande. É muito grande para mim aqui porque está assumindo a imagem, então eu quero que ela seja bem menor. Só vou diminuir para 20 por cento e ver como é. Bem, 20 é muito bom, mas eu acho que provavelmente 15 vai ser melhor. Eu só quero que isso texture o fundo, eu não quero que ele assuma a imagem, então este é um bom tamanho. Vou clicar em “Ok”. O problema com isso é que ele é marrom e ele realmente não combina com esta peça de arte, então o que eu vou fazer é re-colorir. Com minha camada padrão selecionada no momento, escolherei Camada,
Nova Camada de Ajuste, Saturação de Matiz e clique em “Ok”. saturação de matiz me permite alterar a tonalidade ou a cor das camadas abaixo desta camada de ajuste. Tudo o que eu preciso fazer é ir em algum lugar por aqui no controle deslizante de matiz até eu começar a pegar um azul que combina ou vai bem com o azul que eu tenho aqui, ou eu vou querer escolher alguma outra cor que novamente vai funcionar bem com o meu forma azul aqui, mas eu estou indo para azul. Eu vou subir aqui, isso não vai ser indicativo. Essa cor no controle deslizante de matiz não vai dizer a cor que você está escolhendo porque você está interagindo com alguma cor marrom aqui. É um pouco de adivinhação descobrir exatamente onde você quer estar, mas eu quero que a saturação seja discada um pouco e então eu vou novamente ver se eu posso encontrar uma combinação melhor para este azul. Agora que tenho isso, vou voltar para a paleta da minha camada. Na parte inferior do último deck, eu tenho um preenchimento branco preto, eu tenho um padrão com alguma transparência em cima disso,
e então minha camada de ajuste de saturação de matiz que está fazendo a mudança de cor de marrom para Este azul. Agora este seria um fundo perfeitamente bom, mas eu vou adicionar mais uma camada só para mostrar um efeito interessante aqui. Vou clicar para adicionar a camada
imediatamente acima da camada de ajuste de saturação de matiz. Eu vou definir branco como a minha cor de primeiro plano. Vou abrir minha ferramenta de gradiente e selecionar aqui no meu primeiro plano para gradiente transparente. Ao definir branco como minha cor de primeiro plano, o segundo gradiente em seu painel de gradiente sempre será um primeiro plano para gradiente transparente. Nós vamos despejar o branco em nosso gradiente e quando o branco acabar, ele vai ser apenas transparente. Não vai adicionar cor nas áreas de transparência. Eu só vou clicar neste “Gradiente” e eu vou clicar em “Radial”. Eu vou ter certeza de que eu tenho minha camada vazia direcionada sobre o meio da minha imagem e eu vou apenas arrastar para fora. O que isso faz, e você pode vê-lo no último palete e você vai
vê-lo ainda melhor quando eu desligar a imagem do banner, é que ele está despejando um gradiente
branco difuso radial no documento e é branco
no meio e em seguida, ele faseia para nada em tudo nas bordas, então ele está nos dando um efeito de brilho. O efeito de brilho está imediatamente atrás da nossa imagem de banner. É isso sem o efeito de brilho, e isso é com o efeito de brilho. Eu só acho que ele termina fora do fundo para este elemento em particular.
4. Crie fundos do projeto - parte 3: O último padrão que vamos fazer para o nosso fundo é um projeto de explosão solar. Vou escolher “Arquivo” e depois “Novo”. Agora o tamanho do arquivo desta vez vai ser um pouco crítico. Vou dizer-te o que precisas. Primeiro de tudo, o que você precisa é de um documento
que tenha dimensões que são divisíveis por 200 porque nós vamos fazer nossa peça padrão 200. Vou começar com 2000 pixels de largura e 2000 de altura. Mesmo que eu queira um documento final de 1920 por 1080, eu posso cortar isso do meu documento final. Vou buscar um documento cuja largura e altura são divisíveis por 200. Vou clicar em “Ok”. Agora vou criar um documento que é 200 por 200. “ Arquivo”, “Novo” e vamos escolher 200 pixels por 200 pixels porque esta é a nossa peça padrão e queremos que nossa peça padrão preencha uniformemente o documento que criamos. Vou criar um guia no meio
deste documento “View”, “New Guide”, “Vertical”. Vou digitar 50% e depois clicar em “Ok”. Vou selecionar mais de 1/2 deste documento usando um guia para fazer minha seleção. Eu tenho uma cor azul já definida como minha cor de primeiro plano. Vou pressionar Alt Backspace Option Delete no Mac para preencher este lado do documento com o meu azul escuro. Vou escolher “Selecionar Inverso” para inverter a seleção. Agora, este lado do documento está selecionado. Vou clicar na minha paleta de cores. Eu vou escolher uma versão mais leve desta cor Alt Backspace Option Delete. Esta será a minha peça padrão, então escolherei “Selecionar”, “Todos”, e depois “Editar”, “Definir Padrão”. Agora não importa que nosso documento seja quadrado, e nosso padrão parece muito fino, isso é perfeito. Vou chamar-lhe listras. Vou clicar em “Ok”. Vou fechar este documento e não preciso salvá-lo porque o padrão já está salvo. Agora nossa peça padrão tem 200 pixels de largura, então ele vai preencher uniformemente este documento. Vou escolher “Camada”, “Nova camada de preenchimento”, “Padrão”. Vou clicar em “Ok”. Agora, o Photoshop usa como padrão o último padrão que eu criei. Isso é o que eu tenho aqui e está indo em 100 por cento, que significa que esta barra aqui é exatamente a mesma largura que esta barra aqui. Isso é muito importante porque vamos fazer uma rotação a seguir. Este bar vai acabar ao lado deste. Se eu quisesse torná-lo menor, eu precisaria fazê-lo proporcionalmente. Eu poderia, por exemplo, fazer 50% do tamanho. Isso me daria mais barras, mas você verá que eu ainda tenho cores diferentes em cada extremidade e as barras em cada extremidade são exatamente a mesma largura. Na verdade, vou fazer o meu 100 por cento. Vou clicar em “Ok”. Vou abrir a última palete aqui e temos uma única camada com uma máscara. Vou converter isto para filtros inteligentes. Vou escolher “Filtro”,
“ Converter para Filtros Inteligentes” e clicar em “Ok”. Isso me permitirá ajustar esse preenchimento padrão mais tarde se eu quiser. Agora vou escolher “Filtrar” e depois “Distorcer” “Coordenadas Polares”. Agora, há apenas duas opções nas Coordenadas Polares, e uma delas funciona e uma delas não funciona. Estamos indo para o que funciona, este aqui, eu vou clicar em “Ok”. Agora temos o nosso efeito de vetor estelar. Se não houver barras suficientes no efeito starburst, você poderá voltar e editar esse objeto inteligente. Vamos clicar duas vezes para abri-la. Isso abre o padrão listrado que está embutido dentro do outro arquivo. Agora podemos clicar duas vezes nesta camada de preenchimento e alterar a escala. Eu poderia levar isso de volta para 50 e clicar em “Ok”. Para ver como isso vai funcionar, vou para a camada de preenchimento padrão e é um arquivo PSB. Tudo o que vou fazer é fechá-la. Vou clicar em “Sim” quando eu for solicitado a salvá-lo. Agora esta camada de preenchimento padrão no documento original foi atualizada. Tem o dobro de raios ao redor, efeito ligeiramente diferente. Acho que gosto mais disto. Para texturizar isso, agora vou adicionar uma nova camada. Vou encher esta camada com um cinzento médio. Eu tenho um cinza médio já selecionado aqui. O que eu fiz foi abrir o seletor de cores e
estou procurando uma cor aqui embaixo. No momento em que eu tenho esse seletor de matizes. Se eu escolhesse saturação ou brilho, você pode ver cada uma dessas mudanças na aparência do seletor de cores. Eu tenho essa tonalidade selecionada. Isso me permite isolar um cinza pálido aqui. Vou clicar em “Ok”. Vou preencher esta camada com ele pressionando Alt Backspace Option Delete. Agora vou colocar um pouco de barulho nesta camada. Agora, eu também poderia fazer isso um objeto inteligente se eu quisesse, porque isso me permitiria alterar a quantidade de ruído mais tarde, “Filtro”, “Converter para filtros inteligentes”, clique em “Ok”. Agora, “Filtrar ruído”, “Adicionar ruído”. No diálogo de ruído, vamos ter monocromático selecionado porque se você usar não-monocromático, é ruído de cor e não é particularmente bonito. Vamos apenas usar ruído monocromático e vamos colocar uma boa quantidade de ruído. Eu tenho um valor muito alto aqui. Para o ruído que estamos adicionando, alterá-lo de uniforme para gaussiano não vai
ter um grande efeito neste documento em particular, então você pode usar qualquer um deles. Clique em “Ok”. Agora queremos misturar nossa camada de ruído em nossa camada padrão. Vamos apenas olhar para as possibilidades nos modos de mesclagem. Certificando-se de que a camada de ruído está selecionada, solte a lista de modos de mesclagem e selecione Dissolver. Em seguida, em um PC você pode simplesmente pressionar a seta para baixo para trabalhar através dos vários modos de mesclagem. Em um Mac, desde que você não tenha uma ferramenta de pincel selecionada aqui. Algo como a ferramenta para festas é uma boa escolha. No Mac, você pode pressionar Shift Plus e Shift Menos para avançar para baixo nos modos de mesclagem. Estamos apenas à procura de um modo de mistura que tenha um bom efeito na nossa forma. Eu estou pensando que provavelmente luz suave ou sobreposição é um bom efeito aqui. Se gostarmos do que temos lá, podemos ajustar a opacidade para misturar isso na camada abaixo. Então, se eu quiser tirar 1920 por 1080 fatia da minha imagem, eu posso fazê-lo. Eu estou indo para a ferramenta de corte, Eu vou selecionar proporção. Vou digitar 1920 por 1080. Isso agora me dá a possibilidade de obter 1920 por 1080 fatia fora deste documento. Posso posicionar a sobreposição de corte onde eu quiser e basta clicar na marca de seleção. Este é um plano de fundo que eu poderia usar para um elemento no Photoshop. Então vamos agora e colocar uma forma em cima disso. Vou voltar e pegar minha bicicleta. É aqui. Vou escolher uma cor para isso. Escolha a forma como o método para colocá-la no documento. Vou adicionar isto ao documento. Há nosso terceiro e último efeito de fundo no Photoshop. Desta vez criamos um padrão de explosão solar usando o filtro de coordenadas polares. Seu projeto para esta classe vai ser criar seu próprio padrão de fundo e, em seguida, basta colocar um elemento sobre o topo dele. Talvez algo que você tenha projetado na minha classe ou em outra classe, ou apenas uma forma da coleção de formas do Photoshop. Publique uma imagem do fundo final na área do projeto da classe. Espero que você tenha gostado deste curso e que tenha aprendido algumas técnicas para criar fundos para seus projetos no Photoshop. Se você gostou deste curso e se você vir um prompt para recomendá-lo a outros,
por favor, dê um polegar para cima. Isso ajuda os outros a identificar isso como uma classe que eles podem querer tomar. Se quiser deixar um comentário, faça-o. Eu leio e respondo a todos os seus comentários e
olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.