Transcrições
1. Efeito de lettering à mão no Photoshop: Oi, eu sou Marlowe [inaudível]. Hoje vou ensinar a vocês como transformar um simples esboço a
lápis com letras à mão em arte de giz realista usando o Adobe Photoshop. As ferramentas que vamos usar um realmente simples, você só precisa de alguns materiais para esboçar com. Só uso um lápis, um simples bloco de papel e uma borracha adesiva. Alguma maneira de digitalizar sua arte, seja um scanner real ou apenas um aplicativo para seu telefone ou tablet e um computador com photoshop instalado. Hoje, estou usando um iMac com Photoshop CC, mas se você tiver um PC ou uma versão mais antiga do Photoshop, isso funcionará muito bem também. Para a aula de hoje, vou usar parte de um esboço a lápis que fiz recentemente para o menu de uma loja de gelados nas proximidades. Você pode optar por criar um design a partir do zero para esta classe ou usar um design que você fez no passado. Mas de qualquer maneira, eu vou mostrar-lhe nas aulas de vídeo como criar a versão rastreada do seu design usando um lápis maçante para que ele seja melhor renderizado como para giz uma vez que ele atinge Photoshop. Esta é uma técnica muito rápida e simples e iniciantes e profissionais podem fazê-lo. Começando com o esboço real. Acompanharei você em todas as etapas necessárias para criar uma obra final no Photoshop, que você poderá exportar para impressão ou uso online. Como sempre, lembre-se de compartilhar seu projeto comigo e com os outros membros da classe na seção do projeto da página da classe. Se você sentir vontade de compartilhá-lo no Instagram,
por favor, me marque usando meu nome de usuário aqui. Oi, eu sou Marlowe [inaudível] hoje eu vou te ensinar a virar, super fácil, simples e divertido. Lembre-se de que você não precisa de nenhum conhecimento prévio do Photoshop. Qualquer meio de digitalizar sua arte como um scanner real ou até mesmo um aplicativo para seu telefone ou tablet. Uma vez que você trazê-lo para o Photoshop, ele vai assumir as características de giz autêntico real. Hoje estou usando meu iMac com Photoshop CC. Mas se você tiver um PC ou uma versão mais antiga do Photoshop, certamente também poderá acompanhar.
2. Esboço: O aspecto do esboço desta aula é realmente muito divertido. Se você é um artista profissional de letras ou não. Ainda é algo que você pode facilmente fazer. Na verdade, alguns dos profissionais de letras podem lutar com isso um pouco mais porque tendemos a gostar da perfeição em nossos designs de letras. O objetivo aqui hoje é a imperfeição. Estamos tentando encontrar uma maneira de fazer um esboço a lápis quando ficou branco, emular a aparência do giz. Então a melhor maneira que eu encontrei, a melhor ferramenta para fazer isso é com um lápis muito maçante que tem um chumbo muito macio e grande. Para mim, estou usando um lápis 12b que eu tenho especificamente terra para fazer um ponto muito maçante. Você pode ver que quando eu desenho com este lápis, eu tenho linhas muito grossas e eles estão muito manchados olhando já mesmo sem tocá-los. Eu não quero linhas de cabelo nítidas, muito finas, porque quase nenhum giz pode realmente alcançar esse tipo de linha. Eu realmente não me importo muito se os traços grossos das minhas letras são igualmente grossos ou não. Isto não é sobre letras perfeitas, belas mãos que tem sido escravizadas por horas. Isto é sobre o olhar sem esforço, belas letras de mão que se parece com giz, que é por definição efêmero. É algo que deve ser apagado. Então, você realmente quer que suas letras tenham essa sensação de efêmero como o giz tem, no sentido de que alguém poderia aparecer e simplesmente apagá-lo. Para mim, fiz alguns esboços. O que você vê aqui é parte de um esboço maior que eu fiz para um menu que eu acabei fazendo em giz real em uma loja de gelados no meu bairro. o que eu fiz foi começar com uma série de esboços em miniatura e esboços realmente pequenos e ampliá-lo e ampliá-lo usando papel de
rastreamento até obter mais ou menos o olhar que eu precisava. Desde então eu ia renderizá-lo novamente em giz real em uma placa de verdade, eu não fui mais longe do que isso. Isso foi bom porque na verdade este esboço final que eu fiz é bastante bom para a técnica que estamos usando hoje, apesar do fato de que há um lápis manchado ao redor das letras e algumas das letras têm erros nelas. Algumas áreas que se isso fosse pressionar ou eu estivesse realmente refinando, eu apagaria ou mudaria. Só estou deixando tudo. É o que vou usar nas aulas de hoje. Agora você, para esta classe pode querer usar um novo esboço de seu próprio, algo que você cria apenas para esta classe ou você pode
querer voltar e rever um design que você já fez antes. Nesse caso, sugiro que você ainda pegue seu desenho antigo, leve para baixo de um papel de rastreamento e refaça usando essa técnica de lápis maçante. Quando eu entrar e fazer meu rastreamento, você verá que eu sou muito impreciso de propósito. Eu não estou realmente preocupado que meus traços finos permaneçam muito finos ou meus traços grossos são todos exatamente a mesma largura. Não estamos tentando emular caligrafia completa onde uma caneta de caligrafia teria os mesmos
traços grossos, baixos e finos. Mesmo nessas pequenas curvas, eu estou passando por cima delas às vezes duas vezes, só para adicionar um pouco de cor extra, grafite
extra para elas. É intencionalmente imperfeita. Se você não está confortável com letras à mão, e isso é bom, você poderia usar um design impresso de uma fonte digital e traçar sobre isso usando lápis para dar um olhar feito à mão. Eu tenho aqui realmente uma renderização mock-up que eu criei também para esta loja de gelato. Está um pouco espancado neste momento, mas tudo bem. O ponto é que vamos dizer que eu quero apenas pegar a palavra gelato e fazer parecer que eu escrevi à mão em um quadro-negro. Bem, eu posso pegar um pedaço de papel de rastreamento, colocá-lo sobre esta impressão, e rastrear sobre a impressão impressa. Você pode ver como estou sendo imperfeita. Eu realmente não estou carregando muito se eu sair das linhas ou se eu tiver bordas retas ou cantos muito afiados, nada disso realmente importa porque na verdade, todas as imperfeições deste tipo vão adicionar
ao efeito realista do giz uma vez que obtê-lo no Photoshop. Eu poderia continuar assim. Você vê como imediatamente, mesmo que tenha sido uma impressão de uma fonte, imediatamente
parece mais feito à mão. seguida, quando nós trazê-lo para o Photoshop com digitalização e transformá-lo em giz, ele vai parecer que ele foi feito à mão desde o início. Assim que terminarmos o esboço, tudo o que você precisa fazer é digitalizá-lo de alguma forma para trazê-lo para o computador. Vou usar meu scanner de desktop Canon porque eu tenho isso bem aqui ao lado da minha máquina. Mas se você não tem acesso fácil a um scanner, tudo bem. Você pode usar um aplicativo de scanner para seu telefone ou tablet. Muitos deles são gratuitos, como Cam Scanner, que eu vinculei na seção sobre abaixo. A única coisa importante aqui é que você digitalize suas letras em resolução relativamente alta. Eu recomendo 300 dpi porque esse é o mínimo necessário para imprimi-lo em tamanho real. Mas no pior dos casos, você pode digitalizá-lo em 72. Você pode até fazer upload de uma fotografia decente do seu telefone e trabalhar a partir disso.
3. Dê uma olhada de fechamento no meu esboço: Bem-vindo à minha aula sobre a criação de
letras de giz inimigo a partir de um esboço a lápis usando o Adobe Photoshop. Aqui está o esboço que fiz. Quero mostrar algumas de suas características antes de
começarmos as técnicas de efeito. Como eu usei um lápis muito maçante para fazer isso, você verá que mesmo meus traços mais finos são bastante grossos e eu tenho variação entre seções escuras e seções claras. Eu também mantive as letras
neste lado ligeiramente imperfeito ou desleixado porque não importa o quão grande é a sua letra
giz, giz em si é imperfeito, e assim haverá algumas imperfeições e eu quero tentar imitar isso com o meu lápis. Eu até deixei alguns espaços em branco em branco que eu não preenchi com o lápis e eu intencionalmente fiz alguns traços mais escuros dentro com traços cinza ainda mais claros bem ao lado dele. Em meus traços finos, eu até passei por eles algumas vezes para que em algumas áreas haja um golpe duplo e em outras áreas há apenas um único golpe. Este esboço originou-se como uma folha cheia de papel e digitalizei-o a 300 DPI. É por isso que saiu muito grande. Eu sugiro que seus esboços não são muito pequenos se você vai acabar imprimindo eles, mas se você só vai usar isso online e a resolução da sua imagem final não tem que ser enorme, então você pode certamente usar um esboço menor e você pode dar ao luxo digitalizá-lo com um scanner menos bom, como um aplicativo scanner. Dito isto, mesmo o scanner mais barato que fica em sua mesa vai fazer um ótimo trabalho digitalizando isso e definitivamente um trabalho bom o suficiente para tornar essa qualidade de impressão no final. Tudo o que você precisa é de um scanner que possa digitalizar a 300 DPI.
4. Configure seu documento: Antes de começarmos, quero ter certeza de que todos estamos olhando exatamente para o mesmo espaço de trabalho do Photoshop. Se você já está familiarizado com o Photoshop, talvez
você não precise acompanhar isso porque você saberá onde estão todas as ferramentas, mas se você ainda estiver aprendendo as cordas de onde cada ferramenta está, basta configurar seu espaço de trabalho como eu agora, e eu vou ser capaz de mostrar a vocês como acessar tudo. Vá até Janela, Área de trabalho, Fotografia. Isso nos dará a maioria das ferramentas com as quais precisamos trabalhar hoje. O único que ainda falta é a palete de pincéis. Vá para Janela, Pincel, e agora seus pincéis apareceram aqui. Vou derrubar esta janela com este ícone de seta dupla. Gosto de ter minhas ferramentas em duas colunas. Você pode notar, então você pode clicar nesta seta dupla e ela colapsa para uma coluna, mas eu vou manter a minha em duas por enquanto. Em seguida, estamos criando um novo arquivo do Photoshop indo para Arquivo, Novo. Acontece que eu sei que as digitalizações das minhas letras que eu fiz são 12 por oito polegadas, mas honestamente você pode usar qualquer tamanho de tela aqui e você será capaz de ajustar o tamanho da tela e, ou suas imagens colocadas de acordo. No entanto, eu vou com uma largura de 12, altura de oito. Estou mantendo uma resolução de 300 pixels por polegada, que é a qualidade de impressão padrão do setor. Mesmo se você está planejando usar isso apenas na web, eu ainda aconselharia projetar sua arte em uma resolução que você poderia imprimi-lo um dia para que você tenha pelo menos ambas as opções na estrada. Essas são todas as configurações que estou fazendo, então eu vou apenas clicar em “Criar”. Agora eu vou adicionar no meu arquivo as duas imagens que eu
vou precisar para criar minhas letras de giz completo. O primeiro, é o fundo do quadro-negro. Venho até aqui para File, Place Embedded, navego até a imagem do quadro-negro e aperto “Place”. Alguns de vocês quando você coloca sua imagem, você vai
descobrir que a imagem não preenche completamente a sua Tela de pintura. Como se você visse um pouco de branco no lado ou no topo ou em baixo, e tudo bem. Você pode usar essa oportunidade ao manter pressionada a tecla shift para arrastar sua imagem para fora ou para dentro para preencher a Tela da maneira que desejar. Manter a tecla shift pressionada é importante,
pois garante que você mantenha
a proporção ou as proporções da imagem colocada para
que ela não fique esmagada em uma direção ou outra. Para mim, minha imagem já era 12 por oito, então é o tamanho exatamente da minha tela. Agora estou pressionando “Return” ou “Enter” em um PC para colocar minha imagem. Em seguida, eu tenho que adicionar minhas letras de mão. Mais uma vez, estou indo para Arquivo, Colocar Embedded, navegando até o meu esboço a lápis e clicando em “Colocar”. Novamente, eu vejo essas duas linhas diagonais, o
que significa que a imagem ainda tem que ser colocada oficialmente, então eu vou apertar “Return” ou “Enter” e lá estamos. Como adicionei esses dois arquivos via File, Place Embedded, eles se transformaram em objetos inteligentes, que posso dizer porque ambas as camadas têm esse ícone aqui no canto inferior direito. O que isso significa para nós é que vamos ser capazes de usar filtros inteligentes, que vai tornar realmente fácil para nós adicionar ajustes que visam apenas essas camadas individuais. Se você já é um Photoshop profissional, você sabe que você pode fazer o mesmo usando ajustes recortados e isso vai ser perfeitamente bom para você também
neste caso, mas para nossos propósitos hoje, estamos usando porque mantém a nossa paleta de camadas compacta e fácil de ler. Antes de continuar, estou apertando “Arquivo”, “Salvar”. Vou chamar isso de “Lettering de giz”, certificando-se de que ele é salvo como um arquivo do Photoshop e clicando em “Salvar”. Você quase sempre terá essa janela pop-up, basta clicar em “Ok”. Agora passamos a criar o nosso efeito completo.
5. Crie o efeito de giz: Para fazer o nosso efeito de giz completo, precisamos adicionar alguns filtros inteligentes a esta camada de esboço a lápis. Certifique-se de que clicou na camada de esboço a lápis para
selecioná-la e, em seguida, vá até Imagem, Ajustes, Níveis. Você vê, você também pode pressionar Command L ou Control L em um PC. O que eu vou fazer aqui é apenas clarear o fundo um pouco. Se você fez minha outra aula de Skillshare, digitalizando caligrafia do esboço ao vetor, você saberá que em alguns casos é importante que seu fundo seja branco puro. Mas esse não é o caso aqui, já que os quadros podem ter um pouco de coragem na reparação. Tudo bem se a textura do papel vai mostrar apenas um pouco. Não me importo se o fundo não é branco puro. Vou ampliar um pouco aqui, segurando a barra de espaço de comando e clicando e arrastando meu cursor. Isso me permite obter uma visão mais próxima da textura do papel. Aqui na minha janela Níveis, eu estou clicando na “Ferramenta Conta-gotas” branca e agora clicando em qualquer lugar no papel atrás. Você vê que isso ilumina consideravelmente. Eu só estou clicando em torno de algumas vezes para fazer o papel muito mais brilhante, mas não branco puro. Como eu disse, está tudo bem se você ainda tem alguma textura de papel ou poeira mostrando no fundo. Não quero que faça nada com o lápis em si, mantenha a cor que é, e clique em “Ok”. Agora você vê que nosso primeiro filtro inteligente foi adicionado aqui, e eu estou clicando em Command ou Control Zero para diminuir o zoom e ajustar minha imagem na tela. O próximo filtro inteligente que precisamos vai transformar as letras brancas e o fundo da nossa camada de letras principalmente preto. Chegamos aqui novamente para Imagem, Ajustes, Inverter ou Controle de Comando I. Agora com as camadas de esboços a lápis ainda selecionadas, venho aqui para o menu suspenso do modo de mesclagem e seleciono “Tela”. Assim como a magia, nosso esboço a lápis cinza agora se transforma em, o que parece, giz
branco e podemos ver através dele na imagem de fundo do quadro-negro que colocamos antes. Vamos dar um zoom aqui um pouco e dar uma olhada mais de perto. Você vê que, de fato, se eu mover ao redor da tela segurando a barra de espaço e clicando e arrastando, a maneira em que eu criei os traços de lápis que são realmente grossos e variam entre mais escuros e mais claros, realmente faz emular a forma como o giz aparece naturalmente. Você pode estar feliz com seu arquivo como está agora. Talvez isso seja tudo o que você esperava. Nesse caso, você pode pular para o último vídeo onde eu falo sobre como exportar isso para impressão e web. Mas se você quiser fazer qualquer outro ajuste como clarear a cor do giz ou mudar a cor do giz, escurecer o fundo, ou mudar a cor do fundo, eu cobrirei isso no próximo vídeo. Agora, não se esqueça de apertar “Salvar”, e você está pronto para ir.
6. Ajustar o fundo: Vamos começar fazendo ajustes básicos no plano de fundo. Talvez o quadro-negro que você colocou seja muito escuro ou muito claro. Vamos começar ajustando o brilho do fundo,
com a Camada quadro-negro selecionada, vá para níveis de ajuste de imagem. Isso é muito fácil, este controle deslizante do meio aqui, que ajusta o que é chamado de tons médios, permitirá que você se mova para a esquerda para clarear a imagem, ou para a direita para escurecê-la. Eu vou fazer algo no meio é um pouco mais escuro do que eu tinha antes, mas não muito escuro e clique em Ok. Posso alternar entre a minha versão anterior e
a nova versão simplesmente ativando e desativando o ícone do globo ocular ao lado de Níveis. Para editar este ajuste, basta clicar duas vezes em Níveis e estou de volta a esta Janela que tinha antes. Agora, se você olhar para a minha versão anterior, eu tinha um ponto bastante brilhante no quadro-negro aqui na seção média e inferior, mas os lados superior, esquerdo e direito são bem escuros. Enquanto eu gosto da maneira que a escuridão parece no meio e no fundo, eu quero removê-lo dos lados superior e esquerdo e direito. Eu estou vindo aqui para esta máscara, e eu estou indo para a minha ferramenta Pincel e aqui na minha paleta de pincéis, eu vou ter certeza de selecionar um pincel muito macio. Você pode verificar aqui em suas predefinições reais de pincel uma visualização de como o pincel fica aqui em baixo. Não importa se você tem exatamente as mesmas configurações que eu tenho, tudo o que importa é que você não tem a dureza virada para cima para que as bordas do seu pincel são difíceis. Isso não é o que você quer. Você quer que a dureza diminua a zero por cento. Com o meu primeiro plano preto, vou pintar dentro desta máscara. Se o seu primeiro plano não estiver preto, comece clicando em D no teclado. Isso redefine os padrões para a
cor de primeiro plano e plano de fundo , portanto, se você tiver cores ou pastar lá, ele será redefinido para preto e branco. Em seguida, clique neste ícone de seta dupla e ele alterna entre os dois para que agora o preto esteja em primeiro plano. Eu estou pegando meu pincel agora e depois apenas
pisando levemente sobre as regiões mais escuras deste tabuleiro. A coisa realmente grande sobre o quadro-negro é que não há problema se algumas das seções parecerem mais nubladas ou alguns pontos parecerem mais escuros porque é naturalmente assim que os quadros são. Se você quiser remover qualquer um dos traços de pincel que você acabou de criar, tudo o que você precisa fazer, você não precisa clicar em Desfazer se não quiser. Você pode vir aqui novamente, alternar entre os dois ou apenas clicar em X no teclado e pintar o preto com branco, e é tão fácil quanto isso. Agora, mantendo nossos ajustes no fundo, digamos que o quadro-negro que você encontrou não é preto e branco puro, alguns deles têm um tom de cor para eles ou eles parecem um pouco esverdeados. Isso é muito fácil de consertar. Com sua Camada de quadro-negro selecionada, adicione outro Filtro inteligente, Image> Ajustes > Preto e branco. Você pode fazer ajustes aqui, eles provavelmente não farão muito se seu plano de fundo
já estiver em preto e branco, clique em Ok. Eu acho que a minoria era preto e branco, então não vai fazer muita diferença, mas realmente vai fazer a diferença se o seu já tiver um tom nele. Agora, e se você quiser adicionar uma tonalidade? Bem, eu vou desfazer o preto e branco que acabei de fazer, e em vez disso adicionar uma tonalidade colorida. Estou chegando à minha paleta Histórico, que é uma maneira rápida de desfazer várias etapas de uma só vez e vou voltar
a essa ferramenta Pincel antes de adicionar o Filtro Preto e Branco. Agora que se foi, vou adicionar uma tonalidade de fundo. Não podemos realmente fazer isso com um Filtro Inteligente, é mais fácil fazê-lo com uma Camada de Ajuste regular, então só para que você possa vê-la, estou diminuindo minha Janela do Photoshop por um segundo e descendo aqui para este preto e ícone de olhar biscoito branco e eu estou selecionando cor sólida. Escolheremos algo divertido por um momento, porque sempre posso mudá-lo. Vamos escolher esta cor coral de salmão e clicar em OK. Agora que aparece logo acima da camada quadro-negro porque nós adicionamos quando tínhamos a Camada quadro-negro selecionada. Mantenha pressionada a tecla Option ou a tecla Alt em um PC, o
mouse sobre a linha entre o
preenchimento de cor e as camadas de quadro-negro e você verá esse ícone aqui em cima, clique uma vez, e sua camada de preenchimento de cor aparecerá dentro da camada de quadro-negro. Isso significa que a camada de preenchimento de cor afetará somente o quadro-negro e nenhuma das outras camadas na tela. Agora, se você definir esse Preenchimento de cor para a tela de modo de mesclagem, a textura do quadro-negro atrás dele será exibida mas ignora a escuridão e a cor preta. Vou ampliar e mostrar mais perto o que isso parece. Veja como a cor ficou quando era sólida e aqui está como ela parece definida para tela. Agora vamos dizer que eu quero imitar um daqueles quadros verdes escuros vintage. Para fazer isso, basta clicar duas vezes nesta amostra colorida, meu Color Picker aparece e eu vou rolar até os verdes, vir aqui e escolher uma cor verde mais escura. Eu acho que está certo, e eu vou clicar em Ok e voilá, você tem um quadro-negro de cor verde mais vintage.
7. Ajuste o lettering de giz: Agora, porém, digamos que eu queira iluminar o próprio giz. Eu quero fazer parecer mais leve, isso é realmente fácil porque nós já temos uma camada de níveis definida aqui em nossa camada de esboço lápis. Eu só vou clicar duas vezes nesses níveis, eu vou receber um aviso me dizendo que há vários ajustes aplicados a esta camada já,
portanto, esses outros ajustes vão
desligar temporariamente enquanto Trabalho nos meus níveis. Clique em “Ok” porque tudo bem e tudo o que eu quero fazer é fazer este lápis parecer mais escuro. Para fazer isso, estou pegando o controle deslizante central, estou movendo para a direita e escurecendo o lápis dessa maneira. Agora eu vou clicar em “Ok” e você vai ver que o lápis ficou muito mais brilhante. Aqui na minha paleta de história, vou mostrar-lhe o antes e o depois. Agora, e se você quiser realmente mudar a cor do giz em si? Mesmo que eu possa manter o fundo verde enquanto faço isso, eu não quero. Eu vou desligar o verde e voltar para este olhar preto e branco e vir aqui para clicar de volta para o meu esboço lápis ou camada de letras. Tudo o que vamos fazer é a mesma coisa que fizemos antes para o fundo, que é adicionar uma camada de preenchimento de cor. Mais uma vez, eu venho aqui para este menu e selecione Cor Sólida, vamos fazer esse giz um amarelo pálido. Agora, novamente, queremos manter Option ou Alt em um PC, mouse entre essas duas camadas e clique uma vez, que clipe o amarelo dentro dele e com o preenchimento de cor selecionado, agora em vez de girar isso para tela no menu suspenso modo de mesclagem, Vou mudá-lo para luz suave. Aí está, isso mudou de branco para amarelo. Se eu aumentar o zoom, você vai ver que agora todas essas pequenas manchas que estavam
em torno de minhas letras também mudaram para amarelo e eles parecem um pouco mais dramáticos. Se você não gosta disso, há algumas coisas que você pode fazer. O primeiro e mais fácil, talvez jogando com a opacidade da cor. Talvez você queira vir aqui para a sua opacidade e reduzi-la um pouco, isso reduz toda a cor. Você só deve fazer isso se você está feliz por ter a cor em si ser mais pálida por toda parte. Se você não estiver, então você só precisará mascarar essas pequenas áreas; clicando na máscara de sua camada de preenchimento de cor, chegando ao seu pincel macio novamente, ampliando a região que deseja mascarar. Venha aqui para a palete de escova, reduza o tamanho. O atalho de teclado para isso, por sinal, é colchete esquerdo ou colchete direito para diminuir ou ampliar respectivamente. Em seguida, certifique-se de que o seu conjunto para um primeiro plano preto, clique em “X” se branco era o seu primeiro plano antes. Em seguida, basta vir aqui e pintar
as regiões que são muito brilhantes e muito coloridas para o seu gosto. Novamente, estou sendo rude com isso, porque realmente não importa para mim se as bordas são imperfeitas. Agora vamos ver como isso parece se a cor é muito mais dramática, vamos escolher um rosa quente. Isso parece muito bom, mas se você quiser algo ainda mais neon, você pode vir e mudar isso de luz suave, que é um visual mais natural, para sobreposição, o que vai ser um drama real. Lá vai você, isso é basicamente néon. Em seguida, para voltar ao seu branco original, você não precisa excluir nada, basta desligar esta camada. A mesma coisa com o fundo verde, você pode ligar isso. Bem, este é um olhar interessante. Vou desligar os dois novamente, apertar “Arquivo”, “Salvar”, porque você sempre precisa se lembrar de salvar seu trabalho. Agora vamos falar sobre as melhores maneiras de exportar isso para uso na web ou impresso.
8. Exportar para impressão e web: Se você quiser usar essa imagem na internet, provavelmente
é uma boa idéia exportá-la do Photoshop para um formato otimizado para a Internet. Isso significa que ele é compactado de tal forma que o tamanho do arquivo permanece pequeno enquanto a resolução permanece tão boa quanto possível. Photoshop felizmente, oferece-lhe algumas ótimas opções para fazer isso. Então vá para “Arquivo”, “Exportar”. Se você estiver no Adobe Photoshop CC, verá exatamente o que eu vejo. Se você estiver em qualquer versão anterior, verá uma opção aqui que diz: “Salvo para Web e dispositivos”. Clique nisso. Mas se você estiver usando CC como eu estou agora, você verá, Salvar para Web Legacy, que significa que isso é o mesmo que salvar para Web e dispositivos em todos os Photoshops anteriores. Mas eles substituíram agora com exportação como. Vamos falar sobre exportação como juntos, porque eu acho que a maioria de vocês provavelmente tem Photoshop CC, janela um pouco assustadora. A maioria dessas opções não são aquelas que você precisa. Mas primeiro, dê uma olhada neste tamanho de arquivo. Você vê como é 4,3 megabytes. Este é um arquivo enorme. Se eu salvá-lo em tamanho real como um JPEG, 100% de qualidade, tem até 3.600 pixels de largura e para dar a você uma idéia do que isso significa, a tela média do laptop é de 2.000-3.000 pixels de largura. Para reduzir o tamanho do arquivo para a Internet, eu adoraria obter isso abaixo de 500K. Para fazer isso, vou começar ajustando o tamanho da imagem. Eu sinto que eu não vou precisar disso mais do que 1500 pixels, já que reduzir o tamanho do arquivo para 857K. Não preciso de 100% de qualidade para a Web. Isso não faz nenhuma diferença porque a maioria das telas renderizará 80 por cento de qualidade, assim como sua vontade de renderizar 100% de qualidade. Vamos começar colocando isso para cerca 80 e ver onde isso nos leva no tamanho do arquivo. Lá vai você. Já está abaixo de 500K. A razão pela qual diz exportar tudo é porque esta janela, que é muito legal, permite exportar este arquivo em várias versões ao mesmo tempo. Não vamos fazer isso agora. Então não importa, basta clicar em exportar tudo, mesmo que haja apenas uma imagem que estamos exportando, eu estou salvando isso como tamanho da web Lettering Chalked e clicando em “OK”, agora vamos dizer que eu preciso exportar isso em uma impressão resolução, como preciso enviá-la a um cliente para impressão ou vou
colocá-la em In Design e Illustrator e torná-la na frente de um cartão postal. É muito mais fácil. Vou para “Arquivo”, “Salvar como” Vou alterar o tipo de arquivo do Photoshop para JPEG ou TIFF. Se este é um arquivo realmente grande e ele precisa imprimir simplesmente absolutamente lindamente e você está enviando isso para uma impressora profissional. Eu digo para ir com um TIFF, você não pode realmente errar. Mas para a maioria dos seus propósitos um JPEG realmente vai funcionar tão bem. Então eu vou clicar em “JPEG” aqui, salvar isso como giz Lettering print res para resolução e pressionar “Salvar” porque eu estou exportando isso para impressão, eu não me importo que seja um grande 4,3 megabytes. Então eu estou deixando com a máxima qualidade e clicando em “OK”. Quando você salva um arquivo do Photoshop como JPEG, ele não substitui a imagem que você está vendo. Ele exporta uma nova versão. Se eu navegar no meu computador até a pasta onde os salvei. Aqui no Adobe Bridge, vejo meu arquivo do Photoshop que resolvo aberto. Meu site é JPEG, isso é 472K e minha resolução de impressão, JPEG, que é 4,35 megabytes.