Como imprimir uma imagem em várias folhas A4. Divida uma foto em partes iguais no Photoshop

Esta lição é dedicada à questão de um visitante do nosso site: como dividir uma imagem em várias partes usando a ajuda de colocá-la em um menu do site?

Em princípio, existem várias opções para resolver este problema; apresentamos, em nossa opinião, a forma mais simples e óbvia. Como exemplo, utilizamos a foto mostrada na figura à esquerda. Esta foto mede 400 por 400 pixels. Tentaremos dividi-lo em 4 quadrados, medindo respectivamente 20 por 200 pixels. Como você verá mais adiante nesta lição, você pode dividir o desenho não necessariamente em quatro partes e não necessariamente em um formato quadrado.

Então, primeiro vamos abrir a foto em editor gráfico Paint.NET e crie uma nova camada transparente no topo da foto. Nesta camada precisamos desenhar uma grade que irá dividir a foto na quantidade de partes que precisamos. Desenharemos a grade em uma camada separada para não estragar a foto em si. Em princípio, você pode usá-lo para desenhar uma malha e desenhá-la com ela. No entanto, existe uma maneira mais fácil. Para desenhar a grade, utilizamos uma externa adicional, cuja descrição pode ser encontrada em nosso site.

Na figura à direita fornecemos uma captura de tela das configurações que usamos. Definimos a largura e a altura das células da grade em 200 pixels. Se você precisar fazer um tamanho de grade diferente ou fazer uma grade retangular em vez de quadrada, isso é fácil de fazer mudança simples esses parâmetros. Para a cor das linhas da grade, utilizamos a cor principal branca para maior clareza. Porém, a escolha da cor não é de fundamental importância. Como resultado, obtivemos a malha mostrada na figura abaixo.

Agora para criar frames, usamos a camada de malha para selecionar a área desejada. Para fazer isso, basta clicar com a ferramenta varinha mágica em qualquer lugar da célula desejada na camada com a grade. Em seguida, ative a camada da foto e copie a área selecionada. O fragmento copiado agora pode ser salvo como uma imagem separada, por exemplo, para postagem em um site, ou você pode fazer como fizemos na figura abaixo.

Ao trabalhar com gráficos, às vezes é necessário dividir uma imagem inteira em fragmentos. Isso pode ser feito em qualquer editor gráfico, mas é melhor usar Adobe Photoshop. Muitos usuários possuem esse editor instalado, mas o interessante é que a maioria deles não sabe realmente como trabalhar com ele. E mesmo quando você precisa fazer isso operação simples como dividir uma imagem em fragmentos, eles começam a fazer algo sofisticado copiando e colando as áreas selecionadas em uma nova tela.

Na verdade, tudo isso é feito de forma elementar. Adobe Photoshop fornece uma ferramenta especial para esses fins. Ele permite cortar uma imagem inteira em pedaços retangulares e salvá-los como imagens individuais com apenas alguns cliques do mouse. Por ser um elemento aninhado da barra de ferramentas, os usuários novatos simplesmente não o veem. Ele está localizado no mesmo menu que "Quadro".

Externamente, assemelha-se a um bisturi comum. Pegamos e movemos ao longo da imagem aberta, e ele divide em partes, que são imediatamente marcadas linhas finas. Cada fragmento também é numerado automaticamente para que o usuário possa ver claramente em quantas partes a imagem original será dividida.

O fragmento ativo é destacado com uma moldura laranja, enquanto as bordas das outras partes são azuis ou ciano. Selecionando uma área usando a ferramenta "Selecionando um fragmento", localizado no mesmo menu, você pode alterar seu tamanho, esticá-lo verticalmente e horizontalmente.

E agora o mais importante. Para salvar a imagem como partes separadas, no menu principal você precisa selecionar a opção não "Salvar como", A .

Isso abrirá uma janela de otimização na qual você poderá configurar os parâmetros para salvar fragmentos, por exemplo, selecionar o formato e o nível de qualidade.

Depois disso, pressione o botão e especifique o modo de salvamento.

Três modos estão disponíveis: "Somente imagens", "HTML e imagens" E "Somente HTML". Se não for criar uma página HTML, você pode deixar tudo como padrão.

Todos os fragmentos selecionados serão salvos em uma pasta “imagens” separada no local que você especificar.

Desde o início de sua existência, o Photoshop conta com uma série de ferramentas necessárias para webmasters e construtores de sites. Por exemplo, por padrão, mesmo nos ambientes mais versões mais recentes Os programas são instalados, por assim dizer, conjuntos “antigos” (eram usados ​​​​principalmente para criar gráficos e botões para web). Assim, entre essas ferramentas, o lugar central é ocupado por Cortando e selecionando um fragmento- indispensável para designers de sites.

Como o design do site é criado? Primeiro, é desenhado um layout de design do futuro site (geralmente é desenhado no Photoshop). Nesse layout está desenhado tudo: cabeçalho do site, logotipo, menu, blocos de informações e tudo mais. Em seguida, o designer de layout pega a ferramenta Corte e corta esse layout em fragmentos separados. Para que serve isso? Cada fragmento do site deve funcionar, e o código é responsável pelo trabalho. Portanto, é necessário dividir o layout em pequenas partes e cada uma delas terá seu próprio código, para que no final tudo no site funcione, clique, pisque e assim por diante.

Em geral, a ferramenta de corte é necessária precisamente para esta finalidade. A ferramenta Seleção de Fragmentos é uma tarefa auxiliar que permite trabalhar com fragmentos já cortados. Mais adiante neste artigo descreverei tudo com mais detalhes.

Como funciona a ferramenta Nesting

Ferramenta Corte divide a imagem em fragmentos separados, que são separados da imagem após ela ser salva.

De acordo com o princípio de uso, assemelha-se. Tudo o que você precisa fazer é desenhar uma área retangular ao redor da parte da imagem que deseja separar. Veja como é na prática:

Usei uma seta amarela para apontar para o fragmento que criei. As setas azuis marcam os limites dos fragmentos criados pelo Photoshop.

Princípio de funcionamento

Todos os fragmentos devem ser retangulares. Portanto, ao selecionar um fragmento no meio da imagem, o Photoshop calculará automaticamente quão a melhor maneira corte a imagem em retângulos para obter o fragmento desejado.

Se não quiser ver o corte de fragmentos automáticos, você pode desligar sua visibilidade. Para fazer isso, na barra de opções da ferramenta Selecionando um fragmento Clique no botão Ocultar trechos automáticos.

Mas lembre-se de que isso não significa que eles não existam. O Photoshop simplesmente os escondeu para não distrair a atenção.

Cada fragmento recebe seu próprio número, que pode ser visto no canto superior esquerdo.

Na verdade, esta é uma ferramenta muito simples que não possui nenhum recurso especial. opções adicionais. Sua principal tarefa selecione um fragmento retangular. Na Barra de Opções, você pode selecionar as seguintes opções:

• Estilo regular- trata-se de desenhar um fragmento de qualquer tamanho, conforme cabe na mão.
• Estilo Definir proporções- isto é desenhar um retângulo de acordo com determinadas proporções. Por exemplo, se você definir a largura e a altura como 1 e 1, respectivamente, obterá um quadrado. Se você definir a largura como 1 e a altura como 2, a altura do retângulo será o dobro da sua largura. Além disso, as dimensões de tal retângulo não são limitadas por nada - ele mudará de tamanho apenas de acordo com as proporções definidas.
• Tamanho predefinido de estilo permite que você especifique no Photoshop as dimensões específicas do fragmento necessário, por exemplo, 60 por 100 pixels. O Photoshop cria um quadro com as dimensões fornecidas e você, por sua vez, o posiciona no local desejado da imagem.

Preste atenção no botão Fragmentos ao longo de guias: Se você usou guias horizontais e verticais, este botão ficará ativo. Ao clicar nele, o Photoshop dividirá a imagem ao longo dos limites dessas guias. Leia sobre quais guias existem no Photoshop.

Ferramenta de seleção

Depois de cortar a imagem em fragmentos, de repente você precisa editar, por exemplo, o tamanho de um deles. Para fazer isso, selecione uma ferramenta Selecionando um fragmento.

O fragmento ativo é exibido com uma moldura laranja. Alças quadradas aparecem nos cantos e nas laterais deste quadro que você pode arrastar para alterar o tamanho.

Clique duas vezes para abrir uma caixa de diálogo com propriedades:

Pelo que eu sei, os web designers não utilizam os parâmetros URL, Target, Message Body e Alt Text, pois esses valores são gravados no próprio código durante o layout do site. Talvez isso, novamente, seja um legado dos tempos em que o Photoshop apareceu e os sites da Internet eram muito primitivos. Eles poderiam ser desenhados no Photoshop, cortados em fragmentos, adicionados links para imagens individuais e imediatamente carregados tudo na Internet, ignorando códigos HTML complexos e folhas de estilo em cascata.

Nestes tempos podemos estar interessados ​​nos parâmetros Nome fragmento (se precisar destacá-lo de alguma forma e distingui-lo do resto), bem como alterar as dimensões de largura e altura (dois campos Sh E EM solicitar que você insira valores específicos).

Campos X e Y estas são as coordenadas. Ao alterá-los, você move o quadro do fragmento. A propósito, você mesmo pode mover o quadro da mesma forma (mantendo pressionado o botão esquerdo do mouse, arraste o fragmento ativo para o lado e solte a tecla).

PARA propriedades importantes eu pegaria essa ferramenta capacidade de selecionar vários fragmentos ao mesmo tempo, uma vez que esta tarefa é o início para a maioria das outras travessuras possíveis. Para fazer isso, mantenha pressionada a tecla Shift e clique nos fragmentos desejados um por um; eles devem ser destacados com uma moldura laranja (quadro de atividade).

O que você pode fazer com eles agora:

1. Mesclar, isto é, faça um a partir de vários fragmentos. Há um MAS aqui. Lembra que escrevi sobre o princípio de funcionamento do corte? Portanto, não haverá exceções. Isso significa que, por exemplo, a partir de três fragmentos de tamanhos diferentes, após a fusão, surgirá um grande retângulo, que em largura e altura será igual às duas bordas externas dos quadros. Se não estiver claro, aqui está um exemplo claro:

Equipe Mesclar localizado no menu, que é acessado clicando com o botão direito no fragmento ativo:

2. Alinhando fragmentos em relação um ao outro. Para fazer isso, existem blocos de botões no painel de parâmetros da ferramenta. Aliás, funcionam da mesma forma que o clássico.

3. Excluir. O comando também é selecionado através do menu do botão direito. Você pode excluir um ou vários fragmentos de uma só vez. Está claro que espaço vazio não vai - o Photoshop recalculará automaticamente e mostrará outros limites de fragmentos automáticos.

4. Botão Dividir abre uma caixa de diálogo na qual você pode selecionar em quantas partes verticais e horizontais deseja dividir os fragmentos ativos.

Como resultado, após cortar e definir todos os parâmetros, o Photoshop salvará a imagem cortada em uma pasta separada:

Como salvar apenas um fragmento de todos os que foram criados

Depois de cortar a imagem em várias partes, você decidiu salvar apenas um fragmento? Multar! O Photoshop pode fazer isso.

Então, diante de você está uma certa imagem. Digamos que de repente você queira salvar apenas um fragmento, no meu caso é um peixe de aquário. Por que não.

Para fazer isso, você precisa mudar para o modo: Arquivo -. Neste modo, selecione a ferramenta do lado esquerdo Selecionando um fragmento e clique na área desejada da imagem. Essa área se tornará ativa, ou seja, se destacará mais cor rica. Em seguida, clique no botão Salvar.

(Clique para ampliar)

A janela familiar do Explorer aparecerá, mas adicionará Configurações adicionais, permitindo salvar um fragmento em uma única cópia.

Em primeiro lugar, na parte inferior da janela, no grupo Fragmentos selecione na lista suspensa Fragmentos selecionados. É essa configuração a responsável pela tarefa em questão - salvar apenas um fragmento.

Então concluiremos corretamente o que iniciamos, a saber: em grupo Formatar instalar Somente imagens, V. Configurações — Imagem de fundo. Não se esqueça de selecionar uma pasta para salvar e, se necessário, dar um nome ao arquivo.

Se você notar um erro no texto, selecione-o e pressione Ctrl + Enter. Obrigado!

Hoje vou te contar como cortar uma foto em partes iguais usando o Photoshop. Primeiro, abra a foto e selecione a ferramenta “Recorte”, que está localizada no mesmo grupo da ferramenta “Moldura”.

O próximo passo é clicar com o botão direito em nossa foto e selecionar “Dividir fragmento” no menu suspenso.

Uma nova janela com configurações é aberta. Existem 2 configurações aqui: Dividir horizontalmente e Dividir verticalmente.

Vamos em ordem. Marque a opção “Dividir horizontalmente por”. Ele, por sua vez, possui mais duas configurações: divisão em fragmentos iguais, bem como divisão indicando um tamanho específico do fragmento. Ao definir o número na primeira configuração, informamos ao Photoshop em quantas partes iguais dividir a foto horizontalmente.

Se usarmos a segunda configuração, diremos quantos pixels o fragmento deve ter, e o próprio programa determinará a quantidade de fragmentos que devem ser obtidos com esse tamanho de fragmento.

A configuração “Dividir verticalmente por” faz a mesma coisa, mas na orientação vertical.

Vamos, por exemplo, marcar ambas as caixas e selecionar a primeira configuração, indicando a quantidade de fragmentos em que a foto deve ser dividida, no valor de 7 peças. Na fotografia temos agora marcações de acordo com as quais a nossa imagem será recortada. Ao final, basta clicar em “Ok”.

O segundo ponto que gostaria de discutir é o nome dos fragmentos. Muitas vezes surgem problemas com ele, portanto, para definir um nome para os fragmentos ou removê-los, clique com o botão direito em um dos fragmentos e selecione “Editar parâmetros do fragmento”. Uma nova janela é aberta na qual adicionamos ou removemos um nome do campo “Nome”.

Uma nova janela se abrirá. Selecionamos o formato da imagem, para mim é *.jpg, e a qualidade é 100. Clique no botão “Salvar”.

A seguir, selecione a pasta na qual salvaremos os fragmentos recebidos. Na próxima etapa, basta esperar até que a foto seja cortada em pedaços e salve cada pedaço como arquivo separado. Após salvar, uma nova pasta de imagens aparecerá em seu computador, que conterá sua imagem, que está dividida em partes iguais. Podemos usar cada parte da imagem separadamente.

Vídeo tutorial:

Olá, hoje vamos aprender como fazer um banner para seu Instagram.

O que é um banner? Um banner do Instagram é uma foto ou imagem cortada em várias partes, que depois são publicadas em um perfil do Instagram e se parecem com uma foto ou imagem inteira.

Provavelmente muitos já viram nos perfis de outros usuários uma foto grande ou uma inscrição composta por várias partes, o que parece bem “legal”, mas nem todo mundo sabe como fazer.

Todos perceberam que só precisamos cortar a imagem em 3, 6, 9, etc. partes iguais (múltiplos de 3), o principal é que a largura da imagem seja dividida em 3 partes, já que um perfil do Instagram exibe 3 fotos de largura, a altura pode ser diferente - ou seja, esse é o número de linhas.

Veremos como podemos cortar uma foto em partes iguais em uma proporção de 1 para 1, para que possamos fazer isso.

Primeiro, vamos ver como fazer isso em um computador pessoal.
Existe um site tão maravilhoso e comum na Internet http://picslice.com/
Na verdade, este é o único site que encontramos que pode fazer tudo o que precisamos para um banner do Instagram – cortar a imagem em partes iguais. Tudo isso pode ser feito online.

Nossas ações:

• Devemos ter uma imagem preparada no PC que iremos recortar.
• É desejável que já seja quadrado, caso contrário teremos que primeiro recortar a foto na proporção de 1 para 1;
• Acesse picslice.com;
• Clique no botão “selecionar arquivo”;
• Clique no botão “carregar”;
• Depois, na parte superior acima da foto baixada que aparece, clique em “Fatia de imagem”;
• Insira o valor da Fatia Vertical “3” – altura (defina quantas partes a foto será cortada verticalmente);
• Insira o valor da Fatia Horizontal “3” - largura, sempre deverá haver o número 3 (definimos quantas partes a foto será cortada horizontalmente);
• Clique no botão “Gerar”;
• Vemos o resultado - uma imagem cortada em pedaços;
• Vamos prosseguir para a poupança;
• Você pode baixar todos os pedaços da imagem clicando no link Download ZIP (TODAS AS FATIAS), todas as imagens estarão em um arquivo ZIP;
• Ou baixe em partes; para isso, clique com o botão direito em cada parte da imagem e salve todas as partes em um só lugar;
• Jogamos todas as partes da imagem cortada em celular ou um tablet com o aplicativo Instagram instalado para posterior publicação;
• Colocamos as peças, o principal aqui é não se confundir! O nome do arquivo de uma parte da imagem começa com um número, então temos 9 imagens e todas elas estão marcadas com um determinado número;
• Agora postamos primeiro a 9ª foto no nosso Instagram, depois a 8ª, etc. Terminamos com a 1ª foto.

Um detalhe importante: antes de colocar um banner (foto grande), você deve ter em seu perfil o número total de postagens de fotos que seja múltiplo de 3. Isso é necessário para que todas as partes da imagem sejam exibidas corretamente e não saltem. as linhas. O número de postagens está escrito na parte superior do seu perfil, ou você pode simplesmente rolar para baixo todas as suas fotos e certificar-se de que não há espaço livre na parte inferior do feed do seu perfil.

Exemplo, aqui falta mais uma imagem, ou seja, precisamos adicionar uma publicação ou deletar duas postadas anteriormente.

E então foi isso que obtivemos! Muito lindo e criativo, agora quando uma pessoa entrar no seu perfil ela vai ver tanta beleza.

Agora que você aprendeu como fazer um banner para Instagram de uma forma tão complicada, vamos dar uma olhada em outro método que é muito mais simples.

Vamos para Google Play se você tiver um celular ou tablet Android, por Usuários iOS, você precisa ir para Aplicativo da Apple Loja. Depois na busca digitamos a consulta “banner Instagram”, encontramos aplicativos que podem fazer o que precisamos.

Vemos o resultado da pesquisa, os primeiros 4 aplicativos são adequados às nossas necessidades. Vamos instalar para testar o que está em posição mais alta no ranking, chamado “Quadrado Gigante #1”

Agora vamos ver como usá-lo:

• Após o lançamento, somos solicitados a escolher rede social, naturalmente escolhemos o Instagram.
• Na segunda tela após o lançamento, somos solicitados a escolher o que queremos fazer. Acontece que o aplicativo também pode fazer uma colagem de fotos, mas não precisamos disso e clicamos na primeira foto onde está escrito “Praça Gigante”.
• Na terceira tela, precisamos fazer três coisas

1. selecione a área, as imagens, quais “cubos” serão criados a partir da imagem futura, marque as peças desejadas.
2. Carregue uma imagem da galeria ou tire uma nova foto, clique no botão “Usar”
3. Publique clicando no botão “Compartilhar”.

• Postar é mais conveniente, clique em “Upload”, então começa Aplicativo Instagram e colocamos a primeira peça da imagem. Após, precisamos novamente ir ao aplicativo “Giant Square”, agora a próxima peça com a inscrição “Pronto” será exibida na fila para colocação, clique novamente em “Upload”, faça isso até termos carregado todas as partes do foto.
• Você pode simplesmente clicar no botão e salvar todas as partes da foto.

Isso tudo é teoria, nunca conseguimos fazer até o fim. O aplicativo começou a fechar espontaneamente e ficou terrivelmente lento. Então não recomendamos.

Instalando outro aplicativo - TRYPTpic

Ficamos agradavelmente surpresos, aqui tudo é mais fácil e rápido. Agora sabemos que primeiro precisamos tentar usar aplicativos diferentes.

Tudo é simples e claro aqui:

• Carregar uma foto;
• Escolha uma opção de corte, por exemplo 3x3;
• Clique em “Cortar”;
• Salvamos todas as peças na memória do smartphone
• Ou postamos partes de fotos do aplicativo TRYPTpic;
• Clique no ícone do Instagram;
• Para facilitar a publicação, todas as peças são numeradas na ordem de colocação exigida;
• Clique em 1 foto e poste no seu Instagram;
• Repetimos o ciclo até a última parte.

Viva! Conseguimos postar uma foto grande em apenas alguns minutos!