X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Livrar-se de imagens retangulares em InDesign usando o Photoshop
Traduzido pelo Google Translate

É uma visão bastante comum: documentos que contêm imagens encaixotados ordenadamente em retângulos, texto em torno dele. Comum, e um pouco maçante, eu penso:

Boring Layout

Disposição chato.


Em vez disso, um esquema como este é muito mais dinâmico e interessante:

Dynamic Layout

Layout dinâmico.


Vamos olhar como podemos criá-lo.


Passo 1 - Preparando a página.

No Adobe InDesign, eu criei um documento novo A4 com margens de Top 10mm, esquerda e direita e 14mm na parte inferior e uma hemorragia ou 3 mm em todos os lados:

The document.

O documento.


Eu preciso adicionar uma moldura retangular e um quadro de texto que se sobrepõem substancialmente assim:

Frames Added

Adicionado quadros.


Como os dois quadros se sobrepõem isso em algum momento fazer uma seleção de quadros sobre o outro um pouco complicado. Para facilitar este primeiro crio uma nova camada no painel Layers, clicando no botão adicionar nova camada na parte inferior do painel.

Layers Panel, 2 layers

Painel camadas, duas camadas.


Clique duas vezes sobre a camada superior (camada 2) e renomeie essa camada "Texto". Faça o mesmo para Camada 1, só renomear essa camada "Imagens".

Eu vou manter a camada Imagens selecionadas e com a ferramenta moldura retangular, desenhe um quadro, tendo em conta que a imagem do quadro mantém será partiu as margens da página, por isso vou chamar assim:

Offset Frame

Compensar Frame.


No painel Layers agora selecione a camada chamada de texto e utilização das margens de cor magenta como um guia, desenhar um quadro de texto com a ferramenta de quadro técnico que preenche a página. Ao separar os dois quadros em diferentes camadas, será muito mais fácil gerenciar o layout do documento. Vou começar agora, bloqueando a camada de texto para que eu possa selecionar o quadro na camada Imagem desimpedida.

Locked Layer

Bloqueado Layer.


Para colocar a minha imagem em seu quadro eu primeiro selecioná-lo em seguida, pressione Command-D. Na caixa de diálogo Inserir posso procurar a minha imagem e colocá-lo no quadro:

Placed image

Colocada imagem.


É um pouco sobre o lado pequeno assim que eu vou ajustar o seu tamanho e posição no quadro usando a ferramenta Seleção Direta (A combinação de teclas) para abrir a caixa marrom-delimitadora ao redor da imagem. Com a ferramenta Seleção Direta eu posso usar as alças para ajustar o tamanho ea posição até que ela se parece com isso:

Brown box edited

Caixa marrom editado.


DICA: Shift Segurando

Eu ainda tenho uma imagem retangular no entanto, assim que vamos nos livrar do fundo no Photoshop.


Passo 2 - Edição em Photoshop

Eu vou para editar a imagem vinculada Acabei colocado em Photoshop, para que as edições que eu faço aparecem nesta página. A partir do painel Ligações selecione a imagem colocada.

Link Panel image

Imagem Painel link.


Se eu botão direito do mouse na imagem no painel de ligações e no menu escolha Editar com

O fluxo de trabalho óbvia seria agora para criar uma camada de máscara em torno da figura de esconder o fundo. Esta não é, contudo, o método mais prático para o uso em InDesign por três razões:

  1. If the mask is removed or switched off at any point in the future to reintroduce the background for another project, the InDesign document I'm creating now would be updated and any future prints or exports would include the background. 
  2. Any image that contains an Alpha Channel (transparency) becomes much larger when it is saved, making it less efficient to store or share. 
  3. Alphas can also cause problems with some printing or PDF settings in InDesign.  


Em vez disso vou usar um caminho de recorte no Photoshop para esconder o fundo em


Para iniciar o processo que eu vou fazer uma seleção de minha figura usando a ferramenta de seleção rápida:

Quick selection

Seleção rápida.


A ferramenta de seleção rápida funciona combinando o Magic Wand e as ferramentas Laço Magnético, então quando você começar a seleccionar uma gama de cores que irá detectar automaticamente as bordas da gama de cores e magneticamente laço para ele. Esta é uma ferramenta de economia de tempo enorme se você souber como usá-lo. Duas coisas são importantes para recordar quando se usa a ferramenta é:

  • A ferramenta usa um pincel para selecionar, por isso o tamanho pode ser modificada usando a teclas [e] para redimensionar on-the-fly (como você trabalha). Isso é útil quando se tenta selecionar seções estreitas da sua imagem, e para poupar tempo em áreas maiores.
  • A ferramenta irá auto-detectar as bordas de modo que eu trabalho, as arestas de aparência lisa vai-se para fora. Eu não preciso tentar e selecionar cuidadosamente-los sozinho.

Como todas as seleções no Photoshop se a ferramenta seleciona áreas que eu não pretendia me pode pressionar e segurar Option e usar a ferramenta para cancelar a seleção dessas áreas em seu lugar. Meu formigas marchando assim:

The Selection is made

A seleção é feita.


Agora que eu terminar de fazer a seleção, vou arrumar pequenos detalhes usando Refine Edge Select

Refine Edge

Refine Edge.


Zonas difíceis como o cabelo pode ser melhor tratada usando detecção de bordas inteligentes e se pintar necessárias sobre as zonas mais difíceis usando a ferramenta de Borda Smart. É uma maneira muito poderosa para ter Photoshop analisar e modificar a seleção ainda mais.

Smart Edge

Borda inteligente.


Estou feliz com a seleção em toda a volta para que eu clique em OK.

Dica: Às vezes é mais inteligente para selecionar o fundo em torno de um assunto, então inverter a seleção Select

Passo 3 - Criando um Clipping Path

Normalmente, os caminhos são gerados usando ferramentas como a ferramenta Pen, no entanto no Photoshop também podem ser criados a partir de seleções.

No grupo de painéis mesmo que o Painel de Camadas, há um painel chamado Caminhos. Eu selecionei ele como que é onde o meu caminho será criado e salvo.

Para criar o meu caminho a partir da seleção eu preciso clicar no ícone na parte inferior do painel Caminhos chamada 'Make caminho de trabalho da seleção ".

Path Panel & Buttons

Painel caminho


A caminho de trabalho novo é criado. Isso tem de ser convertido em um caminho regular, a fim de trabalhar com

Re-name path

Renomear caminho.


O caminho agora é chamado figura de um caminho regular, simples como isso.

Para continuar a converter o caminho em uma Figura

fly out menu

Pull-down menu.


Uma caixa de diálogo aparece pedindo-me que escolheu um caminho. Eu escolhi o meu "Figura" Path.

choose path dialogue

Escolha diálogo caminho.


Isto não tem efeito editada na imagem Photoshop se agora salvar a imagem no Photoshop.

Dica: Photoshop vai tentar salvar como psd, mas você ainda pode salvá-lo em outros formatos como jpeg e ele vai funcionar...

Agora eu posso fechar Photoshop e voltar a entrar


Passo 4 - Adicionando o texto

Posso também usar o Caminho Clipping para quebrar o texto abrindo o painel Text Wrap no menu do Windows (Windows

text wrap settings

Configurações quebrar o texto.


Quando eu desbloquear a camada chamada de texto e preencher o quadro de texto com texto de espaço reservado é parecido com este:

Text in place

Texto no lugar.


Tudo o que resta é para aplicar estilos de parágrafo e de caracteres apropriados para o documento ea transformação é completa.

The finished result

O resultado final.


Você vai encontrar muito no CS5 InDesign Núcleo tutorial 101 ,


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link