Tamanhos e resolução de arquivos para exportação no Adobe Illustrator: um curso de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Tamanhos e resolução de arquivos para exportação no Adobe Illustrator: um curso de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Design gráfico para tamanho de arquivo e resolução para

      2:22

    • 2.

      Pt 1 - os problemas com a tamanho e resolução e para arquivo

      5:10

    • 3.

      Pt 2 - entenda o tamanho e a resolução do Illustrator

      4:11

    • 4.

      Pt 3 - Alterar a resolução de imagem

      5:31

    • 5.

      Pt 4 - use Save para web

      2:23

    • 6.

      Pt 5 - trabalhe com exportação como

      3:16

    • 7.

      Pt 6 em como lidar com Stray Pixels em imagens

      4:48

    • 8.

      Projeto e envolvimento e

      1:24

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.037

Estudantes

5

Projetos

Sobre este curso

O design gráfico para almoço para Lunch™ é uma série de cursos de vídeo curto que você pode estudar em peças de tamanho de for como no de Neste curso, você vai aprender como exportar imagens como download no png e jpg no tamanho e na resolução que que quer que o que ser. Isso deve ser fácil! Não é ! Não deve ser necessário para este curso! Mas é um curso vital para todos os usuários do Illustrator que quer exportar imagens o tamanho e a resolução certo a cada momento! Vou desmistificar o processo de exportação para você para que você entenda o que está acontecendo e como você pode fazer o Illustrator

Mais nesta série:

10 dicas de camadas do Adobe Illustrator em 10 minutos - Um design gráfico para Almoços™

Dicas do Adobe Illustrator em 10 minutos - Um design gráfico para in

10 ferramenta e as dicas de caminho no Illustrator em 10 minutos - Um design gráfico para Almoços™

10 em 10 a 10 dicas do Adobe Illustrator em 10 minutos - Um Design gráfico para Lunch™

10 em 10 - 10 dicas de tipo do Adobe Illustrator em 10 minutos - Um design gráfico para - para

10 em 10 - dez as dicas de ilustrador em 10 minutos - Um design gráfico para Almoços, para Almoços

10 dicas de interface e trabalho para o Adobe Illustrator - Um design gráfico para &

Dicas de painel de aparência do Adobe Illustrator em 20 minutos em - Um design gráfico para Almoços™

Dicas de cores do Adobe Illustrator em 20 minutos - Um design gráfico para Almoços™

As dicas de Recolor do Adobe Illustrator em 20 minutos - Um design gráfico para Almoços™

20 dicas de gradiente no Illustrator em 20 minutos - Um design gráfico para Almoços™

20 o Illustrator para reflexão e rotar dicas em 20 minutos - Um design gráfico para Almoços™

20 caminho, a a colheita e a de de

20 coisas do novo Illustrator precisa saber - um design gráfico para -

Calendário 2022 do Scratch no Adobe Illustrator - Um design gráfico para Almoços™

Efeitos de de de extrusão 3D com texto e formas no Adobe Illustrator - Um design gráfico para Almoços™

Design de perspectiva 3D no Adobe Illustrator - Um design gráfico para -

Padrão de forma 3D no Adobe Illustrator - Um design gráfico para Pattern

Quatro padrões exóticos no Adobe Illustrator - Um design gráfico para -

Quatro padrões úteis no Adobe Illustrator - Um design gráfico para -

4 técnicas de somda do Adobe Illustrator - Um design gráfico para Shading

5 efeitos de texto legal no Adobe Illustrator - Um design gráfico para -

5 padrões de hexagonais no Adobe Illustrator - Um design gráfico para -

Fundo abstrato no Adobe Illustrator - Um design gráfico para -

Adicione um plano ao padrão no Adobe Illustrator - Um design gráfico para -

Tudo que você precisa saber sobre pincéis no Illustrator - Um design gráfico para -

Banner de banner e premiados no Adobe Illustrator - Um design gráfico para in

As misturas e misturas no Adobe Illustrator - Um design gráfico para Bends

Misturas e gradientes no Adobe Illustrator - Um design gráfico para Gradients

Repetições de blocos e de

Trás, rochas de rack e mais no Adobe Illustrator - Um design gráfico para Almoços™

Cactos com pincéis de DIde no Adobe Illustrator - Um design gráfico para Cacti

Padrões com de círculo no Adobe Illustrator - Um design gráfico para Patterns

Círculos com with misturas e transformações: um design gráfico para Almoços™

Esquemas de cores de vender no Adobe Illustrator - Um design gráfico para -

Padrões complexos com modelos do MadPattern no Adobe Illustrator - Um design gráfico para Lunch™

Converte um esboço para vetores com o Illustrator Live - Um design gráfico para Almoços™

Crie um de Plaid ou tartan no Adobe Illustrator - um design gráfico para Almoços™

Crie radiolários no Adobe Illustrator - Um design gráfico para Create

Crie com mesase pincéis no Adobe Illustrator - Um design gráfico para with

Efeitos de meio tom no Adobe Illustrator - Um design gráfico para -

Molduras de Curly no Adobe Illustrator - Um design gráfico para Curly

Cantos de padrão no Adobe Illustrator - Um design gráfico para Almoços™

Padrões orgânico personalizado no Adobe Illustrator - Um design gráfico para Patterns

Fundos de projeto personalizado no Adobe Illustrator - Um design gráfico para -

Criaturas de Furry no Adobe Illustrator - Um design gráfico para in

Efeitos de texto de corte no Adobe Illustrator - Um design gráfico para Cutout

Design em preto e branco no Adobe Illustrator - crie imagens positivas/negativas

Como criar espirais no Adobe Illustrator - Um design gráfico para -

Como criar com simetria no Adobe Illustrator - Um design gráfico para Lunch™

Padrões de de de diamantes, Harlequin e Argyle no Adobe Illustrator - Um design gráfico para Harlequin

rabisco e design de flores e padrão no Illustrator - Um design gráfico para Doodle

Realmete de estilo com pincéis de DIY no Adobe Illustrator - um design gráfico para Doodle

Desenhe um balão de ar quente no Adobe Illustrator - diversão com 3D!

Desenhe uma TV retro no Adobe Illustrator - Um design gráfico para -

Desenhe uma de pássaro vintage no Adobe Illustrator - Um design gráfico para Birdcage

Crie padrões do Adobe Illustrator - Um design gráfico para in

Como desenhar um padrão no Adobe Illustrator - Um design gráfico para in

Arte isométrica no Adobe Illustrator - Um design gráfico para

Exportar de arquivos e a resolução no Adobe Illustrator - Um design gráfico para Sizes

Colagem de papel de tecido de faux no Adobe Illustrator - Um design gráfico para Tissue

Técnicas de desenho flat e dimensão no Adobe Illustrator - Um design gráfico para -

Personagem de alphabet floral no Adobe Illustrator - Um design gráfico para Alphabet

A partir de um design faça muitas variações no Adobe Illustrator - Um design gráfico para Lunch™

Efeitos de divertidos com os estilos gráficos no Adobe Illustrator - Um design gráfico para with

Diversão com scripts no Adobe Illustrator - Um design gráfico para -

Efeitos de fundo de gradiente no Adobe Illustrator - Um design gráfico para Gradient

Designs de Guilloche no Adobe Illustrator - Um design gráfico para in

Anéis de HUD para de alta tecnologia no Adobe Illustrator - Um design gráfico para -

Padrão inspirado no Adobe Illustrator - Um design gráfico para Ikat

Sou de estrelas - formas em formas no Adobe Illustrator - Um design gráfico para Almoços, para

Padrão de cubo isométrico no Adobe Illustrator - Um design gráfico para Pattern

Knockouts no Illustrator — buros em formas - um design gráfico para Almoços™

Padrões de repetição de grande escala no Illustrator - Um design gráfico para Patterns

Colagem de papel em camadas no Adobe Illustrator - Um design gráfico para Collage

Vamos nos primeiros a a dar Desenhe novos tesouras no Adobe Illustrator - Um design gráfico para Gears

Traçador ao vivo (Bitmap para a vetor) no Adobe Illustrator - Um Design gráfico para Almoços, para Almoços™

Crie um pincel de padrão de renda no Adobe Illustrator - Um design gráfico para in

Crie pincéis de arte no Adobe Illustrator - Um design gráfico para Make

Crie arte com imagens de estoque no Adobe Illustrator - Um design gráfico para with

Crie arte complexa no painel de aparência no Adobe Illustrator - Um design gráfico para Almoços™

Crie padrões de ditch no Illustrator - um design gráfico para Patterns

Crie formas retro no Adobe Illustrator - Um design gráfico para -

Crie papéis de Scrapbook a vender no Adobe Illustrator - Um design gráfico para Almoços™

Crie uma grinds para impressão no Adobe Illustrator - Um design gráfico para Make

Doméstico no Adobe Illustrator - Um design gráfico para in

Mede de de hexagona no Adobe Illustrator - Um design gráfico para Pattern

Mais divertidos com scripts no Adobe Illustrator - Um design gráfico para Lunch™

Padrão Faux de múltiplas cores no Adobe Illustrator - Um design gráfico para Faux

Neon Effects no Adobe Illustrator - Um design gráfico para Neon

A paisagem a noite no Adobe Illustrator - Um design gráfico para Lunch™

Padrão espiral de Adobe Illustrator - Um design gráfico para Pattern

Design de padrões no Illustrator - Design gráfico no curso de Masterclass

Padrão em padrões e padrões irregulares no Adobe Illustrator - Um design gráfico para Lunch™

Padrão no Adobe Illustrator no Adobe Illustrator - fazendo o que é impossível - um design gráfico para Almoços™

Conhecimento de padrões no Adobe Illustrator - um design gráfico para -

Padrão de linhas e pontos no Adobe Illustrator - Um design gráfico para Dots

Padrões no Adobe Capture para ilustrador e Photoshop - Um design gráfico para Almoços™

Formas de rotação perfeitamente

Efeito de tubagem no Adobe Illustrator - Um design gráfico para Lunch™

Padrão de estrela de pop no Adobe Illustrator - Um design gráfico para Pattern

Gradiente de arco-íris e texto no Adobe Illustrator - Um design gráfico para Almoços™

Design de mandala em tempo real no Adobe Illustrator - Um design gráfico para in

Desenho de espelho em tempo real no Adobe Illustrator - Um design gráfico para -

Ilustração de paisagem no Adobe Illustrator - Um design gráfico para -

Viagem de estrada! Pincéis para DIY e tinta ao vivo no Adobe Illustrator - Um design gráfico para &

Padrão quadrado de Rode no Adobe Illustrator - Um design gráfico para Pattern

Padrões de textura repetida repetição sem

Design de sazonais - de giraa - no Adobe Illustrator - Um design gráfico para Almoços™

Ornamento de

Pincéis de flores Semi no Adobe Illustrator - Um design gráfico para in

Compartilhando e de arquivo do Adobe Illustrator - Um Design gráfico para Lunch™

Esboço para arte vetorial no Illustrator -

Efeito de imagem de esboço no Adobe Illustrator - Um design gráfico para Sketchy

Algo é de peixe a parte! Truques de painel de aparar no Adobe Illustrator - Um design gráfico para -

Esboço de textura no Adobe Illustrator - Um design gráfico para Stipple

Costura e agulhas e elementos de costura no Adobe Illustrator - Um design gráfico para Almoços™

Designs de arte para coragem no Adobe Illustrator - Um design gráfico para in

Os rabos elegantes para fazer e vender no Adobe Illustrator - Um design gráfico para Almoços™

Padrões de terrazo para o Adobe Illustrator - Um design gráfico para Patterns

Texto sobre fundos de fundo Busy no over - Um design gráfico para over

Padrão de pontos texturizado no Adobe Illustrator - Um design gráfico para Pattern

Padrões com triângulos no Adobe Illustrator - Um design gráfico para in

Digite um caminho no Adobe Illustrator - Um design gráfico para on

Entendendo as caixas de batidas no Adobe Illustrator - Um design gráfico para -

Use objetos do Photoshop no Illustrator - um design gráfico para in

Meio tons e Halftones no Adobe Illustrator - Um design gráfico para Almoços™

Texturas vetoriais no Adobe Illustrator - Um design gráfico para in

Formas e texto de Warde e de texto no Adobe Illustrator - Um design gráfico para &

Padrão sem costura de listra no Adobe Illustrator - Um design gráfico para in

Aquarelas com tipo e pincéis no Adobe Illustrator - Um design gráfico para with

Padrão de ondas no Adobe Illustrator - um design gráfico para Pattern

Designs de casto com pincéis de DIde no Adobe Illustrator - um design gráfico para Almoços™

Padrões de linha de linha de diagonal de baixo no Adobe Illustrator - um design gráfico para Almoços™

Design de papel de rasto de rasto de vender no Adobe Illustrator - Um design gráfico para Whimsical

Efeitos de texto de

Design de árvores de branco no Adobe Illustrator - Um design de gráfico para Whimsical

Grela e de designs florais no Adobe Illustrator - Um design gráfico para Almoços™

Pincéis de padrões inspirados no Adobe Illustrator - Um design gráfico para Lunch™

Conheça seu professor

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Visualizar o perfil completo

Habilidades relacionadas

Adobe Illustrator Design Design gráfico
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Design gráfico para tamanho de arquivo e resolução para: Olá, sou Helen Bradley e bem-vindos a este episódio muito especial de design gráfico para o almoço. Faça o correto: exporte dimensões e resoluções de arquivos no Adobe Illustrator. Agora, parece que esta aula nem deveria ter que existir. Isso deve ser tão simples de fazer e ainda assim não é. Eu tive montes de perguntas dos meus alunos aqui perguntando como eles exportam coisas no tamanho certo do Illustrator. Estou aqui para te dizer que não é assim tão fácil. O que vamos fazer é responder perguntas como, por que minhas imagens não são do tamanho certo? Vamos perguntar por que quando eu salvar uma ilustração que foi feita para ser 1000 pixels quadrados, o ilustrador salvá-lo como mais de 4000 pixels quadrados? Como posso definir uma imagem para 150 dpi ou 300 dpi ou qualquer dpi que eu precise e guardá-la de forma confiável nessa resolução? Como posso criar papel de scrapbook quadrado de 3600 pixels a 300 dpi sem puxar meu cabelo para fora? Por que minha imagem está com um pixel de tamanho? Que bagunça é essa no lado direito da tela? Agora, tudo isso e muito mais vamos abordar nesta aula. Esta é uma classe vital para quem deseja exportar imagens como JPEGS e pings em tamanhos e resoluções específicos. Esteja ciente de que isso não é tão fácil ou perfeito quanto poderia ou deveria ser. Esta é uma classe que basicamente todo usuário ilustrador vai querer ver. Agora, enquanto você está trabalhando nesses vídeos, você verá um prompt que permitirá que você recomende esta classe para outras pessoas. Por favor, se você está gostando e aprendendo com esta aula, faça duas coisas; primeiro, responda sim quando você for solicitado e, em segundo lugar, escreva apenas algumas palavras sobre por que você está curtindo a aula. Essas recomendações ajudam outros alunos da Skillshare a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Você precisa fazer isso na área da comunidade ou com seu projeto de aula e eu vou ler e responder a todos os seus comentários e perguntas. Vou olhar e responder, é claro, a todos os seus projetos de classe. Se você está pronto agora, vamos começar a usar o Illustrator for Lunch, exportando os arquivos de tamanho certo sempre, por que não é fácil e como você pode resolver os problemas. 2. Pt 1 - os problemas com a tamanho e resolução e para arquivo: Antes de conseguirmos encontrar algumas soluções para salvar documentos do lado direito do Illustrator, precisamos responder à pergunta, o que realmente está acontecendo aqui e qual é o problema que estamos buscando resolver. Eu tenho um pedaço de papel de álbum de recortes aqui e está em um quadro de arte que obstensivamente 3.600 x 3.600 pixels de tamanho. Se eu puder salvar isso em 300 DPI, eu estou esperando para obter uma folha de papel de 12 polegadas por 12 polegadas que é imprimível em 300 DPI. Esse é o documento de tamanho padrão que, por exemplo, você iria vender no Etsy. Tenho aqui o meu quadro de arte, vou exportá-lo. Vou escolher arquivo e, em seguida, exportar e, em seguida, exportar como. Agora, vou exportá-la como um JPEG. Aqui eu tenho, papel de álbum de recortes Jpeg. Eu vou usar meu quadro de arte porque eu dimensionei meu quadro de arte para exatamente o tamanho que eu quero. Vou clicar em “Exportar”. No próximo diálogo, podemos selecionar o modo de cor. Isso é bom. A qualidade que define a quantidade de compactação é aplicada ao arquivo. Quanto maior a qualidade, menor compressão e maior o arquivo. Você geralmente vai querer estar em torno de alto ou máximo. Vou definir isso para alto agora, e então você vai escolher a resolução. Agora, isto parece onde vamos definir o nosso 300 DPI. Diz PPI, mas estes são os tipos de resoluções que normalmente usamos para impressão. Eu vou definir alto em 300 PPI e eu vou clicar em “Ok”. Este arquivo agora está dimensionado. Eu tenho a pasta em que eu salvei esse arquivo aberto aqui. Quando eu clico neste arquivo, eu posso ler seu tamanho fora aqui na parte inferior da janela do Windows Explorer. São 15.000 por 15.000 pixels. Acabou de explodir por um fator de mais de quatro. O que está acontecendo? Que problema é esse? Por que não podemos obter um arquivo do tamanho que realmente queremos usar? Agora, a outra alternativa de salvamento que você pode usar é arquivo e depois exportar, e vamos usar salvar para web. Isso pode estar em outro lugar nos menus se você estiver usando uma versão anterior do Illustrator. Mas o que você está procurando é este salvar para a Web, este diálogo legado. Uma vez que tenhamos nossa arte aqui neste diálogo, você pode ver que a largura e a altura são ambos 3.600. Estamos recebendo uma imagem que vai ser do tamanho do quadro de arte. Mas não há opção neste diálogo para selecionar a resolução. Podemos escolher a qualidade. Novamente, esta é a quantidade de compressão aplicada à imagem. Eu tenho minha qualidade definida em 60%, mas não temos nada aqui que fale com resolução. Vou salvar este arquivo. Vamos ver o que acontece. Agora, este no final, eu vou adicionar um salvamento para a web, que possamos distingui-lo do anterior. Vou clicar em “Salvar”. Quando eu abrir essa pasta, desta vez você pode ver que eu tenho um arquivo cujas dimensões são 3.600 por 3.600. Isso funcionou em termos de tamanho do arquivo. Mas vamos aos detalhes da imagem e vamos ver qual é a resolução desse arquivo. Bem, é 96 DPI. Não são os 72, não são os 150, não são os 300 que vimos no diálogo de exportação de algum lugar. O Illustrator retirou a figura 96 e, portanto, esta é uma imagem de 96 DPI. Para usá-lo em um site que, por exemplo, requer 300 DPI, você não pode enviar isso. As imagens são dimensões certas, mas não é a resolução certa. Esses são alguns dos problemas que vamos resolver neste vídeo. Esta é a questão. Se você quiser obter arquivos do tamanho certo do Illustrator, é por isso que precisamos entender qual é o problema, e então vamos encontrar algumas soluções para resolvê-lo. Nós também vamos chegar a uma explicação que diz por que isso é de 15.000 por 15.000 pixels. O outro problema que vamos analisar é o que está causando isso. Eu tenho um quadro de arte aqui, e o quadro de arte tem 200 pixels por 200 pixels de tamanho. Naquele quadro de arte está um retângulo e tem 200 pixels por 200 pixels de tamanho, e é preenchido com vermelho. Não tem nenhum derrame. Quando eu escolho arquivo e, em seguida, exportar salvar para a Web, isso é claro seria salvo para a Web em versões anteriores do Illustrator. Vamos dar uma olhada e ver qual é o problema. este lado esquerdo desta forma, às vezes está do lado direito, às vezes está no topo ou no fundo. Mas no lado esquerdo desta forma em particular há um conjunto de pixels cor-de-rosa. Quando olharmos no rosa, você verá uma tabela de cores. Isso torna muito fácil identificar que temos alguns pixels cor-de-rosa em nosso quadrado vermelho. Se nós salvarmos isso, nós estaremos salvando um documento de 200 pixels por 200 pixels que realmente vai funcionar para este em particular, mas ele vai ter uma faixa rosa onde nós esperaríamos que ele fosse vermelho. O que está acontecendo aqui? Qual é esse problema e como podemos evitar que isso aconteça? Vamos lidar com isso de novo nesta aula. 3. Pt 2 - entenda o tamanho e a resolução do Illustrator: Vamos começar explorando por que esses documentos estão soprando em tamanho quando usamos a caixa de diálogo de exportação. Eu vou criar um novo documento que é apenas 1.000 pixels por 1.000 pixels e eu estou usando efeitos raster em 300 ppi, mas isso não tem efeito sobre o que está acontecendo, então não é isso que está causando os problemas. Vou clicar em “OK”. Vou adicionar um retângulo a isso que é exatamente o mesmo tamanho, 1.000 por 1.000 pixels de tamanho, clique em “OK”. Eu tenho este conjunto para alinhar para pranchetas, então eu vou apenas para nivelar isso acima da parte superior da prancheta. Eu vou desligar a greve, e eu vou apenas dar-lhe um preenchimento colorido. Não importa de que cor é. Agora temos um quadrado de 1.000 por 1.000 pixels. Quando eu escolho “Arquivo”, depois “Exportar” e depois “Exportar como”, o que eu vou fazer primeiro é dar um nome a isso. Neste caso, eu quero usar a prancheta porque eu quero que tudo seja 1.000 pixels por 1.000 pixels. Vou clicar em “Exportar”. Agora, neste ponto, é aqui que definimos a resolução, e definimos a resolução em um desses três valores ou o valor que escolhemos. Agora, se escolhermos Tela em 72 ppi, este documento será 1.000 pixels por 1.000 pixels. Mas se escolhermos Alto, o documento será 4.166 ou 67 pixels quadrados, e essa é a razão para isso. Vou à minha calculadora. O que eu vou fazer é digitar 300 porque é a resolução que estamos olhando, e eu vou dividir 300 por 72 porque sabemos que em 72, ou você sabe porque eu disse que em uma resolução de 72, o arquivo será de 1.000 pixels por 1.000 pixels. Vamos ver o que acontece quando dividimos 300 por 72. Temos essa figura mágica, esse multiplicador 4.166666 repetindo até que tenhamos sete, é claro, porque foi arredondado para cima. O que está acontecendo é que quando escolhemos uma resolução que não seja 72, o que o Illustrator está fazendo é multiplicar o tamanho do arquivo porque ele acha que não sabíamos o que estávamos fazendo. Ele acha que realmente precisamos de um arquivo muito maior, e é por isso que nossos tamanhos de arquivo vão explodir por esse fator de 4,16. Deixe-me limpar isso por um minuto e vamos dar uma olhada, e ver se estávamos usando um DPI de 150 tão extenso. Bem, 150 dividido por 72 é 2.083. Se salvarmos isso em 150 DPI, então nosso tamanho de arquivo será duas vezes e um pouco maior do que começou sendo ou o que presumimos que começaria sendo. Agora o arquivo está salvo, vamos voltar para a pasta. Aqui está o nosso arquivo e você pode ver como prometido que é 2.083 pixels. É um fator de 2.083 maior do que queríamos que fosse, mas há alguma lógica para o que o ilustrador está fazendo. Agora, a opção Salvar para Web, isso é muito simples. Quando você escolhe Salvar para Web, o que o Illustrator está fazendo é exportar isso em 96 DPI. É isso, é tudo o que você tem. Você não tem escolha aqui, mas você saberá que tudo será exportado no tamanho exato que você especificar, mas em 96 DPI. Claro, se 96 DPI não é o que você quer, então você precisa fazer algo para corrigir a resolução uma vez que você exportou seu arquivo se você estiver indo para usar essa opção para exportar arquivos. Eu realmente acho que é a melhor opção para usar, e eu vou mostrar-lhe uma solução alternativa para obter arquivos do tamanho certo fora dele. Mas eu acho que, na verdade , Salvar para Web, mesmo que seja um formato legado, vai ser melhor para pessoas que precisam um arquivo de tamanho específico com uma resolução específica, apenas que você vai ter que corrigi-lo um pouco no final. 4. Pt 3 - Alterar a resolução de imagem: Para encontrar um fluxo de trabalho que faça sentido para você, vamos dar uma olhada em quais são suas opções. Neste vídeo, vamos ver Salvar para Web. Tenho aqui o meu documento que é 3.600 por 3.600 pixels. Este retângulo é 3.600 por 3.600 pixels. Eu escolheria Arquivo, Exportar e Salvar para Web (Legado). Eu me certificaria de que o tamanho aqui e a área de tamanho da imagem, leiam 3.600 por 3.600 e eu iria em frente e salvaria isso. Eu já salvei isso uma vez antes, então eu vou realmente chamar esta versão dois. Então eu vou colocar v2 nele para que saibamos que este é o que acabamos de criar. Vou clicar em “Salvar”, vai demorar um pouco para salvar. Vamos voltar para aquela pasta. Aqui está a nossa versão dois, é 3.600 por 3.600, mas quando entramos em Propriedades e Detalhes, e damos uma olhada na resolução disso, é 96 DPI. Bem, aqui estão algumas soluções e uma das opções é usar o Photoshop. Vou clicar aqui para ir ao Photoshop e vamos pegar esse documento e soltá-lo no Photoshop. São as dimensões corretas, é apenas a resolução errada. Isso é o que fazemos no Photoshop; escolhemos Imagem, Tamanho da Imagem. Agora, a primeira coisa que você vai fazer é desligar esta Reamostragem porque você não quer reformular a imagem, o que significa que as únicas coisas que você pode mudar são a largura, a altura, e a resolução, e você vai mudar o 72 que ele diz aqui, mesmo que fosse uma imagem de 96 DPI quando demos uma olhada no Windows, vamos apenas ignorar isso. Vamos digitar o que realmente queremos, que é uma resolução de 300 pixels por polegada e agora, a largura é de 12 por 12. Este é o tamanho padrão do papel do álbum de recortes. As dimensões ainda são 3.600 por 3.600, mas o importante é que você desative este Resample porque não queremos tocar o tamanho da imagem, só queremos mudar sua resolução. Vamos clicar em “OK” e agora vou salvar isso, Arquivo, Salvar como. Vou colocá-lo de volta exatamente de onde veio, mas isso vai ser v3 porque esta é a versão editada. Nesta fase, confirmarei que quero usar sRGB como meu perfil. Vou clicar em “Salvar”. Mais uma vez, eu escolho a qualidade. Agora, uma coisa a ser realmente ciente aqui é que toda vez que você abrir um arquivo, que é um JPEG e salvá-lo, você estará perdendo alguma qualidade. Acabamos de perder alguma qualidade porque tratamos deste ficheiro. É necessário [inaudível] então você pode querer aumentar a qualidade nesta fase apenas um pouco para que você não perca muito. Você pode querer usar qualidades um pouco maiores do que você faria se este sistema funcionasse perfeitamente na primeira vez, então basta clicar em “OK”. Agora, vamos dar uma olhada na nossa v3. Novamente, as dimensões ainda são 3.600 por 3.600, modo que parte dela funcionou. Vamos para Propriedades, vamos para Detalhes, vamos rolar para baixo e temos uma imagem de 300 DPI. Esta é agora a imagem que poderíamos vender no Etsy, poderíamos carregar para qualquer site que exigisse um 12 por 12 folha de papel ou 12 por 12 documento em 300 DPI. Claro, você não precisa estar fazendo papel de scrapbook aqui, eu só estou usando isso como um exemplo. Tudo o que você deseja fazer é garantir que o arquivo seja salvo no Illustrator nas dimensões de pixel necessárias. Abra-o no Photoshop, altere a resolução para 300, ou 150, ou o que for necessário, e você estará fora e funcionando. Agora, se você não tem Photoshop, aqui está o que eu sugiro. Eu vou dar-lhe um link para este site, mas é um site convertido e o que ele faz é que ele muda o DPI de imagens. Vou começar digitando aqui um novo valor de DPI. Então eu estou deixando em 300, que é o padrão do site, mas você pode simplesmente digitar sobre isso com qualquer valor DPI que você precisa. Vou clicar em “Escolher arquivo” e clicar no papel que criamos, o papel v2 que é as dimensões físicas certas, mas o DPI errado. Vou clicar em “Abrir”. Vamos esperar que isto seja carregado e convertido. Enquanto estamos aqui, você pode salvar que, se você usar o Windows, você pode baixar um aplicativo de desktop de imagem DPI. Mas a minha imagem está agora completamente convertida. Este é o que acabei de converter, o V2. Vou clicar com o botão direito do mouse em “Salvar link como” e eu vou salvá-lo novamente aqui, mas eu vou fazer este v4 para apenas para que possamos identificá-lo. Este é o que veio da web. Vamos dar uma olhada no Windows Explorer. Aqui está o v4, vamos verificar suas propriedades. É 3.600 por 3.600 pixels, então não mudou de tamanho, sua resolução mudou. Novamente, isso seria de um tamanho e resolução que seria adequado para qualquer coisa que precisasse de uma folha de papel 12 por 12 ou 12 por 12 para ser impresso a 300 DPI. Agora, eu sei que isso é manipulação dupla do arquivo, mas quer saber? Eu realmente gosto muito mais do diálogo Salvar para Web do que o diálogo Exportar. No próximo vídeo, vou mostrar-lhe exatamente por que eu acho que é o seu diálogo de escolha. 5. Pt 4 - use Save para web: Estou de volta ao Illustrator, e aqui eu tenho um quadro de arte que tem 1.000 pixels por 1.000 pixels de tamanho, e tem um retângulo nele que é 1.000 pixels por 1.000 pixels. Então, em vez de olhar para o preenchimento azul, vamos dar uma olhada em um padrão. Eu criei algo que é um tamanho que não é 3.600 por 3.600, mas eu decido que eu quero um documento que é 3.600 por 3.600 fora dele. Bem, é por isso que eu amo a caixa de diálogo Salvar para Web, Arquivo, Exportar, Salvar para Web. O tamanho padrão aqui é uma largura e altura de 1.000. Esse é o tamanho do nosso quadro que eu tinha no Illustrator. Mas eu posso mudar isso. Eu tenho essas opções aqui bloqueadas para que se eu mudar a largura, a altura vai ajustar de acordo. Vou digitar 3.600. O Illustrator vai rerenderizar esta imagem para ser uma imagem com 3.600 x 3.600 pixels de tamanho. Infelizmente, quando eu guardá-lo, ele ainda vai ser 96 dpi, mas up-sized esta imagem para mim. Então, agora, quando eu clicar em Salvar e chamar este teste dois, clique em Salvar, e nós temos nosso documento de teste dois aqui, que é 3.600 por 3.600 pixels. Tudo o que temos que fazer é abri-lo no Photoshop e mudar sua resolução se quisermos que seja algo diferente de 96 dpi. O verdadeiro benefício dessa caixa de diálogo Salvar como é que você pode fazer exatamente isso. Você pode especificar o tamanho que deseja que sua imagem seja, para que você possa dimensioná-la e reduzi-la. Também nesta caixa de diálogo, você pode selecionar PNG como seu formato de arquivo, se quiser. Com JPEG, é claro, você pode especificar a qualidade do JPEG que está exportando. Mas eu realmente gosto deste diálogo, é o que eu uso. Eu não uso Export As porque eu não gosto de ter que sair de uma calculadora sempre que eu quiser obter um arquivo de tamanho certo. Mas se você quiser continuar a usar Exportar como , em nosso próximo vídeo, vamos dar uma olhada e ver como você pode matematicamente o tamanho de um documento que você precisa exportar para obter o tamanho certo do documento no outra extremidade. 6. Pt 5 - trabalhe com exportação como: Em um vídeo anterior, vimos que quando você usa a exportação como ilustrador, assume que você vai exportar um documento de 72 DPI. Se você quiser que seu documento tenha uma resolução mais alta , em seguida, ilustrado como sopra o tamanho do arquivo. Então vamos ver como nos adaptaríamos a esse comportamento. Eu tenho um documento aqui de placa de arte que é 1000 pixels por 1000 pixels de tamanho e a obra de arte nele é 1000 por 1000. Se quisermos que ele permaneça 1000 por 1000, mas queremos 300 DPI, teremos que mudar o tamanho do arquivo antes de exportá-lo, porque caso contrário, ele vai acabar sendo 4000 pixels de tamanho. Então aqui está o que vamos fazer. Vamos pegar 1000 pixels, que é a dimensão atual deste arquivo e vamos dividi-lo por 4.1666, repetindo e vamos apenas adicionar um sete no final apenas para arredondá-lo e vamos obter a resposta que está em torno de 240 é 239.99 por isso é 240. Então o que precisamos fazer é dimensionar este documento para baixo. Então, quando nós o salvamos em 300 DPI, ele é explodido para o tamanho certo. Precisaríamos ir ao nosso seletor de placas de arte e precisaríamos dimensionar nossa placa de arte para 240 por 240. Então vamos para a arte sobre o laço artístico. Eu vou selecionar tudo, eu estou indo para a opção de transformação aqui e eu vou dimensionar tudo isso para 240 por 240. Estou apenas clicando em um ícone de cadeado aqui, então ele é dimensionado verticalmente e horizontalmente ao mesmo tempo. Agora, eu tenho um quadro de arte e uma obra de arte que tem 240 pixels por 240 pixels. Agora, quando eu escolher exportar arquivo, exportar como, Eu vou chamar este teste quatro, Eu vou clicar em usar placas de arte, eu vou clicar em exportar e da resolução eu vou ter certeza de que eu estou selecionando 300 DPI porque esse é o cálculo em que eu baseei esse tamanho de documento. Vou clicar bem. Agora, quando vamos para a nossa pasta e temos uma olhada no teste quatro, temos um documento que é 1000 por 1000. Era o que esperávamos que fosse dimensionado. Quando eu verifico suas dimensões usando o painel de detalhes aqui nas propriedades, é 300 DPI. Portanto, é possível, como você já viu, exportar um arquivo no tamanho certo e a resolução correta usando export como, mas você tem que fazer alguma matemática e se você não começar com o tamanho certo documento para começar com então não só você terá que fazer alguma matemática, mas você também vai ter que redimensionar o documento no processo e eu acho que isso é complicado. É por isso que eu gosto de salvar para web muito melhor, mas é claro que sua quilometragem pode variar, você pode preferir isso então é assim que você faz a matemática para se certificar de que você quer começar com o arquivo de tamanho certo ou você acabar com o arquivo de tamanho certo que você pode exportar e obter os resultados que você está procurando. 7. Pt 6 em como lidar com Stray Pixels em imagens: Agora, há uma coisa para nós ainda dar uma olhada antes de terminarmos esta aula, e esse é o problema desses pixels extra rosa. Quando eu escolher Arquivo, Exportar, Salvar para Web Legacy neste documento, você verá que há uma linha de pixels cor-de-rosa aqui abaixo. Agora, às vezes você pode ver alguns artefatos JPEG, então esta não é uma imagem JPEG. Mas se eu for para JPEG e escolher 60% de qualidade, você verá um pouco de descoloração através da imagem. Isso tem a ver com a qualidade do JPEG. O problema rosa é algo completamente diferente, e escolher JPEG ou PNG não vai fazer diferença aqui. Nós realmente temos um problema. Este é um quadrado vermelho com uma linha de pixels cor-de-rosa. Se o salvarmos, é exatamente o que teremos no arquivo salvo. Vou voltar para o Illustrator, e vamos descobrir o que está causando isso, e tem a ver com a prancheta. Tenho a ferramenta de prancheta selecionada e quando li a prancheta, a posição dessa prancheta está em 100,5 pixels. Não é um número redondo de pixels. Há duas coisas que podem causar essa coisa de pixel de deslocamento ao redor da borda de seus documentos, e é que a prancheta em si não está posicionada em um local exato de pixel, é 0,5 ou 0,25 ou algo, ou é que a prancheta em si não é um número inteiro de pixels. Aqui eu vou fazer este 100 pixels. Portanto, sua posição no eixo x para o meio desta prancheta está em 100, 100. Ambos são números inteiros. Estes precisam ser números inteiros, bem como, a largura e a altura. Tendo corrigido isso, agora vamos escolher Arquivo, Exportar, Salvar para Web Legacy. Agora verá que não temos mais esse problema. O retângulo não mudou. O retângulo sempre foi o tamanho certo. A prancheta estava causando problemas, o posicionamento da prancheta, mas poderia facilmente ter sido o tamanho da prancheta. Portanto, você quer ter certeza de que suas pranchetas são sempre números redondos de pixels, e que eles estão sempre posicionados em um valor que é um número inteiro de pixels uma posição x e y. Isso evitará o problema de ter pixels perdidos nas bordas de seus documentos. Agora, eu noto que este problema semelhante está prestes a acontecer comigo aqui. Agora, eu tenho uma prancheta aqui que é de 300 pixels por 300 pixels e está em um número inteiro de pixels posição. Tão extensivamente, não há nada de errado com isso, e parece que eu tenho um retângulo verde, ou um quadrado verde aqui que está cobrindo a prancheta. Vou escolher Arquivo e Exportar, Exportar como. Vou chamar isto de 300 pixels de quadrado. Não estou usando pranchetas e vou clicar em Exportar. Vou enviar esta arte como uma imagem de 72 PPI, o que significa que deve ser 300 por 300 quando for salva. Agora eu tenho a pasta, abra aqui, então vamos clicar nesta imagem e dizer o que está acontecendo. Na verdade, as dimensões desta imagem são 302 pixels por 300 pixels. É pixels muito mais largos do que esperávamos. Há uma explicação para isso, e há algumas maneiras de resolvê-lo. Quando eu selecionar esse retângulo, você dirá que é 300,7 pixels por 300 pixels de tamanho. É um pouco mais de 300 pixels, e é esse 0.7 que está causando o excesso de tamanho do arquivo. Poderíamos fazer uma de duas coisas. Nós poderíamos realmente fazer isso o tamanho correto, 300 por 300, então ele cobre a prancheta. Ou quando escolho Arquivo, Exportar, Exportar como, posso escolher Usar pranchetas. Vou chamá-lo de 300 pixels versão quadrada 2. Vou clicar em “Exportar”. Novamente, 72 PPI, então não deve mudar em dimensões, porque não estamos aplicando nenhum fator de multiplicação aqui. Desta vez, o quadrado de 300 pixels é dimensões corretas, é 300 pixels quadrados, então está combinando com a prancheta. Se você quiser ter certeza de que as coisas vão em um tamanho de prancheta, sempre certifique-se de selecionar a prancheta. Mesmo que os objetos que estão na prancheta não tenham tamanho perfeito, o arquivo exportado terá o tamanho correto. Claro, você ainda precisa ter certeza de que sua prancheta está em um número inteiro de pixels na posição. Porque se estiver desligado por meio pixel, então você terá uma imagem resultante que provavelmente estará desligada por meio pixel. 8. Projeto e envolvimento e: Espero que você tenha gostado desta classe e espero que agora você possa exportar seus documentos como JPEGs ou PNGs em um tamanho e com uma resolução de impressão que você precisa exportá-los. Eu realmente agradeceria se fosse o seu projeto de aula, você acabou de me dizer qual parte deste vídeo realmente te ajudou. Deixe-me saber se você planeja usar a opção legada Salvar como da Web ou se você vai ficar talvez com Exportar como. Como você está assistindo a esses vídeos, você verá um prompt para recomendá-lo a outros. Por favor, se você gostou deste vídeo e aprendeu algo com ele, diga sim para recomendá-lo aos outros e escreva apenas algumas palavras sobre por que este vídeo foi valioso para você. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e beneficiar. Se você quiser me deixar uma pergunta ou um comentário, por favor, faça isso na área da comunidade da turma ou junto com seu projeto da turma e responderei a todas as suas perguntas. Bem, eu tentei cobrir as principais eventualidades neste vídeo, se há algo que eu deixei de fora, por favor me avise e eu estou muito feliz em fazer um vídeo bônus para ajudá-lo se você está encontrando problemas. 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.