Transcrições
1. Sobre o curso: Você está pronto para se tornar
um especialista certificado em design e levar sua carreira criativa
para o próximo nível? Oi. Oi. Meu nome é Martin Perime, instrutor
certificado pela Adobe com mais de 20 anos de experiência ensinando ferramentas de design da
Adobe e trabalhando como criativo
para marcas como Disney,
BBC, Unilever Tenho o prazer de apresentar a você a do Adobe Certified
Professional em mídia impressa publicação
do Adobe Certified
Professional em mídia impressa
e digital usando o Guia
do exame de design. Eu sei. Isso é um bocado.
Mas este curso é seu complemento completo
para se preparar para o exame oficial de
certificação da Adobe, a mais alta
credencial reconhecida pelo setor para usuários de design Você receberá um treinamento em vídeo
aprofundado sobre todos os tópicos, exames
práticos, arquivos de
exercícios e guias detalhados para
download para ajudá-lo a revisar
todos os tópicos importantes melhor parte é que agora você pode fazer o exame no
conforto da sua casa. Não é mais necessário viajar para um centro de
exames. Por que você deveria
considerar fazer esse exame? Tornar-se um
profissional certificado pela Adobe prova
aos empregadores, clientes e colegas que você tem design prontas para trabalhar
no mundo
real É uma maneira incrível de
impulsionar seu currículo, sua confiança e se
destacar em um mercado competitivo e
criativo. Também abre portas para oportunidades de
freelancers, avanços
na carreira ou salários
ainda mais altos Se você está apenas
começando ou quer solidificar
sua experiência, essa certificação
oferece uma credencial poderosa e
reconhecida
que o diferenciará Se você
já está
familiarizado com design ou está começando do zero, este curso o ajudará a
desenvolver as habilidades necessárias para passar no exame de 50 minutos ao vivo no
aplicativo com confiança. Mesmo que você seja
novato em design, você pode estar pronto para o exame em menos de uma semana seguindo
este curso cuidadosamente. É importante mencionar que o exame de certificação não está incluído e precisa ser reservado separadamente.
Mas não se preocupe. Vou explicar tudo o que você precisa saber para ter sucesso. Se você quer mesmo
se tornar um profissional reconhecido em design, este é o primeiro passo. Mal posso esperar para
guiá-lo nessa jornada, então vamos começar.
2. Como se preparar para a prova?: Neste vídeo, mostrarei
a
melhor forma de se preparar para o
exame usando este curso. Em primeiro lugar, o exame é
dividido em cinco tópicos principais. Você pode ver isso na minha tela. E para cada um desses tópicos, preparei um guia de estudo, que você pode baixar
dos recursos aqui
no Skillshare Depois de baixar esses PDFs, você poderá abri-los em seu computador desktop ou
até mesmo em dispositivos móveis E eu recomendo usar
isso durante todo o processo de preparação para acompanhar seu progresso. Você também pode pesquisar
no documento. Então, se eu digitar
algo como scope, poderei
encontrar rapidamente todas as correspondências e pular por cima delas. Também posso
destacá-los, se necessário. E, claro, você também
pode selecionar qualquer texto desses guias e copiá-los e
colá-los em outro lugar. Eu não recomendaria imprimir todos esses guias
porque são muito papel. Então, apenas um tópico. Este primeiro
teria 18 páginas,
mas, no total, os cinco tópicos,
então, se fossem todos os guias, provavelmente teria
cerca de 200 páginas. Não se preocupe Na verdade, você não precisa
ler todos esses guias. É por isso que temos
videoaulas para cada tópico. Então, na verdade, eu abordo tudo o
que está escrito aqui
em cada um desses vídeos. E você também
verá a numeração no início de
cada título de vídeo, como 1,1 ponto A, o que significa que é
do primeiro tópico principal do
setor de design E dentro disso,
seria o primeiro subtópico. E então o A é um
subtópico adicional lá dentro. Então, se olharmos o guia,
ele fará mais sentido. Então esse é o tópico principal. Então 1.1 é o propósito
identificado, público e as necessidades do público
para preparar imagens. E então 1,1 ponto A é a primeira subcategoria dentro deste subtópico para o
primeiro tópico principal Assim, podemos ver que isso determina
se o conteúdo é
relevante para o propósito, o
público, as necessidades do público, a experiência do usuário e o design dos dispositivos. Parece um bocado cheio. São sempre muito longos. Mas tudo o que você precisa lembrar
é que as videoaulas do curso são todas gravadas de
acordo com este guia e ele passa por tudo
na ordem certa. Então, veremos 1,1 ponto A, depois haverá 1,1 ponto B. E se rolarmos mais para baixo, podemos encontrar isso aqui
no guia também. Então, se eu for mais abaixo, encontraremos o próximo subtópico, que é 1,2,
começando com 1,2 A. Então, mais uma vez, esse é o
próximo subtópico que podemos ver aqui Além dos
guias de estudo que você pode encontrar nos recursos
aqui no Skillshare, você também pode encontrar
um link para acessar todos os recursos adicionais,
como arquivos de exercícios, arquivos projetos, questionários
e Agora, depois de
clicar neste link,
você será direcionado para a plataforma que estamos hospedando no smdsigner.com A razão pela qual fizemos isso é porque nos permite incluir questionários e testes práticos que atualmente não
estão disponíveis no Skillshare É importante mencionar que todas as videoaulas estão
hospedadas no Skillshare Portanto, você só precisa
vir aqui para acessar esses recursos
úteis adicionais, mas pode concluir a aula sem
sair do Skillshare Depois de chegar a essa tela de
boas-vindas, tudo o que você precisa fazer é criar uma nova conta clicando
no ícone aqui na parte inferior, e isso configurará uma nova conta de estudante em
nossa plataforma de aprendizado. Sim, estou em designer.com. Tudo o que precisamos é seu
nome, sobrenome, endereço de e-mail e uma
senha que você possa configurar. Como alternativa, você também pode se
inscrever com qualquer
uma dessas opções. Então, LinkedIn, Facebook,
Google ou Apple. Depois de criar sua conta de
estudante, você poderá acessar todos esses recursos adicionais, começando pelos projetos
e arquivos de exercícios. Então você pode
baixá-los aqui. Depois, você pode encontrar os questionários para cada um dos
tópicos principais do exame E na parte inferior, você
também encontrará o teste final, que abrange todos os tópicos. Mas vou voltar
e falar um pouco mais
detalhadamente sobre isso
mais adiante neste vídeo. Primeiro, eu queria
falar um pouco mais sobre os questionários que criamos
para cada um dos tópicos O que eu sugiro é fazer
esses questionários depois de
concluir todas as
videoaulas de um tópico específico
e, em seguida, vir aqui e começar o teste
desse tópico específico
para testar seus conhecimentos
e ver o quanto você entendeu de todas as
coisas que E é importante
mencionar que há muito mais perguntas
para cada
um desses
testes do que apenas 20. Então, cada vez que
você fizer isso vai ser
diferente, porque
vai randomizar
as perguntas
do conjunto de perguntas disponível E quando você estiver
fazendo esses exames, se estiver escolhendo a
resposta correta, depois de confirmar, ela verificará se
está correta
ao terminar todas as
20 perguntas. No final, você obterá seus resultados e definimos a taxa de
aprovação em 70%, o que seria o mesmo para o exame real
do Photoshop Então, até chegar aos 70%, eu recomendaria
refazer o teste Mas a melhor coisa é
que você pode realmente ver uma lista das respostas erradas
e corretas. Portanto, ele apenas fornece um resumo de tudo o que você abordou. Para resumir, o que eu
recomendaria fazer para cada tópico principal é
ler as videoaulas Primeiro, use os arquivos de exercícios para praticar tudo o que
abordamos nesses vídeos. Depois, leia ou folheie o guia de estudo
para se lembrar de todas as coisas importantes que
discutimos nesse tópico E então, quando você se sentir pronto, poderá responder
ao teste no final do tópico,
e nós o responderemos até que você
passe na taxa de aprovação de 70% Agora, no exame real, além das questões de
múltipla escolha, você também será
testado usando a Adobe no design e na execução de tarefas
e, para poder
ajudá-lo a se preparar para essa parte específica do
exame, criei projetos. E você pode acessar esses
projetos nessa área, que eu já mencionei
anteriormente neste vídeo. Agora, quando você chegar a esse ponto, tudo o que você precisa
fazer é baixar o arquivo de
modelo de projetos de design e concluir os 12
projetos dentro dele. Não há uma
ordem certa ou errada para fazer isso, então você pode escolher a que
quiser começar Apenas certifique-se de
passar por todos eles. Agora, é importante
mencionar que alguns desses projetos
serão um pouco mais complexos e mais difíceis de
resolver do que outros, e também é importante
mencionar que eles são muito mais complexos do que o que você
realmente teria no exame real. Enquanto estiver neste curso,
para cada projeto, você tem várias tarefas
que precisam ser concluídas. No exame real, você
terá tarefas individuais. Para cada arquivo de projeto, você normalmente terá que fazer
apenas uma única tarefa. Então, no caso desse exemplo
específico que podemos ver na minha tela, há cinco tarefas que
precisamos fazer aqui. Seriam cinco
tarefas separadas no exame real. Agora, depois de concluir todos esses projetos e também
assistir aos meus vídeos de solução, e sentir que está
pronto para fazer o teste final, você pode vir aqui
na parte inferior e
escolher o teste final de todos os tópicos. Então, em vez de 20 perguntas, aqui você receberá 30 perguntas, que novamente estão alinhadas
ao exame real, onde você terá 30
perguntas no total Se você concluir todos
esses projetos e depois passar pelo
teste final pelo menos uma
vez, você terá
uma boa ideia de como
o exame funcionará. E, mais uma vez,
a maioria das coisas que estou perguntando
aqui neste curso são um pouco mais complexas
e difíceis, e você
acabará tendo que responder no exame real.
3. O que esperar durante o teste?: Neste vídeo, gostaria de
mostrar os tutoriais com os quais você será recebido quando
estiver fazendo Portanto,
na verdade, eles não ocuparão o tempo alocado para o exame quando você o
fizer ao vivo Você terá 50
minutos para concluir 11 perguntas e 19 tarefas. Antes mesmo de começar, você precisará ler
alguns slides, que simplesmente explicam como
o exame funcionará. Agora, o motivo pelo qual incluí este vídeo é apenas para
que você possa
se familiarizar com eles
antes mesmo de realmente fazer o exame E eu vou te
explicar isso rapidamente. Primeiro, você terá algumas coisas que eles
perguntarão sobre você. É mais sobre sua formação e enquanto você está
fazendo o exame. Mas esse é o slide
que explica bem que você terá esse primeiro tutorial
inicial com alguns slides. Em seguida, o primeiro segmento principal
do exame começa, onde você
receberá perguntas. Portanto, esse segmento
incluirá 13 perguntas. Todas são questões de
múltipla escolha. Se eles quiserem que você tenha várias respostas selecionadas
em uma pergunta, isso geralmente seria mencionado. Mas, na maioria das
vezes, você só
precisaria escolher uma resposta. Depois de concluir
essa seção, você passará para
outro breve tutorial, alguns slides
sobre o próximo segmento, que serão executados
diretamente no design. Então essa é a parte mais empolgante
e interessante em que você realmente
precisa realizar tarefas. E depois de
concluí-las, você ainda terá
a opção de voltar e revisitar qualquer uma das tarefas sobre
as
quais não tem certeza Mas quando estiver pronto,
basta enviar suas respostas e você receberá o relatório de pontuação imediatamente Isso é ótimo. Você
não precisa esperar. Você saberá exatamente
quais são suas pontuações. Agora, no próximo slide, podemos ver que você
poderá acompanhar quantas perguntas
você respondeu
até agora . De todas as perguntas
que estão surgindo, você poderá ficar de
olho no seu tempo, no tempo
restante disponível. E qualquer pergunta pode ser
facilmente redefinida. Então, se você quiser
voltar rapidamente ao que era antes de
fazer alterações, você pode redefini-lo. Isso se aplica tanto às
perguntas quanto às tarefas. E provavelmente a opção mais
importante aqui é a caixa de seleção marcar para revisão que você pode marcar a
qualquer momento, independentemente já ter concluído a
pergunta ou a tarefa ou não. Marcar essa opção
adicionará uma pequena bandeira e
facilitará o retorno a essa pergunta
ou tarefa específica posteriormente. É assim que
ficaria quando você chegasse ao final de uma seção. Digamos que a seção
sobre perguntas tenha as pequenas
bandeiras mostrando ou indicando quais perguntas
foram marcadas para análise posterior E ao clicar nas
perguntas aqui no resumo, você poderá voltar
rapidamente para elas. E quando você terminar de
revisar essa pergunta e se certificar de que
sua resposta é definitiva, basta
voltar ao resumo,
que o levará de
volta a esta página E quando todas as suas
perguntas estiverem prontas, você pode simplesmente dizer seção de envio. Isso
finalizará a primeira etapa
sobre as perguntas e você passará para o
segundo segmento ou segunda parte, que
será sobre as tarefas Mas primeiro, também para as
tarefas, ele fornecerá um breve
tutorial, alguns slides
e, novamente, explicará
onde você pode encontrar os elementos importantes
na interface do usuário. Para esta parte, o exame será
realmente aberto no design
e, é claro, o in design deve ser instalado no seu
computador para que isso funcione. E o exame configurará a interface de
forma que você veja as questões de certificação
no lado direito em
um painel dedicado. Então é isso que podemos ver aqui, e sempre
lhe dará a tarefa explicar o que você precisa fazer. E no lado esquerdo, você
terá seu documento
onde poderá trabalhar. E o melhor
dessa parte
do exame é que você está totalmente livre para usar
o que quiser. Contanto que você conclua a
tarefa que eles solicitam,
você ganhará pontos por isso. Agora, ele menciona
que alguns recursos serão bloqueados durante o exame, que está listado
aqui na parte inferior, como a opção de ajuda,
porque eles não querem que você aprenda sobre os
recursos durante o exame Mas você não precisa se
preocupar com esses recursos ausentes pois eles não serão necessários
para concluir o exame. Agora, na verdade, você
também está livre para mover os painéis e
alterar a interface. Mas se você quiser
redefini-lo do jeito que era,
basta acessar o menu da janela, escolher o espaço de trabalho e, em seguida,
redefinir o espaço de trabalho do
teste de certificação Eu recomendo encaixar as
camadas e os
painéis de propriedades ao lado do painel de teste de
certificação
e manter esses dois
sempre visíveis, pois eles serão necessários principalmente para concluir todas essas tarefas. Portanto, esse é o meu layout
recomendado. Então, da mesma forma que as perguntas
durante esse segmento de tarefas, você também poderá
redefinir as tarefas a qualquer momento. Você também poderá
acompanhar quantas tarefas você já realizou e
quantas delas ainda faltam. Você também poderá marcar qualquer uma das tarefas
para revisão posterior. Você também poderá ver
seu resumo. E caso queira deixar feedback sobre uma tarefa
específica, você também pode deixar um
feedback aqui. Agora, o feedback que
você fornecer não será considerado para
o resultado final. É mais um feedback
que eles podem usar para melhorar o exame se você
tiver tempo para isso, mas eu não me preocuparia com
isso na maioria das vezes. É importante mencionar
que, durante as tarefas, haverá algumas delas quais você também poderá clicar em Expor para
ver o resultado final E é sempre útil
verificar isso antes mesmo de ler a pergunta, porque
às vezes
faz mais sentido o que
você precisa criar. À esquerda, você
verá seu documento. À direita, você pode
conferir sua exposição. E depois de ver
o antes e o depois, você
já saberá o que fazer. Depois disso, ler a pergunta fará muito mais sentido. Sempre que você vir algo sublinhado e colocado
em negrito e itálico, significa
que, simplesmente
clicando nele, você poderá
copiar esse texto Eles só querem
ter certeza de que você pode
inserir rapidamente qualquer texto que
eles peçam que você use, por exemplo, para uma camada
ou um grupo de camadas ou outras
coisas, como salvar um arquivo com um arquivo específico. Agora, há uma coisa importante mencionada aqui
neste slide: você deve sempre fazer apenas as coisas que eles pedem que você
faça e nada mais. Então, por exemplo, se houver uma caixa de diálogo com muitas opções e elas só pedirem que você altere talvez duas
ou três delas
, todas as outras devem
sempre manter o valor padrão. Portanto, não mexa
com mais nada. Sempre preste atenção apenas
ao que eles pedem que você faça, e você não
precisa fazer mais nada. Depois de chegar ao final
do segmento de tarefas e também verificar tudo
o
que marcou anteriormente, basta clicar em
Concluir essa seção. E com isso, você
terminará o exame e receberá
seu relatório de pontuação, que dirá
se você passou ou não. Portanto, a pontuação necessária é 700, que significa essencialmente 70%, e dos 1.000 pontos, você verá sua
pontuação logo abaixo disso
e, no canto inferior direito, você verá
um passe ou uma falha. Mas, provavelmente, você
receberá um passe se concluir todo o curso
e passar por todos. Mas isso é tudo que você precisa saber sobre como o exame funciona. Então, agora, espero que você esteja
ansioso para começar. Então, passe para o primeiro tópico e desejo-lhe boa sorte na
preparação para o exame. Estou confiante de que, se você passar por tudo o que
abordamos neste curso, você acertará e não
terá problemas para passar.
4. 1.1.a Identifique o propósito, o público: Para cada projeto de design,
no início, é muito importante esclarecer
algumas coisas, como o propósito do design e
também o público-alvo. Agora, para fins de
imagem ou design, primeiro você precisa conversar com o cliente
e descobrir mais sobre seus objetivos de negócios
e o que eles desejam
alcançar com a imagem que
você está criando para eles. Aqui está um dos
resumos de nosso recente concurso de
design, por exemplo,
para uma instituição de caridade chamada Amazon Aid, e eles exigiram uma
série de pôsteres criados para o currículo
de River of Gold E isso é
destinado a estudantes universitários. E aqui estão os tópicos, o impacto da mineração de ouro, ecologia da
floresta tropical e
assim por diante E cada um desses tópicos
terá um foco, objetivos e atividades-chave. Então, como designer,
quanto mais você souber sobre a intenção e
o
propósito de um design, mais fácil
será entender
quais elementos você deve usar ou como enquadrar tudo
em uma composição E se o resumo
não for detalhado o suficiente, você deve sempre fazer
perguntas adicionais ao cliente. Você pode fazer perguntas
como: qual é a mensagem principal que você está tentando transmitir
com esse design Ou que ação você deseja que o espectador execute depois de
ver o design? E também importante, como
essa imagem será usada? Vai ser impresso? Será uma impressão pequena que as pessoas
segurarão na mão? Será uma impressão
maior que ficará na
parede de uma sala de aula? E no caso desse resumo, podemos encontrar essa informação
aqui no tamanho. Portanto, sabemos exatamente o
tamanho da impressão e o modo de cor, destinado à impressão, a resolução que
é de 300 pixels. Mas, como sempre, se houver algo não claro
em um resumo de design, você deve sempre
consultar o cliente. Agora, o
público-alvo de um design ou imagem é tão importante quanto
o propósito do design. E, novamente, isso é
algo que está muito claro aqui neste resumo. Então, estamos criando isso para estudantes do
ensino médio de 15 a 17 anos No caso deste projeto, é muito importante saber porque crianças mais velhas
obviamente serão capazes de entender gráficos e designs mais
complexos. Então, coisas que podemos ver
aqui, como este infográfico seriam difíceis de entender
para o público infantil
mais jovem Talvez para crianças mais novas, algo assim
funcionaria melhor, que tem um
pouco mais de cor um pouco mais vibrante e
mais personagens. Já para um público mais maduro
ou adulto, podemos ter mais estatísticas e informações que eles estarão
mais interessados em ver.
5. 1.1.b Requisitos baseados em vídeo, impressão e web: Outro aspecto importante
do resumo do design são
os resultados E isso significa quais são
os arquivos reais que você precisará fornecer ao seu cliente no
final do projeto? E o tipo de arquivo
ou material de entrega realmente depende da saída Portanto, se a imagem ou o
design em que você
está trabalhando se destina à
impressão, à Web ou ao vídeo, a maneira mais fácil de
compará-los e ver as diferenças é acessando
a caixa de diálogo Novo documento no Photoshop Então, isso é algo que você pode
encontrar acessando Arquivo Novo. E então, aqui na parte superior, você poderá escolher
essas diferentes categorias. Portanto, ao escolher imprimir, você verá as configurações preferidas ou
sugeridas para ela. E o mais importante, aqui, a resolução deve ser definida como 300 PPI ou pixel
Pyrne por padrão Agora, o modo de cor
está definido como RGB porque é melhor
usar o
Photoshop nesse modo de cores A maioria dos recursos
estará disponível aqui. Porém, se você escolher CMYK, ele será um pouco limitado Alguns recursos podem
não estar disponíveis. No entanto, esse é o formato de arquivo mais adequado para impressão, em
que os quatro canais de
cores são as quatro tintas que
usamos para imprimir ciano,
magenta, amarelo K significa
cor chave na impressão. Os melhores formatos de arquivo para
salvar quando se trata impressão seriam PDF, TIF ou EPS E há mais uma
coisa a ser lembrada quando
se trata de salvar para
impressão no Photoshop como
configurar a sangria É muito raro que eles
peçam que você faça isso, mas você teria que acessar as opções de impressão.
Então, vá para o menu Arquivo e escolha Imprimir. E somente aqui você
poderá encontrar a opção para
o sangramento
para o qual você precisa rolar
para baixo. E nas marcas de impressão, você poderá
escolher marcas de corte nos cantos e, em seguida, acessar
as funções e escolher sangria E normalmente usaríamos 3 milímetros de sangramento,
uma vez que clicamos em OK, isso deve ser tudo o
que você precisa
fazer para que essas marcas de
corte
apareçam com as configurações corretas de sangramento quando a imagem for
impressa Agora, voltando à nova caixa de diálogo do
documento, quando se trata de criar
imagens para a web, você gostaria de usar resoluções de
72 PPI por meio de uma resolução mais baixa
e modo de cor RGB Além disso, você também deve se lembrar de que
esses arquivos devem ser salvos usando as opções de exportação ou salvar para a web no menu suspenso de exportação do menu de
arquivos E os
três formatos de arquivo de imagem mais usados na web seriam
JPAG, PNG e E discutiremos
essas opções e todas as opções de exportação em um tópico posterior deste curso Por enquanto,
basta lembrar essas três opções e talvez um formato de
arquivo adicional, que você conseguiria
encontrar se fosse até o arquivo,
salvasse uma opção de cópia
e depois escolhesse salvasse uma opção de cópia no seu computador. E aqui você poderá
encontrar o formato de imagem web P. Isso está começando a ser usado
cada vez mais em sites e é um formato de arquivo mais
moderno em comparação com os outros três
que mencionamos anteriormente. E por último, mas não menos importante, no novo livro
de
diálogos de documentos, vamos dar uma olhada
na categoria de filmes e vídeos. Então, aqui você verá
algumas predefinições, como 1080 P ou 720 P. Todas se referem ao tamanho ou às dimensões das
imagens que Podemos ver que existem
diferentes abreviações usadas, como HDV, HDTV Isso seria considerado
o formato full HD. Os 920 pixels por 1080 pixels. Mas se clicarmos em
visualizar todas as predefinições, também
podemos encontrar os quatro padrões
K, como UHDTV, que seriam quatro vezes
maiores que uma Então, aqui podemos ver 3.840
pixels por 2160 pixels. Além disso,
também é importante
mencionar que,
nas opções avançadas, você poderá alterar
a proporção de pixels. A maioria dos formatos de arquivo de vídeo modernos
usaria pixels quadrados, mas alguns outros formatos de arquivo,
como o NTSC, exigiriam uma proporção de
0,91 entre a largura
e a altura de E podemos ver essas
proporções variando aqui, mesmo tendo uma proporção de dois para um, que é chamada de formato
anamórfico Só para que você possa ver o que
isso realmente significa, se eu criar este documento
e clicar
em OK, quando eu ampliar este documento e começarmos a ver
a grade de pixels, podemos realmente ver
que pixels individuais são retangulares em vez
de quadrados Então, aqui está uma boa comparação
das três saídas diferentes com as quais normalmente trabalhamos
em projetos de design Portanto, seja em
vídeo, impressão ou web, você deve ter em mente as seguintes considerações Em primeiro lugar, o tipo de imagem, seja uma lista, uma imagem em pixels ou uma
imagem vetorial, que seria
independente da resolução e poderia
ser ampliada e reduzida
sem perder qualidade E isso é muito
útil. Fool print porque às vezes
você precisa imprimir em um formato muito grande e ainda não
quer perder qualidade Para o modo de cores,
seria RGB ou CMYK. A resolução dependeria
do tamanho da tela do vídeo. Para impressão,
normalmente queremos manter
a resolução de 300 pontos por polegada
ou DPI Já na web,
normalmente trabalhamos com resolução de
72 PPI ou Pixel por
polegada. Os formatos de arquivo mais
usados, você pode ver aqui para web, impressão e vídeo, e
os principais ajustes seriam a
proporção de pixels de vídeo exclusiva. Para impressão,
seria se queremos usar ou utilizar vetores
escaláveis Esses formatos de arquivo, como EPS
e PDF, suportarão isso. E para a web, o crucial
é pensar na compressão porque
queremos que as imagens carreguem mais rápido. Portanto, o menor
tamanho de arquivo possível é sempre ideal
, sem
comprometer obviamente a qualidade das imagens
6. 1.2.a Componentes principais da comunicação do projeto: Haverá algumas perguntas
no exame sobre gerenciamento
de projetos, e você precisa estar familiarizado com alguns termos
importantes. Então, vamos apenas discutir isso. Antes de tudo, você precisa conhecer os três principais componentes
da comunicação do projeto. O primeiro é o escopo do projeto, depois as datas de vencimento
e, em seguida, o terceiro são os possíveis
impactos dos atrasos Já mencionei ter
um resumo para um projeto. Isso é essencialmente o que
você precisa para documentar
o escopo do projeto
e garantir que todos concordem com quais são
os resultados que o designer precisa produzir e quais são as expectativas
do cliente Agora, quando se
trata desse tópico, primeiro, eu sei que ele sempre
aparecerá no exame, e esse é o aumento do escopo Portanto, o aumento do escopo no design
gráfico se refere
à expansão gradual e muitas vezes
não aprovada das metas,
resultados ou requisitos de um projeto além do contrato original Isso geralmente acontece
quando os clientes solicitam revisões
adicionais, ativos ou recursos que não faziam parte
do resumo inicial E acontece, na
maioria das vezes, que o cliente faria essas coisas sem
ajustar o cronograma, o orçamento ou o contrato Obviamente, o aumento do escopo é
algo que você deve evitar, e é por isso que a
documentação e comunicação
clara entre
todos os membros da equipe e o cliente são cruciais Isso se aplica a praticamente qualquer
tipo de gerenciamento de projetos, mas também vale
para design gráfico. Um cenário muito típico de aumento de
escopo é quando
um indivíduo, um freelancer trabalhando
remotamente para um cliente, concorda com os termos iniciais, mas talvez o resumo seja um
pouco vago em E depois que o
designer entregasse o trabalho que eles
deveriam criar, o cliente solicitaria rodadas
repetidas de pequenos ajustes que se transformariam em horas ou
talvez até dias ou semanas de trabalho não Infelizmente, isso
pode acontecer com qualquer pessoa, mesmo se você estiver familiarizado
com o termo e mesmo se souber como gerenciar um projeto, se estiver sozinho e se tiver um novo
cliente com quem
não sabe como
trabalhar ou como gerenciar um projeto em
conjunto
, você também pode facilmente
acabar sofrendo com , você também pode facilmente
acabar o aumento do escopo O principal problema não
é apenas que você ficará sobrecarregado
e frustrado
porque estará trabalhando em coisas que
não foram acordadas no início Mas isso também pode prejudicar o relacionamento entre
você e seu cliente, principalmente porque qualquer coisa que não tenha sido discutida ou acordada no início
levará
a muitos pontos de interrogação e expectativas
pouco claras, tornar
as coisas confusas Portanto, a maneira de evitar que isso
aconteça é sempre
definindo o escopo e os
resultados finais claros do projeto por escrito É altamente recomendável sempre
ter contratos
assinados
entre as partes. E caso o cliente queira
fazer algumas
rodadas de revisões, isso também deve ser acordado
no início, como limitar a quantidade de
revisões que você permitirá, e isso já deve ser
considerado ao definir sua tarifa ou o
preço do projeto Portanto, se você permitir ao cliente duas ou três rodadas
de revisões, considere quanto
tempo isso levará
e, se for
compensado por isso, não haverá
nenhuma frustração Há também outro termo chamado pedido de
alteração, que, novamente, outro documento assinado que você pode ter entre você e
o cliente sempre que eles
solicitarem alterações adicionais que não
foram acordadas
no início ou talvez se
mudarem de ideia sobre uma
parte crucial do projeto, como a direção que
desejam mudar. Para eles, novamente, é
bom ter uma documentação que você possa consultar
facilmente a qualquer momento. Se Bush chegar à hora e o cliente não
ficar satisfeito com alguma coisa, coisas como
o pedido de alteração sempre o apoiarão
e protegerão Agora, para o ToDates, há muitas ferramentas
diferentes que você pode usar, como o Google Spreadsheets Você pode usar o Notion, Monday, e existem muitas
outras ferramentas disponíveis, especialmente se você tiver uma equipe, é ainda mais importante
acompanhar o trabalho de todos e o que e quando eles
devem entregar. Então, aqui está um
exemplo simples da nossa equipe, a forma como gerenciamos
a publicação e publicidade dos tutoriais em vídeo que publicamos Tem um cronograma semanal simples. Ele também tem as tarefas
divididas e atribuídas
aos membros da equipe, e há uma
indicação clara
do status de cada uma
dessas tarefas. Para o exame, é importante
também conhecer o termo gráfico de gangues, que é
simplesmente mais um método de
representação visual para rastrear as tarefas
e também os prazos E você também pode receber
uma pergunta sobre o que é uma análise de caminho crítico
ou método de caminho crítico. Essa é outra técnica de
planejamento visual que pode identificar a sequência de tarefas dependentes que afetam
diretamente a conclusão do
projeto. Ambos os
métodos são úteis. Como acontece com os gráficos de geração,
basta voltar a eles e visualizar os cronogramas e como
as tarefas se sobrepõem e , novamente,
dependem E não há uma maneira
certa ou errada gerenciar os prazos,
desde que haja algum tipo de
método de rastreamento que você esteja usando e esteja compartilhando com todos os
envolvidos no projeto. Por último, mas não menos importante, o
terceiro componente principal da comunicação do projeto seriam os possíveis impactos dos atrasos Portanto, é muito importante
reconhecer possíveis gargalos, como recursos limitados, como um único
designer gráfico trabalhando em vários projetos e também disponibilidade
do cliente Portanto, mesmo que você seja o designer e entregue
seu trabalho no prazo
, obviamente
precisa obter feedback sobre isso
e, com base nesse feedback, precisa progredir ainda mais. Se você não verificar a
disponibilidade do cliente com antecedência e talvez o cliente não esteja disponível para ver o
trabalho por uma ou duas semanas
, é claro que isso
atrasará tudo. E você pode
achar que não é sua culpa
o fato de o cliente não
estar disponível para receber feedback. Mas geralmente isso
leva ao fato de que, novamente, você terá tempo limitado para a revisão
que precisa fazer. E há outro termo para
isso, chamado ciclo de feedback, que significa todo o
processo de você, designer, enviar seu trabalho para revisão o cliente examinando o trabalho, revisando-o e enviando
o feedback de volta para você E então você, novamente,
o designer, analisando esse feedback,
tentando resolvê-lo e
fazer as alterações. Então, isso seria considerado
um ciclo de feedback. E cada um desses
ciclos, por exemplo, poderia ter um
nome de versão separado, como versão um, versão dois, versão três. E talvez seja melhor também
criar subpastas separadas na pasta principal do projeto, onde você armazena todas as entregas
e arquivos do
7. 1.2.b Conceitos básicos de gerenciamento de projetos: Você também precisa
estar familiarizado com os cinco estágios principais do gerenciamento de
projetos, começando com o planejamento
e a análise. Agora, já abordamos a maioria
das principais ações
necessárias para esse estágio, como identificar o
público-alvo, descobrir os dados demográficos, as preferências e
os comportamentos, além de identificar
os objetivos do cliente, por
exemplo, qual é o
propósito do design Qual é a principal coisa que eles querem alcançar
com esse design? E os documentos mais importantes para essa etapa seriam obter o contrato e também o
resumo do projeto, é claro. Se você estiver interessado em
aprender mais sobre as etapas do projeto de design, eu abordei isso muito mais detalhes na minha série de teoria do design
gráfico. Mas para o exame, não se preocupe, você não precisa
ter um
conhecimento profundo sobre esse assunto. Você só precisa conhecer os estágios
individuais e qual é a ordem, pois talvez seja necessário colocá-los
na ordem correta. Após o planejamento e a análise, passamos ao agendamento. Aqui, o objetivo principal
é estabelecer um cronograma realista com
base nos resultados
e no escopo do projeto E já falamos
sobre as diferentes maneiras de fazer o planejamento, como usar um
gráfico de ganho ou um cronograma E o mais importante,
precisamos definir as datas de vencimento ou prazos
para todas as entregas terceira etapa seria
a parte de construção quando começássemos a criar os
ativos, iniciando os conceitos iniciais
e trabalhando até os protótipos
totalmente detalhados
ou os projetos finais E, geralmente,
o início da fase de construção
seria considerado o estágio de ideação em que
criamos conceitos, e há muitas
técnicas diferentes que você pode usar, como mapeamento mental, uma técnica comum
em que você mapeia e conecta todas as palavras importantes que você pode
associar ao resumo E, claro,
esboçar é algo que a maioria dos designers
utilizaria, sejam esboços muito simples
ou mais detalhados quando se trata de web design
ou design de interface de usuário, você usaria
wireframes E o objetivo principal de
todas essas técnicas é economizar tempo e garantir novamente
que você esteja no caminho
certo
para que você
possa verificar com seu
cliente, antes de investir muito tempo na
produção da arte
final vocês dois concordam sobre qual é a melhor
direção para seguir em frente Aqui está outro bom
cronograma que mostra como uma ideia pode começar com
um simples esboço,
que depois é transformado em
um esboço mais refinado, com
mais detalhes do que depois para incluir também a
paleta de cores E somente quando a
composição e direção
visual estiverem
claras e acordadas, os designers poderão
começar a trabalhar na saída final, para
a
qual, neste caso, foi necessário
um modelo em três D. E a partir desse modelo de três D, uma vez que toda a iluminação e os
materiais são aplicados, uma bela
imagem totalmente renderizada pode ser criada ou até mesmo uma boa
animação como esta Após a fase de construção, passamos para a fase de revisão
e avaliação. Aqui, primeiro
fazíamos uma revisão interna para verificar se conseguimos atender
ao resumo original e se todos
os requisitos foram atendidos. Caso um freelancer esteja
trabalhando por conta própria, vale a
pena pedir a opinião de
outra pessoa antes de enviarmos o trabalho que
criamos para o cliente. Portanto, se você conhece
outro artista visual ou designer, sempre
vale a pena
pedir a opinião deles ,
pois eles verão as coisas com um novo olhar e poderão perceber coisas
que você ignorou Quando você se sentir confiante de
que tudo está pronto e deseja
mostrá-lo ao cliente, precisa garantir
que sua apresentação seja de primeira qualidade Portanto, é muito importante
impressionar o cliente não
apenas com o trabalho, mas também com a forma como você o apresenta,
seja apenas um
PDF ou um PowerPoint Além disso, caso você
esteja apresentando a vida, seja online ou na
mesma sala que o cliente, também
é importante
preparar e ensaiar como
você vai falar
sobre o projeto
e o que você criou Quando o cliente está satisfeito
e aprova o trabalho
, passamos para
a última etapa, a implementação
e publicação, onde o objetivo principal
seria entregar o produto final no formato e
no meio para os quais
foi projetado
8. 1.3 Direitos autorais, permissões, licenciamento e como usar um conteúdo específico: Durante o exame, você
também receberá algumas perguntas sobre os aspectos legais do trabalho
de design gráfico, que se
concentra principalmente no tipo de permissão de direitos autorais
e no licenciamento necessários para usar conteúdo
específico Além disso, você não precisa ser advogado para entender
esses termos. Eles são bastante simples
e diretos. E há apenas alguns
termos-chave com os quais você precisa se familiarizar e que continuam
aparecendo no exame. Primeiro, vamos esclarecer
o que são direitos autorais. É uma
proteção legal que dá aos criadores a propriedade sobre
seu trabalho original, incluindo designs, ilustrações,
logotipos e layouts Assim que você cria um design,
você detém automaticamente
os direitos sobre ele, e outras pessoas não podem copiá-lo, usá-lo ou modificá-lo sem
sua permissão. Então, por que isso importa? Porque seu trabalho está
protegido contra roubo ou reutilização sem
crédito ou pagamento Isso também significa que você
, como designer,
precisará de permissão ou licença
para usar o trabalho de outras pessoas. Então, por exemplo, se você
quiser incluir uma foto, usar uma fonte, um ícone ou um modelo para um projeto em
que está trabalhando, você sempre precisa
se certificar de que tem os direitos ou a
permissão para usá-los. Então, em poucas palavras, se você
fez isso, você o possui. Se outra pessoa fez isso,
você precisa de permissão. Agora, quando se trata de IA
generativa, no momento, não
há uma proteção clara para o trabalho protegido por direitos autorais que
é compartilhado on-line porque,
para que é compartilhado on-line porque esses modelos de
IA generativa funcionem, eles precisam vasculhar a Internet
e devorar tudo o que puderem e devorar Então, estamos falando de
bilhões de imagens. E a maioria das
grandes empresas, como Mid Journey ou a Open
AI, criadas pela Chet GPT, ignorarão ou tentarão
esconder o fato de terem incluído milhões
de trabalhos protegidos por direitos autorais
em seus dados de em A razão pela qual eles
podem escapar impunes ou
continuar fazendo isso é
porque é muito
difícil rastrear o trabalho original protegido por direitos autorais porque eles não estão compartilhando ou sendo transparentes sobre o que foi usado nos dados de treinamento Não se preocupe no
exame. Eles não farão perguntas sobre IA
generativa É algo pelo qual
sou muito apaixonado
e, na
verdade, é uma área cinzenta quando se trata de
como os direitos autorais são tratados Vamos seguir em frente e falar sobre o próximo
termo importante: domínio público. Portanto, isso se refere a materiais
criativos não protegidos por leis de propriedade
intelectual, como direitos autorais,
marcas registradas ou patentes E, nesse caso, o
público é dono da obra, não um
autor ou artista individual. E, em comparação com trabalhos protegidos
por direitos autorais, qualquer pessoa pode usar um trabalho em domínio
público sem obter permissão trabalho derivado seria
considerado algo que foi alterado ou foi baseado em
algum outro trabalho original Isso significa que você pegou uma peça existente,
como logotipo, arte, foto ou layout, e a
modificou de alguma forma, como alterar as cores Você adiciona alguns elementos
ou os combina com
muitos outros elementos para criar algo novo.
Mas aqui está o problema. Mesmo que você mude alguma coisa, o criador original
ainda detém os direitos autorais. Isso significa que você precisa permissão para usar ou compartilhar
legalmente a nova versão, a menos que o trabalho original
já esteja em domínio público ou que você possua uma licença que
permita modificações. Então, novamente, para simplificar, mudar um design
não o torna seu. Se for baseado no trabalho de
outra pessoa, ainda estará protegido. Agora, uso justo, outro termo
importante com o qual
se familiarizar, é uma regra legal que permite uso
limitado de
material protegido por direitos autorais sem permissão Mas somente em
situações específicas, como educação,
comentários, reportagens ou paródias Mas o uso justo
não é um passe livre para qualquer imagem ou design só porque você não está
ganhando dinheiro com isso. E os tribunais geralmente
analisam quatro coisas diferentes para decidir se algo
é de uso justo ou não. Eles analisariam o propósito, então
para que se destina, a natureza, então o trabalho original é
factual ou criativo, a quantidade ou quanto
do trabalho original está sendo usado E o mais importante,
o efeito, se você trabalha, afetará o criador original de alguma forma, mas o mais importante é
negativamente, por exemplo,
financeiro, portanto, o
uso justo é limitado. É caso a caso
e também não é garantido. Portanto, a melhor coisa a fazer para
evitar complicações é
obter permissão ou licença
para usar o trabalho de outra pessoa. Agora, mencionei o licenciamento
algumas vezes. Esse é outro termo com o qual você
deve estar familiarizado. Portanto, é uma forma de usar legalmente o
material protegido por direitos autorais
pagando uma taxa estabelecida pelo pagando uma taxa estabelecida pelo detentor
dos direitos autorais ou pelo provedor de imagens de
estoque Por exemplo, você pode usar o material protegido por direitos autorais
ou a imagem de estoque por um período específico e uma determinada forma, conforme descrito
nos Também pode ser questionado
sobre creative commons ou CC, abreviadamente, que é um sistema que
permite que os criadores compartilhem seus trabalhos com o público,
mantendo alguns direitos Então, em vez de dizer que
todos os direitos estão reservados, um designer pode usar uma licença Creative
Commons para dizer que você pode usar isso,
mas veja como Portanto, essa é uma forma de facilitar o compartilhamento, mas você ainda precisa seguir
as regras de cada licença. Da mesma forma que o licenciamento,
talvez você também precise assinar formulários de
liberação se quiser usar a imagem de
uma pessoa ou um ponto de
referência em Você também precisará de um formulário de
liberação se quiser incluir um nome de marca
em seu projeto, especialmente se essa marca não for propriedade do cliente para o
qual você está trabalhando. E há dois tipos de lançamentos
específicos que geralmente eles perguntam no exame. Uma é a liberação do modelo
, necessária se uma pessoa for reconhecida em seu trabalho,
e a autorização de localização, necessária
para pontos turísticos ou propriedades
privadas,
como a Disneylândia
9. 1.4.a Formatos de arquivos: Também é importante conhecer as diferenças entre
os formatos de arquivo que normalmente usaríamos em um projeto de design de
impressão. Agora, pode ser um pouco complicado categorizar os formatos de arquivo,
mas, basicamente, eles se dividiriam em
três grupos principais primeiro são os arquivos de trabalho
ou de projeto que permitem que você volte
e faça alterações em um design. Então, para o Photoshop, seria
o documento PSD ou Photoshop Para o Illustrator,
seria AI e, em design, seria um formato de arquivo DI
e D D ou em um documento de design próxima categoria são os ativos que você usaria
em um projeto de design. E esses seriam predominantemente formatos de arquivo de
imagem, incluindo imagens de pixel ou de
lista e vetoriais Mas
também pode haver arquivos de texto ou arquivos do Excel no caso de
um catálogo, por exemplo. E por último, mas não menos importante,
a categoria final seria os arquivos prontos para impressão. E, na maioria das vezes,
seriam arquivos PDFs ou EPS. Agora, eu não vou
gastar muito tempo comparando-os uns com os outros porque você pode simplesmente usar este gráfico do
Milanotbard Então, em vez disso,
vou destacar algumas coisas ou
dicas importantes que você deve ter em
mente. Quando se trata dos formatos
Image Five, você precisa estar ciente da compressão e da
perda de qualidade. Portanto, isso é especialmente importante quando você trabalha com imagens JPEG E é algo que você pode entender
melhor ao usar o
recurso Exportar como no Photoshop Então, neste caso,
podemos ver um detalhe de um desenho no lado
esquerdo e no lado direito. E, no momento, estou
usando as mesmas configurações, mas vou mudar
para JPEG para ambas e vou
mudar a qualidade Então, aqui no tamanho certo, vou
configurá-lo como muito ruim,
enquanto no lado esquerdo, vou me certificar de que está configurado para a
opção da mais alta qualidade, o que é ótimo. Se eu ampliar ainda mais, você poderá ver
os artefatos ainda melhor Então, tenho certeza de que você pode identificar todos esses pixels bagunçados aqui
no lado direito Então, isso se deve à compressão
JPEG, e isso é o que
chamaríamos de artefato de compressão A vantagem de usar JPEGs de qualidade
inferior é que o
tamanho do arquivo será Então, enquanto este
aqui no lado esquerdo tem cerca de 350 kilobytes, o da direita com a configuração de qualidade
mais baixa apenas cerca de 50 kilobytes A maioria dos formatos de arquivo de imagem, incluindo JPEG, também suporta a
incorporação de perfis de cores, e isso é algo que você
deve sempre
incluir para um fluxo de trabalho com gerenciamento de
cores correto E o gerenciamento de cores é, na verdade nosso próximo tópico, que
abordaremos com mais detalhes. Além do JPEG, outro
formato de arquivo de imagem
muito
usado seria o PNG, que tem a vantagem
em relação ao JPEG também conter detalhes de
transparência Portanto, isso é algo que
você pode desativar novamente ou mantê-lo ligado aqui
no canto superior direito. E a profundidade de bits dos
arquivos PNG, por padrão, é de 24 bits. Mas você sempre pode
reduzir o tamanho do arquivo se escolher a versão PNG de
oito bits. A profundidade de bits é uma forma de medir a quantidade de cores que você
pode usar em um formato de cinco. Então, oito bits, por exemplo, significa dois na potência de oito, que é 256 cores. Comparado a isso,
o outro formato, 24 bits, na verdade,
significaria oito bits para cada um dos
canais de cores RG e B,
e isso também se aplica
às imagens JPEG Mas também há
outros cinco formatos, o
GIF, que também pode
incluir animação Mas a principal limitação
desse formato de cinco é que ele não pode ultrapassar a profundidade de
oito bits. Portanto, a quantidade máxima
de cores é 256. Para ver melhor o que isso significa, em vez de usar o comando
Exportar como, vou escolher Exportar, salvar para a web, e para
o formato de arquivo GIF, também
obteremos a tabela de cores E aqui, podemos realmente
reduzir a quantidade de cores. E se eu reduzir
talvez para quatro cores, no caso desse design, não faria muita
diferença porque ele já usa uma paleta de cores muito
limitada Mas, ao usar menos
cores em um arquivo GIF, é
claro, você terá
um tamanho de arquivo menor E o tamanho do arquivo em geral não faz muita diferença
nos projetos de impressão. É mais importante para o design
web e móvel. Caso você esteja
se perguntando, onde você pode encontrar o outro tipo
de formato de arquivo? Você os encontrará
em Salvar arquivo , como na maioria dos aplicativos de
design. E na versão mais recente
do Photoshop, por exemplo, ele mostrará apenas uma lista
muito limitada no início, e você só poderá ver os cinco formatos adicionais se optar por salvar
uma opção de cópia Depois de fazer isso, você
verá uma lista muito maior. E aqui você pode realmente encontrar todos os formatos que normalmente
seria capaz de
salvar da exportação ou
salvar para recursos da web, mas acompanhados por muitos formatos de arquivo especializados
adicionais, que na maioria das vezes você
não precisará em seu trabalho. Outra forma
comum de categorizar os formatos de arquivo de
imagem é se eles são baseados em listas ou vetores Portanto, os arquivos JPECPNG e Gift
são todos baseados em listas, enquanto os formatos de arquivo
vetorial mais comuns seriam EPS Desses dois, o EPS é usado
principalmente na impressão, enquanto o SVG é um formato
de arquivo
vetorial projetado para
ser usado na web e é uma abreviatura de gráficos vetoriais escaláveis Agora, há outro formato de arquivo
importante que vale a pena mencionar E mesmo que, como
designer gráfico, maioria das vezes
você não
precise trabalhar com isso, mas ainda é bom
estar ciente disso, pois é o formato camera raw. Agora, isso é algo com o qual a maioria dos fotógrafos está familiarizada E o nome Row
vem do fato de que essa é a informação não processada
que a câmera grava E essa comparação simples
mostra muito bem como ela pode ser diferente ou
melhor do que uma imagem JPEG Portanto, se você tiver sua câmera
configurada para gravar JPEGs, isso significa que a câmera compactará e
processará automaticamente as informações e as
transformará em uma Comparado a isso, um arquivo
registrará e manterá todas
essas camadas de dados
brutos e permitirá que
você acesse todas essas camadas posteriormente, quando
estiver desenvolvendo as imagens E é por isso que um arquivo de
câmera sempre
será muito maior em
comparação com um JPEG, mas isso
lhe dará muito mais liberdade quando se trata de editar imagens A maior diferença que você
notará na faixa tonal,
que é a faixa entre os detalhes mais
escuros e os mais claros em No caso de um arquivo bruto, você teria uma faixa tonal muito
maior, permitindo que mais detalhes
fossem capturados
nas áreas mais claras e também nas
áreas mais escuras da imagem No caso de um arquivo JPEC, esses detalhes
mais claros ou mais escuros
serão completamente
apagados ou queimados, então ficarão completamente
brancos ou totalmente pretos, que significa que não haverá nenhuma Portanto, ao tentar
fazer ajustes, você começará a
introduzir muito mais ruído em suas imagens do que
desenvolver uma fotografia bruta. E caso você esteja se perguntando, a melhor maneira de exibir
a faixa tonal de uma imagem é
usando um histograma, que lista o
número de pixels em
cada região tonal, dos cada região tonal pretos mais
escuros aos
brancos mais claros, e Ao observar esses três
exemplos na parte inferior, você pode ver que uma imagem
subexposta
teria a maioria dos valores
mais próximos à esquerda, enquanto uma
imagem superexposta teria maioria dos detalhes no
histograma no lado direito Se você ver um pico
na extremidade direita, isso significa que você
terá que recortar os
detalhes mais brilhantes E o mesmo pode acontecer
com os detalhes mais sombrios. Mais uma vez, se você
ver um pico lá, isso também não é uma coisa boa. E, em geral, o tipo de
imagem
mais fácil de trabalhar
e que fornecerá mais informações são
essas
exposições
neutras , nas quais você tem a maioria dos detalhes
na faixa de tons médios E só para que você possa ver e apreciar a diferença que você pode conseguir ao
desenvolver uma foto crua. Aqui está o original e aqui está a versão refinada
e desenvolvida. E você pode realmente
ver a quantidade de detalhes que conseguimos
recuperar nas áreas mais escuras
e mais claras Mais uma vez, isso é antes e isso é depois.
10. 1.4.a Resolução: Todo designer
de impressão precisa estar familiarizado com a resolução da imagem,
pois esse é um dos fatores
limitantes mais importantes quando
se trata de decidir o tamanho
e a qualidade de uma E, essencialmente
, o que isso significa é quantidade de detalhes que uma
imagem pode conter. Quando nos referimos a imagens de alta
resolução, isso significa que
há mais detalhes nelas
em comparação com imagens de
baixa resolução. E é importante
diferenciar já no início quando
se trata de imagens digitais, nós as dividimos em
duas categorias principais pixels ou de lista,
e as fotografias
também se enquadram
nessa categoria e nos gráficos
vetoriais, que na maioria das vezes
seriam ilustração ou tipo Agora, geralmente, em projetos de design
gráfico, você usaria
uma combinação de imagens em
pixels e gráficos
vetoriais. Mas o elo mais fraco em termos de
resolução e qualidade de impressão
sempre será a lista de pixels ou às vezes, também conhecida
como imagens de bitmap Entenda melhor a diferença entre pixels e listas Aqui está uma
visão bem aproximada de uma fotografia
mostrando um olho e ampliando a
imagem de uma lista,
revelará os blocos de
construção reais,
os pixels ou listas, que, olhando tão revelará os blocos de
construção reais,
os pixels ou listas, de perto, fazem com
que pareça Mas voltando atrás,
começaremos a ver isso como uma imagem contínua
sem qualquer pixelização bom dos pixels, especialmente quando você
tem muitos deles, é que você pode capturar informações
visuais
realmente complexas, além de permitir
muitas sutilezas que talvez você não consiga
recriar com vetores Agora, a maior
vantagem dos vetores é que eles são independentes da
resolução, o que significa que eles podem ter
qualquer tamanho que você quiser sem
perder
a qualidade Para demonstrar isso para você, aqui estamos no Illustrator com uma ilustração simples e não importa o quanto
eu amplie, nunca
veremos pixelização Portanto, essas curvas que são usadas
como blocos de construção em
um gráfico vetorial em comparação com uma imagem em pixels são todas
compostas por pequenos pontos de ancoragem Tudo é descrito
matematicamente em vez de confiar na lista
que vimos anteriormente ou nas colunas
e linhas Se eu mover um desses pontos de
ancoragem, tudo o que precisa ser
registrado ou registrado é a nova localização real desse ponto
de ancoragem São simplesmente essas duas coordenadas que
podemos ver aqui. O computador poderá
facilmente conectar dois pontos de ancoragem com
uma linha reta linear, mas também pode conectar pontos de
ancoragem como
esses dois com uma curva
e, para poder descrever a curva em si,
tudo
o que é necessário é essa alça que estou
arrastando e sua distância relativa do ponto
de ancoragem original Esse método de visualização de gráficos e
formas
vetoriais em geral é o que
chamamos de curvas de Bezier Tem o nome
do matemático que inventou Outra vantagem importante
dos gráficos vetoriais, além de serem independentes da
resolução, é que o tamanho do arquivo também é menor em comparação com
as imagens de lista Mas o que é claramente uma
desvantagem deles é que é muito
difícil fazer com que
as coisas pareçam fotorrealistas, e é por isso que
ainda confiamos em pixels
e
vetores Então, como você pode ver, ambos
têm seus pontos fortes e
fracos e seu uso em
um projeto de design gráfico Há algumas maneiras de medir a resolução,
e
você já deve ter ouvido falar de
algumas dessas unidades, como DPI Como podemos ver
neste exemplo, 300 DPI seria como um
padrão que
consideraríamos uma imagem de alta
resolução
ou uma impressão em alta resolução E DPI na verdade significa pontos
por polegada, que se refere
ao número de pontos
de tinta na Mas quando se trata
da fase de design, mesmo antes de
acabarmos criando
algo pronto para impressão, normalmente
mediríamos a lista de imagens em
pixels em PPI
ou pixel por polegada E o que é ótimo nessa
comparação é como ela mostra que a resolução por si só não
importa. O que importa é a quantidade de pixels em combinação
com a resolução. Portanto, quando você tiver muitas informações
de pixels gravadas em sua imagem digital, poderá imprimir e
manter imagens de alta resolução, mesmo em um
formato grande, como zero. Podemos ver o tamanho
disso em milímetros aqui. Portanto, este é um pôster de tamanho bastante
grande. Em comparação com isso, quando você
tem menos pixels para trabalhar, ainda pode ter uma impressão de
alta qualidade, mas só poderá
usar um tamanho de impressão muito menor. Então, a impressão em pixels, novamente, significa
simplesmente quantos
desses pixels da imagem serão impressos em
uma distância de uma polegada. E quanto maior a resolução, mais comprimidos esses pixels ficarão na imagem impressa, o que resultará em uma impressão de
maior qualidade
11. 1.4. Tamanho da imagem: A melhor maneira de entender a relação entre
a quantidade de pixels, a resolução e
o tamanho da impressão é usar o
recurso de tamanho da imagem no Photoshop Então, nesse caso,
podemos ver que essa é a quantidade original de pixels com a
qual estamos trabalhando. Portanto, cerca de 3.000 pixels de largura
e 4.000 pixels de altura, que equivale a cerca de 12
milhões de pixels ou megapixels Não quero confundir você,
mas caso você queira
ser específico, um megapixel é na verdade um pouco mais de
1 milhão de pixels Na verdade, são dois
na potência de 20 pixels, o
que equivale a 1 milhão e
48.576 Mas, para simplificar, um megapixel pode ser considerado
1 milhão de pixels Tirei essa foto
com um iPhone, que tem aproximadamente 12 megapixels, e é por isso que
obtemos esse tamanho de imagem Observe como as dimensões em pixels são automaticamente combinadas
com a resolução,
que, por padrão, é definida como
300 PPI ou pixel por polegada. Mas e se eu mudar? E para poder
ver o tamanho da impressão, tudo o que preciso
fazer é mudar os pixels para polegadas ou uma
dessas outras unidades de medida. Mas vamos usar
os centímetros primeiro. Assim, você pode ver que
ele pode ser impresso
no padrão de alta resolução 300 PPI com um tamanho de
aproximadamente dez por 13”. E isso, caso você
esteja se perguntando, é entre um tamanho de papel A quatro e um A
três. Portanto, mesmo sendo uma imagem de
12 megapixels, ela ainda não nos dará um tamanho enorme quando se trata de
imprimi-la com 300 PPI Mas o que também é muito
importante entender, e isso
raramente é discutido, é que o requisito de qualidade de uma impressão também depende
da distância de visualização. Então, estritamente falando, 300 PPI ou DPI é algo que você precisa ao
produzir uma impressão que será mantida
por pessoas como folhetos,
revistas, livros,
cartões de visita, etc Mas, comparado a isso, um grande banner onde as pessoas simplesmente
passarão ou talvez até o verão
de muito mais longe. Quando eles são
exibidos no topo de um prédio ou ao
lado de uma rodovia, a
resolução de impressão necessária será muito,
muito inferior a 300 PPI E aqui está uma ótima
comparação em que podemos ver a
distância de visualização à esquerda. E a resolução necessária
para isso à direita. E você pode ver que
mesmo quando uma impressão é exibida a 1 metro de
distância do visualizador, ela já pode
cair para 180 PPI, que é quase metade
do requisito original. Mas à medida que você se
afasta do visualizador, cinco metros de distância, isso já resulta
na redução
da exigência para 35 PPI, que é cerca de dez vezes
menor do que começamos. Eu acho que você nunca
precisaria projetar algo que fosse exibido a 200
metros de distância das pessoas, exceto se você estivesse
fazendo design de exposições, e é um enorme salão de exposições. Mas nesses casos, a resolução pode até ser
reduzida a um PPI. Agora, é claro, esse é um cenário
bastante extremo. Mas não se esqueça de que a resolução
mínima exigida sempre depende da distância de
visualização. E caso você precise, também existe uma
fórmula para calcular
a resolução mínima com
base na distância de visualização. Para garantir que a
relação entre o tamanho da
impressão e a
resolução faça sentido. Voltando ao nosso
exemplo anterior no Photoshop, quando eu desativo a reamostragem, o que significa que não estamos planejando alterar o tamanho da imagem,
portanto, não estamos introduzindo
novos pixels Agora eu começar a diminuir
a resolução, ao mesmo tempo,
como você pode ver, o tamanho da impressão está aumentando Então, o que isso significa
é que estamos apenas distribuindo as informações originais dos
pixels, e elas serão impressas com
menos densidade no E, por exemplo, se eu
diminuir para a resolução de 150 PPI, isso nos dará exatamente o
dobro do tamanho de uma impressão em comparação com quando estávamos prestes a imprimir
com 300 PPI. Obviamente, da mesma forma, se
ultrapassássemos 300 PPI, que na maioria das vezes não
seria necessário. Mas só para argumentar, se eu for mais alto e
verificarmos, novamente, o tamanho em centímetros
ou polegadas, é claro
que ele continuará caindo
porque, mais uma vez, tudo o que estamos fazendo é condensar todas as
dimensões originais dos pixels em um espaço menor Além de PPI e DPI, você também deve ter
ouvido falar de SPI e LPI, dos quais SPI se refere
principalmente a scanners e à alta resolução
que E representa as
amostras coletadas em uma polegada linear, enquanto o LPI ou linhas por polegada é usado principalmente na impressão
comercial, que descreve a
distância entre as linhas de pontos impressas Para simplificar as coisas, como designer gráfico, você precisa se
preocupar principalmente com PPI ou pixel por polegada, porque isso é algo
com o qual você trabalhará na maioria dos aplicativos de
design.
12. 1.4.a Aliasing: Agora, outro termo que você
provavelmente encontrará é aliasing, que é mais perceptível no tipo quando a
resolução é muito baixa. Começaremos a ver
essas bordas rígidas nos detalhes curvos do tipo, que também é conhecido como
degrau de escada E o método de suavização
é o que pode nos ajudar a melhorar isso calculando a média cores
nas bordas
e suavizando-as Aqui está outro look de
perto que mostra essa
escada subindo perfeitamente Nesse caso, parece até uma
escada, resultado de um
anti-aliasing e de como ele pode suavizá-la
mesmo com uma vista de perto Ao trabalhar com texto no Photoshop, por exemplo, você verá que o antialiasing
é Mas, claro, é algo
que você pode tirar. Se eu selecionar este texto aqui e alterar o tipo de anti-aliasing de nítido padrão para não, poderemos ver o
resultado imediatamente
e, mesmo à distância, isso será perceptível Mas se eu aproximar um
pouco mais, provavelmente
poderemos ver
ainda melhor. Então, isso é sem e com anti-aliasing, sem e com Você provavelmente
notou que, na verdade,
não há nenhum aliasing acontecendo
na linha horizontal E, em alguns casos
, também não aparecia
nas linhas verticais. E isso porque
esses detalhes podem se alinhar
perfeitamente
à grade de pixels Portanto, para eles, não
há necessidade de anti-aliasing. E eu
posso te mostrar isso. Se eu me aproximar, eventualmente, começaremos
a ver a grade de pixels, e podemos dizer que essa borda horizontal
nítida não precisa de suavização Já parece
perfeito do jeito que está. Por último, mas não menos importante,
quero apenas mencionar que há uma nova
área muito interessante em imagens digitais em que a
inteligência artificial é usada ou utilizada para aumentar a
resolução de imagens rasterizadas E o Photoshop tem seu
próprio filtro neural chamado Super Zoom, que é alimentado pela Inteligência Artificial
do Adobe Sensei E com isso, você pode
aumentar o tamanho de uma imagem, eu acho, até nove vezes
maior do que era originalmente. Ao mesmo tempo,
você pode aprimorar os detalhes
da imagem, remover artefatos
JPEG, introduzir redução de ruído e nitidez
e até mesmo aprimorar detalhes específicos E para dar um exemplo, mesmo um aumento de quatro vezes
no tamanho significaria tanta diferença entre a imagem original e a que passou
pelo filtro neurológico E para ver os detalhes,
vou ampliar um
pouco mais. Portanto, cerca de 100% de visualização ou visualização em tamanho
real de pixels mostraria a qualidade original
da imagem. E se pularmos para
a versão redimensionada com a mesma proporção de zoom, é
isso que veremos Essa tecnologia basicamente adivinha as informações
que faltam no original e tenta criar novos pixels De todas as ferramentas de IA
usadas para redimensionar imagens, a
mais eficaz, na minha opinião, é o Let's Enhance, cujo link você pode
encontrar no quadro E aqui você pode
ver uma comparação da
imagem original à esquerda, o resultado do filtro neuro, que
vimos no Photoshop
no meio,
e o resultado do Let's
Enhance AI à direita Você pode ver como
a clareza é muito melhor nessa versão e quantos detalhes
foram recuperados ou adicionados a áreas como
os olhos e os lábios. Prevejo que esse tipo de tecnologia em alguns anos fará com que as imagens
da lista também pareçam independentes da
resolução,
como os gráficos vetoriais Mas até lá, continue
verificando a resolução de cada imagem que você está usando em seu projeto de
design gráfico.
13. 1.4.b Espaços de cores: O objetivo final
do gerenciamento de cores é combinar as cores que você pode ver
na tela com
as cores do produto
final impresso. Em um fluxo
de trabalho de gerenciamento de cores ideal, você faria com que todos os
dispositivos que participam do processo de design e impressão falassem o mesmo idioma, que resultaria em resultados de cores
previsíveis e
precisos. Um dos componentes mais
importantes de
um fluxo de trabalho gerenciado por cores é
o uso do perfil de cores ICC Podemos ver que tudo
começa com o designer criando
um perfil de cores para o monitor
que está usando. E mais tarde, falaremos também sobre a calibração do monitor , porque isso
também é importante Mas, durante o
resto do processo, sempre
haverá um perfil de cores anexado
aos arquivos do designer. Portanto, não importa onde elas apareçam, as
informações originais da cor devem ser
mantidas evitando transições
e mudanças
indesejadas nas Um perfil de cores é essencialmente a descrição
do espaço de cores, gama e do comportamento de
um dispositivo calibrado As impressoras terão suas
impressoras offset e digitais calibradas e
poderão fornecer ao designer gráfico
seu perfil
de ICC, na verdade, significa
International Color Consortium. Foi criado em 1993 é a arquitetura
e o sistema
multiplataforma
aceitos internacionalmente arquitetura
e o sistema
multiplataforma
aceitos para gerenciamento de cores. No tópico de cores, já
falamos sobre
as diferenças entre os modos de cores
RGB e CMYK
e mencionamos que a principal diferença
entre os dois é como as cores Portanto, enquanto usamos o CMIK para impressão,
estamos trabalhando em um modelo de cores
subtrativas, o
que significa que o preto é a
cor que significa que o preto é a No caso de RGB ou na tela, estamos usando o modelo aditivo que o branco é a cor
mais intensa Então, com CMYK, quando
você combina cores, elas ficam mais É o oposto com o RGB. Conforme você combina as cores, elas ficam mais brilhantes Mas a principal razão pela qual você
verá uma mudança nas cores de RGB para CN YK não é porque elas descrevem
as cores de uma maneira diferente É porque eles têm uma gama de cores
diferente. Portanto, cada espaço de cores, e neste caso, podemos ver quatro deles aqui
no canto superior direito, terá sua própria
gama de cores, que é essencialmente o subconjunto de cores que podem ser representadas
por esse Como você pode ver, o SRGB, representado
pelo triângulo verde tem a menor área coberta, o que significa que oferece
a menor gama de cores Comparado a ele, o espaço de cores
padrão do CNK é um pouco maior, e é esse
polígono que podemos
ver aqui com um contorno ver aqui com um Portanto, embora esses dois gametas de
cores se sobreponham, ainda
há
muita diferença entre eles, especialmente quando você
está usando
essas cores mais vivas e
saturadas essas cores mais vivas e Eles não podem ser
traduzidos corretamente para o CNK. Mas o espaço de cores SRGB é,
na verdade, mais projetado para b. Enquanto o Adobe RGB, que é uma gama de cores muito mais ampla, é o padrão que
usaríamos para Você pode ver aqui
no diagrama que é um
triângulo muito maior do que o SRGB, o que significa que cobre
muito mais cores E o maior gameta de cores
neste gráfico é o P photo RGB, que é usado principalmente em fluxos de trabalho de
fotografia profissional Você deve ter notado
que, ao usar o
seletor de cores no Photoshop,
às vezes, ao
selecionar uma cor, você recebe um aviso
aqui à direita Agora, isso realmente significa
fora da gama para impressão. Podemos ver que a cor que
selecionei é descrita
de várias maneiras diferentes, incluindo RGB, C e K,
e também LAB, que
discutiremos em breve Mas para ver
a cor mais próxima dessa que pode realmente ser impressa com as quatro
cores, C e K, basta
clicar nessa pequena guerra o seletor de cores
pula imediatamente para a cor real que foi descrita
com os valores CNK Então, mais uma vez, se eu
clicar em algum lugar aqui, podemos ver que esses são os
valores, 430 cem zero E se eu clicar
no ícone de aviso, mesmo que a
amostra de cores tenha mudado bastante, os valores
do CNK não Isso ocorre porque,
essencialmente, todas essas cores muito vibrantes
não podem ser representadas com tinta e isso, é claro, não
se aplica apenas aos tons verdes, mas você teria o mesmo problema com a maioria dos outros tons Por exemplo, se eu
chegar em algum lugar, digamos, aqui, novamente, indo para o canto superior direito onde temos as cores
mais intensas, posso clicar no aviso
e, mais uma vez,
teremos uma grande mudança, que mostra a cor
mais próxima possível que pode ser obtida
na impressão. Mais uma vez, daqui, até lá. Infelizmente,
não existe uma fórmula ou
recurso mágico que o
impeça de lidar com essa diferença
entre RGB e CMYK Mas, seguindo um fluxo de trabalho gerenciado por
cores, você pode estar mais bem equipado trabalhar
e ver
as cores certas em
todo o processo que eventualmente, poderão ser impressas.
14. 1.4.c.1 Principais termos relacionados a layouts de várias páginas — Tintas e sangria: design impresso é um subconjunto do campo mais amplo
do design gráfico, e a
maneira mais fácil de explicar como ele difere de outros tipos de áreas de design
gráfico é que em geral ou na maioria dos
casos com design impresso, você obteria um produto tangível
no final de um projeto, seja um livro,
um cartão de visita ou até mesmo um boné com
uma impressão Os projetos de design variam em
tamanho e complexidade. Você pode estar criando
um pequeno adesivo, mas também pode trabalhar na marca
completa de uma companhia aérea e em todos os designs que
acabarão em aviões
reais Agora, é claro,
há muita sobreposição entre design digital
ou web e design gráfico, porque você pode estar trabalhando em projetos para clientes nos quais é
necessário fazer um pouco das duas coisas Mas se você está
planejando se especializar em design de impressão ou se
isso é apenas algo que você também deseja ter em suas habilidades, há
muitos aspectos e coisas
importantes que
você deve saber como preparar
seu trabalho para impressão com eficácia E é exatamente isso que
abordaremos neste tópico. Então, vamos começar com o
mais essencial. O que significa impressão em quatro cores? Bem, isso significa usar tinta ciano, magenta, amarela e preta, e o preto é conhecido como
a cor principal pela qual estamos usando K
na E o CMYK também é conhecido
como modo de cor, semelhante ao
RGB ou vermelho, verde azul que a maioria dos dispositivos de
tela usa E o gerenciamento de cores é
um tópico que
abordaremos com muito
mais detalhes posteriormente, o que significa
essencialmente que é o processo qual você pode garantir
que as cores que
você vê na tela
acabem parecendo o mais próximo
possível
do produto final impresso. Como designer de impressão,
é fundamental
estar ciente das limitações
desse modo de cores e das
maneiras pelas quais você pode obter cores mais ricas
sempre que necessário Novamente, isso é
algo que
entraremos em muito mais
detalhes posteriormente. Há outro termo
que vale a pena lembrar: separação de cores, que é o processo de transformar uma
fotografia ou
imagem digital colorida e separá-la nos quatro componentes
de cores sobre
os quais já falamos Então, neste caso, podemos ver a imagem real
aqui na parte inferior. E quando essa
separação de cores acontecer, ela permitirá que
a impressão final seja construída a partir
desses componentes. E, novamente, discutiremos todos os diferentes
tipos de
processos de impressão com mais detalhes. Mas, neste caso específico, estamos vendo
uma impressão offset em detalhes, na qual
podemos ver a lista ou os pequenos pontos
dessas quatro cores diferentes que usam quatro placas
diferentes, impressas umas sobre as outras
em papel para torná-la
semelhante à imagem colorida
original que vimos em Também é outro termo ao qual as
impressoras costumam se referir e faz parte do processo de
pré-impressão É RIP ou RIP, que significa roster
image processor, e é essencialmente
o processo que todas as imagens digitais,
incluindo
gráficos vetoriais, são convertidas no formato final com
o qual as máquinas de impressão reais
poderão trabalhar Caso você esteja se perguntando, a lista no RIP vem do processo de
rosterização,
onde todos os
detalhes vetoriais, incluindo o tipo, são transformados em listas, que são essencialmente
esses pequenos pontos que veremos A qualidade da impressão
tem muito a ver com a resolução original e a resolução usada durante
o processo de impressão. Mas isso é, novamente,
algo que teremos que
discutir com mais detalhes
no próximo vídeo. Como já estabelecemos
isso no design impresso, estamos trabalhando para obter um
produto tangível no final Da mesma forma que
é importante obter as cores corretas, também
é importante obter uma impressão com aparência
profissional. E um dos
sinais óbvios de um projeto impresso de baixa qualidade ou barato é
quando você nem mesmo tem sangramento em um
folheto ou pôster Então, o que significa essencialmente uma sangria
correta usada em um
projeto de design gráfico ? O que isso significa é que o
produto no final não terá nenhuma borda branca visível porque a imagem impressa
cobre completamente o pedaço de papel E a maneira de fazer
isso é usando um
pedaço de papel ou
folha um pouco maior e imprimindo um formato um
pouco maior do que o que você deseja que seja o produto final. E então, quando a
impressão estiver pronta, você cortará ou cortará a peça excedente para obter o
tamanho real necessário E a razão pela qual isso é chamado sangramento é porque, nesse caso, a imagem está sangrando
pela borda do papel Aqui está outro
exemplo rápido em que já temos um cartão de visita
configurado com o bleed. Podemos ver que o logotipo
não precisa ser borrado, enquanto essa forma na parte inferior, para garantir que
será impressa até
as bordas, já
aumentou ligeiramente de tamanho E assim que esses
detalhes adicionais forem cortados, obteremos o cartão de visita final
recortado, que garantirá que não haja lacunas brancas por
aqui e
garantirá que a cor vermelha saia
das bordas do papel Desculpe, se as coisas começarem a parecer um pouco
mais cirúrgicas, ter sangramento vermelho e
cortar em uma frase E para entender melhor
como configurar o sangramento em seus documentos e como ele
se relaciona com todas as outras áreas, aqui está uma
explicação simples em que podemos ver que o tamanho final da impressão,
que também
chamamos de tamanho que também
chamamos geralmente
é indicado
com um Então essa será
a borda do produto final depois que
o sangramento for cortado Imediatamente ao redor da guarnição, temos o sangramento
geralmente representado por esse retângulo vermelho O tamanho mais comum que
usaríamos para essa área é 3 milímetros em todas as bordas
de um oitavo de No entanto, em algumas
partes do mundo, acho que na Austrália,
normalmente seriam 5 milímetros Mas é
sempre melhor verificar o tamanho da sangria com a impressora, e
será você ou a impressora que incluirá
as marcas de corte, que indicarão onde a borda da
sangria será cortada É importante que essas marcas de
corte
nunca se sobreponham à área de corte
real, caso contrário, elas
acabarão aparecendo na impressão final Portanto, é perfeitamente
normal que eles se sobreponham
à borda de sangramento, pois isso
é apenas uma impressão em excesso Na verdade, não
precisamos disso no final. E normalmente também se sobrepõem outra área que fica logo
fora da hemorragia
, chamada lesma E isso pode ser em uma
borda ou em todas as bordas,
novamente, fora da hemorragia. E geralmente isso é
indicado com uma linha azul. É uma área na qual você pode adicionar informações adicionais
de impressão, incluindo marcas de registro, gráficos de consistência de
cores e instruções adicionais para a impressora, quando necessário. E por último, mas não menos importante, há outra área sobre a qual vale a pena
falar, que são as margens, que
geralmente são representadas linha
roxa dentro do acabamento E isso é, obviamente,
um detalhe que não é impresso. Portanto, é um guia invisível que ajuda você a alinhar o
conteúdo e garantir uma distância mínima da borda
da página em todos os lados e, às vezes as margens podem ser diferentes
em cada um dos lados, e são importantes principalmente
quando se trata Portanto, você não
gostaria de acabar com texto muito próximo às
bordas da página. E você pode pensar
nas margens e no
sangramento como uma
precaução de segurança
para compensar as imprecisões
ocasionais
que você obterá em que Pode acontecer facilmente que o
corte seja ligeiramente deslocado, mas desde que haja sangramento e também uma
quantidade generosa de margem, você pode ter certeza de que nada do texto será cortado do texto será cortado
e também não haverá
bordas largas nas bordas Agora, entrando no design, eu só queria mostrar esses dois termos em ação, e também veremos algumas outras
definições aqui Então, primeiro de tudo, quando eu me
aproximo de um dos pontos angulares, podemos ver aquela borda preta,
que, como você se lembra, é a borda de corte e, em seguida, a borda vermelha é
a sangria Se eu pressionar W no meu teclado, posso visualizar rapidamente
a
aparência do produto
final sem esse excesso de sangramento E também podemos ver as
margens, ou seja, as linhas roxas
, usadas para alinhar o texto, são
especialmente visíveis quando temos texto especialmente visíveis quando temos justificado ou texto alinhado
à direita Em termos da
importância do sangramento, podemos ver um exemplo melhor
com uma imagem real Como você pode ver, essa
imagem não está alinhada com
a borda de corte, mas movida
um pouco além dela E é isso
que garante que, na impressão final, teremos as
cores saindo da borda dessa imagem. E, na maioria das vezes, isso
não será um problema e você pode facilmente sacrificar alguns detalhes
nas bordas de uma imagem. Você pode ver, por exemplo, aqui na parte inferior deste layout, que eu realmente tenho ainda mais detalhes para a imagem do que
3 milímetros Portanto, ele se estende até mesmo
além da borda da hemorragia. Mas isso realmente não
faz nenhuma diferença. No entanto, se você
quiser se dedicar ao design, obviamente sempre
poderá alinhar a moldura da imagem para que ela se encaixe
perfeitamente na borda da borda Mas o sangramento não é usado apenas para imagens ou cores de fundo Também pode ser usado para elementos de design
simples, como
esta linha aqui na parte inferior, que é usada em combinação
com o número da página. Então, mais uma vez, podemos ver a impressão final
ficará assim. Mas, para garantir
que essa linha branca apareça corretamente na impressão, ela também deve ser
incluída na seção de sangramento Caso esteja
se perguntando sobre design, sempre que iniciar
um novo documento, você sempre poderá
definir todas essas configurações,
incluindo as
margens, a sangria
e os detalhes da borda
aqui no lado direito E contanto que você tenha essa opção de
visualização
aqui na parte inferior, você também poderá
ver essas atualizações ao vivo. Então, quando eu começo
a aumentar o sangramento, por exemplo, podemos imediatamente vê-lo aparecendo aqui em
segundo plano E caso você já tenha iniciado o documento e tenha esquecido de
configurar o sangramento, você sempre pode ir
ao menu Arquivo e, na configuração do documento, poderá encontrar
a mesma opção
15. 1.4.c.2 Principais termos relacionados a layouts de várias páginas — Revistas (Parte 1): Em primeiro lugar,
você deve sempre pensar na divulgação completa ao
criar algo
para uma revista Então, em vez de prestar atenção
às páginas individuais, você sempre considera
o spread completo. Portanto, quando um leitor
abre a revista, ele olha as duas páginas
aproximadamente ao mesmo tempo, para que seus olhos sejam
examinados rapidamente E mesmo que o spread tenha um artigo em um lado e
um anúncio no outro lado, ainda deve
haver alguma forma de harmonia ou consistência
entre eles Agora, é claro, quando
se trata de um artigo real, a primeira
página do artigo é o convite para o leitor começar
a lê-lo, e você precisa realmente
fazer um bom trabalho combinando essas duas
partes do artigo. Portanto, há três
fatores principais com os quais você pode chamar a
atenção de alguém para divulgar sua divulgação. O primeiro é o layout ou a composição
do spread. A segunda é a imagem que
você usa ou a imagem principal
e, em seguida, a terceira
é o título Obviamente, esses três estão
muito relacionados entre si. Portanto, sua composição depende um bom posicionamento
da imagem e do título ou de uma boa
combinação deles Mas de todos os elementos
textuais, o título é definitivamente o mais importante
em sua página É bastante comum que os
títulos usem o tipo de exibição, que não é apenas uma fonte única, mas geralmente é uma fonte
personalizada ou letras
à mão que realmente se adequam ao tema do artigo O posicionamento do título
geralmente está no canto superior esquerdo, mas também pode estar à
direita; em alguns casos, também pode estar na
parte inferior, na extrema esquerda ou
na extrema direita A razão pela qual é
bom colocá-lo
no lado esquerdo é porque,
naturalmente, estamos começando a escanear a propagação da esquerda para a direita e começando
do canto superior esquerdo até
o canto inferior direito. Obviamente, isso pode ser diferente quando você tem sua
revista em árabe. Você provavelmente o
espelharia e teria as coisas
começando da direita As manchetes
geralmente são muito grandes. Portanto, em termos de hierarquia
dentro da composição, eles devem ser realmente
o elemento dominante, definitivamente maiores
e mais robustos em comparação com os outros
elementos textuais dentro da página Em alguns casos, o
título em si pode estar usando uma formatação
diferente Como aqui, a primeira palavra, sim, é bem diferente, apesar de usar
a mesma família
de fontes do resto do título, mas ainda forma uma única unidade quando
é reunida Quando você tem um
texto curto acima de um título, normalmente
nos referimos a
isso como o kicker Então, novamente, aqui, isso
seria o problema. Abaixo, esta
é a manchete. E neste exemplo, você pode ver que um emparelhamento de fontes também
pode funcionar para um título Portanto, duas
fontes diferentes muito contrastantes combinadas ainda formam uma boa unidade sólida que pode funcionar como título Agora, geralmente logo
abaixo do título. Então, neste caso, esta seção aqui é o que
chamamos de introdução, stand first ou D. Isso geralmente cobre em
poucas palavras o que você vai ler
no artigo,
então realmente o incentiva a começar a ler, mas também atua como
uma ponte entre o título e o corpo do Então, aqui está outro exemplo do kicker
the
headline e, abaixo dele, o stand first ou deck da introdução Agora, lembre-se de quando eu
disse que os dois lados do spread devem ser
considerados como uma unidade. Embora aqui tenhamos um esquerdo
e um lado direito
muito distintos, ainda
há muita repetição que ajuda
a uni-los, e a unidade no design
é muito importante Então, aqui, obviamente, vemos a cor é usada no lado
esquerdo e direito. Em seguida, a mesma fonte
é repetida novamente. E também, em geral,
as formas aqui
no lado esquerdo são bastante quadradas
e quadradas, que novamente se repete
aqui no lado direito Normalmente, há um
elemento que vem logo após ou
anexado à introdução Isso é o que chamamos de Byline. Basta comprar e
depois o nome do autor. Agora, esses elementos que
já abordamos são muito comuns, mas isso não quer dizer que às vezes você precise
omitir um deles. Por exemplo, neste design,
eu diria que esse é o ponto principal, essa
é a Há nossa assinatura, mas não
há uma introdução real. Podemos considerar
esta seção aqui, a introdução, mas ela
parece mais parte do corpo do texto E como estamos falando
sobre o corpo do texto, esse é o maior
elemento textual do seu artigo E aqui, a
legibilidade é crucial. Portanto, você deve prestar atenção
ao comprimento da linha para garantir que seja confortável
ler o texto. Portanto, duas linhas longas ou duas
curtas não são ideais. Você provavelmente deseja configurá-lo para cerca de 45 a 80
caracteres em cada linha, e isso já está com
os espaços incluídos. Agora, quando não há introdução, o primeiro parágrafo pode
ser considerado o principal E observe como isso é enfatizado com a formatação em
negrito Então, queríamos
carros voadores que realmente levassem você
a ler o resto da cópia. Agora, outro termo
que você pode ouvir mencionado quando se trata
do primeiro parágrafo ou mesmo do início de um artigo
é não gráfico ou não gráfico, que é uma
gíria editorial para uma frase que resume o resto do artigo
sem fornecer muitos detalhes Então, é quase como a tese sobre o que você
vai ler. E alguns podem argumentar que o lead e o gráfico são
exatamente a mesma coisa. Algumas pessoas
diriam que é diferente. Mas, geralmente,
no primeiro parágrafo do corpo do texto, você pode incluir
algo que seja, novamente, um pouco
mais elevado do que o resto do corpo do texto. Outra coisa importante
que você precisa ter em
mente ao trabalhar
com o corpo do texto é que você deve ter uma linha de base
padronizada em toda a extensão, o que significa que as linhas, mesmo que estejam em colunas
diferentes, devem corresponder à posição e,
portanto, devem estar
alinhadas umas às Então, aqui está outro exemplo, embora tenhamos uma lacuna
aqui nesta primeira coluna. Então, há a lacuna
entre os parágrafos. Ainda temos o alinhamento. Entre as linhas do
lado esquerdo e do lado direito. Portanto, esse alinhamento é graças
à grade da linha de base. Esse é um recurso de design que você pode ativar em
um quadro de texto individual ou
até mesmo em todo o documento. Agora, o próximo elemento textual
em termos de hierarquia
seria o subtítulo, seria o subtítulo, que geralmente está dentro das colunas ou quadros do
corpo do texto E isso ajuda a
quebrar grandes pedaços ou
blocos de texto Então, aqui, faça exercícios, por
exemplo, faça exames de saúde. Esses seriam
considerados subtítulos, mas pode haver muitos
níveis de subtítulos Portanto, até mesmo seus 20 anos podem ser um, se o artigo continuar mostrando seus 30
e 40 anos, mas pode até haver subtítulos de terceiro
e quarto níveis Assim, novamente, serve
ao mesmo propósito, dividindo ou dividindo uma grande
parte do texto, mas, novamente, criando
divisões menores dentro uma unidade
já
criada pelo subtítulo de segundo
nível A estrutura e a hierarquia são
extremamente importantes design da
revista porque há muitos elementos,
muitas informações Você realmente precisa orientar seu leitor durante
a divulgação para garantir que ele encontre as informações relevantes,
porque acredite, maioria dos leitores não está lendo
na ordem em que você deseja que eles
leiam. Eles pulam por aí. Mas ao ter esses
subtítulos, por exemplo, você realmente dá a eles pontos de
entrada em diferentes
áreas onde eles podem ir E eles podem,
eventualmente, ler o artigo inteiro, mas talvez não na ordem em
que foi configurado para ser lido. Outro elemento textual
distinto muito importante em um spread
é o pull coat, qual podemos ver dois
exemplos nesse spread Geralmente são
retirados do corpo do texto
e destacados como leituras essenciais
da história e
algo realmente empolgante
e interessante. Mais uma vez, isso é para chamar a
atenção para o artigo. Às vezes, você pode
folhear a revista e ver um casaco que o leva
até o Nem sempre
precisam ser citações, então não precisa
ser alguém triste. Pode ser apenas um resumo ou algo interessante
, então
cabe a você, como
designer, decidir o que deve ser destacado
nos casacos Aqui está outro casaco muito
elegante colocado no
centro da página. E aqui está outro
casaco
muito atraente, forte e ousado dentro da pasta E, claro, o código pull
nem sempre precisa quebrar a estrutura
do corpo da cópia. Na verdade, eles podem
ser independentes, então podem ficar
na lateral, como aqui, uma maneira muito sofisticada e
sutil de colocar
o casaco na parte inferior esquerda. Outra parte importante
para estruturar
a revista em um spread seria o cabeçalho e o Puta No cabeçalho, você normalmente
colocaria algo
sobre o artigo, seja uma
parte recorrente da revista, e isso indica que esse artigo atual se
enquadra nessa categoria, ou pode ser algo
mais específico, como digamos, o nome da celebridade, que é abordada
nesse Isso é especialmente útil se
você tiver vários spreads e quiser garantir que
o leitor saiba
que ainda está lendo
sobre a mesma coisa O rodapé normalmente contém um
pouco mais de informações. Um dos elementos cruciais
é o número do fólio ou da página, que normalmente você
gostaria de colocar nos dois lados Mas se você
colocá-lo apenas em um lado, é melhor usar o
lado direito dentro da pasta. O rodapé pode conter informações
adicionais como o URL do site, ou também pode ser a data E pode até mesmo haver notas
e referências colocadas aqui. Em alguns casos, brincar
com certos elementos de seu design pode definir o tom do artigo ou
até mesmo de toda a revista Short list é uma
revista muito legal aqui no Reino Unido, e você pode ver como
eles são espirituosos com seu URL Portanto, nesse caso, o
rodapé está quase completamente coberto. Não há nenhum número de página visível e também o ícone do URL é lido. No entanto, esse é um elemento que se repete
nos outros spreads e nem sempre
precisa estar totalmente visível Mas, mais uma vez,
trata-se de quebrar as regras quando você
conhece as regras. Outro termo que às vezes você
pode ouvir é cabeça correndo ou pés correndo. Mais uma vez, esse é um elemento
que continua ao longo de algumas páginas para indicar um capítulo ou
seção da revista. Então, neste caso, eu poderia considerar
uma cabeça de corrida, porque à medida
que avançamos e vamos para
a outra página, novamente
temos o
mesmo design lá.
16. 1.4.c.3 Principais termos relacionados a layouts de várias páginas — Revistas (Parte 2): Sempre que você coloca imagens, há duas coisas importantes
que você precisa lembrar. Primeiro de tudo, é ter uma legenda para eles e
dar crédito ao artista, seja ele fotógrafo
ou ilustrador Em alguns casos, você veria legendas individualmente
para cada imagem Mas a
prática comum também seria combiná-las e
simplesmente se referir às imagens
como esquerda, direita ou inferior. Então, neste texto, temos tudo escrito em
um bloco de texto. Para simplificar os créditos, caso todas as fotos tenham sido tiradas para um artigo pelo
mesmo fotógrafo, você também pode incluir o nome no início
na seção de assinatura Então, aqui, por exemplo,
temos palavras, que são o artigo
escrito por uma pessoa, mas imediatamente depois disso, há o crédito
para o fotógrafo. É bastante comum que
outros colaboradores também
sejam citados na seção
Assinatura Então aqui, por exemplo,
ao lado do autor, temos novamente o fotógrafo, mas também o estilista do
lado direito Agora, há muitas
maneiras diferentes de adicionar legendas. Elas podem ser caixas
sobrepostas a uma imagem ou podem ser escritas
sobre as E nesses casos, geralmente, deve estar na parte inferior, onde está escrito e
não na parte superior, porque pode ficar confuso
se você mover as legendas. Novamente, é bom ter
um sistema para Essa é, novamente, uma regra que você pode quebrar se fizer sentido. Como neste exemplo, temos o texto no canto superior
esquerdo da imagem, mas isso ocorre principalmente
porque a imagem
no canto direito
da página espelhada
não tem mais nada em cima dela. Portanto, é óbvio que essa
legenda se refere a essa imagem. E a razão pela qual esse texto foi colocado lá
é porque esse era o melhor espaço negativo
dentro da imagem. Portanto, teria sido difícil
lê-lo em qualquer outro lugar. Esse é apenas mais um
bom exemplo de como entender as regras. Não significa que você sempre
tenha que seguir todos eles. Trata-se de ser
flexível e adaptar as regras à situação
real que você tem em um spread. Se houvesse outra
imagem em cima disso, eu provavelmente evitaria adicionar a legenda aqui
no canto superior esquerdo Há outro termo
muito importante para aprender em design impresso. É o sangramento, que geralmente é importante quando você coloca
imagens no seu spread Quer sejam imagens
menores ou estejam cobrindo toda
a extensão, você provavelmente gostaria que elas fossem
até a borda. Assim, essa imagem aqui vai até
a borda na parte superior, ou essa imagem vai
até a borda direita. E é aqui que você precisa ter certeza de que
está sangrando Agora, o sangramento
geralmente está a mais de 3 milímetros do tamanho final
da impressão, que então E sempre que você configura
as imagens no In Design, você só precisa se certificar de
que o limite real ou a borda da imagem vá até a
borda da sangria Assim, 3 milímetros
serão sacrificados para garantir que você obtenha
uma borda perfeitamente E, claro, o sangramento
não serve apenas para as imagens, é também para o
resto da página. exemplo, neste caso, temos uma
cor azul muito sutil no fundo, o que significa que você precisa sangrar por toda
a extensão Agora, há uma grande variedade
de imagens que você pode usar, sejam elas ilustrações, infográficos ou fotografias, e pode até ser uma
combinação delas No entanto, depois de escolher um
determinado estilo, digamos, um estilo de ilustração, como neste caso, que deve constar em
todo o artigo. Portanto, é comum que, se houvesse uma comissão de ilustradores
para trabalhar em um artigo, ela cobriria todos os elementos gráficos necessários Novamente, isso está prestes a garantir a repetição e a unidade
em seu design, o que definitivamente é uma
das coisas mais importantes para
fazer com que pareça profissional Agora, para imagens que
atravessam uma página
, cobrindo os dois lados, normalmente as
chamamos de caminhão
duplo ou corrida. E aqui está um bom
exemplo ou aqui está outro, que você pode ver que
não
significa necessariamente que seja uma imagem
em segundo plano, e então você coloca
texto em cima dela. Pode haver maneiras inteligentes de integrar seu tipo atrás e
na frente e criar um pouco mais de perspectiva ou
profundidade em sua página E isso é, novamente,
um
objetivo muito importante para você como designer, porque se você puder criar
um plano bidimensional, que é a
revista espalhada em algo que pareça
mais tridimensional, seus leitores ficarão mais atraídos entrar no
espaço que você cria. E há mais um termo
sobre imagens que vale a pena mencionar, e há pacote de fotos, que geralmente se refere
a um conjunto de imagens combinadas em uma coluna
ou mesmo em uma única linha, ou mesmo quando elas estão sobrepostas e empilhadas
umas sobre Quando nos referimos à
zona de salvamento dentro do design, normalmente
nos referimos a
tudo dentro das margens E as margens são aquelas bordas externas
invisíveis que garantem que o texto não fique muito
perto da borda Mais uma vez, pode haver exceções, como a cabeça de
corrida
nesse caso e o rodapé na parte inferior com
os Mas, além das margens
externas, você também deve prestar atenção
às margens internas,
que normalmente
chamamos de deformação, e é aqui que você colocaria a e é aqui que você colocaria encadernação ou
a
lombada da revista Portanto, além de manter
as coisas afastadas das bordas, provavelmente
é ainda mais
importante não colocar nada importante na seção
central da página, e isso se aplica tanto
aos elementos textuais quanto às imagens Portanto, observe como aqui, de forma inteligente, os quatro caracteres da ilustração são colocados no lado esquerdo e direito, mas ninguém está no centro É por isso que o planejamento
é tão importante, e o editor deve
sempre se comunicar com o ilustrador
contratado para trabalhar
no mesmo artigo Agora, é claro, você
nem sempre pode evitar ter nenhum detalhe importante ao redor
da coluna ou do rastejamento Então, nesse caso, essa faixa
dupla teria alguns detalhes que se
enquadram nessa seção da coluna. Mesmo assim, dá para ver
que o designer prestou atenção para não
deixar o texto fluir Está aqui no lado
esquerdo e no lado direito. Portanto, ainda estará legível quando a
impressão final for lançada. Com este exemplo, novamente, como a imagem cobre
toda a extensão, é
impossível evitar que os detalhes acabem perto da lombada
ou dentro da curvatura. No entanto, todos os elementos
textuais
ainda estão seguros e
longe da confusão. Agora, você deve se lembrar que
mencionei na primeira
parte deste vídeo que o principal elemento textual em sua página inicial sempre
será o corpo do texto, e é aqui que
a legibilidade é o
aspecto mais importante do seu design Então, você normalmente
acabaria usando colunas para dividir o texto, certificando-se de que o
comprimento da linha não seja muito longo. E quando se trata de
criar colunas, você também acabaria
tendo uma calha ou alli, que é o
espaço negativo dentro O tamanho disso
realmente depende do tamanho
do texto e também do comprimento da
linha. Mas, essencialmente, o que
você quer garantir é haja diferença visual suficiente
entre os dois lados. Assim, seus leitores não acabarão pulando de um lado para
o outro acidentalmente Em alguns casos, você
pode ultrapassar um
pouco os limites e usar
colunas muito estreitas como essa. Não é muito
confortável de ler. Mais uma vez, o comprimento da linha é um pouco curto
demais, mas porque há uma
justificativa usada, cria uma borda
muito nítida
à direita em vez de linhas
irregulares Portanto, nesses casos, você também
pode
reduzir o tamanho da calha ou
do beco
entre as colunas Lembre-se de que a legibilidade deve ser sua prioridade número um e não a
formatação estilística Quando se trata de
dividir colunas, você também pode usar uma regra descendente, que seria um
elemento gráfico dividindo as Então, neste caso, essas
são apenas linhas simples. Mas você também pode ser um pouco mais sutil com
suas regras. Como aqui, temos essas linhas pontilhadas
vagas descendo no
final de cada coluna, ou
seja, no lado direito
de Agora, há outro elemento
muito comum em uma página de revista, que tem vários nomes
diferentes. É disso que estou
falando quando você tem um pequeno
artigo adicional dentro do artigo. É como uma história
paralela relacionada ao
artigo em si. Há muitos nomes para isso, então pode ser chamado de painel, saída de
livros, cópia em caixa, barra lateral e também cobertura
secundária Existem pequenas diferenças
entre todos eles,
mas, essencialmente, todos
eles se relacionam com esses detalhes adicionais separados
ou isolados, o que geralmente ajuda a contar uma história completa ao lado
do corpo da cópia principal. Agora, eles devem estar visualmente
separados e diferentes do resto do corpo do texto e do resto da
revista. Então, isso é apenas para garantir que o leitor saiba
exatamente quando ler isso. Eles podem decidir
lê-lo primeiro, antes de terminarem lendo o
corpo do texto ou depois. Depende totalmente deles. Mas você, como designer, só precisa se certificar de que está isolado. Isso pode ser feito usando
uma fonte diferente, uma cor de fundo e
pode realmente variar em tamanho. Às vezes, pode até
ocupar metade da página. No entanto, o
posicionamento mais comum desses elementos seria na
borda direita do spread. Portanto, esse é o
posicionamento ideal para uma barra lateral. Os painéis também podem ser mais gráficos em vez de depender
apenas do texto Como aqui, temos mais
ou menos um pequeno infográfico, mas ainda assim seria
considerado um painel E embora aqui
no lado esquerdo, não
tenhamos uma cor de
fundo distinta. Esse detalhe ainda está
isolado o suficiente por ter esses elementos
gráficos simples aqui, criar uma pequena
moldura e, mais uma vez, ajudar ou garantir que ela
seja isolada o suficiente para
se tornar um painel ou caixa E já que estamos
falando de molduras, as linhas, é
claro, também são elementos
importantes dentro de uma capa de revista. Eles podem ajudar a
orientar o leitor e direcionar sua atenção
para certos detalhes. Aqui temos uma regra, por exemplo, logo
abaixo do Ou aqui temos uma linha de visão, que normalmente
chamamos quando uma linha percorre toda a extensão Essa é outra maneira de unificar
visualmente as duas páginas. E lembre-se de quando
falei sobre profundidade,
aqui está um belo exemplo de integração da
imagem que está no fundo com
a linha dos olhos
que parece estar
por trás da Portanto, embora a maior parte do
texto seja colocada em cima dela, ainda
há
outro elemento que parece estar correndo
por trás da imagem. Então, essa é uma maneira inteligente de
usar técnicas de mascaramento para estabelecer mais profundidade e
perspectiva no layout E por último, mas não
menos importante, precisamos falar sobre espaço em branco
ou espaço negativo, que são todas as áreas vazias
na capa da revista. Esses são tão cruciais quanto todos os outros elementos sobre
os
quais já falamos , porque sem um bom equilíbrio entre o espaço
negativo e o positivo, você acabaria tendo desordenado e
claustrofóbico Então, até mesmo
essa enorme tampa que temos aqui
à esquerda define
um grande espaço negativo. E, a propósito, capitalização suspensa é outro termo
usado para definir esses primeiros caracteres grandes
que podem funcionar novamente como um bom ponto de entrada ou ponto
focal no design. E se você estiver interessado em
aprender mais sobre eles, tenho um
vídeo separado no canal sobre
como usar o Photoshop
e o design para criar letras capitulares empolgantes e
envolventes Mas voltar ao
espaço negativo com muito realmente intensifica o
resto dos elementos e dá um pouco
mais de espaço para respirar Então, geralmente, quanto mais
você usa
o espaço negativo, mais elegante e luxuosa será a
sua publicação de revista. E mesmo que com
esta fotografia tenhamos uma cor na parte de trás porque não há detalhes
reais, eu também consideraria
esse espaço negativo.
17. 1.4.c.4 Principais termos relacionados a layouts de várias páginas - Problemas tipográficos comuns: Nesta lição,
falaremos sobre órfãos,
vedos, corridas, regs Agora, esses termos podem parecer estranhos quando
você os ouve pela primeira vez, mas se você estiver familiarizado
com a digitação, provavelmente já
se
deparou com alguns deles Então, vamos ver no design
como, em primeiro lugar,
podemos recriar esses problemas ou
problemas com nossa cópia corporal e depois aprender também
como eliminá-los Primeiro, vamos falar sobre o reverso. Isso é algo
que você
notará principalmente se estiver usando largura de coluna
estreita e também uma
justificativa conjunta, e você pode
piorar as coisas se não estiver
usando hifenização Portanto, isso é algo
que você pode controlar nas opções de
formatação de parágrafos Aqui, se você tiver
hifenização e tiver o alinhamento definido para uma das opções de
justificação
e, em seguida, apenas reduzir texto ou
a largura dos quadros de
texto,
você começará a você começará Então, já aqui,
posso apontar uma e outra seção em
que temos essas lacunas no texto, e geralmente a chamamos de
verso, onde ela afeta várias linhas umas
sobre as outras. Mas mesmo quando se
trata de linhas individuais, ter essas
lacunas maiores entre as palavras, não
parece profissional. Se eu for ainda mais longe e
reduzir a medida ou o comprimento da linha,
começaremos a ter ainda mais desses rios aparecendo e lacunas
ainda maiores aparecendo. Portanto, a melhor maneira de evitar que
esses rios apareçam é
garantir que sua cópia tenha medida ou largura de linha
suficientes, especialmente se você estiver
usando uma justificativa E nesses casos, eu recomendaria também ter a hifenização ativada porque
você pode ver que mesmo aqui, onde na verdade não tínhamos muitos rios aparecendo na cópia,
ao adicionar hifenização ou
permitir que a hifenização apareça, isso já corrige
o texto um pouco
mais e espalha as coisas um pouco melhor Agora, na outra vez que mencionei no início da aula, ag também é algo
que se refere
ao alinhamento das
bordas de sua cópia E isso é importante principalmente quando você usa flush
left ou flush right, também chamado de alinhamento à esquerda
e alinhamento à direita,
que às vezes, por padrão, se não houver
recursos adicionais usados, podem ter uma borda muito desequilibrada ou irregular Então, nesse caso,
não parece muito ruim. Então, quando olhamos para o
site aqui à direita
, há um pouco ida e
volta, mas não
é tão ruim. E mesmo aqui à esquerda, isso parece bastante uniforme. Mas se eu começar a mover
meu quadro de texto, podemos acabar criando
uma borda mais irregular, dependendo da
largura que criarmos Algo assim
não parece muito bom. Então, já no lado esquerdo e
direito dessas colunas, temos muitas linhas indo e
voltando. Então, mais uma vez, essa é a
linha da qual estou falando. E para poder refinar isso ou equilibrar
essas linhas irregulares, temos uma opção de design, que você encontrará ao
selecionar sua cópia e acessar essas
opções adicionais aqui no lado direito Então, clique neste ícone e
escolha equilibrar linhas irregulares E isso tentará
refiná-lo o máximo possível. Então isso foi antes
e isso é depois. Certamente ficou um
pouco melhor, então está distribuído de forma mais uniforme. E essa é uma opção
que, obviamente,
você pode salvar em
um estilo de parágrafo, o que corrigirá
automaticamente esses problemas enquanto você
estiver editando a cópia. Então, agora, se eu mover meu quadro de
texto, ele sempre tentará
refinar essa borda irregular, que funcionaria da mesma forma
que
eu estivesse usando
o alinhamento à esquerda ou à
direita E, claro, a
solução ou arma definitiva para eliminar as
bordas irregulares é a justificativa Mas lembre-se, com este, você pode estar introduzindo rios. Então, em poucas palavras, quando
você estiver usando a justificativa, cuidado com os rios Ao usar o alinhamento à esquerda
ou à direita, cuidado com as bordas irregulares Agora, vamos continuar
e falar sobre os outros três problemas
que você pode encontrar, começando com um vídeo, que já podemos
ver aqui nesta página. Então, um vídeo é a última linha de um parágrafo no
início de uma coluna. Ela foi separada do
resto do parágrafo e agora está completamente
sozinha nessa nova coluna. E isso
também pode acontecer às vezes, que é ainda pior se essa cópia em outra página ou
ainda pior se estiver em outra página
, porque o vídeo fica ainda mais separado do
resto do parágrafo. mesma forma, chamamos a
primeira linha de um parágrafo órfã, que é
separada do resto
do parágrafo na
parte inferior de uma coluna ou E a forma como você pode
se lembrar disso é que o órfão foi deixado para trás Então, todo o resto do
parágrafo continuou,
mas eles deixaram o órfão Alguns designers nem
fariam diferença entre
esses dois termos, mas eu prefiro lembrá-los como dois erros
individuais distintos, que, felizmente, no design podem ser corrigidos com
uma configuração simples Então, tudo o que você precisa
fazer é criar um estilo de
parágrafo a partir do painel Estilos de parágrafo
e, dentro dele, você encontrará um recurso chamado Keep Options. Agora vou ativar
a pré-visualização para que possamos
ver essa atualização. Então, aqui, tudo o que você precisa fazer é ativar manter as linhas juntas, e a configuração padrão é
perfeita porque o que ela fará é manter
no início e no final
de cada parágrafo, pelo
menos duas linhas juntas. E isso já
eliminará órfãos e vídeos. Se você quiser ser mais generoso, quantas linhas são
mantidas juntas, você pode aumentar esse valor, e você o verá já
atualizado aqui na cópia. Então, eram duas
linhas no final
do parágrafo ou uma única linha. Mas se aumentarmos isso
, será
limitado ao mínimo três linhas de um parágrafo separadas em uma
nova coluna ou página. Portanto, manter as linhas unidas é melhor solução para
eliminar órfãos e viúvas, e podemos
testar isso se eu Agora, se eu tentar
mudar a cópia aqui e recriar o órfão
que tínhamos anteriormente Então, ainda temos duas linhas aqui no início
desse parágrafo. Mas quando eu mover isso mais alto, ele não deixará uma única linha, a primeira linha ficar sozinha, ele moverá automaticamente as
duas linhas para a próxima coluna. Então, manter linhas é como
dois pássaros com uma cajadada só. Eliminamos
órfãos e viúvas, mas ainda há
um termo que
precisamos observar,
que é correr Agora, runt geralmente são
essas últimas linhas curtas de um parágrafo que parecem muito desequilibradas e
pouco profissionais E essas coisas, infelizmente, são um pouco mais difíceis de
consertar porque você precisa
fazer duas coisas Primeiro de tudo, você precisa
configurar um estilo de personagem, que terá uma única opção, e eu normalmente renomeio isso também e simplesmente o
chamo de sem interrupção Aqui, no lado esquerdo em formatos básicos de caracteres, temos que ativar
a opção sem interrupção. Isso é tudo o que precisamos
definir para esse estilo de personagem. E então, voltando ao nosso estilo de parágrafo que já
estamos usando aqui, precisamos entrar nele. E em estilo de agarrar, precisamos escolher um
novo estilo de agarrar. Selecione nosso estilo de
caractere sem interrupções, que se torna um
estilo aninhado nesse caso E então, abaixo disso, você deve digitar
o seguinte código, colchetes e cifrão E dentro dos colchetes, você precisa especificar a quantidade
mínima de caracteres que deseja ver na última
linha de cada parágrafo Então, se digitarmos, digamos, 15 aqui, e eu clicar em AA,
imediatamente, ele corrige aquelas últimas linhas
curtas na minha cópia. Mais uma vez, se eu voltar
e reduzir isso para cinco
, posso permitir que essas palavras mais curtas
apareçam aqui nas últimas linhas. E se eu quiser ser
ainda mais rigoroso, posso defini-lo, digamos, para 25. E isso significa que teremos últimas linhas
muito mais longas para
cada um dos nossos parágrafos Agora, na verdade, é
bom ter menos caracteres na última
linha de cada parágrafo pois isso também
ajuda a criar uma quebra visual e uma interrupção
entre os parágrafos Portanto, melhora a legibilidade,
o que, como discutimos,
é muito importante Mas ter duas últimas linhas curtas é algo que você deve evitar. E agora, com essa técnica, o estilo
de personagem aninhado, sem interrupção e configurando essa função de captura, eliminará automaticamente
essas execuções para que apareçam Então, sempre que você
acabar trabalhando com uma quantidade maior de
texto,
provavelmente acabará
trabalhando em design, e então precisará se certificar configurar um estilo de
parágrafo,
que
manterá as linhas unidas, eliminando os órfãos
e os vídeos e também
essa técnica
que eliminando os órfãos
e os vídeos e também acabei de mostrar com o estilo de caractere aninhado
no estilo e isso vai
corrigir as corridas. E então, dependendo
se você está usando justificativa ou o alinhamento à esquerda
ou à direita, lembre-se de tomar
cuidado com a rotação e a reversão
18. 1.5.a Elementos e princípios do design: Os elementos básicos do design são blocos de
construção visuais
fundamentais usados para criar qualquer composição. Os designers usam esses elementos para construir e comunicar
ideias visualmente, assim como um escritor
usa palavras para criar frases e frases
para criar histórias. Cada elemento tem sua própria função. As linhas guiam o olho,
dão forma, criam estrutura, cor, evocam emoção, textura, acrescentam profundidade e assim por diante Os princípios do design
, por outro lado, são as regras ou
diretrizes de como organizar e organizar
esses elementos de forma eficaz. Os elementos são o que você usa, os princípios são
como usá-los. Por exemplo, você
pode usar a cor, que é um elemento
para criar contraste, que é um princípio,
ou organizar as formas do elemento para obter equilíbrio, o que é outro princípio. Em resumo, os elementos são as ferramentas e os princípios
são o modelo Felizmente, para este exame, você não precisa ter
um conhecimento profundo elementos
e
princípios de design No entanto, se você estiver interessado em
saber mais sobre
essas coisas, tenho uma
série de treinamento inteira dedicada a esse tópico, cobrindo todos esses
termos detalhadamente. Apenas como exemplo, para equilibrar, falamos sobre o
peso visual do design analisamos muitos exemplos
diferentes
e
também os tipos de equilíbrio que você
pode ver em composições
como equilíbrio simétrico,
assimétrico, radial e em mosaico Analisamos exemplos
de alinhamento. Pode ser vertical, horizontal, diagonal ou seguir
uma grade personalizada. Também analisamos muitos
exemplos específicos sobre como as grades podem ser utilizadas
na comunicação visual E para cada termo e tópico, analisamos centenas
de exemplos incríveis e os discutimos
detalhadamente.
19. 1.5.b Regra dos terços: A Regra dos Terços é uma técnica muito
usada nas artes visuais Portanto, antes de começar a
ser usado em design gráfico, ele já era aplicado há
muito tempo em pintura, fotografia e
até cinematografia É uma
regra muito simples, fácil de
entender e também aplicar
a qualquer um
dos seus projetos. E há apenas algumas
coisas que eu gostaria de
discutir sobre isso neste
vídeo, além de
mostrar alguns exemplos criativos, mostrar alguns exemplos criativos, mas a regra dos terços é usada
para alinhar os pontos focais nos designs porque essa é a melhor e mais comum maneira
de usar a regra dos Mas antes de tudo, vamos
entender como isso funciona. Então, basicamente, o que você
precisa fazer é dividir seu quadro em três seções
iguais, vertical
e horizontalmente E essas linhas de divisão horizontal e
vertical resultarão em quatro pontos de
interseção E de acordo com
a regra dos terços, essas são as posições em que é mais eficaz
colocar um ponto focal Agora você deve se lembrar de que
estávamos falando sobre leitura da gravidade quando
discutimos layouts, e pela mesma razão que a maioria dos espectadores começa
do canto superior esquerdo e depois gravita em direção
ao canto inferior direito de cada composição e quadro, mesmo essas quatro
interseções dentro da regra
dos terços não são Então você adivinhou que o ponto de interseção superior
esquerdo é o
posicionamento mais eficaz para um ponto focal,
porque é isso que maioria dos espectadores
vê primeiro quando
vê uma composição E a maioria das pessoas não apenas
tende a olhar aqui primeiro, mas também a ficar de olho nessa posição por
mais tempo De acordo com as estatísticas, o ponto de interseção superior esquerdo recebe 41% da atenção, seguido pelo ponto abaixo,
que é 25%, e o
canto superior direito, E, finalmente, o último
no canto inferior direito é 14%. Então, de acordo com
essas porcentagens, podemos pensar que esses
quatro pontos a direção ou direção
geral movimento
dos olhos do observador,
o que, novamente,
corresponde muito bem à gravidade de leitura que
discutimos anteriormente Antes de analisarmos alguns
exemplos de design gráfico, quero dedicar algum tempo
a essas duas fotografias, que podem nos ajudar
a entender que não apenas os pontos de
interseção são importantes quando se trata
da regra dos terços, mas também como utilizamos as linhas que
dividem Então, além de colocar esse barco aqui perto de um dos pontos de
interseção, observe como o horizonte também está alinhado com uma das linhas de divisão da regra
dos terços fotografia e também na
ilustração e no design gráfico, decidir onde está a
linha do horizonte
afetará muito o ponto de vista e a
percepção de sua composição E é uma
prática comum alinhá-la com a terceira linha horizontal inferior ou
superior Então, aqui está um exemplo
em que, mais uma vez, o horizonte está
alinhado, neste caso, com a terceira linha superior E nesse caso,
o ponto focal seria essa garota que está perfeitamente alinhada com essa terceira linha
vertical E mesmo que não
possamos ver o rosto dela, a cabeça ainda está
perfeitamente alinhada a uma dessas linhas de
interseção É importante mencionar
que você não precisa ser
extremamente rigoroso ao usar essa regra. É mais uma diretriz, e a ideia geral é que, ao mover seu assunto
ou ponto focal, um v do centro de sua composição a torna
mais dinâmica e interessante Manter o
objeto no centro de uma composição pode
torná-la mais ociosa ou estática Obviamente, há exceções como quando você deseja obter simetria reflexiva
ou de rádio
perfeita em suas composições ou quando
deseja enfatizar a estabilidade alinhando tudo ao Vamos ver a regra dos
terços em ação nesses exemplos criativos aqui Primeiro, começando com a capa
desta revista. Se eu alinhar esse retângulo que criei com a capa em si, podemos ver que o ponto focal,
que
é naturalmente o rosto
dessa mulher, e também o grande chapéu
redondo que ela está usando cairão quase exatamente no ponto de
interseção superior direito Além de ter a mulher
alinhada a esse terço vertical, também
temos a linha de capa principal alinhada com a outra terceira linha
vertical, e também pode ser intencional
que esse grupo de texto esteja perfeitamente
posicionado na horizontal inferior Outra coisa
que podemos ver no horizonte ou
na faixa aqui
na parte superior da capa é
que as três palavras dentro
dela também estão perfeitamente divididas e distribuídas de
acordo com a regra dos terços, onde temos esses
pequenos pontos de divisão alinhados perfeitamente com a linha de divisão
vertical Então, se eu mover esse quadro um pouco
para baixo e aproximar, você pode ver a que eu
estava me referindo. Observando este
exemplo, mais uma vez, podemos ver que o
título principal está perfeitamente alinhado ou centralizado neste primeiro ponto de
interseção Mas em sua borda direita, o G, também está perfeitamente alinhado com a segunda terceira linha
vertical Portanto, embora essa composição possa parecer
um pouco caótica
à primeira vista, você pode ver que, na verdade,
muitas
estruturas subjacentes são muitas
estruturas subjacentes Aqui está uma capa muito boa
da revista New Yorker, que mostra Nova York
completamente coberta de neve
e criando muito
espaço negativo ou espaço em branco Mas, assim como antes, a
regra dos terços, novamente, é usada perfeitamente aqui para alinhar o único edifício visível E mesmo que não seja uma linha reta,
mas uma curva, até a neve está alinhada
a uma das terceiras linhas, forma semelhante a uma linha do horizonte, embora não possamos realmente ver isso nessa composição Este pôster do filme Coringa também utiliza perfeitamente a regra
dos terços, onde podemos ver claramente que o ponto focal
deveria ser esse e, que de uma
forma muito inteligente é uma combinação da pessoa real
e do pessoa real
e do reflexo
do personagem que ele está se tornando Portanto, essa dualidade é representada nesse alinhamento
específico E se pegarmos nosso guia
e o arrastarmos até aqui, veremos que ele
está quase perfeitamente alinhado com esse ponto de
interseção Como nos exemplos anteriores, até mesmo a tipografia está alinhada à mesma linha de divisão
vertical Às vezes, você pode até mesmo utilizar vários pontos de
interseção Como neste caso, o coelho
é colocado em um deles, enquanto o ego está muito próximo de um dos outros pontos de
interseção E se conectarmos
esses dois pontos, eles realmente formam uma diagonal, o que cria uma composição muito
dinâmica. E em outro
vídeo, veremos muitos
exemplos criativos, novamente, utilizando diagonais ou arranjos
diagonais de E por último, mas não menos importante,
aqui está outro pôster em que quase todos os pontos de
interseção estão em uso Então, temos o rosto dessa pessoa
nesse ponto de interseção, outro aqui à direita
e, na parte inferior,
temos o texto cobrindo
os dois pontos de
interseção inferiores E não tenho certeza se
isso foi intencional ou não, mas até mesmo essa letra D está alinhada à linha de divisão
vertical esquerda E o texto em si está perfeitamente centralizado nessa linha de divisão
horizontal inferior Portanto, lembre-se de que a
regra dos terços
não é uma estrutura rígida, como uma grade em uma composição qual você deve alinhar
seus elementos Você pode pensar nisso
mais como uma ajuda ou até mesmo um truque que pode
ajudá-lo a encontrar o posicionamento
certo para os
elementos mais importantes em seu design
20. 1.5.b Hierarquia tipográfica, legibilidade e legibilidade: tipografia é a arte de
organizar letras e texto uma
forma que os torne
fáceis de ler e Uma boa tipografia ajuda a
guiar os olhos do leitor, define o tom da mensagem e faz com que o design geral pareça mais profissional
e Ao olhar para um
pôster ou design, imediatamente
temos a impressão que foi feito por
um profissional ou não, e isso tem a ver principalmente
com a composição, é
claro, mas também com
a tipografia Durante o exame, você
receberá perguntas sobre alguns termos-chave quando se
trata de tipografia Como a hierarquia visual, que é um tipo de
agrupamento e organização dos elementos dentro
da composição que ajudará o leitor
ou o espectador a
entender facilmente a mensagem
do design Você pode enfatizar a
hierarquia entre
os elementos tipográficos de várias
maneiras diferentes Você pode usar a habilidade, por exemplo, para enfatizar o título ou os detalhes mais importantes e de
maior prioridade, ou pode usar cores
para diferenciar detalhes
importantes e
colocá-los em foco A legibilidade deve sempre ser uma prioridade sempre que você
insere texto em um design, mesmo quando se trata de letras
à mão ou usos mais decorativos do Deixe-me demonstrar,
neste exemplo, alguns dos termos tipográficos mais
importantes sobre
os quais eles podem
perguntar no exame Como você pode ver, temos um título e o
corpo do texto abaixo dele. Nos dois lados, é exatamente
o mesmo formato por enquanto. Mas vou refinar
a versão à direita. Primeiro, vou aplicar o
kerning para melhorar o título. No momento, parece que há um
pouco de espaço demais entre certos caracteres,
como W e O. Se eu clicar lá
no Photoshop e usar a opção ou a seta esquerda antiga, posso reduzir o espaço
entre essas duas letras Eu posso fazer a mesma
coisa entre O e R, e provavelmente posso fazer o
mesmo ao lado de O e S, e então L e O também
podem chegar um pouco mais perto. Então, isso já está
parecendo melhor. E se eu colocar isso aqui acima da outra
versão do texto, posso ver que essas mudanças são muito
sutis, mas isso importa. Então, se aumentarmos um
pouco mais, você pode sentir que está se
sentindo um pouco mais equilibrado e
mais profissional do que o outro. Agora, deixe-me
deixar isso aqui. E então, para o corpo da cópia, o que vou fazer é primeiro
aumentar o
espaçamento entre linhas ou entrelinhas , o que posso fazer mantendo
pressionada a tecla alter
option novamente. Mas agora eu pressiono a
seta para baixo no teclado, então eu aumento a liderança. Depois, também
aumentarei o rastreamento, que é o espaçamento entre caracteres Então, essa é a seta direita da
tecla de alteração
de opção algumas vezes até que eu sinta
que está mais equilibrada. E agora, se
compararmos o texto
à esquerda e à direita, podemos dizer que o da
direita parece muito mais
confortável de ler, isso é essencialmente o que significa
legibilidade Você pode estar pensando: o
que significa legibilidade? Bem, isso
significa simplesmente se
é fisicamente
fácil ler o texto ou não. Então, por exemplo, se eu reduzir a opacidade dessa camada de texto, está começando a ficar
difícil
lê-la Portanto, a legibilidade
está piorando. Da mesma forma, se eu diminuísse
o tamanho do texto
para algo assim, o texto à esquerda,
comparado ao
da direita , é definitivamente
mais legível Mesmo que a legibilidade não
seja tão boa, legibilidade provavelmente é sempre sua primeira prioridade ao
definir texto em um design Você também pode ser
questionado sobre as quatro categorias
principais de fontes, e você só precisa saber
que elas são Serif, sanserif script E para entender melhor
cada uma dessas categorias, aqui estão alguns slides. serifas são fontes com traços
decorativos no final
das Então, estamos falando sobre
esses pequenos detalhes que seriam
considerados o Serif Isso também é um Serif. Esses detalhes aqui
também são serifas e assim por
diante Esses tipos de fontes
geralmente estão associados à tradição, sofisticação
ou profissionalismo Mas a categoria San Serif deriva da palavra francesa
sol, que Portanto, sem serifas,
obtemos essas fontes limpas, modernas e
simples, sem detalhes decorativos Eles têm mais clareza. Eles são mais minimalistas e
geralmente parecem
mais contemporâneos em comparação com as fontes Serif Depois, há as faces do tipo
script que tentam emular a
caligrafia Dessas fontes, a legibilidade
e a legibilidade não serão tão boas quanto as
outras duas categorias principais, principalmente pelo fato de
que essas fontes não conectam os caracteres tão bem quanto se
alguém estiver realmente
escrevendo coisas Portanto, a continuidade
ou o fluxo entre
os personagens
geralmente é interrompido E definitivamente não é
recomendável usá-los
para uma quantidade maior de
textos, como texto corporal, mas talvez funcionem bem
em certos casos em
que gostaríamos de chamar
a atenção para uma parte específica do texto e fazer com que pareça
mais natural ou orgânico. E por último, mas não menos importante,
temos as faces do tipo display, que são altamente estilizadas e principal objetivo chamar
a atenção
e chamar a atenção para certos
detalhes ou tentar injetar personalidade e
capturar a essência do tópico
de
21. 2.1 Criando documentos: Você pode criar um novo
documento no in design acessando o menu
Arquivo e, em seguida, escolhendo um novo documento ou escolhendo um novo arquivo
na tela inicial. Depois de clicar aqui, uma caixa de
diálogo aparecerá
e, provavelmente, a opção mais
importante aqui para começar é a visualização prévia. Se você ativar isso, as
configurações que você alterará
na caixa de diálogo fornecerão automaticamente uma
prévia em segundo plano, para que você
possa ver o documento que
está criando. Na verdade, isso é
muito
útil porque há muitas opções que
abordaremos nesta lição. Como você pode ver, meu novo documento
vazio apareceu em segundo plano
e, em primeiro lugar, podemos alterar a orientação apenas
para vê-lo sendo atualizado. Então, também podemos ver aqui
no lado direito
do painel de páginas, podemos ver a versão em retrato
e paisagem. E ao observar a visualização
no painel de páginas e também
aqui na área do documento, maioria das opções
fará muito mais sentido. Por exemplo, se eu aumentar o número da página ou o
número de páginas, podemos ver imediatamente como
elas são criadas para nós. E também podemos ver que a opção
padrão de páginas opostas manterá as páginas conectadas. Portanto, cada duas páginas
serão conectadas
em páginas separadas
da primeira página Agora, se eu mudar o número da página
inicial para dois
, pularemos
a página de rosto e começaremos diretamente com a segunda e a terceira páginas, que já
serão uma página inicial. Portanto, o número da página inicial é
algo que podemos definir. Vou apenas mudar para uma
página de rosto e, claro,
podemos decidir desativar as páginas opostas, o que
manterá todas as páginas configuradas
individualmente. Portanto, consideraríamos isso um layout ou documento de página
única. Agora, aqui também temos um recurso
importante chamado quadro de texto
primário.
Se você ativar isso, não
mudará muita coisa na aparência. Mas o que acontecerá é que
o design colocará um quadro
de texto em todas essas páginas
e, na verdade, esse quadro
de texto também
estará na página principal, sobre a
qual falaremos um
pouco mais adiante. E esse recurso
é muito útil para documentos de formato
longo,
como livros, nos
quais, obviamente, você
deseja preencher a maioria das páginas com texto fluido E, claro, no design, o texto fluirá automaticamente
de uma página para a outra. Portanto, o fluxo de texto também
será configurado nesse quadro de texto
primário. Vou manter essa
opção ativada apenas para que você possa ver no final
como fica. Também vou manter a opção de
páginas opostas e não vou
alterar as unidades. Eu só quero mostrar
que, é claro, você pode configurar as unidades de
medida para qualquer novo documento, e essas são as opções
que podemos escolher. E, claro, também podemos
alterar o tamanho da página. Isso é algo que
você pode encontrar aqui. Atualmente, esse é
um tamanho A quatro
e, na verdade,
temos muitas
predefinições que podemos escolher, as
quais podemos encontrar aqui Também podemos alternar
entre modelos ou
categorias impressos, web e móveis e podemos
encontrar,
por exemplo , tamanhos para celular, iPhone
e iPad e, claro, muitos
outros. Agora, vou
voltar ao recente, e ele deve lembrar maioria das configurações
que eu tinha aqui. Talvez eu vá
digitar nove páginas assim. Além disso, também
podemos configurar colunas para o nosso documento, e isso aparecerá
aqui em segundo plano. Então, como você pode ver, agora temos duas colunas ou três ou quatro, e a medianiz da coluna é
algo que também podemos controlar Esse é o espaço
entre as colunas. E essas colunas
serão apenas guias. Portanto, eles não aparecerão, é
claro, na impressão final, mas podem ajudar você a alinhar seu conteúdo a
esses guias de colunas Portanto, cabe a
você decidir se deseja usar isso. E se você configurá-lo aqui, ele será utilizado
em todo o documento Obviamente, você pode
alterar isso posteriormente, mas atualmente, se você
configurar isso aqui, será uma
configuração global que será aplicada a todas as
páginas que você criar. Da mesma forma, se eu alterar
as margens aqui, isso mudará todas
as páginas do documento E caso você queira manter todas as margens do mesmo tamanho, basta
vinculá-las. E então podemos ver que aumentar
e diminuir isso
mudará todas as bordas ou as
margens de todas as Além disso, também
temos sangramento e lesma. Agora, isso é algo que
você talvez não veja por padrão, então
certifique-se de abrir essa categoria. E o sangramento é algo
que você pode configurar, e já mencionamos
isso no tópico anterior, mas 3 milímetros é o padrão que normalmente
usaríamos para E podemos ver esse contorno vermelho aparecendo agora fora do
documento. Esse é o sangramento. E então, para lesma, eu normalmente
usaria cerca de 13 milímetros
porque isso é
contado a partir da mesma borda ou borda recortada do
documento E caso você já tenha uma hemorragia de
três milímetros
, para ter 10
milímetros de lesma,
você realmente precisa contar 13 . Então, isso é como dez mais três. Porque, como eu disse, os primeiros três milímetros
seriam o sangramento
e, em seguida, os 10
milímetros adicionais seriam a Slug, normalmente usamos para obter informações
adicionais que
gostaríamos de fornecer
à impressora Por exemplo, podemos colocar marcas de
dobra aqui sempre que estivermos criando coisas
como um folheto com três dobras E essas são todas as configurações você precisa
se familiarizar sempre que criar um novo
documento no Adobe in design. Talvez uma coisa adicional valha a pena mencionar é que você pode dar um nome ao documento
antes mesmo de criá-lo Portanto, posso
chamá-lo de folheto por enquanto, mas também posso salvá-lo como uma predefinição se for algo que eu queira
usar no Então, se todas essas configurações eu
precisar reutilizar no futuro, posso clicar neste ícone aqui e
chamá-lo de talvez nove páginas quatro retratos e
depois salvar E você pode ver que estará
nessa categoria adicional chamada salvar, então é aí que
poderemos encontrá-la. E você pode ver
que eu
já tenho outra predefinição aqui que eu
posso usar se eu quiser Mas agora, vou
clicar em Criar. E há uma coisa estranha
que você pode notar quando o documento é criado,
caso use as mesmas
configurações que eu usei. E esse é o fato de que,
em vez de ter nove páginas, na verdade
temos apenas uma página. E a razão para
isso é porque usamos o recurso de quadro de texto primário e há uma opção ou configuração no design
que
excluiria automaticamente todas as páginas vazias sempre que incluíssemos esse quadro de
texto principal. Portanto, se você entrar nas
preferências e tipos de design, ou se estiver em um PC, precisará acessar o tipo
Editar preferências. Aqui na parte inferior,
você encontrará a opção excluir páginas vazias. Então, se eu desligar isso e clicar em OK, agora, se eu usar as mesmas
configurações, mais uma vez, com nove páginas,
e clicar em Criar, agora não serão
excluídas as páginas vazias. E já que estamos
falando sobre
isso, também vale a pena mencionar que sempre que você
quiser ter certeza de que uma configuração que você
alterar será usada para cada novo documento que você
criará no futuro, é sempre
recomendável fechar os documentos ativos primeiro Então, neste caso,
vou fechar isso pressionando
Command ou Control W. E, em seguida, vá até as preferências e verifique se essa
opção está desativada. Portanto, se estiver desativado,
posso clicar em OK e agora posso ter certeza de
que todos os novos documentos que eu criar usarão
automaticamente esse recurso. Então, mais uma vez,
podemos criar este com nove páginas, criá-lo. E, como você pode ver, todas
as páginas estarão intactas, então podemos pular sobre
elas ou diminuir o zoom, pressionando Commando Control menos E sim, eu posso ver todas as
páginas deste documento.
22. 2.2 Interface: Nesta lição,
falaremos sobre a interface em design. Portanto, você precisa estar
familiarizado com todas as definições usadas para a interface
porque, no exame, eles perguntarão sobre isso e você precisa ser bom em descobrir onde
essas coisas estão. Então, primeiro de tudo, é claro,
temos a barra de menu, que você pode encontrar
aqui na parte superior. Isso é como com
qualquer outro aplicativo. E abaixo disso, temos uma
grande seção chamada barra de opções, que você pode arrastar e colocar em outro lugar
dentro do design. Mas normalmente você
gostaria de ter isso encaixado aqui na parte superior Então, ao arrastá-lo para cima, você deve ver essa linha
azul aparecendo. É quando você pode
colocá-lo de volta onde estava. E caso você não veja,
basta acessar o
menu da janela e ativar o Controle. Então eu te mostro sem
ele e depois com ele. Portanto, é conhecido
como controle ou barra de opções. E, finalmente, também
temos a barra de tarefas contextual, que você pode ver na minha tela Novamente, isso é
algo que você pode
ativar e desativar no menu da janela. E uma vez ativado, você pode realmente mudar seu comportamento aqui
no lado direito. Você pode escolher fixá-lo em um espaço específico
dentro do seu espaço de trabalho ou soltá-lo, que significa que ele
se moverá automaticamente no documento,
dependendo do que você fizer Então, por exemplo, se eu criar um retângulo em algum lugar
dentro do documento, observe como ele
aparecerá diretamente abaixo dele Então, se eu mover esse objeto
talvez aqui no lado direito, a barra de tarefas contextual o
seguirá adequadamente Não apenas a posição muda, mas também as opções disponíveis. Portanto, dependendo do que
você selecionou, Indesi sempre sugerirá os recursos mais prováveis dessa
barra de tarefas Portanto, no caso de um
quadro de imagem como este, recomendamos o recurso de
campo generativo Mas se eu criar um quadro de texto, teremos as opções de texto
ou as opções de formatação de texto
aparecendo imediatamente,
como o tipo de letra, o
tamanho do texto, a No lado esquerdo,
temos a barra de ferramentas, assim como nos outros aplicativos da
Adobe Isso pode ser definido como duas
colunas ou uma única coluna
e, na verdade, também pode
ser flutuante. Portanto, se você arrastá-lo
para fora, poderá mantê-lo flutuando ou também pode
encaixá-lo aqui no lado direito. Vou apenas trazê-lo de
volta para a esquerda,
encaixá-lo aqui e mantê-lo
em um formato de coluna única. E aqui, em comparação com o
Photoshop ou o Illustrator, não
temos muitas ferramentas Mas ainda temos alguns
deles em que você pode
clicar com o botão direito do mouse e encontrar ferramentas ocultas
adicionais. Então, eles são agrupados
como a ferramenta de texto e digitam em uma ferramenta de caminho Cada uma dessas ferramentas tem
seus próprios atalhos, então você pode usá-los para
acessá-los pelo teclado E ao lado da barra de ferramentas, esse grande espaço aqui é
chamado de área do documento Onde obviamente vemos as
páginas do nosso documento, mas também podemos ver as réguas. Portanto, se você pressionar
Commando Control R, poderá ligar e
desligar as réguas e também
clicar com o botão direito do mouse para alterar as unidades de medida que
vimos quando
criamos um novo documento No lado direito, tenho
o painel de páginas aberto, mas também temos alguns
painéis adicionais aqui, que posso estender
arrastando-os para fora Podemos ver seus nomes. Novamente, se eu estender
esses painéis icônicos, eles ficarão visíveis
com seus nomes. Agora, painéis icônicos sempre podem
ser abertos ou expandidos
e, ao
clicar neles novamente, eles
voltarão ao estado icônico. Portanto, essa é uma forma de ocupar
menos espaço na tela, mas ainda assim
facilitar o acesso. E, claro, você pode personalizar
totalmente os painéis, movê-los, encaixá-los e fechá-los se não
precisar deles. Você pode torná-los
mais largos ou mais finos. Nesse caso, vou
apenas reduzir o tamanho do
painel de páginas, por exemplo. E se eu clicar nessas setas
duplas aqui, posso expandir totalmente esses painéis e alternar entre os
painéis encaixados em um grupo de painéis. Esses
três links, amostras e camadas estão no
mesmo grupo de painéis Mas, se eu quiser, posso
arrastar as camadas para fora, encaixá-las em outra coluna do
painel ou até mesmo encaixá-las aqui. Ao lado das páginas. Agora posso alternar
entre os dois, arrastá-lo e posicioná-lo
ou encaixá-lo acima
do painel de páginas. E dessa forma,
poderei ver os dois
ao mesmo tempo. Você pode encontrar todos os
painéis no menu Janela. Então, daqui, dos artigos
ao histórico de versões, esses são todos os painéis. Na verdade, existem
muitos painéis no design, e alguns deles incluem
muitas opções. Mas um dos
painéis provavelmente o
mais útil são as propriedades, que sempre
oferecem opções. Com base no que você está
fazendo atualmente no documento, um pouco semelhante ao funcionamento da barra de tarefas
contextual Então, neste caso, eu só
tenho uma página vazia. Então, eu tenho as
configurações do documento visíveis aqui e coisas como mostrar
ou ocultar as réguas, escolher em qual página
eu quero ir Portanto, mesmo que eu não
tenha o painel de páginas, posso usar esse
pequeno menu suspenso para ir para a página
que estou procurando. Mas assim que eu selecionar
algo como um quadro de texto, o painel de propriedades passará a fornecer
opções de transformação e, claro, opções
de
formatação de texto e parágrafo Todas as coisas
que podemos ver no painel de propriedades
teriam seu equivalente
nos painéis dedicados. Por exemplo,
as opções de
formatação de caracteres estariam
no painel de caracteres Tipo e Tabelas, que eu posso abrir E mais uma vez, isso se
abre como um painel flutuante, mas podemos encaixá-lo em qualquer lugar que
quisermos. Vamos apenas dizer aqui. E agora, sempre que eu precisar, posso simplesmente clicar nela para
vê-la ou clicar nela
novamente para fechá-la Se você quiser ter
certeza de que, no design, lembraremos de uma determinada configuração ou disposição dos painéis com os quais
você prefere trabalhar, é recomendável
salvá-la como uma área de trabalho, que você pode fazer neste menu
suspenso aqui na parte superior Então, por padrão, ele deve
dizer essencial aqui. E se você clicar aqui,
poderá escolher um novo espaço de trabalho. E eu vou
chamar isso de teste. E eu quero capturar principalmente
as localizações dos painéis. Mas isso também pode lembrar todas as personalizações que
fiz nos menus Vou
clicar em Ok e você pode ver que agora está salvo. Então, se eu agora voltar para
o espaço de trabalho essencial,
você esperaria que, no design,
alterasse os painéis Mas o que você também
precisa fazer é redefinir o essencial para voltar
à forma como foi salvo originalmente Então, se eu clicar nisso, agora veremos uma configuração de interface muito mais
limpa onde temos o
painel de propriedades e, ao lado dele, as páginas e as bibliotecas CC. Agora eu posso simplesmente vir aqui e escolher o teste,
e imediatamente, ele voltará exatamente
para a mesma configuração de painéis e locais de
quando salvamos o espaço de trabalho Agora, embora no exame, eles perguntem
principalmente sobre como criar um espaço de trabalho e salvá-lo uma determinada maneira ou carregar
um espaço de trabalho específico Eles também podem perguntar
onde
encontrar uma determinada configuração
ou preferência, e é por isso que é bom se familiarizar com todas
as preferências que você pode encontrar no design. Então, isso é algo que
já vimos antes, mas vou mostrar novamente. Para Macuss, está abaixo
nas preferências de design. No PC, estaria em preferências de
edição em algum lugar
aqui na parte inferior. E quando entrarmos nas preferências, você poderá escolher qualquer uma delas
porque poderá
alternar entre essas subcategorias
separadas Mas se você pressionar
Geral, por exemplo, poderá ver as listas
aqui no lado esquerdo. Command or Control K é
o atalho, aliás, para acessar as preferências, se você quiser acessá-las mais rapidamente E na maioria das
vezes, eles perguntavam coisas
simples, como
mudar a cor da interface. Então, se você acessar a interface, poderá encontrar as opções de
cores aqui. E eles podem pedir que você altere a configuração do desenho ao vivo de imediata para nunca
ou vice-versa. Novamente, isso é algo
que você pode encontrar aqui. Eles podem pedir que você altere algumas configurações das
guias ou das grades. Novamente, isso deve ser muito
rápido e fácil de encontrar porque eles estão usando esses nomes
aqui nessas categorias. Muito fácil de encontrar. Novamente, se houver alguma alteração
que você precise fazer na ortografia ou na preferência
que precisa ser alterada,
você a encontrará
na subcategoria de ortografia Lembre-se também de ter visto uma pergunta uma vez sobre o desempenho da
tela. Isso é, novamente, algo
que pode ser usado para decidir como o design deve renderizar as imagens principalmente
em seus documentos. Assim, você pode alterar
a visualização padrão e ajustar as
configurações de exibição nesta seção. Portanto, antes de prosseguir,
eu recomendo que você pelo menos leia
as preferências e as configurações ativadas para ter uma vaga ideia de
onde encontrar coisas Você também pode experimentar, ligar coisas,
desligá-las, ver o que acontece. Mas não se preocupe, você
não precisa memorizar nada porque, se surgir
uma pergunta como essa, você poderá usá-la no
design e, na maioria das vezes, é muito rápido e fácil
encontrar a configuração que
eles estão solicitando Se você está realmente
com dificuldades para encontrar algo que eles estejam
pedindo que você faça, você também pode simplesmente acessar o menu de
ajuda e simplesmente
digitar aqui. Então, por exemplo, se eu estiver
procurando por desempenho de tela, posso simplesmente começar a digitar isso
e, imediatamente, ele
me dirá onde posso encontrar isso Portanto, está nas preferências de desempenho de
exibição, e há ainda
outra maneira de acessar
a mesma configuração por meio
do menu de objetos. Então aí está. Essa é
apenas uma dica
útil na qual você pode confiar
caso esteja realmente perdido, e isso é algo que
você pode usar durante o exame.
23. 2.3.a Navegue por um documento: Para esta lição, usarei um documento que criei para
um de nossos outros cursos. Se quiser
acompanhar usando o mesmo arquivo, você pode encontrá-lo na pasta de arquivos de
exercícios. E primeiro, você
pode notar que há muitos quadros
neste documento. Isso porque
temos muitas imagens
e molduras de texto menores umas
sobre as outras. Agora, o design obviamente
permite que você trabalhe
assim , onde você pode ver todas as
caixas ou molduras e identificar facilmente os elementos individuais
que podem ser modificados. Mas se você quiser vê-lo de
uma forma um pouco mais limpa, basta pressionar W, e essa é uma maneira de
alternar para o modo de visualização. Então, em vez de
vê-lo na visualização normal, você pode vê-lo na visualização prévia, que mostrará apenas
as coisas que realmente
aparecerão na impressão. Então, W é uma maneira rápida de alternar
entre essas duas visualizações. E você também pode
notar que o sangramento, por exemplo,
vai desaparecer Portanto, a área de sangramento, o espaço entre a linha vermelha e o contorno preto
do documento, desaparecerá
quando estivermos no modo de visualização Portanto, essa também é uma boa maneira de testar se você tem
todos os elementos na região de sangramento ou não nas
bordas
da página e se ela ainda está preenchida e será
impressa corretamente Então, esse é um
dos primeiros e mais úteis
atalhos com os quais eu
recomendaria se acostumar
sempre que você trabalha com design Além disso, você
também pode usar o Shift W, que é para alternar para uma exibição em tela cheia ou visualização de
apresentação, como é chamado. Aqui, você não terá mais nenhuma
interface visível. Literalmente, ele
se concentra apenas no documento, e você pode usar as setas esquerda
e direita para percorrer
rapidamente as
páginas do documento Agora, se quiser
sair dessa visualização, você pode pressionar Shift W
novamente ou simplesmente pressionar Escape. A propósito, essas visualizações
também podem ser encontradas na barra de ferramentas Portanto, há uma maneira rápida e
fácil de chegar até eles. Também há algumas opções de
visualização adicionais aqui
e, claro, você também pode
acessá-las no menu Exibir. Você só precisa ir até
o modo de tela,
e é aqui que você pode encontrá-los. Agora, aumentar e diminuir o zoom é muito semelhante no design da Adobe aos outros aplicativos
da Adobe Se você já está
acostumado com isso, achará isso familiar. comando ou controle menos é
para diminuir o zoom
e, imediatamente,
você verá também que, ao redor de
suas páginas ou páginas espelhadas, você tem E neste documento,
por exemplo, usei a prancheta para preparar alguns elementos adicionais
que acabei não usando Então, esses são os elementos. Posso selecioná-los e
movê-los para o outro lado ou até mesmo na área de trabalho na segunda pasta,
se eu quiser Command or Control
plus reduzirá o zoom para o que está atualmente
centralizado na tela No entanto, se você selecionar
algo, como neste caso, eu selecionei esta seção aqui, agora o Command plus ou Control plus ampliará
a seleção. Ao pressionar Comando
ou Controle Zero, você pode ajustar a página atualmente
selecionada à janela. E no caso do layout de páginas
opostas, quando você tem várias
páginas em uma página espelhada, você deve usar a Opção de Comando
zero ou a Opção de Controle Alt zero. Você também pode ampliar com a roda de rolagem se mantiver
pressionada a tecla antiga ou a tecla de opção
e, nesse caso, onde quer
que o cursor do mouse esteja, é para
lá que você vai ampliar. Ou, se você quiser
selecionar temporariamente a ferramenta Zoom, mantenha pressionada a barra de controle
ou de espaço de comando
e, com essa ferramenta, você pode clicar e arrastar
para a direita para ampliar ou arrastar para a
esquerda para diminuir o zoom. Então, normalmente
chamaríamos isso de zoom desalinhado. E às vezes é
mais fácil
simplesmente usar selecionando
a ferramenta Zoom, que você pode encontrar aqui na parte inferior
da barra de ferramentas, ou se você pressionar Z, essa ferramenta
será selecionada
permanentemente
e, em seguida,
basta clicar e arrastar para
a direita para ampliar e arrastar
para a esquerda para diminuir o zoom Se você quiser se familiarizar com todos os atalhos de zoom, você pode encontrá-los
no menu Exibir, então ele fornece uma boa lista das coisas que discutimos E há um atalho adicional
muito útil, que eu chamo
de visão panorâmica, mas acho que esse também é o termo
técnico que eles usam para isso no design E isso você pode acessar
pressionando a tecla H
no teclado. Na verdade, segurando. Portanto, esse atalho é
para a ferramenta manual. Mas se você pressionar e segurar e clicar e
segurar o mouse também, é quando você obtém essa visualização
especial em
que verá uma moldura vermelha mostrando sua taxa de zoom
inicial. Então, isso é o quão perto
estávamos do documento. Mas o design
diminui temporariamente o zoom para
mostrar a página inteira ou página espelhada E então, quando eu
solto o mouse ou
o atalho do teclado, ele amplia para a taxa de zoom
anterior Então, se eu chegar ainda mais perto, digamos que estamos trabalhando em uma pequena seção em uma
dessas bolhas ou molduras de texto, e então eu rapidamente quero passar
para a outra, posso simplesmente usar essa
técnica, pressionar e segurar H, clicar e segurar o mouse, e então eu posso reposicionar
minha visão para esta aqui Portanto, é um pouco como
usar um navegador, mas diretamente na janela
do documento em vez de usar
um painel separado como no Adobe Photoshop Panning Around, novamente, é muito semelhante aos
outros aplicativos Basta pressionar e
segurar a barra de espaço e clicar e arrastar. Ou se você pressionar H
no teclado, isso selecionará a ferramenta manual
e, com isso, novamente,
você poderá se deslocar. E no design, você
pode realmente escrever entre páginas ou páginas,
desde que vá na vertical, ou seja, para cima ou para E também vale
a pena mencionar que você
também pode usar a panorâmica enquanto seleciona
algum texto E isso é único em
design em comparação com outros aplicativos
da Adobe. Então, por exemplo, se eu
selecionar algum texto aqui, se eu pressionasse a barra de espaço enquanto seleciono esse texto, ele substituiria o
texto por um espaço. No entanto, se eu pressionar a
tecla lt ou option, nesse caso, isso me dará
uma alternativa de acesso
à ferramenta manual ou
ao recurso de panorâmica Então, é muito útil que
você possa fazer isso no design. E lembre-se, é claro, você também pode pressionar Escape
para remover sua seleção
e, caso tenha
todo o quadro de texto selecionado
, não há problema em usar
a barra de espaço para panorâmica Em design, não temos uma ferramenta de visualização rotativa como
no Adobe Photoshop No entanto, podemos girar spreads
individuais ou
girar Então, se eu clicar com o botão direito do mouse
nesta página, por exemplo, posso acessar os atributos da página
e, em seguida, girar a visualização espalhada, e posso usar uma
delas talvez no sentido horário,
19 graus no sentido horário Agora você pode ver que há um pequeno ícone aqui ao lado miniatura
da página
no painel de páginas Isso só me diz que
a visão está girada. E se eu quiser redefinir isso, posso clicar com o botão direito do mouse
e escolher a rotação clara. Portanto, isso não afetará a forma como o documento é impresso. É apenas uma forma de
ajudá-lo a
ler textos escritos em uma direção diferente,
como esta aqui. Obviamente, é um
pouco mais fácil lê-lo do jeito que está agora. Mas, mais uma vez, posso
clicar com o botão direito do mouse e escolher uma rotação clara. E eu só queria mencionar
isso ou esclarecer que você pode fazer essa rotação
individualmente em cada página, e você pode até ter rotações
diferentes em determinadas páginas, dependendo do
melhor ângulo
24. 2.3.b-d Réguas_Guias e grades: Falei brevemente sobre os
governantes nas aulas anteriores. Eu só queria falar um
pouco mais sobre eles. Então, primeiro de tudo, no
painel de propriedades é provavelmente o lugar mais fácil para
encontrar a opção de réguas Você pode ativá-lo ou
desativá-lo com este ícone aqui, maneira
muito rápida e fácil de acessá-lo. E quando as réguas estiverem visíveis, você pode clicar com o botão direito do mouse sobre elas para alterar as unidades de medida Agora, atualmente,
tenho milímetros para minhas réguas horizontais
e verticais Mas, por exemplo, se eu mudar essa aqui para centímetros, observe como a outra régua não
mudará automaticamente Portanto, no design, você pode ter unidades de medida
diferentes para
as réguas horizontais e
verticais. Vale a pena lembrar disso. E você ainda tem uma opção de
medição personalizada na
qual pode inserir a quantidade exata
de pontos que você consideraria como uma
única unidade de medida. Então, por exemplo,
se eu digitar 50, obviamente terei apenas algumas divisões
aqui no topo E mais uma vez, eu posso voltar e mudar isso de
volta para milímetros E então eu vou ver 297, que é o tamanho correto
para um papel A four Você também pode pressionar
Command ou Control R para ocultar ou mostrar as réguas. E se você clicar e arrastar
do ponto de interseção
das duas réguas, poderá redefinir o
ponto zero ou o ponto inicial Então, por exemplo, eu
posso arrastá-lo aqui para o canto
superior esquerdo das margens, e agora essa será
minha origem ou ponto zero Tanto para meus valores horizontais
quanto verticais. Se eu quiser redefinir isso, basta clicar duas vezes aqui no ponto de interseção ou no canto superior esquerdo
onde as réguas se encontram, e isso o redefinirá de volta para o canto superior esquerdo da página, sem
incluir o sangramento Portanto, é sempre medido
a partir do tamanho final da página. Como geralmente temos
várias páginas uma página espelhada no design, quando você clica com o botão direito
nas réguas, outra opção importante é
decidir se deseja ter uma régua por
página ou por página espelhada Portanto, caso você esteja usando a opção de
régua por página espelhada
, a segunda página no layout de páginas
opostas Então, dentro de um spread,
que está no lado direito, não será reiniciado o número continuará
na página esquerda. Então, neste caso, se eu
tivesse outra página aqui, ela começaria em
297 milímetros E a largura total
da extensão
seria duas vezes maior, então seria 594 milímetros Assim como em outros aplicativos da
Adobe, você pode usar as
réguas, é claro, para colocar guias em seu layout Assim, posso arrastar uma guia da régua vertical
para colocá-la aqui e também posso arrastar outra guia
da régua horizontal Posteriormente, eles podem
ser movidos e reposicionados facilmente ou, com a tecla
delete do teclado, também podem
ser excluídos Só para poder
mostrar um atalho, como isso funciona quando você tem várias páginas em uma página espelhada, volto para
esse documento vazio que criamos anteriormente Então, se eu começar a arrastar
a partir da régua horizontal na parte superior e chegar a
uma das páginas, observe como ela
só colocará a guia
à esquerda ou à direita Também podemos dizer o
verso ou os sites do reitor, à esquerda e à direita em termos
editoriais Agora, se você quiser ter
certeza de que ele percorre todo o spread, mantenha pressionada a tecla de comando ou controle
antes de soltá-la. Portanto, observe como manter
pressionada a tecla de comando ou a tecla de controle
altera a guia
e, na verdade, ela se
espalha por toda a área de trabalho Para essa propagação. Então essa é a diferença. E outro atalho útil, sempre que você arrasta uma guia da parte superior ou da esquerda, se quiser mudar a
direção da guia,
basta manter pressionada a tecla de opção de
ordem Portanto, embora eu tenha começado
isso como uma guia horizontal, posso transformá-la em
uma guia vertical. E como eu disse, isso
funcionaria em ambos os lados. E você pode até combinar
esses atalhos, se quiser. Se você quiser limpar
rapidamente as guias, basta acessar o menu de
visualização, descer
até as guias e excluir
todas as guias ao distribuir. Ou se você
quiser apenas ocultá-los, você pode usar esse
atalho, ocultar guias Na verdade, você também pode encontrar isso no painel de propriedades. Então, aqui podemos ativar e desativar rapidamente a visibilidade das
guias. Mas observe que
sempre que fizer isso, você também ocultará
as guias de sangramento Então, eles também desaparecerão e também os guias de lesmas que normalmente
veríamos Além de guias, também temos dois tipos de grades em design Portanto, é um pouco
mais complexo do que as grades que veríamos no
Adobe Illustrator e no Adobe Illustrator Então, aqui temos
a grade do documento, que é semelhante aos
outros aplicativos, mas também temos
uma grade de linha de base Agora, a grade de linha de base
é usada principalmente para texto. Então, essa é uma forma de
impor o alinhamento de linhas ou posicionamentos de
linhas em E a
grade do documento serve mais para posicionar elementos
em um layout. E se você quiser
alterar as configurações grade do documento, basta acessar as preferências. Esse é o Commando Control K, como mencionamos anteriormente, e depois nas grades, você poderá especificar exatamente como deseja que
sua grade funcione Assim, você pode especificar as distâncias das linhas de
grade horizontais e verticais e também as subdivisões
entre elas Também é um recurso útil
chamado grades em B, que significa que
as grades sempre estarão atrás dos elementos que você
colocar em sua composição Então, se voltarmos para o outro documento
aqui, por exemplo, se eu ativar a grade, observe como ela não vai
se sobrepor aos elementos de design Assim,
posso ler e ver minhas imagens e o texto facilmente sem que a grade os
sobreponha Portanto, esse é um recurso extremamente
útil que você pode encontrar novamente
nas preferências. Da mesma forma que os outros aplicativos da
Adobe, também
temos
guias inteligentes em design, que ajudarão você no
alinhamento. Por exemplo, aqui, quando
arrasto esse quadro, posso encontrar rapidamente onde está o
ponto central das páginas. Então, eu posso alinhar a
moldura com isso. Também consigo encontrar facilmente o
centro das colunas, e assim por diante. Então, por exemplo, se eu duplicar
esse quadro e
quiser alinhá-lo na mesma posição
vertical, posso ver aquela
linha verde aparecendo me
dizendo que agora eles estão
alinhados com a borda superior Ou eu também posso alinhar
a borda superior com a borda inferior do
outro objeto, se eu quiser E essa opção você pode encontrar no menu
de exibição,
caso não a veja, e estaria no GID
e no guia, Smart Guide, onde você também pode usar o
comando para controlar o atalho, tanto para ativar quanto para desativar A propósito, o mesmo
recurso que você também pode encontrar no painel de propriedades
é esse ícone aqui, para que você possa ocultar guias inteligentes
e, quando estiver oculto, obviamente, você não verá essas linhas aparecendo sempre que
mover as coisas. Ou, se você
preferir trabalhar com ele, certifique-se de que
nada esteja selecionado
e, em seguida, encontre o
ícone aqui e ative-o novamente. E mais uma vez, veremos isso nos ajudando a
alinhar nossos objetos
25. 2.4 Importação de recursos: Primeiro, precisamos discutir como criar modelos de design. Isso é algo que você
pode fazer acessando
o menu Arquivo e
escolhendo Salvar como. E em vez de salvar seu
arquivo como um documento de design, você deseja escolher
a opção de modelo. Portanto, a principal diferença entre um arquivo de design e
um modelo é que um modelo será aberto
automaticamente como um documento sem título
sempre que você o abrir, que pode ajudar a evitar a substituição
acidental
do Obviamente, isso é extremamente útil se você estiver
trabalhando, por exemplo, em uma revista mensal ou semanal em que precisa usar o
mesmo layout e
a mesma configuração, mas sempre alterando o conteúdo. Portanto, se você quiser
salvar um modelo, basta escolher onde deseja
armazenar esse arquivo. Vou
salvá-lo aqui e abri-lo acessando
o menu Arquivo e escolhendo
Abrir ou Abrir recente. E observe que a
extensão do arquivo é um pouco diferente. Então, em vez de um documento de
design, é um modelo de design. É isso que o T significa. Depois de abrir isso,
ele ficará
exatamente igual ao documento anterior,
mas, como você pode ver, ele foi aberto
como um documento sem título Agora, caso você
precise atualizar um modelo, o que você pode fazer é fazer
as alterações e, em seguida, entrar em Arquivo Salvar como e usar novamente
a opção de modelo. Use o mesmo nome de arquivo
que você usou antes e simplesmente sobrescreva o próprio arquivo
de modelo Então, isso é algo que você provavelmente quer fazer
acidentalmente Mas se você está
tentando atualizar o modelo intencionalmente , é
assim que você faz E isso, novamente, é exatamente
da mesma forma que funcionaria para
trabalhar com modelos
no Illustrator, por exemplo Quando se trata de colocar ativos em um documento de
design, o recurso mais útil em
que você
confiará seria o comando
file place E para isso, é definitivamente recomendável
aprender o atalho É Command or Control D.
Quando a caixa de diálogo aparecer, você terá que simplesmente navegar
até a pasta onde você tem os arquivos que
gostaria de colocar no design, e você pode colocá-los em
praticamente qualquer tipo de arquivo de imagem. Além disso, é claro, você também pode
importar arquivos de texto e selecionar várias imagens se
quiser colocá-las
todas ao mesmo tempo. Então, por exemplo, aqui
eu selecionei três
dessas imagens e
se eu escolher abrir, elas serão carregadas
no meu cursor. Então, isso é chamado de Place Gun, e eu posso realmente ver a primeira imagem que
será colocada como uma prévia. Mas se eu usar as setas para a
direita ou para a esquerda, posso alternar E eu também posso ver que
há três deles. Tem aquele pequeno suporte me
dizendo que há
três imagens carregadas aqui Agora, se eu simplesmente chegar
aqui na prancheta, talvez
seja mais fácil ver
o que vai acontecer a seguir Se eu clicar, ele colocará a imagem
com seu tamanho real, com seu tamanho atual. No entanto, se eu clicar e arrastar, posso colocá-la na imagem com o tamanho que
eu quiser usar. E se eu não estiver satisfeito
com o posicionamento, posso até mesmo desfazer essas etapas e carregar as imagens de
volta no cursor Então, o comando ou
controle, por padrão, os
carregaria de
volta lá e, em vez de colocá-los
um por um, no design, você também pode
colocá-los todos ao
mesmo tempo
usando um atalho, então clique e arraste
e, antes de
soltar o mouse, pressione as setas para a direita ou para
cima para começar a dividir o quadro em
várias colunas Esse recurso é chamado de GridIPi. Isso é algo
que eles podem perguntar a você no exame, então vale a pena lembrar Então seta para cima para adicionar linhas, seta para a
direita para adicionar colunas. Nesse caso, vou
usar apenas três linhas. A propósito, se
você pressionar e segurar a barra de espaço enquanto
estiver usando a pistola de posicionamento, poderá reposicionar a moldura inteira
ou
o conjunto de molduras que
está prestes a criar E quando estiver pronto, basta
soltar o mouse
e as três imagens
serão carregadas. Não, elas podem não se encaixar
perfeitamente nos quadros, porque
a proporção
das imagens originais pode não corresponder à proporção
desses No entanto, podemos corrigir
isso facilmente com as opções de
encaixe da estrutura Basta clicar proporcionalmente no conteúdo
adequado
e, em seguida, ele
corrigirá automaticamente cada uma dessas imagens Observe que, ao lado de
cada uma dessas imagens, temos um pequeno ícone de cadeia, e essa é a maneira padrão design lidar com imagens
e dados em geral, tudo o que você coloca como
ativos em um documento. Portanto, está vinculando ao arquivo fonte
original. Nesse caso, as imagens
originais. E, na verdade, temos um
painel separado chamado painel Links. Eu só vou abrir
agora para que possamos ver melhor. E isso listará
todos os ativos vinculados, e podemos facilmente ir para a localização
deles clicando
nesses pequenos hiperlinks, para que possamos encontrá-los
onde estão E se eu passar o mouse sobre
o nome de um arquivo, posso realmente ver a
localização desse arquivo Então, onde ele está
fisicamente armazenado no meu computador e, se
eu quiser, posso incorporá-lo para
garantir que,
mesmo que eu altere o
arquivo original ou o exclua , ele ainda possa
aparecer aqui no documento e eu ainda possa
fazer alterações nele Então, incorporar um link
vai
transformá-lo em uma
imagem incorporada nesse caso E a principal razão pela qual design não está fazendo
isso por padrão,
portanto, as imagens não são incorporadas por padrão
é porque isso está aumentando o tamanho do arquivo no
design e também
aumentará os tempos de carregamento. Então, isso é algo que
você gostaria de evitar. Em vez disso, a melhor prática é sempre salvar seu trabalho como um pacote sempre que
estiver pronto para
arquivá-lo ou passá-lo para
um de seus colegas. E isso garantirá que todos os ativos
vinculados sejam incluídos, incluindo
até mesmo a fonte, então isso é algo que você
faria no menu Arquivo, basta ir
até o pacote, e isso incluirá,
neste caso, como você pode ver, 11 links. E eu acredito que
também incluirá algumas fontes, sim, oito fontes neste caso também
serão incluídas
no arquivo do pacote. Falaremos mais
sobre exportar e publicar nosso trabalho
no último tópico, então voltarei
a isso mais tarde Mas, por enquanto, eu só queria ter
certeza de que
você está familiarizado com a forma como todos os ativos no design são tratados e como
usar o painel Links A propósito,
no painel Links, há uma seção
chamada Informações do link. Portanto, sempre que seleciono uma imagem, posso ver mais informações sobre a imagem selecionada. E provavelmente uma das
informações mais úteis e importantes aqui é a resolução e, especificamente,
a resolução efetiva. Então, isso é PPI efetivo. Isso significa qual é a
resolução atual dessa imagem. E observe que, se eu pressionar comando ou o controle
shift e arrastar o tamanho desse quadro um pouco para o canto superior esquerdo, isso reduzirá
o tamanho dessa imagem e isso resultará em um
aumento do PPI efetivo. Então, ao torná-la menor, eu estou comprimindo todas
as informações de pixels que tenho nesta imagem, e isso vai
aumentar a resolução. Porém, se eu for e
aumentá-lo, a
resolução efetiva diminuirá. Agora, caso você não veja
a seção de informações do link, basta clicar nesta
pequena seta aqui. Isso serve para mostrar ou ocultar
esta seção e você pode decidir quanto dela deseja
ver arrastando-a para cima ou para baixo Só quero mostrar
o que acontece se eu mudar o nome do arquivo de uma
dessas imagens que usei. Vou apenas colocar um X no nome do arquivo dessa imagem E assim que eu
voltar ao design, vou ver esse ponto de
interrogação vermelho
no painel Links e também aqui no
canto superior esquerdo desse quadro. E, aparentemente, ainda
temos a imagem aqui, mas essa é apenas uma versão de espaço reservado de baixa
resolução do arquivo original Portanto, sempre que você vê links
ausentes,
convém corrigi-los. Você pode fazer isso clicando
duas vezes
no ponto de interrogação e
localizando o arquivo, ou também pode escolher a opção de revincular aqui
na barra de tarefas contextual Então, depois de selecionar essa imagem, ela resolverá o problema do link
perdido.
26. 2.5 Gerenciando cores: É importante saber como
usar relógios e gradientes na
Adobe em design, pois essa é uma
pergunta comum no exame Então, vou explicar
todas as coisas que você
precisa saber nesta lição. Em primeiro lugar,
no menu da janela, os painéis que você definitivamente
precisará estarão na seção de cores, e você precisará dos
três. Então, vou
abrir a cor primeiro, arrastá-la até aqui e
depois voltar e abrir o
gradiente também Vamos juntá-los
e, dessa forma, podemos
movê-los com mais facilidade, e então também
precisaremos das amostras Então, vamos colocar isso
aqui, talvez entre os dois ou até mesmo em
cima deles. Tudo bem. Agora, vou fechar esses painéis e encaixá-los aqui para que
possamos vê-los melhor. E a seguir,
já podemos ver que
neste documento, na verdade, já temos
algumas amostras personalizadas Então, essas foram as amostras
que eu criei essa verde e depois
essa rosa, que é usada para indicar
o nível de tempero Portanto, esses relógios são
armazenados neste documento e podem ser facilmente reutilizados, e podemos ser consistentes usá-los
em todo o documento E podemos ver isso também aparecendo em ambas
as páginas. Portanto, temos essa cor verde
utilizada aqui no texto, principalmente e talvez também em alguns elementos de
fundo Agora, também temos
essas formas grandes
no fundo que
usam a mesma cor,
mas, como você pode ver, elas parecem diferentes em sua intensidade. Então, sempre que eu seleciono
essas formas, mesmo esta aqui
no fundo, , aquele grande círculo, seja, aquele grande círculo,
ele vai me dizer que na verdade é preto, mas não parece preto
porque usa uma intensidade menor. Então, esse é o
recurso chamado matiz. Então, basicamente, está reduzindo
a intensidade da cor. Não está tornando isso transparente. Portanto, não
confunda isso com opacidade. Está reduzindo a
intensidade da cor. Então, a mesma coisa aqui, podemos ver que isso é
43% do valor da tonalidade, e então temos essa aqui, que é 21% Mas, novamente,
se eu movesse isso para cima na estrutura de
camadas e o colocasse em
cima de todo o resto, você pode ver que
não é transparente, então não podemos ver
nada por trás dele. Então está completamente preenchido. Ele só tem um valor de tonalidade menor. Agora, o preenchimento e o traçado são os principais atributos
de cada objeto, e você pode aplicar
isso em qualquer coisa. Trabalhamos principalmente com
molduras em design. Então, vou criar um retângulo ou talvez
possamos criar uma elipse clicar
e arrastar E se mantivermos pressionada
a tecla Shift, podemos colocá-la aqui
na área de trabalho ou também na página do
documento E se eu pressionar D
no teclado, essa é uma maneira rápida de obter
a aparência padrão
de um objeto, que seria
contorno preto e sem preenchimento Portanto, é um pouco diferente
do Photoshop aqui. O campo seria definido como nenhum e a quantidade do traçado
seria definida como um ponto, mas podemos aumentar isso e talvez até mesmo
alterar a cor do traçado. Só precisamos garantir que o atributo do traçado
seja destacado primeiro
e, em seguida, possamos aplicar a cor. Portanto, pressionar X no teclado é uma maneira rápida de
direcionar o campo, que é a cor interna
usada em uma forma ou
moldura , e pressionar X novamente
para alternar para o traçado, que é o contorno
da forma Então, com o preenchimento selecionado, posso usar essa outra amostra, ou posso adicionar branco,
por exemplo, ou posso
removê-la novamente para mantê-la vazia
por dentro Para aplicar uma cor diferente, algo que atualmente
não está disponível como amostra Para isso, podemos mudar
para o painel de cores e digitar
os valores em CMYK ou RGB,
HSB ou modelos de cores de laboratório, ou podemos simplesmente escolher rapidamente uma cor do espectro
aqui na parte Então, é como um seletor de cores e nos fornecerá os
valores nesse caso, no CMK. Caso gostemos
dessa cor e desejemos
usá-la em todo o documento, basta clicar
no ícone de adição no painel
Amostras para
adicioná-la como uma Agora observe que esses
pequenos ícones aqui
no painel Amostras
nos dirão o clima
das cores dessa amostra Então, esta, por exemplo, é composta de cores CMYK e
esta aqui também, enquanto essas outras três
cores são cores RGB Se você quiser editar como amostra, clique duas vezes em e aqui você pode alterar
até mesmo o modo de cor, que possamos mudá-lo
para RGB, se quisermos, ou podemos até mesmo alterá-lo de
uma cor de processo para uma cor especial Geralmente, as cores especiais são tintas
pré-misturadas, mas também podem
ser usadas para indicar outras técnicas especiais de
impressão como estampagem em relevo Vou clicar em
OK para mostrar que, se
você
usar uma cor especial, esse pequeno ícone
aparecerá aqui. É importante
lembrar esses ícones porque podem
ser perguntas do exame. Então, eles podem mostrar apenas um ícone e você precisa
saber o que isso significa. Então, definitivamente, você quer se familiarizar com as coisas que acabei de mencionar aqui até agora. Além do que vimos até agora, também
temos gradientes que
podemos usar no design E para isso, temos
o painel de gradientes. Vou colocar isso aqui
no topo para que
possamos ver melhor. Então, por exemplo, posso
substituir a cor do campo por um
gradiente em preto e branco clicando nele, e podemos até mudar isso de linear para rádio, se eu quiser Posso reverter a ordem das duas cores
usadas atualmente. E, claro, podemos alterar esses limites
de cor do gradiente clicando duas vezes neles e escolhendo qualquer cor
do painel de cores, ou podemos até mesmo arrastar uma cor para o gradiente
do painel Amostras e arrastar para baixo
um limite de cor que não
desejamos mais usar um limite de cor que não
desejamos Então, podemos reverter isso
mais uma vez , só para que você possa
ver como fica. Talvez possamos substituir
o azul pelo branco. E, claro, podemos mover
esses limites de cor para que possamos decidir a localização
real, e até mesmo a transição
entre eles pode ser ajustada com
o ponto médio. E sempre que estiver satisfeito com um gradiente
que você criou, você também pode salvá-lo
como uma amostra de gradiente. Então, se eu clicar no sinal de mais, ele será salvo como
uma nova amostra de gradiente Da mesma forma que editando
uma opção padrão, você também pode
clicar duas vezes nela
e
ajustar o tipo de gradiente e também as cores individuais
que você aplicou nele Assim, você pode movê-los para
cima e para baixo como antes e refinar o gradiente da maneira que
quiser usá-lo Mas não menos importante, vale a pena mencionar que você
pode agrupar amostras Então, por exemplo, posso selecionar
esses dois mantendo pressionada tecla
Command ou Control e
clicando em Novo grupo de cores. Isso vai
colocá-los nesse grupo. Posso até mesmo renomear esse
grupo, se quiser, e também posso filtrar as
amostras, se quiser Então, em vez de mostrar todas as
amostras desse ícone, posso simplesmente escolher
mostrar apenas grupos de cores Ou eu posso simplesmente ver
interruptores de gradiente, se eu quiser. Obviamente, posso voltar para todos os switches que
removerão essa filtragem Agora, há outra diferença
importante entre a Adobe em design e o
Illustrator, por exemplo, que é o fato
de podermos aplicar cores do painel
de amostras ao contêiner
ou ao texto Então, se selecionarmos o
quadro de texto, neste caso, vou selecionar esse quadro de
texto aqui, podemos ver que o contêiner
está usando essa cor verde. Mas se eu mudar para o texto, ele me dirá que é branco. Portanto, há texto branco
dentro de um recipiente verde. E você pode realmente ter
um preenchimento e um traçado
no contêiner e também um preenchimento
e um traçado no texto. Então, de certa forma, para um
único quadro de texto, você pode ter quatro amostras
diferentes utilizadas ao mesmo tempo Assim como usar X no
teclado para alternar entre o traçado e
a cor de preenchimento a serem pré-selecionados, você também pode usar J
no teclado para alternar entre selecionar o
contêiner ou o conteúdo, que, nesse caso, é o texto. Então J, como você pode ver, alterna entre esses dois, e X é alternar entre
os atributos de preenchimento e
traçado. Caso você esteja usando
este documento e esteja com dificuldades para selecionar o quadro de
texto que estou usando, convém usar a tecla
Comando ou Controle ao
clicar para ter certeza de
selecionar o objeto correto. Quando você tem vários
objetos um em cima do outro, esse é um atalho para passar
por baixo Portanto, o primeiro objeto
pode ser o quadro de texto, que é usado para
esse texto K aqui. E então, quando eu clicar novamente, terei essa moldura
abaixo dela selecionada Talvez seja necessário
clicar duas vezes para acessar. Depois de ver a
cor verde aparecendo, você sabe que o quadro de
texto está selecionado. Obviamente, você também pode usar o painel de camadas para encontrar
o que está procurando. Mas o comando ou
controle clicando em um
documento complexo como esse é um
atalho extremamente útil para se aprofundar ou vasculhar todos os elementos em
camadas
uns sobre os outros
27. 2.6 Como usar estilos: Aprender a trabalhar com estilos na Adobe em design é provavelmente a habilidade ou o
conhecimento mais importante que você pode adquirir. E quanto mais você usar em design, mais
confiará neles para trabalhar de forma consistente e
eficaz Agora, as três
categorias principais de estilos que você usará são estilos de
caracteres, estilos parágrafo
e estilo de objeto. Neste documento,
como você pode ver, estou utilizando todas essas três
categorias Agora, primeiro de tudo, antes de
vermos como eles funcionam, eu só quero ter certeza de que você
sabe onde encontrá-los. Portanto, caso você não
veja esses painéis, basta acessar o menu da janela
e, nos estilos,
você os encontrará. A propósito, também temos estilos
adicionais,
como estilos de tabela, estilos células e
até pacotes de estilos Mas, na verdade, não precisamos abordá-los
porque, no exame, eles não serão questionados. Os
estilos mais comuns com os quais você trabalhará serão o estilo de parágrafo. E também estilos de caracteres,
porque eles são usados para formatar
texto e
garantir que você possa usá-los de
forma consistente E mesmo para um
documento como esse, em que temos um menu de restaurante e tem apenas duas páginas, ele ainda precisa de alguma consistência. Então, por exemplo,
temos esses nomes de saladas como esta, Zabal,
Spicy Situation, Caesar Crunch, Kalia Basta pressionar W no
teclado para que possamos ver o design com um
pouco mais de facilidade ou clareza E, na verdade, também vou esconder a
barra de tarefas contextual por enquanto Então, quando eu seleciono um
desses quadros de texto, podemos ver imediatamente que ele destaca o estilo usado
atualmente e mostra que tem
o nome exclusivo da salada, mas também utiliza o estilo
sutil de objeto de sombra Mas, em vez de
focar no tamanho do objeto, primeiro, quero mostrar
o que acontece se eu mudar o estilo do
parágrafo do nome da salada. Então, observe como eu
desmarquei tudo. Portanto, nada está selecionado
no momento. Você pode fazer isso simplesmente
clicando na área de trabalho em
algum lugar onde
não haja objetos ou pressionando Command
ou Control Shift A. Essa também é uma forma de
desmarcar Em seguida, clique com
o botão direito do mouse no estilo de parágrafo no
qual você deseja
fazer alterações e escolha Editar. Você também pode clicar duas vezes
no nome de um estilo
para fazer alterações e imediatamente, aqui podemos ver a definição
desse Então, o que está atualmente
salvo nele, a fonte, o tamanho
e a cor. Então, se eu quiser
mudar a cor, posso facilmente encontrar isso
aqui embaixo, a cor do personagem. E em vez de branco, talvez possamos mudar para essa amostra azul que
criamos na lição anterior E se eu ativar a pré-visualização, isso aparecerá imediatamente. E podemos notar que
o mesmo estilo também foi usado nos
preços. Portanto, essa é uma versão ligeiramente
modificada porque é menor
em tamanho de texto, mas ainda usa a mesma fonte e o
mesmo estilo de parágrafo. Se eu clicar em OK, posso
atualizar isso facilmente. E se eu selecionar esse
texto, por exemplo, aqui, para destacar o texto dentro do quadro de texto
usado no preço, veremos que
ele se baseia nesse estilo de
parágrafo, mas há
um pequeno sinal de adição ao
lado do nome, o que significa que há algumas substituições locais ou diferenças em relação
ao estilo original Quando passo o mouse sobre
o nome do estilo, posso realmente listar
as substituições Portanto, há muitas
substituições nesse caso. Você pode ver muitas mudanças. E se eu quiser limpar
essas substituições, tudo o que preciso fazer é
simplesmente pressionar Alt ou Option, clicar nela e isso
removerá essas alterações Agora, ele também removeu o texto
porque é muito pequeno não cabe mais no quadro de
texto. Mas se eu o aumentar, agora podemos ver que
ele voltou
exatamente para a mesma formatação desse outro texto Vou apenas
desfazer essas etapas e voltar à forma como
o texto foi configurado E a boa notícia
é que, basicamente a maneira como você trabalha com cada uma
dessas categorias de estilo , o estilo de caractere, parágrafo e objeto será o mesmo. Então, todos eles funcionam
da mesma maneira. Eles afetam apenas partes diferentes do seu conteúdo ou
elementos no seu layout. Então, os estilos de objeto, por exemplo, aplicarão coisas que podem ser aplicadas em todo
o quadro, e isso pode ser um
efeito como sombra projetada, mas também pode ser muitas
outras coisas. E a maneira mais fácil de aprender sobre todas as
coisas diferentes que você pode aplicar por meio de um estilo específico é simplesmente entrar em
um desses estilos. Então, podemos ver que há
muitas opções aqui,
incluindo as cores de preenchimento
e traçado, traçado e canto, opções tamanho e posição, e então você pode até mesmo incorporar
um estilo de parágrafo ao estilo do
objeto, e
na verdade estou fazendo isso
aqui também E há muitas
outras coisas aqui que podemos
encontrar, como quebra de texto
e outras opções, até mesmo
opções de ajuste de moldura e, claro, os efeitos em
que tenho aquela configuração de sombra projetada que
vimos neste Agora, estilos
de parágrafos que já vimos. Vou
voltar rapidamente para mostrar
e destacar a variedade e a extensão
das opções que você pode
salvar em um estilo de parágrafo. É uma loucura, muito complexo, e há muitas
coisas que você pode fazer aqui. E assim como podemos incorporar parágrafo
em
um estilo de objeto, você também pode incorporar caractere em
um estilo de parágrafo Então, isso é o que você pode
fazer em estilos aninhados. Aqui, você pode dizer que quer
ter um estilo de personagem. Nessa lista suspensa, digamos, o estilo de caractere verde
usado na primeira palavra. Em cada um dos
parágrafos, por exemplo. Na verdade, isso é usado aqui
na segunda página, onde você pode ver em cada um
desses parágrafos o primeiro segmento está
formatado Portanto, antes do ponto e vírgula, temos o texto em negrito e também em verde E isso, na verdade, é feito automaticamente usando
o recurso de estilo aninhado Portanto, esse é o estilo de parágrafo de
texto da salada Bild. Eu apenas clico duas vezes
dentro do quadro de texto para ver qual
estilo de parágrafo é usado lá. E então, se eu
clicar duas vezes nele, posso ver abaixo as letras
maiúsculas e o estilo neti Eu tenho o estilo de caractere verde aplicado até o símbolo da
primeira coluna. Então é isso que eu tenho aqui. E é um
recurso muito legal, porque se eu quiser remover
a coluna daqui, por exemplo, e quiser que
ela seja editada aqui, veja imediatamente
como ela aparece, isso afetará a formatação Portanto, é totalmente
automatizado e depende do próprio texto para alterar
automaticamente
a formatação de cada um dos parágrafos Felizmente, no exame, você não precisará ser
um visitante estiloso e
conhecer todos os recursos complexos
e avançados que você pode obter com eles Você só precisa entender
e conhecer o básico de como trabalhar com estilos e para
que eles são usados Talvez você precise criar um novo estilo e salvá-lo ou
alterar um estilo existente Então, eu quero mostrar dois exemplos semelhantes a esses cenários. Então, digamos que
precisamos salvar isso como um novo estilo de personagem. Este texto, então construa sua parte. Portanto, atualmente, isso não está salvo
como um estilo aqui. Então, eu recomendaria salvar
isso como um estilo de caractere, o que podemos fazer a partir deste
sinal de adição aqui no painel. E uma vez que você fizer
isso, você terá um novo estilo. Você pode clicar duas vezes
nele para renomear. Basta chamá-lo de título
e clicar duas vezes novamente para ver o que está salvo nele, para que possamos ver os sinais, o início e a
família de fontes armazenados nele. E então, se clicarmos em Ok, podemos ver sempre que
clicarmos nos textos que agora ele está conectado
a esse estilo de caractere. E eu apenas me certificaria de
que fosse utilizado em todas as outras instâncias em que queremos que isso
funcione Então, eu atribuiria esse
título de estilo a este texto aqui, às sopas, e depois
também às bebidas Agora, cada um deles terá esse estilo
conectado a eles, que significa que, se eu
quiser fazer alterações, posso clicar com o botão direito do mouse e
escolher editar o estilo do título, e então posso entrar aqui
e talvez reduzir o tamanho. E enquanto eu
tiver a prévia ativada, ela aparecerá
dinamicamente nas três instâncias,
como você pode ver E sim, em poucas palavras, é
assim que você trabalha com estilos, e aprenderemos um
pouco mais sobre eles posteriormente nos outros tópicos No entanto, se você quiser
realmente dominar o trabalho com estilos e ser realmente
eficaz usando a Adobe em design, eu recomendo fortemente
fazer nosso curso
rápido de design,
onde usamos estilos em projetos
muito complexos, onde usamos estilos em como criar um
livro inteiro ou criar
catálogos e até mesmo criar catálogos e até mesmo criar belos layouts de revistas com um profissional muito profissional
configuração tipográfica, confiando
totalmente na
escalabilidade, flexibilidade e eficiência de trabalhar com
estilos na Adobe em design
28. 3.1.1 Noções básicas de camadas: Trabalhar com camadas no design da
Adobe é tão
importante quanto usar camadas no
Photoshop e no Illustrator Neste arquivo, por exemplo, eu tenho seis camadas, e a razão pela qual usamos
camadas é para facilitar a separação dos elementos,
selecioná-los e trabalhar com eles com facilidade . Então, como você pode ver, eu tenho muitos elementos
em cima uns dos outros. Por exemplo, temos
essas bolas aqui. Temos o texto enrolado
em volta do círculo interno. Em seguida, tenha o círculo com
algum texto adicional, e o fato de ter apenas alguns elementos
colocados
um em cima do outro às vezes
dificulta
a seleção do elemento no qual você
planeja fazer alterações. Então, por exemplo,
se eu quisesse fazer alterações no texto picante da
situação, eu poderia acabar
selecionando acidentalmente esse texto. Então, deixe-me ampliar um pouco mais aqui para que você
possa ver o que quero dizer. Então, sim, esse círculo
tem texto dentro dele, enquanto esse círculo tem
texto enrolado em volta dele. Então, é claro, posso usar um clique duplo para fazer
seleções como essa
ou, novamente, posso clicar duas vezes aqui apenas para ter certeza de
selecionar a coisa certa Mesmo assim, você pode acabar selecionando coisas nas quais não
deseja fazer alterações. E, novamente, pode ser complicado
selecionar a imagem se você tiver
muitos textos colocados na parte superior É por isso que
temos as camadas. E como você pode ver, as camadas que tenho aqui são configuradas da seguinte forma:
primeiro tenho uma camada separada
para os nomes dos pratos. Assim, posso selecioná-lo facilmente e ligá-lo e desligá-lo
só para ver o que está nele. Mas é claro que, ao clicar
no pequeno triângulo ou seta
ao lado do nome de uma camada, você pode ver o que está dentro dela. Então, esses são os objetos ou
elementos dentro da camada. E eu posso ver o
círculo de nomes e o quadro de texto. Então, há cinco deles
porque há cinco pratos. E vou
manter essa desativação apenas para ajudar você a ver o que está
nas outras camadas. Portanto, quanto mais informações forem as informações adicionais
sobre cada um desses pratos. Novamente, decidi colocar isso em uma camada separada mais uma vez
porque isso está novamente usando um círculo e o texto
é colocado no caminho. Círculo. Portanto, fica um pouco
mais complicado selecioná-lo Novamente, se eu pressionar W e
estivermos na visão normal, você poderá realmente ver
esse contorno lá Então essa é a linha azul. A propósito, qualquer objeto
colocado em uma camada sempre
terá a
mesma cor
de destaque a cor da camada. Então, por exemplo,
com mais informações, vemos essa cor ciano ou azul
brilhante, que corresponde à cor
da camada Então, se eu clicar duas vezes
no nome da camada
ou na área de cores, podemos realmente
mudar essa cor. E digamos que
mudamos isso para laranja. Depois de clicar em OK, observe como a cor de destaque também
será atualizada. Então, às vezes, isso pode
ser útil se você tiver um design em que uma determinada cor mistura demais com
o próprio design, você pode facilmente atualizar a
cor conforme eu mostrei para você E, a propósito, sempre que você clica
duas vezes em uma camada, você obtém as opções adicionais de
camada. Portanto, além do nome
e da cor, você também pode controlar coisas como se essa camada
deve ser impressa ou não. Portanto, você sempre pode
desabilitar isso se não quiser
incluir uma camada na impressão. Assim, você pode mantê-lo
visível no documento, mas se estiver desativado, isso significa
que ele não será
incorporado
na impressão ou mesmo quando
você exportar para um PDF. Então, vou manter
isso ligado e clicar em OK. E, a propósito, qualquer camada oculta ou desativada automaticamente não será exportada ou incluída em uma impressão Então, nesse caso, por exemplo, os nomes dos pratos ainda não apareceriam na impressão
porque eu o desligo. Agora, mais informações, vou
desligar também. Em seguida, temos a
camada chamada ícones. Então, se eu desligar isso, observe como essa área
aqui desaparece, mas também os ícones
nos pratos que mostra o
nível de tempero e o aviso de nó, se contém nozes Então, eu vou desligar
isso também. Em seguida, temos a camada de texto, que inclui também o texto no meio na parte superior
e inferior esquerda, mas também esses quadros de texto. Novamente, são círculos,
incluindo os preços, e depois temos as imagens
e, finalmente, temos
o plano de fundo. Gosto de colocar as coisas
em camadas de uma forma que não
fique muito complicada. Então, normalmente, no máximo seis, sete ou oito camadas eu
teria em um arquivo de design. Mas, em alguns casos, talvez se você tiver versões em vários
idiomas, eu possa acabar criando
mais do que isso. Mas, como regra geral,
é melhor manter o design baixo no número de camadas, para que você não queira
complicar demais a estrutura, mas ainda é melhor ter mais camadas do que apenas
trabalhar em uma Essa é provavelmente a
pior coisa que você pode fazer, porque fica realmente complicado depois de um tempo se você decidir fazer
tudo em uma única camada. Então, um atalho útil, mesmo que você não tenha camadas,
sempre pode confiar, que é a tecla Command
ou Control Clicando com a ferramenta de
seleção, você pode realmente alternar todos os objetos que estão
colocados uns sobre os outros, mesmo que estejam em Agora observe, por exemplo, que
se eu clicar nesta parte aqui, ela mostra que selecionei um item ou objeto
da camada de nomes de pratos. Como posso saber isso?
Bem, primeiro de tudo, eu posso ver esse destaque em
azul escuro, mas também posso ver
aquele quadrado azul escuro aparecendo aqui
no painel de camadas. Agora, é claro, se eu abrir isso, posso realmente ver qual item é aquele que acabei de selecionar. Mas agora, se eu clicar com o comando Control exatamente
no mesmo lugar, observe como isso
encontrou o próximo item, que é mais informações E a razão pela qual descobri isso especificamente é por causa
da ordem de empilhamento Então essa é a camada
diretamente abaixo do nome do prato. Portanto, se eu comandar ou clicar com o
Control novamente, ele se moverá mais para baixo
na ordem de empilhamento Então, o próximo
seria o texto, e então eu clico novamente, e então ele
encontrará as imagens, e então se eu clicar novamente, ele encontrará o fundo porque há uma grande imagem
de
fundo aqui, que inclui todos esses rabiscos Agora, a única camada que
não foi selecionada foram os ícones, porque eu não estava
clicando perto dos ícones. Se eu começar a clicar
aqui, novamente, primeiro dizemos os nomes dos pratos e, em
seguida, clique em Command ou Control para selecionar mais informações Então, como estou perto de um ícone, ele encontrará esse
ícone específico nessa camada. Em seguida, eu comando ou clico com a
tecla Control novamente. Passamos para a camada de texto
e, novamente,
passamos para as imagens
e, novamente, para o plano de fundo. A propósito, se eu comandar
ou clicar com o botão de controle mais uma vez, ele também
voltará para o topo, que
possa continuar mesmo
quando você chegar ao fundo.
Ele simplesmente
voltará e recomeçará
do início, Ele simplesmente
voltará e recomeçará do
topo da sua ordem de empilhamento
29. 3.1.2 Como gerenciar camadas: Agora, outro
atalho muito útil que você deve conhecer é que você
pode isolar camadas, tanto sua visibilidade
quanto seu status bloqueado Então, a forma como isso funciona
é que, em vez de apenas clicar no ícone para
ativar e desativar uma camada, digamos que fazemos isso
com a camada de texto. Também podemos manter pressionada a tecla
Alter option e
clicar no ícone. Então, isso mostrará apenas essa camada e
ocultará todo o resto. Portanto, essa pode ser uma maneira
muito útil de
verificar rapidamente
o que está em uma camada. Então, em vez de desligar todas
as outras, uma por uma, você pode simplesmente clicar com
a tecla Alt
ou Option no ícone da camada
que deseja verificar
e, em seguida, fazer o mesmo atalho para revelar
as outras camadas mais uma vez Agora, se você quiser uma camada, a melhor coisa a fazer é
clicar aqui ao lado do ícone. Então, isso vai adicionar o registro. Isso significa que você não
poderá mais interagir com nenhum dos objetos
nessa camada. Então, por exemplo, posso demonstrar
isso para você se eu clicar na visibilidade da camada de
fundo
e, em seguida, também bloqueá-la. Agora, se eu tentar clicar em qualquer lugar, não
conseguirei
mover isso. Porém, se eu desligar o bloqueio, agora, imediatamente, posso
mover esse objeto Então, deixe-me trazer de volta
todas as minhas outras camadas. Também queria mostrar
que você pode clicar e arrastar para adicionar itens de bloqueio. Assim, você pode bloquear camadas rapidamente apenas arrastando-as. A mesma coisa funciona
com a visibilidade. E no design ainda
tem uma visualização ao vivo de camadas
reveladoras e
ocultas enquanto você as limpa. Agora, além de usar
o painel de camadas, você também pode usar atalhos
para ocultar e mostrar objetos Então, por exemplo, posso
selecionar esse quadro de texto aqui
e, se eu pressionar Commando
Control três, essa é uma maneira rápida ocultar esse objeto
selecionado em particular Agora você não poderá
pressionar o Comando três ou Controle três novamente para
revelá-lo porque ele já está oculto. Você pode simplesmente desfazer essa etapa
se quiser voltar,
para que o comandante a controle Então, isso é o mesmo
que entrar em uma camada, abrir a camada, encontrar o objeto selecionado e depois ligá-lo e desligá-lo. Percebo, a propósito, há uma opção oculta aqui, um objeto oculto
chamado Título um. E isso porque eu criei
duas versões para esse texto. Então essa é minha primeira versão, e então essa é minha
segunda versão. Às vezes, gosto de manter as opções
não utilizadas ainda em vigor. Mas, claro, para eles, o que você também pode fazer é
movê-los para a área de trabalho. Dessa forma, você ainda pode vê-los, mas eles não
acabarão impressos. Então, uma outra forma de selecionar algo quando você os em cima um do outro desta forma, onde não está muito
claro qual deles você selecionará se
clicar nele, é usar o pequeno ícone
quadrado ao lado um objeto
que selecionará esse
objeto específico, e então podemos movê-lo aqui para o lado. Então essa é a nossa área de trabalho
e, dessa forma, é mais fácil encontrar as
duas versões separadas Então, não precisamos esconder isso. Podemos simplesmente mantê-lo
lá ao lado. Agora, em alguns casos, talvez
você queira selecionar
rapidamente algo
de uma camada específica, e a maneira mais rápida de
conseguir isso seria bloquear todas as outras camadas e ter
apenas uma
camada específica disponível. Assim como
conseguimos ocultar todas as outras camadas e
manter uma camada visível, também
podemos usar a tecla de opção de
alteração e clicar na camada
que você deseja manter desbloqueada Curta isso e observe como todas as
outras camadas foram bloqueadas
imediatamente. Então, agora só
poderemos selecionar coisas
da camada de imagens. Então, se eu clicar aqui, saberei exatamente o que estou selecionando.
Estou selecionando a imagem. Então, depois de selecioná-la, posso alterar a opção, clique novamente aqui e remova os bloqueios
das outras camadas. Mas agora o que posso
fazer enquanto
seleciono isso é se eu quiser
bloquear essa imagem específica, para que não a camada inteira, apenas aquela imagem em particular, apenas aquela imagem em particular, eu possa pressionar Command ou
Control L, L para Lock. Quando um objeto estiver
bloqueado, você verá um pequeno ícone de cadeado
no canto superior esquerdo E isso também
aparece aqui no
painel de camadas, ali mesmo. Agora, é claro, você pode
desbloqueá-lo aqui, mas também pode passar o mouse sobre
ele aqui na área do documento E quando você vê o
cursor mudando para isso, você pode clicar
nele para desbloqueá-lo. É um pouco complicado
usar o cursor e
encontrar o ponto certo Portanto, geralmente é mais fácil usar o painel de camadas
se você precisar desbloqueá-lo. Ou eu vou apenas
desfazer essa última etapa. Você também pode acessar
o menu de objetos. E escolha desbloquear todos os spreads, o que desbloqueará todos os itens. Não vou fazer
isso neste caso, vou apenas
desbloqueá-lo no painel de camadas. E antes de continuar, eu só
queria mencionar que, se você não gosta de usar atalhos de
teclado, também pode selecionar qualquer
camada e ir ao menu suspenso
do painel de camadas para acessar as opções Ocultar outras
ou bloquear outras Então, isso seria o mesmo que manter pressionada a tecla
alter option. Então, se eu escolher Ocultar outros, você pode ver exatamente isso. Posso dizer mostre todas as camadas
para mostrá-las novamente. Também vale a pena mencionar
que há uma opção
no design para excluir camadas
não utilizadas Isso significaria uma camada que
não tem nenhum conteúdo. Portanto, se não houver nada
dentro da camada, ela será considerada não utilizada Se eu clicar nisso,
nada acontece porque todas as minhas camadas
têm algo nelas. Mas se eu criar uma nova camada
com o ícone aqui, agora posso ver que há
sete camadas no documento. Sem selecionar a camada sete, posso simplesmente clicar aqui e
escolher excluir camadas não utilizadas Agora, há outra
coisa importante que vale a pena mencionar. Esse pequeno ícone aqui indica a camada de desenho
atual. Isso significa que se
acabarmos criando algo, seja um
quadro de texto ou uma forma, ou pudermos usar uma
das ferramentas de desenho, isso seria criar o
novo item nessa camada. Então, se eu quiser mudar isso, posso clicar na camada. Em qualquer lugar, então eu posso simplesmente
selecionar a camada e observar como aquele pequeno ícone de
panorâmica está se movendo. Então essa é a camada destacada e essa é a
que será usada para criar
os novos objetos. Agora, embora neste documento, eu realmente sinta que
a maneira como configuro as coisas com seis
camadas separadas faz mais sentido. Talvez eu mude de ideia. E talvez eu queira combinar algumas dessas camadas. Talvez os nomes dos pratos, mais informações, ícones e texto possam
ser combinados em uma única camada de texto
ou elementos de texto, embora os ícones sejam
mais gráficos, mas também sejam colocados
dentro de molduras de texto. Posso selecionar todos os quatro
rapidamente, usando a tecla
Commando Control
e selecioná-los um por um ou
selecionar um na
parte inferior e , em seguida,
clicar com a tecla Shift na parte superior para selecionar
tudo o que estiver no meio E depois de selecionar
várias camadas,
você pode clicar com o botão direito do mouse e
escolher mesclar camadas Depois de fazer isso, observe como ele criou uma
única camada agora. Mas dentro dessa camada, obviamente ainda teremos todos os objetos
originais adicionais, mas não teremos subcamadas Portanto, ele não os colocará
em grupos por padrão quando
você estiver mesclando camadas Eu só vou
desfazer essa etapa. Eu também queria mostrar uma opção adicional
no menu suspenso do painel de camadas. O recurso de pasta lembra
camadas. Acho que isso
nunca será solicitado no exame, mas ainda é um
recurso muito útil que vale a pena mencionar Então, por exemplo, se eu selecionar
essa situação picante de texto, obviamente, ela vem
da camada de nomes de pratos. Eu posso copiá-lo,
Command ou Control C, depois ir para a segunda
página deste documento e vou selecionar
a camada de fundo
no momento. Posso ver, eu tenho a
camada de fundo destacada. Se eu pressionar Commando Control V
para colar no documento, ele será colado na atualmente selecionada,
a
camada de fundo No entanto, se eu desfizer essa
etapa e voltar ao menu
do painel e ativar
as camadas de colagem e memorização
, quando eu colar, observe como ela ainda ficará
na camada de nomes de pratos, mesmo que eu tenha selecionado a camada de
fundo Portanto, isso pode ser muito útil, especialmente quando você
tem várias camadas e várias páginas e deseja garantir que seu documento
seja consistente e todos os objetos estejam
nas camadas corretas em todo
o documento.
30. 3.1.3 Camadas do Photoshop no InDesign: Nesta página, temos alguns
itens na camada de fundo. Eu só vou te mostrar isso. Então, essas são as
formas circulares no fundo. E o que eu queria mostrar
aqui é que, claro, você também pode alterar
a ordem das camadas simplesmente selecionando-as
e
arrastando-as para cima e para baixo Então, se eu arrastar isso
até o topo, é claro, ele
estará mais próximo de nós,
e todos os outros
itens ficarão para trás. Então, é claro, isso precisa estar em
segundo plano para
permitir que todos os outros detalhes
apareçam acima dele. Então é quando você quer mover uma camada inteira para cima e para baixo. Você gostaria de usar o painel de
camadas para isso. No entanto, dentro das camadas, por exemplo,
na camada de imagens, se eu ampliar um pouco mais e arrastar esse objeto
para a esquerda, podemos ver que ele está em
cima da outra imagem. Então, o queijo aqui está em cima de todos os
outros ingredientes. Nós podemos dizer isso. Agora, se eu quiser mover isso
abaixo do outro, posso simplesmente arrastá-lo para baixo
até que vá para o fundo. Assim como arrastar
camadas para cima e para baixo, também
podemos fazer o
mesmo com objetos No entanto, nesses casos, pode ser mais fácil usar
o atalho do teclado, que é o colchete
esquerdo Command ou Control para mover algo trás e o colchete
direito para movê-lo para frente
ou para frente Obviamente, você também pode
clicar com o botão direito do mouse em um objeto e escolher o intervalo e escolher trazer
para frente ou enviar para trás,
que, a propósito, têm
seus próprios atalhos de teclado É o mesmo que
eu mostrei antes. Apenas adicionar a mudança de marcha pode
levá-la ao extremo, seja para a frente
ou para trás. Sim, você pode ver todas as
quatro opções de arranjo e seus
atalhos de teclado aqui Então, esses são todos os recursos
que usamos para alterar a ordem de empilhamento em
uma camada de design Além das camadas que você cria em um documento de design, você também pode ter camadas dentro de uma imagem,
caso esteja usando um arquivo de várias camadas, como um documento do Photoshop ou
uma TI. Nesses casos, talvez
você tenha uma camada de ajuste criada ou alguns
elementos de texto em seu arquivo do
Photoshop que você gostaria de acessar
diretamente Então, eu quero
te mostrar como isso funciona. Vou apenas
selecionar essa imagem. Em primeiro lugar, eu faço todo
o resto para ter
certeza de que selecionei o objeto
certo. E então eu vou clicar com o botão
direito sobre isso e mostrar a opção
chamada Opções de camada de objeto. Portanto, esse é um recurso
que você só verá se
tiver um arquivo de imagem
em várias camadas Mas, no momento, isso só
tem uma única camada. Então, se eu quiser
fazer alterações nisso no Photoshop, posso manter pressionada a tecla de
opção de alteração e clicar duas vezes no item para
que ele apareça no Photoshop E podemos ver que essa é uma
imagem que foi mascarada. Eu criei uma máscara vetorial para
recortar o fundo. Mas, além disso, talvez eu queira adicionar uma camada
de ajuste. E neste caso, vou
usar algo óbvio,
como mapa de gradiente Que eu posso então mudar do
gradiente padrão para algo, digamos vermelho
e, em seguida, escolher um
desses e talvez apenas inverter
ou reverter as cores Então, obviamente, essa não a cor certa para
essa composição. Mas digamos que
é assim que eu quero usá-lo. Tudo o que preciso fazer é salvar
esse arquivo no Photoshop. Então, salve e poderíamos até mesmo fechar
isso, se quiséssemos. Mas vou
voltar ao design, e você pode ver agora que
temos isso
atualizado automaticamente aqui. E se clicarmos com o botão
direito e escolhermos as opções da camada de
objeto, ele também mostrará o mapa de
gradiente disponível para desativar ou ativar diretamente
no design Portanto, não precisamos sair e
voltar ao Photoshop
para mudar isso Você só precisa garantir que
a opção de visualização esteja
ativada para poder ver ao vivo as
alterações que você está fazendo. Então, tecnicamente, você está usando o painel de camadas do
Photoshop no design Portanto, é um recurso muito legal, e vale ressaltar
que esse arquivo do Photoshop, é
claro, está Portanto, sempre que houver um link entre o arquivo de origem
e o documento de design, você também poderá decidir sobre o
comportamento desses arquivos. Então, por padrão, sempre que
você atualiza o link. Então, por exemplo, aqui, eu desligo o mapa de gradientes, que será lembrado
no design E mesmo se eu usar esse mapa de
gradiente no Photoshop, ele ainda o manterá
desativado aqui no design No entanto, você pode usar visibilidade de camada do
Photoshop se sempre
quiser ter certeza que a versão que você
vê no design é a versão atualizada mais recente
diretamente do Photoshop Portanto, é importante lembrar
de verificar esse recurso. Eu só vou clicar em OK. Agora, novamente, há apenas uma pequena coisa que
vale a pena mencionar Se você acabar criando camadas dentro de um arquivo,
como um arquivo do Photoshop, e depois excluir
essas camadas Então, neste caso,
vou excluir esse mapa de gradiente
e salvar esse arquivo Portanto, não salve em um nome de arquivo
diferente, basta salvá-lo de volta em uma
versão de camada única E então eu
volto ao design, percebo que ele vai se
transformar em um elo perdido. Então você só precisa ter cuidado. Se você introduzir camadas em um arquivo de
várias camadas, como PSD, TIF e assim por diante,
e depois excluir
todas as camadas, exceto uma, ainda haverá um aviso de
link ausente no design Isso é apenas uma coisa à qual
você deve prestar atenção. Então, se eu voltar aos links, posso clicar duas vezes no ponto de
excamação aqui, ou também posso clicar duas vezes
no ponto de excamação aqui, e então ele dirá
que o arquivo que usamos,
esse arquivo do Photoshop tem camadas
diferentes da versão camadas
diferentes Portanto, o link será
atualizado com as configurações atuais de
visibilidade da camada do
arquivo fonte . Podemos clicar em OK. Portanto, isso só acontecerá se você disser no design que
prioriza a visibilidade da camada usada no design
sobre a visibilidade real da camada dos
arquivos do Photoshop Lembre-se da opção que
eu mostrei aqui, então se usarmos a outra opção, esse aviso e mensagem
de erro não aconteceria porque
o arquivo de design seria atualizado
automaticamente para
a versão
de camada única do arquivo do Photoshop, então não precisaríamos
fazer essa etapa extra Isso é só uma nota lateral.
Novamente, não se preocupe. Se isso parecer ou parecer um
pouco complicado, eles não farão
perguntas sobre isso, ou pelo menos as
perguntas sobre camadas não serão tão complicadas
quanto parecem.
31. 3.2.a.1 Configuração do documento e número da página inicial: Enquanto estiver no Adobe Photoshop
e no Illustrator, eu diria que
o painel de camadas é provavelmente o
mais importante a ser observado No Adobe in design, eu provavelmente
diria que o painel de páginas é o que é
extremamente importante, talvez até
mais importante do que o painel de camadas. E isso porque em design, maioria das vezes você estaria trabalhando com várias páginas. Portanto, documento de várias páginas e, no caso de uma revista, você pode acabar tendo mais de 100 páginas
ou, no caso de um livro, pode até
ter centenas de páginas E o painel Páginas é
aquele em que você confiará muito para navegar e
se movimentar pelo documento, mas também para fazer alterações
importantes. Então, primeiro de tudo, para navegação, o que você pode fazer é clicar
duas vezes em qualquer página ou página
do painel de páginas Então, essa é uma maneira rápida
de se mover entre eles. E, em alguns casos, talvez seja
necessário esperar um pouco, então o carregamento pode
demorar um pouco se houver muitas
imagens de alta resolução, por exemplo. E esse arquivo,
aliás, que estou usando aqui, é um projeto que
montamos do zero no curso Adobe Indesign
Fast Track Portanto, se você estiver interessado em
saber como criar
algo assim do zero com todas as configurações
avançadas design para layouts de revistas
, recomendo
fortemente que confira esse curso Mas, é claro, você pode
abrir o arquivo e ver como ele foi criado e como todos os
estilos estão configurados. Mas o que estamos focando
agora são as páginas, e você pode ver
que temos quatro páginas, mas elas não estão
começando na primeira página E também não há uma única
página ou capa, e já existe uma
página para começar. Isso é algo que eu já mostrei no capítulo anterior. Eu só queria ter certeza de que você está familiarizado com isso. Então, se eu criar um novo documento
com o Commando Control N, é uma configuração que você pode especificar aqui, o número
inicial Então, se isso for definido como
número dois, por exemplo, já teremos
um spread para começar, desde que o
recurso de páginas opostas também esteja ativado. Então, se eu criar
esse novo documento, observe como ele já
começa com uma página espelhada. Obviamente, isso também é
algo que você pode mudar posteriormente. Então, voltando a este projeto, se eu for até o menu de arquivos, posso encontrar a configuração do documento. Então você quer voltar aqui, e isso permitirá que você altere
o número da página inicial. Se você tiver a prévia ativada, poderá até ver
essa atualização ao vivo. Então, se eu definir isso como 52 e
clicar em outro lugar,
imediatamente, a
numeração das páginas será atualizada Posso simplesmente clicar em Ok. Antes
de sair desta caixa de diálogo, só queria mencionar que também
podemos alterar globalmente o tamanho da página aqui e até mesmo a orientação,
se quisermos também
podemos
alterar globalmente, em todo
o documento, as margens e até mesmo
o sangramento e o desgaste Então, essas são todas
as coisas que especificamos no início quando
criamos um novo documento. Mas quando você voltar aqui,
ainda poderá alterá-los, e até mesmo a intenção
do documento poderá ser
alterada posteriormente Portanto, mesmo que você tenha começado a
trabalhar para impressão, você pode alterar isso posteriormente, se esse projeto acabar
sendo mais digital
32. 3.2.a.2 Como ajustar o tamanho da página: Eu também queria chamar
sua atenção para outro recurso importante
chamado Ajustar layout. Mas antes de verificarmos isso, eu só quero
mostrar o que acontece se eu mudar um atributo
como a altura. Então, se eu mudar isso para 350, aumentando um pouco, e clicar em
OK, você verá atualização e poderemos ver
em todo o documento. Quando você usa esse recurso, ele simplesmente adiciona
espaço ao documento. Então eu aumento a altura. Ele manterá o
conteúdo original no centro e adicionará o
espaço na parte superior e inferior, mas nada mais acontecerá. Portanto, nenhum ajuste dinâmico
acontecerá no documento. Agora, em comparação com isso, vou desfazer
essa etapa e voltar para
a configuração
do documento no menu Arquivo Então, em comparação com isso, se eu for
até a opção de ajuste de layout clicar nesse botão
, o resultado será diferente. Então, vou digitar 350 milímetros
para a altura novamente. E vou querer
manter as mesmas margens e
o sangramento
tão bem quanto Não vou pedir para
ajustar o tamanho da fonte. Eu quero mantê-los intactos. Eu só quero que o
design reorganize todos os elementos para esse
novo formato de página mais alto. E eu até quero ajustar
todos os elementos bloqueados. Portanto, se houver algo
bloqueado na configuração atual, quero que eles também
sejam ajustados. Agora, se eu clicar em Ok, observe como temos
essa versão mais alta, e temos um pouco
do texto faltando aqui, mas podemos ver que
não há nenhuma lacuna em branco na
parte superior e inferior Então, no design, fez um bom trabalho em geral ao remodelar as Mas isso é ainda mais perceptível
aqui no próximo spread. Então, ele fez um trabalho brilhante
reformatando tudo. E então, novamente, aqui, e mais uma vez aqui, a maior vantagem de
que temos um formato de página mais alto
é que o texto agora não flui
para Então, nosso fluxo de texto termina aqui, e esses são
quadros vazios no lado direito. Isso é simplesmente
porque criamos mais espaço verticalmente
no documento, e é por isso que o texto não percorre
todo o documento Vou apenas desfazer isso
e mostrar a última página. O texto deveria
terminar aqui. Ajustar o layout é um recurso
muito útil, e pode haver perguntas
no exame em que você precise saber
a diferença entre simplesmente redimensionar o documento ou usar a opção de
ajuste do layout Você também deve saber que
pode alterar o tamanho de uma página específica ou se espalhar a
partir do painel de páginas. Então, se eu chegar
ao primeiro spread, posso ir até aqui e
clicar nesse segundo ícone. Qual é a opção de edição do tamanho da
página. E aqui, talvez eu
possa escolher três, o que tornará essas páginas
selecionadas muito maiores. Assim, você pode ver o tamanho
original e , obviamente, o espaço expandido que temos para um tamanho de página
maior. Agora, se eu tiver apenas uma única
página selecionada, digamos, a da direita, e então eu
vou aqui e altero
isso novamente para três. Isso também é possível. Portanto, você não
precisa ter um
spread inteiro selecionado para isso. Qualquer página ou páginas
selecionadas serão afetadas por essa A propósito, este
é um bom exemplo para mostrar que você pode ter tamanhos de página
completamente diferentes, mesmo dentro de
uma
página espelhada,
sejam elas mais altas ou mais largas, elas podem ser unidas E você também pode usar uma ferramenta
da barra de ferramentas para alterar
o tamanho da página, para não precisar depender desse ícone no painel de páginas Então, a ferramenta que
você está procurando é essa chamada ferramenta de página. Mas você pode selecionar a
página
esquerda ou direita nesse caso e começar a
arrastá-la para fora Por exemplo, aqui, se
eu quiser ampliá-la, posso arrastá-la para fora, mas observe
o que acontece se eu soltar, ela volta
ao tamanho original Então, o que você
quer fazer é manter
pressionada a tecla de opção antiga enquanto arrasta e certifique-se de
mantê-la pressionada mesmo depois
de soltar o mouse, isso tornará
a alteração permanente Agora você aumenta
o tamanho desta página e podemos realmente ver o tamanho enquanto ela está
sendo selecionada com a ferramenta de página aqui na controle ou
na barra de opções. Então, aqui podemos ver que a largura agora
é de 290 milímetros. Eu posso mudar isso e talvez
eu possa mudar para 300. No entanto, uma coisa que você quer ter
certeza é que, antes de
alterá-lo a partir daqui, você deseja alterar
o ponto de referência. E nesse caso,
porque está alinhado com
a borda esquerda ou a
coluna está desse lado Então, temos esse
ponto de referência selecionado. Agora, ele vai aumentar
o tamanho para a direita. Então, o lado esquerdo está
bloqueado de certa forma, ou esse é o ponto de referência. Então, se eu digitar 300, ele vai aumentar
para o lado direito. Comparado com se eu tivesse o ponto
central selecionado, e talvez eu adicionasse mais
50 aqui, então 350. Observe como ele também empurrou a outra página para
a esquerda, então começa a bagunçar as coisas Eu só vou desfazer isso. Eu só queria te mostrar uma
última coisa e é por isso que essa ferramenta não
alteraria automaticamente o tamanho da página. Por que temos que
pressionar um modificador, tecla
de opção de alteração Então, a razão para isso é porque há outro recurso chamado comportamento de
layout líquido, que pode ser ativado no
menu de layout. Então, se você for até aqui,
poderá escolher o layout líquido, e eu vou desfazer essas
alterações no tamanho da página primeiro Então eu escolho a escala. E agora, se eu começar a
arrastar a página, observe como certos elementos podem ser atualizados à medida que eu a movo Portanto, essa é apenas uma
forma de visualizar como os elementos reagiriam
às mudanças no tamanho da página. Mas ainda
voltaria ao seu estado original. Portanto, é uma boa maneira de visualizar cada uma dessas opções de regras de
página líquidas. Então, recenter é outro
que funciona muito bem. Portanto, ele não apenas escala, mas mantém o ponto
central original da página. Então, temos o baseado em objetos. Novamente, funciona assim, semelhante ao anterior e, se eu escolher
controlado pelo pai, isso novamente
fornecerá uma opção um pouco
diferente. E podemos, é claro, verificar isso nessas outras
páginas também. Então, vou
escolher recentralizar aqui, e podemos ver como isso
funciona em comparação com a escala, por exemplo, onde tudo está sendo atualizado em tamanho também quando
mudamos o tamanho Vou desativar a regra de
página líquida. A propósito, você também pode
desativá-la aqui desde que tenha
a ferramenta de página selecionada.
33. 3.2.a.3 Movendo e embaralhando páginas: Outra coisa que vale a pena mencionar
sobre a ferramenta de página é que você também pode usá-la
não apenas para escalar páginas, mas também para movê-las. Assim, você pode, por exemplo, mover uma página para cima ou para baixo e
perceber que, ao fazer isso, o conteúdo real
da página não está se movendo. Assim, você pode reposicionar a página sem que o
conteúdo se mova, o que também é um
recurso bastante interessante No entanto, se eu mover isso de
volta para cá e alinhá-lo, e ativar a
movimentação de objetos com a página, também
poderemos
movê-los juntos Então, nesse caso, ele moverá a página inteira com
o
conteúdo para cima e para baixo. Mas caso você queira
alterar a ordem da página, você não gostaria de usar
a ferramenta de página para isso. Em vez disso, você gostaria de
usar o painel de páginas, onde é possível selecionar uma página
espelhada, como a capa ,
por exemplo, e arrastá-la até o final. Então, quando você vê uma linha
vertical aparecendo, é aí
que você pode soltá-la e saberá que é para
lá que a página será movida. E se eu diminuir o zoom com o comando de
controle negativo, podemos ver que agora está
no final do documento, enquanto se eu quiser
movê-lo de volta para a frente, posso simplesmente arrastá-lo até lá E se você é fã de arrastar
páginas dessa forma, também
pode selecioná-las primeiro. As páginas que você deseja
mover e, em seguida,
clique com o botão direito na miniatura
e escolha mover Ao usar esse recurso, você pode ser mais específico exatamente para onde
deseja movê-los. Você também pode simplesmente dizer
que deseja movê-lo
no final do documento
ou no início do documento. Você pode dizer depois de
uma página específica ou antes de uma página específica, e você pode até mesmo especificar para mover essas páginas para um documento
diferente, que possamos até mesmo movê-las para esse outro
documento sem título, se eu quisesse E também posso decidir
excluí-los depois de movê-los, o que significaria um
recorte em vez de uma cópia. Esse recurso, aliás, só
aparecerá quando
você estiver segmentando
outro documento Portanto, enquanto você
estiver movendo as páginas dentro do mesmo documento
ou documento atual, as páginas
excluídas não estarão disponíveis. Se você quiser apenas ir
para uma página específica, é
claro, basta clicar
duas vezes em uma miniatura para
levá-lo até lá No entanto, com um documento grande, talvez
você queira
usar um atalho, que é Command ou Control J, eu me lembro disso como pular para a página, embora o recurso em si
seja chamado de ir para a página Aqui você pode usar esse menu suspenso para encontrar a página que está
procurando E, é claro, além
das páginas reais, também
podemos pular
para as páginas principais, mas falaremos sobre
elas em outra lição. Até agora, eu só queria mostrar que podemos facilmente pular para
outra página como esta. Mas essa lista suspensa também está disponível na barra de
status Então, também podemos pular para
outra página com isso. É importante
mencionar que as margens e as colunas podem ser alteradas
individualmente nas páginas, não em todo o documento Então, se eu tiver uma única página
selecionada como esta, posso revelar as margens, para que possamos ver as margens
e também as colunas E se eu chegar
ao menu de layout e escolher margens e colunas, o aviso é diferente
da configuração do documento, que seria uma mudança global Se eu apenas escolher margens e
colunas no menu de layout, isso
afetará apenas a
página ou páginas atualmente selecionadas Então, aqui eu posso mudar talvez a margem superior para
apenas 20 milímetros, e talvez as colunas eu mude
para duas Então, imediatamente,
essas alterações
acontecerão nesta página,
então podemos clicar em OK, e podemos ver
que a margem
agora é maior em comparação com
a outra página, e também temos apenas
duas colunas em vez das 14 colunas que eu tinha
no layout original. Então, novamente, entre as páginas, você pode ver a diferença
aqui no lado esquerdo. Vou desfazer
isso e reformatar o
texto adequadamente E há outro recurso que é um pouco
confuso no início.
Se você nunca
ouviu falar dele antes, Se você nunca
ouviu falar dele antes, chamado Permitir que
as páginas do documento sejam embaralhadas Então, deixe-me mostrar
o que isso significa. Se eu clicar com o botão direito do mouse aqui em
qualquer uma dessas miniaturas, verei a opção de
permitir que as páginas do documento e
também as páginas
espelhadas selecionadas sejam alteradas Isso significa que sempre que você mover páginas
no documento, ele ainda
manterá a estrutura original de
ter duas páginas em uma página espelhada. Então, mesmo que eu mova uma única página, digamos esta
até o final, ela vai
remodelar É daí que vem o
termo. Então, ele vai
realinhá-los em páginas
opostas ou formato espalhado Portanto, isso não
afetará a estrutura. No entanto, se eu estiver certo e
desativar essa opção, permita
que
as páginas do documento sejam alteradas. Agora, se eu começar a mover uma
dessas páginas, posso até mesmo anexá-la a uma página espelhada existente ou
colocá-la completamente sozinha. Então, digamos que eu
simplesmente o deixe aqui. O aviso de que
agora acabamos tendo uma única página no meio
do documento e
outra página no final do documento. Então, como
desativamos o embaralhamento, não estamos criando um layout
consistente de páginas opostas, mas isso permite até mesmo combinar várias páginas
, se quisermos Como nesta página, poderíamos
arrastar e anexar ao lado direito
dessa página existente, e talvez pudéssemos até arrastar
esta e anexá-la aqui. Assim, poderíamos criar essa página de
quatro páginas. Portanto, isso funcionará
desde que você desative o
embaralhamento. Agora, o que acontece se
eu clicar com o botão direito do mouse e escolher Permitir que
as páginas do documento sejam alteradas novamente, ele nos perguntará
se queremos
manter o número atual
de páginas dessas páginas espelhadas Se dissermos não, ele
as reorganizará em duas páginas Mas se eu disser que
sim, na verdade preservará essa combinação de quatro
páginas em uma única página. Mas agora, se eu começar a
mover
isso, ele será capaz de manter o resto da estrutura
do jeito que estava.
34. 3.2.a.4 Layout alternativo: Quero mostrar outro recurso
importante, o layout alternativo. Portanto, isso não está
ajustando o layout. É para criar um layout
alternativo. Portanto, em alguns casos, talvez seja necessário ter
um formato ou
proporção diferente para adaptar o
documento a uma determinada mídia. E para isso, o que você
precisa fazer é ir
ao menu de layout e escolher
Criar layout alternativo. Depois de escolher isso, você
pode renomear isso. Portanto, o nome atual
recomendado é H personalizado, que eu acho que
significaria horizontal porque atualmente estamos usando um formato mais vertical ou
retrato. E para isso, também recomenda um formato ou
orientação de paisagem que funcione, e o resto das opções, você pode simplesmente manter do jeito que está. Então, podemos simplesmente clicar em OK. Agora, o que acontece é que,
dentro do painel de páginas, você terá duas colunas. Você terá seu layout
original, que é o formato retrato, e depois temos o novo formato, que é o formato paisagem Agora, quando você usa as
configurações padrão, que, novamente, posso mostrar rapidamente aqui, incluindo histórias de links,
isso permitirá
que você faça alterações em um dos layouts, e essas continuarão nos outros
layouts alternativos, não imediatamente, mas
permitirá que você os atualize
rapidamente Então, só para demonstrar esse recurso de
vincular histórias, se eu chegar a essa parte aqui
no layout original, posso mudar essa
palavra para legendas Então, mitos eram a palavra original. Eu mudei para legendas
e, em seguida, posso pular para o formato paisagem
e observar como temos esse pequeno
ponto de excamação no quadro de texto Se eu clicar
nele, ele atualizará o texto de
acordo com o layout original. Há mais uma coisa
que é importante
mencionar , já que
começamos a criar layouts
alternativos para que você possa realmente alterar a
visualização das páginas Então, se você clicar com o botão direito aqui abaixo de suas páginas
no painel de páginas, poderá escolher visualizar páginas
e verá que, ao usar
o layout alternativo, esse é o que
será selecionado Mesmo assim, você pode alternar para ver as coisas na
vertical ou na horizontal E se você fizer isso,
verá todas as páginas
dos dois layouts listadas diretamente
abaixo uma da outra Então, vamos
vê-los aqui e abaixo. Então, em vez de
dividi-los em duas colunas, você os verá assim. E caso você escolha
visualizar páginas verticalmente, elas podem até ser alinhadas
como uma única coluna Então, embora eu tenha
mais espaço aqui, ele não os
moverá para lugar nenhum, apenas
os manterá da mesma maneira. Você os veria aqui
na janela do documento, dispostos de cima para baixo. Mas há uma
razão
importante pela qual você gostaria de
continuar usando
a opção de layout alternativo
caso tenha
layouts alternativos em um documento E isso porque
você pode clicar nesse menu suspenso aqui ou
aqui e escolher a opção janela dividida
para comparar layouts Então, se você fizer isso, poderá
vê-los lado a lado. Então, podemos ver uma versão aqui e a outra versão
ali à esquerda. Portanto, essa pode ser uma ótima maneira de trabalhar simultaneamente
nos dois layouts E, claro, se
você mudar de ideia e não precisar de um
desses layouts alternativos, poderá clicar novamente
no mesmo menu
suspenso e escolher excluir Então, se eu fizer isso,
vou dizer: OK. E uma vez que isso seja excluído, é
claro, não há mais sentido dividir a visualização Então, podemos simplesmente clicar na janela
Unsplit. Dessa forma, vemos apenas uma única versão do documento. Lembre-se de que, ao clicar com o botão direito do mouse
no painel de páginas, você pode voltar a
vê-las na horizontal ou Novamente, não adianta
mais ver essa lista suspensa se não tivermos um layout alternativo
neste documento.
35. 3.2.b.1 Noções básicas das páginas-mãe: Use páginas principais na Adobe no
design para elementos repetidos que você gostaria de usar
em um documento de várias páginas E geralmente para revistas, isso significaria
rodapés e cabeçalhos. E, por exemplo, neste caso, temos esse rodapé
aqui com o fólio, que é o número da página E no lado esquerdo, se eu pular
para o lado esquerdo, temos o mesmo
layout apenas espelhado Então, temos, novamente, o
fólio e algum texto. E a
coisa mais importante a reconhecer é que um elemento da página principal não será diretamente editável nas páginas
do documento Portanto, você verá um contorno pontilhado ao redor desses elementos da
página principal, então não poderei
movê-los ou fazer alterações Terei que encontrar a página principal
correspondente e fazer alterações nela. Agora, neste documento, na verdade, tenho uma configuração
mais complexa baseada até mesmo nas páginas principais. E é um ótimo exemplo para entender por
que isso é necessário. Por enquanto, eu só
quero mostrar que a página principal principal é
essa aqui na parte superior, a principal A, que terá todos os componentes que eu usaria
nesta revista. Portanto, o pai A tem
a seção Rodapé,
que, novamente, pode ser exibida
aqui na parte inferior E, por exemplo, eu
quero atualizar isso para 2025. Eu posso facilmente
alterar a data lá, e provavelmente terei que alterá-la no lado
direito também. Então, vamos ampliar. Agora, na verdade, há
apenas uma URL lá, então só precisávamos
alterá-la no lado esquerdo. E imediatamente, se
voltarmos para a página 36, por exemplo, também
nessas páginas do documento, ela mostrará 25 e também estará
na última página. Então, só precisávamos
alterá-la em um lugar, que era a página principal principal. E por causa da
base nas páginas principais, essa única alteração não
afetará apenas as páginas
do documento, mas também
os pais adicionais baseados na página principal
atual. Então, o pai de AA, você pode pensar que é uma variante
do pai original, ele inclui
praticamente tudo, exceto esses ícones indicando a seção da revista
ou o tipo de artigo,
que, neste caso, ele
se refere a experiências, mas eu posso simplesmente retroceder. E se eu mudar para a
variante ou para o pai AA
, não terei
esse detalhe lá. Na verdade, no pai AB, não
temos nenhum
dos elementos visíveis. Portanto, até a
seção do rodapé está vazia. Assim, podemos ver que,
mais uma vez, o pai original, que inclui
tudo, temos essas variantes que incluem
cada vez menos detalhes. Então, por que isso foi necessário? Por que eu gostaria de
ter um pai AB onde nenhum dos
elementos estivesse visível? Isso foi necessário por causa
da capa ou
da introdução principal,
onde, é claro, não
gostaríamos de ver a maioria
dos elementos Mas observe que ainda vemos
o texto aqui na parte inferior. No entanto, aqui está definido como branco. E se eu voltar para a opção principal AB,
mesmo
que não tenhamos visto o texto, na verdade
ele estava lá
, apenas definido como branco. Portanto, pode ser um pouco
confuso porque, é claro, fundo
branco e texto branco, mas se eu arrastar até
aqui na área de trabalho,
você pode ver que, na verdade,
é Portanto, é a mesma formatação, os
mesmos elementos,
apenas definidos como branco E, novamente, essa é uma variante
da página principal original. Como criamos páginas principais? A primeira página principal é algo que você
não precisa criar. Cada novo documento é criado por padrão com um pai A. Então você pode ver isso aqui
neste documento vazio. Já temos
uma página principal A
e, em todas as páginas, ela
será aplicada automaticamente. Então, se você ver o pequeno ícone
A nas miniaturas, isso significa que elas estão
conectadas a um A propósito, se você quiser remover
a conexão, você pode arrastar essa
não miniatura para uma página
ou até mesmo selecionar
várias páginas e clicar com o botão direito do
mouse
e escolher aplicar pai às
páginas e simplesmente não escolher nenhuma ou até mesmo selecionar várias páginas e clicar com o botão direito do
mouse
e escolher aplicar pai às
páginas e simplesmente não escolher Dessa forma, você pode
remover rapidamente a conexão com
a página principal. E mesmo que você
não esteja usando a página principal, não
poderá excluí-la. Você deve ter
pelo menos uma página principal para cada um no documento de design.
36. 3.2.b.2 Itens da página principal sobrepostos: Só para ter certeza de que
você entende
como as páginas principais funcionam, caso você nunca tenha trabalhado
com elas antes, vou usar esse
documento vazio para praticar isso. Você pode simplesmente criar um
documento vazio com algumas páginas para
poder acompanhar. Então, vou adicionar um contêiner,
talvez
a ferramenta de moldura de elipse,
clicar, arrastar e desenhar um círculo perfeito mantendo
pressionada a tecla Shift E então eu vou dar essa cor, digamos, descendente Portanto, temos um círculo científico no pai A
no lado esquerdo. E vou alterar a opção, clicar e arrastar e
também manter pressionada a tecla Shift para
mantê-la alinhada, movê-la para o lado direito
e também
manterei esse retalho para que saibamos que esses são os
círculos nessas páginas E então, se eu arrastar um pai
para a primeira página, que é a página número dois, ele pode ser aplicado
somente nesse lado. E se eu
arrastá-lo para o lado direito, agora ele será aplicado na esquerda
e na lateral dessas páginas. Agora, assim como
fizemos antes, se eu selecionar todas as páginas
restantes,
posso aplicar rapidamente a posso aplicar rapidamente mesma página principal
a
todas elas usando aplicar duas páginas principais e, em seguida escolher uma página principal
nas páginas 4 a dez, e imediatamente os
círculos aparecerão. E diretamente
no documento, não
poderei
selecionar essas formas, apenas o quadro de texto principal
que está em cima delas, mas não
conseguirei selecionar a forma em si. Eu teria que voltar ao pai A
para fazer
a alteração e mover uma dessas formas e
observar com que rapidez todas
essas formas serão atualizadas em todas as páginas onde quer que
a página mestra ou a página
principal sejam aplicadas. A propósito, as páginas principais
costumavam ser chamadas de páginas mestras. Então, se eu disser
isso, é porque, por muito tempo, elas costumavam ser
chamadas de Páginas Mestras, então elas decidiram que não
é mais uma boa hora e a mudaram
para páginas principais. Antes de criar
outra página principal, eu queria mostrar que
você pode realmente criar uma substituição local de
um item da página principal Então, vou vir
aqui e
garantir que o quadro de texto nesta
página esteja bloqueado. Portanto, há um quadro
de texto principal eu não
quero interagir. Mas vou
mantê-los no comando ou controle e alternar juntos, e depois clicar nesse objeto. Então, essa é uma forma de substituir
um item da página principal. A propósito, você também
pode fazer isso
selecionando a página no painel
de páginas, clicando com o botão
direito nela e escolhendo substituir todos os itens da página principal , isso é um pouco mais grosseiro No entanto, isso é um pouco mais grosseiro, porque se
houver vários itens, isso afetaria todos eles
e
todos seriam substituídos Mas se você quiser
usar isso com frequência, pode até se lembrar
do atalho para isso Então, se eu fizer isso, mais uma vez, esse círculo agora estará acessível. E, a propósito, observe
que,
se eu desfizer essa etapa, esse círculo também aparecerá do nada aqui no painel de
camadas Portanto, não está apenas
trancado ou escondido. Nem mesmo está acessível. Nem mesmo é visível
no painel de camadas até
ser superado. E a razão para isso é
porque, uma vez que você faz
isso, ela realmente é copiada fisicamente da página principal
para a própria página Então, agora, isso pode
ser facilmente movido. E observe que sempre que
eu movo
isso, ele só se moverá aqui, mas não nas outras páginas e também não na página principal. Então, eu não estou afetando a fonte. Estou apenas fazendo as alterações
aqui nesta página atual. E se
eu mudar de ideia e quiser redefinir isso para
voltar ao que era, a coisa mais fácil
a fazer seria
reaplicar
a página
principal original, o que você pode fazer clicando com o botão
direito do mouse e
escolhendo aplicar pai às páginas ou arrastando a página
correspondente para a miniatura da página Então, isso o
reconectará e, novamente, removerá o círculo que vimos aqui no painel de camadas
enquanto ele foi substituído
37. 3.2.b.3 Várias páginas principais: Agora, é claro, você pode ter várias páginas principais
em um documento, o que já
vimos no exemplo
anterior. Então, como fazemos isso? Você pode simplesmente clicar com o botão direito
aqui na seção principal, que, a propósito, você pode estender ou reduzir
arrastando esta linha E quando eu escolher um novo pai, poderei
escolher um prefixo para ele Por padrão, seria B. E o nome também pode
ser alterado de pai Você pode dar a ele um
nome que o ajudará a lembrar por que
você criou isso. E você também pode
controlar a quantidade de páginas para o spread
ou para o spread principal. E, claro, você também pode
configurar o tamanho e a orientação. Mas também
voltaremos a essa opção aqui, baseada
no pai. Por enquanto,
vou simplesmente não dizer nada, para não
haja nenhuma conexão entre um pai e um pai B. Só para ver a diferença aqui, vou criar
uma moldura retangular Então, vou clicar,
arrastar e manter pressionada
a tecla Shift. Isso vai criar
um quadrado perfeito, e eu vou usar a cor de preenchimento
vermelha nele. E eu também vou arrastar isso
aqui no lado direito com a tecla Alt ou Option Shift. Portanto, agora temos esse pai B, mas atualmente isso não é
usado no documento. No entanto, posso começar a
colocá-lo. E observe, por exemplo, aqui, no lado esquerdo, que temos
o pai B aplicado. No lado direito, temos
o pai A aplicado. Portanto, no design, você pode combinar vários
layouts de página principal em uma única página espelhada E, assim como
antes, podemos
facilmente reinscrever os pais
arrastando e soltando o que
quisermos em cada uma Agora, deixe-me esclarecer
que você pode duplicar
páginas principais sem ter nenhuma conexão
entre elas
simplesmente clicando com o botão direito do mouse e
escolhendo duplicar Dessa forma, ele será automaticamente
chamado de C parent, mas não haverá nenhuma
conexão entre esses dois. Então, eu posso mover essas
formas, talvez movê-las um pouco para baixo e talvez mudar suas cores
assim como as duas. Então, agora temos o pai C. Embora seja um quadrado, ele não tem conexão com
o layout principal B. No entanto, se eu clicar com o botão direito do mouse
e escolher o novo pai e, em seguida,
na caixa de
diálogo antes de alterar qualquer coisa,
direi que quero criar uma
variante do pai B. Depois de escolher isso, agora
posso dizer que talvez isso possa ser
chamado de B, B assim. Portanto, é uma variação ou B A realmente
faria mais sentido. Portanto, essa é a primeira variante do pai B e, em
seguida, clico em OK. Isso incluirá automaticamente
esses dois quadrados vermelhos, mas eles não serão editáveis
porque a fonte deles está no
original Assim, de forma semelhante, você teria uma relação
pai-filho entre uma página do documento
e uma página principal. Você também pode ter a mesma coisa entre duas páginas principais. Dessa forma,
poderíamos criar uma versão alternativa disso adicionando talvez outra forma
adicional aqui. Vamos adicionar outro
quadrado em cima disso, e eu vou dar a ele
outra cor, talvez amarela. E eu também posso fazer isso
no lado direito. Mas o mais importante é que também
queremos que isso seja
aplicado a algumas
dessas páginas Você pode ver BA, essa é a variante do pai B. Mas agora, se eu voltar
ao pai B original, onde temos esses quadrados vermelhos, se eu selecioná-los e
começar a movê-los, observe como eles podem ser
atualizados não apenas aqui, mas também na variante Então, eu posso mover isso para baixo enquanto os quadrados amarelos permanecerão
na posição original Então, você quase pode
pensar nisso como duas páginas principais aplicadas ao
mesmo tempo. Portanto, os quadrados vermelhos
vêm do progenitor B original, enquanto os quadrados amarelos
vêm da variante, que é chamada de B como Não se preocupe Isso pode
parecer muito confuso e, na verdade, você só
precisa entender isso se trabalhar em documentos de formato
longo realmente complexos E no exame, eles não
vão se aprofundar tanto. Eu só queria ter certeza de que
abordamos isso adequadamente para garantir que eles não possam realmente perguntas complicadas sobre isso, e você sempre saberá para que servem cada um desses recursos Mas só para ver uma maneira realmente útil
de usar as páginas principais, eu também queria terminar isso
com um recurso simples. Então, vou
usar a ferramenta de texto
e, no pai A, vou criar um
quadro de texto aqui na parte inferior. Em seguida, vou
ao menu de texto e escolho inserir
marcadores de caracteres especiais, número da página atual Então, isso é o que você normalmente
usaria para ter um marcador de número de página É uma variável que pode ser
atualizada com base em onde está
no documento e
vou apenas me certificar de que está
alinhada à direita, e talvez possamos
aumentá-la um pouco, então vamos aumentar
o tamanho assim Agora, se pularmos para a página três, isso mudará
para três na página cinco, digamos cinco, mas não aparecerá nessas outras páginas porque essas páginas principais e variantes não têm esse item
específico. Mas a boa notícia
é que, mesmo que você tenha criado várias páginas
principais e tenha esquecido de basear todas elas
na página principal original Você ainda pode fazer isso
selecionando as páginas principais. Você pode até mesmo selecionar
mais deles. Mantenha pressionada a tecla Command ou
Control ou Shifke, selecione várias páginas ou páginas
principais nesse caso
e, em seguida, escolha Aplicar
pai às páginas e, em seguida, escolha uma página
principal e clique em OK Mas a boa notícia é que,
caso você tenha esquecido de
ter uma conexão entre a página principal original e todas as páginas principais adicionais, isso é algo
que você pode corrigir posteriormente Então, por exemplo, posso
voltar para B parent clicar com o botão direito do mouse e acessar as opções, e até mesmo alterar o recurso
baseado em a
qualquer momento posteriormente. Assim, posso conectar isso a um
pai e clicar em OK. Observe a rapidez com
que o fólio ou livro didático com o número da
página saltou para a página junto
com o Mas agora, se eu chegar
talvez à página número nove, ela aparecerá lá. Também na página sete,
ele aparecerá, e poderíamos fazer a mesma
coisa com C parent. Podemos clicar com o
botão direito do mouse e também conectá-lo novamente
ao pai A original. E, mais uma vez, ele
transportará tudo o
que tínhamos lá. Talvez uma última coisa que eu queira mencionar é que sempre que você trabalha com páginas principais e realmente as
seleciona para trabalhar com elas, se você diminuir o zoom, não verá as
outras páginas principais. Você precisa alternar entre eles e trabalhar com
eles individualmente. Portanto, eles não serão
dispostos um sobre o
outro , como suas páginas normais. Mas eles também são
cercados por papelão,
assim como as páginas normais de um documento
38. 4.1.a Quadros: As molduras são os
alicerces fundamentais do design da Adobe. Praticamente tudo o
que você
criaria estaria
dentro do quadro, e as duas categorias principais
são quadros de texto e gráficos. Agora, às vezes,
os quadros gráficos são chamados de quadros de imagem, mas, essencialmente, essas são
as duas categorias principais. E você também pode ter quadros
não atribuídos. Então, vou mostrar as ferramentas que
você pode usar para
criar molduras primeiro. Portanto, temos as ferramentas de moldura, que podemos encontrar
aqui na barra de ferramentas A
ferramenta de moldura retangular é a principal, mas você também pode alternar para a ferramenta de estrutura de
elipse e para a ferramenta de moldura
poligonal Mas vamos começar com a ferramenta
de moldura retangular. Vou clicar e
arrastar para desenhar essa moldura e posso manter pressionada
a tecla Shift se quiser torná-la
um quadrado perfeito, e também posso manter
pressionada a barra de espaço se quiser reposicioná-la
enquanto ainda estiver desenhando É claro que podemos alinhá-lo aos quadros
existentes no documento
usando as guias inteligentes e também podemos ver o tamanho
do quadro que estamos criando no
canto inferior direito, onde está o cursor Então, vou
criar um tamanho como esse. Agora, quando selecionamos esse quadro, podemos realmente ver que
ele é um quadro não atribuído, então ele ainda não tem
nenhum conteúdo Portanto, é apenas o recipiente, mas não há conteúdo dentro dele. E podemos ver a posição
aqui na parte superior, os valores X e Y, e também podemos ver o tamanho, a largura e a altura agora, caso você não veja
essas opções na parte superior, apenas certifique-se de ativar
a área de controle. Então, se eu tirar isso, isso desaparece, mas
eu posso trazê-lo de volta Mas é claro que também temos
o painel de propriedades, onde você poderá encontrar essas opções
na área de transformação. E o que eu queria
mostrar aqui é que você pode, claro, alterar o tamanho a
partir dos valores aqui. Portanto, se você quiser ter
talvez 100 por 50 pontos, poderá alterar facilmente
o tamanho da moldura. Mas você também pode arrastar
qualquer um dos cantos
da moldura para aumentar
ou diminuir o tamanho. Se você pressionar a tecla shift enquanto arrasta um ponto angular, poderá restringir
as proporções E se você usar a ferramenta de
moldura e
simplesmente clicar em
algum lugar da página, poderá definir o tamanho da moldura
que deseja criar. Então, se eu digitar
talvez 100 por 50 novamente, você pode ver que ele foi criado exatamente no tamanho certo para nós. Pode usar a ferramenta de seleção, a principal ferramenta de seleção
para mover os quadros. E a melhor maneira de ver esses
quadros vazios não atribuídos, é claro, é estar na visualização normal, pois assim você poderá ver uma
cruz sobre eles. No entanto, se eu pressionar W e
estivermos no modo de visualização, se eu desmarcar esse quadro, nem o
verei lá
porque não há
nada atribuído a ele Portanto, é completamente transparente. Então, como podemos adicionar conteúdo a
um quadro? É muito simples. Se usarmos a ferramenta de texto, por exemplo, podemos
simplesmente clicar na moldura. A propósito, selecionei a ferramenta de texto pressionando
T no teclado, mas ela está aqui na barra de ferramentas Então, clicar nesse quadro
específico transformará
em um quadro de texto. E agora eu posso ir
ao menu de texto,
por exemplo, e escolher
preencher com texto de espaço reservado E podemos ver que isso
se transformou em uma estrutura tributária. Agora, uma das principais diferenças entre um quadro não atribuído e um quadro fiscal seria que ele teria
automaticamente um fluxo tributário, que é indicado
por esse pequeno quadrado aqui no canto inferior direito E se eu diminuir esse quadro
tributário, podemos ver o
sinal vermelho de mais mostrando transbordamento Embora esse quadro obviamente
não tenha esse recurso. Se eu carregar o texto sobrecarregado no cursor clicando
no sinal vermelho de adição, também
posso transformar esse quadro não atribuído em
um quadro de texto simplesmente
clicando nele Então, isso vai carregar esse texto
adicional aqui. E agora temos um fluxo de texto
entre esses dois quadros. Para revelar o encadeamento de texto
entre esses dois quadros, podemos ir ao
menu Exibir e, em seguida, escolher extras e mostrar tópicos de texto. Existe até um
atalho de teclado para e,
uma vez que tenhamos isso, mais
uma vez, precisamos estar na visualização
normal para que isso apareça Poderemos ver isso, mas somente se a moldura
esquerda ou direita for selecionada. Então esse é o encadeamento de texto, e os dois quadrados
conectados por esse encadeamento seriam
chamados de porta de saída Essa é a do lado
direito desta moldura, e a entrada que está
aqui na segunda moldura Por isso, é chamado de porta de saída porque é onde o texto sai do quadro e de entrada porque é aí que o
texto está entrando nele É importante estar
familiarizado com esses termos, mesmo que você saiba como eles funcionam. Você deve saber os
nomes deles porque eu os vi sendo perguntados apenas
mostrando um gráfico como este, e eles perguntariam como se chama
essa coisa em particular. Agora, falaremos e
discutiremos como trabalhar com quadros de
texto com muito mais
detalhes posteriormente neste tópico, mas eu só quero
excluir isso e criar outro quadro vazio
porque quero mostrar como transformá-lo
em um quadro gráfico. Então, para colocar o conteúdo em um quadro não atribuído e transformá-lo em
um quadro gráfico, você gostaria de
selecioná-lo e, em seguida, pressionar
Command ou Control D. E eu vou
escolher Abrir quando
encontrar uma imagem, e isso agora está
transformado em um quadro gráfico Imediatamente nos quadros gráficos, podemos ver que há um pequeno ícone de
corrente aqui na parte superior, o que
significa que é
um ativo vinculado. E sempre que você trabalhar
com uma moldura de imagem, você também verá esse ícone de
captura de conteúdo aqui no meio Mais uma vez,
falaremos um
pouco mais sobre isso, sobre
como usá-lo. Mas, por enquanto, eu só
queria ter certeza de que você pode diferenciar os
três tipos de molduras Então, mais uma vez, a
moldura não atribuída parece vazia desta forma, moldura de texto que tem algum texto dentro dela e uma moldura gráfica que terá uma ilustração
vetorial
ou uma foto colocada dentro dela É importante mencionar
que você também pode definir molduras com
as ferramentas de forma. Elas parecem quase idênticas
às ferramentas de moldura, com
a principal diferença que elas seriam criadas com alguns atributos visuais
atribuídos a elas, seja um traçado ou preenchimento. Então, por exemplo, se eu
selecionar a ferramenta retângulo, a configuração padrão seria
sem preenchimento e traçado preto Então, se eu desenhar
algo com isso, veja, também será uma moldura, mas já terá
esse traçado ao redor,
que neste caso
é um tipo especial atributo
de traçado,
a espessura fina, mas podemos mudar
isso de volta para sólido. E, claro,
podemos alterar o tamanho disso no painel de
propriedades. E mesmo que pareça um
pouco diferente de um quadro completamente vazio como esse aqui
no lado direito, ele ainda seria considerado um quadro não atribuído
porque, mais uma vez, ele não tem nenhum conteúdo Então, mesmo que eu mude
a cor de preenchimento, vamos mudar
isso para pecado e eu
acessar o menu de objetos
no conteúdo, posso ver que esse é um quadro
não atribuído Então, simplesmente ter um preenchimento e uma
cor de traçado atribuídos a uma moldura a transformaria em uma moldura gráfica.
Isso também é importante. Não acho que eles
farão perguntas complicadas como essa, mas é importante estar
familiarizado com os termos
e com a distinção entre
os diferentes tipos de molduras Então, o que acontece
se eu quiser transformar isso em um
quadro gráfico ou quadro de texto? Bem, eu também posso clicar com
o botão direito do mouse e
escolher o conteúdo e dizer: Isso realmente
precisa ser um quadro de texto. E uma vez que eu faço isso, imediatamente, você pode ver a entrada e
a porta de saída aparecendo E se eu usar a ferramenta de digitação, posso simplesmente clicar dentro
dela e começar a digitar Agora, mesmo que eu transforme
isso em um quadro de texto, ainda
posso mudar de ideia e clicar com o botão direito do mouse e
escolher o conteúdo. Gráfico. Então, agora ele
terá esse cruzamento, o que significa que está pronto para
aceitar a imagem que
podemos colocar dentro dele. E, claro, se você
tiver um quadro que já tenha conteúdo como
esse quadro de texto aqui, essas opções não
estarão disponíveis. Então, eu posso entrar no conteúdo e você verá que essas
opções são notas. O mesmo
aconteceria com molduras de imagem. Mais uma vez, se eu for aqui, não
conseguirei convertê-lo. Portanto, desde que você não tenha
conteúdo dentro de um quadro, você pode alterar facilmente o tipo de conteúdo
que deseja usar. E por último, mas não menos importante, você também deve conhecer
a opção converter forma, que permite converter uma moldura existente
em outro tipo específico de forma. Então, por exemplo, aqui, eu
tenho uma moldura retangular. Talvez possamos usar aquele que tem preenchimento e
traçado ao redor. E se eu quiser mudar isso, posso ir ao menu de objetos
e descer até Converter forma. E você pode ver
algumas opções aqui. Talvez vamos transformar
isso em uma elipse. E o bom
desse recurso é que ele manterá
exatamente a mesma
largura e altura originais da moldura e também, é claro,
a aparência dela. E, a propósito, esse recurso também
pode ser acessado na parte inferior do
painel de propriedades em ações rápidas. Então, se você clicar aqui,
talvez você possa escolher um retângulo arredondado A propósito, o
raio do canto quando você usa cantos
arredondados pode ser ajustado com esse
pequeno quadrado amarelo Então, se você
clicar nele,
poderá editar os cantos. Se você mantiver pressionada a tecla Shift, poderá até mesmo
ajustá-las individualmente. E se você mantiver pressionada a tecla alter option
e clicar nelas, poderá alterar o estilo do canto. Há algumas opções
diferentes até você voltar a
não ter cantos aplicados. O que você também pode fazer, é claro, se quiser ser mais
específico com o tamanho do raio do canto é
entrar aqui no painel de
propriedades
e, em Aparência,
encontrar canto e
digitar talvez 15 pontos, e também podemos escolher
qual estilo preferimos Então, talvez
eu possa escolher Bevel. Se você quiser ser
ainda mais específico, clique no canto
da palavra, que abrirá as opções
do canto. E aqui você pode até mesmo especificar
cada canto forma independente ou individual,
retirando a corrente. Agora eu posso mudar talvez
o canto superior esquerdo para ser elegante, o canto inferior direito para ser arredondado, e assim por diante e assim por diante E, claro, se você tiver todo
o quadro selecionado e quiser
revertê-lo rapidamente
para que não tenha efeitos de canto, basta
defini-lo de volta para nenhum, e isso
o reverterá ao estado original
39. 4.1.b Quadros gráficos: Quando se trata de trabalhar
com molduras gráficas, a
coisa mais importante a aprender é que você pode
fazer alterações no próprio contêiner sem afetar o conteúdo
e vice-versa. Então, é quase como trabalhar com duas entidades
que estão vinculadas. Portanto, o contêiner é
a própria moldura, que posso usar para alterar o que vejo no
conteúdo ou na imagem. Então, de certa forma, ajustando os cantos ou bordas
do contêiner, estamos recortando a imagem Então, estamos revelando partes
dela ou escondendo partes dela. Você também pode considerar
essa máscara, então é uma coisa muito direta e
simples com a qual você só precisa se acostumar ainda não tenha usado tudo que
está sendo projetado Agora, se você quiser
dimensionar algo ou transformar um quadro
ou quadro gráfico, mantenha
pressionada a tecla de comando ou Controle e comece a arrastar dessa forma, mas isso também acabaria esticando ou
distorcendo Portanto, você também deve manter pressionada a tecla Shift na maioria das vezes para restringir as proporções Portanto, isso está alterando o contêiner e o
conteúdo ao mesmo tempo. Estamos aumentando ou
diminuindo seu tamanho. Porém, se eu não
pressionar nenhum
dos atalhos de teclado
que mencionei, eu estaria apenas ajustando o contêiner sem
afetar o conteúdo Então é quando
parece que está cortando ou mascarando. Lembre-se de que mencionei a ferramenta de captura de
conteúdo, esse círculo no centro
de uma moldura gráfica Se você clicar e arrastar isso, poderá
acessar rapidamente apenas o conteúdo. E dessa forma, o contêiner ou a moldura permanecerão no lugar. Então não está se movendo.
Estamos apenas ajustando a posição do
conteúdo dentro da moldura Agora, se você clicar uma vez em vez de clicar e
arrastar, dessa forma, você mudará para selecionar
o conteúdo e poderá até mesmo redimensionar o conteúdo sem
redimensionar o Então, se eu segurar
a tecla Shift agora, posso redimensionar a imagem
dentro da moldura Também posso reposicioná-lo um pouco. E talvez o redimensione um
pouco mais, e agora ele se encaixa melhor
na própria moldura. No entanto, você raramente
precisará usar
essa técnica devido às opções de encaixe da
estrutura, que abordaremos em breve Mas primeiro, eu só queria
mencionar que, se você tiver o conteúdo selecionado e quiser
mudar rapidamente para o contêiner, basta clicar duas vezes
e, em seguida, você terá
todo o quadro gráfico
selecionado novamente. Assim, você pode clicar uma vez
na ferramenta de captura de conteúdo e depois clicar duas vezes
para voltar Ou se você clicar duas vezes
em qualquer lugar da imagem, essa também é uma forma de selecionar
o conteúdo rapidamente. Agora, se você tiver o conteúdo selecionado e pressionar
backspace ou delete, poderá
manter o contêiner
ou a moldura e
simplesmente remover o conteúdo E caso você tenha
uma imagem dentro uma moldura gráfica e
queira apenas substituí-la, você pode usar o mesmo atalho
enquanto ela está sendo selecionada Comande ou controle D para colocar ou vá para o menu Arquivo
e escolha o local. E se eu escolher uma imagem
diferente, você verá que ela
substituirá a existente. Então, vamos falar sobre as opções de encaixe da
estrutura. Você pode encontrá-los
na área de controle aqui
na parte superior e também no painel de
propriedades à direita. Ou você também pode clicar com o botão direito do mouse e escolher o ajuste para ver
a lista de opções Portanto, o mais comum
deles seria o quadro de campo
proporcional, que garantirá que a
imagem não seja esticada, mas preencherá
o quadro e focará também no centro
da Agora, essa é uma opção que
pode ser facilmente substituída simplesmente alterando o corte
ou alterando o tamanho
do recipiente Então, agora posso acabar tendo
uma moldura maior do que a imagem original ou maior que a largura da imagem
original
e, novamente, ter algumas
partes vazias dentro da moldura. Se eu quiser reaplicar isso, posso novamente usar o
mesmo botão direito do mouse ajustando a moldura de sensação
proporcionalmente ou o atalho, ou também podemos
clicar neste ícone aqui, moldura proporcionalmente No entanto, se você continuar alterando o tamanho da moldura e
quiser garantir o conteúdo sempre
siga
a opção ou preferência que
o conteúdo sempre
siga
a opção ou preferência escolhida para o ajuste da
moldura, use
o recurso de ajuste automático Então, depois de escolher este, você começa a
alterar o tamanho do quadro. Observe como ele
acompanha as mudanças de forma inteligente e até recebemos um
feedback ao vivo do que está acontecendo Então, esse é um recurso
muito, muito útil, e eu costumo usá-lo na maioria
dos meus projetos de design. Agora, se você quiser
ter certeza de que todo
o conteúdo está visível e nada
está sendo cortado, use essa segunda opção chamada ajustar o conteúdo
proporcionalmente Portanto, o conteúdo
agora estará totalmente visível. E também manterá
as proporções originais. Mas agora, é claro, devido à proporção desse quadro, teremos muito espaço
vazio à direita
e à esquerda. Agora, se você clicar nas opções de
ajuste
do quadro aqui no
painel de propriedades, ou clicar com o botão direito do mouse, escolher o ajuste e, em seguida,
escolher as opções de ajuste do quadro, você também pode especificar você também pode especificar
onde deseja que o
conteúdo seja alinhado Em vez de ficar no centro, você também pode configurá-lo para
a esquerda ou para a direita. A propósito, aqui,
você também pode alterar a preferência de ajuste e se deseja que o
ajuste automático seja ativado ou não Como ainda tenho a opção de
ajuste automático ativada, ela poderá novamente aplicar as alterações ao vivo enquanto
eu altero o tamanho da moldura e manter todas as
preferências que escolhi, para usar o conteúdo de ajuste proporcionalmente e alinhado ao lado direito
da próximas duas opções
dos recursos de
ajuste de quadro são menos úteis, como ajustar conteúdo ao quadro
e ajustar quadro ao conteúdo Eles são semelhantes
aos dois anteriores, mas sem manter
as proporções. Portanto, nesse caso, se eu escolher
ajustar conteúdo ao quadro, ele se estenderá
e, se eu usar ajustar
quadro ao conteúdo, ele simplesmente
retornará o quadro ao estado atual
do conteúdo Na verdade, é algo
que você também pode acessar e fazer rapidamente
clicando duas vezes em um canto da
moldura para
encaixar o contêiner no conteúdo É uma maneira rápida e
fácil de remover qualquer peça vazia dentro de
uma moldura gráfica. E por último, mas não menos importante, também
temos a opção de conteúdo
central. Portanto, caso você altere
o alinhamento e queira
recentralizar rapidamente a imagem, você pode usar este ícone aqui,
centralizando o conteúdo
dentro do quadro Por último, mas não menos importante, também temos um recurso chamado
Content Aware Fit, que tentará adivinhar qual é a melhor parte da imagem que pode caber no quadro atual. Então, se eu clicar nisso, ele nos
dará essa opção. Mas é claro que nem sempre oferece os melhores resultados. Por exemplo, neste caso, parece
muito estranho cortar aqui. Nem conseguimos ver a pessoa. Eu definitivamente
gostaria de mostrar um
pouco mais dela em alguns casos, isso lhe daria resultados
bastante bons. Então, mais uma vez, se eu recortar algo assim e
escolher um conteúdo adequado, ele redimensionará o
conteúdo para o quadro atual e nos dará um corte e uma composição razoavelmente bons Também gostaria de mencionar
que, se você estiver usando a ferramenta de seleção direta em vez da ferramenta de
seleção principal, poderá ajustar os cantos dos seus quadros gráficos
individualmente. Então, por exemplo, aqui, eu tenho
apenas esse canto selecionado e posso começar a arrastá-lo para baixo e criar uma moldura mais exclusiva, uma forma
mais abstrata
como essa ou um trapézio E se eu quisesse personalizar
ainda mais isso, eu poderia até usar a ferramenta Caneta para adicionar novos pontos de ancoragem Ao redor das bordas dessa forma, para que eu possa clicar talvez aqui. E, mais uma vez, usando
a ferramenta de seleção direta, posso mover isso para
qualquer lugar que eu quiser. Ou, se mais uma vez eu
usar a ferramenta Caneta, posso manter pressionada a tecla de
opção mais antiga e arrastar as alças de um canto para transformá-la em um ponto suave. Então, isso é algo semelhante a como você trabalharia com potes no
Photoshop e no Illustrator Portanto, se você estiver
familiarizado com isso, isso deve ser bastante
simples e Mas, como você pode
ver, podemos criar molduras personalizadas
muito exclusivas
usando essas técnicas.
40. 4.2. a Quadros de texto: Já vimos um exemplo
de edição de texto dentro do quadro de texto usando
o texto de espaço reservado de
Lum Ibsen,
que, mais uma vez,
você pode encontrar no menu de texto preenchido
com texto de preenchido
com texto Então é isso que podemos
ver neste quadro de texto. A propósito, como há um aviso de texto exagerado aqui, eu só queria mostrar que, se você clicar
duas vezes no ponto
central inferior do quadro, essa é uma maneira rápida e
fácil de
revelar rapidamente todo o texto com excesso de Então, mais uma vez, se
eu arrastá-lo até aqui, posso simplesmente clicar duas vezes
lá e ele estenderá o quadro de texto para baixo até que
possamos ver todo o texto dentro dele. A propósito, se você
tiver texto com excesso de texto, também
há uma maneira
de visualizar o que está faltando pressionando
Commando Control Y,
que abre o editor de histórias, que abre o editor de histórias, e essa janela separada
mostrará o Pode destacá-lo aqui. Podemos lê-lo e
fazer alterações na cópia
sem sermos restringidos pelo tamanho
do quadro atualmente
disponível. Falaremos mais sobre
o editor de histórias posteriormente. Vou pressionar
Commando Control Y novamente para voltar ao modo de edição
normal Agora, um dos outros atalhos importantes
e úteis com os quais
você deve estar familiarizado é simplesmente clicar duas vezes
em um quadro de texto Nós forneceremos automaticamente uma
maneira de acessar o conteúdo, que neste caso, é o texto. Então, mudamos para o modo de edição de
texto. E se você quiser
sair do quadro de texto, basta
pressionar Escape. Então essa é a maneira de
sair do modo de edição de texto. Ao ajustar o
ponto angular de um quadro de texto, você
redimensiona o quadro em si, mas o conteúdo
não será redimensionado,
portanto, você não
afetará o tamanho do No entanto, graças
ao fluxo de texto, o texto será
reorganizado automaticamente e isso
acontecerá ao vivo Assim, podemos ver como o Design está reestruturando esses parágrafos
dentro do nosso quadro de texto Outra diferença principal entre um quadro gráfico e
um quadro de texto é que ao alterar o ponto angular ou ajustar o
ponto angular de um quadro gráfico, você está recortando
o conteúdo De certa forma, você pode dizer que também
estamos recortando o texto da mesma forma que
recortamos uma imagem quando
trabalhamos com uma moldura gráfica,
mas ainda é um pouco
diferente porque aqui,
graças ao fluxo do texto, graças ao fluxo do texto, ela muda constantemente e se adapta ao tamanho do quadro de
texto disponível Além de usar
texto de espaço reservado, é claro, você também pode trazer
texto de arquivos externos E para isso, você pode
usar novamente o comando place. Então vá até o menu Arquivo
e escolha o local e selecionando um
documento do Word ou um arquivo de texto, você pode importar esse texto diretamente para o quadro
selecionado. Só para mostrar, eu tenho esse
quadro selecionado atualmente
e, mesmo que tenha
algum texto dentro dele, ainda
posso usar o local do arquivo. E eu vou usar esse
arquivo chamado texto de amostra. É um documento de texto simples, que é a extensão do arquivo TXT Então, quando eu escolher Abrir, ele carregará esse
texto aqui e eu posso estender o quadro de texto apenas para
revelar todo o texto interno. E também vale a pena
mencionar que, se
você tiver algum texto
dentro do quadro de texto, sempre que estiver
usando esse recurso, ele o substituirá da mesma
forma que com molduras gráficas Portanto, a cópia original do espaço
reservado agora foi removida ou excluída Mas se você tem um olhar atento, deve ter notado que não
apenas o texto foi substituído, mas também a fonte ou o tipo de
letra usado Então, se eu voltar
algumas etapas, você verá que originalmente
tínhamos uma fonte Serif aqui, mas
uma vez que
trouxemos esse texto, ela agora mudou para uma fonte
Sunserif chamada acuidade, e isso porque quando
você insere o texto,
você também traz a formatação do texto você também traz Agora, caso você queira manter
a formatação
do texto da forma original no design
e apenas substituir
o texto em si
, o que eu recomendaria
fazer é copiar o texto Então, abra-o em um editor de texto e escolha
Comando ou Controle C. Depois volte aqui e selecione todo o
texto dentro do quadro. Esse é o Commando Control A
e, em seguida, use o recurso de edição Colar
sem formatação. Então, esse é o Commando
Control Shift V em vez de apenas usar o
Commando Control V, que seria a opção
normal de colar Portanto, colar sem formatação
trará ou
importará o texto
desse arquivo de texto ou
da área de trabalho,
mas
manterá a formatação original que
tínhamos neste importará o texto
desse arquivo de texto ou
da área de trabalho, mas
manterá a formatação original que
tínhamos Caso esteja
importando textos de
formatos de arquivo de documentos
mais avançados, como o Microsoft Word
, você terá ainda
mais maneiras de controlar como os estilos de palavras serão convertidos
em seus novos estilos de design Mas, felizmente, isso é
algo que você não precisa se preocupar em aprender
para o exame Além de ter texto
dentro do quadro de texto, você também pode
tê-lo ao longo de um caminho, e ele pode estar ao redor de uma forma
existente, como uma elipse, ou também pode estar
ao longo de um caminho aberto, algo que podemos
criar com a ferramenta caneta, criando um
caminho como Portanto, a melhor maneira de adicionar texto ao longo de um caminho seria usar
a ferramenta de texto em um caminho. Você precisa
clicar com o botão direito do mouse na ferramenta de texto e alternar para essa ferramenta aqui. Então eu posso clicar
no perímetro ou na
borda dessa forma, e então eu posso começar a digitar, ou eu posso até mesmo colocar o texto
que está na E nesse caso, teríamos um ponto inicial e um
ponto final do texto Então esse é o ponto
inicial que eu
posso mover com
a ferramenta de seleção, e esse é o ponto final Mais uma vez, podemos nos
movimentar facilmente. E, claro,
há texto exagerado aqui, que podemos ver por causa
do sinal vermelho de mais E da mesma forma, também
podemos adicionar o texto aqui nesse
caminho aberto usando, mais
uma vez, o tipo
em uma ferramenta de caminho. Agora podemos começar a
digitar ou inserir o texto que tínhamos
originalmente na área de trabalho. E, claro, podemos
remover o traço. Então, se definirmos isso
para 0 milímetros, agora
podemos ler melhor o texto, mas ainda podemos ver que ele está seguindo o caminho
que criamos E usando a ferramenta de seleção
direta, posso selecionar facilmente
qualquer um desses pontos, movê-los e ver
as mudanças acontecendo
ao vivo no texto
definido ao longo do caminho. E o mesmo se aplica, é claro, à forma aqui também. Assim, podemos ajustá-los facilmente e ver as atualizações
acontecendo ao vivo no texto. Por último, não menos
importante, também é importante
mencionar o recurso de
opções de quadro de texto, que você pode ver quando seleciona um quadro de texto. Você pode pressionar
Comando ou Controle B ou acessar o menu do objeto e
escolher as opções do quadro de texto. E essa é uma caixa de diálogo extremamente
útil com muitos recursos importantes, como
colunas dentro do quadro de texto. Você pode encontrar aqui também espaçamento
inserido,
justificativa vertical
e muitas outras
coisas, como regras de coluna, opções de
linha de base, tamanho automático e notas de rodapé Não vou passar por
eles porque, no exame, eles provavelmente não
pedirão que você os use. Mas nas
próximas aulas, talvez
voltemos a falar sobre isso, e é importante
saber onde você pode
encontrar esse recurso.
41. 4.2.b Formatação dos caracteres: formatação de texto é
provavelmente uma
das principais áreas em que o
design realmente brilha Portanto, você pode esperar
muitas opções,
tanto para formatação de caracteres quanto para formatação
de parágrafos E primeiro, veremos as opções de formatação de
caracteres. Agora, poderíamos passar horas
falando sobre eles, mas vou me
concentrar nas coisas
sobre as quais
eles podem fazer perguntas no exame. Portanto, primeiro de tudo, você também
precisa selecionar o texto no
qual deseja fazer alterações. E nesse caso,
vou
selecionar apenas a primeira frase. Então, com isso selecionado, poderei
mudar coisas como o tipo de letra e o
estilo desse tipo de letra Então, vou escolher
Caslon neste caso, mas talvez alterá-la para myriad, que é uma fonte sensorial, e podemos ver imediatamente
a Então, podemos mudar o peso ou estilo disso, talvez
para preto e itálico, e isso definitivamente parece muito diferente
do resto do texto Agora, isso já é uma coisa importante que vale a pena mencionar: a formatação de
caracteres pode ser aplicada até mesmo a
um caractere individual ou a qualquer seleção de texto, enquanto a
formatação de parágrafos será
restrita a um parágrafo restrita a Portanto, a menor seleção
que pode ser controlada com a formatação de parágrafos
seria um parágrafo inteiro Agora, além da fonte
e do estilo da fonte, também
vemos o tamanho do texto, que podemos controlar
na área de caracteres
no painel de propriedades. Em seguida, também podemos
controlar a entrelinha, que é a distância
entre as linhas do texto. Então, isso é algo que
podemos encontrar aqui e pode ser
revertido para automático, que adicionará uma
certa porcentagem ao tamanho
da fonte para garantir espaço
suficiente entre as
linhas para uma boa legibilidade Em seguida, temos a
opção chamada Kerning, que normalmente usaríamos entre pares de
caracteres individuais Portanto, se houver um conjunto de texto em
maiúsculas, por exemplo, isso pode ser útil e talvez eu possa mostrar
isso em uma área separada Então, se eu digitar talvez
mundo e, em seguida, selecionar esse texto e alterá-lo para todas as maiúsculas com essa
opção aqui na parte superior, então isso
fará com que fique tudo em maiúsculas E se aproximarmos um
pouco mais, você verá que o
R e o L parecem muito mais próximos um
do outro do que o resto dos personagens. Então, especialmente entre o O
e os outros dois personagens, parece que há
muito mais espaço. Assim, podemos posicionar nosso
cursor ao lado da letra R
e, em seguida, usar a tecla de
opção Alter e a seta para a
direita para
aumentar o espaçamento. Ou podemos manter isso mais perto e talvez este um
pouco mais perto também e, em seguida, reduzir o
espaço entre o O e
o R usando novamente a tecla de seta
esquerda desta vez. Portanto, a lata é ajustada e podemos ver agora
a quantidade de queima Então, quando eu posiciono meu cursor
entre essas letras, vejo como a cura está mudando Então aqui está -20, enquanto
aqui é mais 20. Isso significa que eu
aumentei a quantidade de conserva aqui e aqui reduzi
a quantidade de kerning Então, sim, podemos ver os valores
personalizados em todos os lugares. E se eu selecionar a palavra
inteira e voltar aqui e
colocá-la de volta em zero, assim
que parecia
antes do kerning E, a propósito, se eu apenas
mantiver o kerning personalizado dessa palavra e
copiá-la abaixo dela, agora
posso redefini-la para o valor padrão,
e então você pode julgar melhor
as duas uma sob a Portanto, o original na parte superior e a
versão ajustada manualmente abaixo. Aprender é, na verdade,
algo que
usaríamos principalmente quando trabalhamos com textos maiores, como
cabeçalhos ou títulos Definitivamente, não é algo com
que precisaríamos nos
preocupar quando trabalhamos com
body copy, por exemplo. Agora, a próxima opção
é chamada de rastreamento, que é muito
semelhante ao kerning Mas isso é algo
que você pode aplicar a uma
seleção inteira de texto para aumentar ou diminuir o espaçamento entre caracteres
ou entre letras Então, se eu aumentar assim, você pode ver como isso adiciona mais espaço entre
os caracteres, e eu também posso ir na direção negativa usando esse
menu suspenso
ou usando a seta
esquerda da opção Alter no teclado Portanto, é o mesmo atalho, mas chamaríamos isso de
rastreamento se estivesse em uma seleção maior de textos e não em pares de
caracteres individuais Obviamente, da mesma forma que
redefinimos os valores de kerning, também
podemos redefinir o rastreamento
voltando para zero Além das opções
que vimos aqui, podemos clicar
nesse ícone para revelar mais opções de formatação de
caracteres, incluindo opções de escala. Portanto, temos escala vertical
e escala horizontal. Isso ampliaria o texto. Então, isso é algo que
eu raramente usaria. Não é algo
que melhoraria a legibilidade ou
legibilidade do texto Portanto, é bom saber
onde você pode encontrá-los, mas eu desaconselho
isso na maioria das vezes. Então, se eu selecionar uma
dessas palavras
clicando duas vezes nela, posso mostrar a próxima opção, chamada de mudança de linha de base Estou apenas pressionando a tecla
Shift para aumentar isso mais rápido, em vez de
aumentá-lo em pontos individuais. Então, na verdade, isso é
algo que pode mover o texto selecionado e
retirá-lo de sua linha de base original Então, se eu tiver minhas réguas, posso simplesmente colocar
a linha de base aqui Então essa era a linha de base
original, e agora essa palavra aqui é elevada ou levantada de sua
linha de base em cinco Também posso ir abaixo
da linha de base original, para que eu possa
definir isso como um valor negativo E mais uma vez,
posso simplesmente colocá-lo de volta zero se eu quiser revertê-lo. Outro recurso que você pode usar para distorcer seu texto
é chamado de distorção Novamente, é algo que
eu desaconselho e em vez disso, use texto em itálico
sempre que possível E somente nos casos em
que você está trabalhando com uma fonte ou tipo de letra que
não tenha itálico, talvez isso possa
ser o último recurso Novamente, a inclinação é semelhante a distorcer o texto
vertical Na maioria das vezes, eu
evitaria esse recurso. Mas não menos importante,
também temos
a opção de alterar o
idioma do texto. E isso é especialmente útil quando se trata
de hifenização Portanto, no design,
usaremos as regras gramaticais para hifenização, dependendo do
idioma que você está Mas também há muitos
outros motivos pelos quais
você gostaria de sempre escolher o idioma certo para o texto com o qual
está trabalhando. Eu só queria mostrar
também como
mudar a cor
do texto selecionado. Portanto, isso pode ser feito
no painel de propriedades
clicando na opção de preenchimento
e, em seguida, podemos simplesmente alterar
a cor facilmente. Agora, caso esteja usando
esses menus suspensos da área de
controle aqui em cima, basta garantir que a opção de texto esteja selecionada,
para que
a formatação
afete o texto
e, em seguida, você possa escolher
a cor desejada opção de texto esteja selecionada,
para que
a formatação
afete o texto
e, em seguida, você possa escolher
a cor Caso você tenha uma moldura
inteira selecionada, é ainda mais
importante verificar o que você afetará
com a cor selecionada. Portanto, neste caso, você pode ver atualmente temos o
contêiner selecionado
e, se eu escolher uma cor, isso afetará a
cor do contêiner. Por isso, adiciona um pano de fundo
ou uma cor de fundo. Porém, se eu desfizer essa última
etapa ou remover essa cor, posso alternar para afetar o
texto com minha formatação E então, se eu escolher talvez Sian agora todos os textos serão
coloridos com essa amostra E por último, mas não menos
importante, também é muito importante
saber como salvar um estilo de caractere,
pois é assim que você pode reutilizar determinada formatação em todo o documento ou
até mesmo em vários Portanto, se você selecionar um texto que configurou da maneira que
deseja reutilizar, poderá acessar o
menu suspenso aqui na parte superior
da área de controle e escolher um novo estilo de caractere Ou, se você não usa
a área de controle, pode alternar para estilos de
caracteres aqui
no painel de propriedades e simplesmente clicar
no sinal de adição para criar
um novo estilo de caractere. Então você pode dar um nome a isso. Vou
chamar isso de teste por enquanto. Mas depois que isso for salvo, você poderá encontrá-lo no painel
de estilos de caracteres. E pode ser aplicado a
qualquer seleção de texto. Então, se eu selecionar
essa frase, por exemplo, posso clicar
nela para reaplicar esse estilo E caso eu selecione
todos os textos aqui pressionando
Commando Control A, também
posso redefinir a formatação
clicando em nenhum Mas isso, por padrão, pode não remover a cor
do texto que atribuímos. Então, também podemos
redefinir isso aqui, colocá-lo novamente em preto. Normalmente, o que eu também
recomendaria fazer é acessar estilos de parágrafo e clicar em
limpar as substituições na
seleção para garantir que qualquer configuração personalizada
seja removida e que o texto
volte aos valores padrão E agora, só para testar nosso estilo de
caractere mais uma vez, posso clicar
duas vezes em uma palavra
individual e depois escolher
o estilo que salvamos. Se você quiser ver
as configurações que foram armazenadas nesse estilo de
caractere, clique com o botão
direito do mouse e escolha Editar, e aqui está uma lista
das configurações que
armazenamos nesse estilo. E, claro, o estilo
em si pode ser atualizado facilmente. Então, se eu quiser que o
texto pareça maior, posso aumentar o
tamanho e, mais uma vez, posso selecionar outra palavra
e aplicar o mesmo estilo, e agora
será exatamente o mesmo. Uma das maiores vantagens
de trabalhar com estilos em geral em design é que
você pode se manter consistente. Então, se eu editar esse
estilo mais uma vez, talvez volte e mude o estilo de preto
itálico para claro, ele
atualizará imediatamente
essas duas palavras de acordo com as
alterações que fiz
42. 4.2.c Formatação do parágrafo: Sempre que você selecionar
o quadro de texto ou destacar algum texto, poderá encontrar opções e
controles de formatação de
parágrafos no painel Propriedades logo abaixo da seção de
caracteres E, da mesma forma que na seção de
personagens, você também pode revelar opções
adicionais se clicar no pequeno ícone de
ponto. Portanto, esse é o painel de parágrafos incorporado ao painel
Propriedades. Mas se você quiser
ver especificamente todas essas opções
em um painel separado, basta ir ao menu Janela, escolher
o tipo e as tabelas
e, em seguida, escolher o parágrafo. Como você pode ver, temos
as mesmas opções aqui. E vou
manter isso aberto para que
possamos acompanhar todas
as coisas que
temos que cobrir. E primeiro e mais importante, existem as opções de alinhamento, são muito
diretas e fáceis Temos alinhamento à esquerda, alinhamento
à direita e alinhamento
central Então temos as mesmas opções, mas justificamos as linhas. Assim, podemos justificar o
texto com a última linha, alinhada à esquerda, ao centro ou à direita,
ou ter todas as linhas Além disso, também temos duas opções para
alterar o alinhamento com base na
posição dos quadros de texto em comparação com a lombada, que
possamos
alinhá-los em direção
à coluna ou
longe dela à coluna ou
longe Mas é claro que esses recursos só
estarão disponíveis se você tiver páginas opostas
habilitadas em um documento. Em seguida, temos a seção de
indentação. Para isso, novamente,
vou colocar meu cursor dentro do
primeiro parágrafo, então esse é o que
será afetado. E é importante mencionar
que você não precisa ter um parágrafo inteiro selecionado
para que esses recursos funcionem, basta
colocar o cursor em algum lugar do parágrafo. Então, primeiro de tudo, podemos fazer recuo em
todo o parágrafo Então, isso é chamado de recuo esquerdo. Além disso, também podemos recuar apenas na primeira linha, e essas duas podem
até ser combinadas Assim, você pode ter
um recuo em todo
o parágrafo e um recuo adicional
na Também temos as
mesmas opções para o lado direito do texto. Portanto, escreva o recuo e também a
última linha escreva o recuo. Definitivamente,
são menos comuns, mas é ótimo que também
tenhamos a opção de
alterá-los. Agora, também temos o
espaçamento que
podemos controlar entre os parágrafos, e a primeira opção seria o
espaço antes do Então, se eu começar a aumentar isso, se houvesse algum texto na
frente, isso funcionaria. No entanto, como esse é o primeiro parágrafo
dessa história e quadro de texto, isso não faria
nenhuma diferença. No entanto, o espaço após o
parágrafo ainda funcionaria. Nesse caso,
parece que há mais de cinco milímetros de espaço entre esses dois parágrafos, porque
há um parágrafo vazio E a maneira como você pode ver isso ou a maneira mais fácil de identificar isso é acessando o menu de tipos e escolhendo a opção mostrar
caracteres ocultos. Então, sempre que estiver ativado, você poderá encontrar
esses parágrafos vazios, e eu posso simplesmente removê-los
pressionando backspace Agora podemos ver que este é o
final de um parágrafo aqui, e este é o
fim da história. Portanto, são
usados esses caracteres especiais que normalmente estão ocultos, mas podem nos ajudar a identificar o que está
acontecendo em nossa cópia. Então, mais uma vez, voltando
ao primeiro parágrafo, podemos mudar o espaço entre os parágrafos de
volta para zero, e então é assim que
vai ficar Além do espaço antes e depois, se você tiver mais de
um parágrafo selecionado, também
poderá começar a usar o
espaço entre os parágrafos, o que pode ser ainda mais útil Portanto, isso não adicionaria nenhum espaço
desnecessário
no final do último parágrafo
de uma história, por exemplo. Portanto, posso escolher apenas 10
milímetros e ele
aplicará apenas esse espaço entre
esses Mais abaixo neste painel, temos as opções de letras maiúsculas. Então, este você começará a
ver somente depois de definir o número máximo de
linhas para pelo menos duas. Isso significa que o
primeiro caractere dentro do parágrafo
será aumentado para o tamanho que corresponde a duas linhas. Três linhas ou quatro linhas
e assim por diante. Em seguida, a próxima opção, a letra maiúscula de
um ou
mais caracteres, pode decidir quantos caracteres você
deseja transformar em letras maiúsculas. Eu só vou
manter isso em um. E eu só queria mencionar rapidamente que o kerning também pode ser usado para separar ou aumentar o espaço entre a
capitulação e o resto do texto Portanto, se você pressionar a tecla
Alter Option e pressionar a seta para a direita
algumas vezes, poderá aumentar o espaçamento entre o texto
e a letra maiúscula. Sombreamento e borda são
dois recursos muito semelhantes às cores de preenchimento e
traçado em uma moldura Mas a principal diferença
aqui é que eles são aplicados a um parágrafo
individual. Então, neste quadro de texto, temos dois parágrafos. E se eu tiver o
segundo parágrafo selecionado e escolher o sombreamento, somente esse texto terá
uma cor de fundo E podemos decidir
a cor, é claro. Podemos ajustar isso e também
podemos alterar mais opções se mantivermos pressionada a tecla alter option e
clicarmos neste ícone aqui. Então, isso abrirá as bordas
dos parágrafos
e as opções de sombreamento E aqui podemos controlar
coisas como a tonalidade, que é a intensidade
da cor Então, se eu dissesse isso
até 100%, obteremos a cor cien completa E vou reduzir isso para
20, mas também temos tamanho e formato dos
cantos, deslocamentos e muitas opções
adicionais Vou clicar em Ok e mostrar como é a
opção de borda. Mais uma vez, muito semelhante a
uma opção de traçado em um quadro. Nós podemos mudar a cor. Talvez eu
use vermelho nesse caso, na
verdade, porque a moldura
já está vermelha,
vamos usar verde. E mais uma vez, se você mantiver
pressionada a tecla alter option, poderá voltar para
as opções adicionais. E desde que você tenha
a prévia na parte inferior, poderá
ver as alterações. Assim, podemos alterar o tamanho
ou a espessura da borda e até mesmo introduzir o deslocamento se não quisermos que a borda se sobreponha
ao texto Então eu posso aumentar isso e, imediatamente,
podemos ver isso melhor. Por último, mas não menos importante,
também temos a hifenização. Então, mais uma vez, se tivermos um parágrafo
inteiro selecionado, eles serão aplicados em todo
o parágrafo. Então, ao desativar a hifenização, você pode ver que esses hífens são removidos e o texto hifenização, também
temos a opção de grade da
linha de base, quer queiramos que esse parágrafo
específico
se
alinhe à grade da linha de
base do documento Então, eles podem ser controlados aqui. É como um botão, você pode ligá-lo ou desligá-lo Deixe-me selecionar
este segundo parágrafo aqui e digamos que eu queira aplicar o mesmo estilo
no primeiro parágrafo. A maneira mais fácil de
fazer isso seria salvar isso como um estilo de
parágrafo. Então, posso vir até
o painel de propriedades
e, em estilos de parágrafo , clicar em Novo estilo e vou
chamá-lo de parágrafo. Teste. E agora, se eu selecionar
esse primeiro parágrafo, posso simplesmente escolher no teste do parágrafo
suspenso. E o legal que você
pode ver imediatamente é que sombreamento e a borda
serão contínuos, então não haverá
interrupção, desde que os dois parágrafos usem
as mesmas configurações Mas o mais importante é que o estilo do parágrafo capturou todas as configurações
que salvamos aqui. E se quisermos fazer
alguma alteração, podemos simplesmente vir aqui e
escolher as opções de estilo. E aqui você verá
a extensa lista de recursos que podem ser
armazenados em um estilo de parágrafo. Portanto, esse é o estilo
mais complexo que você encontrará em
um aplicativo de design da Adobe. Há muitas e
muitas opções aqui. Novamente, você não precisa estar familiarizado com todas essas configurações,
mas é importante
saber como criar
um estilo
de mas é importante
saber como criar parágrafo
e, pelo menos, estar familiarizado com os
recursos básicos que examinamos, incluindo opções de densidade e espaçamento, borda de
parágrafo
e sombreamento, além da configuração básica em opções de densidade e espaçamento, borda de
parágrafo
e sombreamento, que
você pode ativar
e desativar a hifenização e também a letras
maiúsculas que mencionamos Novamente, há muitas opções
adicionais aqui,
e há muitas
maneiras de e há muitas
maneiras conectar estilos de caracteres e
estilos de parágrafos, que torna as coisas
ainda mais interessantes. Se você quiser
aprender mais sobre estilos de
design e realmente
dominar como utilizá-los, altamente recomendável
conferir nosso curso
rápido de design , onde eu vou muito mais fundo do que isso e realmente exploramos muitas
outras técnicas nas quais
realmente aproveitamos ao máximo os recursos avançados
dos estilos de design.
43. 4.2.d Texto para contornos: Uma característica comum
do design
sobre a qual eles gostam de fazer perguntas no exame é como você pode
transformar texto em esboços e
talvez até mesmo usá-los
como uma moldura gráfica Então, vou mostrar
isso neste exemplo, e você pode abri-lo. É chamado de texto para imagem,
o documento do Indesign. Depois de
selecionar o quadro de texto, que, aliás, é texto editável aqui, tudo o que você precisa fazer é ir
ao menu de texto e
escolher criar contornos O atalho é igual ao
mesmo recurso
no Illustrator Então é Command or
Control, Shift O. E uma vez que você faz isso, o texto agora
é mais parecido com uma forma vetorial, então não é mais
texto editável Podemos usar a ferramenta de
seleção direta, por exemplo, selecionar qualquer um
desses pontos e começar a
movê-lo. O que eu queria fazer aqui é transformar isso em
uma moldura gráfica. Então, tudo o que precisamos
fazer é selecionar a imagem em segundo plano e
pressionar Command ou Control X para recortá-la, selecionar o texto e
depois usar, editar e colar. Então isso é Command Option
ou Control Alt V, e isso vai lembrar
a posição original
da imagem e transformar o texto que tínhamos
em uma moldura gráfica. Agora podemos usar a ferramenta de captura de conteúdo
e movê-la se quisermos encontrar o lugar certo onde talvez
esse barco seja mais visível, e isso pareça muito bom para mim O que você precisa
lembrar é que, depois transformar texto em contornos, você não poderá usar nenhuma das opções de formatação de texto Por exemplo, se você
quiser alterar o
rastreamento ou o kerning, não
poderá mais
fazer isso. No entanto, você pode obter resultados
semelhantes
usando técnicas alternativas, como usar a ferramenta de seleção direta, eu poderia selecionar essa
letra, digamos, R, e usando
as setas para a esquerda no meu teclado, posso movê-la um pouco para
a esquerda E dessa forma, eu
melhoro o kerning do texto. Embora a maioria dos recursos de
design não sejam destrutivos, o que significa que eles
são flexíveis e você pode fazer alterações
neles a qualquer momento, transformar texto em
contornos é permanente,
portanto, você não poderá
revertê-lo para texto editável Mas é claro que você ainda tem a flexibilidade de alterar
coisas como atribuir um traçado a isso ou substituir o conteúdo
desse quadro gráfico
44. 4.2.e Fluxo de texto: Já discutimos como a segmentação de
texto funciona, mas eu queria falar um
pouco mais sobre isso e mostrar alguns recursos
adicionais com os quais você precisa
se familiarizar Então,
em primeiro lugar, neste documento, há muitas
coisas acontecendo, como
notas de 12 ou 14
colunas em cada página, que torna muito difícil
ver o que está acontecendo Então, primeiro vou alterar
algumas configurações,
entrando no menu de visualização, escolhendo
grades e guias e ocultando a grade
da linha de base Depois, também vou esconder os guias mais
uma vez na mesma seção. Basta escolher ocultar guias. E você também pode usar o semiclm do Command Control que é o atalho
para E por último, mas não menos importante, eu também quero ver
os tópicos de texto. Para visualizar isso, você
precisaria
ver tópicos extras de texto do show Então, depois de ativar isso e selecionar um desses quadros de
texto, você verá como o texto está fluindo da primeira página
para a segunda Está vindo
aqui, depois vai daqui para lá, e
assim por diante. Assim, podemos ver exatamente
como essa história está distribuída em todo
o documento A primeira coisa que eu
queria mostrar é como você pode remover um
quadro de texto de um tópico? Então, por exemplo, eu queria que esse quadro de
texto fosse removido. Felizmente, tudo o que você precisa
fazer é simplesmente excluir o quadro, mas o texto dentro desse quadro não
será excluído nesse caso Ele simplesmente
reformatará o texto ou refluirá o texto e utilizará
o quadro restante Então, podemos ver que
agora, obviamente, temos texto
exagerado aqui porque
não temos quadros suficientes Mas se eu
aumentar essa moldura, por exemplo, poderemos ver o
final da história ali mesmo. Agora, da mesma forma que remover ou excluir quadros de
um fluxo existente, você também pode adicionar quadros Usando a ferramenta de texto, posso simplesmente criar um quadro aqui
e, se eu quiser juntar
isso ao resto da história, o que posso fazer é
clicar na entrada ou na porta desse quadro e revinculá-lo a
este aqui E automaticamente,
você pode ver
que o
resto do texto continuará aqui. Então, consegui adicionar esse quadro ao tópico ou ao fluxo de texto. Outro
recurso importante com o qual você deve estar familiarizado é
chamado de quebra de texto
e, na maioria das vezes,
isso é
aplicado a imagens
ou molduras gráficas Então, por exemplo, nesse caso, se eu quisesse que essa imagem
interagisse com o texto, eu usaria a quebra de texto nela, e você pode ver que isso já
está funcionando. Então, à medida que eu movo a imagem, o texto está se reformatando. Então, aqui no lado esquerdo, é ainda mais visível como a imagem está
afastando o texto e não permite que ocorra sobreposição
entre os dois Portanto, a maneira de
configurar isso é usando a quebra de texto, que você pode encontrar aqui
no painel de propriedades, e você só
quer
ter certeza de que uma dessas
opções está selecionada. Então, por padrão,
diz que não há quebra de texto, e é aí que o texto
se sobrepõe à imagem A razão pela qual vemos o
texto na parte superior da imagem é porque a imagem está em uma camada abaixo
da camada de texto Então, podemos ver isso aqui. As imagens estão abaixo do texto. Bem, é claro, podemos
mudar isso facilmente. Mas o mais importante é que, se eu ainda
tiver a imagem selecionada, agora
posso escolher a caixa delimitadora
envolvente, que já afastará
o texto. E se quisermos
adicionar mais opções, podemos encontrar o deslocamento aqui, o que
criará mais espaço entre a imagem e o texto Por último, mas não menos
importante, também é importante
mencionar que, embora ter quadros fiscais
separados possa ser
útil quando você deseja criar um layout em que os quadros
fiscais tenham alturas
diferentes, não tenham
uma altura correspondente. No entanto, se você quiser
mantê-los na mesma altura, faria
sentido
transformar esses dois quadros fiscais em um único quadro tributário
usando duas colunas. Então, se eu, por exemplo,
excluir esse quadro fiscal aqui e aumentar
esse quadro, posso voltar às opções do quadro
fiscal
no menu de objetos ou pressionar Commando Control
B no teclado, e aí posso escolher
duas colunas como essa Agora, podemos até mesmo
equilibrar
as colunas para garantir que
estejam completamente niveladas. Portanto, o texto à esquerda
e à direita é par. Posso então clicar em OK,
e talvez possamos movê-los um
pouco para baixo por aqui.
45. 4.2.f Adicione personagens ou conteúdo especiais: Você precisa saber como adicionar caracteres
especiais a
um documento de design. E um desses caracteres
especiais que já discutimos no capítulo anterior são os marcadores de número de página
atuais E esses, como você deve se lembrar, devem ser adicionados em uma página principal para
torná-los consistentes em todo
o documento. Então, aqui, se eu for para um pai, isso aqui é um marcador de
número de página Pode ser editado novamente no
menu de texto, inserir caracteres especiais,
marcadores, número da página atual Assim, depois de colocado em um quadro de
texto em uma página principal, ele será atualizado automaticamente para qualquer número de página
necessário Agora, embora você
possa encontrar alguns caracteres ou
símbolos
especiais nessa lista,
como o símbolo de direitos autorais, na verdade
existe
outra maneira de inserir
certos glifos que, na verdade
existe
outra maneira de inserir de outra forma,
seria difícil encontrar E para acessá-los,
você gostaria de ir
ao menu de tipos e escolher glifos Então, a partir daqui, você
poderá encontrar todos os
caracteres disponíveis em uma fonte, incluindo ligaduras
e pontuações Mas é claro que você
pode filtrar
certas coisas, como ornamentos, ou podemos procurar
frações, por exemplo E, claro,
dependendo do tipo de letra, pode
haver muito
menos opções do que as que você pode
ver neste caso, porque o Miniam pro é um tipo de letra muito extenso com muitas variações e
alternativas para glifos Mas para mostrar como
adicionar o glifo, tudo o que precisamos fazer é posicionar nosso cursor no texto
onde queremos colocá-lo
e, em seguida, basta clicar duas vezes e isso
colocará esse Vamos fazer Tick, talvez
façamos também um
desses triângulos e
estrela ou asterisco, e você provavelmente entendeu Então, tudo isso foi adicionado
agora ao nosso texto. Agora, para inserir um
sumário, maioria das vezes
você gostaria de
colocá-lo em uma página separada, e eu posso colocar isso
no início do
documento, se eu quiser. Mas, por enquanto, vou
mantê-lo aqui no final, pressionar T
no teclado e
criar um quadro de texto. Então, digamos que esse é o quadro que
eu quero usar para meu
sumário. Depois, posso ir ao menu de layout e escolher o sumário. E aqui você
poderá especificar quais estilos de parágrafo
deseja rastrear em todo o
documento. Então, na verdade, vou usar
o título e adicioná-lo. Então, esses são os
estilos que eu quero transformar em entradas
no sumário. E então eu posso especificar
também qual formatação. Na verdade, quero usá-lo
para estilizar essas entradas. E neste caso, vou usar apenas
o corpo da cópia. E então, quando clico em OK, posso simplesmente clicar
nesse quadro de texto e podemos ver que já está sendo
editado aqui. Agora, neste estilo de parágrafo, o título foi usado apenas uma vez no documento na página 37. E podemos realmente ver
isso se pularmos de volta para lá. Então é esse
aqui no topo. Mas se eu for mais
adiante no documento, talvez possamos incluir um estilo
adicional a ser rastreado, talvez aquele que seja para
os dias desse itinerário Então, podemos ver que o segundo dia está usando o estilo de
parágrafo do subtítulo E se eu voltar para o
menu de layout, sumário, eu posso encontrar esse, então eu posso ir para o subtítulo E adicione isso também
ao índice. E se eu clicar em mais opções, posso até decidir o nível, se esse é o
primeiro ou o segundo nível dentro da estrutura
do sumário. E o configura automaticamente para o nível dois, o que faz sentido. Então, vou continuar ativada clicar em OK,
e a tabela de conteúdo foi atualizada
com sucesso.
Eu entendi a mensagem. Eu posso clicar em OK,
voltar para
a última página e ver exatamente o que
está acontecendo aqui. Portanto, embora o título
esteja na página 37, cada um dos dias agora está listado com seus números de
página correspondentes. Outro recurso importante com o
qual você precisa se
familiarizar é como a indexação
funciona no design Para isso, você deve primeiro
abrir o painel a partir
do
tipo de janela e do
índice da tabela . E depois de abrir esse painel, você gostaria de voltar
ao texto e encontrar algo
que gostaria de indexar. Talvez o lugar onde
Santorini possa ser um. E uma vez selecionado, você pode simplesmente ir ao
painel Índice e clicar em Criar uma nova entrada de índice e
, em seguida, clicar em OK. E rolando para baixo no painel, veremos isso
aparecendo em S. Então,
há Santorini, e também podemos ver
que está na Só para ter mais de
um item em nosso índice, também
vou adicionar a
palavra ou nome acrópole Então, vou adicionar isso
também. Clique em OK. E talvez também vamos para
uma página diferente, como aqui. E, novamente, vamos encontrar
algo que possamos adicionar, como essa mesa grega ,
então deixe-me selecionar isso e transformar isso em uma referência também. E agora, se formos
para a última página, podemos simplesmente usar o painel de
índice e clicar nesse ícone
chamado Gerar índice. E também há
muitas opções aqui, mas vou clicar em OK usando as configurações padrão e clicar e arrastar
para gerar o índice. E agora podemos ver que a palavra Acrópole também
aparece em Santorini, em Greek Mesa e, obviamente, nos números das
páginas correspondentes
46. 4.3 Seleções: Usar seleções no design é muito mais direto
e simples em comparação com
aplicativos como o Adobe Photoshop E, na verdade,
já abordamos todas as coisas que você precisa
saber sobre como fazer seleções. Mas, só para recapitular, as ferramentas mais importantes com
as quais você deseja trabalhar são a ferramenta de seleção e a ferramenta de seleção
direta Agora, quando você gostaria de
usar um em vez do outro? Mas, na maioria das
vezes, a ferramenta de seleção é aquela que você deseja usar para selecionar os quadros que
você criou no design. Por que, com a ferramenta de seleção direta, você geralmente pode selecionar
o conteúdo dos quadros. Então, se eu clicar nesse
quadro de imagem ou quadro gráfico, selecionei
imediatamente o conteúdo em vez do contêiner. Mas é bom saber que você também
pode alternar entre o que está selecionado
atualmente usando o menu de objetos e
selecionando o submenu Aqui você pode ver o contêiner
e a opção de conteúdo. Assim, posso mudar rapidamente para o contêiner em vez de selecionar
o conteúdo. Outro motivo pelo qual
você gostaria de
usar a ferramenta de seleção direta é interagir individualmente com os pontos de
ancoragem dos objetos Como esta linha aqui, posso selecionar o
ponto de ancoragem superior e arrastá-lo Com a ferramenta
de seleção normal, posso mover a linha
inteira. Também mencionei um atalho que gosto de usar no design, que é o próximo recurso de seleção Então, se eu tiver várias
coisas colocadas
umas sobre as outras, como um quadro de texto
e uma imagem atrás dele, usando a tecla Commando Control, posso clicar nela novamente
para selecionar o que está por trás E então, se eu usar o
mesmo atalho novamente, eu também posso voltar para
o objeto na frente Embora o atalho do teclado
seja fácil de lembrar e seja definitivamente a maneira
mais eficaz de alternar entre
esses elementos, também
é bom saber que, se você clicar com o botão direito do mouse
e escolher Selecionar, poderá encontrar
as mesmas opções aqui Próximo objeto acima
e próximo objeto abaixo ou até mesmo o último objeto
abaixo e o primeiro objeto acima. E o uso da
tecla de comando na verdade substitui ou utiliza o próximo recurso do
objeto abaixo.
47. 4.4.a Reutilização de conteúdo: Já discutimos muitas
coisas sobre como
trabalhar com molduras de texto
e molduras gráficas. No entanto, há uma ferramenta
que não usamos até agora, e talvez seja útil
conhecê-la para o exame. E isso é chamado de
coletor de conteúdo
e ferramentas de posicionamento de conteúdo. Quase pode ser
considerada uma ferramenta única, que tem dois estados. Então, primeiro, você gostaria coletar coisas e depois
colocá-las. É semelhante a uma versão mais avançada
da área de trabalho. Assim, podemos usar o coletor
para clicar nas imagens. Vamos coletar algumas
dessas imagens aqui e você pode
ver que elas estão sendo colocadas aqui. Também podemos coletar texto, talvez essa legenda ou aquela
legenda e depois esse mapa E então talvez eu possa ir para a última página deste documento, e então eu possa mudar para a opção de lugar ou simplesmente
pressionar B no teclado. Com B, você pode alternar entre
coleta e posicionamento. Então, quando estou no estado de
posicionamento, posso escolher qual
item eu quero colocar usando
as setas direita e esquerda no teclado, para que eu possa rapidamente
percorrer todos os itens E digamos que eu queira
colocar essa imagem, basta clicar e arrastar. E depois de colocado
no documento, ele é removido da esteira A propósito, isso é
chamado de transportador. Se você quiser usar
algo várias vezes e quiser
mantê-lo no transportador,
você também pode alternar
essa configuração aqui, você também pode alternar
essa configuração aqui, o recurso de colocar vários lugares e
manter no transportador Então, depois de ativá-lo, posso ter várias instâncias
do mesmo elemento sem que ele
seja removido de um transportador Agora, se você quiser remover
coisas da esteira, continue pressionando
escape no teclado E então, se você
quiser carregar rapidamente todos os elementos do seu
documento no transportador, você também pode usar essa
opção, transportador de carga E, se quiser, você pode especificar quais páginas deseja usar. Então você pode digitar talvez
apenas a partir da página 34, você quer imagens e elementos ou todas as páginas,
incluindo a área de trabalho, que é a área fora das páginas. E
se eu clicar em OK, isso vai carregar
tudo aqui. E esse recurso criará conjuntos
automaticamente. Então, temos os
documentos do Photoshop aqui. Temos apenas
imagens e gráficos normais. Então, se eu escolher isso, posso percorrê-lo
ou usar as setas aqui, esses são todos os gráficos, e então podemos voltar para as outras categorias e escolher o que
estamos procurando Resumindo, é
assim que você trabalha com as ferramentas de posicionamento
e coletor de conteúdo, que provavelmente é uma
das formas mais eficientes de usar conteúdos que já
existem em
48. 4.4.b Transformações: Já falamos
sobre transformações nos capítulos anteriores, mas eu gostaria de
repeti-las e garantir que você saiba
onde encontrar as A maneira mais fácil de fazer
transformações é usar o painel de propriedades ou
usar o painel dedicado, que você encontrará
no menu da janela em Transformação de
objeto e
layout Depois de
selecionar um objeto como esta imagem, você poderá
ver suas coordenadas. Portanto, podemos ver o valor de X e Y para seu ponto central atualmente. Mas podemos alterar o ponto de
referência para indicar a posição dos cantos superiores esquerdos,
neste caso, no documento
ou no canto inferior direito. Portanto, isso sempre
mudará dependendo do
seu ponto de referência. E você também pode ver a largura e a altura desse objeto. Portanto, temos esses
dois valores aqui
e, claro, podemos
fazer alterações neles. No entanto, se você alguma vez usar
as configurações de transformação, eu
recomendaria primeiro restringir as proporções
vinculando-as Dessa forma, você não
distorcerá o gráfico ou a imagem Se eu mudar a largura
para 50 milímetros, por exemplo, podemos ver que ela
mantém a proporção E também, a propósito, o
ponto de referência superior esquerdo também foi usado. Então, essa âncora
vai manter esse ponto no mesmo lugar e redimensionar em direção a esse Então, se eu usar o canto
inferior direito, por exemplo, e
torná-lo ainda menor, digamos, 30 milímetros, agora esse ponto foi fixado
durante a transformação Da mesma forma que usar
a largura e a altura, você também pode usar
valores percentuais para escalar. E isso é, novamente,
algo que vale a pena manter
em proporções restritas Então, se eu quiser fazer isso talvez duas vezes maior
do que é agora, eu poderia usar 200%, e ele vai
aumentar de tamanho Mais uma vez, ele foi colocado no canto
inferior direito. Normalmente, seria melhor
usar o ponto central
ao escalar. Então, se eu for 50% e depois
voltar para 200%, agora está escalando a partir de
seu ponto central Gire um objeto, podemos
usar essas ações rápidas, girar 90 graus no sentido horário
ou anti-horário, ou também podemos usar
esse menu suspenso onde podemos escolher
qualquer ângulo que desejarmos
ou, é claro, também
podemos digitar
um ângulo específico que desejamos um ângulo específico E o bom
desses ângulos é que podemos facilmente revertê-los
para zero a qualquer momento Também podemos virar a imagem na horizontal e O que eu gosto no design
é que ele também acompanha a
orientação original de uma imagem, antes de ser virada
horizontal ou verticalmente E esse pequeno indicador aqui nos
diria
se está invertido ou não Então, se eu clicar com o botão direito do mouse sobre isso e escolher
transformações claras, ele poderá redefini-lo rapidamente E é assim que
deveria ser. Então é um P maiúsculo. Mas
assim que eu o viro, podemos ver como esse P está nos
mostrando que foi
virado horizontalmente E se eu virar verticalmente, podemos ver novamente
esse sinal mudando Então, deixe-me esclarecer as
transformações novamente e mostrar a última opção
aqui, que é cisalhamento Isso é semelhante ao
que usamos no texto. Aqui, também podemos compartilhar
a imagem em si. E, felizmente, novamente, essas
coisas não são destrutivas. Então, se eu mudar de ideia, posso simplesmente
redefini-la para zero.
49. 4.5.a Ortografia: Quando você atinge o estágio
de
revisão de um projeto em design, você definitivamente
gostaria de fazer a verificação ortográfica E isso é algo
que você pode encontrar
no menu de edição em Verificação
ortográfica Mas há
algumas opções adicionais aqui que veremos
nesta lição. Então, primeiro de tudo, se você
escolher verificar a ortografia, ele digitalizará o documento e tentará
rastrear quaisquer problemas na cópia Eu posso simplesmente pular
isso e ver o próximo. Sim. Então, por exemplo, este é na verdade o
nome de um lugar e não é reconhecido no dicionário
atual deste documento,
que está definido como inglês dos EUA. Mas se virmos essa palavra aparecendo e pudermos dizer
que ela está escrita corretamente, podemos simplesmente
editar no dicionário. Depois de editarmos,
isso não
será considerado erro gramatical Da mesma forma que essa
palavra taverens, novamente, se isso é algo
que
achamos que deveria ser adicionado
ao dicionário, podemos simplesmente dizer Então, em outro exemplo em
que é escrito sem o S, mais
uma vez, podemos adicionar isso, e ele continua
encontrando todos
esses nomes gregos de lugares, que todos podemos adicionar ou Suvlaki,
que é E sim, na verdade, ele
só encontrará esses problemas. E assim que forem
adicionados ao dicionário, da próxima vez eles não serão sinalizados E depois de ler todo
o documento, você pode ter certeza de que todos os erros
gramaticais foram corrigidos Se você quiser dar uma
olhada no seu dicionário, basta
clicar neste botão aqui e você verá uma lista
das palavras personalizadas
que foram adicionadas, e você sempre pode voltar e
removê-las se tiver
cometido um erro. E caso você trabalhe com idiomas
diferentes, você também pode alternar entre os dicionários e
encontrar essas palavras adicionais
adicionadas em outros dicionários
que
você encontrar essas palavras adicionais adicionadas em outros dicionários
que Se você quiser ver
algum erro gramatical sublinhado em seu texto, para isso,
use a ortografia dinâmica Se você ativar isso, eles
aparecerão automaticamente no texto. E mesmo enquanto estiver digitando, você verá os
erros aparecendo. E um outro recurso muito
interessante é, novamente, chamado
de Autocorreção,
que pode ser ativado Agora, para que isso funcione, você também deve acessar
as preferências. Portanto, na correção
automática das preferências de design ou no PC, será a correção automática
das preferências de edição Você poderá especificar palavras com erros ortográficos e
suas correções Um bom exemplo para usar esse
formulário seria a palavra Svlaki, que geralmente é escrita
incorretamente Mas é claro que queremos
usar a
grafia correta dessa forma Então, se eu clicar em OK,
isso vai funcionar. E, a propósito, também podemos
corrigir automaticamente quaisquer
erros de capitalização, para que eu possa habilitar isso Agora, se eu clicar em Ok e
entrar no documento e talvez
apenas criar um novo quadro de texto, posso começar a digitar Suvcky e, assim que pressionar espaço, ele o corrigirá automaticamente
para a ortografia correta Agora também podemos testar a capitalização
automática. Então, se eu entrar aqui, posso começar a digitar
Santorini E assim que pressiono
espaço, ele fica em maiúscula, mas também recebe uma
formatação automática no texto, graças a um estilo de
caractere
incorporado
neste estilo de parágrafo que
estou usando para o corpo do
50. 4.5.b Aparência: A aparência dos
objetos no design pode ser ajustada facilmente
a partir do painel de propriedades. A
característica mais importante seria sua opacidade ou visibilidade. Isso pode ser
ajustado rapidamente com esse controle deslizante, e você pode ver imediatamente
como ele fica transparente, e podemos ver as imagens e quaisquer outros itens
abaixo delas Agora, além da opacidade, também
temos modos de mesclagem E se você clicar
na palavra opacidade, poderá acessá-las facilmente Também podemos escolher os modos de
mesclagem mais conhecidos que temos em outros
aplicativos
da Adobe, como multiplicação, tela, sobreposição e assim por diante Temos a lista completa aqui. Elas podem ser aplicadas
e, obviamente, todas
são mudanças não
destrutivas Assim, sempre podemos voltar
e redefinir isso para o normal. E outra opção que
você talvez não espere encontrar no design é o recurso
pathfinder Que
usaríamos principalmente no Illustrator, mas isso também está disponível aqui Você só
precisa acessar o objeto
e o layout da janela e
escolher o pathfinder, e você terá basicamente as mesmas operações que
teria no Illustrator E elas podem ser úteis principalmente
quando você cria formas. Por exemplo, se você
quiser criar uma moldura composta por
várias elipses, você pode criar essas
elipses uma ao lado Ou círculos, depois
selecione-os juntos. E então, nesse caso
, faria mais sentido
somá-los. Então, ele os combinará
em um único quadro. A propósito, você também pode encontrar
aqui as opções de conversão de formas que
já usamos neste curso. Então, se eu selecionar talvez retângulo, posso rapidamente reverter
essa forma de volta para um retângulo ou retângulo
arredondado e assim por diante
51. 4.5.c Editor de histórias: O editor de histórias é um recurso altamente
recomendado, especialmente quando você
tem documentos complexos e fluxos de texto complexos. Então, neste caso, já
vimos esta revista em que
temos o texto agrupado espelhadas
e entre várias molduras,
mesmo dentro de páginas espelhadas e entre várias molduras,
mesmo Então, vou ativar os tópicos de texto para que
possamos vê-los novamente. Então, quando se
trata de editar o texto, em vez de ter que
passar por cada um desses quadros, basta
clicar duas vezes em qualquer um
desses quadros e pressionar Command Control Y para ver a história inteira em uma caixa de diálogo
separada. Então, aqui podemos
percorrê-lo e parece mais com
algo que você veria em
um editor de texto ou mesmo
em um documento do Microsoft Word
ou do Google. E isso torna muito
mais fácil fazer alterações na cópia ou encontrar um
detalhe relevante na cópia. Por exemplo, se eu
quisesse pular para essa escapada grega para lembrar, eu poderia simplesmente
destacá-la e pressionar Commando Control V para
voltar ao editor de layout, e você poderá ver o texto
sendo destacado Agora, para o editor de histórias, há algumas opções que você pode encontrar nas preferências. Então, basta acessar
as preferências no menu de design no Mac
ou no menu Editar no PC. E aqui você
poderá
alterar as opções de exibição do editor de histórias. Então, principalmente, você pode
alterar o tipo de letra, mas também algumas opções adicionais de
estilização E eu mencionei isso antes, mas uma das outras
grandes vantagens de usar o editor de histórias é
que ele também
poderá revelar
textos exagerados Portanto, se tivermos algum texto
exagerado em uma história, quando virmos o editor de histórias e rolarmos até o final, poderemos ver
exatamente quanto texto está em estado exagerado Mas também podemos ver
os caracteres ocultos como final da cópia ou
final do parágrafo, e até ícones como
essa pequena âncora aqui para um objeto ancorado
ou objeto embutido E, claro, o editor de histórias pode ser usado para fazer
alterações na cópia, para que
possamos selecionar facilmente o
texto e movê-lo. E aqui, por padrão, arrastar e soltar também funciona. Então, se eu selecionar
essa imagem aninhada, posso simplesmente arrastá-la para
o outro parágrafo
e, em seguida, ela aparecerá lá Só precisamos
voltar ao editor de layout
e, imediatamente,
ver o ícone aparecendo aqui. Eu mencionei apenas o
atalho de teclado para o editor de histórias, mas, é claro,
você também pode encontrar isso no menu de edição Você só precisa ir até
Editar no editor de histórias. E, a propósito,
existe um editor de texto, que está atualmente na versão beta, mas essa deveria ser uma
versão ainda mais avançada do editor de histórias. Mas não vou
entrar em detalhes sobre isso
porque esse
ainda não é um
recurso completo que eles introduziram
52. 4.6 Efeitos e estilos de objetos: In Design não é tão popular para aplicar efeitos como o
Photoshop ou o Illustrator, mas ainda tem alguns efeitos
básicos que
chamaríamos de estilos de camada no
Photoshop, Portanto, você pode encontrá-los
na seção de
aparência no painel de propriedades,
abaixo do ícone de efeitos, e podemos começar com provavelmente a sombra projetada mais comum. Agora, depois de abrir a caixa de
diálogo, certifique-se de
ativar a visualização, e isso mostrará um feedback ao vivo do que
você está fazendo aqui. Podemos mudar o
ângulo da sombra, por exemplo, podemos aumentar a distância
se quisermos. Também podemos aumentar
o tamanho da sombra
e, é claro, alterar todas as outras configurações
que você pode encontrar aqui. Vou manter isso talvez em torno de 5
milímetros de tamanho, e talvez eu também o coloque um
pouco mais perto Então, 5 milímetros de distância. Só para que possamos ver como
vários efeitos são aplicados, também
podemos adicionar
Bevel e M Boss, que criam esses três efeitos
D na imagem E então, quando clicarmos em Ok, poderemos ver este texto aqui dizendo que vários
efeitos são aplicados. Se clicarmos no ícone de efeitos, também
podemos ver as marcas de seleção mostrando quais são os
efeitos que estamos usando E caso
queira que ela
volte rapidamente ao estado original da imagem, basta limpar o efeito Mas, nesse caso,
digamos que eu queira reutilizar as configurações e
usá-las em outro objeto Nesse caso,
faria sentido
salvá-lo como um estilo de objeto, que é um recurso
semelhante aos estilos de caracteres e
parágrafos. E você pode encontrar
o painel relevante no
menu Janela, em estilos. Basta clicar
em Estilos de objetos. E aqui, tudo o que você precisa
fazer é clicar no estilo
Criar novo. Ou se você mantiver pressionada
a tecla de opção de pedido, ela também
abrirá automaticamente a caixa de diálogo, e eu vou digitar sombra para isso e
clicar em OK. Agora, ele será salvo aqui e podemos facilmente reaplicá-lo em qualquer outra imagem Vamos apenas dizer isso aqui. Eu posso simplesmente clicar na sombra, e isso incluirá
tanto a sombra quanto os efeitos
Bevel e Boss E, assim como com estilos de caracteres
e parágrafos, a melhor coisa sobre salvar estilos de
objeto é que você pode atualizar a fonte do
estilo ou da definição, e isso se
refletirá em todas as instâncias em todo
o documento. Assim, podemos clicar com o botão direito do mouse
e escolher Editar sombra. E talvez possamos
voltar à sombra projetada e talvez possamos alterar o
tamanho para 2 milímetros Além disso, a distância pode ser definida para 2 milímetros e talvez também
alterar o ângulo Depois de clicar em OK,
isso ficará o mesmo aqui nesta outra imagem que
definimos originalmente o estilo. Além dos efeitos
simples que você encontraria em
outros aplicativos, também
temos
opções de difusão no design, que também são Então, vou voltar aqui e escolher primeiro a pena básica Depois de ativá-lo, veremos o
efeito de pluma nas bordas Portanto, é uma forma de
mascarar a imagem
ao redor de suas bordas, e obviamente podemos controlar
as configurações aqui e refinar Vou desligar
isso porque quero
mostrar as outras
duas opções de penas Portanto, temos uma pena direcional, que pode ser configurada
de qualquer Assim, você pode ter a parte superior, inferior, esquerda e direita ,
configuradas separadamente, ou elas podem ter todas ao mesmo
tempo, se você quiser. E por último, mas não menos importante, também
temos a pena gradiente, qual você tem um pouco
mais de controle sobre como a pena é aplicada
e em Então, em vez de usar as bordas, você pode simplesmente especificar o ângulo exato que
deseja usar e criar um gradiente
para mascarar isso Assim, você pode controlar o
ponto final, o ponto inicial e o
ponto médio do gradiente de
opacidade
53. 4.7 Conteúdo interativo: O Adobe in Design tem muitos
recursos interativos, que podem ser usados
para PDFs interativos, ePubs ou para o recurso
publicado online E vou explicar algumas delas que podem surgir no exame. Não vou examinar extensivamente todos esses
recursos porque poderia ser um curso
completo por si só, apenas para cobrir tudo sobre
interatividade em design O primeiro e mais
importante recurso é como você adiciona URLs, URLs funcionais, então o hiperlink. Aqui está
um bom exemplo o link na parte inferior
do rodapé deve ser
configurado como Então, quando eu seleciono isso, posso ir para
o menu Janela
e, na categoria
interativa, podemos encontrar hiperlinks Neste painel, tudo o que
você precisa fazer é simplesmente colocar a cópia
que deseja usar. Então, eu apenas copiei esse texto
e colei aqui. Como você está usando
um URL seguro, vou apenas adicionar
o S aqui também. E quando clicamos em Ausente, podemos ver que esse
link está funcionando. Então, se você ver um sinal verde, isso significa que é um
URL ativo e vai funcionar. Você também pode simplesmente atualizar para ter
certeza de que está marcado. Sim, está funcionando bem. E é basicamente assim que você
configura um URL ou hiperlink. Há outro recurso
chamado referências cruzadas, que é semelhante aos hiperlinks, mas eles são usados para navegar
dentro do documento Então, em vez de
acessar sites externos, você pode criar links para determinadas
partes do seu documento. Então, por exemplo, nesse caso, poderíamos ir para a última página e criar
um quadro de texto aqui,
e poderíamos ir para o
tipo e, em seguida, escolher
hiperlinks e referências cruzadas
e escolher inserir referência
cruzada Agora, a partir dessa caixa de diálogo, podemos especificar qual estilo de
parágrafo queremos pesquisar ou vincular
e para qual instância queremos vincular. Então, nesse caso, o
título da capa pode ser bom ou talvez o
título do departamento também seja bom. Então, podemos simplesmente dizer: Ok, e então
já podemos ver nossa
referência cruzada criada aqui. Obviamente, podemos
aumentar isso se quisermos. E, essencialmente, isso
vai funcionar como um hiperlink, mas em vez de ir para lugares externos, vai
direcionar para a página 36 E, a propósito, sempre que você
cria um sumário, todas as entradas também são
automaticamente interativas. Portanto, eles funcionam como hiperlinks ou referências
cruzadas quando
são exportados como Você também pode criar botões
no design para os quais você pode ir
novamente para a categoria
interativa e escolher botões e formulários. E usando esse painel, você pode essencialmente transformar
qualquer coisa em um botão, até mesmo uma imagem existente. Mas, nesse caso, vou
apenas criar um novo quadro de texto e
digitar na página anterior, e talvez
altere o alinhamento para ser centralizado
horizontalmente. Além disso, usando as opções do quadro de
texto, centralizarei verticalmente
e clique em OK A propósito, acessei esse
menu com
o atalho Command or
Control B. Agora estamos centralizados, que significa que posso acessar as propriedades e atribuir um traçado ao redor delas,
e talvez também adicionar um pouco de raio de canto ou arredondamento e
talvez até mesmo uma cor de preenchimento Vamos apenas adicionar um preenchimento amarelo. Então, isso se parece muito
mais com um botão. Agora, tudo o que precisamos fazer
é transformá-lo em um botão. Então, nos botões
e no painel Formulários, podemos escolher o botão e decidir qual deve ser
a ação quando
alguém estiver clicando nele. Assim, podemos escolher o comando da página
anterior. Mas você pode ver que há
muitas ações adicionais podemos usar, das
quais todas elas podem ser usadas tanto em
EPAPs quanto em PDF, enquanto
as opções aqui
nesta categoria funcionariam
apenas em EPUBs e as opções aqui
nesta categoria funcionariam
apenas em no recurso
publicado on-line,
e funcionariam
apenas Então, vou escolher
ir para a página anterior para isso. E isso é tudo. Agora isso
está funcionando como um botão. Mas para poder
pré-visualizar como isso funciona, vou
colocá-lo aqui
no canto superior esquerdo e
depois acessar esse ícone, o Preview spread ePub Quando isso acontecer, ele
abrirá uma caixa de diálogo separada. Vale a pena mudar
para definir a visualização no modo
documento sempre que você
estiver testando esses recursos. E agora, se eu clicar
na página anterior, ele vai pular para
a página anterior, e eu posso usar esse ícone de ir
para a próxima página
na parte inferior para testar também referência cruzada
que criamos. Então, vou fazer isso um pouco maior
para que possamos ver. Está ali mesmo.
Deixe-me clicar nisso. Isso também deve ir
para a primeira página em a fonte dessa referência
é a palavra experiências. Se essa pré-visualização de interatividade
não funcionar imediatamente,
tente clicar no botão de visualização de
reprodução
e, em seguida, testar os Outro
recurso interativo que você pode
configurar são as transições de página, que podemos encontrar aqui Aqui você poderá visualizar
as transições que
você pode escolher Portanto, temos persianas, livros e assim por diante Provavelmente
vou escolher o push, que vai empurrar uma
página sobre a outra. Talvez, em vez de cima para baixo, eu use a esquerda, então vamos empurrar para cá ou talvez para a direita. Isso faria
mais sentido, sim. E a velocidade,
também podemos definir talvez como média. Eu acho que isso é bom. E
então podemos simplesmente clicar nesse ícone para aplicar isso
a todos os gastos As transições de página não
são compatíveis com ePubs, somente É por isso que você
não os verá também no painel de
visualização da interatividade do EPUB, onde testamos os
botões e as referências cruzadas Então, eu só queria ter
certeza de que você se lembraria disso. Mas veremos as transições quando exportarmos isso como
um PDF interativo Primeiro, eu também queria mostrar alguns recursos
interativos adicionais, como vídeos e arquivos de áudio que você pode adicionar
aos seus documentos. Para isso, vou
abrir o painel Mídia e aqui você poderá ver todos os elementos interativos que você colocou dentro de um documento. E para colocar um arquivo de vídeo ou
áudio em um documento, basta usar o
mesmo atalho Command ou Control D ou local de arquivo E eu tenho essa salada MP four, que é um
vídeo gerado pelo Mid Journey. Vou clicar e arrastar para criar
uma moldura para ele. E vou
usar a opção de quadro de campo proporcionalmente Então, aí está nosso vídeo, e podemos realmente ver
no painel de mídia
como ele se parece. Então, uma vez que jogamos, é
assim que fica. E podemos configurar
isso para ser reproduzido no carregamento da
página e também
em loop, se quisermos. E podemos até mudar
a moldura do pôster, que é a moldura inicial que será exibida
antes de começar a ser reproduzida E é basicamente
assim que você adiciona o vídeo, e você pode realmente
visualizá-lo
aqui com a prévia de
interatividade Então, veremos o vídeo
sendo reproduzido aqui na parte superior. Podemos testá-lo, pará-lo e ele já está perfeitamente
configurado para nós. Você também pode incorporar
trechos de HTML no design, e um bom exemplo disso
seria um Então, eu apenas procuro a
Grécia no Google Maps, escolho Compartilhar, incorporar um mapa e depois copiar o código
HTML daqui E quando
voltarmos ao design, podemos encontrar um local para esse mapa. Talvez possamos descer
e criar uma nova página. E aqui, tudo o
que precisamos fazer é pressionar Command ou Control V, que
será automaticamente transformado em um quadro
interativo. Podemos fazer isso um pouco menor para que caiba na página. E, novamente, podemos verificar isso por meio da pré-visualização da
interatividade É um mapa funcional em que
podemos ampliar e diminuir o zoom
e, obviamente,
dependerá de uma conexão ativa com a
Internet. Mas isso funcionaria ainda
melhor quando realmente
publicássemos isso online ou usássemos
um PDF interativo para. Por último, mas não menos importante, também
há uma maneira de
adicionar animações
em um documento de design Então, por exemplo,
poderíamos animar esse texto vindo
do lado esquerdo Isso é feito entrando na animação e selecionando
algo, você pode escolher uma predefinição Nesse caso, vou
dizer que voe esquerda e podemos ver uma
prévia aqui no painel, e podemos até especificar a distância de onde queremos que
isso venha e também, é
claro, a duração e se
queremos que seja repetido. Além disso, quando queremos que
isso apareça no carregamento da página ou no clique ou rolagem da página e assim por diante. E mais uma vez, podemos conferir isso na pré-visualização da interatividade, e aí está a animação Agora, vale a pena mencionar uma restrição
sobre animações: elas não
funcionarão em PDFs interativos,
apenas nos formatos publicados
online e ePOP Agora que
examinamos tudo, vamos ver primeiro como isso vai
ficar em um PDF
interativo. Portanto, se eu for para Exportação de Arquivo e escolher a opção PDF
interativo, podemos clicar em Salvar
e continuar. Queremos garantir que
todas as páginas sejam exportadas
e, na verdade, vou
mantê-las como páginas espelhadas Na parte inferior, quero
garantir que todos os formulários e mídias
estejam incluídos,
não apenas a
aparência, mas, na verdade,
sejam elementos
interativos. E então eu vou clicar
em Exportar. E, como mencionei antes, não
veremos a animação
aparecendo aqui, mas veremos o hiperlink
funcionando na parte inferior Então, poderíamos clicar aqui
para abrir o site. Também podemos usar o botão que nos levará de
volta à página anterior. E também temos a
referência cruzada aqui à direita. Ela pode clicar em para
voltar à primeira página. Mas vamos
voltar ao design
e publicar
esse documento on-line. Então, vamos ao arquivo e
escolhemos publicar online. E essa é a forma recomendada de utilizar todos os recursos
interativos Então, posso simplesmente chamar
esse teste de Grease e quero
exportá-lo como páginas espelhadas, todas as páginas, e então
podemos clicar Depois que a exportação for concluída, podemos copiar o link ou clicar em Exibir documento para
abri-lo em um navegador. E isso vai
funcionar perfeitamente mesmo incluindo as
animações que adicionamos
54. 4.8 Tabelas: In Design tem muitos recursos
úteis quando se trata
de trabalhar com tabelas. E para esse exercício
em particular, preparei esse arquivo em
que não temos nada atualmente
na página real do documento, mas coloquei esse
exemplo de conteúdo de tabela aqui na área de trabalho, e isso é apenas um quadro de texto
simples, e o texto é colocado com separadores de tabulação
entre os elementos E na primeira linha, temos títulos das colunas ou
a linha do cabeçalho. Agora, sempre que você tiver
algo assim, você pode selecionar
todo o texto e ir ao menu
da tabela e escolher
converter texto em tabela, que é um recurso extremamente
útil que pode gerar a tabela com
base nas configurações escolhidas aqui. Então, por padrão, eu
normalmente usaria tab para os separadores de coluna e quebras de
parágrafo
para separadores brutos Você também pode escolher
um estilo de tabela, mas, por padrão, não
teremos nenhum deles, então vamos usar
o estilo de tabela básico. E quando eu clico em
OK, observe como ela gerou
automaticamente
essa tabela para nós. Então isso já parece perfeito. Mas eu queria mostrar a você, se eu voltar algumas
etapas, que, se eu simplesmente copiar todo esse texto, também
posso criar uma tabela do
zero usando tabela,
criar tabela e especificar a quantidade de colunas de rosas
e linhas de urze de que preciso Depois, posso clicar
e arrastar para definir a moldura que estará
dentro das margens aqui E então, se eu clicar no canto superior
esquerdo desta tabela, que seleciona rapidamente
todas as células, posso simplesmente pressionar Command ou Control V para colar o texto Portanto, seja qual for a maneira que
você preferir trabalhar, você pode
gerar tabelas de design muito rapidamente e inseri-las
no conteúdo E, claro, você pode
começar a formatar sua tabela. Agora, a primeira coisa
que quero mostrar é que você pode alterar facilmente
a largura da coluna. Então, se quisermos tornar essa primeira coluna um
pouco mais longa, podemos fazer isso e, em seguida,
também podemos tornar a
tabela inteira menor. Se mantivermos pressionado o comando, a tecla control shift, podemos arrastá-lo para baixo para
garantir que ele ainda caiba
na página aqui. Obviamente, também podemos aumentar a moldura em si, se necessário. Então, podemos formatar o texto. Se apenas selecionarmos
a primeira linha, clicando
aqui à esquerda ou clicando e arrastando sobre
cada uma dessas células. Podemos então alterar a formatação, talvez definida
para alinhamento central, também alinhamento central vertical, e então vou escolher texto em
negrito e condensado e
talvez Algo parecido.
Então, isso já parece diferente do
resto da tabela. E se eu pressionar W, podemos ver como isso
ficaria impresso. Agora, imediatamente, uma coisa que vale a pena
mencionar é que isso
seria considerado uma regra de
cabeçalho porque esse é
um recurso que eu usei no começo quando criei
a E isso significa que,
se essa tabela, por exemplo, não couber nessa primeira página, posso criar uma
continuação dela em outra página Então, vou criar essa nova página e
clicar aqui. Observe a rapidez com que a regra de
cabeçalho é editada aqui. Então, de acordo com o mesmo estilo que
tínhamos na primeira página, ele é gerado automaticamente
aqui na segunda página. Há várias maneiras de
personalizar o estilo
da sua mesa, incluindo preenchimentos e traçados Então, por exemplo, podemos selecionar
novamente a linha do cabeçalho e talvez queiramos
ter uma cor de preenchimento aqui. Vou apenas adicionar um valor de tonalidade de
talvez 20%. Então é assim que parece. E, novamente, se pularmos
para a segunda página, ela também já está atribuída
lá. Agora, ao
clicar duas vezes dentro de uma tabela, você pode ir até
o menu da tabela e escolher as opções da tabela, a configuração da
tabela. E aqui você encontrará muitos recursos
adicionais,
como os preenchimentos, que podem ser configurados para
ter um padrão alternado E para esse recurso,
eu normalmente usaria uma linha para
a primeira e a próxima. E então podemos escolher
talvez a mesma cor do pecado, apenas um valor menor para a
tonalidade, algo assim Talvez cores diferentes
funcionem melhor. E agora, se eu clicar em OK, podemos ver novamente como isso fica se estendermos um pouco esse
quadro. Vemos mais desse padrão
alternado e ele funciona muito bem Agora, assim como com outros
recursos de design, quando se trata de tabelas, também
vale a pena
utilizar estilos E a primeira coisa
que você quer usar é um estilo de parágrafo
dentro de uma tabela. Então, por exemplo, se
eu quiser que os nomes dos pratos sejam estilizados ou
formatados de uma certa maneira, eu os salvaria primeiro
como um Então, por exemplo, aqui,
talvez possamos defini-los negrito e talvez até mesmo em maiúsculas e talvez alterar um pouco
seu tamanho Vamos apenas
aumentá-los e talvez
desativar a hifenização dos controles de
formatação
de parágrafos Eu só vou desligar isso. Também vou adicionar um
pouco de recuo à esquerda, algo assim,
eu acho, parece bom E vou salvar isso
como um novo estilo de parágrafo. Então, vamos entrar aqui
e eu vou chamá-lo de nome do prato. E também vou aplicar
isso à seleção. Então, vamos clicar em OK.
Agora, em vez de aplicar esse estilo de parágrafo diretamente
ao resto das células, o que vou fazer é
selecionar a célula inteira. Então, observe a diferença
entre apenas selecionar
o texto e arrastar
um pouco mais, eu tenho a célula selecionada,
a célula inteira, e então subo aqui e escolha um centro de linha dentro da célula Assim, o texto será
centralizado dentro da célula. E então talvez também possamos escolher diferentes espessuras de traçado, como 0,5 e talvez alterar o
estilo do traçado também para pontilhado Se eu clicar e pressionar W, podemos ver como fica. Isso pode ser um
pouco pequeno demais, então vou selecionar isso novamente e aumentá-lo
para um ponto. Sim. Então, esses pontos
parecem melhores agora Então isso é perfeito. Vou manter
essa célula selecionada e depois ver se
esse é um estilo de célula. Então, clicamos nesse ícone aqui em cima e escolhemos o novo estilo de célula. E vou chamar
esse prato pelo nome também, e vou me certificar estilo
do parágrafo do nome do prato esteja aninhado ou incluído aqui Então, clico em OK e, em seguida,
clico em OK novamente. Agora, se eu diminuir um pouco o zoom, deixe-me trazer
a tabela inteira aqui, e então eu posso
destacar todas essas células adicionais que eu quero estilizar ou
formar da mesma forma,
e eu posso vir aqui e
escolher o estilo de célula Dish Name Agora observe como isso foi aplicado sem afetar o padrão
alternado Porque dentro do estilo da célula, não
especificamos a cor do
campo para as células. Agora, também quero mostrar
como salvar um estilo de tabela, que registraria todas as opções de
formatação e estilo que você usou Então, tudo o que você
precisa fazer é clicar em algum lugar dentro
da tabela e, em seguida, ir ao menu da janela e estilos, escolher estilos de tabela. E dentro disso,
basta manter pressionada
a tecla alter option e
clicar no sinal de mais, e aí podemos
dar um nome a isso. Vou chamá-lo apenas de pratos. E aqui você poderia
ver que, usando estilos de células, você seria capaz
de especificar exatamente como deseja que sua
seta de cabeça, sua linha de pés, as linhas do corpo e até mesmo
separadamente a
coluna esquerda e a
coluna direita tenham uma aparência diferente. Por enquanto, vou aplicar o estilo do nome do prato que
criamos às linhas do corpo e vou clicar em OK. Então, agora temos esse estilo
de tabela criado. E vamos
testar isso com este texto aqui. Novamente, vou converter
isso em uma mesa e , em seguida, escolher o estilo de pratos que criamos.
Vamos clicar em OK, e podemos ver que
está muito bom. A principal diferença aqui
é que a linha
do cabeçalho não segue o mesmo
estilo que criamos à direita. Isso porque isso não foi
salvo como um estilo de célula. Mas isso poderia ser facilmente
editado e corrigido posteriormente. No entanto, há uma coisa
adicional
aqui que vale a pena mencionar esses pontos vermelhos que indicam texto com
excesso de texto dentro de Portanto, é um pouco
diferente do
sinal vermelho de adição que você veria
na saída de um quadro de texto Novamente, eles podem ser
corrigidos com muita facilidade. Você só precisa se
certificar de que há espaço
suficiente dentro de uma célula. Portanto, aumentando-o
vertical ou horizontalmente, agora
podemos ver
mais desse texto,
e isso já
corrigiu Resumindo, é
assim que você trabalha com tabelas. No design, é claro,
há muitos recursos adicionais. Novamente, poderíamos passar
um curso inteiro dedicado
apenas às mesas. Felizmente, para o exame, isso já deve
ser mais do que suficiente Na maioria das vezes, eles fazem perguntas ou
tarefas
muito simples que você precisa concluir
quando se trata de tabelas.
55. 5.1 Preflight a: recurso de preflight
do Adobe Designs é provavelmente a maneira mais útil de detectar
erros enquanto você está trabalhando em um projeto e
também no final, quando você prepara para impressão
ou entrega digital E o recurso que você pode encontrar facilmente na parte inferior
aqui na barra de status. Então esse é o menu de pré-voo. E, no momento, você pode ver este documento não
tem erros. Então eu tenho uma luz verde, o que significa que está tudo perfeito. Mas podemos clicar no painel
de preflight para ver um
pouco mais de opções A propósito, o painel também
pode ser encontrado no menu da janela na
saída antes do voo. E, claro, você pode
encaixar esse painel aqui
no lado direito e ficar de
olho nele o tempo todo. Vou fazer isso
e talvez esconder alguns
desses painéis porque não
precisaremos deles nesta lição. Então, a primeira e mais importante
coisa sobre esse painel, claro, é ter
a opção ativada. Então, quando estiver
desativado, dirá antes do
voo aqui na parte inferior. E quando você ligá-lo novamente, ele
escolherá automaticamente o perfil básico. Esse é o perfil padrão, que inclui muitas regras,
que precisarão ser
preenchidas no documento para que ele
receba a luz verde. Claro, você pode criar
seus próprios perfis. Como você pode ver, há
uma aqui chamada publicação
digital
que podemos escolher, mas podemos criar
nossos próprios perfis. Então, se formos até o menu suspenso, podemos escolher definir perfis. E aqui
poderemos adicionar um novo. Vou chamar
isso de teste pré-voo. E podemos examinar
mais de perto todos os recursos aqui. Então, no geral, temos apenas uma descrição. Podemos alterar isso
e descrever por que essa predefinição
ou perfil de preflight foi criado Em seguida, podemos abrir
a categoria de links, que inclui essas
três opções. Isso significa que o
preflight detectará links ausentes
ou os links
modificados e também os links de URL
inacessíveis Agora, também há
outra opção aqui, que por padrão está desativada, e é por isso que
ela não tem uma marca de seleção Em vez disso, diz apenas
dashline, o que significa que nem todas as
opções disponíveis estão habilitadas Então, se eu clicar aqui, todas
as opções serão selecionadas. Se eu tirá-lo
, nenhum deles estará lá. E se eu apenas adicionar alguns deles, esse é o sinal que você vê, o que significa que nem todas as
opções estão habilitadas. Agora, em Cor, temos
muitas opções adicionais, até mesmo subgrupos de opções, e não vou
examinar todas elas porque você não precisará conhecê-las
todas para o exame É importante
saber onde você pode
encontrar essas opções. Eles podem pedir que você crie
um novo perfil de pré-voo, então você só
precisa saber como fazer E talvez escolha as configurações
que eles solicitam que você use. Uma coisa que eu sei que eles
podem perguntar é que você gostaria que a
resolução da imagem fosse verificada. Então, isso estaria em
imagens e objetos, e então você pode abrir
esse grupo adicional ativar a resolução da imagem. E aqui você pode
especificar exatamente qual é a resolução mínima ou efetiva
que você deseja permitir. E qualquer coisa abaixo disso
será considerada um erro. Então, por exemplo, com a resolução mínima de
imagem colorida, o padrão é 250, mas podemos aumentá-la para 300 e talvez também imagens em escala de
cinza, podemos aumentar até 300 PPI. E então, se salvarmos isso
e clicarmos em OK, só precisamos
ter certeza de que também está selecionado no menu
suspenso aqui no painel de
preflight, assim que eu fizer isso perceberemos que ele
detectou um erro Então ele encontrou um erro, podemos abrir isso aqui, e veremos que
esta é a imagem na página 36 que tem o problema. E se abrirmos a área de informações, ela explicará exatamente
qual é o problema. Então, isso nos diz que a resolução efetiva atual
dessa imagem é 242, então está abaixo de 300
PPI, conforme especificamos Agora, se eu clicar
no número da página, isso nos levará
diretamente para a imagem, e então poderemos
verificar o tamanho dessa imagem. Bem, no momento,
isso não atende aos
critérios estritos que estabelecemos. Então, o que podemos fazer
nesses casos? Bem, a coisa mais fácil de fazer seria redimensionar essa imagem Assim que eu o diminuo, percebo que a resolução
efetiva está aumentando. Então agora são 273 Ainda não é
suficiente para 300 PPI. Então, vamos
torná-lo ainda menor. propósito, estou fazendo isso
com Command ou Control, clique com a
tecla Shift e arraste. E se eu for até aqui, tenho certeza que
vai ficar tudo bem agora. Então, sim, o erro desapareceu. E essa é a
coisa legal do painel Preflight:
ele capta automaticamente as alterações Então, imediatamente, ele mostra o erro novamente
assim que eu aumento o tamanho. E, mais uma vez,
basta selecioná-lo e podemos ver
que está um
pouco abaixo da resolução
necessária. Também é muito
legal que ele
dê dicas sobre como
corrigir o problema. Então, isso explica que
você precisa dimensionar a imagem para garantir que ela atenda aos critérios. Mais uma vez,
vou diminuí-lo, e isso seria uma opção com
as configurações que escolhemos. Agora, se você precisar
voltar e fazer alterações em seu perfil antes do
voo, lembre-se de ir ao menu suspenso
do painel, escolher a opção definir
perfis
e, em seguida, certifique-se de selecionar aquele
no qual
deseja fazer alterações. E então, neste
caso, por exemplo, quero mostrar que
você também pode procurar coisas como sangramento
e risco de aparar Então, se dermos uma
olhada mais de perto, posso rolar para baixo. Você pode detectar o que deveria
ser detectado como um risco de
sangramento e aparamento Portanto, qualquer coisa que esteja dentro de
6,35 milímetros
das bordas externas de nossas páginas será
um perigo Portanto, qualquer imagem que
fosse colocada tão perto da borda precisaria utilizar
a área de sangramento no documento Assim, podemos até procurar objetos perto da coluna,
se quisermos. Mas vou me concentrar
apenas nas bordas externas
e, se eu clicar em OK, mais uma vez, encontramos outro erro. Então, se formos aqui, podemos ver na página 41, temos uma imagem que
precisa ser verificada. Mas quando eu verifico isso
com a visão normal, posso realmente ver que isso
já está utilizando
a área de sangramento Mas talvez se apenas o
arrastarmos um pouco
mais alto,
isso removerá o erro. Portanto, o recurso de
design de pré-voo às vezes
pode ser um
pouco cauteloso e indicar
coisas que talvez
nem sejam Mas, na maioria dos casos, isso fornecerá uma indicação muito
boa de possíveis erros
e problemas. Embora seja bom criar seus perfis
personalizados e incluir opções que não
estariam no perfil de
preflight padrão, você deve estar ciente do fato que quanto mais
opções incluir, a probabilidade de corrigir constantemente
pequenos erros
que pode nem
mesmo afetar o resultado final. Portanto, um equilíbrio saudável dos recursos incluídos em seu pré-voo é o que eu recomendaria fazer.
56. 5.2.a-b Salvando: Há muitas maneiras diferentes de salvar seu trabalho na
Adobe em design, e também há
diferentes formatos de arquivo que você pode usar para exportar
seu trabalho. E você deve estar familiarizado com a maioria deles para o exame, pois eles podem fazer perguntas de
múltipla escolha
ou talvez você
precise combinar o formato correto com a
descrição correspondente. Então, primeiro de tudo, o formato de
arquivo nativo do design é INDD. Isso é o que você normalmente
obteria ao usar o comando de
salvar arquivo ou
ao salvar uma cópia. Tudo isso forneceria o formato de documento
de design, que é a extensão de arquivo INDD Então, temos essas duas opções
adicionais aqui, o modelo, o qual falamos
anteriormente em outro capítulo. Isso está em DT. Isso é extremamente
útil se você quiser
evitar a substituição de um modelo
original Portanto, se houver um
documento que você continua reutilizando e está
criando, digamos, novas edições para uma
revista todo mês
, é recomendável
salvá-lo como um modelo,
que será aberto automaticamente
como um documento sem título Dessa forma, você não
sobrescreverá acidentalmente uma
versão anterior desse Em formato de
linguagem de marcação de design. No final das contas, o
IDML é uma forma de
salvar seu trabalho em um
formato que pode ser aberto em
versões anteriores do in design Portanto, se você estiver usando
a versão mais recente, mas outra pessoa precisar
verificar esse arquivo, talvez em uma gráfica, possa ter
uma versão mais antiga
e, para garantir que
possa abrir o arquivo, você pode salvá-lo
no formato in design markup
language Então, isso também é útil. A propósito,
falaremos sobre salvar seu trabalho como um
pacote em outra lição que
também incluirá automaticamente um arquivo IDML ao lado
do documento de design Então, isso voltará quando
falarmos sobre pacotes. Então, esses são os
principais formatos de arquivo que podemos armazenar
em nosso computador. No entanto, também há
a opção de salvar isso na nuvem. Então, transforme isso em
um documento na nuvem. Então, se eu escolher Salvar documento
na nuvem, posso decidir qual deve ser
o nome
e, em seguida, posso simplesmente dizer Salvar. E então nos dirá
que os ativos vinculados, principalmente as imagens, não
serão enviados para a nuvem. Então, eles
aparecerão como elos perdidos. Portanto, se você estiver abrindo este documento
na nuvem em outro computador, poderá ter problemas com isso. Portanto, a melhor maneira de evitar que isso
aconteça é manter todos os ativos em
suas bibliotecas da CC ou simplesmente
incorporar todas as imagens Portanto, caso você esteja planejando
usar uma nuvem
documentada no design, é
aconselhável evitar
quaisquer ativos vinculados. Na verdade, a recomendação é completamente
oposta, eu diria, se você estiver
trabalhando offline. Então, quando você está armazenando
seu arquivo em seu computador, é melhor
manter tudo vinculado. Portanto, é um pouco
complicado se acostumar com isso se você
estiver migrando para um formato de documento
na nuvem Mas eu só vou
te mostrar o que acontece
quando fazemos isso. Você pode ver que o
formato do arquivo está mudando para NDDC. Então, no design, documento em nuvem. E também podemos ver o
pequeno ícone da nuvem aqui. E podemos verificar se ele está
salvo agora na nuvem
acessando o aplicativo de
desktop Creative Cloud e, dentro dos arquivos, podemos ver que existe o
arquivo que acabamos de salvar. A propósito, se houver
muitos documentos na nuvem, você pode até mesmo filtrar
em documentos de design, e você pode ver que tenho
alguns deles aqui. E podemos, é claro, abrir isso
diretamente no Indesign Podemos até mesmo visualizá-lo aqui no aplicativo de desktop Creative
Cloud. E se voltarmos aqui, também
podemos abri-lo na web. Então,
isso o abriria em um navegador. Uma das maiores
vantagens de criar uma versão
em nuvem do seu documento de design é que ela permitirá que outras
pessoas colaborem com você e acessem
o mesmo documento Tudo o que você precisa fazer
é simplesmente enviar o link para seu colaborador
e, quando
ele o abrir no navegador, poderá escolher
abrir no Adobe in Design, que o abrirá
no aplicativo real Lá, eles poderão
fazer suas alterações e você poderá
trabalhar junto com eles. Depois de começar a
trabalhar com alguém, especialmente remotamente
no mesmo arquivo, é recomendável
usar também o painel Histórico de versões, que você pode encontrar aqui na
parte inferior do menu Janela E isso vai
falar sobre todas as alterações que foram
feitas no documento. Então, atualmente,
sou só eu trabalhando nisso. Mas se eu tiver um colaborador, também
verei quando
eles estão fazendo alterações e poderei até
mesmo voltar às versões
anteriores se não
concordar com as Caso você queira que todo o
documento apareça em um navegador e o torne facilmente
acessível para todos. Para isso, você deve usar
o recurso de publicação online, que também pode ser
encontrado no menu Arquivo. Então você só precisa vir
aqui, publicar on-line e aqui você pode
decidir se este é um documento totalmente novo ou se
deseja apenas atualizar um documento
existente. Vou escolher
publicar um novo documento e vou manter
as configurações padrão. Há muitas opções
que você pode escolher aqui. Como poderíamos dizer,
queremos escolher uma determinada página para
a pré-visualização disso. Talvez a segunda página fosse melhor ou poderíamos até mesmo
fazer upload de uma imagem se
quiséssemos , e eu vou
manter o resto das opções
aqui do jeito que estão, e vou clicar em Publicar. E vai demorar um pouco, especialmente se você tiver um
documento longo com muitas imagens. Nesse caso, há
apenas oito páginas, então foi bem rápido. E agora podemos simplesmente copiar este link ou clicar
em Exibir documento
e, em seguida, ele
abrirá na janela do navegador. Então, deixe-me abrir isso. E também podemos ver as miniaturas aqui na parte inferior
aparecendo E um dos problemas que eu vejo imediatamente é que ele foi salvo como
páginas individuais, não como páginas espelhadas Então, isso é algo
que precisamos corrigir. E se eu voltar para o design, posso simplesmente voltar a
publicar online novamente. E desta vez, eu escolheria
atualizar o documento existente. E o bom disso é que isso não mudará
a URL. Então, se você já
o enviou ou compartilhou em algum lugar, as pessoas poderão
continuar usando isso. Mas assim que
fizermos as alterações, ele será atualizado automaticamente. Então, tudo será consertado. Eu vou mudar para espalhar. Esse é o que
eu esqueci de mudar. Posso simplesmente dizer
publicar, clicar em OK e depois esperar
que a opção de upload seja
executada novamente. E agora podemos
voltar aqui e atualizar o navegador
e, imediatamente, posso ver que
agora há apenas quatro páginas E se eu ver as
miniaturas, sim, agora elas estão definidas em E, é claro,
podemos ampliar e reduzir o zoom, e é uma ótima maneira de
revisar o trabalho que você
criou no navegador. Agora, também há
outra opção aqui
no canto superior direito
chamada compartilhar. Essa é a opção de compartilhar
para revisão. Isso é especialmente útil se você tiver outras partes interessadas ou colaboradores com quem trabalha e que
gostariam de revisar o
trabalho e dar feedback Portanto, se você clicar em Compartilhar, aqui poderá
escolher
se isso será acessível apenas para pessoas
convidadas ou talvez qualquer pessoa com o link possa
comentar sobre ele. Vou escolher
qualquer pessoa com o link por enquanto
e, se eu clicar em
Criar link, novamente, isso será carregado
no meu armazenamento na nuvem, mas
será um URL diferente, do que criamos com o recurso
online publicado. Então, esse é simplesmente para visualizar o documento
em um navegador, enquanto este permite que
as pessoas o revisem
e adicionem comentários. Se eu copiar este link, posso copiá-lo
do painel de revisão também
posso copiá-lo
do painel de revisão e depois
abri-lo aqui no navegador. Podemos ver que temos um painel de comentários
aqui à direita, e aqui talvez possamos
colocar pinos e apenas explicar que isso
precisa ser menor Em seguida, enviamos esse
comentário que
ficará visível para qualquer pessoa com
esse link no navegador. Mas quando
voltarmos ao design, ele também aparecerá aqui. Então, depois de alguns segundos, veremos que o
comando chegou e
podemos verificar onde ele está no documento
simplesmente clicando nele, e ele nos levará até
onde o pino está colocado. E embora tenha
me levado para a página certa, é importante mencionar
que somente na visualização normal, você realmente verá a
anotação, o pequeno Portanto, você precisa pressionar W
caso esteja no modo de visualização, e agora podemos ver que
há a anotação,
que, aliás, também
pode ser ocultada se
não quisermos vê-la,
mas isso, é claro,
pode ser útil E então podemos responder a isso, ou podemos simplesmente dizer que
já foi resolvido. Então, se eu clicar nisso, vou responder
a isso de uma forma que eu corrija, para
que possa ser tomada. E eu gosto muito desse recurso. De certa forma, ele funciona de forma semelhante
ao painel de pré-voo sobre o
qual falamos anteriormente Mas é claro que aqui você está
colaborando e trabalhando talvez
com
revisores ou pessoas que estão verificando seu trabalho
e ajudando você a refiná-lo e prepará-lo
para o resultado final Também podemos exportar nosso documento de
design em vários outros formatos, que você encontraria
no recurso de exportação de arquivos. Então, se formos até aqui,
poderemos escolher as
seguintes opções. Portanto, temos dois tipos de
PDFs, interativos e impressos. Eles são muito usados. A
opção interativa incluiria recursos
adicionais que
funcionariam bem em coisas
como um tablet, como um vídeo ou talvez um URL, enquanto a
opção de impressão
de PDF tem mais opções para converter cores e
prepará-lo para impressão Também temos EPS, que é uma
versão mais antiga do PDF. Isso também pode ser aberto no
Illustrator e em outros aplicativos de
edição vetorial Também temos dois tipos
de formatos ePub layout
fixo e refluível Temos opções de HTML. Na verdade, também temos o arquivo de linguagem de
marcação in design aqui, para que você possa encontrar tanto no salvamento de
arquivos quanto na exportação de arquivos E então temos dois formatos de
arquivo de imagem, JPEG e PNG. E, finalmente, temos o XML, que serve mais para
uma lista estruturada de todos os componentes
do seu documento.
57. 5.2.c Prova: In Design oferece várias
maneiras de testar seu documento como ele funcionará na impressão. Então, isso é o que chamamos de revisão antes que ela seja realmente
enviada para a impressora Você pode fazer alguns testes
e os encontrará no menu de fogo, principalmente na opção de impressão, mas também daremos uma
olhada no livreto impresso Primeiro, vamos começar aqui na versão impressa. Para isso, tudo o que você
precisa fazer é ir até a seção de configuração e escolher as miniaturas Aqui você pode decidir
quantas páginas gostaria de ver por página. Então, talvez eu queira
ver dois por dois. E nesse caso, temos oito páginas, isso resultaria em duas páginas no total
quando exportássemos isso. Agora, é importante
mencionar que não
há como salvar isso como PDF,
portanto, isso só está
disponível para impressão. Antes de prosseguirmos,
eu só queria mencionar que logo
abaixo das miniaturas, também
temos uma
opção chamada bloco Agora, isso pode ser
útil se você planeja imprimir
algo muito grande, como um banner grande
que não cabe no tamanho do papel que
sua impressora pode suportar. E aqui você poderá especificar
a sobreposição. Então, quantas impressões
você gostaria que se sobrepusessem ao alinhar esses
ladrilhos impressos
um ao lado Outra opção para
revisar seu documento seria o recurso de impressão do
livreto Depois de escolher isso,
você poderá escolher
a encadernação
ou a costura Então, se vai ser um ponto fixo
ou um encadernamento perfeito, você também pode especificar
a deformação Portanto, todos esses são
termos impressos que, caso você esteja familiarizado com a forma como
os livros ou as revistas são impressos, poderá apreciar No entanto, você
realmente não precisa se preocupar em aprender
tudo isso para o exame, porque eu
nunca vi isso acontecer. O bom é
saber onde você pode
encontrar esse recurso. E só para se familiarizar com a forma como esses folhetos
seriam impressos Então, geralmente, é apenas reorganizar as páginas
do documento Assim, podemos ver que
ao lado da primeira página, teríamos a última página. Então 34, 41, então teríamos a segunda página
alinhada com a sétima Então teríamos a terceira
página aqui à direita, alinhada com a
sexta à esquerda E então teríamos cinco e quatro próximos um do
outro no último spread. Então, de certa forma, o recurso de
impressão de livretos está apenas remodelando as páginas de acordo com
a forma como
esses livretos normalmente esses livretos Mas, como eu disse, você não
precisa se preocupar muito com esse
recurso. Mas, além dessas opções
de prova de impressão, você também tem a prova de
cores no menu Exibir Você pode escolher cores de prova, e isso será ativado. Em seguida, voltando ao menu de
exibição na configuração de prova, você pode escolher o perfil de cores que gostaria de testar. Portanto, caso você tenha
o perfil ICC específico para uma impressora, você pode realmente mostrar isso
aqui na tela do computador Então, por exemplo, eu poderia ir até aqui e encontrar um perfil de impressora, como um desses, acredito que seja um perfil de
impressora ausente Vamos escolher esse e
clicar em OK. Imediatamente, você pode ver
como as cores mudarão, e isso é apenas uma prévia da página impressa
real. Então, se eu desativar a prova de cores, isso é o que
vimos na tela, e esta é uma estimativa aproximada
de como isso ficaria impresso
naquela impressora
específica usando aquele papel específico. Esse é um recurso muito útil e é importante saber
onde você pode encontrá-lo. E por último, mas não menos importante, também
vale a pena mencionar
que você também pode corrigir a ortografia em seu documento para o qual gostaria
de acessar o menu de edição
e, em ortografia,
poderá escolher Quando você clica
nele, ele
percorre o documento
e encontra quaisquer problemas. Então, posso simplesmente clicar em Ignorar e, como você pode ver, ele
encontrará coisas que
não reconhece, como o nome Santorini, poderíamos adicionar isso a um dicionário porque é um
lugar Então, novamente, temos outros
nomes aqui que podemos adicionar. Não
vou falar sobre isso,
mas isso geralmente
funciona da mesma forma que você faria com a verificação ortográfica
em outros aplicativos
58. Pacote 5.2.d: Depois de verificar todos os
erros e fazer todas as revisões necessárias para seu
projeto de design, é hora de
arquivá-lo, que significa que você
deseja salvá-lo em um formato que possa ser
facilmente acessado posteriormente Assim, você pode armazená-lo em seu disco
rígido ou em um servidor, ou também pode
enviá-lo para
outra pessoa que talvez precise fazer
alterações nele no futuro. Portanto, para isso, sem dúvida, o melhor formato é o pacote
in design, que mencionamos brevemente anteriormente
neste curso, mas gostaria de mostrar onde
você pode encontrá-lo. Portanto, é um pacote de arquivos. E para que isso funcione, a
primeira e mais importante coisa que você precisa primeiro é
salvar seu arquivo de design. Depois de fazer isso, você
poderá salvar o pacote. Então, vou mostrar
se eu clicar no pacote e pedir que eu primeiro
salve o documento. E então eu posso
te mostrar que eu já tenho aqui uma pasta de pacotes. Então é isso que você receberá ao salvar um pacote. Dentro dele estará
o arquivo Idsign e também uma pasta de links, incluindo todas as
imagens e gráficos necessários Caso haja alguma fonte
usada em seu documento, ela será armazenada em uma pasta
adicional chamada fontes, exceto se você estiver usando fontes da
Adobe, pois elas não
serão copiadas em uma pasta E para esse documento
em particular, eu estava confiando apenas
nas fontes da Adobe. É por isso que não
vemos isso aqui. Percebo que, na verdade, existe um recurso aqui
com o qual você pode desativar a criação da pasta de fontes se não quiser usá-lo. Mas, por padrão, eu
recomendaria
ter todas
essas três opções ativadas
e normalmente também gosto de salvar um IDML ou um arquivo de
linguagem de marcação in design no pacote,
que é o formato de arquivo
compatível com versões anteriores do Então, novamente, isso pode ser aberto em outras versões do in design. E então também
é útil ter a opção de impressão em PDF. Você pode escolher uma dessas
predefinições como essa, que também será salva
na mesma pasta Então, eu não vou realmente
criar o pacote porque eu já o
tenho nesta pasta. Eu só queria
te mostrar onde você pode encontrar isso e como salvá-lo.
59. Introdução de projetos: Tudo bem, então, finalmente, chegamos
à parte mais empolgante
deste curso, onde você pode
testar seus conhecimentos
e ver o quanto você entendeu de tudo o
que abordamos até agora Este capítulo inteiro é
dedicado a oferecer a você a experiência mais próxima de
realizar tarefas durante o exame
usando o design da Adobe. Portanto, além de responder a perguntas de
múltipla escolha, você precisa realizar essas tarefas E normalmente essas
tarefas são simples, como virar uma
imagem horizontalmente Ou mover algo de uma camada para outra
e assim por diante. Agora, para tornar as coisas um
pouco mais organizadas, mas também um pouco
mais desafiadoras, em vez de fornecer
apenas tarefas individuais, organizei várias tarefas
em projetos. Portanto, isso é um pouco
diferente do exame. Lá, você terá
apenas tarefas individuais. Mas aqui, você tem várias
tarefas que precisam ser executadas na ordem certa
para concluir um projeto. Então, por exemplo, aqui podemos ver o primeiro projeto
e podemos ver as cinco etapas ou tarefas que precisamos realizar
para concluí-lo. Então, só para ficar claro, se você concluir talvez
três ou quatro projetos, isso já é aproximadamente a
mesma quantidade de tarefas que você teria que concluir
durante o exame. E, como eu disse, no exame, essas tarefas não estarão
conectadas umas às outras, então serão completamente
independentes umas das outras. Assim, você não precisa
concluí-las na ordem correta. Quando você se sentir pronto
e confiante sobre todos os cinco tópicos, o que eu
recomendaria que você fizesse é abrir os projetos no arquivo de
modelo de design e passar por todos os projetos
sem assistir ao resto dos vídeos
deste capítulo, porque essa é a melhor maneira de
testar e ver o
quanto você entendeu tudo o
que abordamos até agora. Então, só para esclarecer, o
restante dos vídeos deste capítulo são as
soluções para esses projetos. Então, eu explico passo passo como eu os concluiria,
mas você só deve
observá-los depois concluir os
projetos sozinho. Agora, aqui estão algumas
coisas úteis que você deve ter
em mente ao
realizar esses projetos. Em primeiro lugar, ao
abrir o arquivo, ele deve aparecer
na visualização normal, que mostrará as margens
e os contornos dos objetos Mas caso você não os veja, basta pressionar W no teclado
e, em seguida, ele deverá voltar
para o modo de visualização. E os painéis
mais úteis que você deve manter abertos
à direita são as propriedades, as páginas e os painéis de camadas. Mas, ocasionalmente, você também
precisará de alguns painéis
adicionais, que obviamente podem ser
encontrados no menu da janela. Eu não recomendo manter
muitos painéis abertos. Então, se você não precisa de algo, basta escondê-lo em um estado
icônico obstinado como esse, ou você pode simplesmente fechá-los e reabri-los sempre que
precisar Haverá três camadas
nesse arquivo, das quais
duas serão bloqueadas, a página principal e
as camadas de instruções. Então, posso mostrar os elementos
da página
principal na parte superior e
as instruções no lado esquerdo. E os ativos de teste são a camada na qual você
deve trabalhar. Então é aqui que
estarão
todos os elementos , com os quais você
poderá trabalhar. E cada uma dessas páginas
terá coisas
registradas , como as instruções e coisas com as quais você
pode interagir. Os projetos finalmente foram
configurados como um modelo para garantir que você não os
sobrescreva acidentalmente Portanto, caso
queira reiniciar um projeto, basta abrir o arquivo
novamente no in design. Ele virá como um novo documento
sem título com tudo redefinido no estado
que eu preparei para você Não há uma ordem certa ou errada
para realizar esses projetos, então eles não estão aumentando em
dificuldade à medida que você avança. Assim, você pode concluí-los
na ordem que desejar. E, por exemplo, se você se
deparar com uma que seja um
pouco desafiadora, você pode simplesmente ignorá-la, seguir em frente e talvez revisitá-la
um pouco mais tarde, talvez depois de rever algumas das
aulas correspondentes E eu recomendaria salvar seu arquivo no final, depois de
concluir todos os projetos. Dessa forma, você
poderá
compará-lo lado a lado com meus resultados que
demonstrarei nos
vídeos a seguir neste capítulo. Então, boa sorte, e espero que
você se divirta tanto concluindo esses projetos quanto eu os
montei para você.
60. Projeto 01 Mariposa rosa: Ok, então neste
vídeo, vou mostrar
a solução para
o primeiro projeto com
essa linda mariposa rosa Mas antes de prosseguir, eu só queria ter
certeza de que você já experimentou esse
projeto sozinho, então o concluiu e agora só
quer ver a solução. Portanto, o objetivo principal
deste capítulo não
é seguir passo a
passo o que estou fazendo. É só para verificar se
você fez as coisas corretamente. Portanto, caso você ainda não tenha
feito o projeto, certifique-se de abrir
o arquivo, fazê-lo
e, somente depois disso,
assistir ao resto deste vídeo. Sem que o
aviso de spoiler saia do caminho, vou apenas realizar
as tarefas Ok, então o primeiro passo é
redimensionar essa imagem para
100 por 100 milímetros Para isso, podemos usar a área de transformação aqui
dentro do painel de propriedades, ou também podemos usar os valores aqui
na área de controle. Eu
já tenho a corrente ligada para restringir
as proporções Isso facilita
porque eu apenas
altero a largura para 100 e a
altura também se ajusta. A
proporção original também era quadrada, então isso mantém
a mesma proporção Mas observe que
essa transformação altera
apenas o tamanho
do contêiner, mas não o conteúdo,
para garantir que os dois correspondam ou que o
conteúdo também seja redimensionado Devemos usar o quadro de campo proporcionalmente ou ajustar o
conteúdo ao ajuste do quadro Isso é algo que
podemos fazer a partir daqui. Vou apenas clicar nele, ou você também pode
encontrar essas opções aqui no painel de propriedades. Então, vou usar essa opção. Agora, vamos criar
uma guia vertical no centro da página. Então, essa é uma
pergunta interessante, sabemos que guias
verticais podem ser arrastadas para fora da
régua à esquerda
e, se eu mover isso, poderei alinhá-las
à imagem, se eu quiser Posso alinhá-lo às margens
e a quaisquer outros elementos do
documento Mas não há um cara
inteligente
me dizendo onde está o ponto central
do documento. Portanto, a maneira mais fácil de colocar
isso
no centro do documento
seria colocá-lo até a
extremidade direita da página. Então esse é o valor máximo, os 297 milímetros
neste caso E se eu selecionar a
régua, posso vê-la aqui. Então, ele mostra isso para mim
no painel de propriedades. E o que você pode fazer
é reduzir isso pela metade digitando a barra
dois e pressionando Enter Portanto, o design pode fazer
as contas por você
e, dessa forma, você coloca seu
guia exatamente no centro. Agora, em seguida, precisamos criar uma guia horizontal
nessa posição específica
no documento. O que eu normalmente faço é
arrastar uma guia, selecioná-la e
digitar o valor. Então, 97,3 milímetros.
Isso é perfeito. A propósito, caso você
esteja vendo milímetros agora,
você pode clicar com o botão direito
nas réguas
e trocar as e trocar as E, finalmente, temos que
alinhar o canto superior esquerdo
da imagem com a interseção das guias. Isso é simples. Só precisamos arrastar
isso até aqui, e ele deve caber perfeitamente entre as guias e também
a margem na parte inferior. Então essa é a solução
para o primeiro projeto. Não foi tão difícil, certo? E não se preocupe se você
não fez exatamente tudo
do jeito que eu fiz. Desde que seu resultado final parecido com o meu,
você deve ficar bem. Porque mesmo no exame, você não precisa fazer tudo
exatamente de uma determinada maneira. Tudo gira em torno do resultado
final. Então, se você
configurar as coisas corretamente, não importa como você faça isso, o teste deve lhe dar
pontos pelo que você
fez , independentemente de como
você acabou lá.
61. Tabela do projeto 02: O segundo projeto é sobre a
criação de uma tabela. Agora, isso é algo
que quase sempre aparecia no exame. Então, você definitivamente precisa estar familiarizado com a forma de fazer isso. E esse projeto testa maioria das coisas que
eles normalmente perguntariam. E, mais uma vez,
seriam apenas uma ou duas dessas
tarefas no exame. Não seria tão complexo
quanto todo o projeto. Portanto, isso deveria
ser uma compilação de todos os tipos de
perguntas que você normalmente
teria que
responder em um exame Ah, o primeiro passo é
criar um quadro de texto
entre a guia no centro e também
a margem da página. Então, vou
criar minha moldura usando a ferramenta de moldura retangular ou
também a ferramenta de texto, que pode ser usada Então, vou usar a ferramenta de
texto e clicar e arrastar para ter certeza de que
ela se encaixa aqui. Está bem? Então, há uma moldura pronta. E vou
clicar duas vezes dentro disso apenas para ter certeza de
que é aí que
a mesa será colocada. Agora, antes de colocar
a tabela, basta verificar se você
não tem nenhum
estilo de caractere ou parágrafo selecionado. Isso é algo
que você pode ver no painel de propriedades ou também nos painéis de
estilos. Portanto, você deseja garantir que o parágrafo básico esteja selecionado
e, a partir dos estilos de
caractere, nenhum estilo esteja selecionado. E então você pode ir ao menu
da tabela e
escolher Inserir tabela, e você desejará
ter dez linhas, seis colunas e uma
linha de cabeçalho, conforme descrito aqui
na segunda tarefa. Depois de clicar em OK, é
assim que a tabela se parece. Então, ele se encaixa perfeitamente
dentro do meu quadro de texto. E então temos que colocar a cópia desse quadro de
texto aqui. Então, eu apenas cliquei dentro
do quadro de texto e pressionei Comando Control
A para selecionar O. E então temos que ter certeza de que,
quando selecionamos essa tabela, não a
selecionamos apenas
com a ferramenta de seleção, mas você realmente clica
duas vezes dentro dela e depois vai para o canto inferior
esquerdo e clica mais
uma vez lá para
selecionar todas as células Então, na verdade, isso também é descrito
aqui na tarefa. Portanto, todas as células precisam ser preenchidas
corretamente para essa tarefa. E agora podemos simplesmente dizer editar, colar, e é assim
que deve ser. Agora, para a próxima etapa, temos
que ter certeza de que ainda
temos um cursor piscando
em algum lugar dentro da mesa Realmente não importa onde. Apenas certifique-se de que
você ainda esteja no modo de edição de
texto e
tenha a tabela selecionada. E então você pode ir
ao menu da tabela e escolher as opções da tabela, e precisamos de preenchimentos alternados Selecionamos essa opção, obteremos a caixa de diálogo e apenas garantiremos que você tenha
a visualização ativada para que você possa
ver um feedback ao vivo sobre as
alterações adicionadas aqui. Então, queremos ter certeza de que isso
está definido para todas as outras regras e queremos usar
a amostra Sian E acho que isso é tudo o que
precisávamos fazer
nessa caixa de diálogo. Sim, podemos simplesmente clicar em OK. Então é assim que
vai parecer. E então queremos salvar
isso como um estilo de tabela. Para isso, precisaríamos do painel Estilos de tabela de
estilos de
janela. E então, dentro disso, podemos manter pressionada a tecla de opção de
alteração e clicar no sinal de mais, que nos permite
chamar esses pratos. Esse é o estilo que
queremos salvar e inclui a configuração de
preenchimento alternativo que usamos Então, podemos simplesmente clicar em OK e agora selecionar isso apenas para
garantir que também seja aplicado
a essa tabela. E isso é tudo que você precisa
fazer para o segundo projeto.
62. Projeto 03 Guindastes: Para o Projeto três, temos outra imagem com a qual
precisamos trabalhar. Primeiro de tudo, temos que definir o ponto de referência
no ponto central. Agora, isso é algo
que podemos fazer aqui. Já está
no ponto central. Também está no ponto
central aqui. Então, agora podemos virar a
imagem horizontalmente. Novamente, posso fazer isso
neste ícone aqui. Portanto, sem mover a estrutura, ela apenas a vira horizontalmente e os guindastes devem estar
voando para o Foi quando você já
fez a inversão. Mas também podemos ver aqui em cima, esse pequeno indicador nos diz que a imagem
já estava invertida Agora vem a parte interessante. Então, temos que cortar
essa imagem
da parte inferior em 25 milímetros Agora, como você
normalmente faria isso? Se você não
precisa ser muito específico, eu diria que basta arrastar a borda inferior
da moldura para cima e ela já está sendo cortada No entanto, aqui precisamos
garantir que isso seja feito exatamente em 25 milímetros Portanto, a melhor maneira de fazer
isso seria alterar o ponto de referência para
o ponto central superior ou
qualquer um dos pontos superiores
e, em seguida, você alterará
a altura da moldura , mas sem alterar a largura. Então, vamos retirar o link. Não queremos restringir
as proporções. E, para ser exato, poderíamos digitar -25
no valor da altura Então, se eu pressionar Enter, isso vai cortar 25 milímetros de
baixo para cima Então, mais uma vez, o ponto de
referência está lá para garantir que a borda
superior não se mova. Então esse é o ponto fixo
e, nesse caso, alterar
a altura
resultará no corte da borda
inferior Agora, se precisarmos
cortar da parte superior, gostaríamos de mudar o ponto de referência
para a borda inferior. Então, queremos digitar -15 para a altura porque
essa é a próxima etapa, cortar 50 milímetros
da extremidade superior da moldura, e isso vai
funcionar Então, mais uma vez, a mudança do ponto de
referência foi importante para garantir que estamos cortando
na direção certa Agora podemos passar para a
etapa ou tarefa quatro, que é adicionar efeitos de canto
sofisticados com
tamanho de oito milímetros em Então, eu posso usar os
efeitos de canto a partir daqui. Queremos sofisticado e definido
para 8 milímetros. Isso também é algo
que podemos encontrar na seção de aparência
no painel de propriedades, se
você quiser usá-lo. Em seguida, precisamos adicionar
um efeito de brilho interno. Novamente, você pode escolher
os efeitos daqui ou
daqui de cima
na barra de controle, o
que preferir E o brilho interno é
o que nos falta. Agora, nessa caixa de diálogo, você quer ter certeza de que
a visualização está
ativada apenas para que você possa ver
as alterações que você faz. E depois vou
digitar primeiro o tamanho. Isso precisa ser de 30 milímetros. A opacidade deve ser 100 , então queremos que o
modo de mesclagem seja configurado para sobreposição e a cor deve
ter os É a cor cem 9010. Então esse é esse,
o azul escuro. É uma amostra padrão em design. Vamos clicar em OK e podemos ver as versões antes e
depois disso. Por isso, adiciona aquele belo
tom roxo nas bordas, quase como uma vinheta E podemos clicar em OK. E agora só precisamos salvar
isso como um estilo de objeto, que podemos fazer
nesse menu suspenso
aqui na parte superior ou na verdade, nesse menu suspenso, onde
podemos especificar o
novo estilo de objeto, ou também podemos fazer isso
no painel de estilos de objeto
criando um novo estilo aqui. Eu recomendo manter pressionada
a tecla Alter option
e, dessa forma, você também poderá
nomear esse estilo. Então, vou ativar a visualização prévia e digitar de forma elegante E também podemos aplicar o
estilo à seleção. Portanto, não apenas criamos um
estilo com base nisso, mas também vinculamos
os dois. E então vamos clicar em OK. Então, agora nosso estilo está salvo, e só para testá-lo, podemos voltar para o quadro
gráfico básico, por exemplo, que
se parece com isso, e depois podemos
voltar para o sofisticado, que ficará assim E essa é a solução
para o terceiro projeto.
63. Projeto 04 Formatação do texto: O projeto quatro trata de formatar texto e salvar um estilo de
parágrafo Então, primeiro de tudo,
temos que alterar
a largura desse
quadro de texto para 90 milímetros, e teremos que alinhá-lo na parte superior e
fazer Então, primeiro de tudo,
podemos alterar a largura aqui sem alterar
a altura. Vou
digitar 90 milímetros, e então podemos alinhá-lo
aqui no canto superior direito E então precisamos definir
a liderança em 12 pontos. Agora, a melhor coisa
a fazer é usar
a ferramenta de texto e
selecionar todo o texto
ou, se você tiver todo o quadro de
texto selecionado, também
poderá usar o painel de
propriedades e já fazer essas alterações. Então, a liderança
seria essa aqui. Vou
digitar apenas 12 pontos
e, como você pode ver, ele
foi atualizado em toda a cópia. Então, queremos definir o
rastreamento para menos dez. Esse será
esse valor aqui, então menos dez para rastreamento Isso apenas aproxima os personagens um pouco mais
um do outro. Em seguida, queremos remover
os parágrafos vazios. Portanto, há um
parágrafo vazio aqui e ali. Mas caso
queira visualizar isso,
você pode usar a opção tipo mostrar caracteres
ocultos, e aí estão os parágrafos
vazios Então eu removo um e outro, e talvez esse aqui no
final seja o que podemos remover. E agora, novamente, eu apenas pressiono essa imagem para selecionar o quadro
inteiro
e, em seguida, queremos adicionar espaço de
quatro milímetros
entre os Então, isso é algo que podemos fazer a partir das opções de parágrafo, que estão mais abaixo, e queremos usar
o espaço entre os parágrafos e
configurá-lo para 4 milímetros Então, está parecendo bom. Agora, queremos usar texto
justificado com o alinhamento da última linha à esquerda Essa, e nós
também queremos remover a hifenização. Então, vamos tirar isso. E, finalmente, queremos
salvar isso como um estilo de parágrafo chamado Design
editorial. Portanto, podemos fazer isso no painel Estilos de
parágrafo, alterar a tecla de opção e
clicar em Criar novo estilo
e, em seguida, garantir que a opção Aplicar
estilo à seleção esteja ativada, pois isso faz parte da tarefa. E queremos dar um nome a
esse design editorial. E vamos clicar em OK. Então, só para testar isso, se eu mudar para o parágrafo básico, é
assim que fica. E com o design editorial, você se lembrará de todas as
configurações que aplicamos. E esse é o projeto
número quatro resolvido.
64. Projeto 05 Kerning: O projeto número cinco é provavelmente o mais fácil
de todos. Este é apenas um simples exercício de
queima. Portanto, temos que garantir que
essa versão em preto
do texto corresponda ao lado
do texto abaixo dela Portanto, a versão azul é o estado
ideal do texto, e é isso que precisamos
alcançar aqui no topo. Então, primeiro de tudo, você precisa da ferramenta de texto,
clique dentro do texto
e, em seguida, use as setas esquerda
e direita da tecla de opção
Alter para ajustar o ajuste, e não precisa ter a
mesma aparência Apenas tente chegar o mais
perto possível. E, a propósito, eu tenho os personagens
ocultos visíveis. É por isso que eu vejo aquele
pontinho lá. Esse é o caractere espacial, e eu gosto de usá-los
quando faço kerning porque isso me
ajuda a ver onde esses personagens estão e
onde está o ponto central Assim, você pode
digitar e mostrar os caracteres
ocultos
aqui
na parte inferior , caso ainda não os
veja. Agora, deixe-me mover o W
um pouco mais para a esquerda. Talvez esse possa voltar
um pouco, algo assim. Novamente, estou usando apenas as setas
esquerda e direita
no teclado Até eu sentir que tudo
está no lugar certo. E esse guia aqui à
direita está nos ajudando a alinhar o último caractere
ao mesmo texto abaixo Então, mais uma vez, talvez eu
precise adiar um pouco, sim, eu sinto que
estamos muito perto agora. E então o próximo passo
seria mudar
a cor do texto para Scion Se eu pressionar J no teclado, posso
alternar rapidamente entre selecionar o quadro ou selecionar o
texto dentro dele. E depois que o texto é selecionado, posso simplesmente escolher
a opção Sian. E com isso, o Projeto
Cinco também está completo.
65. Projeto 06 Texto em contorno: No Projeto seis, temos que usar alguns recursos
em combinação, e temos três elementos aqui teremos que trabalhar
com esse círculo, quadro
vazio, temos
a imagem por trás dele e também temos
esse quadro de texto. Agora, é importante não
movê-los, então tudo já está
colocado na posição correta. E, em geral, você não
deve mexer nas coisas no exame,
a menos que eles solicitem
especificamente que você o faça. Portanto, é um bom hábito não
se mexer e
mexer nas coisas, a menos que
eles peçam Portanto, o primeiro passo é
colocar a imagem na moldura branca circular. Então, vamos selecionar a imagem e pressionar Commando
Control X para recortá-la
e, em seguida, selecione a moldura, clique com o botão
direito do mouse e escolha colar em ou usar
editar e colar em E isso deve ter a
imagem colocada dentro da moldura exatamente no mesmo
local em que estava antes. Então, agora podemos atribuir
a quebra de texto a isso. Portanto, selecione esse
quadro de texto
e, em seguida, você pode acessar as opções de quebra de texto aqui
no painel de propriedades e escolher contornar a forma do objeto
e, em seguida, usar um
deslocamento de
cinco milímetros É assim que deveria ser. Em seguida, queremos selecionar o quadro de
texto e clicar duas vezes dentro do primeiro parágrafo
para adicionar a capitulação. Para isso, podemos rolar
para baixo até o painel de parágrafos e queremos aumentar
esse valor aqui para três. Então, isso fará com que
o primeiro personagem cubra três linhas. E estilisticamente,
faria sentido adicionar
um pouco de cortejo aqui entre esse
personagem e Isso é algo que você pode
fazer com a seta
direita da opção Alter algumas vezes
e, na verdade, não está
definido aqui nas instruções.
É algo que eu sempre gosto de fazer. Mas agora que
fizemos isso, queremos que todo
o quadro de texto
seja selecionado. Você sempre pode pressionar
escape se estiver no modo de edição de
texto para alternar
para a seleção do quadro
e, em seguida, queremos alterar
a entrelinha para 14 pontos. Então, basta rolar para baixo até aqui
no painel de propriedades e mudar o
condutor automático para 14 pontos. Em seguida, queremos
alterar o alinhamento para justificar com o alinhamento da última
linha E, finalmente, queremos estender o quadro para baixo para evitar
qualquer texto exagerado Então, podemos simplesmente arrastar
isso para baixo, ou podemos clicar duas vezes na borda central inferior da moldura, e isso deve se estender
para baixo para nós. E esse é o resultado final. Então, é assim que
deve ficar quando você estiver pronto
com o Projeto seis.
66. Projeto 07 Página principal: Para o Projeto sete, você
realmente não tem nada
na página com que trabalhar. São apenas as instruções
que você precisa aqui. Portanto, precisamos criar uma nova página
principal chamada B parent, com base em uma página principal. A maneira mais fácil de
fazer isso seria clicar
com o botão direito do mouse em um pai no painel de páginas e
escolher o novo pai. E então queremos que
isso seja chamado de B, que deve ser a opção
automática. Mas queremos ter certeza de que
é baseado em um dos pais. O tamanho e a orientação da página
não precisam mudar, então podemos simplesmente clicar em OK. E isso nos levará
direto para a página principal B, para que possamos fazer alterações
aqui, se quisermos. Mas vou
voltar às instruções
na página sete para ver
qual é a próxima etapa. Portanto, temos que adicionar
o quadro de texto
no canto inferior direito, logo abaixo da margem inferior da página. Então, vamos voltar para
nossa página principal B, e eu vou
usar o quadro de texto, e eu crio um quadro de texto aqui. Então, logo abaixo da
margem, conforme descrito, vou ampliar
um pouco mais para verificar se o
alinhamento está correto Aí está. Ok.
Então, há uma moldura. Agora vamos ver a próxima etapa. Precisamos adicionar um marcador de
número de página usando o estilo de caractere vermelho em negrito e a fonte aérea
com tamanho de 12 pontos Então, vamos voltar mais
uma vez aqui. Primeiro, eu apenas clico
dentro do quadro para ter certeza de que o
cursor está lá. E então eu vou para o menu
de texto e escolho Inserir
marcadores de caracteres especiais, número da página atual Você também pode usar o
atalho se quiser. Depois de inserido, queremos ter certeza de que não
há nenhum
estilo de parágrafo usado, então vamos reverter isso de
volta ao parágrafo básico E o estilo do caractere foi
definido automaticamente para vermelho em negrito, mas caso não seja para
você, basta destacar o texto e
escolher o vermelho em negrito. Depois de fazer isso,
basta
alterar a fonte para aérea Então, eu estou mudando isso
na área do personagem. Queremos uma regularidade aérea, e 12 pontos é o que
já está selecionado Na verdade, vou
configurar isso para ser alinhado à
borda direita da moldura Então é assim que
vai ficar, e podemos verificar quais são as demais tarefas
deste projeto. Portanto, temos
que garantir que esse quadro de texto seja colocado dentro da camada da página
principal
e, em seguida, também temos que
aplicar isso à página sete. Então, vamos voltar para
a página principal, selecionar esse quadro de texto e teremos que
movê-lo para a camada da página principal, mas ela está bloqueada no momento, então vou
desbloqueá-la e arrastar o
objeto selecionado para essa camada. E se você tiver feito
as coisas corretamente, deverá ver um
destaque verde no quadro de texto. E agora podemos
recuar apenas para garantir que não movamos acidentalmente nenhum elemento da página principal E, finalmente, para aplicar essa nova
página principal à página sete, basta arrastá-la sobre ela. E assim que o B aparece
aqui na miniatura, isso significa
que ele é aplicado, e podemos ver o número da
página
no canto inferior direito, onde
definimos nosso quadro de texto Então, isso é tudo o que você
precisa fazer para o Projeto sete.
67. Projeto 08 Preflight: projeto oito trata do painel de pré-voo e ver se você
sabe como usá-lo Então, primeiro de tudo,
precisamos definir um novo perfil de pré-voo que verifique a resolução
da imagem. Então, eu já tenho
o painel aqui, mas caso você não
veja o painel de pré-voo, você
o encontrará no menu Janela e estará em
Saída antes do voo E para definir um novo perfil, você gostaria de ir
ao menu do painel e escolher definir perfis, e lá poderemos
clicar no sinal de mais, e precisaremos chamar isso de
AC E. Então esse é o nome do
perfil que precisamos. E então precisamos
ter certeza de que a resolução da imagem
está selecionada. Então, depois de abrir a seção de
imagens e objetos, você precisa selecionar isso. Além disso, você deseja alterar a
resolução mínima necessária para imagens
coloridas para 300 PPI. Então esse é esse aqui. Em vez de 250, isso
precisa ser 300. E então vamos
clicar em OK. que temos esse novo perfil, basta
selecioná-lo nesse menu suspenso. Então, vamos escolher o ACP. E imediatamente, recebemos
algumas mensagens de erro. Mas a única coisa com a qual
precisamos nos
preocupar é o que está nesta página. Portanto, temos que redimensionar a
imagem sem mover o canto superior direito até que
o erro desapareça. Então, vamos verificar os erros. Acabamos de abrir isso e
podemos ver sim na página oito. Então, esse
aqui é um problema. Há um problema
com essa imagem. Portanto, precisamos redimensionar sem
mover o canto superior direito. Então, o que podemos fazer é
selecioná-lo e manter pressionadas as teclas de
comando e controle Shift
e começar a arrastá-la E quando você desistir, verá a resolução
efetiva aqui na área de informações. Caso você não veja
isso, basta torná-lo um pouco maior
ou abri-lo. Então, atualmente, a
resolução efetiva é 228, então ainda é muito grande. Vamos mais abaixo. Então agora é 263. Portanto, isso ainda é muito grande e a resolução ainda
é muito baixa. Então, assim que eu o
deixo tão pequeno, agora a mensagem de erro desapareceu. E você não
precisa se preocupar com a outra imagem na primeira página. Então, só precisamos corrigir
essa imagem nesta página. Podemos fechar o painel de
pré-voo
e terminamos
com o Projeto oito
68. Projeto 09 Pathfinder: Para o Projeto nove, você terá que usar o recurso Pathfinder, que pode ser encontrado
na propriedade Você só precisa
selecionar o círculo e
os personagens. E então, do Pathfinder, você gostaria de
usar a opção aqui à
direita chamada
excluir Depois de clicar aqui, você deve obter o mesmo
resultado abaixo. E isso resultará
em um único objeto. Então, quando eu
clico
nele mais uma vez, agora é um objeto individual, então ele mescla essas
duas formas Agora podemos aplicar a amostra
definida aqui. Então, podemos ir para as
opções de preenchimento e usar cores, e podemos mudar para CNK Então, podemos simplesmente digitar isso
enquanto usamos. Então 105 30 e zero. Deve ser dessa
bela cor azul-petróleo. Você pode até mesmo salvar isso
como uma amostra, se quiser. Mas, finalmente, precisamos
girar o logotipo 15
graus no sentido anti-horário Então, isso seria simplesmente digitar 15 graus para rotação, mas temos que ter certeza de que está girado em torno de seu ponto central, então o ponto de referência
precisa estar aqui no Se você pressionar Enter, esse é o resultado que você deve obter para concluir o
Projeto nove.
69. Botão do Projeto 10: O Projeto dez é sobre
interatividade em design. Então, temos que transformar
essa imagem em um botão e atribuir
um hiperlink a ela Mas primeiro, precisamos
garantir que ele esteja configurado no lugar certo e use
as opções
corretas de encaixe da estrutura Portanto, queremos usar
a opção de ajuste automático e usar o
conteúdo de ajuste proporcionalmente, o que permitirá que ele sempre totalmente visível
sem ser recortado Então essa é a primeira coisa
que nos pediram que fizéssemos. Em seguida, temos que posicionar
o logotipo no canto superior direito até o canto superior direito
dentro das margens da página Em seguida, escale-o para preencher a
área definida pelas guias. Agora podemos simplesmente arrastar o canto inferior esquerdo
porque já temos o ajuste automático e também
o conteúdo de ajuste ativados
proporcionalmente Então, podemos fazer isso rapidamente. Agora, queremos transformar
isso em um botão. Isso é algo que podemos fazer
com a área interativa, os botões e o painel Formulários. Então, abra
botões e formulários interativos. E vou simplesmente desativar os hiperlinks e trazer
botões e formulários aqui Então, queremos escolher o tipo
no botão suspenso
e, em seguida, queremos dar um nome a ele. E então queremos
escolher a ação, que será ir para o URL, e podemos digitar esse texto. Infelizmente, você
não poderá copiar o texto a menos que desbloqueie
a camada de instruções, mas é bastante
simples de digitar. Então, eu vou fazer isso. Sim, sou um designer.com e isso é tudo que você precisa
fazer para concluir o Projeto dez
70. Projeto 11 Linha de texto: Projeto 11 trata encadear texto ou
conectar quadros de texto, e a primeira etapa é
definir o espaço entre
os parágrafos em quatro
milímetros para Agora, esse é o título
aqui no topo, claro, e esse
seria o corpo da cópia abaixo. Mas observe que nem todo o
texto está visível atualmente. Então, uma coisa que podemos
fazer para garantir que todo o texto seja selecionado
seria usar o editor de histórias. Isso é Command or Control Y. E aqui poderemos
ver a cópia inteira Eu posso simplesmente ampliar isso. Na verdade, podemos ver que
há apenas um parágrafo que não está visível no momento. Portanto, podemos simplesmente
selecioná-los, não a parte superior, e pressionar Command
ou Control Y para voltar ao editor de
layout. Agora, queremos definir
o espaço entre
os parágrafos para 4 milímetros Vamos fazer isso a partir daqui. Então, o espaço entre
os parágrafos é esse. 4 milímetros. Agora podemos enfiar o texto na pequena moldura à
direita, abaixo da imagem. Assim, posso pressionar Escape
e clicar
no pequeno ícone exagerado aqui e depois clicar dentro
do outro quadro à direita E não se preocupe se você ainda ver
um sinal exagerado, isso é algo
que vamos
mudar quando formatarmos o texto Então, o próximo passo seria ir para o primeiro quadro e
alterá-lo para duas colunas. Para isso, precisamos das opções de quadro de
texto, que seriam do menu de objetos, opções de quadro de
texto ou Commando
Control B no teclado E aqui, tudo o que precisamos fazer é definir isso para duas colunas. Então é assim que
vai parecer, e já
não há mais texto exagerado nesta página E agora podemos passar
para a tarefa quatro, que é usar o
recurso de
abranger todas as colunas no parágrafo do título. Então, basta
clicar duas vezes lá dentro, para ter certeza de que minha
exibição superficial E então, para encontrar a
opção de extensão, gostaríamos de usar a área de
controle aqui na opção para
a formatação de
parágrafos A propósito, se você
não vê isso, basta ir até o
menu Janela e escolher Controle, e então você poderá
encontrar isso aqui
no lado direito, onde
diz span all. Então, se estiver definido como nenhum
, ficará assim, e span
all ficará assim. Em seguida, queremos salvar isso
como um estilo de parágrafo. Então, enquanto o título ainda
está selecionado, queremos criar um novo
estilo, a opção
Alterar, clicar em criar novo estilo no painel Estilos
de parágrafo, ativar o estilo aplicado
à seleção
e vamos chamá-lo de
Finley, o peixinho dourado Em seguida, vamos clicar em OK. Então,
agora esse estilo está salvo. Podemos testá-lo se mudarmos para parágrafo
básico e depois voltarmos
para Finley, o peixinho dourado A propósito, eu gerei
essa história com Che GPT. É surpreendentemente tocante, então fique à vontade para lê-lo
se tiver tempo Mas agora podemos passar para a última tarefa,
que consiste
em adicionar uma capitulação no primeiro parágrafo
do corpo do texto, que deve cobrir
três linhas de texto. Então, aumentamos isso para
três, algo assim, e talvez eu adicione um pouco de kerning aqui apenas
para uma boa medida E é assim que o
resultado final deve ficar. Mas só como nota lateral, eu ainda gostaria de fixar esses órfãos na parte inferior
dessas duas colunas Assim, podemos ver as linhas
individuais do texto na primeira
coluna e na segunda. Então, para corrigir isso, gostaríamos de selecionar
a cópia inteira. Então, podemos selecionar tudo isso. E normalmente isso
seria configurado como uma cópia corporal, e então poderíamos
facilitar as alterações. Mas mesmo sem isso, podemos
acessar essas opções
adicionais aqui e
escolher as opções de manutenção. E se você escolher manter as linhas juntas e
ativar a visualização, isso resolverá
esse problema para você. Então, agora não
temos os órfãos. Então isso foi antes, e isso é depois de
já parecer muito melhor. Mais uma vez, essa etapa não foi
incluída neste projeto. É apenas algo que pensei indicar para ajudá-lo
a saber como consertar órfãos e vídeos, caso
os encontre em seu texto
71. Projeto 12 Configuração do documento: Para o último projeto, Projeto 12, mais
uma vez, não temos
nenhuma avaliação com a qual trabalhar. Simplesmente algumas
instruções que precisaremos alterar
neste documento. Então, primeiro de tudo, precisamos
adicionar sangramento a todas as bordas. Agora, o melhor lugar para fazer isso seria no menu Arquivo,
o recurso de configuração do documento. E se você mantiver a
visualização ativada, poderá
ver essas alterações. Então, vou
abrir o sangramento e a lesma, verificar se a corrente está ligada
para a configuração de sangramento
e, em seguida, digitar três Então, isso deve ser adicionado imediatamente a
todas as bordas, e eu também posso ver esses contornos vermelhos aqui no layout Depois, basta clicar em OK e agora temos que
adicionar cinco páginas
ao final deste documento
usando um pai. Portanto, se você pressionar a tecla alter option e
clicar no sinal de mais, o ícone de criar nova página na parte inferior do
painel de páginas, você poderá
digitar cinco páginas e também poderá
dizer que deseja que isso no final
do documento. E você também quer usar
a opção A parent. Vamos clicar em OK. E aqui
temos essas páginas criadas, então uma, duas, três, quatro, cinco. Vamos voltar para a página 12, só para ver o resto
das instruções. Portanto, agora temos que salvar este
documento em um formato
compatível com o design
CS four e superior. Então esse seria
o formato IDML,
o formato da
linguagem de marcação em design Portanto, se formos para Arquivo
e
escolhermos Salvar como, poderemos
encontrar isso aqui. IDML, e então
podemos simplesmente salvá-lo em algum lugar
no computador. Eu só vou
guardá-lo como está por enquanto. E por último,
temos que exportar um PDF,
incluindo marcas de corte, usando
as configurações de sangria de documentos Então, para isso, vou
para Exportação de Arquivo
e, em seguida, vou escolher
a opção de impressão Adobe PDF. E a partir daqui, preciso
ir até Mark e sangrar. Escolha marcas de corte e use as configurações de sangramento do
documento. E se eu exportar
isso, ficará assim que
o arquivo for aberto. Portanto, temos as marcas de corte
visíveis em todas as páginas. E isso é tudo o que precisávamos
fazer para este último projeto. E, no geral,
espero que nenhum deles tenha sido muito difícil
para você concluir. E, como eu disse,
no começo, cada um desses projetos é combinação de várias
tarefas, enquanto no exame, você teria uma tarefa individual não conectada ou não
relacionada entre si. Portanto, para cada tarefa, você teria que
realizar apenas uma única tarefa. Tentei tornar esse projeto
um pouco mais desafiador. Portanto, se você pudesse
concluir a maioria delas, não teria problemas realizar as tarefas
durante o exame real.
72. Conclusão: Parabéns por
concluir este curso. Você investiu tempo,
esforço e prática,
e agora está um
grande passo mais perto obter sua certificação oficial da
Adobe. Lembre-se de que, durante o exame, você terá 50
minutos para responder 11 perguntas e
concluir 19 tarefas. Portanto, continue praticando com os arquivos de exercícios e os
exames incluídos
neste curso Quando estiver pronto,
agende seu exame, fique calmo, confie em suas habilidades
e mostre o que você pode fazer. Se você deseja criar superpoderes
ainda mais criativos, não se esqueça Também temos cursos
preparatórios para exames para o Adobe Photoshop
e Essas certificações podem
tornar seu currículo ainda mais forte e abrir ainda mais
portas no setor de design Se você conseguir passar
no Photoshop, no Illustrator
ou no exame de design,
receberá automaticamente uma credencial e Illustrator
ou no exame de design, um distintivo
adicionais de
profissional certificado pela Adobe em
design visual , ainda mais motivos para fazer
mais Depois de passar no exame, e tenho certeza que conseguirá,
adoraríamos comemorar
seu sucesso com você. Então, marque-nos em suas postagens nas redes
sociais. Estamos sempre empolgados em ver nossos alunos conquistarem coisas
incríveis. Obrigado por se juntar a
mim nessa jornada. Seja criativo, curioso e nos vemos
no próximo curso.