Photoshop para InDesign: criando máscaras de imagem para cordões de texto | Benjamin Halsall | Skillshare

Velocidade de reprodução


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

Photoshop para InDesign: criando máscaras de imagem para cordões de texto

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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

6 aulas (19 min)
    • 1. Introdução do curso

      0:47
    • 2. Envoltório de imagem InDesign 01 Selecione sua imagem Exportar

      4:56
    • 3. Envoltório de imagem inDesign 02

      2:47
    • 4. Envoltório de imagem inDesign 03

      2:37
    • 5. Envoltório de imagem inDesign 04

      6:49
    • 6. Envoltório de imagem inDesign 05

      1:13
  • --
  • 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.

334

Estudantes

2

Projetos

Sobre este curso

Aprenda a selecionar, refinar salvar e exportar imagens do Photoshop que estejam prontas para usar no Adobe InDesign quando você precisar criar um desenho de texto.

Neste curso, você vai cobrir, em detalhes, algumas técnicas criativas para preparar envoltórios de texto que serão úteis quando a revista, boletim informativo e layouts de livros no Adobe InDesign. Vamos cobrir a criação de máscara, o uso de camadas de ajuste e algumas dicas e truques ao longo do caminho, não só para usar Photoshop para criar envoltórios de texto, mas olhando em profundidade como você pode trabalhar com arquivos Photoshop em camadas nos seus projetos do InDesign.

Confira a visualização do que você vai aprender abaixo:

f25c926a

Abaixo está uma lista de meus outros cursos do Adobe InDesign no Skillshare:

Photoshop para InDesign: criando máscaras de imagem para cordões de texto

Adobe InDesign: Introdução a objetos de forma, imagem e texto

InDesign: colocar imagens, redimensionar imagens, controlar resolução e imagens giratórias

InDesign: crie quadros de imagem personalizados com formas, tipo e Pathfinder neste curso de design gráfico

InDesign: crie um Flyer triplo

InDesign: crie colunas de texto com títulos e citações que as constroem

InDesign: Estilos de tabela e scripts

InDesign: crie um layout de boletim de Newsletter personalizado

InDesign: dicas para personalizar listas perfeitas

InDesign: economize tempo usando estilos de parágrafos aninhados - rótulos de galeria

Conheça seu professor

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Professor

For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Introdução do curso: Acho que tem sido uma casa aqui e nesta aula vamos ver como montamos um textract. Então vamos direto de uma imagem na Adobe para uma loja. Vamos ver como criamos a máscara, então como traduzimos essa máscara, essa transparência na fotografia em Adobe no design e cria extra em torno de alguns objetos personalizados. Então, como você pode ver aqui, estamos pegando alguns objetos personalizados. Hum, alguns designs em, em seguida, olhando para como podemos nos divertir um pouco enquanto trabalhamos com diferentes camadas para criar texturas . Há alguma inspiração realmente grande on-line para diferentes maneiras em que você pode usar texturas em seus designs em. Faça alguma pesquisa antes de começar seu próprio projeto para este curso. E estou ansioso para ver um pouco do seu trabalho no quadro do projeto. Andi, eu gosto de tutorial e confira de alguma maneira. Outra loja de fotos em design e Emma greves tutoriais no lado 2. Envoltório de imagem InDesign 01 Selecione sua imagem Exportar: Certo, então vamos mergulhar direto aqui na loja de fotos e definir transparência na massa que podemos usar para embrulhar nosso texto em Adobe no design. Então a primeira coisa que fazemos é abrir uma imagem. Agora, você pode baixar esta imagem do site Andi carregado, ou você pode usar sua própria imagem e trabalhar com. Então, uma vez que você tem a imagem aberta, o que precisamos fazer é realmente criar alguma transparência dentro dessa imagem. Esta é uma imagem, ela diretamente de uma câmera digital J peg imagem. E então nós vamos realmente olhar como nós mascaramos em torno disso de um par de maneiras diferentes. Então festival eu vou desbloquear a camada de fundo. Agora, a maneira que eu faço isso é apenas clicando duas vezes aqui, e ele vai trazer minhas novas opções de camada. Então eu só chamo essa nova câmera de camada, ok? E assim você verá que o cadeado desaparecerá para que só possamos criar transparência em camadas há camadas em vez de fundos. Por isso, têm de ser destrancados desta forma. Então vamos em frente no início da máscara do dedo do pé em torno desta forma. Está bem? então eu vou pegar as ferramentas de seleção rápida da minha ferramenta por aqui. Está bem? Então, logo antes de começarmos, na verdade, se você não vir o mesmo tipo de layout de janela no Adobe Photo Shop um Zycie aqui, basta pular para o espaço de trabalho da janela, certifique-se de que você está no essencial , vá para redefinir o Essentials. Está bem? E isso lhe dará o essencial fazer no meu profissional. Então vamos em frente com a nossa quarta ferramenta rápida para baixo. É aqui, e nós vamos apenas arrastar através desta câmera, e deve fazer um bom trabalho em selecionar a maior parte da imagem aqui. Mas então eu vou continuar arrastando através da câmera aqui, e ele vai continuar adicionando à seleção. Ok, se eu quiser mudar o tamanho do meu pincel de busto de seleção rápida aqui, eu poderia apenas saltar para a ferramenta de tamanho aqui em apenas aumentar o tamanho lá. Eu também posso modificar a dureza um pouco se tivermos algumas imagens suaves e furiosas que estavam mascarando para fora assim e podemos combinar esta ferramenta com outras ferramentas de seleção como a última adequada ou a ferramenta de laço poligonal, que você pode fazer para alguns dos detalhes em torno das bordas desta imagem. Então eu continuaria com isso, basicamente, basicamente, com mascarar uma imagem como você faria se quiséssemos selecioná-la, copiá-la e colá-la. Mantenha a transparência fora dessa imagem. Portanto, esta técnica é útil em muitas áreas diferentes de adoração. Assim que eu tiver um esboço geral da minha imagem aqui, eu vou começar a ampliar. Então, são alguns controles de zoom diferentes que eu uso quando estou ampliando e mascarando objetos. Um deles é comando e mais ou controle, Além disso, no comandante do PC menos Ok, Isso me permite ampliar quando eu tenho qualquer ferramenta selecionada aqui. Se eu segurar a barra de espaço , posso me mover. Então mantenha pressionada, bola espacial, clicando no mouse. Então eu posso me mover bem em torno do meu objeto aqui, e você pode ver que eu não estou agarrando toda a borda deste objeto. Então eu só vou pegar o último título poligonal Teoh em si um pouco. Ok, então segurando o turno quando você gritou para a seleção que eu já tenho um estrangulamento no turno e apenas começar a mover o dedo em torno do detalhe disso. Está bem? E o que eu costumo fazer é ter pequenas seleções, uma de cada vez, então tipo de olhar para partes diferentes. E se eu segurar a opção de que fez bem no teclado, então eu posso remover seleções da imagem como você pode ver aqui em cima. Então, só vou manter o cara pressionado, mudar alguns desses pequenos detalhes e depois continuar. Eu só estou cumprindo um pouco de tempo, que me dá a flexibilidade de ir para trás se eu cometer algum erro ou tiver algum problema com o que está acontecendo aqui. Então, onde? Eu tenho algumas formas geométricas dentro da minha forma aqui, eu posso saltar para a turnê elíptica. Ok, zoom aqui e bem aqui. Se eu quiser corromper este buraco na câmera aqui com a ferramenta Elipse selecionada, eu poderia manter pressionada a tecla nula no teclado. E então eu estou apenas procurando aquele canto superior esquerdo aqui onde eu posso, em seguida, remover essa seleção da seleção lá. Então, novamente eu posso continuar adicionando ou removendo da seleção usando as teclas cult e shift modificar 3. Envoltório de imagem inDesign 02: Ok, então, uma vez que estamos em torno desta imagem e nós fizemos nossa seleção, então nós podemos ir em frente e criar transparência. Agora, uma vez que criamos transparência, temos muitas opções criativas com as quais podemos jogar em termos de off, criando novas camadas, criar camadas de ajuste, trabalhando com os níveis antes de trazê-lo para em projetado para criar a quebra de texto. Vamos dar uma olhada em alguns desses. Uma coisa que eu vou fazer é deixar uma imagem no site com a transparência criada para que você possa usar isso e simplesmente saltar direto para o design. Ou você pode ir em frente e tentar mascarar sua própria imagem no adobe for shop. Ok, então vamos em frente agora e o que temos nossa seleção. Vamos fazer comando ou controle e zoom zero de volta para caber, e então vamos saltar para a parte inferior do painel de camadas. E se você não vir o painel de camadas, basta ir para a janela em camadas para trazer o painel de camadas para cima. Ok? Agora podemos ir em frente e clicar. Adicionar máscara de camada, adicionar uma máscara de camada e ele irá criar transparência e para a nossa imagem Agora, se você quiser verificar a nossa imagem com base no original no que cortamos apenas para ver se está funcionando ou não, podemos manter pressionado mudar e, em seguida, basta clicar na máscara de camada e isso nos permitirá ver o antes e o depois dessa imagem. Então, vou continuar e salvar esse arquivo. E quando eu digo que vou soltá-lo direto na minha área de trabalho, então salvar arquivo, eu vou apenas salvá-lo. Tem câmera mascarada, e eu gostaria de deixar o nome do arquivo de imagem original aqui no meu nome de arquivo. Isso só significa que se eu precisar voltar, fazer quaisquer alterações no arquivo de imagem que eu possa encontrar o original facilmente. Então eu tenho tendência a mudar o nome da imagem que eu nomeei com o achado original. Então é seguro aqui agora. Isso maximiza a compatibilidade e podemos ver. Isso maximiza a compatibilidade e podemos ver. Na verdade, deixei um grande buraco bem aqui na minha máscara, que tinha no local. Então vamos em frente e vamos consertar isso com a ferramenta de pincel. Então, se olharmos para a nossa máscara de camada aqui, podemos pegar a ferramenta de pincel. Ok. Em. Basicamente quero pintar de branco nesta área da imagem. Aqui, lado coxo, olhou o coxo perguntando. Você pode selecionar a imagem ou a máscara de camada. Você pode ver aquela borda meio que se movendo no meu painel de camadas lá. Queremos ter certeza de que estamos nessa seleção com a máscara de camada selecionada. Ok. Agora posso pegar minha ferramenta de pincel. Ok. E assim que eu estiver lá, eu posso ajustar o pincel para o tamanho com colchetes. Certifica-te porque é que a minha cor de primeiro plano está aqui? Então eu poderia trocar aqueles pegando esse gancho, Tara. E então eu poderia pintar de volta naquela seção ali. Ok, então é uma coisa legal trabalhar com a máscara de camada é que quando estamos trabalhando com ela, nós realmente não estamos fazendo nada destrutivamente. Podemos sempre voltar para a imagem original e corrigir qualquer buraco aberto que encontramos quando percebemos que cometemos erros com o nosso coxo pedindo 4. Envoltório de imagem inDesign 03: Ok, vamos em frente agora e preparar este arquivo para o projeto. Então fazemos algumas camadas diferentes aqui, então vou duplicar essa camada, certo? E eu vou adicionar uma camada de ajuste. Então, camada de ajuste de saturação de matiz. Vou colorir esta camada, aumentar a saturação, torná-la um pouco mais leve. Então nós temos esse tipo de versão lavada dessa imagem. Ok, então, quando estamos trabalhando em design com essas camadas diferentes, nós podemos realmente acessar diferentes camadas de peles loja documento em design, que poderia usar de controle de design agradável e algum controle criativo agradável quando você está realmente criando seu mestre de camada tentando criar alguns tipos diferentes de layout. Então eu vou selecionar a saturação de matiz, aqui na camada de cópia da câmera, e eles apenas vêm para esta pequena seta. Caiu para baixo. Andi, mesclar essas duas camadas, então comando ou controle, qualquer um irá mesclar essas duas camadas em que Agora significa que eu posso acessar facilmente dentro do adobe no design. Certo, vamos fazer mais um desses. Vou arrastar é layup e duplicado. Então, quando eu estou arrastando e duplicando, há camadas e segurando o volumoso e para fazer essa duplicação. Então segure Donald no arrasto, e você pode ver que fará com que Júpiter dessa camada. Ok, então vamos em frente e adicionar outra camada de ajuste. Então eu vou para uma camada de ajuste de níveis desta vez, e eu vou limitar o nível de saída. Então, eu vou fazer essa imagem meio que lavada em uma luva, certo? E então eu só vou reduzir a quantidade de verde nos destaques lá só para dar a este Ah, um pouco de cuidado. Olhe. Certo, então podemos modificar isso um pouco mais. Ok, isso está funcionando muito bem. Ok, então agora eu vou emergir essas duas camadas de realce essas duas camadas e ir para mas aqui mesclar camadas em que vai mesclar essas duas camadas. E agora eu tenho algumas camadas diferentes que eu posso trazer para a adobe no design em envolver meu texto ao redor. Ok, então vamos dizer isso, ok. Nós vamos ir em frente e criar novos documentos de design que vai saltar em design divertido comando na guia para mover em torno de meus aplicativos no mac. Se você usar tudo na tecla tab nas janelas que se movem nas janelas da mesma maneira 5. Envoltório de imagem inDesign 04: Certo, agora que estamos no projeto, vamos criar novos documentos. Nós vamos para o arquivo novo no documento. Vamos criar um novo documento de tamanho de letra. Ok, segunda metade por 11 vai mantê-lo como uma imagem de retrato. Ok, em. Vamos dar a este documento uma vantagem de 0,1 a 5, e então uma vez que tenhamos isso configurado, vamos deixar nossas margens como está ligado. DWI irá desligar as páginas opostas e clicar em. OK, OK. Então você pode copiar as configurações que eu tenho aqui para você em seu documento. Clique. Ok, Ok. Então vamos em frente e adicionar quadro de texto aqui, e vamos preencher isso com algum texto de espaço reservado. Vou pegar o título e arrastar um trem de texto dentro das minhas margens. Eu sou uma vez que eu tenho que, Eu vou ir para apertado e direita na parte inferior aqui digite menu preenchido com texto de espaço reservado. Ok, eu só vou modificar esses parágrafos um pouquinho, então eu vou mudar isso para rolar para cima e nós vamos usar espelho pro on. Então eu só vou aumentar o espaço depois do parágrafo nas opções de parágrafo aqui . Então eu estou procurando o espaço depois do parágrafo. Basta empurrar isso até 0.125 Tem um bom espaço dentro de um parágrafo, e então eu vou voltar para a ferramenta de seleção em apenas de tipo selecionado. Então agora vamos colocar nossas imagens e às vezes ouvir o que eu vou fazer é ter uma camada para texto e imagens. Ok, Então eu vou apenas manter tudo na mesma camada aqui por um momento, trabalhando documento bastante simples, mas gerenciando suas camadas para que você possa separar camadas de fundo de imagens, camadas de texto e camadas de conteúdo como cabeçalhos e rodapés na IBM design da boa maneira de trabalhar. Especialmente se você estiver trabalhando com documentos mais longos e complexos. Guarde qualquer confusão quando estiver se movendo em torno de um documento. Então eu vou ir em frente e dizer isso direito para a área de trabalho, e nós vamos chamar esta imagem direita, ok. E agora vou colocar minhas imagens. Então, se eu for e quando você colocar as imagens, você só precisa ter certeza de que você não tem nada selecionado. Portanto, certifique-se de saltar de volta para a ferramenta de seleção e clicou longe de qualquer coisa que você tenha selecionado ou ido para editar e d selecionar toda a opção. Isso é ótimo aqui, porque não temos nada selecionado. Então vamos para arquivo no lugar ou comando e d ou dia de controle no PC. Ok, então vamos selecionar nossa imagem e clicar em abrir. Ok, então agora eu posso rastrear a caixa para minha imagem aqui, e você pode ver que temos a transparência dentro desse quadro. Então eu vou girar esta imagem para girar uma imagem em Adobe no design. Basta subir para o canto superior esquerdo ou canto superior direito da sua caixa aqui na caixa azul e passar o mouse fora dessa caixa azul. E se movermos isso agora, ele girará. Ok? À medida que giramos, se mantivermos a tecla Shift pressionada, irá restringir a rotação para que possamos mover isto para o lugar. Ok, eu vou deixar isso pairar do lado esquerdo aqui. E se você quiser redimensionar essa imagem, podemos manter pressionado o comando e deslocamento para controle e deslocamento no PC e re escalar esse objeto . Então eu só vou diminuir um pouco para que eu possa redimensionar isso. Então preenche um buraco do lado esquerdo do meu salário. Ok, não tenho a câmera meio que rastejando para o lado esquerdo aqui, e então eu vou colocar a outra metade da câmera no lado direito. Ok? Então, para fazer isso, eu vou bem, esta mão esquerda. Como a imagem. Ok, certo. Então aqui, conserte o sangramento por um segundo. E então eu vou puxar esta imagem para que ali mesmo até que ela estale o dedo do pé da cerca . Ok. E agora, se eu tirar isso, vai ser exatamente o coração reverso, essa imagem. Então agora eu estou usando a barra de espaço segurando a barra de espaço como eu quero fazer ao redor. Ok. Vou puxar isto da direita aqui, certo? E depois puxe isto de volta para a hemorragia. E eu fiz isso dessa maneira para que eu tenha a linha correspondente no lado esquerdo do lado direito que é da imagem começa e pára exatamente no mesmo ponto. Então vamos selecionar nossa mão esquerda neste ano, e vamos para o caminho de recorte de objetos e opções. Ok, no caminho de recorte define a forma em torno da qual o texto será moldado. Então, se eu selecionar o suco de detetive aqui, , vai detectar as bordas que tenho no meu arquivo. Ok? Tudo o que posso usar o Alfa Channel, e ele usará a transparência desse arquivo para que possamos usar um ou outro. Ambos produzem um bom resultado. Vou ficar sem canal. Parece que está produzindo um bom tipo. Uma mesquita ao redor dessa imagem. Ok. E podemos ver se você não vê aquela linha marrom pulando em torno de sua imagem. Basta verificar o botão de pré-visualização e isso irá ligar e desligar isso. Agora clique. OK, Ok. E então vamos voltar para a ferramenta de seleção. Certo? Então o preto é uma ferramenta. Não diferentes trabalhos, Algumas outras ferramentas de seleção e o que estamos procurando no topo aqui é este envoltório opção objeto. Ok. E isso irá envolver o texto como você pode ver ao redor do objeto lá. Ok, então agora podemos ver que o lado esquerdo do texto está um pouco irregular, então nós vamos realmente ir em frente. E agora basta empurrar este texto para longe da borda da imagem. Então vou para a janela e Textract disse a esta janela flutuante para a direita. Ok. E então eu vou aumentar esse número, que é o preenchimento por aqui. E você pode ver que isso está apenas empurrando um texto para longe da minha imagem aqui. Eu faria o mesmo à direita e à imagem. Ir para objeto, caminho de recorte e opções. Podíamos ter feito uma imagem e depois move-la. Mas eu quero que você pratique as técnicas que selecionarão Alfa Channel novamente. OK e, em seguida, clique em. Ok, ative a quebra de texto. Podemos fazer isso diretamente de dentro da janela de trapping de texto. Ok. E então podemos empurrar para cima. Podemos empurrar o estofamento. Eu estava ficando um pouco negativo, e então ele estava realmente fazendo o texto se sobrepor à minha imagem. Ok, então agora você pode ver que ele está seguindo a linha de imagem no texto está voando muito bem entre essas duas partes da imagem. Se eu pegar a ferramenta de seleção, clique longe de tudo e, em seguida, mantenha pressionada a tecla shift e toque em. W você vê? Eu tenho uma boa visualização fora do contorno de texto em torno dessa imagem 6. Envoltório de imagem inDesign 05: Então agora vamos apenas dar uma olhada em outra coisa, que são as camadas que criamos na loja de fotos. Então eu vou. Escapou aqui da tela cheia. Então eu vou clicar com o botão direito aqui e ir para opções de camada de objeto. Então aqui, bem aqui. Agora eu posso alterar quais camadas de visível eu vou ativar a visualização. Ok? E você pode ver agora que eu estou girando entre essas diferentes camadas que eu criei para que possamos ter esta cor original da imagem aqui, Onda. Também podemos ter essa tonalidade azul, saturação ajustada imagem que usamos Click OK, e eu acho que essa é a versão que eu vou com o momento com o azul à esquerda e, em seguida, esta imagem roxa no lado direito. Então, aqui estão algumas dicas rápidas de como criar transparência e Photoshopped como trabalhar com camadas de ajuste também. Mas, em seguida, também como toe trazer essas camadas photoshop com transparência para adobe no design e, em seguida, usá-los para criar caminho de recorte. Espero que tenha sido útil para você. Estou ansioso para como você criar e trabalhar com estes em seus projetos em design árabe. Estou ansioso para postar alguns de seus layouts de texto e layouts tipográficos no quadrodo curso quadro