Transcrições
1. Preparar imagens para redes sociais, postagens de blogs, eBooks e muito mais - introdução: Olá. Sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço, preparando imagens para mídias sociais e blogs no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos olhando para preparar imagens para postagens de blog, Instagram e muito mais no Photoshop. Vamos ver como você pode obter as imagens que você estará usando para mídias sociais, postagens de blog e até mesmo livros, incluindo como tirar fotos do seu computador ou tela do telefone. Você verá como cortar e dimensionar suas imagens forma adequada para o destino para o qual elas são direcionadas. Você verá como adicionar anotações, como fechar o excesso de espaçamento em uma imagem e como juntar duas capturas de tela para criar uma imagem longa. Quando você concluir este curso, você saberá como preparar imagens para que elas fiquem ótimas e informem seu público. Agora vou usar o Photoshop CC 2018 para este vídeo, mas a técnica mostrada aqui é aplicável a praticamente qualquer versão do Photoshop. Enquanto você está assistindo a esses vídeos, você verá um prompt que perguntará se você recomendaria esta classe a outros. Por favor, se você está gostando da aula e aprendendo com ela, você
poderia fazer duas coisas para mim. Em primeiro lugar, responda sim, que você recomenda a aula, e em segundo lugar, escreva mesmo em apenas algumas palavras, sobre por que você está curtindo a aula. Estas recomendações ajudam outros alunos a ver que esta é a classe que eles também podem desfrutar e aprender. Agora, se você vir o link a seguir na tela, clique nele para se manter atualizado com minhas novas aulas conforme elas são lançadas. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você estiver pronto agora, vamos começar a preparar imagens para postagens de blog, Instagram e muito mais no Photoshop.
2. Pt 1 que este curso vai abordar: Antes de abrir o Photoshop e começar, vamos dar uma olhada rápida em algumas das coisas que faremos neste vídeo. Este é um e-book do Lightroom que eu escrevi. Uma das imagens aqui é obviamente uma captura de tela. Mas este ponteiro do mouse aqui foi adicionado depois que a imagem foi capturada. Você também nunca veria uma imagem do Lightroom desse tamanho,
colocada imediatamente em frente à parte
do módulo de desenvolvimento do Lightroom na qual estamos nos concentrando. O que eu fiz foi pegar uma imagem muito maior e depois colar as coisas novamente juntas para que os elementos que eu queria chamar a atenção fossem diretamente opostos um ao outro em um pequeno espaço agradável, vez de ter uma imagem que ocupou meia página. Ninguém olhando para esta imagem vai dizer: “Não é assim que o Lightroom se parece.” É perto o suficiente, mas é uma melhor apresentação das informações em um espaço muito pequeno. Vamos dar uma olhada em uma postagem no blog. Aqui eu tenho uma captura de tela. Usei um golpe para chamar a atenção para o comando mais apropriado. Você vai aprender a fazer isso nesta aula também. Vamos dar uma olhada neste site porque nós realmente vamos estar usando isso. Esta página no site de imagens de estoque gratuito é absolutamente enorme. Há, obviamente, mais de 40 locais aqui. E se quiséssemos mostrar às pessoas uma amostra representativa das imagens que estão acessíveis aqui. Se eu quisesse usar, por exemplo, duas ou três páginas dessas imagens, como vou fazer uma captura de tela? Bem, eu vou mostrar como você pode tirar algumas
capturas de tela de duas páginas sucessivas e, em seguida ,
juntá-las no Photoshop para que
pareçam uma captura de tela de uma única página. Vamos ver como fazer isso. Finalmente, vamos ao Photoshop e eu tenho uma imagem aqui que eu uso no meu canal do YouTube para anunciar minhas aulas de Skillshare. Agora, se você for ao meu perfil no Skillshare, você nunca vai vê-lo exatamente como este. Parece muito com isso, mas não exatamente. Agora a razão para isso é que eu criei essa imagem montando uma série de capturas de tela. Esta é uma captura de tela mostrando algumas das minhas aulas. Então eu coloco os pedaços extras ao redor da borda e, em seguida, eu cubro com este pedaço na parte inferior. Finalmente, eu arrumei a barra de rolagem aqui. Esses pequenos elementos combinam para criar uma única imagem que se parece com o Skillshare, mas é muito nativo para os meus propósitos onde eu quero dar muita informação aos meus espectadores e não tem um monte de informações
auxiliares na tela que eu realmente não preciso. Isso é um resumo geral das coisas que vamos fazer. Claro, também olhando para certificar-se de dimensionar essas imagens e salvá-las em formatos apropriados para onde quer que estejam indo.
3. Pt 2 Capture de captura em um PC para Windows: Muitas vezes o conteúdo que você quer para mídias sociais ou para um livro, por exemplo, virá da web e por isso ajuda a ser capaz de criar screenshots. Uma captura de tela é apenas uma imagem do que é que você vê na tela. Agora, se você estiver operando um computador Windows, há uma tecla no seu teclado que é Print Screen ou PrtScr, algo assim e se
você pressioná-lo, você vai tirar uma foto do que quer que esteja na sua tela. Agora eu acabei de fazer exatamente isso. Vou para o Photoshop e quando escolher Arquivo e depois Novo, Photoshop saberá que há algo no que é chamado de Área de Transferência do Windows. Essa captura da tela foi copiada para a área de transferência do Windows e Photoshop está indo, há algo na área de transferência. Talvez você queira um documento que seja desse tamanho, então é padrão para esse tamanho. Ao escolher Arquivo Novo, basta clicar em Criar porque o Photoshop está ajudando você aqui e, em seguida, tudo o que você faz é escolher Editar e colar e colar e colar no que quer que tenha tirado uma foto. Agora, me dê um segundo para redefinir minha tela e eu vou mostrar a vocês uma maneira diferente de fazer uma captura de tela em uma circunstância diferente. O que eu tenho aqui é minha janela do Microsoft Word aberta na parte superior da tela do Photoshop. Agora, quando você tem janelas empilhadas como esta em um computador Windows, às vezes você pode querer apenas tirar uma foto do objeto mais alto, não de tudo. Bem, para isso, você pode manter pressionada a tecla Alt e tocar na tecla Print Screen. Agora vamos voltar ao Photoshop e ver o que isso nos dá. Desta vez, a área de transferência é muito menor. Não é 1920 por 1080, que é o tamanho da minha tela. É muito menor. Vou criar um documento com esse tamanho e, em seguida, escolher Editar e, em seguida, colar e você pode ver que desta vez estamos apenas colando na tela do Word. Não trouxemos a tela inteira do Photoshop. tela de impressão e a tela de impressão Alt são as duas chaves que você realmente precisa saber em um computador Windows. Há também uma ferramenta chamada Ferramenta de Recorte. Agora, isso é fornecido com o Windows e ainda está no Windows 10. Eu não estou usando o Windows 10 aqui, mas ele está em versões desde o Vista para a frente e ele ainda está lá. Quando você clica na Ferramenta de Recorte, a tela inteira fica acinzentada e, em seguida, você pode simplesmente arrastar sobre a área que você está interessado em capturar. Vamos apenas capturar este pedaço da tela. A Ferramenta de Recorte funciona um pouco diferente da tecla Print Screen porque na verdade lhe dá sua imagem em uma interface aqui e se você quiser salvá-la, você pode salvá-la a partir daqui. Se você quiser levá-lo para, por exemplo, Photoshop, então aqui você vai clicar na cópia e isso faz uma cópia deste. Agora vamos ao Photoshop. Vamos escolher Arquivo Novo e desta vez teremos uma área de transferência ainda menor porque a imagem em si é muito menor. Vou clicar em Criar e agora vamos escolher Editar e, em seguida, colar e agora
colamos neste elemento de imagem a partir da interface de recorte do Windows. Você pode capturar múltiplos, basta clicar em Novo e que vai se livrar do existente e você pode ir em frente e fazer um novo. Ele também tem algumas ferramentas de anotação que são bastante úteis para usar. Embora vamos olhar para como fazemos anotações dentro do Photoshop. É assim que se faz num PC. No próximo vídeo, vamos dar uma olhada em fazer isso em um Mac porque as coisas são um pouco diferentes lá.
4. Captura de tela em um Mac: Estou aqui agora no meu Mac e vou
mostrar a vocês como tirar dois tipos diferentes de capturas de tela. Agora, há muitas combinações de teclado que você pode usar em um Mac. Mas eu vou ensinar a vocês dois porque eu acho que mais provavelmente é
demais para tentar aprender em um momento se você não está familiarizado com isso. A primeira é, como você tira uma captura de tela de toda a tela? Você vai manter pressionada a tecla Command e a tecla Shift e pressionar o número 3. Quando você fizer isso, você vai ouvir um clique da câmera. Isso significa que seu Mac tirou uma foto da tela e não há, essa foto foi salva no seu computador. Eu tenho o meu definido para salvar na área de trabalho, e esse é o padrão. Se você alterou essa configuração, por exemplo
, precisará ir para onde quer que esteja que você as salvou também. Mas vamos para a minha área de trabalho. Aqui estão as capturas de tela que eu estava tirando com aquele atalho de teclado, aquele comando, turno três. Agora há um segundo que podemos usar. O segundo é o Comando Shift 4. Então é muito semelhante, mas com o Command Shift 4, você pode realmente selecionar a área da qual deseja tirar a captura de tela. Então eu vou manter pressionado o comando e Shift e pressionar o número 4. Eu tenho este pequeno cursor de mira. Então eu vou clicar e arrastar
do canto superior por todo o caminho até o canto inferior aqui, e assim que eu soltar, o botão esquerdo do mouse, eu vou tirar uma foto apenas daquela área da tela. Vamos voltar para
a área de trabalho e vamos dar uma olhada e ver esta é a imagem que eu acabei de capturar. É uma imagem muito menor porque não tem o outro excesso de conteúdo em torno dela. Portanto, há duas teclas de atalho que você pode usar no Mac. Um para pegar a tela inteira e o outro para pegar apenas uma parte da tela.Ao contrário do Windows, quando você faz isso em um Mac, se você apenas usar esses dois comandos, ele será salvo automaticamente para você para que você não tenha que ir em frente e fazer isso sozinho. Eu acho que essas são as duas teclas que são as mais úteis, embora existam outras teclas pressionadas. Isso, por exemplo, copie a imagem para
a área de transferência do Mac e você pode fazer algo com ela então. Mas eu acho que o mais seguro é aprender aquele em
que o MAC está fazendo a maior parte do trabalho para você. Agora, em alguns casos, é claro, o conteúdo que você deseja virá do seu telefone. Então, para tirar imagens, por exemplo, de um iPhone, então você vai manter pressionado o botão liga/desliga que está no lado direito
do iPhone e clicar no botão principal que exatamente ao mesmo tempo para tirar uma captura de tela. Você pode fazê-lo em um iPad. Então, em um iPad, novamente, você estará pressionando o botão de ligar/desligar e rapidamente clicar no botão principal ao mesmo tempo para tirar sua captura de tela. Como você faz isso em um dispositivo Android vai
depender do dispositivo Android que você está usando. Tão rapidamente Google que descobrir como tirar uma captura de tela do seu dispositivo. Geralmente, essas capturas de tela serão salvas automaticamente em sua coleção de fotos, que torna mais fácil para você colocá-las em seu computador. Você pode enviá-los por e-mail para
você mesmo, você pode soltá-los no ar, você pode fazer o que for necessário para obter essas imagens do seu dispositivo para o seu computador que tem o Photoshop instalado para que você possa começar a trabalhar.
5. Junte duas imagens: No início deste curso, tirei uma imagem desta página em particular. Eu apenas pressionei a tecla de tela de impressão, fui para o Photoshop, criei um novo documento para ele
e colou-o, e você poderia fazer o mesmo de imagens que tinham sido tiradas do Mac, mas nesse caso, você estará abrindo no Photoshop porque ele já salvamos no seu disco. Vamos pegar a metade inferior desta imagem para que possamos costurá-los juntos para fazer uma única imagem. Voltar para o site. Você verá que encontrar uma foto está na parte inferior desta imagem. Queremos que ele também esteja no topo
da próxima imagem para que tenhamos alguma sobreposição para trabalhar. Isso vai ser importante porque isso vai nos ajudar a descobrir que essas duas imagens estão corretamente alinhadas. Com isso colocado na posição, eu vou pressionar a tecla de tela de impressão novamente, ir para Photoshop e colar isso exatamente no mesmo documento com editar colar. Eu tenho ambas as peças, indo para reorganizar estas de modo que o elemento superior da página está no topo da paleta de camadas. Quando eu desligar isso com ver o elemento inferior. Temos o nosso documento pronto para ir em frente e fazer a costura. Antes de podermos costurar esses documentos juntos, nós realmente precisamos ampliar o documento porque não temos espaço suficiente para documentos aqui. Quando adicionarmos esta parte inferior, teremos um documento que é quase duas vezes mais alto do que é agora. Vamos ampliar nossa tela,
eu escolho Imagem e, em seguida, o tamanho da tela. Eu sei a altura e largura da imagem, enquanto a largura não vai mudar, mas a altura é, foi 1080. Vamos apenas dobrar esse 2160. Nós vamos nos certificar de que o elemento que já
temos no lugar que vai ser colocado no topo da imagem e assim qualquer espaço adicional será criado em torno e abaixo disso. A cor da tela, eu vou apenas definir isso para branco e clique em ok. Agora, quando eu pressionar o controle ou o comando zero, você verá que eu tenho uma imagem de altura dupla que me ajuda a espaçar tudo bem. Agora vamos para a segunda página que tem esta camada aqui, e ir para a ferramenta de movimento. Vou arrastá-lo para baixo mais ou menos para onde eu acho que vai estar e então eu vou clicar no ícone de visibilidade para a camada superior para que eu tenha minhas duas camadas no lugar. Agora eu só preciso resolver essa sobreposição e há um truque muito legal para fazer isso, e é um modo de mistura. Para fazer isso, eu vou clicar na camada superior porque os modos de mesclagem têm que ser aplicados na camada superior mais e eles afetam as camadas abaixo. Eu vou definir isso para o que é chamado de modo de mesclagem de diferenças, é um modo de mesclagem que você quase nunca vai usar, mas ele realmente funciona bem nesta situação. Vou ampliar a área onde a imagem se sobrepõe. Vou ver a sobreposição nesta área. Então eu vou para esta camada aqui. Vou começar a movê-lo para baixo. Eu posso arrastá-lo para baixo, segurar o caso shift para que ele vá em uma direção perfeitamente vertical. Você está vendo aqui duas instâncias de encontrar uma foto. Vou continuar a puxar isso para baixo e ver o que acontece com as palavras encontrar uma foto quando eles ficam exatamente na mesma posição, eles desaparecem. Isso é o que o modo de mistura de diferenças faz, assim que duas coisas são idênticas, elas desaparecem. Sabemos que essas duas camadas agora estão perfeitamente alinhadas uma com a outra porque essa palavra encontrar uma foto está exatamente no mesmo lugar na imagem em ambas as camadas. Tendo feito isso, vou voltar e definir o modo de mistura para o normal. É tudo o que preciso fazer. Estas duas imagens estão perfeitamente alinhadas aqui quando eu ligá-lo e desligá-lo, você pode dizer que a palavra encontrar uma foto não se move. Esse é o primeiro passo. Agora temos uma peça nesta imagem superior. Temos essa barra de status na parte inferior do navegador que não precisamos. Para nos livrarmos dele, vamos selecionar sobre ele. Vou selecionar sobre esta área. Eu posso pegar um pouco da área que está em encontrar uma foto porque nós já sabemos que temos esse conteúdo duas vezes para
que eu possa bater nele um pouco e ter certeza que eu tenho a camada superior selecionada e basta pressionar delete, e que remove essa área. Mais uma vez, temos essa aparência suave para a imagem. Vou pressionar a tecla Control ou o comando D para desmarcar a seleção. Agora, eu só vou descobrir quais peças eu quero desta imagem enquanto eu não quero a parte inferior aqui então eu vou
esculpir isso fora e eu posso cortá-la fora com a ferramenta de corte. Vou até a ferramenta de colheita e depois arrasto isto para cima. Eu só vou colocá-lo aqui. Nós temos uma borda inferior agradável para a imagem. A outra coisa que temos de fazer é limpar isto. aconteceu é que nós capturamos a barra de rolagem duas vezes, e isso parece incorreto se estamos sendo exigentes, precisamos
nos livrar da segunda instância da barra de rolagem, e eu quero fazer isso porque há um pequeno truque aqui que eu Quero mostrar-lhe. Nós temos a barra de rolagem aqui, então eu vou para a ferramenta de seleção. Eu só vou pegar um pequeno pedaço do lado desta imagem, o elemento que eu quero usar para encobrir isso. Agora ele não tem que ser exatamente o
mesmo tamanho que este e eu estou fazendo isso deliberadamente pequeno porque às vezes você só tem um pedaço muito pequeno da imagem que você pode realmente amostrar para fazer uma peça maior. Vou provar isso. Escolherei editar e copiar mesclado porque quero pegar esse conteúdo. Eu não tenho certeza em qual camada ele está, mas eu quero que ele de qualquer camada e aparece em. Acabei de fazer isso, editar cópia mesclada. Agora eu vou pressionar controle ou comando V ou eu poderia fazer editar colar para colá-lo novamente. Vou controlar ou comando, clique nesta camada para realçar a área que é a área colada, ir para a ferramenta de movimento e isso é o que parece. Deixe-me ampliar porque quero que veja exatamente o que vai acontecer aqui. O que vamos fazer é esticar isso. Agora, normalmente você não esticaria uma peça colada de arte, mas não importa aqui porque tudo
era branco e azul e se você esticar branco e azul, você só fica branco e azul na quantidade exata de comprimento que você Quero que seja. Vou clicar na marca de seleção. Às vezes você pode esticar as coisas e faz sentido fazê-lo. Aqui está a barra de rolagem antes e aqui está a barra de rolagem limpa. Agora, nesta fase, estou feliz com essa imagem, então eu iria em frente e salvá-la. Conseguimos montar algo que parece sido capturado a partir de um navegador da web, mas na verdade, embora tenha sido capturado de um navegador da web, ele foi preso juntos para ser feito para parecer uma imagem mais longa, do que seria de outra forma possível obter e,
claro, tem a alta qualidade de uma captura de tela normal. Se entrarmos aqui, é muito fácil para nós ler este conteúdo porque ele não teve que ser reduzido para ser capturado.
6. Enclave espaços: Esta é a imagem que capturamos no Mac mais cedo e eu quero limpar isso para que eu possa colocá-lo dentro de uma postagem de blog, por exemplo, o que eu quero são essas palavras aqui porque elas são indicativas do Lightroom. Não quero o histograma, quero o painel de detalhes. Quero a imagem, nada mais. Eu vou começar com a ferramenta de seleção retangular, e eu vou selecionar a metade inferior
desta imagem porque eu quero saltar para uma nova camada e empurrá-la para cima. Eu vou escolher camada nova, camada via corte, e que corta para uma nova camada e então eu posso pegar essa camada e começar a movê-la para cima e isso vai cobrir este histograma. Deixe-me levar isso até lá em cima. Vou arrastá-lo também para me livrar das barras de rolagem. Isso coloca um painel de detalhes e todas essas palavras exatamente onde eu quero que elas estejam. A próxima coisa que eu quero fazer é ampliar esta imagem porque eu quero que ela
ocupe este espaço oposto ao painel de detalhes. Em um mundo ideal, eu voltaria e recapturaria essa imagem, mas vamos ver como faríamos isso, já que o mundo não é o ideal hoje em dia. Vamos pegar essa. Vou até a ferramenta de seleção retangular, direcionar a camada em
que está, que é esta aqui e eu vou pegar essa imagem. Eu vou pegar um pouco do cinza em torno dele, mas não muito em tudo e eu vou saltar isso para sua própria nova camada, com camada nova, camada via carrinho. Agora, eu posso isolar esta imagem e com a ferramenta de movimentação, eu posso segurar a tecla Shift e apenas arrastá-la para fora para torná-la um pouco maior, apenas dimensioná-la contra este painel de detalhes. Este é aproximadamente o lugar onde ele vai se sentar e ele está indo muito bem para baixo do painel, então isso está parecendo muito bom. O problema é que esta vai ser a área que eu vou cortar em um minuto, esta área aqui e você pode ver que estamos perdendo muito do rosto dela. Em particular, o elemento em seu rosto que se reflete no diálogo afiado aqui. Não estou muito feliz com isso agora, vamos ver o que faríamos. O que eu quero fazer é remover um pouco do preto aqui, então o que eu vou fazer é esculpir um pedaço aqui e colocá-lo em uma nova camada. Mais uma vez, vá para esta camada e descubra o quanto eu posso esculpir. Eu poderia esculpir praticamente a maior parte disso, então eu faço uma seleção sobre ele, escolher camada, nova, camada via corte e que salta isso para uma nova camada por si só. Vamos apenas dizer o que temos aqui. Bem, o que queremos é essa borda, mas não o meio, então vamos pegá-la. Vamos selecionar sobre o bit que queremos nos livrar, que está no lado esquerdo aqui e basta pressionar delete. É essa borda cinza que marca a borda da imagem que eu quero esquerda. Agora vamos voltar a ligar tudo e remontar a imagem. O que precisamos fazer é pegar no rosto e ir e juntá-lo até a borda da foto. Agora, com esta imagem nós tínhamos apenas preto, então era muito fácil para nós esculpir aquele pequeno pedaço extra. Em alguns casos, se você tem um monte de conteúdo aqui, você pode apenas querer cortar a borda cinza e usá-lo para tipo de remontar a imagem, mas isso está funcionando muito bem aqui, exceto que está tudo em um pixel ou dois fora. Vamos apenas verificar novamente, sim, isso é bom e suave agora. Agora tenho tudo o que preciso, é só um caso de cortar a imagem. Vou até a ferramenta de corte, certifique-se de que selecionei excluir pixels cortados. Vamos correr até o fundo do painel de nitidez. Vamos arrastar até aqui para um pouco acima das palavras e arrastado da esquerda,
obter a maior parte do rosto e certamente todos esses títulos que estão
indicando que este é o Lightroom e eu vou apenas clicar na marca de seleção. Eu geralmente vou tomar uma colheita mais generosa para começar com e, em seguida, talvez apenas trazê-lo em um pixel ou dois, se necessário. Neste ponto, eu poderia ir em frente e salvar esta imagem e então eu poderia usá-lo dentro de um livro ou uma postagem de blog. Parece a interface do Lightroom. É apenas uma versão rejiged dele, que nos permite nos livrar de conteúdo estranho e focar no que é realmente importante e que são as configurações que estamos usando para afiar essa imagem.
7. Crie um swash: Vejamos, a seguir, como criaríamos um elemento que poderíamos usar como uma rodada, swash para destacar algo nesta imagem, para chamar a atenção do nosso leitor para ela. Vou criar uma forma de swash. Vou fazer isso em um novo documento, porque eu vou salvá-lo como um elemento separado que eu poderia usar sempre que eu precisar dele. Estou apenas criando um documento do tamanho de toda a minha tela do Windows, apenas para referência. Eu quero criar uma pequena swash. Vai fazer isso usando a ferramenta caneta. Sabe que muitas pessoas têm medo da ferramenta de caneta, mas se você seguir adiante, vai ser muito fácil fazê-lo. O que eu vou fazer é criar um swash que é desta forma, então vai ser um círculo com um pouco mais. Eu vou começar a forma clicando e arrastando e dirigindo nesta direção aqui, e eu vou chegar cerca de um terço do caminho redondo e clique e arraste, não é um arrasto muito grande. Outro terceiro clique e arraste, e então eu vou vir aqui, clique e arraste, e então eu vou terminar minha forma com outro clique e arraste,
e eu vou pressionar 'Escape' para terminar. Agora, se você precisa consertar a forma, você pode facilmente fazer isso. Você irá para a ferramenta de seleção de caminho, aqui, selecione sobre o caminho,
em seguida, vá para a ferramenta de seleção direta e que permitirá que você selecione em um ponto individual e, em seguida, você pode apenas trabalhar nesse ponto. Vou endireitar isso um pouco. Vou endireitar isso um pouco. Posso fazer um ponto mais suave fazendo alças um pouco mais longas. Este não está indo em uma direção particularmente boa, e nem este. Mas uma vez que você tem sua forma no lugar, você pode ajustar essas alças e apenas colocar as coisas onde você quer que elas estejam. Clique em distância e verifique novamente se ele está olhando como você deseja que ele pareça. Agora que tenho a minha forma básica e não precisa ser perfeita, é um golpe. É suposto estar a chamar a atenção para outra coisa, não para si mesmo. Vou selecioná-lo com a ferramenta de seleção de caminho. Eu vou fazer uma nova camada para ele, porque em última análise eu quero me livrar da camada de fundo. Porque eu só quero a swash por si só, para que fique transparente por trás dela. Isso me permitirá então levá-lo a este documento, e colocá-lo sobre a palavra “Detalhe”. Eu não quero que ele tenha um fundo branco porque isso iria bloquear o que está por baixo dele. Com ele selecionado, eu vou para a ferramenta de pincel porque eu vou usar um pincel aqui, abrir o painel de pincéis e eu estou usando um desses pincéis legados. Deixe-me dizer onde eles estão. Aqui estão os pincéis do legado. Quando eu abro, há um conjunto de pincéis caligráficos e eu estou usando este pincel de 20 pontos aqui. Se você não vir pincéis legados em sua coleção, vá para o menu de saída e clique em 'Pincéis legados' e você pode adicioná-los à sua coleção. Em versões anteriores do Photoshop, esses pincéis não serão legados, eles serão realmente seus pincéis. Você terá esses pincéis caligráficos. Eles chamaram legado em versões posteriores do Photoshop. Tenho meu pincel selecionado e minha ferramenta de pincel selecionada, clique duas vezes aqui e escolha uma cor vermelha para usar. Eu estou em uma nova camada, então eu vou para minha paleta de caminhos, novamente, você pode chegar a isso escolhendo 'Janela' e depois 'Caminhos'. Certifique-se de que você tenha seu caminho selecionado e clique aqui em 'Traçar caminho com pincel ', e que traça o caminho com este pincel. Agora eu acho que o pincel é muito grosso para isso, então eu vou desfazê-lo. Voltarei ao painel de pincéis e deixarei selecionar esse pincel de 15 pixels. Eu acho que vai ser um tamanho melhor e vamos tentar isso em vez disso, muito melhor. Então vamos para a paleta de camadas, e eu vou desligar a camada de fundo. Eu também vou cortar isso, então eu vou pressionar 'Control' ou 'Command zer', apenas para diminuir o zoom, eu vou para a minha ferramenta de corte, apenas indo para aproximar meu retângulo de corte em torno da minha forma. Nós não queremos muito excesso nesta imagem, mas nós
queremos, obviamente, que toda a forma de swash esteja dentro desta imagem. Neste ponto, escolherei 'Arquivo' e depois 'Salvar como'. Vou selecionar 'PNG' ou ping como eles tipo de arquivo porque é um arquivo achatado e também tem transparência. Deixe-me chamar isso de swash e eu vou apenas clicar em “Salvar”. Médio é muito bom para as opções de formato de arquivo. Agora eu posso apenas destruir este arquivo. Não preciso mais dele. Esta forma é fácil o suficiente para recriar se você perder este. Vou ampliar, aqui, para este arquivo e eu vou adicionar meu swash escolhendo 'Arquivo' e 'Colocar Embedded. ' Aqui está a minha swash. Vou clicar em “Lugar”. Ele é colocado grande dentro desta imagem, então eu vou segurar 'Shift e Alt', que seria 'Shift Option' no Mac, para apenas dimensioná-lo para baixo. Se eu quiser acalmá-lo um pouco, eu posso fazê-lo. O que eu vou fazer, aqui, é apenas colocá-lo sobre a palavra “Detalhes”. Estou chamando a atenção do meu leitor para o fato de que estamos trabalhando aqui no painel de detalhes na sala de luz. Parece um pouco pixelizado,
aqui, se reduzirmos o zoom, modo que tenhamos esta imagem mais como um zoom de 100 por cento em vez de 250 por cento de zoom. Você vai ver que parece bem suave. Agora eu vou continuar e salvar esta imagem porque ela tem a anotação adicional que me
ajuda a mostrar a alguém exatamente em que parte desta imagem eles devem estar focando.
8. Anotação com ícones: No último vídeo, você viu como criar um swash como este, e se você precisar de outros elementos, como uma seta de seleção ou talvez um indicador de movimento, é fácil o suficiente com algumas habilidades básicas do Photoshop para criá-los. Salve-os como arquivo ping para que você possa usá-los para suas próprias anotações. Mas há outra alternativa que quero mostrar a vocês. Então vamos pular para a web, para um site chamado ícones 8, ou
seja, eu digo O-N-S 8. Agora, há toda uma série de ícones aqui. Assim, por exemplo, se olharmos para cima a seleção de palavras, veremos ícones que se relacionam com a seleção e há ícones de seta de seleção aqui. Então, se eu clicar nesta ferramenta de seleção passada, ela aparece aqui na área do ícone e podemos baixar esse ícone. Você pode precisar se registrar no site, mas baixar pequenas versões desses ícones é gratuito. Por isso, é fácil o suficiente para obter ícones individuais como imagens Ping, mas você também pode construir coleções de ícones. Eu realmente construí esta coleção um
pouco mais cedo e tenho outra coleção aqui. O que você faz para construir uma coleção é apenas clicar em
criar e, em seguida, adicionar seus ícones à sua coleção. Assim, você pode pegar alguns ícones que mostram várias coisas que você deseja usar para suas anotações. Então, por exemplo, eu poderia ir para um ícone de ferramenta de movimento. Aqui está um aqui. Eu vou adicioná-lo a esta coleção e eu posso querer apenas um avião esquerda apontando seta também. Agora você pode querer algum outro algum vai levar alguns
para que você possa dizer como vamos trabalhar com eles. Então isso é tudo o que você quer um para construir sua coleção, agora
você pode obtê-los como uma fonte. Então eu vou clicar em obter fonte. Isso agora é criado como uma fonte e está sendo baixado automaticamente. Então, quando eu clicar duas vezes sobre isso, você verá que há uma fonte aqui. Ao clicar duas vezes dentro dele eu vou ver os vários arquivos de fonte, e é o 2.tff que eu estou mais interessado, porque esta fonte 2.tff coleção tem meus caracteres nele para que eu possa instalar isso, e eu estou dizendo que esses caracteres aqui, mas eu vou instalar esta coleção 2 fonte. Agora vamos voltar ao Photoshop. Dentro do Photoshop, quero usar a fonte que acabei de instalar. Vou para a ferramenta de texto e clicar uma vez na minha imagem e isso inicia um objeto de texto. Agora, não há nenhum ponto real em selecionar o tipo de rosto nesta lista porque vai ser muito difícil ver qual desses caracteres pertence a qual letra e o tipo de letra. Então, em vez disso, escolho a janela e depois o glifo. Agora eu vou localizar a coleção para fonte aqui. Então eu só vou começar pressionando a letra dizer, que deve me levar para a área do mar da lista de fontes e aqui está a ferramenta de coleta. Aqui estão os quatro glifos que estão nessa fonte. Como eu tenho a ferramenta de texto já selecionada, eu posso apenas clicar duas vezes aqui e isso irá adicionar esse caractere como um objeto de tipo a esta ilustração, e como é um objeto de tipo, podemos colorir o que quisermos Colori-lo. Também é móvel porque é um grande caractere de fonte para que eu possa movê-lo para a
posição para mostrar o que quer que eu queira mostrar nesta imagem. Então, se você está fazendo um monte deste tipo de screenshots, eu sugiro que você dê uma olhada em um site como ícones 8 em particular, por causa de sua capacidade de criar uma fonte onde você pode criar toda uma série de caracteres em sua fonte. Por exemplo, que eu tenho um clique no botão direito do mouse e um botão esquerdo do mouse clique aqui e ponteiro [inaudível], alguns outros caracteres que seriam úteis para mim enquanto eu crio anotações para imagens, para um livro ou uma postagem de blog ou algumas instruções ou qualquer outra coisa. Portanto, há outra opção. Claro, você também pode encontrar esses ícones em sites de ações e, nesse caso, podemos simplesmente pegar cada ícone e salvá-lo como um arquivo separado. Então você pode usar o arquivo e, em seguida, colocar incorporado e apenas incorporar essa forma em seu documento. Existem muitas opções diferentes que você pode usar. Estes são um casal que eu gosto de usar.
9. Sobreposições de texto: Outro elemento que você pode querer adicionar a uma imagem como esta é um objeto de texto. Vamos ver como vamos seguir em frente e fazer isso. Agora vou adicionar uma nova camada. Vou digitar ferramenta. Em seguida, escolha a cor do texto com o qual vou trabalhar. Neste caso, eu vou estar digitando em preto e eu vou ter
certeza de que eles sabem para clicar neste pequeno triângulo, então eu vou digitar, clique triângulo à direita da opção de detalhes. Vou clicar na marca de seleção. Agora, obviamente isso está no alcance de ser ilegível agora. Eu só preciso fazer algumas mudanças nele. Estou indo para a ferramenta de texto. Eu sempre escolherei digitar em uma fonte muito simples então eu estou usando Myriad Pro aqui, tem cerca de 36 pontos, Eu acho que provavelmente ser um pouco menor. Trinta é provavelmente um bom valor aqui e parece que o espaço entre linhas sucessivas é realmente pequeno. Eu vou para o painel de caracteres e eu só vou aumentar este valor aqui. Vamos levar para cerca de 30. Isso parece muito melhor. Agora eu ainda tenho um problema de legibilidade aqui
no texto preto sobre um fundo escuro é quase ilegível. Mas se fosse branco, não seria muito melhor porque não seria visível nas áreas mais leves. Você tem algumas opções aqui. Uma das opções é adicionar uma vida de sombra. Quando você está trabalhando com texto preto, você adicionaria uma espécie de sombra branca. Se você estiver trabalhando com texto branco
, você adicionaria uma sombra mais escura. É o contraste que ajuda as coisas a serem mais legíveis. Com esse objeto de texto selecionado, vou para o ícone fx e vou criar uma sombra. Agora, a sombra padrão é escura, mas isso não precisa ser o caso. Vou selecionar branco como minha cor de sombra. Agora multiplicar não é o modo de mesclagem para usar quando você está tentando clarear algo, você usaria tela. Você usará o modo de mesclagem de multiplicação se estiver tentando trabalhar com um modo de mesclagem de tela e sombra escura quando estiver tentando trabalhar com uma sombra clara. Agora, eu gosto de minhas sombras para baixo e para a direita do meu texto e a distância é muito grande aqui, então eu vou apenas trazê-lo de volta para provavelmente algo como cerca de um pixel. Se você estiver satisfeito com isso, você pode clicar em OK, e assim esse tipo de sombras de deslocamento ajudará a legibilidade do seu texto. Agora há outra opção que você pode usar. Vou desligar a sombra aqui. Vamos adicionar uma nova camada. Vou movê-lo para baixo da camada de texto. Para isso eu vou adicionar uma forma, então eu vou ter certeza que eu tenho a ferramenta de forma selecionada. Vai ter um preenchimento branco e não vai ter nenhum derrame. Deixe-me desenhar um retângulo. Este é um retângulo arredondado, tudo bem, mas você pode querer fazer apenas um normal e ele vai
ser colocado imediatamente abaixo do texto. Isso também vai ajudar com a legibilidade do texto. Você pode dizer que o texto é muito mais legível. Você também pode diminuir a opacidade disso porque ele não precisa ser totalmente opaco. Pode ser algo como 65 ou até 50 por cento opaco e isso ainda vai ser legível, mas você ainda vai ser capaz de ver parte da interface lightroom embaixo dela. Você só quer ter certeza de que você meio que movê-lo para uma boa posição. Essa é outra maneira de lidar com uma sobreposição de texto. Muitas vezes, essas sobreposições de texto são valiosas, novamente, para transmitir informações ao seu leitor para que eles
saibam o que é que eles deveriam estar fazendo.
10. Pt 9 de gravação: Depois de terminar de anotar suas capturas de tela ou as outras imagens que deseja usar, e remover o conteúdo, em outras palavras, quando tiver feito todo o trabalho de edição, a questão é, o que faremos a seguir? Bem, a primeira coisa a fazer é salvá-los como um arquivo PSD. Eu sempre faço isso para que eu tenha todos esses detalhes da camada rica no arquivo, em particular porque isso me permitiria fazer edições nele. Então, se, por exemplo, eu quisesse colocar uma parada completa aqui, eu poderia entrar e colocar em minha parada completa. É totalmente editável porque o tipo ainda está em uma camada ou por si só. Se você achatar a imagem, as chances são o dia em que você só tem a versão achatada das imagens é o dia em que você diz que você tem um erro ortográfico monumental em seu documento ou em sua imagem, que Você simplesmente não pode fazer nada porque tudo foi achatado. Salve o arquivo PSD, mesmo que você o salve em uma pasta chamada Excluir Me. Eu tenho uma pasta Delete Me, é cheio de coisas que cada soft e eu vou passar e apenas excluir as coisas antigas. Está lá se eu precisar,
mas na maioria dos casos, não
preciso e apago periodicamente. Tendo salvo como um arquivo PSD
, você pode descobrir o tamanho que ele precisa ser para qualquer finalidade que você quiser. Esta imagem, eu estou lendo seu tamanho aqui no canto inferior esquerdo, e se eu clicar neste triângulo aqui, você pode ver que eu o tenho configurado para documentar dimensões. Eu acho que uma configuração útil para usar no Photoshop; me
permite ler o tamanho da imagem. Muitas vezes, essa imagem tem 493 pixels de largura por 351 pixels de altura. Para uma postagem de blog ou um livro, esse é um tamanho muito bom. Deixe-me ir a um dos meus blogs, e este espaço aqui na minha página do blog tem cerca de 550 pixels de largura. Então, uma imagem de 493 pixels vai parecer realmente confortável lá dentro. Vai ser do tamanho certo, não muito grande ou não muito pequeno. Se você precisar redimensionar sua imagem, então você vai para a imagem. No tamanho da imagem, você vai certificar-se de que você clica neste ícone aqui, que a largura e a altura sejam ajustadas na mesma quantidade. Então, se você torná-lo maior ou menor, ambas as dimensões serão dimensionadas para o tamanho apropriado. A imagem não vai ser esmagada, se você quiser, você pode ir um pouco maior. Eu não recomendaria muito mais do que cerca de 50% maior, você vai começar a perder detalhes, e obviamente você pode ir um pouco menor. Se você estiver amostrando novamente, redimensionando a imagem, você deseja verificar a opção de re-amostra correta. Você teria um olhar para essas opções de ampliação e inspecionar a imagem para dizer qual vai lhe dar o melhor resultado, quando você está reduzindo o tamanho por redução cúbica é uma boa opção. Não vou redimensioná-lo porque este é um tamanho perfeito. O que eu faria neste momento é, uma vez que eu tenha dimensionado e se ele precisa de tamanho é que eu iria salvá-lo, em seguida, como um JPEG ou um PNG onde quer que você quer levá-lo. JPEG tem compressão aplicada à compressão de imagem que é ligeiramente destrutiva, mas desde que você a mantenha em uma qualidade bastante alta, isso é muito bom. PNG não é uma compressão destrutiva. Vou guardar isto como um JPEG. Então eu vou apenas para Arquivo, Salvar como, Eu tenho que usar Salvar como porque no momento é um arquivo PSD. Se eu fosse para File, Save, ele seria apenas re-salvo como um PSD. Vou selecionar JPEG como a opção, basta chamar essa captura de tela do Lightroom. Vamos tirar isso acabado. Vou apagar isso e clicar em “Salvar”. Agora, aqui é onde eu seleciono qualidade e esta é a troca. Este é o tamanho do arquivo versus a qualidade. No máximo, você obterá a menor quantidade de compressão. Haverá alguma compressão. Você terá um tamanho de arquivo maior para algo tão grande, e isso seria bom para uma postagem de blog ou um livro. Se você está tentando manter suas imagens menores, por exemplo, então você pode descer para baixo e você ainda não vai
dizer uma grande degradação na qualidade. Vou clicar em “Ok”. Agora, se eu quiser levar isso diretamente para um livro, por exemplo, se eu tiver meu livro aberto no Word e eu estou trabalhando nessa imagem e eu o salvei como um arquivo PSD, eu já estou indo, então eu poderia levá-lo diretamente comigo. A maneira que eu vou fazer isso é que eu vou escolher camada, e eu vou escolher imagem achatada porque eu vou
nivelar a imagem inteira apenas para baixo para uma única camada. Agora vou copiá-lo e colá-lo no meu livro, então escolherei Selecionar tudo e Editar cópia. Agora, você pode fazer isso com teclas pressionadas, que seriam Ctrl ou Command A para selecionar tudo, e Ctrl ou Command C para cópia. Como nós achatamos em uma única camada, nós só precisamos fazer Copy. Se você não achatá-lo, você teria que fazer cópia mesclada, caso contrário você não estaria copiando tudo. Tenho esta cópia para a área de transferência do Windows. Ele seria copiado para uma área de transferência do Mac se você estivesse trabalhando em um Mac. Eu vou para o documento do Word, eu realmente tenho este documento do Word aberto. Então eu só vou colar isso. Deixe-me apagar esta imagem e vamos colocar esta no que temos na área de transferência. Vou soltar a opção de colar aqui e vou para Colar especial. Não quero que este seja um objeto de imagem do Adobe Photoshop. Só quero que seja simples ou bitmap. Isso significa que ele não será vinculado novamente à imagem do Photoshop. Essa é uma maneira muito melhor de importar uma imagem diretamente do Photoshop
para, por exemplo, o Microsoft Word. Vou clicar em “Ok”. Agora você pode ver que esta imagem é
realmente um pouco maior do que as imagens no livro. Então eu quero dimensioná-lo para baixo. Certifique-se de que eu tamanho de um canto quando estou no Microsoft Word, e vamos colocá-lo em posição. Näo quero estar ensinando a sua Palavra, que tem alguns hábitos realmente revoltantes aqui quando se trata de fazer as coisas parecerem arrumadas. Você pode ver que eu tive que dimensioná-lo um pouco para ter o mesmo tamanho que as outras imagens neste documento. Com 400 pixels de largura, e ainda era muito, muito grande para um documento como este. O outro documento que criamos anteriormente, este que é uma espécie de maquete da minha página web sobre imagens stock grátis. Então isso é enorme, tem 1.920 pixels de largura, então é uma largura de tela cheia. É enorme e muito maior do que seria necessário, obviamente para uma postagem de blog, muito maior do que seria necessário para um livro. Então, neste ponto iria salvá-lo como arquivo PSD e , em seguida, pensar sobre o que você precisa dele para e quão grande você precisa dele. Se você estiver enviando para outra pessoa, talvez seja necessário fornecer uma imagem de maior resolução. Às vezes, as pessoas que você envia ou pede imagens são um pouco exigentes e nem sempre sabem como trabalhar no Photoshop e sabem como funciona a relação entre as dimensões da imagem e a resolução. Às vezes, se eles precisarem de algo, por exemplo, como uma imagem de resolução de 300 pixels por polegada, então isso é o que eu faria. Esta é a largura e altura da imagem. Eu não vou mudar isso, mas alguém me disse, eu quero isso em 300 pixels por polegada, então isso é o que eu vou fazer. Eu não vou digitar 300 aqui porque o que isso faz é apenas ampliá-lo. Deixe-me cancelar isso e vamos voltar a isso. Isto é o que vamos fazer é, vamos desligar re-amostragem. Em outras palavras, estamos dizendo ao Photoshop “Não toque no tamanho da imagem aqui”. Nós não queremos que ele seja ampliado e não queremos que ele seja encolhido, mas o que queremos que você faça é defini-la como uma resolução de 300 pixels por polegada. Nada vai mudar no documento, exceto aquela configuração mágica que agora é uma imagem de 300 PPI. Como eu disse, algumas pessoas querem uma imagem a 300 PPI e não percebem que eles poderiam ir e fazer isso sozinhos apenas mudando a resolução. Se você tem que enviar algo a 300 PPI ou 150 PPI, é assim
que você faz. Imagem, tamanho da imagem, certifique-se de desativar nova amostragem para que você não
mude o tamanho, as dimensões físicas da imagem não serão alteradas. É que a resolução vai ser alterada para o
que quer que a outra pessoa precise.
11. Projeto e embrulho: Seu projeto para esta classe será criar uma imagem anotada que você poderia usar em algum lugar online. Pode ser para uma postagem de blog, pode ser uma postagem do Instagram, pode ser um e-book ou um conjunto de notas que você fornece com materiais que você está vendendo on-line, por exemplo. Algo que você poderia usar, postar a imagem e também uma breve explicação sobre onde essa imagem está indo com o que você preparou para como seu projeto de classe. Eu sinceramente espero que você tenha gostado desta aula de Photoshop e que você tenha aprendido coisas que você não sabia anteriormente. Agora, enquanto você estava assistindo a esses vídeos, você verá um aviso que perguntou se você recomendaria esta aula para outros. Por favor, se você gosta da aula e aprendeu algo com ela, você
faria duas coisas para mim? Em primeiro lugar, responda sim, que você recomendaria a aula e em segundo lugar, escreva mesmo em apenas algumas palavras por que você gosta da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. Agora, se você vir o link a seguir na tela, clique nele para se manter atualizado com as novas classes conforme elas são lançadas. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
