Transcrições
1. Introdução: Oi. Meu nome é Cat Coquillette e sou o fundador da CATCOQ, que é minha Ilustração e Design Marcas. Eu sou um nômade digital, que significa que eu não tenho uma casa, mas eu viajo ao redor do mundo, trabalhando em espaços de coworking, cafés, Airbnb e apartamentos. Licencio minha arte para empresas que imprimiram em tudo, desde capas de telefone para vestuário, estampas de
arte para suas paredes, praticamente qualquer coisa que você poderia imprimir obras de arte, eu provavelmente tenho esse produto disponível em algum lugar do mundo. Então, esta classe é toda sobre aprender a linguagem do Photoshop, criar camadas e usar cores, manipular texto, trabalhar com ajustes e usar formas. Eu também vou mostrar como remover fundos porque todos querem saber como fazer isso. Então, isso será uma lição completa por conta própria. Quando abri o Photoshop, foi muito confuso para mim. Eu não estava familiarizado com o programa e eu realmente não sabia o que fazer ou como fazê-lo. Nos anos desde então,
eu usei o Photoshop cada vez mais frequentemente, então agora eu estou muito mais confortável com a plataforma e todos os dias eu aprendo coisas novas que eu sou capaz de fazer com o Photoshop. O projeto para a aula de hoje será criar uma imagem de banner da Web para seus sites. Mesmo que você não tenha um site, você ainda pode usá-lo para mídias sociais como Instagram ou Facebook ou apenas usá-lo como uma forma de se sentir
confortável se movendo nas plataformas do Photoshop. Você pode usar exatamente os mesmos arquivos que eu estou usando que você pode baixar na pasta Recursos ou você pode usar o seu próprio e acompanhar. No mundo de hoje, existem tantos aplicativos para usar o Photoshop,
então, se você trabalha em marketing ou possui
seu próprio negócio ou apenas precisa criar alguns ativos digitais, esta é uma ótima ferramenta para começar. Estou muito animado para ensinar Photoshop a vocês hoje. Muito obrigado por ter assistido à minha aula. Vamos começar.
2. Obtenha o software: Photoshop é um programa incrivelmente poderoso. Então, no início, pode parecer um pouco esmagador com todas as opções disponíveis, mas vamos dividir tudo para que você possa entender passo a passo como fazer ações diferentes. Ao final desta aula, você estará familiarizado com o Photoshop e saberá até mesmo como fazer coisas com máscaras de camada, transparências, editar fotos, criar formas, usar texto e muito mais. O Adobe Photoshop é feito por meio da Creative Cloud e é um serviço baseado em assinatura que você paga mês a mês. Juntamente com sua assinatura da Creative Cloud, Adobe também fornecerá ativos para download, fontes e novos recursos e atualizações para todos os programas. Se você ainda não conhece o Photoshop no seu computador, não há problema. Você pode acessar adobe.com e baixar uma avaliação gratuita. Hoje, usaremos o Photoshop CC 2018. Se você estiver em uma versão diferente, tudo bem. As coisas podem parecer um pouco diferentes, mas você será capaz de acompanhar muito bem. Hoje, estamos cobrindo os fundamentos. Mas uma vez que você tenha esse entendimento básico, você será capaz de fazer muito mais depois desta aula. Assim, por exemplo, uma vez que você aprenda a usar uma ferramenta específica, você poderá aplicá-la de várias maneiras
diferentes, dependendo do que você está tentando fazer. Esta aula é sobre como aprender a usar o Photoshop como um todo e entender o programa. Depois de obter essa compreensão básica, você pode usar alguns dos tutoriais que o Photoshop
construiu para aprender a fazer técnicas específicas. Agora que você baixou o Photoshop em seu computador, vamos continuar e mergulhar.
3. Como abrir o Photoshop: Agora que temos o Photoshop baixado, podemos ir em frente e abri-lo em nossos computadores. Então, aqui em cima, vou clicar no ícone da Creative Cloud e abrir o Photoshop. Esta é a aparência da tela de introdução quando você está começando. É bastante auto-explicativo e direto. Vamos apenas criar novos. Então agora temos a nova janela do documento, e como esta é a nossa primeira vez que abre o Photoshop, nós realmente não temos nenhum item recente. Mas se você soubesse, esta é a área onde eles apareceriam. Você pode usar as predefinições do Photoshop para criar um documento se estiver trabalhando com uma foto, um príncipe ou talvez algo para webdesign. Eles fornecem esses modelos pré-configurados que eles sugerem. Mas o que vamos seguir em frente e fazer é criar o nosso próprio. Então, aqui à direita, você tem seus detalhes predefinidos e é aqui que você pode personalizá-lo com base no tipo de imagem que você deseja criar. Então, a primeira coisa que vamos fazer é apenas nomear o nosso documento. Estamos fazendo um banner da web, e o padrão é polegadas, mas vamos mudar isso para pixels, já que vamos criar uma imagem da web. Se estivéssemos fazendo algo para imprimir, iríamos em frente e usar
centímetros, centímetros, mas como é baseado na web, estaremos usando pixels. A orientação que vamos usá-lo vai ser apenas um tamanho web genérico que funciona em um monte de plataformas diferentes como Facebook, Twitter e talvez seu site. Então vamos fazer 1024 por 512. Isso só nos dá alguma flexibilidade para que possamos cortá-la em um quadrado mais tarde. É apenas um tamanho de imagem bastante genérico que funcionará para um monte de modelos diferentes. Em seguida, temos resolução. resolução padrão para impressão é de 300 dpi, mas como estamos trabalhando na Web, tudo se resume a 72 ppi. A diferença entre os dois são pixels por polegada, que está na web, e dpi é pontos por polegada, para qualquer coisa que seja impressa. Então, 72 é ótimo para a web, mas o que vamos fazer aqui é usar 900 em vez disso. A razão pela qual estamos adicionando 900 agora é apenas para termos alguma flexibilidade com o tamanho da imagem. Você sempre pode reduzir a escala no Photoshop e reduzir sua imagem para ser menor, mas quando começar a aumentar o tamanho, você perderá a resolução e suas imagens ficarão desfocadas. Então, é melhor errar do lado da cautela e começar com algo maior. A próxima opção que você vê é o modo de cor. Trabalharemos com o RGB, que é cores da web. Os dois que você usará com mais frequência são RGB para Web e CMYK para qualquer coisa que você imprima. RGB significa Vermelho Verde Azul, e esses são os pixels que compõem seu monitor. CMYK significa ciano, magenta, amarelo e preto, chave é preto, é um termo de impressão, e esses são os quatro componentes de cores para qualquer coisa que é impresso com uma impressora real. A próxima configuração é o conteúdo de fundo. O padrão é branco, e isso é muito simples, vamos apenas mantê-lo lá. Ok, agora que temos tudo configurado em nossas novas configurações de documento, podemos ir em frente e clicar em Criar. Então, depois de clicar em Criar novo, essa é a aparência da tela. Se você estiver abrindo o Photoshop pela primeira vez, Photoshop pode oferecer algumas opções de tutorial, mas podemos simplesmente fechar essas opções por enquanto, porque eu vou orientá-lo e fechar qualquer uma dessas guias que não usando, você clica no hambúrguer e simplesmente ir para fechar. Agora, nossa tela está um pouco mais limpa. Então, depois de abrirmos nosso documento, será assim que nosso quadro de arte será. Então, vamos passar e eu mostrarei como diferentes partes da janela se parecem. Então, bem aqui no meio, este é o nosso quadro de arte e este retângulo branco vai ser o espaço em que estamos criando nossa arte. Sempre que quiser fazer seu quadro de arte um pouco maior, você pode ampliar. Então, tudo que você precisa fazer é pressionar Z no teclado, o que traz zoom. Você também pode fazê-lo aqui na lupa, e você pode clicar e puxar em palavras. Isso pode tornar sua janela maior ou menor se você ampliar para fora. Então, ampliando, diminuindo. Então, para isso, eu só vou ampliar um pouco, então ele ocupa mais da tela. À esquerda, de cima para baixo está a barra de ferramentas. Estas são as principais ferramentas que o Photoshop tem para oferecer. Se você estiver abrindo o Photoshop pela primeira vez, ao passar o mouse sobre essas ferramentas, Photoshop fornece uma pequena explicação do que cada ferramenta faz. Você só verá isso na primeira vez que usá-lo, mas pode ser útil apenas para que você possa ter uma idéia geral das capacidades de cada ferramenta. Então, o principal que vamos usar é a ferramenta Mover. Você pode clicar nele ou pressionar V no teclado para acessar a ferramenta de movimentação. No topo, você tem opções diferentes e essas opções mudam com base na ferramenta que você está usando. Então, se eu escolher uma ferramenta diferente aqui, as opções serão alteradas. Mas agora queremos clicar em V ou pressionar isso,
e esta é a nossa principal ferramenta Move. No extremo direito da tela, temos alguns painéis diferentes,
então esses são os painéis que o Photoshop decide que as pessoas usam com mais frequência. Então, os dois primeiros que você vê são cores e amostras. Você pode alternar entre as guias para ver diferentes variações do mesmo painel. Abaixo disso, você tem propriedades, e por enquanto, não há nada em nosso quadro, ele mostrará as propriedades básicas do documento. Você também tem ajustes à direita. O último painel é provavelmente o mais importante com o Photoshop, é o nosso painel Camadas. Vamos falar mais sobre isso mais tarde, mas saiba que vamos usar muito disso. Então, como mencionei anteriormente, você pode personalizar a interface do Photoshop para trabalhar para você. Então, por exemplo, se você estiver usando camadas com muita frequência, basta clicar e arrastar isso para fora, expandi-lo para baixo e fazer com que este seja um painel muito maior e mais acessível. Se alguma vez quiseste voltar para o seu lugar, tudo o que precisas de fazer é clicar na aba e arrastá-la para onde quiseres. Você também pode reorganizar a ordem das guias. Novamente, é muito personalizável
e, à medida que você se familiarizar com o Photoshop, você provavelmente terá um layout incrivelmente personalizado. Por exemplo, não uso o painel Propriedades ou Ajustes com tanta frequência. Então, eu vou ir em frente e fechá-los agora mesmo. Então, novamente, tudo o que você precisa fazer é clicar no hambúrguer à direita e clicar em Fechar. Agora, temos um pouco mais de espaço na nossa janela. Como nós personalizamos um pouco nosso espaço de trabalho, se você quiser voltar a ser como era antes, é realmente fácil de fazer. Tudo o que você precisa fazer é ir para a janela no menu superior, espaço de trabalho e redefinir itens essenciais. Isso trará tudo de volta como era antes. Então, se você perder um painel, não se preocupe com ele e você sempre pode recuperá-lo. Há também outra maneira de recuperar o painel. Por exemplo, vou fechar o painel da minha camada
e, em vez de redefinir o essencial, vou puxá-lo de volta indo para a janela e clicando em Camadas. Tudo o que tem uma marca de seleção ao lado significa que é exibido aqui à direita. Se não acontecer, significa que está escondido. Então, clicar em camadas o traz de volta para onde estava. Então, se você quiser ver qual é o tamanho do seu documento, tudo o que você precisa fazer é ir para imagem, tamanho da
imagem, e isso lhe dará todas as informações para sua imagem. Então, para agora, as dimensões são 1024 pixels por 512, que foi o que decidimos no início. Isso mostra o padrão em polegadas, mas eu vou mudar isso para pixels, para que possamos ver a largura e altura exatas. A resolução é também 900. Já resolvemos essas coisas, mas essa é uma ótima maneira de checar duas vezes. Outra maneira de verificar as dimensões do seu quadro de arte é puxar suas réguas, você pode fazer isso indo para View, Réguas ou comando R, e você verá aqui. Então, trazendo as réguas você será capaz ver as dimensões do seu quadro de arte também. Você também pode clicar e arrastar da régua para adicionar guias ao arquivo. Estes são guias invisíveis que não aparecem quando você imprime, eles só estão lá para ajudá-lo por enquanto. Mas não precisamos fazer isso agora, então eu vou desfazer isso,
que é Editar, Desfazer, Novo guia. Outra maneira de desfazer rapidamente algo é o comando Z. Quando você usa o comando Z key comando, ele irá desfazer exatamente a última coisa que você fez, e então, se você usá-lo novamente, ele irá refazê-lo. Então, ele não volta infinitamente em passos, ele volta apenas um passo e, em seguida, refaz. Você pode acessar diferentes modos de tela pressionando F no teclado ou indo para o modo de exibição de tela e selecionando entre essas três opções. Você sempre começará no modo de tela padrão, mas existem diferentes que removem a barra de menus, têm a barra de menus. Depende apenas do que você está trabalhando e do que você se sente confortável vendo em sua tela enquanto você trabalha. Então, o que o modo de tela cheia com barra de menu parece é isso. Quando você está no modo de tela cheia com a barra de menu, você é capaz de se mover em torno do quadro de arte, e a maneira como você faz isso é pressionando H, que é a sua ferramenta de mão, ou indo para aqui na sua barra de ferramentas e simplesmente clicando na mão. Quando sua mão é selecionada, ela permite que você clique e arraste pela tela. Você também pode fazer isso rolando para cima e para baixo com o mouse, mas se você quiser ter um pouco mais de controle sobre ele, a ferramenta manual é o caminho a seguir. O último modo de tela que você pode entrar é o modo de tela cheia, e o que isso faz é remover todos os painéis extras que você está olhando para o quadro de arte. Photoshop quer tornar o mais fácil possível para você usar. Então, muitas vezes, se você estiver acessando algo pela primeira vez, uma caixa de diálogo aparecerá para fornecer mais informações sobre isso. Vamos pular isso por enquanto, então clique em “Não mostrar novamente” e entre em tela cheia. Uma vez que você está em tela cheia, é apenas sobre a arte. Todos os seus painéis desapareceram e você só vê o quadro de arte. Isso pode ser ótimo se você estiver em uma área final de sua peça e você só quer ver como ele se parece como um autônomo. Se você chegar aqui e você não sabe como voltar porque não há painéis, não se
preocupe com isso, basta pressionar F e isso vai trazê-lo de volta ao padrão. Então, agora que temos uma compreensão básica de como o espaço de trabalho se parece, vamos trazer um arquivo para o Photoshop. Se você for para a pasta de recursos no Skillshare, forneci alguns arquivos para você trabalhar. Você pode seguir com esses arquivos ou criar o seu próprio enquanto vamos. Então, vou abrir minha pasta de recursos, e as imagens que usaremos para este vídeo estão na pasta de banner da web. A primeira coisa que vou usar é a minha textura de fundo. Há algumas maneiras diferentes de colocar isso em seu quadro de arte. O mais simples é apenas clicar nele, arrastar e soltar. Depois de arrastar esse arquivo para o quadro de arte, você verá uma caixa delimitadora com linhas diagonais. O que vamos fazer é usar os cantos para redimensioná-lo para caber nesta caixa. Então, se você tiver o mouse sobre qualquer uma das bordas, você terá a opção de clicar e arrastar para cima e para baixo para redimensionar. Mas o que queremos fazer é ter certeza de que ele é redimensionado na mesma proporção. Nós não queremos que ele seja distorcido muito magro ou muito horizontal, porque então nós perdemos a essência dessa textura. Para fazer isso, mantenha pressionada a tecla Shift, e agora não importa como você decida
escalá-lo, ele permanecerá nas proporções originais. Então, eu estou mantendo pressionada a tecla Shift e clicando com o mouse ao mesmo tempo e simplesmente vou arrastá-lo
para cima e para baixo para preencher meu quadro de arte. Você também pode clicar e segurar e puxá-lo em diferentes áreas. Depois de tê-lo do jeito que você gosta,
tudo o que você precisa fazer é clicar duas vezes ou pressionar Enter no teclado, e ele é definido no espaço. Tudo bem. Agora que temos os documentos básicos configurados. É bem simples. Podemos começar a adicionar mais camadas e jogar com alguns efeitos.
4. Trabalhando com camadas: Então, este vídeo vai ser tudo sobre camadas do Photoshop e o que elas são, e como você pode usá-las. Então, se você olhar aqui em seu painel de camadas, você verá que há duas camadas no arquivo agora. Temos essa camada de textura de fundo
e, em seguida, a camada branca abaixo dela que é um padrão que o Photoshop coloca lá, e é apenas o plano de fundo. Com esses globos oculares, você pode ativar e desativar uma camada, com a visibilidade. Você pode ver que ele ainda está lá, você não está excluindo, você está apenas escondendo temporariamente. As camadas são sempre empilhadas. Então, seja qual for a primeira camada no painel de camadas, será a que é a mais evidência. Se você mover isso ao redor, e eu pressionei V, que é a ferramenta de movimento, novamente você pode acessá-lo aqui no canto superior esquerdo da sua barra de ferramentas. Você pode clicar e arrastar esse arquivo ao redor, e aqui você pode ver a camada abaixo disso. Eles são muito intuitivos de usar, e você vai rapidamente pegar o jeito dele assim que começar. Algumas camadas estão bloqueadas, e quando comecei a usar o Photoshop, isso me deixa muito. Levei uma eternidade para descobrir que esta fechadura significava que eu não podia fazer nada com esta camada. Então, desde o início, você pode desbloquear sua camada apenas clicando no bloqueio e quebrando-a. Então, eu fiz isso com a camada de fundo e então agora, eu posso clicar e arrastar uma camada para cima, clicar
e arrastá-la para baixo, e qualquer camada que estiver no topo, é a mais visível. Então, eu vou ir em frente e colocar minha camada de fundo no topo. Então, é a primeira coisa visível, deixe-o lá, e eu vou arrastar em alguns arquivos extras
apenas para que possamos empilhar mais algumas camadas nesses arquivos, você pode ver como ele se parece. Então, na pasta de recursos, se você clicar duas vezes em camadas, eu tenho dois arquivos que vamos clicar e arrastar para o nosso arquivo do Photoshop. Quando eu arrasto cada um deles nele vai criar uma camada separada para cada arquivo. Então, vá em frente e destaque ambos e arraste-os para dentro. O que o Photoshop faz, é criado esta caixa delimitadora antes de colocar a imagem, é basicamente dimensionando para as dimensões da nossa placa que criamos. Então, para definir o arquivo, você pode clicar duas vezes ou pressionar Enter no teclado. Este é o segundo a chegar, a mesma coisa. Basta clicar duas vezes para colocá-lo, e agora aqui à direita, você pode ver todas as nossas camadas. Porque este olho dourado está na vanguarda, é a nossa camada superior, você pode clicar e escondê-lo atrás deste. Eles ainda estão lá, nada desapareceu ou foi apagado. Ainda está lá. Só está escondido por baixo. Então, você pode clicar e arrastar suas camadas ao redor e jogar com diferentes posicionamentos apenas para se sentir mais confortável usando as camadas. Então, para isso eu quero que minha textura de fundo esteja
nos fundos e eu vou colocar minha camada de olho dourado, clicar nela e arrastá-la acima de tudo o resto para que fique no topo. Você deseja mover uma camada, apenas certifique-se de que essa camada está selecionada
e, em seguida, você pode usar sua ferramenta de movimentação para clicar e arrastá-la. Então, uma ótima maneira de pensar sobre camadas é, pilhas de papel. Então, porque este globo ocular é um PNG, que é um arquivo transparente, ele não tem fundo, é a primeira pilha no topo. Depois disso, você tem essa foto, que você pode ativar e desativar, e por último, você tem a camada de textura de fundo. Vou continuar e desativar o plano de fundo padrão do Photoshop, que é essa camada branca, e se eu desativar todas as minhas camadas de uma vez, novamente clicando nos globos oculares, você verá esse fundo transparente. Eu mencionei isso antes, mas vou repetir que essa grade cinza e branca indica que é completamente transparente. Não há nada lá, nem mesmo brancos. Então, se eu deixar tudo isso desligado e então só ligar uma das minhas camadas, este globo ocular, esta é a única coisa na tela. Tudo o resto ainda está lá, nada foi apagado. Só está escondido. À medida que você se envolve mais com o Photoshop, você pode obter um arquivo realmente complicado que tem talvez 20 ou 30 camadas. Em vez de ter tudo alinhado no painel direito, você pode agrupar certas camadas para mantê-la mais organizada. Então, se eu quiser que essa camada de olho dourado agrupada com minha camada de quadro, tudo que eu preciso fazer é selecionar ambos, e eu posso selecionar ambos mantendo pressionada a tecla shift e em
seguida, clicando em ambas as camadas e fazendo o comando G, que os agrupa juntos. Outra maneira de agrupá-los juntos, é clicar na pasta abaixo que irá colocá-los em um grupo. Você pode até renomear seus grupos clicando duas vezes
no nome do grupo e digitando algo. Para poder visualizar as camadas que estão em seu grupo, você pode simplesmente clicar em eye-art, e você verá as camadas que estão no grupo. Então, se você quiser minimizá-lo, você pode fazer isso apenas para mantê-los mais organizados, ou abri-lo e ainda ser capaz de editar e mover esses arquivos. Da mesma forma que você pode mover suas camadas para cima e para baixo no painel de camadas, você também pode mover grupos. Então, deixe-me ativar minha textura de fundo e clicar e arrastar, e agora, eu coloquei a pasta de olho sob a camada de textura de fundo. Então, está escondido. Se você quiser ver isso novamente, você pode movê-lo de volta para o topo, onde ele está visível, ou você pode ativar e desativar a camada de textura de fundo para revelar o que está por baixo. Se você quiser fazer uma cópia de sua camada, isso também é muito simples de fazer. Então, o que eu vou fazer é, esconder minha camada de textura de fundo, e alternar a arte ocular para baixo na pasta, e o que eu quero fazer, é fazer uma duplicata deste olho dourado. Você pode fazer isso de duas maneiras diferentes, você pode fazer o comando key, que é o comando J, e você vê que a cópia foi criada, ou você pode clicar e arrastá-la para o botão de nova camada, que também cria um novo camada. A razão pela qual você não vê a cópia, é porque ela está diretamente atrás dessa mesma camada na mesma posição. Então, se você quiser torná-lo visível, apenas certifique-se de que sua ferramenta de movimentação está selecionada, e você pode clicar e arrastá-la para o lado. Se você estiver movendo uma camada, e quiser que ela permaneça perfeitamente horizontal ou vertical e bloqueie com o que você está arrastando, pressione e mantenha pressionada a tecla shift enquanto a arrasta, e isso garante que ela permaneça neste caso, uma vez que estamos indo para o lado, em uma horizontal perfeita e apenas solte a mudança enquanto você solta o clique quando você terminar de arrastar para dentro. Um dos novos recursos do Photoshop CC 2018 é quando você clica em uma camada no quadro de arte que ela selecionará automaticamente. Então, fique de olho aqui no painel de camadas, e veja como a seleção de camadas muda com base no que estou clicando no quadro de arte. Então, agora mesmo quadro é selecionado porque essa foi a última coisa que eu cliquei. Mas quando eu clico neste globo ocular, a nova camada é selecionada. Então, isso torna as coisas um pouco mais simples e intuitivas enquanto você navega pelo espaço e cria no Photoshop. Se, por alguma razão, você não gostar desse recurso, é realmente fácil desativá-lo. Basta ir até a barra de menus e desmarcar a seleção automática. Agora, quando você clica na camada inferior, ela não seleciona automaticamente para baixo na parte inferior. Então, é a sua preferência pessoal, o que quiser usar. Mas, por enquanto, vou voltar a ativar a seleção automática. Então, além do comando Z, que desfaz a ação anterior que você acabou de fazer. Você também pode ir até o seu painel histórico, clicar nele, e o que eu vou fazer, é clicar na parte inferior e arrastá-lo para baixo para que possamos ver um pouco mais. Digamos que você foi alguns passos além e que você estragou alguma coisa e gostaria de voltar. É muito fácil de fazer. Basta entrar em seu painel de histórico e clicar em qualquer fase em que você estiver, e você pode voltar até o início do seu quadro de arte. Então, se você olhar para a imagem bem superior, este é o lugar onde começamos, isto é apenas abrir o arquivo, nós não fizemos nada para ele, e então se você rolar para o fundo, esta é a última coisa que fez. Então, digamos que você fez algumas mudanças, mas você quer voltar cerca de cinco passos. Você não pode fazer isso com o comando Z, porque ele só vai levá-lo para trás um passo, mas com o painel histórico, você pode voltar o quanto precisar. Então, se eu quiser voltar aqui para a ordem de camadas, voltar cerca de 10 passos ou mais, e se eu fizer uma nova ação agora, tudo o que é grid out será apagado, porque eu comecei uma nova ação. Então, digamos que eu vou fazer uma cópia desta camada, clique e arraste-a. Agora, você pode ver que o painel histórico
mudou para indicar a nova direção que eu tomei. Eu estou usando minha ferramenta de movimento que é V, eu só vou clicar nele e arrastá-lo para o lado. Chegaremos a isso mais tarde. Portanto, as camadas são uma das ferramentas mais importantes que você usará no Photoshop. Você realmente nunca trabalha no Photoshop sem camadas, elas virão em jogo para tudo o que você está fazendo. É uma ótima ferramenta e é algo exclusivo do Photoshop, e lembre-se de como organizar suas camadas, movê-las, ativá-las e desativá-las. As coisas nunca
desaparecem, podem ser escondidas com camadas.
5. Criando formas e cores: Tudo bem. Neste vídeo, vou mostrar como fazer formas no Photoshop. Então, você pode encontrar as formas aqui na sua barra de ferramentas, este retângulo. Novamente, uma vez que há um pequeno triângulo no canto inferior direito, isso significa que há mais formas disponíveis. Então, eu vou clicar e segurar
e você verá todas as formas disponíveis que o Photoshop tem para oferecer. Então, vamos manter isso bem básico agora. Vamos apenas selecionar a ferramenta de retângulo. Você também pode chegar lá pressionando U no teclado. Com essa ferramenta selecionada, não
importa quantas camadas sejam selecionadas ou quais camadas sejam selecionadas, pois quando desenhamos a forma, Photoshop criará automaticamente uma nova camada. Então, nada será apagado. Então, eu vou clicar e arrastar e soltar, e eu criei um retângulo. Você pode ver aqui, o Photoshop até o chamou de Retângulo 1. Então, para redimensionar suas formas, usaremos nossa ferramenta de transformação, que é o comando T para transformar. Você também pode chegar lá indo até Editar, Transformação Livre. O comando chave está listado aqui. Então, você pode ver qual é o comando de tecla ao selecionar essa ferramenta. Então, à medida que você começa a usar o Photoshop, você começará a usar cada vez mais comandos de tecla. Então, você pode ver que a ferramenta de transformação está no lugar porque uma caixa delimitadora foi colocada sobre essa forma. Então, quando você passar o mouse sobre qualquer uma das bordas, você verá seu cursor mudar de uma seta para algo assim. Então, você pode clicar e arrastá-lo para cima e para baixo, lado a lado e você pode até mesmo pegar os cantos e expandi-lo desta maneira. Se você quiser manter sua forma original, tudo o que você precisa fazer é manter a tecla shift pressionada ao clicar e arrastá-la para cima e para baixo. Então, o que eu vou fazer é fazer um retângulo longo sem segurar turnos. Para finalizar a transformação, tudo o que você precisa fazer é clicar duas vezes ou pressionar enter. Agora, eu vou te mostrar como fazer um quadrado perfeito. Portanto, certifique-se de que a ferramenta de retângulo está selecionada. Novamente, você pode pressionar U. enquanto você desenha sua caixa, que pode ser desenhada como quiser. Se você pressionar shift, mesmo que seja, digamos, inclinado para um retângulo extremo, pressionando shift, ele converterá em um quadrado perfeito. Então, soltando o mouse, soltando turnos, e você tem seu quadrado perfeito. Se você quiser mover isso, apenas certifique-se de que sua ferramenta de movimento está selecionada, que é V, e você pode clicar e arrastar sua caixa para onde quiser. Se você quiser dimensioná-lo, para torná-lo um pouco menor, nós vamos transformá-lo. Novamente, esse é o comando T. Então, você pode clicar e arrastar. Não se esqueça de manter a tecla Shift pressionada como você faz isso para que ele permaneça um quadrado perfeito. Você pode ver guias inteligentes do Photoshop entrando em jogo novamente com essas linhas cor-de-rosa, pois alinha esses dois retângulos para ficarem perfeitamente alinhados. Sempre que terminar de usar a ferramenta de transformação, você precisa clicar duas vezes ou pressionar enter. Então, o que eu vou fazer, é ir para o meu retângulo à direita. Então, selecione essa camada indo para o meu painel de camadas, e eu vou usar minha ferramenta de transformação,
então, comando T. Eu só quero arrastar
os cantos para que eles alinhem perfeitamente com o meu outro quadrado. Já está bem perto. O Photoshop só vai tornar isso um pouco mais fácil bloqueando essas imagens. Outra coisa que você pode fazer enquanto a ferramenta de transformação está selecionada é girar sua caixa. Então, de uma maneira semelhante, quando você tem as setas onde você pode encolher para cima e para baixo, se você apenas ir um pouco longe da caixa, essa seta se transforma em uma seta curva. Então, agora, você pode clicar nele, arrastá-lo, e girá-lo ao redor. Se você manter pressionada a tecla shift, ela girará em ângulos de 15 graus, então, você pode ter que estar perfeitamente em 90 graus ou qualquer ângulo em que você gostaria de tê-lo. Então, por enquanto, vou colocá-lo em um ângulo de 90 graus. Então, para completar a transformação, vou apenas pressionar Enter. Depois de desenhar sua forma, você ainda poderá editá-la na janela de propriedades aqui. Quando puxo as duas formas para o lado direito da prancheta certificando-se de que essas camadas estão selecionadas e que estou usando minha ferramenta de movimentação, que é V, e clicando nelas. Agora com minha caixa selecionada, e eu posso verificar se ele está selecionado apenas ligando e desligando o globo ocular. Então, legal. Retângulo 2 é a caixa que eu quero selecionar. Então, aqui, minha janela de propriedades, ainda
posso fazer ajustes nesta caixa. Por exemplo, se eu quiser mudar a cor, tudo o que eu preciso fazer é clicar na amostra e escolher a cor que eu gosto. Então, para isso, eu vou torná-lo azul. Posso até adicionar um esboço a ele. Então, clicando no botão de traçado, posso adicionar, vamos fazer um traço amarelo brilhante. Eu mal posso vê-lo lá porque, como indicado, é apenas um pixel, mas se eu mudar isso para 20 pixels, o traçado fica muito maior. Se eu não quiser preencher essa caixa,
tudo o que eu preciso fazer é clicar na amostra azul e
selecionar este retângulo branco com a linha vermelha através dela, o que significa que não há cor. Então, agora, eu tenho duas formas, cada uma tem uma cor diferente e eu posso selecionar ambas ao mesmo tempo e alinhá-las se eu quiser. Se eu quiser que eles estejam perfeitamente centrados um sobre o outro, eu só preciso ter certeza de que ambos são selecionados e, em seguida, ir até o topo do menu e clique em uma linha verticalmente e, em seguida, clique em uma linha horizontalmente. Agora, eles estão se sobrepondo perfeitamente. Então, eu vou para a minha ferramenta de transformação, que é o comando T e eu posso segurar o downshift para garantir que ele permaneça um quadrado perfeito. Posso movê-lo para cima e para baixo. Então, eu quero torná-lo um pouco menor e, em seguida, movê-lo para cá na página. Então, o que eu vou fazer agora, é ampliar ainda mais na minha prancheta. Então, você pode ver o que eu estou fazendo enquanto eu movê-lo. Então, eu vou pressionar Z. Você também pode trazê-lo aqui com a lupa, e basta clicar na minha tela e puxar-me para dentro. Não tão longe, vou recuar um pouco. Perfeito. Então, agora com o quadrado amarelo selecionado porque isso é, você pode ver que ele está desligando e ligando, essa é a minha seleção. Vou pressionar V,
que me dá a minha ferramenta de movimento, e posso mover este retângulo clicando nele e arrastando-o ou posso usar o meu teclado e usar as setas para movê-lo para cima, para
baixo, para a esquerda e para a direita. Se você quiser pular alguns pixels em frente, mantenha pressionada a tecla Shift enquanto move para a direita e para a esquerda ou para cima e para baixo no teclado, e ela saltará ainda mais rápido. Então, quando você está movendo algo no Photoshop, ele fornece esses guias inteligentes, que são essas linhas cor-de-rosa, e isso é o que permite saltar pixels, desbloquear formas juntos de uma maneira que é mais alinhados. Para evitar os bloqueios inteligentes que o Photoshop coloca em prática, tudo o que você precisa fazer é pressionar e segurar o controle no teclado. Como você pode ver, assim que você fizer isso, você será capaz de mover o mouse pixel por pixel e nenhum bloqueio ocorre. Quando você solta o controle, ele volta para o modo de bloqueio. Então, você pode movê-lo apenas clicando nele e arrastando-o com a ferramenta de movimento selecionada ou você pode movê-lo em transformação, que é quando estamos fazendo o comando T, e você pode dimensioná-lo para cima e para baixo ou movê-lo de um lado para o outro. Basta lembrar que quando você estiver usando a ferramenta de transformação, você sempre terá que completar a transformação, que é pressionar enter ou clicar duas vezes. Então, agora o que eu vou fazer é, diminuir o zoom na minha prancheta. Eu posso usar a ferramenta de zoom, que é Z, e me mover para fora da prancheta, ou eu posso fazer o comando menos, que também o move para fora. Você também pode fazer o comando mais para ampliar. Existem algumas maneiras diferentes de ampliar e reduzir o zoom. Se você quiser ver toda a prancheta na tela perfeitamente bloqueada, você pode executar o comando zero, que se encaixa na tela. Então, muitas vezes se eu quiser diminuir o zoom e ver minha prancheta, digamos, eu estou ampliado realmente apertado assim, eu posso apenas fazer o comando zero e ele é adequado para a tela. Então, fizemos alguns retângulos e quadrados. Há muitas outras formas que você pode criar com o Photoshop. Basta ir aqui clicando e segurando, você verá as formas que estão imediatamente disponíveis. Dentro de cada uma dessas formas, você pode personalizá-las aqui na parte superior nesta seção do menu superior. Então, digamos que você está trabalhando com círculos. Você ainda pode editar o círculo aqui em cima, bem
como no painel de propriedades. Então, o que eu vou fazer é, zoom out um pouco, então, você pode ver minha prancheta completa e eu vou fazer o comando menos apenas um par de vezes. Legal. Então, você pode ver minha prancheta completa. Vou apagar esta caixa amarela. Não precisamos mais dele. Então, para obter este retângulo para estar perfeitamente no centro da minha prancheta, o que eu vou fazer é, comando T para transformar. Você sabe que Transformar está ativado porque essa caixa delimitadora aparece, e agora eu simplesmente vou clicar nela e arrastá-la para
o meio e esperar que essas guias se encaixem. Eu quero uma linha rosa tanto horizontal como
verticalmente que cobre toda a tela. Então, eu posso largar. Para completar a transformação, pressionarei enter, e agora sei que esse retângulo está perfeitamente no centro da prancheta. Então, na verdade, eu quero usar este retângulo enquanto estamos construindo este banner web juntos. Então, o que eu vou fazer é, usar minha ferramenta de transformação, que é o comando T. Eu vou clicar nos cantos
e apenas arrastá-lo para que ele se torne uma barra inferior na minha tela. Você pode apenas tipo de olho do tamanho disso. Photoshop o bloqueará automaticamente nas bordas da prancheta, que você não precise se preocupar em passar ou não cobrir o suficiente. Para terminar a transformação, vou pressionar Enter. Há várias maneiras de alterar a cor no Photoshop. As possibilidades são praticamente infinitas. Então, a primeira coisa que quero fazer é fechar meu painel de história. Eu realmente não estou usando agora e eu não preciso dele. Para maximizar meu espaço no Photoshop, vou fechar esse painel também. Também vou fechar bibliotecas. Então, o que eu quero fazer é mudar a cor do meu retângulo aqui
na parte inferior para combinar com o azul deste globo ocular perfeitamente. Então, eu posso fazer isso de algumas maneiras diferentes, mas eu vou mostrar-lhe o caminho mais simples primeiro. Vou até aqui ao meu painel de propriedades, e aqui posso ver tudo o que preciso saber sobre este retângulo. Eu posso ver a largura, que é 1024, que é a mesma largura que a nossa prancheta. Eu posso ver as alturas e o posicionamento de onde ele está na minha prancheta no eixo x e y. Mas aqui embaixo, neste retângulo preto, eu vou clicar nele, que é onde eu posso definir minha cor. Você pode escolher sua cor de qualquer uma dessas opções que você vê abaixo. Tudo o que você tem a fazer é clicar sobre eles e ele vai mudar na prancheta. Além de clicar nas amostras aqui embaixo, você também pode ajustar a cor personalizada indo para o seletor de cores e rolando para cima e para baixo na tonalidade e encontrando um tom exato. Então, para isso, vou clicar em marinha, pressionar OK e então você verá o fundo mudado para a marinha. Mas como mencionei anteriormente, quero que este azul combine com o azul claro
do interior do globo ocular e há uma maneira exata de fazer isso. Então, eu vou voltar para o meu seletor de cores. Quando você está no seletor de cores, você pode clicar em qualquer lugar nesta paleta para encontrar uma cor exata. Mas se você tirar o cursor da tela, um conta-gotas aparecerá. O que este conta-gotas faz é, ele seleciona a cor de um lugar exato na prancheta. Então, se eu quiser este azul, tudo que eu preciso fazer é colocar o conta-gotas exatamente sobre o azul, clicar uma vez, e você pode ver aqui que a paleta muda para caber exatamente naquele azul. Posso clicar em qualquer lugar na minha prancheta e ter o mesmo efeito. Então, se eu quiser esta cor creme cinza, clique lá, e ele vai aparecer e mudar no seletor de cores. Se eu quiser a marinha exata, é bastante intuitivo e você pode clicar em todos os lugares e fazer um monte de exploração. Esta é apenas uma ótima maneira de obter uma cor exata. Então, vou clicar nesse azul, pressionar OK, e minha forma mudou de cor. Se você quiser ver esse seletor de cores em tempo real, tudo que você precisa fazer é clicar
duas vezes em sua camada de retângulo e ele aparecerá. Agora, sempre que você clicar em qualquer lugar da paleta, você poderá ver ao vivo em sua tela como essa nova cor se parece. Você pode clicar e arrastar as setas para cima e para baixo na tonalidade
do arco-íris e, em seguida, clicar em qualquer lugar do quadrado também. Não há uma resposta certa para isso. Há muitas maneiras diferentes de fazer isso. Assim, você pode explorar e encontrar uma maneira que funcione melhor para você. Por agora, porém, vamos fazer uma tabela e seguir em frente para aprender como usar o texto.
6. Trabalhando com texto: É muito fácil adicionar texto no Photoshop e há alguns truques específicos que eu costumava fazer isso muito bem. Então, o que eu vou fazer é adicionar algum texto ao meu banner da Web. A principal ferramenta que usaremos é a ferramenta Tipo, você a verá aqui na barra de ferramentas. É apenas o grande T. Você também pode chegar lá
pressionando T. É muito intuitivo e simples. Tudo o que você precisa fazer é clicar no seu quadro de arte e começar a digitar algo. Então, como você pode ver, o tipo é enorme, é um verde feio e eu não gosto desse tipo, então podemos alterar todas essas coisas agora. Então, a primeira coisa que vou fazer é clicar e destacar tudo. Você pode fazer isso clicando e arrastando ou
usando o comando A que irá destacar todo o seu texto. A maneira como você altera seu texto, você pode encontrá-lo aqui na parte superior da barra de menus ou indo para Janela, Personagem. Ambas as formas de alterar o texto e ter todas as opções, mas você
terá um pouco mais de opções disponíveis aqui no painel Caracteres. Então, a primeira coisa que eu vou fazer é encolher para baixo, esse tipo de 12 pontos é muito grande para este banner da Web, então eu vou colocá-lo para baixo para 6 e ver como ele parece. É muito melhor. Eu também quero mudar o tipo de letra para que em vez de Mirian Pro que é o tipo padrão para Apple, eu quero alterá-lo para Mission Gothic que é um último tipo de tipo. Eu faço download de muitas das fontes que eu uso de Lost Type. É uma cooperativa de tipografia onde você pode ter acesso a alguns realmente grandes designers e fontes. Então, por enquanto, eu já baixei e coloquei na pasta de recursos. Você o encontrará na pasta de fontes. Missão Gótica e vamos adicionar tudo isso. Tudo bem. Clique e abra com o livro de fontes. Para Mac, esse é o organizador de fontes padrão e vamos apenas instalá-lo. Agora, a Missão Gótica está instalada. Vou destacar todo o meu texto novamente fazendo Comando A e subindo e clicando onde diz Myriad Pro e digitando Mission Gothic. Eu vou fazer regularmente e agora nós também podemos ajustar algumas outras opções, mas a fonte. Então, se eu quiser centralizar esse tipo de prisão, há algumas maneiras diferentes de fazer isso. A primeira coisa a fazer é destacar tudo, então você pode clicar e arrastar ou pressionar Command A. Aqui no painel de menu superior, você pode centralizar o texto aqui. Você também pode fazer isso aqui alternando para parágrafo e clicando no botão central. Você também pode escrever uma linha, deixou uma linha, mas por enquanto eu só quero centralizar. Então, agora vou alternar de volta para o painel de caracteres e mudar a cor. Você pode mudar a cor aqui ou aqui na barra de menu superior. Então, para isso, eu quero que ele seja um azul marinho que corresponda ao azul das impressões de arte, então eu cliquei no meu Color Picker e eu vou apenas passar o mouse sobre, selecionar o azul, ele vai mudar automaticamente e, em seguida, pressionar Ok. Se pretender mover o seu tipo ao redor do ecrã, certifique-se de que não está na ferramenta de texto e que está na ferramenta de movimentação. Você não pode usar um comando de tecla agora porque se eu pressionar B para o meu comando de tecla, ele aparecerá no texto. Então, você tem que fazer isso manualmente. Então, eu estou indo apenas para ir até aqui clique e agora com a minha ferramenta de movimento selecionada, eu posso mover este bloqueio em torno da tela. Além de ajustar o tamanho, você também pode usar a ferramenta Transformar para tornar o tipo maior ou menor. Então, eu vou fazer o Command T e ter certeza que você está segurando Shift enquanto você faz isso porque a última coisa que você quer é distorcer seu tipo assim. Parece muito ruim, nunca faça isso. Então, eu vou aumentar um pouco o meu tipo, pressione Enter para configurá-lo. Agora, se você quiser editar qualquer coisa com o seu tipo, você tem que se certificar de que você está na ferramenta de texto. Eu vou pressionar meu T para voltar para minha ferramenta de texto e agora o que eu vou fazer é fazer arte imprimir um peso pedra. Então, aqui está o meu tipo de letra e, à direita, estão os pesos e eu vou fazer preto, o que é muito, muito pesado. - Não. Agora isso parece ruim. Vou fazer ousado, o que é muito pesado. Eu quero rastreá-lo um pouco para que ele se sinta um pouco mais moderno e refinado. Então eu vou ajustar o meu rastreamento 240 que apenas adiciona um pouco mais de espaço entre as letras e deixa-os respirar um pouco mais. Agora, se eu quiser diminuir o espaço entre o OLHO MAL e o PRINCIPE, eu simplesmente realço tudo e passo para a minha ferramenta de escrita e eu posso torná-la mais apertada ou maior, então subir para 18 pontos coloca uma lacuna muito maior do que. Você também pode clicar no ícone e arrastá-lo para
a direita ou para a esquerda para diminuir o espaço e aumentá-lo. Então, eu só vou olhar para ele. Isso parece muito bom, o que acaba por ser um seis pontos. Para encerrar tudo, vou voltar à minha ferramenta de movimentação e selecionar isso. Então, além de ajustar o tamanho do tipo aqui, você também pode usar a ferramenta de transformação para aumentar e diminuir o texto. Então, se eu vou aumentá-lo e, em seguida, pressionar enter, você verá aqui que o tamanho do tipo
aumentou de sessenta para sete pontos e meio. Então, agora eu só vou ter certeza de que minha ferramenta de movimento é selecionada que é V e centralizar isso em um bom lugar. Agora eu quero adicionar algum texto de rodapé para baixo aqui, em cima do meu banner. Também quero adicionar uma caixa ao redor do meu código de vendas. Então, o que eu vou fazer é ir até aqui para a minha ferramenta de retângulo que nós aprendemos anteriormente, clique em mudar meu preenchimento para nenhuma cor e deixar meu traçado branco e eu vou colocá-lo em três pixels, vamos ver o quão grosso isso é. Vou apenas clicar e arrastar uma caixa para
CATCOQ e, em seguida, pressionar V para voltar para a minha ferramenta de movimento. Perfeito. Então, agora o que eu quero fazer é organizar minhas camadas um pouco, elas estão ficando um pouco fora de controle e eu quero ter certeza de que elas são um pouco mais fáceis de trabalhar. Então, eu quero fazer tudo abaixo neste banner na mesma camada. Então, eu selecionei meu retângulo, o 20% de desconto e eu também quero selecionar o retângulo. Se você estiver selecionando mais de uma camada, mantenha pressionada a tecla Command enquanto seleciona essa camada. Então, agora o que eu vou fazer é pegar todas essas camadas e movê-las para fora do Grupo 1, colocá-las acima dela em algum lugar, soltar e agora fazer o Comando G para agrupá-las. Você pode ver como essa camada se parece ligando e desligando, então você pode ver que tudo está junto. Vou mudar o nome do grupo para rodapé. Agora, eu quero ver como meu banner se parece em tamanho real. Então, para fazer isso, eu uso o Comando 1. Isto é como o meu rodapé vai parecer quando ele está realmente na web. Então, uma coisa que eu estou percebendo é que este tipo na parte inferior é um pouco grosso e grande, então eu quero torná-lo um pouco menor. Então, o que eu vou fazer é abrir minha pasta de rodapé, selecionar meu tipo e o retângulo, usar minha ferramenta de transformação Command T e arrastar tudo para ser um pouco menor e, em seguida, reposicioná-lo na página, pressione Enter para configurá-lo e agora ele está olhando um pouco melhor. Mais uma coisa que eu quero fazer é ajustar a cor do banner na parte inferior, para que fique um pouco mais escuro para que o tipo branco apareça um pouco mais, clique
duas vezes no retângulo, altere meu modo de cor para HSP clicando no botão H. Agora eu posso simplesmente clicar em qualquer lugar do quadrado para obter uma cor mais escura e você pode ver em tempo real como esse tipo branco realmente aparece quando um retângulo escurecido. Vamos, pressione Ok. Então, a última coisa que eu quero fazer é adicionar um pouco de texto acima onde ele diz EY EYE ART IMPRESS e eu quero que ele seja um peso diferente e um tamanho diferente. Então, eu vou fazer isso em uma nova caixa de texto. Então, eu vou simplesmente pressionar T para obter o meu tipo, clique em qualquer lugar da página e digite MEU MELHOR VENDERS. Agora, volte para sua ferramenta de movimento e agora eu vou usar transformação, em vez de ajustar o tamanho e o painel de caracteres. Vou usar minha ferramenta de transformação para que ela se alinhe perfeitamente com o OLHO MAL. Então, certificando-se de que essa camada está selecionada aqui, eu vou fazer o comando T para transformar e eu vou arrastá-lo para cima, lineup que M com o E e clique no canto da caixa e mantenha pressionada a tecla Shift, que tudo permaneça proporcional. Eu só vou arrastá-lo e torná-lo um pouco menor. Pressione Enter. Ainda não é perfeito, mas é porque quero mudar o peso. Então, vou fazer com que seja Black Itálico. Legal. Então, agora eu vou voltar para transformar, é quase perfeito,
mas eu quero torná-lo ainda mais,
então eu vou usar o Command Plus para ampliar um pouco e clicar pressionando Shift, que ele permaneça proporcional e certifique-se de que é absolutamente perfeito. Agora eu pressiono Enter para configurá-lo. Agora vou usar meu teclado,
as setas para cima e para baixo para mover isso para cima. Se eu quiser saltar mais de um pixel de cada vez, posso manter a tecla Shift pressionada ao pressionar a seta. Eu vou fazer o Comando 1, que eu possa ver como é em tamanho real. Legal. Parece muito bom e estou muito feliz com isso. Você também pode aplicar efeitos ao texto. Então, por exemplo, eu vou pressionar T para obter minha ferramenta de texto, clique em MEU MELHOR VENDERS e, em seguida, realçar tudo fazendo Comando A. Em seguida, apareça na parte superior, onde você vê este T com a linha de curvas abaixo, você pode clicar nisso para ver maneiras diferentes de distorcer o texto. Então, por exemplo, vou fazer o Arc. Deixe-me mover minha caixa para que você possa ver o que estou fazendo. Podemos tornar este ângulo menos extremo indo para Curvar e alternando isso de volta para um ângulo menos extremo. Quinze parece um pouco menos extremo, mas eu vou aumentar isso um pouco mais para 23 e pressionar Ok. Agora, o que eu vou fazer é rastrear minhas cartas um pouco mais para que as letras não sejam tão distorcidas. Eu posso ir até aqui onde diz VA, clique e arraste para a direita e você pode ver a faixa de espaçamento entre letras um pouco mais. Então, agora o que eu quero fazer é trazer o meu tipo recuado para
que ele bloqueie com qualquer borda do OLHO MAL. Então agora, eu vou voltar para a minha ferramenta Transformar, então Command T e eu vou clicar no canto. Lembre-se que sempre pressionamos Shift para manter as coisas proporcionais, mas há outro truque, se você pressionar Alt ao mesmo tempo, ele permanecerá centralizado à medida que você mudar o tamanho. Então agora no meu teclado eu estou segurando Alt e Shift e eu vou abaixar isso um pouco. Então, é bom. Eu posso clicar, arrastá-lo, ter
certeza que está centrado, eu quero torná-lo um pouco maior. Então, novamente, mantendo a tecla Shift Alt pressionada, clicando no canto, levantando-o um pouco e pressionando Enter para terminar a transformação. Eu quero mover isso para cima, então eu quero ter certeza de que V está selecionado para mover e eu simplesmente vou clicar,
manter Shift pressionado para que ele permaneça no mesmo lugar verticalmente e arrastá-lo para cima dele. Legal. Então, agora o tipo está parecendo muito bom. Então, se você quiser reduzir o tipo principal, você pode fazer isso, já que tudo está na mesma pasta. Então, apenas certifique-se de que a pasta está selecionada e, em seguida, faça o Command T para transformar. Agora tudo está selecionado e você pode clicar em arrastar, mantendo Shift pressionado para que ele permaneça proporcional e torná-lo um pouco menor, movê-lo para onde você deseja que ele na página e pressione Enter para concluir a transformação. Então, agora que construímos algumas camadas em nosso arquivo do Photoshop, esse é um ótimo momento para salvar nosso trabalho apenas para que não percamos nada mais tarde. Então, para salvá-lo, é bastante simples, eu vou para Arquivo, Salvar como. O nome do título já está lá em cima porque nomeamos nosso arquivo logo no início quando estávamos configurando nosso documento, então eu vou mantê-lo como banner da Web. Eu quero salvá-lo na minha área de trabalho, então eu vou apenas clicar em Área de trabalho. Você tem muitas opções de formato diferentes , mas vamos querer salvá-lo como um arquivo do Photoshop. Se o salvarmos como um arquivo do Photoshop, isso significa que estamos salvando todas as camadas, todas as configurações, nada muda. Quando abrirmos de volta, vai parecer exatamente como parece agora. Portanto, permanece como arquivo do Photoshop, não salve-o como qualquer outra coisa por enquanto. Este é o nosso arquivo de trabalho, podemos salvá-lo mais tarde e basta clicar em Salvar. Agora temos um backup no caso do Photoshop falhar acidentalmente. Acontece de vez em quando, mas se você salvar com frequência, não
é tão estressante. Então, agora que chegamos a um ótimo lugar onde queremos que nosso tipo seja colocado em nosso quadro, vamos seguir em frente e aprender a fazer alguns efeitos diferentes.
7. Adicionando efeitos: Então, no Photoshop, há centenas de efeitos que você pode aplicar às suas formas, tipografia, imagens. Então, vamos rever apenas alguns desses hoje. Vamos começar com as tipografias, já que terminamos a lição. Certifique-se de que a camada de texto está selecionada. Basta clicar onde ele diz, Evil Eye Art Prints, e isso irá selecionar esta camada aqui, e você pode encontrar seus efeitos na parte inferior do painel Camadas onde ele diz Efeitos. Vou selecionar opções de mesclagem e isso irá puxar cima todas as opções que temos para efeitos a aplicar. Vou pular as janelas para vermos o que estamos fazendo. Há um monte de efeitos diferentes aqui que você pode aplicar, mas eu só vou mostrar a vocês um casal que eu uso mais frequentemente. O primeiro que vou fazer será a sombra. Quando você clica na caixa, você pode vê-la sendo ativada e desativada. Então, dê uma olhada aqui onde diz Evil Eye Art Prints, desligado e ligado, e mesmo dentro disso, você pode jogar com a opacidade do seu tipo e a sombra juntos, e então você pode até mudar o modo de mistura. Então, se eu quiser colocar um modo de mesclagem multiplicado na minha sombra, ele irá sincronizar um pouco mais com o plano de fundo, como você pode ver lá. Se você clicar em OK, o efeito será aplicado. Se você quiser ver como seu efeito é ligado e desligado, você pode clicar no globo ocular. É semelhante a como você clica no globo ocular na frente das camadas, mas você pode clicar nele na frente dos efeitos. Desligado, ligado. Se você quiser voltar e editar seu efeito mais tarde, tudo que você precisa fazer é clicar duas vezes sobre o efeito. Vou clicar duas vezes em Drop shadow, e agora podemos passar e editá-lo. Posso até desligá-lo se quiser. Agora, desapareceu. Novamente, há muita flexibilidade aqui e não importa quantos efeitos você joga com, você sempre pode reverter para a maneira que seu tipo ou forma era anteriormente. Além de aplicar efeitos à sua tipografia, você também pode aplicar efeitos a formas. Vamos descer aqui. Vou para a minha camada de rodapé. Novamente, alternando esse cursor para baixo, selecionando o retângulo, que é este retângulo aqui embaixo, e se você quiser verificar se essa é a camada selecionada, você pode simplesmente ativar e desativar o globo ocular. Esse é o único. Retângulo é selecionado, certificando-se de que eu tenho essa camada selecionada, eu posso ir até efeitos, clique em Opções de mesclagem. Se você já sabe o efeito que deseja aplicar, não
precisa clicar em Opções de mesclagem, basta ir direto para esse efeito aqui. Para isso, digamos que eu quero aplicar uma sobreposição de gradiente, e eu sei que é isso que eu quero, eu vou apenas ir em frente e clicar nele, e agora, quando o estilo de camada aparecer, eu já estou em sobreposição de gradiente. É só um atalho que você pode fazer. Agora ele é aplicado gradiente a essa barra horizontal, e eu posso ajustar o gradiente clicando duas vezes e selecionando o tipo de gradiente que eu quero. Você pode fazer arco-íris loucos, você pode fazer dois efeitos ombre de cor, e você também pode fazer suas próprias cores. Se você clicar na predefinição em preto e branco, aqui você tem seu gradiente e ele é aplicado aqui no retângulo. Se eu quiser que o branco e o preto sejam talvez azul e verde, tudo o que precisamos fazer é clicar duas vezes na caixa branca, e selecionar a cor que eu gosto de usar em vez disso. Diga, eu quero fazer uma marinha, clique em OK, para uma turquesa. Você pode encontrar essa cor, pressionar OK e, em seguida, obter seus gradientes. Você pode até adicionar uma terceira cor no meio apenas
clicando em qualquer lugar na parte inferior dos gradientes
e, da mesma forma, você pode adicionar uma terceira cor. Há muita flexibilidade aqui. Você pode ajustar o ângulo da maneira como deseja que seu gradiente apareça. Você pode até dar-lhe um ângulo diagonal, você pode digitar manualmente o ângulo que você está procurando, ou simplesmente clicar na linha, e puxá-lo ao redor nesse círculo. Por enquanto, vou em frente e adicionar um ligeiro gradiente. Eu não quero essa magenta no meio porque eu não acho que parece muito bom. Vou mudar o meu azul para algo semelhante ao que tínhamos antes, e fazê-lo correr para um gradiente ombre realmente ligeiro que vai para um pouco com verde. Legal. Em seguida, pressione OK para definir seus efeitos. Agora, você vê aqui, está ligado. Se eu quiser desligá-lo, tudo o que precisamos fazer é clicar no globo ocular. Mais um efeito que eu uso com bastante frequência que eu quero mostrar a vocês é um golpe simples. Para isso, vou aplicá-lo à minha camada de texto. Já temos alguns efeitos diferentes com os quais jogamos, mas vou adicionar mais um. Certificando-se de que a camada está selecionada, eu vou para Efeitos, Traçado, e a primeira coisa que eu vou fazer é mudar a cor porque você realmente não pode ver um traço preto no azul-marinho. Então, eu faço um golpe azul brilhante. Agora, você pode ver um pouco mais. Você também pode alterar o tamanho desse traçado. Agora, está em um pixel. Se eu fizer cinco pixels, ele cobre quase toda a totalidade do texto. Se eu quiser algo que é mais um meio termo, dois parece muito bom. Você também pode ajustar o modo de mesclagem. Agora está no normal que é apenas aquela cor plana normal, nada foi alterado para ele. Se eu for para a luz suave em vez
disso, vai ficar um pouco mais tarde. Então, quase parece que há um contorno branco nesse texto. Mas por enquanto, eu vou colocá-lo no normal, ver como é isso, pressione OK. Há um exemplo, se você quiser ter os esboços do tipo, mas eu não quero usar esse efeito, eu só queria mostrar a vocês como é. Então, vá em frente e clique no globo ocular, e desligue-o. Esses são alguns dos efeitos que uso mais frequentemente. Como você pode ver, basta clicar no painel Efeitos, há muito mais com o qual você pode trabalhar e há muitas
opções diferentes que você pode fazer com qualquer um de cada efeito. Então, brinque com ele e descubra o que funciona para você e a arte em que você está trabalhando na tela. Agora, vamos em frente e passar para o que todos querem saber como fazer. Estamos movendo fundo.
8. Removendo planos de fundo: Então, uma das coisas mais comuns
que as pessoas querem aprender a fazer no Photoshop é remover o plano de fundo, que você possa isolar um objeto e o resto da imagem seja transparente. Então, há muitas maneiras diferentes de fazer isso e eu vou mostrar a vocês algumas das que eu uso mais frequentemente. Então, neste arquivo, o que eu quero fazer é remover o fundo dessas impressões artísticas. Então, agora, são impressões de arte de duas molduras que estão
neste fundo de drywall de estuque e eu quero removê-los, para que eles se misturem perfeitamente com este fundo que eu já estabeleci. Então, eu vou te mostrar bem rápido. Se eu ativar e desativar essa camada de Frame, você poderá ver o fundo aqui atrás. Então, o que eu estou querendo fazer é remover esse pedaço, que esses quadros se encaixem no plano de fundo. Então, a primeira coisa que eu vou fazer é, já que este é um objeto inteligente, este arquivo de quadros, tudo o que eu preciso fazer é clicar duas vezes nele. Eu vou dizer, “Não apareça de novo.” Isso é apenas o Photoshop me dizendo que tudo o que eu preciso fazer é salvar o arquivo que eu estou prestes a editar e, em seguida, ele será automaticamente colocado de volta no meu novo arquivo. Então, tudo bem. Então, aqui está o arquivo em si. Então, bem rápido, eu só quero mergulhar um pouco mais e falar sobre a diferença entre objetos rasterizados e objetos inteligentes. Neste momento, no painel Camadas, na minha camada de quadros, você pode ver naquela miniatura no canto inferior direito, há um ícone que indica que este é um objeto inteligente. Então, o que isso significa é que posso usar minha ferramenta Transformar, torná-la muito, muito pequena, definir essa transformação e, em seguida, trazê-la volta para onde comecei e ela parece exatamente a mesma. Ele manteve sua resolução original não importa o quão pequeno eu torná-lo, o que é ótimo para edição. Então, bem rápido, eu vou fazer uma cópia do meu objeto inteligente, só para termos algo para compará-lo mais tarde. Photoshop facilita muito a edição de muitos objetos inteligentes, mas não cem por cento do tempo. Às vezes, você precisa rasterizar um arquivo para editá-lo da maneira que quiser. Não ocorre com frequência, mas apenas esteja ciente disso. Você vai ver de vez em quando. Então, agora, o que eu vou tentar e fazer é, eu acabei de fazer uma cópia da camada, mas é exatamente o mesmo objeto inteligente, eu vou tentar apagar parte dela. Então, eu uso E para apagar. Photoshop não me deixa fazer isso e a razão para isso é, porque é um objeto inteligente, ele só vai me deixar apagar parte disso se for rasterizado. Então, eu vou clicar, “Ok.” Vamos em frente e rasterizá-la, atrás dessa camada bem rápido. Então, agora eu posso apagá-lo porque é um arquivo rasterizado e eu posso editá-lo praticamente como eu quiser. Desfaça isso. Mas o único problema com objetos rasterizados é que você perde muita flexibilidade quando se trata de dimensionar esses objetos para cima e para baixo. Deixa-me mostrar-te o que quero dizer. Então, eu vou torná-lo realmente pequeno, definir a transformação e, em seguida, trazê-lo de volta para o topo. É super embaçado e pixelado, e a razão é porque quando eu o fiz menor, Photoshop reformulou essa imagem para ter uma quantidade menor de pixels presentes porque não precisava haver tantos,
já que era tão Pequeno. Se você comparar isso diretamente com o objeto inteligente, você pode dimensionar para cima e para baixo quantidades infinitas de vezes sem perder a resolução, enquanto o objeto rasterizado estará em conformidade com base no novo tamanho, e você não poderá aumentar esse tamanho novamente sem ficar embaçado. Portanto, se o Photoshop solicitar que você rasterize algo antes de poder editá-lo, você pode pausar e pensar sobre isso. Nem sempre é ruim rasterizar um arquivo. Por exemplo, se você souber que não vai redimensioná-lo mais tarde e ele vai ficar nessas dimensões exatas, tudo bem rasterizar. Então, novamente há muitas maneiras de rasterizar um arquivo, mas se você precisar, não
é o fim do mundo. Basta estar consciente das limitações que você vai encontrar depois. Há duas maneiras diferentes de remover um plano de fundo de um arquivo do Photoshop. Você pode fazer isso com edição destrutiva ou edição não destrutiva. Então, como você pode imaginar, nós queremos fazer não-destrutivo. Então, o que isso significa para remover o fundo, é em vez de usar uma borracha apenas para removê-lo, vamos aplicar uma máscara, que significa que esse fundo ainda está lá, ele está apenas escondido com esta máscara que passa por cima da imagem. Ok, aqui está uma dica rápida que se aplica a tudo o que você faz no Photoshop. Se algo não estiver funcionando da maneira que você deseja, como você não pode mover uma imagem ou você não consegue aplicar um efeito a ela, 99% do tempo, é porque ou essa camada não está selecionada ou está bloqueada. Então, neste momento, esta camada está bloqueada. Então, eu apenas clique no bloqueio para quebrá-lo e agora eu sou capaz de editar essa camada. Então, agora que está desbloqueado e capaz de ser editado, vou mostrar-lhe bem rápido o que não fazer. Vou pressionar E, que fica com a minha borracha. Você também pode encontrá-lo aqui na barra de ferramentas. Aí está, Borracha. Vamos torná-lo um pouco maior, que
possam ver o que estou fazendo. Então agora, o que a borracha faz é simplesmente apagar da imagem. O que você estava apagando, você não pode voltar, a menos que você entrar em seu histórico e redefinir alguns passos. Então, se eu clicar e arrastar, essa parte da imagem é apagada. Não está mascarado e a única maneira de recuperá-lo é fazer Command+Z ou entrar na sua história aqui em seus painéis e voltar um passo atrás. Então, não vamos usar a borracha, mas saiba que essa é uma opção disponível. Se você precisar usar uma borracha para algo, ela existe. Mas o que vamos fazer é fazer uma máscara. Então, o que uma máscara faz, eu vou te mostrar rapidinho. Você pode selecionar a parte da imagem. Vou clicar na máscara aqui na parte inferior do meu painel Camadas. Então, embora tudo o resto seja apagado, tudo o que está escondido atrás desta máscara aqui. Então, você vê que a máscara é aplicada à camada à direita. Então, se eu desbloquear a máscara, e novamente, não se preocupe, você não está acompanhando, este é apenas um exemplo para mostrar a você. Posso clicar e arrastar algo por aí. Então, a totalidade desse arquivo ainda está lá, está apenas escondida. Posso sempre me livrar da máscara mais tarde e pegar minha arte de volta. Então, vamos usar o efeito de máscara, não o efeito de borracha para esta lição. Então, há muitas maneiras diferentes que você pode fazer sua seleção para remover o plano de fundo. Então, muito rapidamente, eu só vou passar e mostrar algumas das principais maneiras e
as opções que você tem dentro de cada método. Então, o método mais básico é a ferramenta Lasso. Você pode obter a ferramenta Laço pressionando L ou indo até aqui em sua barra de ferramentas e selecionando, é como um laço de cowboy, você não pode perdê-la. Então, você pode fazer uma seleção com sua ferramenta Laço de tudo o que você deseja selecionar. Então, agora, como você pode ver, não
é totalmente perfeito e é por isso que a ferramenta Laço pode não ser o melhor método para isso, mas estou apenas mostrando um exemplo. Se eu quiser selecionar as outras impressões de arte, vou manter pressionada a tecla Shift e, em seguida, arrastar o meu Laço com o mouse também. Estou mantendo pressionada a tecla Shift para selecionar mais de uma coisa ao mesmo tempo. Então, agora ambos os meus quadros estão selecionados e para fazer uma máscara com isso, eu vou até aqui no meu painel Camadas e clicar aqui na máscara. É o retângulo com o círculo no meio. Agora o fundo foi removido, meus quadros são cortados. Eles são realmente mal cortados, é por isso que eu vou mostrar-lhe um método melhor depois disso. Quando você vê esse fundo quadriculado, isso indica que é um fundo transparente. Então, você tem sua máscara e uma coisa legal sobre a máscara que eu toquei brevemente mais cedo, é que você pode mover sua máscara por aí. Podes voltar e recuperar coisas que não querias esconder. Então, apenas certifique-se de que a área de máscara da sua camada está selecionada, não a camada de imagem em si. Se você estiver tentando pintar na máscara e tiver sua camada de imagem selecionada, isso não funcionará. Então, estou selecionando a área da máscara e posso usar minha ferramenta Pincel. Então, pressione B para Pincel. Você também pode encontrá-lo aqui na sua barra de ferramentas. Vou aumentar o tamanho do meu pincel aqui em cima. Então, desde que minha cor padrão esteja em branco, que é aqui. Se não estiver, pressione D por padrão e o branco aparecerá como seu primeiro plano. Assim, certificando-se de que minha máscara está selecionada, posso clicar com minha ferramenta Pincel e pintar essa área novamente. Então, isso é o que eu quero dizer quando eu digo que sua máscara preserva esse fundo. É uma forma não destrutiva de edição, você sempre pode recuperar essas áreas. Mas, como você pode ver, a ferramenta Laço agora não é a melhor maneira de remover o plano de fundo. Parece uma porcaria e sou só eu a desenhar com o rato. Então, há maneiras mais precisas de fazer isso. Então, eu vou lá e te mostro. A primeira coisa que vou fazer é remover minha máscara. Então, eu vou Ctrl-clique na seção de máscara da camada e clique em Excluir máscara de camada. Então, a ferramenta Caneta é realmente semelhante ao que fizemos com o Laço, exceto que você será muito mais preciso com ela. Então, a maneira como eu uso minha ferramenta Caneta é indo até aqui e nós temos nosso painel Camadas selecionado. Então, eu vou passar por cima dos caminhos e, em seguida, vou criar um novo caminho. Para fazer isso, eu vou para o fundo e clique nesta pequena caixa e eu tenho Caminho 1. Então, agora que eu criei um caminho, eu vou usar minha ferramenta Caneta e desenhar muito precisamente em torno desses quadros. Então, para obter sua ferramenta Caneta, você pode pressionar P ou ir até a barra de ferramentas e selecionar sua ferramenta Caneta. É o primeiro que vai aparecer. Há muitos tipos diferentes de ferramentas Caneta, mas vamos usar o padrão por enquanto. Então, eu tenho minha ferramenta Caneta selecionada e eu vou ampliar pressionando Comando+mais algumas vezes. Então o que eu vou fazer é usar minha ferramenta de caneta de maneira semelhante ao que eu usei meu laço, exceto que é muito, muito mais apertado e mais preciso. Então eu cliquei para começar meu caminho. E desde que comecei meu caminho, tudo que preciso fazer é clicar e desenhar ao longo da área que eu quero ter selecionado. Eu vou ampliar um pouco mais então comando mais e, em seguida, rolar para cima. Este canto tem uma ligeira borda redonda para ele. Então, em vez de ser perfeitamente reto, eu vou clicar aqui para baixo, segurar shift, e puxar minha seleção para dar uma ligeira curva. E isso é o que quero dizer, você pode ser muito mais preciso de uma maneira que você não pode com a ferramenta de laço ou varinha mágica. Então, eu vou terminar minha seleção e contornar o resto desta caixa. Legal. Então agora que eu desenhei o caminho em torno deste quadro, eu vou fazer exatamente a mesma coisa com o quadro aqui à direita. Eu não preciso pressionar Shift para fazer isso porque eu estou na ferramenta caneta não uma ferramenta de seleção. Então eu clico em qualquer lugar para começar. Assim, semelhante à pintura, você quer ir um pouco mais apertado e não obter nenhum desses fundos porque quando você remove o fundo, você não quer mostrar essa borda. Legal. Então agora eu terminei de desenhar meu caminho, você pode vê-lo aqui à direita. Vou diminuir o zoom fazendo o comando zero que se encaixa meu quadro de arte na minha tela. Então agora eu tenho o meu caminho traçado. Você pode vê-lo aqui à direita. O caminho está nestas duas caixas cinzentas. Agora vou pressionar o comando D para desmarcar e isso significa que ambos os meus caminhos estão agora desmarcados. Então não é um acima do outro. Então agora eu estou me certificando de que eu cliquei na minha camada de caminho, eu vou descer até a parte inferior para este círculo com a linha pontilhada, selecione isso. E agora estamos no mesmo estágio onde podemos fazer a seleção da máscara. Então, para voltar para suas camadas, tudo que você precisa fazer é olhar para essas guias, clicar na guia camadas e agora estamos de volta. E agora que temos nossas seleções semelhantes às outras maneiras que
fizemos nossa seleção com a ferramenta varinha mágica e a ferramenta de laço, eu só vou me certificar de que minha camada está selecionada, ir até a parte inferior do meu painel de camadas e clique no ícone de máscara. Como você pode ver, só precisamos inverter a máscara para selecionar sua máscara e fazer olho de comando. E agora você tem aquele perfeito. Este tem sido o melhor até agora onde é realmente
feito precisamente onde os quadros são completamente removidos desse plano de fundo. Agora que removi o plano de fundo, quero trazer esses quadros de volta para o meu banner web. Então você pode ver aqui em cima, você tinha essas duas abas. Então, o banner da web é a guia esquerda e o arquivo que acabamos de editar é a guia direita. Então, se eu quiser adicionar esses quadros ao meu banner da web, apenas uma maneira simples de fazer isso é clicar em sua aba, retirá-la, certificar-se de que sua camada está selecionada, clicar na camada e puxá-la e soltá-la. Você pode ver que é absolutamente enorme na tela, isso não é problema. Isso só significa que a camada que estávamos editando foi realmente alta resolução, enquanto este banner web está em uma resolução mais baixa. Então, você pode ver a camada que acabamos de arrastar aqui à direita. A razão pela qual ele foi bem no meio desta camada do meu tipo principal é porque isso é o que foi selecionado anteriormente. Então, eu vou trazer esta camada até o topo. Vou clicar nele e arrastá-lo. Certifique-se de que não está soltando-o nesta pasta. Você precisa ver essa pequena linha para que ela apareça acima da pasta. Legal. Então agora eu quero redimensioná-lo para ajustá-lo de volta ao meu formato. Então eu vou comandar menos, um monte de vezes para diminuir o zoom. E agora vou usar minha ferramenta de transformação para redimensioná-la e torná-la menor. Então lembre-se que usamos esta ferramenta um pouco mais cedo que é o comando T para transformar. Agora você vê aquela grande caixa delimitadora que podemos usar. Então eu vou clicar em um canto,
pressionar e manter a tecla shift pressionada, que ele permaneça proporcional à medida que eu redimensioná-lo e simplesmente torná-lo muito menor e trazê-lo de volta. E lembre-se, sempre puxe o turno para baixo enquanto você faz isso para garantir que ele permaneça proporcional. Então, uma vez que parece que está em um tamanho muito bom, eu vou apenas liberar e, em seguida, pressionar enter. Você também pode clicar duas vezes para configurá-lo. Então, eu vou voltar e remover esta camada antiga que tem o fundo. Então, eu acho que é aqui embaixo, como quadros, basta pressionar delete. Ou você também pode clicar nele e arrastá-lo para a lixeira. Então agora eu tenho meus quadros lá em cima, eu vou clicar neles e reposicioná-los para onde eu quiser. E mais uma vez, você ainda tem aquele fundo lá. Só está escondido pela máscara. Então, agora que eu excluí o plano de fundo desses quadros, você pode ver como eles se encaixam perfeitamente com o plano de fundo que já está estabelecido. Lembrem-se que a minha camada de fundo está aqui em baixo. Ligue e desative para que você possa ver, para que você possa ver esse fundo transparente. Quando coloquei o arquivo real lá, parece que as molduras estão de volta na parede. Mais uma coisa que eu quero fazer é adicionar uma sombra a esses quadros. Na obra de arte original, tinha uma pequena sombra e perdemos isso quando a puxamos para fora do fundo. Então eu vou adicioná-lo artificialmente de volta com o efeito de camada, como fizemos na lição anterior. Portanto, certificando-se de que essa camada está selecionada na imagem e não na máscara, vamos descer para efeitos, clique em sombra suspensa. E agora você pode ver que ele já está pré-visualizado lá. Então eu vou aumentar a opacidade para torná-lo um pouco escuro e depois dar-lhe um pouco mais de distância. Legal. Pressione OK para configurá-lo. E lembre-se, eu posso ativar e desativar esses efeitos, mas eu acho que fica melhor e mais natural com o efeito ativado. Então, só para reiterar, uso máscaras o tempo todo, sempre que quero apagar algo. Então, se é um fundo completo ou apenas um pequeno pedaço da obra de arte em si, eu sempre vou jogar uma máscara lá. Então, em seguida, vou mostrar algumas dicas muito rápidas que eu uso para retocar minha fotografia.
9. Editando imagens: Então, agora que editamos o fundo dessas gravuras de arte, vou mostrar algumas técnicas que uso na edição básica de fotos. Coisas como brincar com a cor e a saturação, os níveis, o contraste. É muito simples de fazer. Então, vamos em frente e mergulhar. Então, a primeira coisa que eu vou fazer é, eu estou olhando para as minhas camadas e eles estão ficando um pouco fora de controle, então eu vou apenas simplificar um pouco e renomear isso em vez de camada um. Vou chamar-lhe quadros de arte. Vou em frente e minimizar minhas outras pastas só para não termos que olhar para elas agora. Grupo um, não há nada dentro, então eu vou pressionar excluir, e certifique-se de que minha camada de quadros de arte está selecionada. Então, a primeira coisa que vou mostrar a vocês como fazer é mudar a cor. E novamente, uma coisa que realmente queremos nos concentrar é como editar as coisas de uma forma que não seja destrutiva. Então, desde que o editemos,
mas podemos voltar mais tarde e desfazer qualquer edição que tenhamos feito. Essa é a chave aqui, e você pode fazer isso com camadas de ajuste. Então, deixa-me mostrar-te o que quero dizer. Então, certifique-se de que sua camada de quadros de arte está selecionada
e, em seguida, vá até a parte superior e clique na camada, nova camada de ajuste, e você tem um monte de opções diferentes aqui. Então, a primeira coisa que eu quero fazer é brincar com algumas cores diferentes. Vou para matiz e saturação e pressionar Ok para fazer uma nova camada. Então, novamente, estamos criando uma nova camada para matiz e saturação, e dessa forma, sempre
podemos ativar e desativar essa camada se
quisermos voltar e preservar nosso arquivo original. Quando adicionamos um novo ajuste de camada, ele será aplicado a tudo o que está embaixo dessa camada. Então, por exemplo, se eu tiver minha tonalidade e saturação selecionadas, certifique-se de que você selecionou, não a máscara, e então você alternar para cima e para baixo no matiz. Você vê que tudo na minha prancheta está mudando de cor, e eu não quero que isso aconteça agora. Então, eu vou fazer o comando z para desfazer. Então, para que isso não aconteça, tudo que você precisa fazer é clicar na miniatura da camada, não clicar na máscara. E então, aqui em cima você vê esta pequena caixa em propriedades. Clique nessa caixa, e você vê esta pequena seta descer como abas para a direita. Isso significa que tudo que você aplicar nesta camada de matiz e saturação só irá para a camada anteriormente abaixo dela, nada mais. Então, agora eu clico na miniatura para matiz e saturação. Agora, quando você ativa a tonalidade para cima e para baixo, ela só está afetando a camada anterior logo abaixo dela. Então, a saturação humana é apenas uma coisa muito legal para brincar. Eu uso isso muito e quando eu digitalizei em minha arte, e eu quero ajustar as cores em minhas aquarelas. Então, se eu pintei uma maçã vermelha, posso usar matiz e saturação para torná-la uma maçã azul ou maçã roxa. Então, para isso, podemos apenas ver como isso parece nesta obra de arte real, é muito legal mexer com isso. Então, isso é matiz e saturação é a intensidade dessas cores. Se você arrastá-lo todo o caminho para a direita, essas cores se tornam néon e realmente vibrantes, e se você arrastá-lo todo o caminho para a esquerda, eles ficam dessaturados. Vou colocar isso de volta no zero. Você também pode digitar os números aqui se quiser ser mais preciso, e então a leveza é exatamente o que parece. Você o traz para a esquerda para ficar mais escuro, e para a direita para ser mais leve, mas eu vou colocar de volta em zero. Então, agora eu tenho minha tonalidade em mais 39, mas se eu não quiser ter isso, eu posso colocar de volta em zero, ou eu posso simplesmente desligar essa camada de ajuste clicando no globo ocular. Há muitas camadas de ajuste diferentes que você pode fazer. Vamos brincar com outro. Então, eu vou para a camada, nova camada de ajuste, e outra que eu uso com bastante frequência são os níveis, então eu vou clicar nisso, pressionar OK, e lembre-se, fazer a mesma coisa. Você deseja que a miniatura da camada seja selecionada e clique nessa caixa para que ela se aplique somente à camada logo abaixo dela. Então, agora aqui em cima em propriedades, você pode ajustar seus níveis. Assim, os níveis são uma ótima maneira de adicionar mais contraste ou menos contraste de uma maneira realmente precisa. Se você quiser que a imagem fique mais clara, então você usa o botão direito
e, em seguida, trazê-lo para a esquerda, para que você
possa ver a imagem fica mais clara, mas as partes mais escuras permanecem muito escuras. De forma semelhante, se você quiser obtê-lo mais escuro, você pode clicar no botão esquerdo e puxá-lo para a direita, e agora a imagem fica cada vez mais escura, mas a parte mais clara permanece leve, e você também pode usar o botão de alternância do meio para ir e voltar. Então, para isso, eu quero torná-lo um pouco mais escuro nessas áreas de sombra, então eu vou clicar no botão mais esquerdo e movê-lo um pouco para a
direita, logo antes de eu bater naquele pico. E assim, aplicarei mais uma camada de ajuste apenas para que você possa ver algumas outras opções. Então, eu vou fazer mais uma, que é curvas. Curvas é como níveis de equilíbrio de cores, saturação tudo em um. Então, aqui em propriedades, você pode ver como esta camada é selecionada, temos as opções de curva. Não se esqueça de clicar nessa caixa,
para que ela se conecte com a camada que está diretamente abaixo. Como eu mencionei antes, seus painéis têm muita flexibilidade, então você não precisa trabalhar com esse painel preso no canto superior direito. Então, para propriedades, eu realmente quero puxar essa aba para fora e expandi-la um pouco. Você sempre pode colocá-lo de volta onde você encontrou, ou se este é um item de menu específico que você está usando muito, você pode encontrar-se personalizando seu quadro de arte para isso. Então, uma coisa legal sobre curvas é que, elas vêm com um monte de presets. Então, agora está sob costume, que significa que eu mudaria tudo em torno de mim, mas eu não quero fazer isso agora. Eu só quero ser muito simples e usar uma predefinição. Vou voltar à história. Vou voltar para onde estava. Você pode obter essas predefinições para a direita onde ele diz padrões, clique nisso. Agora, você tem algumas opções diferentes. Isso é ótimo se você quiser apenas ajustar rapidamente o contraste em uma foto, mas você não quer passar por tudo com níveis. Você só quer que seja muito rápido. Vá para predefinições, aumente o contraste e pronto. Está pronto para ir. Você também pode fazer isso manualmente arrastando-os para dentro, mas ao ter essas predefinições, tudo é feito para você. Então, se você quiser fazer uma edição rápida em suas fotos semelhante a como você pode apenas aumentar o contraste no Instagram, esta é a sua melhor opção para fazer isso. Então, eu vou colocar minhas propriedades de volta na minha aba aqui à direita, e eu estou realmente indo para desfazer isso muito rápido. Então, eu só vou entrar na minha história, clicar um passo acima disso, e tudo estará de volta onde estava antes. Se eu quiser excluir todas essas camadas, tudo o que eu preciso fazer é pressionar delete, ou se eu quiser escondê-lo por agora, mas eu posso querer novamente mais tarde, você pode apenas ligar e desligar o globo ocular. Matiz e saturação, eu vou excluir, mas eu vou deixar os níveis lá como uma opção para mais tarde. Então, agora o banner está ficando muito perto de terminar, eu vou ir em frente e ativar esse ajuste de nível novamente para escurecer o contraste nesses quadros. E agora, eu estou realmente gostando de como ele está, e eu acho que é muito bom ir para enviá-lo para os meus sites. Então, vamos passar para a próxima classe que é tudo sobre redimensionamento e salvar seus arquivos para web,
para impressão, ou qualquer coisa que você possa precisar.
10. Salvando e exportando: Neste vídeo, eu vou mostrar como eu salvo, como eu exporto
e como eu posso redimensionar e cortar meu arquivo com base em quaisquer dimensões que eu possa precisar. A primeira coisa que vou fazer é salvar meu arquivo do Photoshop. Isso é realmente importante porque é ótimo manter seu arquivo de trabalho como está. Assim que começarmos a salvar como JPEGs ou PNGs ou qualquer formato, perderemos essas camadas à direita, então é melhor manter sempre seus arquivos de trabalho. Então, se você precisar voltar e acessá-lo mais tarde, ainda é muito fácil de editar. Então, a primeira coisa que vamos fazer é Salvar como. Então, você pode fazer isso pressionando Shift Command S ou indo para arquivo, salvar como. Como você pode ver, nós já temos nosso banner web aqui. Isso foi o que salvamos no meio desta classe apenas no caso de salvar porque às vezes o Photoshop falha. Então, vamos apenas clicar que, ele irá repetir o nome do arquivo. Verifique se o formato está no Photoshop. Você tem muitas opções aqui, mas para o nosso arquivo de trabalho, só
queremos salvá-lo como um arquivo do Photoshop. Como você vê, as camadas já estão selecionadas. Então, basta clicar em “Salvar”. Vamos economizar sobre aquele arquivo antigo, e estamos prontos para ir. Então, agora, quaisquer que sejam os ajustes que fizermos e como o
salvarmos, ainda temos esse arquivo original salvo. Então, estamos bem com o arquivo de trabalho. Então lembre-se, no início, quando estávamos configurando este arquivo, nós demos a ele uma resolução realmente alta de 900 PPI. Você pode encontrar sua resolução indo para imagem, tamanho da imagem, eu vou mudá-la, é polegadas agora, mas nós realmente configurá-lo como pixels, então nós escrevemos 1024 por 512 em 900 PPI. Então, é um arquivo bem grande. Quando o salvamos para web ele só precisa estar em 72, mas se eu quiser salvá-lo como é apenas como um JPEG de alta resolução, tudo o que eu preciso fazer é ir para Salvar como. Então, Shift Command S como fizemos antes, você também pode ir para Arquivo, Salvar Como, e no mesmo lugar, tudo o que eu vou fazer é mudar meu formato para um JPEG. Ignore todas as outras opções JPEG, apenas um JPEG padrão é tudo o que precisamos. Então, ele é salvo como um JPEG, banner web. Você vê as alterações de extensão de psd para jpg, que apenas indica que este é um arquivo JPEG, que é um arquivo simples que não podemos editar. Então, eu vou salvá-lo. Quero que a qualidade fique em 12. Lembre-se, este vai ser o meu arquivo JPEG super alta resolução. Você pode reduzir sua qualidade se quiser, mas se queremos que ela permaneça muito alta, coloque-a de volta em 12. Pressione OK e temos isso salvo. Então, na sua pasta de recursos ou onde você acabou de salvar seu JPEG, você pode visualizá-lo. Então, esta é a versão achatada do arquivo enquanto a versão psd é exatamente o que temos aqui com todas as camadas. Tão rápido, vou abrir o meu JPEG e mostrar-lhe o que quero dizer. Vou abri-lo no Photoshop clicando e arrastando-o para dentro, e aqui vamos nós. Parece exatamente o mesmo que o nosso arquivo de trabalho, a única diferença está aqui nas camadas do nosso arquivo de trabalho quando olhamos para o nosso JPEG, não há camadas. Tudo foi achatado nesta imagem de fundo. Então, se você desbloqueá-lo e tentar mover as coisas, é
tudo achatado juntos e ele se move de uma vez. Isso é ótimo para o que um JPEG é inerentemente destinado para o qual é um arquivo final. Se você quiser fazer edições em algo, apenas certifique-se de que você está editando o arquivo psd, não o JPEG, porque você não pode mais mover as coisas, é tudo achatado e compactado juntos. Então, agora, eu vou mostrar a vocês como salvar um arquivo para a Web. Um dos pontos-chave sobre como salvar arquivos para a Web é que
você quer que ele seja o menor tamanho de imagem possível, e dessa forma ele é carregado muito rapidamente em um site. Então, para salvar para a Web, eu vou para Arquivo, Exportar, Salvar para Web. Então agora você tem sua miniatura de como ele vai ser como você salvar para a web. Certifique-se de que você está salvando como um JPEG, você tem alguns tipos diferentes de arquivos da Web aqui. Você tem JPEGs, GIFs, PNGs, você pode salvar tanto como um PNG-8 e PNG-24. Verifique se JPEG está selecionado. Quero que a resolução seja alta, o que coloca a minha qualidade em 60. Se eu quiser que ele seja super alto, eu vou para o máximo e vai aumentar a qualidade até 100. Mas novamente, eu não quero que o arquivo seja enorme, eu quero que ele seja bem mínimo para que ele seja carregado rapidamente. Então, eu só vou selecionar alto. Deixe a qualidade permanecer em 60. Eu não vou mexer com nada aqui em baixo, Eu só vou pressionar Salvar. Então, agora você tem uma opção de onde salvá-lo. Então, nós temos nosso banner web aqui. Houve um arquivo de resolução mais alta que salvamos anteriormente. Então, o que eu vou fazer é apenas adicionar um pouco mais ao nome do arquivo, então eu vou escrever web e ele é salvo. Então, deixe-me mostrar como isso se parece em termos de tamanho do arquivo. Então, o JPEG de alta resolução que salvamos foi de 379 kilobytes. O que acabamos de salvar para a web é de apenas 113. Então, é significativamente menor, o que é ótimo. Quando você olha para a versão web versus a alta resolução apenas fora do bastão, você não pode realmente dizer que muita diferença de qualidade. Ele está lá, mas essa é a grande coisa sobre salvar para a web. É muita compressão que ocorre, você nem percebe. Então, agora que descobrimos algumas maneiras básicas de salvar, mostrarei como cortar e redimensionar seu arquivo. Então, vamos em frente e começar com o corte. Então, você pode começar a cortar pressionando C no seu teclado. Você também pode encontrá-lo aqui na barra de ferramentas. Parece um quadrado com pequenas setas saindo das bordas. É assim. Então, você está indo para a colheita rápida. Você tem alguns drop downs, mas não vamos usá-los na ferramenta de corte, estamos apenas usando a ferramenta básica de corte por enquanto. Então, agora mesmo, depois de selecionar sua ferramenta de corte ou pressionar C no teclado, você verá essa caixa em volta do quadro de arte. Esta caixa permite que você corte dentro e ao redor em diferentes áreas. Então, você pode olhá-lo assim, ou você pode ser realmente preciso e usá-los com um ajuste de corte predefinido. Então, primeiro, vou mostrar como é uma colheita básica. Portanto, uma coisa que deve estar sempre ciente quando você estiver recortando é certificar-se de que excluir pixels cortados está desmarcada. Se você verificar isso e tiver um arquivo escalonado, Photoshop cortará essa parte do arquivo e você não poderá recuperá-la. Então, ele só ajuda você com a edição mais tarde. Certifique-se de que está sempre desmarcada, a menos que tenha certeza absoluta de que deseja perder o conteúdo que está recortando. Para mim, eu gosto de manter isso descontrolado para que eu tenha alguma flexibilidade mais tarde. Então, eu vou mostrar de novo como nós cortamos apenas que vocês se sintam realmente confortáveis aprendendo a fazer isso. Então, estou pressionando C para obter essa ferramenta e você pode clicar e arrastar para onde quiser que o corte seja. Você pode movê-lo ao redor, você pode usar os cantos, você pode usar as bordas, onde quer que o corte se encaixe. Você vai encontrá-lo, você vai pressionar Enter para definir a colheita e você está bem. Se você quiser mover seu corte de volta para fora, basta desenhar o corte de volta e expandi-lo novamente. Então você tem muita flexibilidade lá. Então aqui em cima na barra de menus, agora ele diz proporção original, você quer clicar nisso. Se ele não diz relação original, isso só significa que você quer um diferente que é bom também, mas clique nessa área. Se você quiser cortá-la em uma proporção realmente específica, Photoshop apresentou algumas predefinições que você provavelmente usará com mais frequência. Então vamos para o quadrado e agora a colheita será uma proporção perfeita 1:1 que é o que fornece um quadrado. À medida que você puxa a colheita para dentro e para fora, ela sempre permanecerá nessa proporção 1:1. Então, você pode usar isso para puxá-lo ao redor, encontrar o corte que você quer, pressione enter para estabelecer e agora você vê aqui em cima é 1:1. Você pode usar sua predefinição aqui ou você pode apenas digitar exatamente o que você quer. Então, se você quiser a proporção 1:2, você pode apenas digitar isso e mover o seu corte ao redor e ele vai ficar nessa proporção. Você pode clicar nesta seta entre os números para trocá-lo de um 1:2 para um 2:1. Novamente, tudo ficará perfeitamente na proporção. Então, pressione Enter para definir o corte e você está pronto para ir. Assim, à medida que você se familiarizar com o Photoshop, você vai se encontrar usando muitos comandos de teclas sem sequer pensar sobre isso. Esqueci de dizer isso antes, mas vou dizer agora, se você estiver secando sua colheita e quiser sair completamente da colheita, basta pressionar escape no teclado e ele voltará para onde estava antes da colheita. Assim, os principais comandos para cortar seria C apenas para trazer a ferramenta de corte em geral, escapar para sair do corte e entrar para definir para o corte uma vez que você a estabeleceu. Então, o que eu quero fazer é apenas salvar esses dois quadros como um quadrado para que eu possa usá-los no Instagram. Então eu vou pressionar C para cortar, subir aqui para minhas proporções e clicar em "1:1" e eu posso arrastar minha colheita até aqui. Você pode puxar a imagem ao redor com o corte, você pode usar as alternâncias nas bordas do corte. Há muitas maneiras diferentes de torná-lo realmente preciso para você. Então use o que mais se encaixa para o que você está tentando fazer. Então agora o que eu vou fazer é arrastá-lo um pouco. Certifique-se de que esses quadros estão perfeitamente no centro e pressione enter. Então agora antes de salvá-lo para o Instagram, eu só quero remover esta camada que tudo o que eu tenho a fazer é escondê-la pressionando o globo ocular e eu também quero mover
esta camada de textura para cima um pouco para cobrir essa parte transparente. Então eu selecionei essa camada, eu vou selecionar para pressionar V para mover e movê-la um pouco para cima. Legal. Então, agora é um quadrado e está pronto para salvar para o Instagram. Apenas uma coisa rápida para notar, porque eu cometi esse erro o tempo todo quando eu estava começando com o Photoshop, se você pressionar Salvar agora, você vai substituir seu arquivo anterior do Photoshop que tem o mais amplo corte e ele irá salvar novamente este novo arquivo com um corte quadrado. Então, apenas seja realmente atento, tenha
cuidado para não pressionar salvar e se você fizer isso, você sempre pode voltar na história para onde você estava antes do salvamento e, em seguida, revertê-lo. Mas se você quiser salvar um novo arquivo
no formato quadrado que também é um arquivo de trabalho, então você quer salvar como. Então File, Save As, e vamos chamar este Web Banner-square e mantê-lo como um arquivo de trabalho com todas as camadas com esse Photoshop e, em seguida, pressione Save. Então, como salvei um novo arquivo do Photoshop, você pode vê-lo aqui na parte superior da tela em vez de Web Banner.psd, ele agora diz Web Banner-square.psd. Então, se eu quiser trazer o meu antigo, vou voltar ao Finder encontrar o arquivo do Photoshop. Aqui está bem aqui. Você pode até ver o tempo que eu tinha guardado. Então 11:20, então aqui está. Então, agora você tem dois arquivos de trabalho do Photoshop. Você pode alternar entre as
abas e a única diferença real nos arquivos é que um é cortado e outro não é. Então, agora são praticamente, terminamos. Nós temos nosso arquivo juntos, nós jogamos com texto, sobreposições, formas. Criamos esse banner personalizado, salvamos para a Web e também salvamos nosso arquivo de trabalho. Então, parabéns pessoal, conseguimos.
11. Considerações finais: Muito obrigado por terem assistido à minha aula hoje. Tem sido muito divertido montar e espero que você tenha se saído muito disso e
também espero que você se sinta muito mais confiante e animado com o uso do Photoshop. Sinta-se à vontade para postar o que você criou durante esta aula na Galeria de Projetos. Outros alunos podem vê-lo e deixar comentários e eu posso dar uma olhada também. Se você tiver alguma dúvida ou comentário, você também pode publicá-los no fórum de discussão. Se você quiser saber mais sobre as técnicas do Photoshop, confira algumas das minhas aulas anteriores também. Agora que você aprendeu o idioma do Photoshop, você pode seguir em frente e aprender novas técnicas e aumentar suas habilidades. Boa sorte e mal posso esperar para ver o que você cria.
12. Explore mais cursos de design: maneira.
Cat Coquillette, Artist + Entrepreneur + Educator
