Alterar o tamanho da imagem

Vejamos como alterar o tamanho de uma imagem no Photoshop CC. Sugiro que comece com esta imagem dos arquivos de prática para download neste tutorial. Quero definir o tamanho desta imagem para que se ajuste a um determinado site, no qual o tamanho ideal de imagem é de 900 pixels de largura. Antes de redimensionar a imagem, vamos ver qual é o tamanho real. Na maioria dos casos, é melhor começar com uma imagem maior ou, pelo menos, que não seja muito menor do que a imagem redimensionada necessária. Porque, se você aumentar muito uma imagem, em algum momento, ela vai ficar desfocada. Vou até a barra de status, na parte inferior da janela Documento e clico e seguro as informações de tamanho do documento. Na janela pequena que é exibida, é possível ver que o arquivo tem 1800 pixels de largura por 1200 pixels de altura. Como precisamos encaixá-la em um lugar que tem apenas 900 pixels de largura no site, precisaremos reduzir o tamanho. Para redimensionar a imagem, acesso o menu Imagem e seleciono Tamanho da imagem... Isso abre a caixa de diálogo Tamanho da imagem. Se desejar, você pode aumentar a janela navegando até o canto inferior direito e arrastando. À esquerda, você pode ver uma visualização da imagem e, à direita, estão os controles para alterar o tamanho da imagem. Há muitas informações aqui, mas você não precisa passar por todas elas, principalmente para redimensionar uma imagem que será exibida na tela, diferentemente de uma impressão, como estamos fazendo neste exemplo. Temos que verificar algumas coisas aqui. Primeiro, verifique se este ícone de vínculo está ativado. Esta é a aparência quando está ativado. Ao clicar nele, terá esta aparência se estiver desativado. Queremos que fique ativado para garantir que a Largura esteja vinculada à Altura, para que, durante o redimensionamento da imagem, a proporção original da altura para a largura seja preservada e a imagem não fique achatada ou esticada. Em segundo, verifique se há uma marcação nesta caixa, a caixa Restaurar resolução. Quando essa caixa é marcada, você diz ao Photoshop CC que é OK descartar alguns pixels ao reduzir a imagem. Ou, se estiver aumentando a imagem, adicionar alguns pixels. Em terceiro, dê uma olhada à direita e acima dos campos Largura e Altura, nos quais você pode ver a unidade de medida usada para informar as dimensões da imagem. Por padrão, a medida é definida em polegadas. Mas, ao redimensionar uma imagem para uso na tela, como estamos fazendo neste exemplo, a unidade de medida correta não são polegadas, são pixels. Vou clicar em um desses menus, mudar de polegadas para pixels e o outro menu também é alterado, porque a Largura e a Altura estão vinculadas. Agora é hora de mudar o tamanho. Vou até o campo Largura e, em vez de 1800, vou digitar 900. Observe que o campo Altura mudou de forma automática e proporcional. Agora, uma dica bônus: Se quiser que uma imagem tenha proporções diferentes, como 900 x 400, em vez de 900 x 600, nesse caso, a melhor forma de fazer isso é usando outra ferramenta, a ferramenta Corte demarcado, que explicaremos em outro vídeo. Antes de clicar em OK, você pode estar imaginando por que eu não alterei o campo Resolução. O campo Resolução só é relevante ao preparar uma imagem para impressão. Ao redimensionar uma imagem para uso na tela, como neste exemplo, o número nesse campo não afeta as dimensões da imagem. Você pode deixá-lo do jeito que está. Após fazer essas alterações na caixa Tamanho da imagem, podemos clicar no botão OK para fechar a caixa de diálogo Tamanho da imagem e voltar para a janela Documento. Se desejar, volte para a barra de status e verifique o tamanho da imagem redimensionada. Eu clico e seguro as informações e você pode ver que agora temos uma imagem de 900 x 600 pixels em vez da imagem original de 1800 x 1200. Você só precisa salvar a imagem. Vou até o menu Arquivo e escolho Salvar como... em vez de Salvar, pois não quero sobrescrever o original, a versão de 1800 x 1200 pixels. Na caixa de diálogo Salvar como, darei outro nome para esta versão. Você pode digitar o que quiser aqui. Vou digitar "Web" para minha versão Web redimensionada do arquivo. Vou deixar o restante como está e clicar em Salvar. Vou clicar em OK na janela Opções JPEG e terminamos. É assim que redimensionamos uma imagem para uso na tela na caixa de diálogo Tamanho da imagem no Photoshop CC. 

Se você gosta de imprimir imagens, pode ser útil ter uma noção básica do que significa resolução de imagem no Photoshop CC e como alterar a resolução de uma imagem para prepará-la para impressão. Isso é feito na caixa de diálogo Tamanho da imagem. Se você está acompanhando, vamos abrir esta imagem, encontrada nos arquivos de prática deste tutorial. Vá até o menu Imagem e selecione Tamanho da imagem... Na caixa de diálogo Tamanho da imagem, as dimensões da imagem são indicadas em pixels. Quando uma imagem ainda está no computador, é assim que medimos o tamanho: em pixels. Mas, ao imprimir a imagem, medimos o tamanho em polegadas, não pixels. Aqui no campo Resolução, você vê a resolução definida para a imagem: 100. Não há nada de especial em uma resolução de 100, é apenas um número redondo que escolhi quando configurei o arquivo para esta lição. O que resolução significa aqui? Lendo esta linha da esquerda para a direita, você pode ter uma ideia. Isto indica que a resolução é um certo número de pixels por polegada, no caso 100 pixels por polegada. Outro modo de dizer isso é: ao imprimir esta imagem, 100 pixels do total de 1.800 na horizontal e 1.200 na vertical serão designados para cada polegada impressa, na horizontal e na vertical. Se não gosta de problemas de matemática, pode pular a próxima parte, mas, se gosta de pensar em termos matemáticos, eis um exemplo simples. O problema de matemática é: dividindo 1.800 por 100, o resultado é 18. Ou seja, com a resolução de 100 pixels por polegada, o arquivo será impresso com 18 polegadas na horizontal. E também funciona na vertical. Dividindo o total de 1.200 pixels de altura em grupos de 100, são 12 grupos, ou 12 polegadas. Então a altura da imagem impressa será de 12 polegadas. Se entendeu esse conceito básico, você deve estar imaginando qual é o melhor número para colocar no campo Resolução ao preparar uma imagem para impressão. Infelizmente, não há uma resposta única, pois depende da impressora utilizada. Mas, supondo uma impressora a jato de tinta comum para uso doméstico, podemos dizer que uma resolução de cerca de 300 pixels por polegada serve. Se eu imprimir a imagem com apenas 100 pixels por polegada, ela pode parecer OK, mas, se você olhar bem de perto, não fica muito bom. Porque a impressora de mesa a jato de tinta precisa mesmo de cerca de 300 pixels por polegada. Como fazer para alterar a resolução de uma imagem impressa para 300 pixels por polegada nessa caixa de diálogo? O primeiro passo é verificar se a caixa Restaurar resolução está desmarcada. Porque, se estamos só alterando a resolução, provavelmente não queremos mudar o número total de pixels no arquivo. É isso que Restaurar resolução faz. Digamos que o número total de pixels no arquivo deve continuar como 1.800 por 1.200. Só queremos realocá-los em grupos de 300, em vez de grupos de 100. Então, vou digitar 300 no campo Resolução. Atenção: quando eu faço isso, o número de polegadas nos campos Largura e Altura também muda. Vamos digitar 300 aqui. Realmente, a Largura e a Altura mudaram de 18 polegadas e 12 polegadas para 6 polegadas por 4 polegadas. Esse é o tamanho no qual a imagem será impressa com a resolução necessária para ter a melhor impressão. Terminei aqui, então vou clicar em OK. A caixa de diálogo Tamanho da imagem é fechada e eu volto para a janela Documento. Aqui está uma imagem pronta para salvar e imprimir com 6 polegadas por 4 polegadas e 300 pixels em cada polegada. 

A ferramenta Corte demarcado é uma das mais úteis do Photoshop CC, em especial para quem gosta de tirar muitas fotos. Você pode usá-la para melhorar uma composição e para endireitar fotos tortas. Abri esta foto dos arquivos de prática do tutorial para mostrar as noções básicas do Corte demarcado. Para começar, seleciono Corte demarcado aqui no painel Ferramentas. Imediatamente, aparece esta borda em torno da imagem toda. Essa é a caixa de corte. Vou mover o cursor até um dos cantos ou uma das bordas da caixa de corte e arrastar para alterar a forma da caixa. Neste caso, vou arrastar bem para dentro para criar uma composição muito diferente da fotografia original. Quando você cria um corte demarcado, o Photoshop CC exibe uma visualização com as áreas a serem cortadas sombreadas em cinza. Assim, você pode avaliar o que está prestes a eliminar antes de finalizar o corte demarcado. Antes de finalizar este corte, quero ir até a barra de opções para mostrar uma opção importante: Excluir pixels cortados. Essa opção está marcada por padrão. Em geral, prefiro desmarcá-la. Porque, quando Excluir pixels cortados está marcada, se você finalizar o corte e salvar a imagem, os pixels cortados serão excluídos permanentemente. Mas, com essa opção desmarcada, você pode recuperar os pixels cortados quando quiser. Vamos tentar. Vou finalizar este corte indo até a grande marca de seleção na barra de opções e clicando nela. Há outras formas de finalizar um corte, mas eu gosto dessa maneira porque é muito simples. Agora você vê a foto com o corte aplicado. Digamos que eu esteja fazendo outra coisa com a imagem e aí mudo de ideia sobre o recorte. Quando quiser, posso voltar e selecionar a ferramenta Corte demarcado e clicar na imagem novamente: todos os pixels que foram cortados reaparecem, e posso alterar o corte. Desta vez, talvez eu inclua parte dos pixels cortados. Talvez você tenha notado uma grade de linhas verticais e horizontais sobre a foto enquanto uso a ferramenta Corte demarcado. Essa sobreposição representa uma técnica clássica de composição conhecida como regra dos terços. A ideia dessa técnica é que, se colocar o conteúdo importante de uma imagem na interseção de qualquer uma dessas linhas horizontais e verticais, você pode melhorar a composição. Vamos experimentar com esta imagem. Vou colocar o buquê nesta interseção clicando na imagem e arrastando-a até aqui. Posso alterar a forma do limite do corte um pouco mais, aproximando-o mais do buquê. Depois eu clico na marca de seleção. Novamente, clico na imagem com a ferramenta Corte demarcado para tentar refinar o corte um pouco mais. Noto que a imagem está um pouco torta, especialmente aqui embaixo na mesa. Umas das ações possíveis com o Corte demarcado é endireitar uma imagem. Há duas maneiras de fazer isso: movendo o cursor fora de um dos cantos ou arrastando manualmente para endireitar a imagem, e a grade é exibida para ajudar com isso. Prefiro o método automático. Vou desfazer, Command + Z no Mac, Ctrl + Z no PC. Agora, a imagem está torta de novo, vou até a barra de opções para usar a ferramenta automática para endireitar. Clico na ferramenta para selecioná-la na barra de opções da ferramenta Corte demarcado. Passo para a imagem e clico ao longo da borda da mesa, seguro o botão do mouse e arrasto um pouquinho adiante ao longo dessa borda. Não é preciso seguir até o final ao longo da borda. Às vezes basta só um pouquinho, desta maneira. O Photoshop CC usa sua linha como guia para girar a imagem, endireitando o conteúdo Vou refinar o corte um pouco mais, levantando esta borda e movendo o buquê um pouco para deixá-lo bem no centro. Depois vou até a barra de opções e clico na marca de seleção para finalizar o corte. Essas são algumas noções sobre a ferramenta Corte demarcado. Espero que você experimente essas técnicas ao trabalhar em suas composições no Photoshop CC. 

Algumas vezes, convém aumentar a tela de pintura do documento, criando espaço para adicionar elementos como texto ou imagens ao design. Para isso, use o comando Tamanho da tela de pintura, que vamos examinar nesta lição. Se você está acompanhando, pode usar esta imagem dos arquivos de prática do tutorial ou uma imagem à sua escolha. Para aumentar a tela de pintura em torno da imagem, vou até o menu Imagem, onde há o comando Tamanho da tela de pintura... logo abaixo do comando Tamanho da imagem... Só para deixar claro, o comando Tamanho da imagem..., que examinamos em outro vídeo do tutorial, é diferente do comando Tamanho da tela de pintura... Diferentemente de Tamanho da imagem..., Tamanho da tela de pintura... não muda o tamanho das fotos ou outras ilustrações ou imagens em uma composição; apenas permite adicionar espaço ao redor dos itens. Selecionamos Tamanho da tela de pintura... e isso abre a caixa de diálogo de mesmo nome. No alto da caixa de diálogo, a largura e a altura da imagem são indicadas em polegadas. E aqui você pode aumentar a largura da tela de pintura, a altura ou ambas. O padrão desses campos também é a definição em polegadas. Mas, ao preparar uma imagem para uso online, e não para impressão, faz mais sentido alterar a unidade de medida para pixels, pois é assim que medimos e mencionamos o tamanho das imagens na tela, como você aprendeu antes neste tutorial. Vou alterar um desses menus de polegadas para pixels. O outro menu também muda. Se souber a largura total, em pixels, que a imagem deverá ter após a expansão da tela de pintura, você pode digitar esse número aqui no campo Largura. Mas, em geral, é mais fácil informar ao Photoshop CC quantos pixels devem ser adicionados à tela de pintura sem se preocupar com o total. Para fazer isso, venha até aqui e clique na caixa de seleção Relativa. O número nos campos Largura e Altura é definido como zero. Agora eu posso digitar o número de pixels que quero adicionar à tela de pintura. Digamos que eu queira adicionar 400 pixels à largura da tela de pintura. Digito 400 aqui. Se eu quisesse aumentar a altura da tela, também poderia. Por enquanto, vou deixar como zero. Clico em OK para aplicar a alteração. Na janela Documento, você pode ver que o Photoshop CC aumentou a tela dos lados esquerdo e direito da foto. Ele dividiu os 400 pixels de largura extra que eu pedi em 200 pixels à direita e 200 pixels à esquerda. E se eu quiser adicionar tela de pintura só a um lado da imagem? Digamos, do lado direito. O processo é um pouco diferente. Vamos desfazer o que fizemos até agora e fazer essa experiência. Pressiono Command + Z no Mac ou Ctrl + Z no PC para desfazer. Volto ao menu Imagem e seleciono Tamanho da tela de pintura... outra vez. A primeira coisa que vou fazer aqui é ver se os campos Largura e Altura ainda estão definidos como Pixels. Não estão; eles reverteram ao padrão, polegadas. Novamente, altero esses menus para Pixels. Verifico de novo se Relativa está marcada. Como eu disse, quero que a tela adicional só apareça do lado direito da imagem. Para isso, vou até este diagrama Âncora e clico na caixa do meio do lado esquerdo do diagrama. Isso instrui o Photoshop CC a fixar ou ancorar a imagem do lado esquerdo da tela de pintura e colocar a tela extra à direita da imagem. Agora vou até o campo Largura e digito o número de pixels que quero adicionar à direita da imagem. Vamos adicionar 800 pixels e clicar em OK. E esse é o efeito exato que eu queria. Você deve ter notado que, até agora, as extensões da tela de pintura foram todas brancas. Mas você pode controlar a cor da extensão na caixa de diálogo Tamanho da tela de pintura, usando o menu Cor da extensão da tela de pintura. Se você estiver trabalhando em outra imagem e não estiver em uma camada especial de plano de fundo, como estamos nesta imagem, o menu Cor da extensão da tela de pintura não estará disponível e a tela de pintura adicionada será transparente. Ela aparecerá como um xadrez cinza e branco no Photoshop CC. Vou clicar em Cancelar. Se eu quiser salvar esta imagem, vou para o menu Arquivo e seleciono Salvar como..., para não salvar sobre o original. É assim que você adiciona espaço à tela de pintura do documento para ter espaço extra para adicionar elementos à imagem.