Transcrições
1. Introdução do curso: Olá, bem-vindo a
uma jornada épica de design. Agora, você acha difícil
aproveitar sua criatividade. Você gostaria de ter ideias
mais convincentes? Você quer ter mais
confiança em seu design? Você está procurando melhorar
seu processo de design? Ou você está simplesmente
procurando melhorar
seu jogo de design e melhorar
a qualidade do seu trabalho? Se você disse sim a alguma delas, então esta é a aula para você. Venha se juntar a mim enquanto eu ensino
como aproveitar sua
criatividade e produzir resultados empolgantes com um processo de
design testado e comprovado Esta é uma aula
em que o mundo da cultura
urbana e dos tênis
inspira nossa criatividade Nesta master class, estamos mergulhando na arte do design
de pôsteres, inspirando-nos na presença icônica
dos tênis na
cultura pop e na publicidade Os tênis são mais
do que apenas calçados. Há uma tela para expressão
pessoal e um espelho para a evolução
do design gráfico. Nesta aula, usaremos o mundo dinâmico e diversificado da cultura de tênis para impulsionar
nosso processo de design, utilizando o
software criativo da Adobe para criar pôsteres que personificam o espírito e o estilo da Não se trata apenas de software de
aprendizagem. Trata-se de aproveitar
um processo de design para
capturar a essência de uma cultura
global em seu Então, meu nome é Gareth David. Sou diretor criativo com mais de dez anos de experiência
no setor de design. Nesse período,
trabalhei em muitos projetos, desde
design de logotipo até branding, quais tive a oportunidade aproveitar meu processo de design E também crio vídeos educacionais
on-line
há mais de cinco anos. Agora, alguns de
vocês devem me conhecer do meu canal no YouTube, onde
até o momento tenho mais 700.000 inscritos e lancei muitos materiais
educacionais de design como esse lá Então, nesta aula, vou mostrar você
um processo de design de
pôsteres profissional, testado e comprovado, compartilhando as técnicas que
uso e observei em minha carreira Começaremos com um resumo de design, reuniremos pesquisas e
criaremos painéis de humor. Em seguida, aprenda como
escolher as fontes certas, quais grades de pôster podemos usar, como gerar ideias
com esboços
e, em seguida, entre no design
e no ilustrador, onde daremos
vida às nossas ideias para criar vários designs de
pôsteres
e, em seguida,
veremos como podemos apresentar nosso design Do início ao fim, vou guiá-lo
por cada etapa importante. Agora, existem muitas opções de
software para criar designs de pôsteres, mas em design e
ilustrador são o padrão do setor
para criar projetos de layout
profissional, como Portanto, para aqueles que têm uma preferência ou podem não
estar familiarizados com design ou ilustrador e querem saber mais sobre
eles e como funcionam, esta será uma ótima
oportunidade de aprender
algumas ferramentas cruciais ao algumas ferramentas cruciais ao criar um projeto divertido e
dinâmico Então, aqui estou eu no Adobe Bridge, e esses são alguns pôsteres
que criei anteriormente usando as técnicas que
demonstrarei nesta master class Para esta aula magistral de
design de pôsteres, veremos um resumo de design
fictício para uma empresa de tênis que deseja anunciar sua Todos esses pôsteres têm estilos
diferentes com
diferentes abordagens de layout, então haverá algo novo
para aprender em cada
design que criarmos Alguns deles
foram feitos usando design e outros
usando ilustrador Mais tarde na aula, quando começarmos a criar nossos
designs em software,
aprenderemos como
configurar notas de pôsteres,
gerenciar tipos, imagens,
estruturar conteúdo,
trabalhar com cores,
criar variações
e exportar pronto para impressão aprenderemos como
configurar notas de pôsteres,
gerenciar tipos, imagens,
estruturar conteúdo, trabalhar com cores,
criar variações e exportar pronto para Então, nesta master class, demonstrarei um processo de design de
pôsteres, como desenvolvo meus designs e uso
no design e no ilustrador
para dar vida a eles. Mas eu também encorajaria
você a experimentar seu próprio processo de
design de pôsteres e seus próprios designs de
postagem à medida que
avançamos nesta aula
para praticar suas habilidades Nesta aula, defini
muitas tarefas importantes para você realizar em cada etapa importante
para que você tire o máximo
proveito dessa aula Pratique sua habilidade
e tenha algo a mostrar com seu esforço
e tempo no final. Depois desta aula, você
poderá pensar como um profissional e criar pôsteres ousados e
dinâmicos, como um profissional em design ou ilustrador, para dar vida
a eles com muita facilidade. Agora, nesta aula, vamos nos
concentrar no design de pôsteres, mas esse é um processo de
design que você pode usar facilmente em qualquer coisa, seja
para criar logotipos, folhetos, sites
ou Então, prepare-se para combinar
artesanato, estilo, tecnologia e criatividade enquanto transformamos nosso fascínio por tênis em pôsteres visualmente
atraentes Vamos criar algo que mostre não apenas
nossas habilidades de design, mas também nossa conexão com
a vibrante cultura urbana Então, vamos entrar nisso.
2. Preparação de curso: Portanto, antes de começarmos, há algumas coisas que eu recomendo que você tenha
implementado desde o início para maximizar
totalmente sua experiência de
aula. A primeira coisa que você
precisará é uma, a pasta de download da classe. Nesta master class,
apresentarei muitos
recursos para ajudar em
seu processo de design. Antes de começarmos a aula, eu recomendo fortemente que você acesse a pasta de
download da aula, para ter tudo o
que precisa abrir, conforme mencionei, e
apresentá-la na aula. Depois de adquirir essa pasta, você verá a
estrutura a seguir. Link da aula em PDF. O primeiro arquivo incluído
é um link de aula em PDF, e este documento inclui todos os links importantes que mencionei ao longo
desta aula, para ajudá-lo em seu processo
e acompanhar com eficácia. Em seguida, você verá a lista de verificação da Lista de
Tarefas. Nesta aula, você pode acompanhar meu processo, mas eu também o encorajaria a
experimentar seu próprio design e
praticar suas próprias habilidades. Ele contém todas as
principais tarefas que eu recomendo que você realize para tirar o
máximo proveito dessa aula Para começar a aula,
recomendo que você imprima isso e
guarde de lado, para
que, à medida que avançamos na
aula, você possa marcá-los. E a seguir, temos algumas pastas. Um, arquivos de processo de design. Nessa pasta, você
encontrará pastas adicionais, resumo do
design, lista de verificação do
processo de design, lista de verificação da
anatomia do pôster, amostras de
moodboard,
tipografia,
grades de pôsteres, exemplos de esboços e pasta de projeto em branco . A segunda pasta
são os modelos de postagem. Nessa pasta, você encontrará pastas
adicionais para ativos, no ilustrador de design e um arquivo de design
chamado todos os pôsteres A terceira pasta contém exemplos de ilustrações
de pôsteres. Nesta pasta, você encontrará pastas
adicionais para exemplos finais de
pôsteres, exemplos institutos
e apresentações, e a última pasta
será o kit de mídia, que inclui todos os ativos de
design como parte
do resumo de design que
usaremos em nossos designs de pôsteres Para baixar a pasta da classe, verifique a seção de projetos e
recursos, segundo, crie sua
própria pasta de projeto. Agora, esse é um grande problema. Uma etapa importante em um processo de design eficaz
é ser organizado, e realmente ajuda ter uma
pasta de projeto bem organizada para manter todos os seus arquivos, para que você
não precise se
preocupar com onde tudo está
e começar a trabalhar. Antes de começarmos, eu
insisto em que você duplique uma cópia da pasta do projeto da pasta de download da classe Durante esta master class, você será incentivado a
criar seus próprios arquivos,
portanto, precisará de
alguém para colocá-los. Para
facilitar o acompanhamento, preparei uma pasta de projeto para você simplesmente duplicar, que você possa colocá-la
dentro à medida que avançamos Isso deve manter todo
o processo organizado e simplificado Sua primeira tarefa para essa classe é criar uma pasta de projeto, na qual
salvaremos todos os nossos arquivos à medida que os criarmos
durante a aula. Depois de adquirir a pasta de download da
aula, vá para a primeira pasta,
uma, baixe os arquivos do processo, até a pasta do projeto
em branco da Pasta oito, faça uma cópia e cole em algum lugar onde
você possa
ir durante a aula e renomeie para pôsteres de tênis Bolts Depois de configurar isso, você estará em um local perfeito
para começar a aula. Três, equipamento de desenho. Agora, nesta master class, demonstrarei um processo de design
completo em
que, na fase inicial,
faremos alguns esboços Agora, nesta parte, a
aula é opcional, mas se você
quiser
participar dessa fase e
praticar suas habilidades, recomendo que tenha alguns equipamentos de
desenho prontos Então, quando chegarmos a essa parte, você estará preparado para experimentar. Um caderno de desenho, alguns lápis
ou marcadores devem funcionar bem. Para software criativo. Agora, a última coisa que você precisará é de um determinado software instalado. Nesta aula,
demonstrarei como criar pôsteres em
design e Então, se você quiser aprender as duas coisas ou tiver uma preferência,
eu tenho tudo o que você precisa. Para acompanhar e
experimentar você mesmo, recomendo que você tenha
uma cópia do design instalada. Vou usar a versão mais
recente do in design, mas se você tiver uma versão
anterior, tudo bem, pois arquivos
compatíveis com versões anteriores
serão fornecidos Além do design da Adobe, também
demonstrarei como criar pôsteres no Adobe
Illustrator Portanto, ajudará se você tiver uma cópia do Illustrator instalada Vou usar a
versão mais recente do Illustrator, mas se você tiver uma
versão anterior, tudo bem Por fim, o photoshop. Para desenvolver nosso design de pôster, também
usaremos o
Photoshop para trabalhar com imagens Você também precisará de uma cópia
do photoshop Depois de adquirir a pasta de download da
aula, duplicar uma cópia
da pasta do projeto, ter alguns
equipamentos de desenho prontos e seu software pronto, podemos começar nossa aventura
criativa e iniciar a master class Para começar,
discutirei rapidamente o processo de design publicado que
seguiremos
nesta aula. Estamos prestes a embarcar em um processo de
design testado e comprovado que eu aperfeiçoei
e sempre funciona Nos vemos no próximo vídeo.
3. O processo de design de pôsteres: Portanto, uma das partes mais
importantes de sua abordagem criativa deve sempre ser seu processo de design. E não consigo enfatizar
isso o suficiente. Um processo de design sólido
é o melhor caminho para aproveitar sua criatividade e produzir resultados de alta qualidade. Agora, se você está assistindo isso
e atualmente não tem um processo de design
no qual
possa confiar e está lutando
para aproveitar sua criatividade
, este vídeo
vai ajudá-lo Então, em última análise, o design é
a resposta para um problema. design não é o destino
, mas a jornada percorrida e o processo
necessário para resolver problemas. Ao assumir um projeto, designers
amadores às vezes mergulham direto no resultado final,
desenhando da cabeça ou pulando para o computador para
fazer a
arte imediatamente, inventando à medida que avançam
ou, fazer a
arte imediatamente, inventando à medida que avançam na pior das hipóteses, Agora, isso não é
necessariamente uma coisa ruim, e eu já vi isso acontecer muito, mas adotar essa abordagem
pode ser cansativa e
inspiradora e nem sempre
produzir os Como designer, se você quiser melhorar
a
qualidade do seu trabalho, evite criar designs
arbitrários e considere pensar
mais em
seu processo de design
e se esforçar para tomar
medidas para desenvolver a
melhor Então, o que é um processo de design? Bem, um processo de design
é um roteiro que nos
guia de uma
tela em branco para uma solução atraente, significativa e
apropriada Um processo de design
incluirá etapas para garantir que você realize pesquisas,
descobertas, desenvolvimento,
brainstorming, esboços
e implementação adequados para responder a perguntas
complexas com respostas
sofisticadas e perguntas
complexas com sofisticadas Assim como na moda,
arquitetura, produto ou web design, o processo de design no
design de pôsteres é um elemento crítico que impulsiona inovação,
relevância e excelência Então, neste vídeo,
antes de embarcarmos em nossa jornada criativa que
vai além da estética, vamos primeiro nos
aprofundar no processo de design de pôsteres Estaremos
acompanhando esta master class. Então, vamos entrar nisso. Portanto, ao realizar projetos de
design, um designer, consciente ou não, inicialmente se
concentrará em um
processo de pensar para fora, levando a um processo
de pensar para psicólogo JP Guilford chamou esse processo de pensamento divergente e convergente E é esse processo de
pensamento que é fundamental para
o processo de design. Conhecer e entender
isso será muito útil ao lidar com problemas
complexos de design O termo pensar
fora da caixa é basicamente outro termo
para pensar de forma divergente. O pensamento divergente é
expandir suas opções. Pense o mais aberto
possível e esteja
aberto a todas as possibilidades
e inspirações. Imaginação e criatividade vivem no reino do pensamento
divergente Eu divergente é
pensar para fora,
bem, convergente é pensar
para pensamento convergente
é contrair suas opiniões e
reduzir as possibilidades pensamento convergente
é questionar, desafiar, criticar
e Disciplina, lógica, julgamento e determinação vivem no
reino do pensamento convergente Por isso, ajuda pensar em
pensamentos divergentes como um banho. Quanto mais descobertas
você realiza, mais
material
de fonte de água é adicionado Quanto mais conexões
você fizer, aumentará
a pressão para criar um fluxo
maior de ideias,
que chegará
mais longe, onde as ideias se
tornarão mais
conceituais e originais pensamento convergente é como o funil em que capturamos
todo o pensamento
e as ideias criativas e os desafiamos a identificar as melhores Esses dois processos de pensamento
andam de mãos dadas e serão necessários várias vezes ao
longo de um projeto. Agora, o que torna um
bom designer é aproveitar o poder
desses dois processos
de pensamento um bom equilíbrio e encontrar um bom equilíbrio
ajudará a gerar resultados rapidamente Então, aqui eu tenho uma lista de verificação impressa do processo de
design, que coloca esse processo de pensamento
divergente e convergente em Eu uso isso como
referência para me manter no caminho certo e aproveitar o
fluxo do pensamento criativo Aqui, o processo de design do pôster consiste em quatro fases principais Descubra, conceito e design, arte
visual e design
e apresente designs de pôsteres. Primeiro, temos a fase
um, a descoberta. Nesta primeira fase, buscamos entender as principais etapas, entender tudo
sobre o projeto, o desafio e obter inspiração para impulsionar
nosso pensamento inicial de design. Essa fase
consiste em quatro etapas principais. Primeiro passo, revise o
resumo do design e o conteúdo do pôster. Nesta etapa, buscamos
entender os objetivos de nossos projetos, o público e
tudo
o que o pôster precisa incluir Etapa dois, pesquisa visual
e inspiração. Nesta etapa, buscamos explorar o mundo ao nosso redor em busca de
faíscas e criatividade Etapa três, quadros de humor focados. Nesta etapa, canalizamos nossa inspiração e
restringimos nossa direção visual. Etapa quatro, escolha os tipos de letra. Nesta etapa,
buscamos procurar fontes
apropriadas e
relevantes com
as quais
desejaremos trabalhar para o design de nosso pôster Etapa cinco, revise as grades de pôsteres. Nesta etapa, podemos revisar
todos os diferentes tipos de grades de pôsteres para ver quais seriam adequadas
para nosso design Em seguida, temos a fase dois,
conceito e design. Agora, na segunda fase, depois de sintetizarmos
todas as informações que
descobrimos e aprendemos
na fase anterior, é hora de
começar a gerar
possíveis soluções para resolver
o problema criativo, e isso consiste em uma
etapa fundamental, esboçar projetos Nesta etapa,
buscamos gerar o modelo de nossa visão
criativa Aqui, fazemos isso
esboçando a composição as ideias de
layout para identificar as ideias mais fortes
que podemos levar adiante Em seguida, temos a Fase três, arte
visual e design Na terceira fase,
quando passamos tempo
suficiente
gerando ideias e estamos satisfeitos, temos algumas boas
opções disponíveis. Podemos então tentar dar vida
a eles usando um software criativo. Esta fase consiste em uma etapa principal,
arte e design Nesta etapa, procuramos usar ferramentas de software
criativas para
desenvolver nossas ideias de design, refinar e finalizar nosso Finalmente, temos a Fase quatro,
apresentando designs de pôsteres. Na última fase, pegaremos nossa arte final de
pôster polida e colocaremos em um documento de
proposta de pôster, pronto para ser apresentado a um
cliente ou membro da equipe, e essa fase
consiste em Coloque o design do pôster em
exemplos visuais in situ. Nesta etapa, buscamos pegar nossos designs de pôsteres
e
colocá-los em maquetes para dar o contexto certo aos
nossos designs de pôsteres criar um Nesta etapa, consolidamos nossos designs de pôsteres de arquivo e imagens prontos para
o mundo ver Aqui, colocaremos em nossos
arquivos os designs e maquetes em um deck pronto para propor a um cliente
ou colega de trabalho Se você quiser dar
uma olhada e imprimir sua própria cópia desta lista de verificação de design de
pôster, você pode encontrá-la na pasta do projeto da
classe Ele está localizado nos arquivos do processo de
design na pasta do processo de design. Então, por que esse
processo é importante? Bem, um ótimo design raramente
nasce de
traços aleatórios de genialidade É uma
busca deliberada de soluções. Trata-se de entender profundamente
um problema e responder com
designs que não sejam apenas bonitos, mas significativos e perfeitamente adaptados
ao nosso público-alvo O processo de design garante que todas as decisões que
tomamos sejam informadas, intencionais e
alinhadas com nossos objetivos Lembre-se de que, quando projetamos,
resolvemos quebra-cabeças, contamos histórias e interagimos com nosso público em
um nível profundo Nosso objetivo é mais do
que apenas boa aparência. Estamos nos esforçando para obter relevância,
impacto e conexão. Esse é o processo que vamos realizar
nesta master class Durante esta aula,
você explorará como um processo de design estruturado pode elevar nosso trabalho de
bom a inesquecível, garantindo que cada
pôster que criamos não
seja apenas visto, mas
sentido e Vamos agora entrar
na primeira etapa
do processo de design
e dar uma
olhada no desafio criativo
que está por vir. No próximo vídeo,
veremos o resumo do design.
4. Revisão do resumo do cliente: No setor de design, a primeira etapa
do processo de design normalmente começa
com um resumo de design. Agora, um bom resumo de design é a base de todo projeto de design
bem-sucedido, descrevendo as metas, os desafios e a direção de nossos esforços
criativos Agora, isso não é só papelada. É o primeiro passo para entender e resolver
o problema de design em questão. O resumo do design nos orienta garantindo que nossos designs não sejam
apenas visualmente atraentes, mas também objetivos e direcionados É uma
ferramenta essencial para alinhar nossa visão criativa com objetivos
práticos Neste vídeo, começamos
com a primeira etapa
do processo de design
revisando um resumo do design Vamos mergulhar, ver
o que está por vir
e nos preparar para enfrentar
esse desafio de pôster com criatividade alimentada por
clareza e direção Então, vamos entrar nisso. Portanto, para esta aula,
preparei um resumo típico alguém pode receber de um cliente no
setor de design. Isso inclui todos
os principais critérios que precisaremos conhecer para desenvolver
nossas soluções criadas. Se você der uma
olhada neste resumo de design, poderá encontrá-lo na pasta de download da
classe. Isso pode estar localizado na arquivos
do processo design na
pasta de
resumo do design. Agora, não vou ler
o resumo
inteiro pois isso
levaria algum tempo. No entanto, eu aconselho você a dar uma olhada nisso
antes de prosseguir com a aula para ter uma boa ideia
dos objetivos criativos
que precisaremos alcançar nesta aula. Então, meu resumo aqui está
dividido em duas partes. Uma visão geral do cliente e
duas visões gerais do design. A primeira parte é onde podemos
entender o contexto e
a empresa para a qual
estamos trabalhando, e a segunda parte é onde
podemos aprender sobre o desafio, as
metas e os objetivos criativos. Agora, geralmente, quando recebo um resumo de
design, ao lê-lo, destacarei certas áreas considero importantes
ter em mente, que impulsionará considerações
criativas relevantes no futuro Aqui, você pode ver como
destaquei meu resumo para destacar as
partes que considero importantes. Isso tornará mais fácil
para mim analisar os principais detalhes
durante o processo. Então, para resumir esse resumo, devemos
criar pôsteres para uma
empresa fictícia de tênis chamada Bolts, e eles estão procurando criar
alguns designs de pôsteres para alguns designs de pôsteres para promover O público principal são aqueles que desejam moda única, expressão
pessoal e designs de ponta
que ressoem com
aqueles que desejam fazer uma declaração individual ousada Os seguidores da Bolts são criadores de
tendências unidos pela paixão por um estilo distinto
e pela superação de limites O objetivo dos designs de pôsteres é serem ousados e
atraentes, com visuais
dinâmicos que serão exibidos Bolts busca
cativar com pôsteres
que combinam estilos futuristas
e rebeldes,
tornando-os ícones de tênis para pensadores ousados e inovadores tornando-os A empresa nos
forneceu o conteúdo para incluir fotografias dos produtos e alguns recursos visuais que
podemos usar em nosso design. E eles declararam no
resumo que desejam explorar a tipografia e Então, esse será o
ponto de partida dessa master class. À medida que avançamos, deixe
o resumo ser sua bússola. É mais do que um exercício. É uma prática essencial
no mundo do design, preparando você para pensar, projetar e entregar com intenção. Portanto, sua segunda tarefa
nesta aula é ler o resumo
do design para ter uma boa compreensão
do que é necessário. Minha recomendação
é imprimi-lo e mantê-lo disponível
durante esta aula. Certifique-se de consultar
o PDF da lista de tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Depois de ler
o resumo e entender o
desafio futuro, podemos passar para a próxima
etapa da fase de descoberta.
5. Revise o conteúdo de pôster: Agora, antes de passar para a
próxima etapa importante da descoberta. Outra coisa importante a ter em
mente ao criar um pôster logo no início
é considerar o conteúdo Antes de criar um pôster, é útil ter uma boa
compreensão do que precisa ser incluído no design do pôster pois isso pode ajudá-lo a
entender o escopo, planejar e estar preparado
com o que incluir em seu
design e layout É útil considerar coisas
como a quantidade de texto a ser
incluída, fotos, texturas ou
ilustrações, logotipos, tabelas
ou gráficos Analisando
o resumo do design, podemos ver que o cliente nos
forneceu a cópia
para incluir no pôster Fotografia dos produtos e de alguns dos recursos visuais, que podemos usar em nosso design. O logotipo é fornecido, as
fotos são fornecidas, as texturas e os ativos
são fornecidos, e eles solicitaram que
explorassem a tipografia Aqui podemos ver que um conjunto de
conteúdo de pôsteres está disponível, o qual, quando aberto,
inclui as opções de cópia para
usar nos pôsteres Na próxima página, podemos ver os produtos com
os nomes de cada um e também os ativos de textura que podemos
usar como parte do design. Então, quando eu estiver ciente
dos elementos que preciso
incluir no pôster, posso começar a pensar sobre minha abordagem de design e dar os próximos passos
na fase de descoberta Portanto, sua terceira tarefa
nesta aula é
se familiarizar com o conteúdo
necessário para os pôsteres Certifique-se de consultar
o PDF da lista de tarefas na pasta de download
da classe para obter mais instruções sobre essa tarefa. Quando você estiver familiarizado,
podemos passar para a próxima etapa
da fase de descoberta.
6. Pesquisa visual e inspiração: Ao criar um design de pôster, pode realmente ajudar realizar
uma pesquisa inicial para ajudar
a despertar ideias Agora, é claro, essa
etapa é opcional. Você não precisa
fazer pesquisas. No entanto, isso pode lhe dar alguma inspiração se você
não tiver certeza do que deseja criar inicialmente e
também pode ser bom se
tiver uma ideia em mente para um tema ou
estilo específico que talvez
queira pesquisar mais. Passando para a segunda etapa
do processo de design, estamos mergulhando em uma etapa
crucial de descoberta, pesquisa
visual e inspiração. Neste vídeo, veremos algumas técnicas
de pesquisa e alguns bons
lugares para se inspirar. Então, vamos mergulhar, nos empolgar com nosso projeto de design e reunir algumas pesquisas Então, vamos entrar nisso. Então, quando estou familiarizado
com o resumo do design e tenho uma boa
compreensão de todos os critérios importantes,
como contexto, público e metas,
procuro analisar uma ampla gama de pesquisas e coletar qualquer coisa que
eu ache interessante e que possa ser relevante
e inspiradora Então, um bom lugar
para começar é
com meu álbum de recortes
digital Primeiro, gosto de refletir sobre
pesquisas que talvez tenha adquirido anteriormente sobre imagens on-line ou fotos que
tirei de um lugar para outro. Para pesquisas encontradas,
gosto de mantê-las em
um local onde eu possa acessá-las
facilmente e
vê-las como um todo em um piscar Agora, essas podem
ser imagens que eu reuni de projetos
anteriores ou apenas imagens que
vi por aí e capturei para
adicionar ao meu álbum de recortes Agora, minha técnica antiga
era manter as imagens
encontradas no computador
em uma pasta de álbum de recortes Mas ultimamente, tenho usado o Figma. Agora, o
Figma
foi projetado para design de
UI e UX, mas eu gosto de usar o Figma
porque ele oferece um vasto ambiente
digital no qual você pode colar centenas de imagens
em uma parede digital, onde posso movê-las,
organizá-las e voltar a elas a qualquer momento E a melhor coisa sobre isso é que o backup é feito on-line, então eu nunca posso perdê-lo e
posso adicioná-lo constantemente. E também é incrivelmente
organizado, onde você pode ter várias
paredes e organizar sua pesquisa encontrada em categorias
abrangentes. Então, aqui estou usando o Figma
como um álbum de recortes digital, e acho que essa é uma plataforma
incrível para reunir, coletar e Então, aqui está um enorme quadro de imagens de pôsteres que eu
pesquisei recentemente on-line, incluindo muitas que eu
colecionei no Então,
posso pesquisar muitas pesquisas
aqui para obter alguma inspiração
inicial. E aqui estão alguns
exemplos que eu
consolidei que se concentram
principalmente no design de tênis Então, duas plataformas muito boas
para descobrir e criar inspiração são o Pinterest
e o design spiration Essas duas plataformas são
semelhantes, pois você pode pesquisar muito
e criar painéis. Então, aqui estou eu no Pinterest e tenho uma ampla gama
de pesquisas que
reuni que contêm muitos designs
publicados sobre tênis Como podemos ver aqui, há muitos exemplos com muitas abordagens de design
dinâmico. Aqui temos layouts de tipografia,
imagens e texturas muito
dinâmicos ,
imagens e texturas Agora, a seguir, terminei de falar sobre
design spiration Você pode pesquisar
uma ampla variedade de inspirações
criativas e depois colocá-las em quadros específicos Se você quiser
dar uma
olhada mais de perto nesses dois painéis de pesquisa, você pode encontrá-los no
importante estoque de links na pasta do projeto. Agora, outros dois
bons recursos de inspiração são o
Behance e o drible Aqui você pode pesquisar critérios de design
específicos e percorrer os vastos resultados para ver se algo se
destaca para você. Agora, ao contrário do Pinterest
e da inspiração de design, essas plataformas não oferecem a funcionalidade de
criar painéis Depois de encontrar um
exemplo de que goste, você precisará de um
lugar para colocá-lo. Para mim, é aqui que entra novamente a
Figma. O que quer que eu encontre em
plataformas como essa, posso copiar ou fazer uma
captura de tela e
colá-la no meu crescente álbum de
recortes digital Então, para recapitular, ao
realizar pesquisas, você pode considerar uma
variedade de abordagens Durante a fase de pesquisa, você deve
pensar de forma
divergente e coletar uma ampla gama de pesquisas visuais inicialmente
uma ampla gama de pesquisas visuais para começar Para fazer isso, você pode refletir sobre
pesquisas encontradas em um álbum de recortes, pesquisar e criar painéis no
Pinterest e
criar inspiração, ou navegar pelo trabalho criativo de
design no Bhands e driblar,
coletar e adicionar
ao coletar e Sua quarta tarefa nesta
aula é realizar uma ampla pesquisa para encontrar amostras do que você acha interessante e do
que o inspira Lembre-se do que será apropriado
para o resumo do design. Agora, você pode
acompanhar minha pesquisa inicial. Mas se você quiser experimentar
esse processo e
praticar suas habilidades,
para encontrar sua própria pesquisa,
reserve um esse processo e
praticar suas habilidades,
para encontrar sua própria pesquisa, para encontrar sua própria pesquisa, tempo para fazer isso
agora e certifique-se de consultar o PDF da lista de tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Tente passar cerca de 20 a
40 minutos neste exercício. Depois de realizar
uma ampla pesquisa, é hora de analisar a próxima
etapa do processo de design
7. Crie quadros de humor focados: Nos estágios iniciais
do processo de design, pode ser muito benéfico
realizar uma ampla pesquisa Dependendo de quanto tempo se gasta na pesquisa
inicial, pode-se percorrer
muitos campos e acumular muitas opções
criativas Agora, a pesquisa é ótima,
mas em algum momento, teremos que parar e
transformá-la em algo que
funcione para nós. É a síntese da pesquisa
visual que
se torna crucial e pode determinar
a direção de sua possível solução de design. Então, quando tivermos explorado pesquisas
suficientes, é hora de
editá-las. Passando para a terceira etapa
do processo de design, agora
queremos nos concentrar em uma direção mais decisiva
para o design de nosso pôster E fazemos isso
criando painéis de humor. moodboards são nossas ferramentas visuais de
brainstorming que concentram nossas ideias, inspiração e direção visual Normalmente,
os quadros de humor são uma grade ou colagem de elementos de design
colocados juntos para
capturar a essência
de uma visão de design Na última etapa,
estávamos pensando de forma divergente e
olhando para fora Nesta etapa, começamos
a pensar de forma convergente, onde olharemos para dentro e começaremos a estabelecer
uma Os painéis de humor são ótimos
para manter você
focado em uma direção específica
e também podem ser bons para compartilhar com
colegas de trabalho ou até mesmo clientes para ajudar a apresentar e vender
suas intenções de design. Neste vídeo,
demonstrarei como desenvolvo meus painéis de humor
para design de pôsteres. Então, vamos entrar nisso. Então, na última etapa, demonstrei como
coletei e explorei a pesquisa
visual Nesse vídeo, mostrei como uso figma para criar uma enorme parede de inspiração e inspiração no pinterest e design
para criar painéis Quando eu sentir que
reuni pesquisas suficientes, procurarei gerar
um quadro de humor focado. É aqui que começa a
ficar mais decisivo. O que eu faço a seguir é pegar algumas amostras selecionadas
da vasta quantidade de
pesquisas e, em seguida consolidá-las em uma página de alguns
exemplos que
me dão uma aparência distinta e sugerem um estilo e
direção que eu quero seguir Agora, isso pode ser um
ou alguns painéis de humor, dependendo da
natureza do projeto, mas cada um
será distinto e sugerirá uma visão clara
de uma aparência. Agora, não há uma
regra específica sobre como você
organiza seus quadros de humor ou
o que incluir neles É importante mencionar que dependendo da disciplina de
design, seja design de interiores, design produto ou moda, a natureza dos painéis de humor pode mudar e o
conteúdo pode mudar. Alguns podem incluir amostras de cores, fotografias, produtos, amostras, tipos de letra, materiais e elementos gráficos para
sugerir determinados
detalhes e resultados Seja qual for a disciplina de design, o quadro de humor deve ser simples o suficiente para que você o obtenha
em cerca de 10 segundos. Em última análise, o
quadro de humor deve estar em uma página e dar uma impressão
muito distinta, então nem é preciso dizer em
que direção você está
procurando ir. Para o design de pôsteres,
normalmente
examinamos layouts de pôsteres, estilos de
tipografia, paletas Quando se trata de layout, você pode incluir amostras do mesmo tamanho em uma grade. Você pode incluir amostras e organizá-las em seções. Você pode criar mais de uma gaiola ou usar uma grade e escalar determinadas amostras para que
apareçam Para este projeto, tenho
dois quadros de humor principais, um quadro de humor que
analisa o estilo e a
tipografia do layout do pôster e outro
que analisa mais a cor e a textura que Então, para o quadro de humor de estilo de layout e
tipografia de todas as minhas pesquisas, consolidei o meu neste quadro de humor aqui, onde coloquei
minhas amostras em
uma página no photoshop e as
imprimi em Para este quadro, usei uma grade simples e aumentei a escala de
algumas amostras. Agora, eu faço isso porque
quebra a monotonia das imagens e também destaca algumas
das amostras que
mais me entusiasmam Neste moodboard,
incluí amostras de pôsteres, apenas observando os estilos de layout
e a tipografia Isso é quase o
máximo que eu vou com meus moodboards de layout de pôster Não gosto de incluir
muitas amostras pois isso pode ficar um pouco
ocupado e complexo. Aqui está meu quadro de humor mostrando o estilo de design
dinâmico, acho que seria uma
resposta apropriada ao resumo Aqui temos
exemplos de layout em que há alta dinâmica
em camadas e contraste. Os tênis são recortados e
interagem bem com a tipografia No geral, os layouts
parecem muito enérgicos,
vibrantes, espontâneos e têm
aquela qualidade juvenil Eles podem ser um pouco diferentes, mas todos estão familiarizados em sua energia
e abordagem gerais. Refletindo sobre
o resumo do design, o público principal são
aqueles que desejam moda única, expressão
pessoal e designs de
ponta que
ressoem com aqueles que desejam
fazer fazer Os seguidores da Bolts são criadores de tendências, unidos pela paixão por um estilo
distinto e pela superação de
limites O objetivo dos
designs de pôsteres é serem ousados e atraentes
com visuais dinâmicos Portanto, neste caso,
acho que essa seria uma
abordagem de design apropriada a ser adotada em resposta ao resumo para
atrair esse público. Portanto, lembre-se de que não
escolhi essas amostras porque
simplesmente gosto delas necessariamente. Eu os escolhi porque
acho que funcionariam bem para resolver o
problema criativo do resumo de design. Para o segundo moodboard, concentrei-me mais na
cor e na textura aqui, onde incluí
imagens dos produtos e texturas fornecidos pelo
cliente no conjunto de conteúdo, que precisarei usar Para cada um, também extraí algumas cores dos
produtos que eu poderia usar como
temas e coloquei certas texturas ao lado cada produto que
eu poderia usar para pôster específico de
cada produto Este quadro, eu
os organizei em seções, e fiz isso
porque há uma
linha de produtos específica que
precisarei atender. Cada produto terá potencialmente seu próprio
tema Aqui, eu os
agrupei em suas próprias áreas para
sugerir uma textura e cor que poderiam ser
usadas para cada produto Um moodboard para o conceito de
camada e um moodboard para gerenciar os produtos e observar a cor e
a Agora, eu poderia explorar outros painéis de humor em
estilo de layout e tipografia em busca conceitos e ver
outras opções de direção Mas, por causa dessa
aula, vou simplificar. Se você quiser dar uma
olhada mais de perto nesses moodboards, você pode encontrá-los na pasta de download da
aula Isso pode ser localizado na do projeto de design
na pasta moodboard Portanto, sua quinta tarefa
nesta aula é
refinar sua
pesquisa mais ampla e criar quadro
de humor em
estilo de layout e tipografia seu próprio quadro
de humor em
estilo de layout e tipografia para uma
direção publicada que você
gostaria Com sua pesquisa mais ampla, identifique amostras
do que você acha interessante e, em
seguida, consolide suas amostras em um único layout e quadro de humor de
estilo tipográfico Certifique-se de consultar
o PDF da lista de tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Agora, você está convidado a
acompanhar meus quadros de humor. Mas se você quiser experimentar
esse processo e
praticar suas habilidades,
reserve um esse processo e
praticar suas habilidades, tempo para fazer isso agora. Tente passar cerca de 20
minutos neste exercício. Agora você pode estar se perguntando
por que eu não incluí tipos de letra aqui
em meus quadros de humor? Bem, isso porque, quando se
trata de design de pôsteres, essa é uma tarefa em si. Depois de concluir pelo
menos um quadro de humor, é hora de examinar a próxima
etapa do processo de design
8. Como escolher tipos de tipos de letra: Agora, uma das etapas mais
importantes na fase de descoberta
do design é a pesquisa. Nos estágios iniciais do processo de
design, especialmente para design de pôsteres, além de pesquisar
layout e estilo, é prático
pensar Passando para a quarta etapa
do nosso processo de design, aqui nos aprofundamos na arte de
escolher fontes para o design de
nosso pôster Agora, a tipografia não se trata
apenas de legibilidade. É sobre personalidade,
tom e impacto. O tipo de letra certo pode
elevar seu design, transmitir a mensagem certa e repercutir Portanto, a escolha dos tipos de letra não
deve ser feita de ânimo leve. Antes de começarmos a
pensar em layouts de design de pôsteres, é útil ter uma boa ideia
do estilo dos tipos de letra
que queremos
usar para capturar o resultado
certo em nosso design quando quisermos fazer o
layout de nossos Agora, lembre-se de que
pesquisar o tipo certo
pode demorar um pouco e muitas tentativas
e erros para encontrar
o tipo de letra certo Ao decidir sobre nossa
tipografia com antecedência, garantimos que consideramos
opções bem
pensadas e apropriadas
para nossa Isso também oferece uma transição
perfeita para nossa fase posterior de arte, mantendo nosso fluxo criativo
ininterrupto e economizando tempo
precioso durante
a fase de layout, na qual podemos começar a trabalhar. Para
facilitar o processo de
criação da minha arte e ter
algo por onde começar,
gosto de estar pronto com pelo menos um punhado de tipos de Nesta parte da aula,
exploraremos como escolher fontes que estejam alinhadas com nosso quadro de humor, mensagem
e estética Essa etapa tem tudo a ver com
preparação e organização, garantindo que, quando
começarmos a criar nosso pôster no software
criativo posteriormente, todas as peças se
encaixem perfeitamente Então, vamos mergulhar no
mundo da tipografia e nos
preparar para um processo
suave e eficiente Lembre-se de que as fontes escolhidas são a voz e o
tom do seu pôster. Então, vamos entrar nisso. Então, neste vídeo,
abordaremos três tópicos principais. Um, considerando tipos de letra, dois descobrindo tipos de letra e
três pré-visualizando tipos de letra Então,
refletindo rapidamente sobre o resumo do design, o público principal é
aquele que deseja moda única, expressão
pessoal e designs de
ponta que
ressoem com aqueles que desejam
fazer uma declaração fazer uma Os seguidores da Bolts são criadores de
tendências unidos pela paixão por um
estilo distinto e pela superação de limites O objetivo dos
designs de pôsteres é serem ousados e atraentes
com visuais dinâmicos Analisando meu layout e meu moodboard de estilo de
tipo, achei que
essas são algumas opções que funcionam muito bem para alinhar com esse sentimento
no Aqui, temos
exemplos em que
há alta dinâmica em
camadas e contraste. Os tênis são recortados e interagem bem com a
tipografia No geral, os layouts parecem
muito enérgicos, vibrantes, espontâneos e têm aquela qualidade juvenil Isso é o que
achei relevante na pesquisa que encontrei, e essa é uma abordagem
apropriada, acho que seria
uma boa direção em resposta ao resumo do design. Esse é o tipo de comunicação
visual que atrairia esse
tipo de público. Agora, em relação à tipografia, o tipo como um todo
é muito impactante,
vigoroso e vigoroso Temos algum
efeito de traçado aqui e temos alguns tipos de letra com um
pouco de brilho Olhando de perto, podemos ver que as fontes usadas são fontes em
negrito sem serifa, com
o uso ocasional de uma fonte
serifada e algum tipo o uso ocasional de uma fonte
serifada as fontes usadas são fontes em
negrito sem serifa, com
o uso ocasional de uma fonte
serifada e algum tipo personalizado. Nesse caso, os layouts estão bastante ocupados e
há muita coisa acontecendo Portanto, os tipos de letra simples
usados funcionam bem para não sobrecarregar o design e
garantir um bom
grau de legibilidade garantir um bom
grau Para meus pôsteres, quero adotar
uma abordagem semelhante que os tipos de letra sejam impactantes e tenham Sua sexta tarefa
nesta aula é revisar os tipos de letra usados em seu quadro de humor de
estilo de layout e tipografia Examine cuidadosamente as
fontes em sua pesquisa, identifique os estilos
de fontes usadas e veja como elas funcionam
como parte dos designs Depois de identificados, anote os estilos que você deseja usar no design do pôster Tente passar cerca de 5
minutos neste exercício. Depois de ter uma ideia inicial dos estilos de
fontes que deseja usar,
você pode passar para a próxima etapa, na
qual podemos
pesquisar os tipos de letra Então, quando eu tiver uma ideia
clara do estilo de
tipo que quero usar, é hora de sair e
procurar alguns tipos de faces. Agora, há várias maneiras de
obter faces de tipos. Você pode comprar faces tipográficas, você pode criar faces tipográficas. Mas hoje, temos a
sorte de ter uma grande variedade de faces de tipos
livres. Se você clicar no documento
importante de Links, poderá ver uma lista de sites
de fontes que listei que você pode usar, alguns dos quais são gratuitos e outros onde você pode
obter fontes pagas. Para fins desta classe, usaremos alguns tipos de letra gratuitos Agora, existem muitos sites onde você pode
pesquisar fontes gratuitas. Para esta aula, quero
mostrar um recurso útil. Eu criei tudo
para
facilitar o processo e o que
estou usando atualmente. Agora, como pesquisar estilos
específicos de fontes podem ser trabalhosos
e demorados, eu uso meu livro de fontes, que é uma coleção
de Eu montei
mais de 1.000 fontes gratuitas. Portanto, no importante estoque do Link, há um link para
o livro de fontes do GDS E se clicarmos aqui,
acessaremos o site do
Font Book. Na página inicial,
você pode ver que atualmente há uma
variedade de categorias que
podemos escolher, desde San Serif até
Brush e Extended Se clicarmos neles, podemos ver uma lista organizada de fontes gratuitas, fontes do Google e fontes da Adobe
para escolher Aqui, podemos simplesmente navegar
pelos tipos de letra oferecidos
e, se clicarmos em um, seremos direcionados diretamente ao
tipo de letra para baixá-lo Isso pode economizar
muito tempo se você souber qual estilo
de fonte deseja,
onde você pode mergulhar diretamente em uma categoria e ver
alguns exemplos de qualidade Para minha abordagem, antes mesmo ver qualquer exemplo de tipo, eu sabia que queria procurar
algumas fontes realmente fortes que
funcionassem bem em um pôster
tipográfico funcionassem bem em um pôster
tipográfico Também estava aberto a ver alguns exemplos com um pouco mais brilho que poderiam adicionar outro elemento de estilo e expressão aos meus designs de pôsteres Aqui, examinei a categoria de
serifa de areia, a serifa, a placa Serip, a tela, a a categoria condensada Agora, uma técnica que
eu gosto de usar, que eu também
recomendo é visualizar suas
fontes à medida que você as encontra. Acho que isso me ajuda a ter uma boa visão holística de um
tipo de letra para ver rapidamente as qualidades e se
elas são adequadas meu design e também
compará-las rapidamente com outras Para isso, eu gostaria de usar
um documento ilustrado. Eu me
preparei para configurar uma série de caixas de texto pré-preenchidas, nas
quais posso simplesmente alterar
a fonte rapidamente para observar as qualidades das fontes e ter uma primeira impressão Aqui, posso ver rapidamente as formas de letras
maiúsculas e para ter uma ideia rápida delas. Depois de um tempo explorando
uma variedade de fontes, baixando-as,
instalando-as e
colocando-as na minha folha de texto, eu a imprimi em
papel para dar uma olhada mais de perto Aqui, tenho três folhas
com nove amostras em cada uma, e fiz isso para ter
uma boa visão de uma variedade. Acho que passei cerca de
meia hora pesquisando e selecionando
alguns para colocar aqui. Se você quiser dar uma
olhada nessa prévia da folha de tipos, você pode encontrá-la na pasta de download da
classe. Ele está localizado na pasta de
arquivos
do processo de design na pasta de
tipografia Além disso, se você clicar em
qualquer uma dessas fontes, incluí os links, que o levarão diretamente
até elas para instalação. Aqui na primeira página, estou vendo algumas fontes
ousadas
com uma variedade de qualidades algumas
mais
condensadas Na próxima página, vou ver
algumas
fontes extensas e também algumas
com amostras mais arredondadas Na terceira página, vi algumas outras fontes com um pouco mais de personalidade
e brilho Aqui eu tenho alguns exemplos de serifa e
serifa em laje. Após uma
análise cuidadosa, você pode ver que tenho uma boa
variedade de tipos de faces para escolher que considero
apropriadas para minha direção, que posso considerar usar no design do
meu pôster Agora eu tenho meus quadros visuais de humor e minha pesquisa de tipos de letra Agora estou em uma posição muito
boa para seguir em frente no processo. Agora, tenha em mente que esse processo
é apenas para eu começar. Ainda há uma chance de que
algumas dessas fontes que eu escolhi não funcionem
nos layouts finais posteriormente Mas há uma grande
chance de que Sam o faça e ,
no mínimo, eu tenho algumas boas amostras
para começar. A sétima tarefa
dessa classe é adquirir e visualizar alguns tipos de letra
para usar em seu design Conforme recomendado, você
pode acessar o site do
Font Book, navegar nas plataformas ou usar qualquer tipo de letra que você já
tenha Certifique-se de clicar no
Class Link Doc na pasta de download
da classe para clicar nos Links
dos
sites de fontes a serem explorados. Certifique-se de consultar
o PDF da lista de tarefas na pasta Download
da classe para obter
mais instruções sobre essa tarefa. Tente passar cerca de
30 minutos a uma hora neste exercício. Depois de escolher
um conjunto final de tipos de letra, que você gostaria de
ver em seu design, você pode passar
para a próxima etapa
9. Revisão de grelhas de pôster: Portanto, quando se
trata de design de pôsteres, um princípio fundamental que devemos
sempre considerar é o alinhamento alinhamento é como podemos
entender um design, como podemos criar
ordem, estruturar e sugerir relações
entre elementos visuais, que pode levar
a um claro senso de hierarquia visual
em nosso design, algo
que devemos
sempre buscar Quando criamos um pôster, devemos sempre
pensar no alinhamento Agora, uma das principais maneiras de
focar no alinhamento e ajudar no alinhamento em nosso design de
pôster é usar grades Passando para a quinta etapa
do nosso processo de design, aqui analisamos as grades de
pôsteres que
podemos usar em nosso Agora, começar com
uma tela em branco geralmente
pode ser desconcertante Mas se começarmos com uma grade, ela pode nos ajudar a fornecer uma estrutura para ajudar a organizar nossos elementos
visuais. Agora, se você às vezes tem
dificuldades com seu design e quer mais
ideias e inspiração
, este vídeo
vai ajudá-lo. Neste vídeo,
vou discutir grades e as várias grades que
você pode considerar usar, o que é muito
importante para aqueles que desejam melhorar seus
layouts Então, vamos entrar nisso. Então, o que é uma grade? Bem, no design, uma grade é uma estrutura subjacente
que pode ser usada para alinhar e conter elementos
visuais Na maioria das vezes, as grades são estruturas
visuais, um design pode ser baseado,
mas, em alguns casos, uma grade pode fazer parte do próprio design
visual Então, por que as grades são tão importantes? Bem, existem muitos
motivos pelos quais as grades são benéficas e por que um designer
escolherá usá-las Em última análise, as grades ajudam a
resolver problemas de layout. Quando se trata de design de layout, uma grade pode estabelecer uma
base sólida para trabalhar, o que pode ajudar a criar
ordem, estrutura e estabelecer
consistência em um layout. Uma grade pode ajudar a
dividir uma página
em branco em seções para conter
e alinhar elementos visuais, que pode ajudar a desenvolver
relacionamentos entre elementos, resultando em layouts mais estruturados e
agradáveis Quais são os diferentes tipos de grades que podemos usar
no design de pôsteres Bem, há uma variedade de sistemas de rede que você pode
considerar em seu projeto
, todos com propósitos
diferentes. Então, aqui eu tenho um
documento que contém os diferentes tipos de grades de
pôster que você pode usar Este é um documento de
referência rápida que você pode consultar como parte
do seu processo. Se você quiser dar uma
olhada neste PDF de referência de grade, você pode encontrá-lo na pasta de download da
classe. Ele está localizado na pasta de arquivos do processo de
design,
na pasta de grades de pôsteres Algumas das
grades clássicas comumente
usadas no design
de pôsteres são grades de colunas, grades
modulares, grades hierárquicas
e grades No entanto, também existem algumas grades alternativas que
podem ser consideradas,
como grades axiais, grades diagonais e grades radiais Uma das grades mais
comuns usadas no design de
pôsteres é
a grade de colunas A grade de colunas é um
dos sistemas de grade mais simples e
práticos. Uma grade de colunas separa uma
página em zonas verticais
e, normalmente, as colunas estão
contidas em uma margem, que é o espaço ao redor
da parte externa de uma página Dependendo da quantidade de informações
destinadas a um design, uma grade de colunas pode variar de
duas a várias colunas. Uma grade de colunas pode facilmente
dividir sua página em seções
claras nas
quais você pode atribuir conteúdo, tipo de linha ou imagem. Outra grade comum usada no design de
pôsteres é
a grade modular Agora, a grade modular é
construída sobre a grade
da coluna com a
adição de linhas horizontais Onde a grade da coluna divide as páginas em zonas e seções, a grade modular divide página em vários
quadrados Eles são chamados de módulos, e as calhas entre eles ajudam a adicionar espaço para
respirar entre os conteúdos contidos ou alinhados aos Dependendo da quantidade de informações
destinadas a um projeto, uma grade modular pode
variar de alguns módulos a vários. Outra grade comum usada no design de
pôsteres é a grade
hierárquica Onde a coluna e a
grade modular normalmente apresentam uma estrutura neutra de módulos
repetidos e colunas
da mesma proporção. A grade hierárquica
normalmente inclui módulos de várias
proporções para
delinear a ordem e a prioridade e estabelecer um
gancho primário claro ou Embora seja possível usar
a coluna e a grade
modular para estabelecer uma hierarquia visual
muito clara,
a grade hierárquica é
usada com o único propósito de estabelecer uma hierarquia visual muito
clara Uma grade hierárquica típica pode incluir uma base de grade de coluna ou
módulo, embora contenha
áreas adicionais que podem se cruzar ou se sobrepor para estabelecer um ponto focal com Outra grade de colunas usada no design de
pôsteres é
a grade de linha de base Agora, a grade da linha de base é
composta por uma série de linhas
horizontais que normalmente
preenchem a página inteira, assim como uma página de um
bloco de notas que pode ser A grade da linha base normalmente
não é usada para
estruturar ou alinhar o conteúdo da imagem
como na grade anterior, mas mais ainda para gerenciar tipo e definir linhas
onde o texto pode ficar. Essas são algumas das
grades comuns que os designers usarão, mas há
outras grades a serem consideradas para
abordagens de
layout mais alternativas A primeira a considerar
é a grade axial. Agora, ao contrário do sistema de grade
anterior, a grade axial é livre
de colunas e
módulos técnicos e incentiva um layout
mais livre e simples Uma grade axial consiste em uma linha axial distinta
percorrendo um Essa linha axial
pode ser horizontal, vertical ou inclinada em direções
diferentes, e normalmente dividimos uma composição em duas zonas
distintas onde texto e imagens podem
ser colocados ou alinhados em ambos os lados
da Outro sistema de grade alternativo a ser considerado é a grade
diagonal. grades diagonais são graus em
coluna, modulares
ou hierárquicos colocados na diagonal em vez da vertical e são usadas para criar mais ousados Em essência, as grades diagonais são
um pouco parecidas com grades axiais, onde podem sugerir
uma direção
e um movimento claros do conteúdo No entanto, tendem a
ser mais complexos, às vezes usando direções múltiplas
e contrastantes e incluem mais conteúdo visual O último sistema de grade alternativo a ser considerado é a grade radial Agora, ao contrário de todos os sistemas de grade
anteriores que tendem a ser rígidos
em sua abordagem, a grade radial oferece uma alternativa muito
mais orgânica Onde outros sistemas de nivelamento fluem verticalmente, horizontalmente
ou diagonalmente,
o grau radial gira em
torno de um ponto central, o grau radial gira em
torno de um ponto central verticalmente, horizontalmente
ou diagonalmente,
o grau radial gira em
torno de um ponto central, pulsando e emitindo para fora. Elementos visuais alinhados
a um grau radial tendem a gravitar ao redor ou emitir a partir de
um ponto central de foco, que pode surgir de qualquer lugar Dependendo da
natureza do desenho,
o olho é puxado para dentro, empurrado para fora
ou movido Ok. Portanto, para concluir, as grades simplesmente fazem
sentido e podem nos dar confiança, como designers, para saber que há ordem e
estrutura em nosso design Ao criar pôsteres, considere usar uma grade pois ela pode ajudá-lo a resolver
seus problemas de layout Portanto, a oitava tarefa desta
aula é se
familiarizar com as
várias grades de pôsteres que podemos usar Na próxima etapa,
começaremos gerar ideias
para nosso design de pôster Portanto, essa será uma boa
tarefa para obter
inspiração para o que vem a seguir Certifique-se de consultar
o PDF da lista de tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Depois de se familiarizar com
os tipos de grade de pôster, podemos passar
para a próxima etapa
10. Como gerar ideias de layout: No centro de todo
ótimo pôster e, na verdade, todo ótimo design
está uma ideia poderosa O design, em sua essência, consiste resolver problemas com soluções
poderosas. É o processo de
pensar, questionar e explorar antes de chegar um design que fala,
ressoa No mundo acelerado de hoje, impulsionado pela
tecnologia, é tentador mergulhar diretamente nas ferramentas digitais
e começar a criar Obviamente, o
software criativo é excelente em nos ajudar a executar ideias, mas ele realmente se destaca
em nos fazer pensar A verdadeira criatividade geralmente começa
fora da tela. Portanto, antes de lançarmos
nosso software criativo, há uma etapa crítica que
garante que nossos designs não sejam
apenas visualmente atraentes, mas também significativos
e eficazes Passando para a sexta etapa
do nosso processo de design, aqui realizamos o processo de
geração de ideias para o design do
nosso pôster Antes de entrarmos nas ferramentas de
software, é crucial dedicar
algum tempo para pensar sobre nossas intenções de design e a direção
que gostaríamos de seguir. É um momento importante para
refletir em nosso quadro de humor e começar a usar nossa imaginação
para gerar ideias. E uma das formas mais
eficazes de fazer isso é desenhando Desenhar não é
só desenhar. Trata-se de traduzir
nossos pensamentos e inspirações em conceitos
tangíveis É aí que nossas ideias
começam a tomar forma, oferecendo um caminho direto da
imaginação à visualização Desenhar é um processo atemporal, testado e comprovado que funciona há
centenas de anos Então, à medida que continuamos
na sexta etapa de
nossa jornada de design, entramos em uma nova fase em
que entramos no reino dos esboços para gerar conceitos
visuais para nosso design de pôster Então, por que desenhar é
tão importante? Bem, essencialmente,
desenhar
nos encoraja a pensar de forma divergente, o
que nos encoraja a ser mais
inventivos e a ir além do que
pode estar à nossa frente para
descobrir ideias criativas mais convincentes que nos encoraja a ser mais inventivos e a ir além do que pode estar à nossa frente para descobrir Desenhar é uma
parte essencial do processo de design,
onde a criatividade flui sem
os limites do software. Além disso, o melhor de desenhar é que
qualquer pessoa pode fazer isso Não se trata de perfeição aqui. É sobre ideias. Essa abordagem prática garante que, quando migramos
para o software de design, construamos
uma base sólida de ideias bem pensadas, não apenas improvisando
na tela Acho que há espontaneidade
e química ao desenhar. Muito mais mágica pode acontecer na página do que na tela. Além disso, as ideias podem surgir muito
rapidamente durante o esboço, o que nos permite realizar soluções
criativas com muito mais rapidez Então, nesta parte da aula, vamos mergulhar nas técnicas de
esboço que estabelecem as bases
para o design do nosso pôster Você aprende como essa etapa crucial não apenas simplifica
o processo de design, mas também eleva
o produto final Vamos pegar nossas canetas
e lápis e começar a desenhar nosso caminho
para criar designs atraentes Então, neste vídeo, abordaremos dois tópicos principais. Um, gerando ideias aproximadas e dois criando golpes refinados Então, quando se trata de design, geralmente
gosto de começar primeiro
no papel. Ter uma ideia primeiro
facilita muito a experiência de criar arte no computador
depois Portanto, não estou apenas
empurrando pixels rapidamente e
esperando que algo fique bonito Um processo que eu gostaria de
realizar é primeiro
refletir sobre o assunto do
meu pôster e seu conteúdo,
considerar a anatomia da lista de verificação do design do pôster e
revisar
a doca de lista de verificação do design do pôster e
revisar
a doca referência dos tipos de grade de pôsteres Nesse caso, posso ver conteúdo
do pôster
fornecido pelo resumo do design, onde posso ver as
opções de cópia disponíveis para mim, fotografia
do produto e também os recursos de design
que posso incluir Além disso, terei meu quadro de cores e texturas
que preparei anteriormente, que descreve todos os
elementos visuais que
precisarei considerar A lista de verificação da anatomia do
design de pôsteres é algo
que
preparei anteriormente e uso como uma ferramenta para me
ajudar no meu processo Aqui, posso examinar todos
os elementos importantes. Então, quando estou desenhando, posso ter em mente o que
preciso incluir E o dock
de referência de tipos de grade de pôsteres é outra ferramenta que posso usar para considerar como posso gerenciar os elementos visuais e como
posso organizá-los Então, depois de entender
o resumo do design, estou ciente do conteúdo do
pôster Eu tenho meus quadros de humor
para me inspirar. Posso então começar a
esboçar ideias de design de pôsteres, tendo em mente todos
os critérios-chave Para fazer isso, gosto primeiro de desenhar esboços de
pôsteres em papel, onde posso esboçar minhas ideias
iniciais de design Agora, desenhar
esboços de pôsteres pode ser demorado, então costumo usar um modelo de
documento que preparei anteriormente Fornecido na pasta de
download da classe, há um caderno de esboços em grade contendo uma variedade de modelos de
grade de pôster, semelhantes aos contidos no da grade de pôster Eu posso usar para desenhar. Na primeira página, há um layout de quatro por dois de contornos de
pôsteres de retratos Para fazer isso, gostaria primeiro de imprimir
algumas folhas
de esboço de pôster do caderno de esboços da grade de pôsteres. Este é um caderno de esboços que
criei cuidadosamente do zero
que contém muitas amostras de grade que preparei anteriormente e que posso usar
para basear meu design Em vez de comprar cadernos de desenho em branco
ou genéricos onde terei que desenhar
meus contornos várias vezes, aqui preparei
grades específicas em folhas individuais, o
que facilita a impressão, o foco, o
esboço e o planejamento do design do
meu pôster com rapidez e ,
onde terei que desenhar
meus contornos várias vezes,
aqui preparei
grades específicas em folhas individuais, o
que facilita a impressão, o foco, o
esboço e o planejamento do design do
meu pôster com rapidez e facilidade. A partir deste caderno de esboços,
imprimirei alguns esboços simples de pôster
em alguns pedaços de papel
e, em seguida, estarei pronto para começar
a gerar Neste ponto, também posso refletir sobre minha doca de
referência de tipos de grade de
pôster para
considerar em que tipo de grades e estrutura eu
poderia basear um design
e, em seguida, começarei a
esboçar algumas ideias iniciais Agora, isso normalmente
começa de forma muito difícil, onde vou esboçar e
testar alguns conceitos iniciais Aqui você pode ver uma série
de ideias que tive para uma variedade de layouts e
permutações de minhas ideias, considerando
também os tipos
de grades Ao desenhar, é importante pensar na hierarquia visual, como quero organizar
meus elementos e em como pretendo
equilibrá-los Pessoalmente, gosto de usar marcadores de linhas
finas, assim
como gosto da tinta E se eu cometer algum erro, posso usar o HIP BAX
para remover qualquer coisa Aqui, vou
desenhar com uma série de linhas muito simples para
mapear a forma do meu pôster e como quero que certos
elementos, como imagem, tipo, forma e
espaço, funcionem e como
posso dividir a página em seções e colocá-la
nos meus elementos Em todas as ideias, estou analisando várias maneiras pelas quais as imagens e
o tipo do produto de
tênis podem funcionar como o gancho principal e como os outros elementos
funcionarão ao redor delas. Como você pode ver, aqui
é o mega Ruff, onde estou analisando
muitas ideias rapidamente Agora, ao desenhar, é muito comum que uma ideia
desencadeie outra, e é por isso que esboçar é tão importante, pois
você pode gerar muitas ideias rapidamente e gerar ideias que talvez
não tivesse originalmente Portanto, sua nona tarefa nesta aula é fazer
alguns esboços rápidos Agora você entende
o resumo do design. Você tem seu próprio quadro de humor e tem alguns
tipos de faces selecionados. Experimente esboçar
seus próprios designs. Lembre-se de que não se
trata de perfeição. É sobre ideias. Então, tente viajar rápido e
esboce seus pensamentos. Certifique-se de consultar
o PDF da lista de tarefas, a pasta de download da classe para obter mais instruções sobre essa tarefa. Agora, você está convidado a
acompanhar meus esboços. Mas se você quiser experimentar
esse processo para explorar suas próprias ideias e
praticar suas próprias habilidades, reserve um tempo para fazer isso agora. Então, experimente, comece bem
e tente gerar de oito a
16 ideias de layout. Tente passar mais de uma
hora neste exercício. E se você fizer
alguns esboços, deixe de compartilhá-los na seção de projetos de
classe abaixo, pois todos adoraríamos ver
o que você pode criar Então, quando tenho
muitas ideias
e me sinto satisfeita, percorri muitos caminhos. Em seguida, começarei a pensar forma convergente e selecionarei
as ideias que
acho que funcionam melhor e que se destacam para mim como opções que eu gostaria de
desenvolver ainda Agora, se eu estiver apenas
desenhando para mim, vou gerar um monte de esboços,
como você vê Isso faz sentido para mim. Eles
podem ser um pouco difíceis aqui, mas tudo bem, porque
são só para mim, e agora eu poderia entrar
no computador e começar
a trabalhar neles. No entanto, às vezes, quando
estou trabalhando em um projeto, posso ter que mostrar aos colegas de
trabalho ou até mesmo
a um cliente nos estágios iniciais, ou talvez eu queira examinar mais de perto como o
tipo desempenhará um papel no meu design para obter uma visualização mais precisa ver se e como um
design funcionará. Às vezes, posso
até ter que passar esses conceitos para outro
designer para trabalhar. Às vezes, como diretor
criativo, nem sempre
eu mesmo desenho os produtos
acabados. Às vezes, passo
ideias para outros designers. Para informá-los e fornecer-lhes
algo fácil de seguir, um golpe fará isso perfeitamente Se for esse o caso,
gerarei esboços
mais refinados que
descrevem uma ideia com mais clareza Eles são chamados de fraudes e são desenhos claros mais refinados, que descrevem de forma clara e
abrangente a abordagem e a
intenção de Onde meus esboços iniciais
foram rápidos e grosseiros, eles são muito mais refinados, onde vou me concentrar mais
nos elementos individuais
da composição Para isso, deve ficar bem
claro qual
é minha intenção e como quero gerenciar
os elementos na página. Neste ponto,
também posso refletir sobre a pesquisa rígida que
fiz anteriormente, rascunhar e incorporar a fonte para ver como ela ficará
e funcionará no design. Além disso, nos golpes, vou me concentrar mais
na grade que pretendo
usar e desenhar meus layouts
nos modelos de grade Posso imprimir e ver
com mais precisão como posso gerenciar os layouts e qual abordagem
posso adotar no computador Para fazer isso, novamente,
posso imprimir algumas folhas de esboço de pôster do caderno de esboços da grade de pôsteres. Desta vez, posso percorrer os vários tipos de grade e amostras incluídos e imprimir as notas
que gostaria de explorar. Normalmente, eu
os escrevo em uma página separada ou incluo dois em uma folha para manter a clareza Para isso,
imprimi uma variedade de grades e desenhei meus
desenhos nelas Para meus golpistas, aqui
você pode ver uma série de composições que achei que
funcionaram muito Aqui, estou usando uma mistura de graus de coluna,
graus de linha de base, grades moléculas e até grades radiais e axiais
diagonais de
moléculas e até grades radiais e axiais
diagonais para obter vários resultados. Isso me permitiu ver como
uma variedade de alinhamentos de tipos poderia funcionar para explorar o quão dinâmico eu poderia criar
minhas composições A partir delas, posso ver como tipografia pode funcionar
dentro da grade e quais tipos de
faces funcionarão para caber confortavelmente
na mensagem e não competir muito com O que eu também gosto de
fazer ao desenhar meus golpes é desenhar uma linha grossa ao redor da parte do pôster.
Quero desenhar os dois
primeiro, o gancho Nesse caso,
eu desenho as imagens do produto de
tênis e o resto dos elementos e o resto dos elementos com uma variedade de espessuras e
pesos
diferentes para ver como elementos de suporte
funcionam
na Com alguns outros layouts, explorei usar o logotipo em negrito
e usar módulos nos quais posso incluir algumas texturas de imagem
e Aqui eu tenho alguns layouts muito
tipográficos, onde estou tornando o tipo
grande e atraente Aqui, tenho
mais alguns
designs alternativos que analisam as composições diagonais, radiais e de eixo No momento, acho que
estão bem claros e posso ver
como gostaria de
gerenciar cada elemento
na composição
e os tipos de grades que
posso usar para construí-los. Agora, lembre-se de que esses podem
não ser os designs finais aqui, mas fazem um bom trabalho mostrar
claramente um
conceito de design, que pode ser bom
discutir com colegas, clientes ou outros designers
nos estágios iniciais Portanto, isso pode economizar
muito tempo do se comprometer com um design
no computador, onde discussões e decisões
podem ser tomadas antes investir tempo na
arte de uma peça final Então, quando sinto que tenho
algumas boas ideias, fico empolgada com algumas
das minhas composições e sei quais quero desenvolver em designs
finalizados Em seguida, vou pensar
em usar o computador para começar a criar meu design e
dar vida aos meus designs Portanto, sua décima tarefa
nesta aula é
tentar refinar alguns de
seus esboços Agora, essa tarefa é opcional, mas se você acha
que gostaria de praticar sua habilidade, escolha pelo menos duas ideias
dos esboços e tente redigi-las cuidadosamente
em esquemas refinados Agora, se você estiver
curioso, pode abrir meus exemplos de scap para ver como eu abordei
isso como referência Certifique-se de consultar
o PDF sem tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Agora, tente passar mais de uma
hora neste exercício. Se você realizar
alguns golpes refinados, deixe de compartilhá-los
na seção de projetos de classe abaixo, pois todos
adoraríamos ver o que você
pode inventar Depois de fazer
alguns esboços e ter algumas ideias que
deseja desenvolver ainda mais, agora
podemos entrar no
computador para dar vida a elas
11. TUT #1: design de grade de linha de base: Adobe InDesign: Portanto, tudo o que fizemos
até o momento da
aula foi uma
preparação para
esse momento em que começamos a dar vida ao
nosso design. Nesta etapa, entramos
em uma nova fase. A fase anterior consistia em
gerar ideias para o design do
nosso pôster Agora temos algumas
ideias sólidas na bolsa. É hora de entrar
na terceira fase
do processo de design, na qual
criamos nosso design
no computador Nesse ponto, se você estiver acompanhando o processo de
design, analisaremos um resumo do design,
veremos o
conteúdo do pôster necessário, realizaremos uma pesquisa visual, prepararemos um quadro de humor, selecionaremos alguns tipos de faces e esboçaremos alguns designs prontos para serem Então, eu tenho todos os meus pré-requisitos
prontos aqui na minha frente. Agora estou pronto para entrar no design e dar vida a um
dos meus pôsteres Neste vídeo, demonstrarei
como usar as ferramentas do in design para criar esse design de
pôster especificamente
e, posteriormente, veremos
como fazer algumas variações Então, para criar nosso
pôster em design, abordaremos
as seguintes etapas principais Etapa um, configuração da
pasta do projeto, etapa dois, configuração do
documento, etapa três, configuração da
grade, etapa quatro, trabalho com texto, etapa cinco, trabalho com imagem, etapa seis, trabalho com cores, etapa sete, refinar a composição, etapa oito, criar variações de layout
e etapa nove, exportar Esse é um
processo metódico que garantirá a
criação de designs de pôsteres de qualidade
e não
deixaremos criação de designs de pôsteres de qualidade e não
deixaremos Então, prepare-se para uma aventura
épica de design. Após este vídeo, você
poderá criar pôsteres tipográficos
dinâmicos como esse na Adobe em um
design Então, vamos entrar nisso. Então, aqui estou eu no design, e esses são alguns pôsteres
dinâmicos que
criei anteriormente
usando as técnicas que estou prestes a demonstrar Se você quiser dar
uma olhada neles, você pode encontrá-los na pasta do projeto da
classe. Eles estão localizados na pasta
dois modelos de pôster. Se você abrir todos os
pôsteres no arquivo de design, poderá
abri-los dessa forma Agora, neste tutorial,
vamos nos
concentrar no design desse
pôster aqui Se eu selecionar esse pôster,
com essa ferramenta de seleção, vá até
o painel Link e clique no ícone de edição
na parte inferior Vamos pular para outro documento
de design, onde podemos ver variações
do mesmo design de pôster Basicamente, o que eu tinha lá era um documento de design com
links para outros arquivos. Este é o arquivo em que
criei o design do pôster, mas esse dock aqui é apenas para que eu possa ver todos os meus
pôsteres de uma só vez, e cada um deles é um link
para um documento diferente No documento do pôster, o que
fiz aqui foi desenvolver um design de pôster a partir de um dos meus esboços, que tenho E no computador, eu
vi como isso poderia funcionar em diferentes variações com fontes e cores diferentes. Agora, se eu também pressionar
W no teclado, poderei alternar entre visualização e o modo normal No modo normal, você pode ver o sistema de grade que
usei para estruturar
esse design de pôster Portanto, sua 11ª tarefa
nesta aula é
seguir meu método de design de
pôster O objetivo dessa
tarefa é para aqueles que talvez
não estejam familiarizados com o design Essa é uma chance
para você aprender algumas técnicas cruciais e se sentir confortável trabalhando
na Adobe em design. Agora, esse estágio é opcional. Você pode assistir
e participar ou acompanhar e desenvolver
seu próprio design de pôster No entanto, vou
encorajá-lo a fazer isso mais tarde. Então, vamos agora
entrar no design e ver como podemos desenvolver
um pôster como esse E vamos
começar com o primeiro passo. Agora, um passo rápido que eu gostaria de
dar antes de começar qualquer projeto é primeiro
configurar uma pasta de projeto. Isso vai me preparar
para ser super organizado e ter um lugar para
guardar todos os meus ativos e saber onde tudo está. Ao trabalhar com design, é útil estar organizado
para melhorar seu fluxo de trabalho. Posso
configurar isso do zero ou duplicar uma pasta
que criei anteriormente Então, se você ainda não
fez isso na aula, entre na pasta de
download da classe, na pasta do processo de design e na última pasta
chamada pasta do projeto, teremos algumas
pastas adicionais dentro. Agora, essas pastas nos
ajudarão a organizar nosso projeto. Então, para começar, eu recomendo que você copie essa
pasta e cole-a em algum lugar que você possa
acessar por meio desta
parte da aula. Por enquanto, vou
colar todos os meus arquivos
na pasta que criei
anteriormente nesta aula. Então, depois de configurar a pasta
do projeto, vamos começar a trabalhar com o pôster artístico Então, no design, para começar, vou
configurar um novo documento. Vou subir para arquivar um novo documento
e selecionar. Agora, nesta ocasião,
vou
usar um documento de
tamanho de impressão padrão. Na guia superior,
clicarei em imprimir. Vou clicar em Exibir ou em predefinições. Vou selecionar A três.
À direita, vou me certificar de que minha orientação
esteja definida como retrato. Vou ajustar minhas unidades
para milímetros. Agora, essa é apenas minha preferência
pessoal. Você pode usar qualquer unidade com a qual
se sinta mais confortável. Desmarque as páginas opostas. Vou deixar as páginas
definidas como uma por enquanto. Nesta ocasião, vou
definir minhas margens para zero. Vou definir a sangria
para 3 milímetros, e farei isso porque
algumas impressoras gostam uma hemorragia de três milímetros
ao serem enviadas para impressão,
então vou fazer isso no início então vou Vou deixar meu slug definido como
zero e clicar em Criar, e meu novo documento aparecerá Então, aqui temos nosso
novo documento
configurado e você pode ver
do lado de fora, temos a linha de sangramento Agora, para quem não
sabe o que é
isso, é onde você estende sua
arte para fora da área da tela Quando uma impressora corta a arte
, ela pode cortar um pouco para que você não tenha bordas brancas Novamente, se pressionarmos
W no teclado,
podemos alternar entre o modo
normal e o modo de visualização, e você pode ver que,
no modo de visualização, não consegue ver a linha de sangramento Agora, se você estiver acompanhando, verifique se consegue ver
o painel de controle na parte superior da interface do usuário. Caso contrário, vá até a
janela e
verifique se há uma marca
ao lado do controle. Agora, você também
precisará
ter seu painel de amostras, camadas e links visíveis,
portanto, vá até a
janela e clique neles para ativá-los Outra coisa a se certificar
é editar,
rolar para baixo até o espaço de mistura de
transparência e
selecionar o documento RGB,
o que evitará que suas imagens
pareçam opacas quando
você as trouxer Por fim, se chegarmos à visualização ao
desempenho da tela nesta ocasião, certifique-se de selecionar uma tela de
alta qualidade Então essa é a configuração do nosso documento
e, antes de continuarmos,
eu gostaria de salvá-lo. Então, vou
arquivar, salvar e navegar
até a pasta do projeto que
configuramos no início da aula,
na segunda pasta,
conceito e design,
na pasta de design e salvá-la na
pasta design como etapa de sobrecarga
do
Bolts Ok, então antes de começarmos a
adicionar qualquer elemento visual, eu quero configurar uma grade. Agora, relembrando um
dos meus esboços originais, gosto muito dessa ideia aqui de ter um
pôster bem tipográfico e ter o calçado elegante para as antenas escorrendo com ousadia
pelo lado esquerdo,
com a imagem do produto no canto com Como você pode ver,
gosto da ideia
da frase ter cinco
linhas. Inicialmente, era um
esboço muito aproximado, mas quando olhei para o design
desse pôster um pouco mais de perto no meu rascunho Eu descobri que, para fazer isso, posicionaria o
tipo em uma grade de linha de base e cada linha caberia em
três grades de linha de base Para esse design de pôster,
determinei que
precisaria de uma grade básica de 17 para
cinco linhas para caber em
três linhas e me
dar duas sobras
para os elementos do pé, uma na parte superior e
outra na parte Como você pode ver aqui,
planejei posicionar todos os elementos de texto dentro
da estrutura de grade de linha de base Então, primeiro, vou configurar uma grade de linha de base simples
para combinar com meu esboço Faça isso, vou até o layout
e seleciono Criar guias. Ao clicar, abra um menu, e aqui, podemos facilmente
definir nossos parâmetros. Agora, eu sei que quero uma
grade de linha de base de 17 na minha página. Primeiro, verificarei se a
visualização está marcada
e, para as linhas,
digitarei 17 e, por enquanto, definirei a
medianiz como zero, clicarei em k e agora o pôster
Canvas será
dividido em uma grade
básica Então, com a configuração inicial da grade, podemos começar a trazer
alguns elementos visuais. Agora, dependendo do seu design, às vezes pode
ser mais fácil começar com os
elementos de imagem de um pôster. Mas, para esse design específico, quero que seja principalmente
baseado em tipos e
inclua a imagem na parte superior. Então, para começar,
vou começar com os elementos de texto
em segundo plano. Então, olhando para o meu esboço, quero que o
tipo de título principal do pôster fique no lado esquerdo
e atravesse cinco linhas Então, vamos começar com essa parte. Para começar, vou até
o menu de ferramentas. Clique na
ferramenta de texto, venha e desenhe um quadro para começar abaixo da primeira linha de base e
arraste até a linha de base
inferior da página, como Z. Após o lançamento,
teremos nosso primeiro quadro, que eu posso colocar em Então, neste momento, vou
entrar no Poster content Dock e posso fazer isso
entrando na pasta de download da classe,
na pasta do kit de mídia Bolts e clicando duas vezes
no
atalho do deck de conteúdo para abrir no navegador Então, na página três, vou ver
o conteúdo do texto do pôster. Para este pôster,
vou escolher a opção dois. Vou copiar o título, depois
voltar para o design, colar
e agora temos nosso primeiro trecho de
texto, que é pequeno. Então,
aumentarei rapidamente o tamanho da fonte para cerca de 50 para que possamos ver com o que
estamos trabalhando aqui. Então, neste momento, preciso
ver como vou encaixar
esse tipo na minha grade de linha de base conforme projetei
anteriormente em meu couro cabeludo E também, que tipo de
rosto vou usar? Então, primeiro, vamos dar uma olhada no
tipo de letra que vou usar. Então, neste momento, eu
poderia usar qualquer tipo de letra, mas eu já tenho uma ideia
do que eu quero trabalhar com Em uma etapa anterior, fiz pesquisa de tipos de letra
em que
analisei uma variedade de tipos de letra que
gostaria Agora, na primeira
página da minha pesquisa, gostei bastante da aparência
desse tipo de rosto aqui. A razão para isso é por causa
de sua natureza condensada, o que me permitiria encaixar
o título na página E se olharmos para o meu bandido, foi assim que planejei
que funcionaria Então, para começar, vou aplicar minha fonte, e aqui vou começar
com o tipo de letra Zoom Cut Com sua grande
altura da capa em relação à largura da letra, essa é uma fonte particularmente
condensada Portanto, é uma boa opção se
você deseja obter um título com muito texto
no design do seu pôster. Além disso, esse tipo de letra tem uma aparência muito distinta com seus leves
recortes, o
que lhe confere com seus leves
recortes, um pouco de brilho Essa é uma fonte muito ousada e
impactante e
funcionaria muito bem nessa direção
específica de design Essa é uma fonte da Adobe e pode ser usada gratuitamente se você
tiver uma conta da Adobe. Você pode encontrar o link
no PDF do tipo de letra na pasta de download da aula No processo de design da pasta um, na tipografia da pasta cinco, e se você abrir o PDF, basta clicar na fonte e ela o
levará ao Agora, se você está
assistindo isso e não tem uma conta da Adobe, por qualquer motivo, por enquanto, eu recomendo que você use BBAs, que é uma fonte gratuita
que você pode obter
clicando em BBs no tipo PDF Essa é outra fonte condensada que deve funcionar perfeitamente Então, Ben, no design, selecionarei o tipo e
, no seletor de fontes, digitarei Zoom
e aplicarei a fonte Em seguida, para ajustar o tamanho. Então, com o tipo fa selecionado, vou digitar 200
pontos e pressionar Enter. Agora, vou apenas socar
os pontos até que eu possa ver a altura x das
formas das letras na linha superior Vou me encaixar perfeitamente
em três linhas da grade de linha
de base,
assim como meu Agora, ao fazer isso,
podemos ver que a linha entre
as palavras está muito errada. Com o tipo ainda selecionado, e
mantenho pressionada a tecla alt e pressiono para cima no teclado até que as formas das letras se
encaixem perfeitamente em três linhas de base, como Z. Agora podemos ver que
alcançamos algo muito
semelhante ao meu scap, e o tipo está Agora, nesta fase, poderíamos
até mesmo ajustar o rastreamento, mas vou deixar isso por enquanto Agora, se eu pressionar rapidamente escape e depois V para
ativar a ferramenta de seleção, posso pegar a âncora da
moldura central
à direita e
puxá-la para a direita E veremos que as
palavras aparecerão. Mas, neste caso,
eu realmente quero que as palavras
passem para a próxima linha. Então, esta é uma ocasião em que eu realmente quero ativar a
hifenização. No painel de controle, clicarei no botão de controle de
formatação de parágrafos Podemos ver que, no meio, temos a
hifenização ativada Vou mover a moldura de
volta para que meu tipo se divida em
cada linha dessa forma. Perfeito. Então, agora, vamos fazer
uma limpeza rápida No painel Camadas,
clicarei duas vezes no nome
da camada e
alterarei para tipo. Então, com a maior
peça de texto pronta, vamos dar uma olhada na próxima. Relembrando meu bandido, aqui eu também quero incluir um parágrafo do tipo à direita
do meu cabeçalho De volta ao design,
quero colocar uma nova caixa de texto
aqui à direita. Então, com a
ferramenta de texto selecionada novamente, tentarei clicar e
arrastar até o canto superior direito. Mas quando eu faço isso, ele está voltando
para a caixa de texto. Então, desta vez, vou pegar a ferramenta de
moldura e desenhar a caixa, e ela deve colocar a
caixa aqui sem problemas. Em seguida, selecionarei a ferramenta de texto e clicarei uma vez na caixa, voltando ao meu documento de conteúdo. Vou copiar o
texto do parágrafo, voltar para o design,
colar e colocar o texto em ,
colar e colocar o texto até 25 pontos para que eu possa vê-lo. Agora as coisas estão começando a ficar um pouco soltas aqui na minha página. Meu título principal está bem
posicionado na grade
da linha de base, mas agora temos essa caixa de texto de
parágrafo, onde vou Então, minha grade
de linha de base como eu gerencio
as coisas verticalmente,
mas e horizontalmente? Agora, eu não pensei sobre
isso no esboço. Mas enquanto procuro
trazê-lo à vida aqui, eu poderia pensar sobre isso agora. Uma solução aqui
seria trazer
uma grade de colunas para
dar alguma estrutura. Então, neste momento,
vou abordar o layout, clicar nas margens e colunas e menu Apple Então, vou ver
quantas colunas posso usar. Então, primeiro, vou me certificar de que a marca de visualização esteja selecionada, digitarei cinco no número
da coluna e clicarei
na medianiz para aplicar Agora, eu não acho que
isso esteja parecendo certo. Meu problema aqui é que parece que o título não tem como
ficar no
lado esquerdo da página Então, aqui vou ver uma margem, mas apenas à esquerda e à direita. Então, vou até a
margem e me
certifico de que haja uma
linha na fechadura, para que não sejam todas iguais. Então, à esquerda,
aumentarei para 20, pois gosto de
ter um número redondo, e acho que parece bom. Então, vou digitar 20 para a direita, e isso parece um bom espaço à esquerda e à direita
para o meu espaço de margem. Nunca, acho que ainda não tenho colunas
adequadas para
a nova caixa de texto Às vezes, quando
se trata de colunas, você precisa brincar um pouco
com isso. Então, vou
digitar sete desta vez. E acho que isso parece
muito mais promissor. Veja aqui, eu tenho duas
colunas aqui onde
posso colocar meus elementos
no lado direito. Por fim, vou reduzir o espaço da
sarjeta. Vou digitar 2 milímetros. Vou clicar, mover meu título para que fique bem na margem
esquerda e redimensiono meu novo quadro de parágrafo para ficar nas duas colunas da
extrema E acho que isso está
começando a funcionar. Lembre-se de que, às vezes, você precisará fazer
alguns ajustes grades e nas coisas rapidamente
à medida que desenvolve
sua composição Embora eu tivesse uma boa ideia da
grade básica do meu golpe, não
pensei nas colunas Então, ao trabalhar isso
no software, precisei resolver
esse problema aqui. Ok, então isso organiza minha estrutura de grade
para este pôster. É hora de trazer meus
próximos elementos de tipo. Então, analisando o scamp, existem alguns elementos de rodapé
e alguns outros elementos de tipo, mas a seguir, vou tentar colocar os elementos
no rodapé Então, olhando para o bandido, quero incluir
três linhas de texto, que eu posso ver
no baralho de cópias Eu quero que eles fiquem
igualmente distantes
um do outro na base do design
do pôster Agora, a maneira mais
simples de fazer isso é usar uma tabela simples No meu pôster,
selecionarei a ferramenta de moldura. Vou desenhar uma moldura
da margem esquerda
na última linha de base e arrastar até a
margem inferior direita do pôster Ter essa nova grade de colunas
aqui está realmente me ajudando. Em seguida, selecionarei a
ferramenta de texto e clicarei na moldura. Vou até a mesa
e clico em Inserir tabela. Sei que as linhas do meu corpo serão uma, vou definir as
colunas como três e clicar em k, e aí está minha tabela. Agora, clicarei na
minha ferramenta de seleção, que selecionará o quadro, e vou
até o meio do painel de controle e
clicarei em um centro de linha. E agora a mesa
ficará bem no
meio da moldura, perfeitamente no
espaço
inferior da linha de base Perfeito. Agora,
vou entrar no baralho de cópias e selecionar
cada rodapé, um de cada vez Volte para o pôster,
clique na ferramenta Tipo, clique na tabela e
cole seu conteúdo E eu vou fazer isso para a
célula do meio e a célula da extrema direita. Então, agora, o
tipo é justificado à esquerda em cada célula da tabela. Então, com a ferramenta de texto, clico na célula
central da tabela
e, no painel de controle, coloco
o texto no centro Vou clicar na terceira célula
e, no painel de controle, selecionar o texto
para alinhar à direita Em seguida, com a ferramenta de
texto, clico
na primeira célula e arrasto até o terceiro quadro, para que tudo fique selecionado. Em seguida, no painel de controle, verificarei se todas
as linhas estão azuis na caixa de traçado
da tabela e definirei
o traçado da tabela como zero. Vou clicar na
ferramenta de seleção para selecionar D, depois pressionar W para
entrar no modo de visualização, e agora podemos ver que o tipo no rodapé está posicionado
exatamente como eu quero Perfeito. Então, antes de prosseguirmos, vamos dar uma olhada no tipo de letra desses dois novos elementos de tipo Então, a fonte que estou usando para
o título é Zoom. Mas essa é apenas uma fonte de
caixa epo, e eu não quero que
a fonte do parágrafo também seja espaçosa Então, vou precisar
aplicar uma fonte diferente. Então, para complementar a fonte ousada do sand serf
no cabeçalho, acho que vou procurar uma fonte limpa do sand serf
para os outros elementos do tipo, mas nada que compita Então, olhando para o meu
conjunto tipográfico, na primeira página, há um tipo de letra
que achei que poderia
funcionar bem Para minha cópia corporal, escolhi usar um tipo de letra chamado Dagla Parece um sanseraf limpo e
bonito com uma aparência agradável, e tem uma
personalidade
e um brilho muito sutis que funcionarão bem em meu design para complementar o tipo de letra do Essa é outra
fonte da Adobe e pode ser usada gratuitamente se você
tiver uma conta da Adobe. Se você abrir o PDF de pesquisa de
tipos, basta clicar na fonte e ela o
levará ao link. Se você não tiver
uma conta da Adobe por qualquer motivo, por enquanto, eu recomendo que você use o Archivo, que é uma fonte gratuita do Google, que você pode obter clicando em
Archivo no Tipo PDF Volte ao design, selecionarei o
quadro do parágrafo uma vez e, em seguida,
clicarei duas vezes nele e
mergulharei na seleção do tipo. Pressionarei o comando A para
Mac ou o Controle A para PC
e, na seção de fontes, digitarei D go
e selecionarei médio. Apertarei o botão de
formatação de parágrafos e desmarcarei a hifenização, pressionarei Escape
para desmarcar o tipo e deixarei o
tipo como Em seguida, selecionarei a ferramenta de texto, clicarei uma vez na primeira célula da tabela e
arrastarei para selecionar tudo. No seletor de fontes, vou digitar D go
e escolher médio Vou definir o tamanho para 18. Depois, vou digitar,
rolar para baixo para trocar maiúsculas e minúsculas
e selecionar maiúsculas Clique na ferramenta de seleção para
selecionar D e pressione W para
entrar no modo de visualização, e isso parece bom até agora. Mas vou clicar
duas vezes rapidamente
no primeiro quadro para
selecionar o tipo. Vou clicar e arrastar
para selecionar os três, pressionar
e segurar a tecla
Alt e pressionar a direita cinco vezes para ampliar um
pouco o rastreamento e dar mais espaço ao texto. Vou clicar na
ferramenta de seleção novamente para selecionar D, e isso parece bom até agora. Olhando para o esboço, posso ver que também quero que o endereço da web
esteja no canto superior esquerdo Uma maneira fácil de fazer isso
é duplicar o tipo abaixo. Pressionarei W para
voltar ao modo normal com
a ferramenta de seleção, clicarei no pé
inferior para enquadrar
e, enquanto pressiono a tecla alt, arrasto para cima
e
a coloco no espaço superior da linha de base para
duplicá-la rapidamente Fácil. Agora, no meu dock de cópia, selecionarei o endereço da web
e, com a
ferramenta de texto, selecionarei todos os quadros livres e pressionarei
delete para remover o tipo. Em seguida, clico uma vez de volta
na primeira célula e
colo, e ela ficará bem lá Olhando para o esboço, havia outro
elemento de tipo que eu queria incluir, que é o
número do produto e o nome do tênis como elemento de
design para ficar no canto inferior direito do pôster
ao lado
da imagem do produto,
mas Além disso, no esboço, eu queria que
estivesse em maiúsculas, semelhante à fonte do cabeçalho principal Nesta ocasião, vou tentar usar a mesma
fonte da cabeça. Então, de volta ao design, pressionarei W para entrar no modo normal. Com a ferramenta de seleção,
clico no cabeçalho do quadro,
pressiono e mantenho a tecla alt pressionada e
arrasto para a direita para arrastar uma cópia para a
área da área de trabalho Vou entrar no
deck de conteúdo do
pôster , na página de nome do produto e selecionar o
nome para o Surge Step, copiar e voltar para o Indesign colar no L exo. Nessa ocasião, ele desaparecerá
completamente porque o tipo agora é
muito grande para a moldura. Com a moldura selecionada, vou até a janela
e seleciono as propriedades. Na
janela de propriedades, vou descer
até o tamanho do tipo e defini-lo como 50, e agora podemos ver
o tipo dentro. No momento, tenho meu tipo
e uma moldura enorme ao redor dele. Uma dica rápida aqui, se você tiver uma caixa de texto com apenas uma
pequena quantidade de texto nela. Se você clicar duas vezes no ponto de ancoragem
inferior direito, a moldura se encaixará para
abraçar o tipo interno, que
facilitará muito o trabalho com ela. Ótimo. Então, vou arrastar o novo
elemento de texto para o pôster. Vou pressionar r para ativar
a ferramenta de rotação. Colocarei o
cursor do mouse próximo
ao ponto de
ancoragem inferior direito e clicarei arrastarei para cima
e pressionarei a tecla Shift
para ajustar aproximadamente
90 graus Pressionarei V para ativar
a ferramenta de seleção e a arrastarei para baixo para me sentar confortavelmente
na minha grade, no canto inferior direito Então, agora olhando meu esboço, eu também quero que esse peso
seja diferente aqui Então, vou usar a ferramenta de texto para selecionar as primeiras
quatro letras. Vou até o menu suspenso da família de fontes e
altero isso para claro, e isso criou
um bom contraste. Além disso, você deve ter visto que o tipo não
cabe mais na moldura. Então, vou ampliar e usar
a ferramenta de seleção para pegar a âncora central e
arrastá-la para cima dessa forma Agora, nesta ocasião,
quero experimentar um estilo
e efeito diferentes para isso. Então, com a ferramenta Type,
selecionarei a etapa Serge. Em seguida, no painel Ferramentas, verifico se o ícone de
texto está selecionado e clico em Trocar
preenchimento e traçado para definir um efeito de traçado
para o tipo Vou até
o painel de traços e configurarei isso para não 0,5. Vou clicar na
ferramenta de seleção e clicar em D
selecionar e
pressionar Command mais zero no MAC ou
Control mais zero no PC para ajustar a
área Canvas à minha área de trabalho, e podemos dar uma
boa olhada nisso. E nossos principais elementos de texto agora
estão compostos em nosso pôster. Vou pressionar W e
podemos ver que o cabeçalho se encaixa perfeitamente na grade
da linha de base
na margem esquerda parágrafo se encaixa perfeitamente
nas duas últimas colunas,
e
os elementos do pé se encaixam perfeitamente no espaço inferior e superior
da
linha de base Então, agora, eu sinto que o tipo está funcionando
e está em uma boa posição, e eu posso começar a
pensar em trabalhar com imagens. Então, olhando para o meu esboço, podemos ver que, para este pôster, quero incluir uma imagem do produto
no canto inferior direito Analisando o deck de conteúdo. Na página da linha de produtos, há um produto aqui
chamado surge step, e
achei que
funcionaria bem nesta composição de
pôster Analisando o design do meu pôster, pretendo
colocá-lo no canto inferior direito daquele espaço
próximo ao tipo e possivelmente cobrir parte
do tipo para obter algumas camadas dinâmicas para sugerir uma hierarquia visual clara para
que você o veja Então, vamos ver como podemos colocar
essa imagem em nosso pôster. Primeiro, vamos entrar na pasta de download
da classe
e na pasta do kit de
mídia Bolt Essa é a pasta que
o cliente forneceu, que inclui tudo o que
precisamos para criar os pôsteres. Vou entrar na pasta de
imagens do produto e começar
abrindo a imagem da
etapa de sobretensão no Photoshop Esta é a imagem do produto
que nos foi fornecida. No momento, do jeito que está, essa imagem não vai
funcionar porque, para o meu design, eu quero ter a imagem. Fora. Então, para esse design de pôster, vou ter que cortar
o tênis primeiro. Felizmente, essa é
uma imagem muito nítida e deve ser muito
simples recortá-la Então, vou ampliar aqui
para ter uma visão melhor. O que eu posso fazer é acessar
a ferramenta Retangle Marquee. Vou desenhar uma seleção
ao redor dela e para cima
no painel de controle e
clicar em Selecionar e mascarar. No painel de controle, novamente, clicarei em Selecionar objeto e o Photoshop fará o
possível para selecionar o tênis Agora, se eu ampliar aqui, posso ver que não é perfeito. Agora, há outra coisa
que você pode fazer aqui. No menu Ferramentas, há um botão aqui chamado Ferramenta de seleção de
objetos. Se eu clicar aqui e passar
o mouse sobre o tênis, Photoshop verá o que estou tentando selecionar como objeto Se eu clicar aqui uma vez, verei que todas as partes imperfeitas foram
magicamente trazidas de volta, e isso parece
muito melhor Agora, se eu ampliar isso, ainda
posso ver alguns pedaços
que precisam ser removidos. Posso fazer isso facilmente
clicando na ferramenta
Polygon Lasso
e, se eu pressionar e segurar alt, o ícone ficará negativo Se eu começar a clicar, quando eu voltar para
a equipe e clicar duas vezes para me
comprometer com a seleção
, essa parte será removida. Assim, posso passar um pouco
mais de tempo
examinando meu objeto aqui e
ajustando a seleção Quando estiver satisfeito com isso, posso clicar no canto
inferior direito e a seleção será feita. Na nova seleção, posso acessar
o painel Lays
e, na parte inferior, clicar no botão Máscara
da camada de anúncio Ao clicar, adicionei
uma máscara de camada e
recortei o tênis Perfeito. Agora, eu não quero que
a imagem seja tão grande. Não preciso do espaço ao
redor do tênis. Então, vou entrar no meu painel de layouts. Pressione e segure o comando no Mac ou Control no PC e clique
na máscara de camada. Ao clicar, será feita uma seleção
ao redor do tênis. E se eu agora pressionar C
no teclado para cortar, uma caixa de corte aparecerá
ao redor do tênis Na parte superior do painel de controle, verifico se a opção excluir
pixels de corte está desmarcada
e pressiono enter duas vezes, cortar a imagem Perfeito. Então, pressionarei o
comando Shift F no MAC ou Control Shift
S no PC para salvar. Vou navegar até a pasta do
meu projeto. Eu configurei anteriormente e salvo
isso na
pasta de ativos e salvo
como PSD de etapa de sobretensão Então agora eu tenho a
imagem do tênis bonita e preparada. Agora posso
incorporá-lo ao design. Então, voltando ao design, antes de trazer minhas novas imagens, vou fazer
algumas tarefas domésticas No painel de camadas, vou clicar no
ícone de adição no canto inferior direito. Isso adicionará uma nova camada, e eu chamarei isso de imagens. Agora, clicarei
no ícone Bloquear nas camadas de texto para não
selecionar nada acidentalmente enquanto estiver lidando com a imagem
que estou prestes a trazer Então, com a
camada de imagens selecionada, pressionarei Command D no MAC ou Control D no PC no
teclado para trazer uma imagem. Então, aqui, vou navegar até a pasta
do projeto,
na pasta de conceito e design,
na pasta de design,
na
pasta Assets, selecionar
Serge Step PSD e Serge Step PSD Em seguida, clique e arraste uma moldura como essa
para soltá-la na imagem. Fácil. Assim, quando a imagem
estiver pronta, é fácil
redimensioná-la
e posicioná-la Com a imagem selecionada, pressionarei S no teclado e isso ativará a escala. Agora, a melhor prática
aqui é mover mouse logo abaixo do ponto de ancoragem
inferior direito
e, se eu pressionar e segurar a
tecla Shift, clicar e arrastar, você poderá aumentar ou diminuir o tamanho da imagem para
escalar da mesma forma Então, vou ampliar
a imagem até ficar
feliz e colocá-la
na parte inferior dessa forma. Então essa é a primeira
imagem do meu pôster. Agora, se nos depararmos e
olharmos no painel de links, agora veremos
nossa imagem aqui. É a partir daqui que podemos ficar de olho nos links dentro do nosso documento, onde podemos fazer edições e
alterações no futuro Então, em seguida, quero trazer outra imagem que
funcionará como imagem de fundo. Agora, como parte do kit de
mídia fornecido, parece
haver uma variedade
de texturas gráficas Para esse design, eu
gostaria de usar um desses para adicionar uma
textura interessante ao fundo. No design, vou
até o painel de camadas, adiciono uma nova camada e
chamo essa base. Vou me certificar de clicar e
arrastar isso até a parte inferior, que
fique embaixo das minhas outras camadas. Novamente, vou clicar no ícone de cadeado na camada
da imagem para não
selecioná-la acidentalmente Então, vou até
a ferramenta de moldura. Vou pressionar W para
entrar no modo normal para que
eu possa ver o sangramento ao
redor da área da minha tela Vou clicar e arrastar
uma moldura da parte superior do canto esquerdo da hemorragia
até a parte inferior direita Minha moldura está no lugar
e está selecionada, pressionarei o comando D no Mac ou Control D no PC para
colocar em uma imagem. Então, aqui, vou navegar até
a pasta do kit de mídia fornecida
na pasta de textura, selecionar Gel Flux
J peg e clicar em abrir Ao clicar, isso será
colocado no quadro. No momento, a imagem
está no quadro, mas podemos ver que ela
não está posicionada corretamente
no quadro Agora, se eu diminuir o zoom aqui
com o quadro selecionado, se eu pressionar A, isso ativará a ferramenta de seleção
direta. Isso
permitirá que eu clique na moldura e
selecione a imagem interna. Se você fizer isso
corretamente, verá que o contorno da
imagem agora está visível Então, o que vou fazer aqui é mover mouse sobre o ponto de ancoragem do meio
direito Vou pressionar e segurar a tecla shift mais t e depois arrastar para
a direita com cuidado. E ao fazer isso, posso ampliar a imagem dentro
da moldura dessa forma. O que vou fazer aqui é
ampliar a imagem para dentro para
recortá-la mais dessa forma. Fácil. Se eu pressionar W para
entrar no modo de visualização, podemos ver a imagem em
segundo plano com mais clareza. Com a imagem ainda
selecionada no quadro, pressionarei para cima ou
para baixo para reposicionar a imagem interna e posicioná-la da maneira que eu
achar que funciona melhor A próxima imagem que quero
trazer para este pôster é o logotipo Vou pressionar W para
voltar ao modo normal. No painel de camadas, aperto o cadeado na
camada base e, desta vez, desbloqueio a camada de
texto e imagens. Vou selecionar a
camada da imagem e pressionar o comando D no Mac ou Control D no
PC para colocar uma imagem. Vou navegar até o kit de mídia, clicar na pasta do
logotipo, selecionar o arquivo EPS preto
do logotipo Bolts e Então, desta vez, vou
até o topo do pôster. Vou clicar no início da
segunda coluna da última coluna. Clique e arraste pelas duas
últimas colunas e solte. O logotipo agora será colocado dentro do pôster
em duas colunas E, por enquanto, vou mover meu tipo de parágrafo abaixo
para dar espaço. A última imagem
que quero trazer para este pôster são os pequenos ícones de
parafusos no rodapé ícones de
parafusos no rodapé Na camada de imagens,
pressione o comando D no MAC ou Control D no PC
para colocar uma imagem. Vou navegar até o kit de mídia. Vou clicar na pasta
de imagens e selecionar o ícone do parafuso. Arquivo EPS preto e clique em OK. Desta vez, vou até a
parte inferior, perto do rodapé,
clicar e arrastar para colocar
em um pequeno ícone de parafuso. Em seguida, pressionarei S
para ativar a escala. Mova o cursor do mouse
para o canto inferior direito e clique e arraste
enquanto segura
a tecla Shift para dimensionar até um tamanho
que eu goste e coloque entre o primeiro
e o segundo elemento do rodapé Clique na ferramenta de seleção, clique e segure lt e arraste
para a direita para
duplicar rapidamente o ícone do parafuso e
posicioná-lo entre o segundo
e o terceiro texto do rodapé Vou pressionar o comando
zero no Mac ou o controle zero no Windows para ajustar meu
pôster à área de visualização Vou pressionar W para
entrar no modo de visualização e agora todos os elementos principais estão incluídos no pôster. Então, até agora,
temos trabalhado para incluir todos
os nossos elementos
no design do pôster Neste ponto, tudo
está agora no pôster, mas é importante ter em
mente que nada está definitivo ainda Ainda tenho alguns ajustes a
fazer para deixar tudo perfeito. Agora que tudo está pronto, agora
podemos começar a pensar em cores e
finalizar nosso design Quando se trata de design de pôster, normalmente não começo a
pensar em cores até que a composição geral do pôster
esteja em boas condições Normalmente trabalho em
preto e branco
e, quando tudo estiver pronto, posso começar a amostrar
cores e aplicar cores A primeira coisa que vou
abordar é o plano de fundo. Gosto da textura, mas
agora acho que é muito vibrante e elimina
o impacto do tipo
e da imagem do tênis Vou entrar no
painel de camadas e desbloquear a camada base. Vou selecionar a moldura da imagem de
fundo, entrar no painel de links, clicar no botão editar original
e, para mim, ela
abrirá no photoshop Para esta imagem, quero
transformá-la em uma imagem preta para que eu possa realmente
destacar o tipo na parte superior Vou até a
parte inferior do painel de camadas, clicar no ícone da camada de ajuste
e selecionar preto e branco. Em seguida, pressionarei
o comando shift N no MAC ou Control Shift N no
PC para criar uma nova camada. Vou até a ferramenta
Paint Bucket. Vou me certif
12. TUT #2: design de grade de coluna / Adobe Illustrator: Então, agora podemos passar para o segundo
exercício de design de pôsteres nesta masterclass No vídeo anterior, vimos como criar um design de
pôster no in design Agora, o design é uma ferramenta de layout
poderosa, mas alguns designers podem preferir trabalhar
com o Illustrator Portanto, o objetivo deste
vídeo é demonstrar como Illustrator também pode ser usado para desenvolver designs de
pôsteres de qualidade Nesta etapa, entramos
em uma nova fase. A fase anterior consistia em
gerar ideias para o design do
nosso pôster Agora temos algumas
ideias sólidas na bolsa. É hora de entrar na terceira
fase do processo de design, qual criamos
nosso design no computador Neste vídeo, demonstrarei
como usar as ferramentas
do Illustrator para criar esse design de
pôster especificamente
e, posteriormente, veremos
como fazer algumas variações Então, para criar nosso
pôster no Illustrator, abordaremos as mesmas etapas que usamos no tutorial
anterior Etapa um, configuração da
pasta do projeto, etapa dois, configuração do
documento, etapa três, configuração da
grade, etapa quatro,
trabalho com texto, etapa cinco, trabalho com imagem, etapa seis, trabalho com
cores, etapa sete, refinar a composição, etapa oito, criar variações de layout
e etapa nove exportar Esse é um processo metódico
que garantirá a criação de designs de pôsteres
de qualidade e
não deixaremos designs de pôsteres
de qualidade e
não deixaremos Então, prepare-se para outra aventura
de design. Após este vídeo, você
poderá criar pôsteres
dinâmicos como esse no Adobe Illustrator, Então, vamos entrar nisso. Então, aqui estou eu no Illustrator, e esses são alguns pôsteres
dinâmicos que criei anteriormente usando as técnicas
que estou prestes a demonstrar Se formos dar
uma olhada neles, você pode encontrá-los na pasta do projeto da
classe. Eles estão localizados na pasta
dois modelos de pôster. Se você abrir a pasta
Illustrator, poderá ver
o arquivo chamado Luna lift Então, no documento de
pôster do Illustrator, o que fiz aqui foi desenvolver um design de pôster a partir de
um dos meus esboços, que tenho aqui, e vi como
isso poderia funcionar em diferentes variações
com fontes diferentes
com uma abordagem de cores claras e
escuras Se eu aparecer para ver e
clicar em Cortar visualização e pressionar dois pontos no MAC
ou Control Clon no PC, posso ativar e
desativar as guias,
onde você pode ver o sistema de
grade que
usei para estruturar esse design usei para Portanto, sua 11ª tarefa
nesta aula é
seguir meu método de design de
pôster O objetivo dessa
tarefa é para aqueles que talvez não estejam familiarizados
com o Illustrator Essa é uma chance de aprender técnicas
cruciais e se sentir confortável trabalhando
em um Dope Illustrator Agora, esse estágio é opcional. Você pode assistir
e participar ou acompanhar e desenvolver
seu próprio design de pôster No entanto, vou
encorajá-lo a fazer isso mais tarde. Então, vamos agora
entrar no Illustrator e ver como podemos
desenvolver um pôster como esse, e vamos
começar com o primeiro passo Agora, conforme demonstrado nos tutoriais publicados
anteriormente, uma etapa que eu sempre gosto de
seguir antes de começar qualquer projeto é
configurar uma pasta de projeto Isso vai me preparar
para ser super organizado e ter um lugar para guardar todos os meus ativos e saber
onde tudo está. Ao trabalhar no Illustrator, é útil estar organizado
para melhorar seu fluxo de trabalho Portanto, posso
configurar isso do zero ou duplicar uma pasta que
criei anteriormente na aula Então, se você ainda não fez
isso como parte da aula,
vá para a pasta de
download da classe,
para a pasta do processo de design. A última pasta chamada pasta do
projeto terá algumas pastas
adicionais dentro. As pastas
nos ajudarão a organizar nosso projeto. Então, para começar, eu recomendo que você copie essa
pasta e cole-a em algum lugar que você possa
acessar por meio desta
parte da aula. Por enquanto, vou
salvar todos os meus arquivos na pasta que criei
anteriormente na aula. Depois de configurar a pasta
do projeto, vamos começar a
trabalhar com a arte, o pôster. No Illustrator, para começar, vou
configurar um novo documento Vou subir para arquivar um novo documento
e selecionar. Agora, nesta ocasião,
vou
usar um documento de
tamanho de impressão padrão. Na parte superior da TV, clicarei em Imprimir. Vou clicar em Exibir ou em predefinições.
Vou selecionar A três. À direita, vou me certificar de que minha orientação está
definida como retrato, vou definir as unidades
em milímetros Vou definir minha sangria
para 3 milímetros, e farei isso porque
algumas impressoras gostam uma
hemorragia de três milímetros Eu só vou fazer isso no começo. Vou definir minha cor para RGB e
garantir que minha varredura esteja definida como 300. Clique em criar e abra
meu novo documento Você pode estar se perguntando
por que eu o configurei para RGB. Bem, eu gosto de começar
com RGB porque se eu decidir usar essa arte para uma composição digital mais tarde, talvez para uma postagem em mídia social, não é
fácil mudar as
cores de CMYK para No entanto, é fácil converter as cores em CMYK
a partir de RGB Então, para evitar
trabalho extra no futuro, eu gostaria de começar com RGB Então, aqui temos nosso
novo documento configurado, e você pode ver
do lado de fora, que
temos a linha de sangramento Para aqueles que não
sabem o que é
isso, é onde você estende sua
arte para fora da área Canvas Quando uma impressora corta a arte
, ela pode cortar um pouco para que você não
tenha bordas brancas Novamente, se eu pressionar dois pontos de comando
no Mac ou dois pontos de controle no PC, posso ativar e
desativar as guias para ativar e
desativar a desativar a Se você estiver
acompanhando, certifique-se de
ver seu painel de controle
na parte superior da interface do usuário. Caso contrário, vá até a janela e verifique se há uma
marca ao lado do controle. Agora, você também
precisará
ter seu painel de amostras, camadas
e links visíveis, painel de amostras, camadas
e links visíveis, então certifique-se de ir
até a janela e
clicar neles para ativá-los
e tê-los à mão Neste caso, eu tenho muitos desses painéis
aqui na lateral. Então esse é o nosso documento configurado
e, antes de continuarmos,
eu gostaria de salvá-lo. Então, vou salvar o
arquivo como e
navegar até a
pasta do projeto que configuramos anteriormente no segundo conceito de
pasta e design na
pasta de design,
e vou salvá-la na pasta do Illustrator e chamar isso de Lunar lift Ok, antes de começarmos a
adicionar qualquer elemento visual, quero configurar uma grade. Agora, relembrando um
dos meus esboços originais, gosto muito dessa ideia aqui de ter um
pôster tipográfico e ter imagem do produto colocada em cima
do nome do produto
repetida nome do produto
repetida Gosto da ideia de
ser um design simétrico. E como o produto
se chama Lunar lift, achei que
seria legal
tê-lo flutuando no meio do espaço, com talvez
uma lua cortada vindo de
cima e de baixo Talvez alguns elementos do rodapé estejam
posicionados na lateral. Agora, este foi um esboço muito
aproximado inicialmente. Mas quando examinei
esse design de pôster um pouco mais de perto em um rascunho idiota, descobri que, para organizar
todos os meus elementos de forma organizada, eu
posicionaria Para esse
design de pôster, determinei que precisaria de uma grade de colunas de 16 Aqui você pode ver como
eu quero posicionar meu tipo alinhado no
centro para que eu possa ter um bom espaço livre à esquerda e à direita com aproximadamente
duas colunas em cada lado Agora, no meu esboço, não
considerei espaço
de margem
ao redor do pôster Quando eu discutir isso, acho que vou
tentar incluir um. Configurar uma grade no
Illustrator é um pouco diferente de configurar
uma grade no design Há várias
maneiras de fazer isso, mas aqui está uma dica muito
boa sobre como
configurar uma grade de colunas
no Illustrator Para começar, quero
estabelecer meu espaço de margem. Para fazer isso, vou
até as configurações do Illustrator no Mac ou edito no
PC e clico em unidades Com o menu aberto, vou me
certificar de definir o geral milímetros e clicar em k. Vou até a ferramenta Forma,
pegar
a ferramenta retangular e desenhar uma caixa no tamanho total da área
da tela Em seguida, vou até o
caminho do objeto e clicarei em Offset Path. Quando o menu aparecer,
digitarei menos dez definirei o limite mita como
zero e clicarei em OK, reduzirá o tamanho
da caixa em dez milhões Então, agora eu sei que há uma margem de dez milhões em
torno da minha área de Canvas. Ok, agora vamos definir a grade. Então, com minha forma selecionada,
vou até o objeto, desço até o caminho, encontro
e seleciono dividir em grade. Ao clicar, um par de menus. Primeiro, clicarei na pré-visualização
e, nas fileiras,
deixarei isso para um. Nas colunas, vou
definir isso para 16. Nesse caso, vou deixar
a sarjeta definida como zero. Observe agora como a grade
está configurada na forma. Quando estiver feliz, clicarei em k. Agora é aqui que
a mágica acontece. Com o bloco ainda selecionado,
vou subir para ver, rolar para baixo até guias,
encontrar e selecionar, criar guias. Ao clicar, agora
transformaremos o bloco em guias, que agora podemos usar
para nosso design de pôster Para finalizar, vou
até o painel Layers. Clique duas vezes na
camada superior e nomeie essa grade. E agora eu tenho uma
boa grade de colunas com a qual
posso começar a desenvolver
meu pôster E se eu pressionar
dois pontos de comando
no Mac ou dois pontos de controle no PC, podemos ativar
e desativar as guias Perfeito. Então, com
minha configuração de margem, guias
e sangria, agora
posso começar a compor meus
elementos visuais na página Dependendo do design, às vezes pode
ser mais fácil começar com um elemento de imagem
para o pôster. Mas para esse design em particular, quero que ele seja fortemente
baseado em tipos e
inclua a imagem na parte superior. Para começar, vou
começar com os elementos de texto
em segundo plano. Relembrando meu esboço, quero que o tipo de
título principal do pôster fique na parte superior
do pôster e que o nome do produto se
repita no meio Nesta ocasião,
acho que vou
sair do meio, então vou começar com
o texto
repetido no meio. Para começar, vou
até o menu Ferramentas. Vou selecionar a ferramenta de texto
e clicar uma vez no meu pôster. Ao clicar, isso
criará um elemento de tipo. No momento, eu tenho um
Fontupli padrão, mas tudo bem. Não vou me preocupar muito com
isso agora. Então, olhando meu esboço, quero colocar
alguns textos repetidos no meio com o
nome do produto Então, vou entrar no Dock de conteúdo do
pôster e posso fazer isso
entrando na pasta de download da classe,
na pasta do kit
Bolts Media e clicando duas vezes no atalho
do Content Deck
para Abrir Na página quatro, vou ver
os nomes dos produtos. Vou copiar o
nome do produto para o Lune Lift. De volta ao Illustrator,
vou colar isso e agora temos nosso
primeiro trecho de texto Dependendo de suas
propriedades padrão, aqui, vou apenas aumentar
um pouco o tipo para
caber no pôster Com ele selecionado,
no painel de controle,
seleciono um centro de linha também
clico e arrasto o pino
do canto enquanto pressiono pino
do canto enquanto pressiono a
tecla Shift para
aumentar ou diminuir o tipo dessa forma. Então, com meu primeiro texto
no pôster, vou querer mudar rapidamente
o tipo de letra para Então, neste momento, eu
poderia usar qualquer tipo de letra, mas eu já tenho uma ideia
do que eu quero trabalhar com Em uma etapa anterior, fiz
uma pesquisa de tipos em
que examinei uma variedade de
tipos de letra que gostaria de usar Agora, na primeira
página da minha pesquisa, eu gosto bastante da aparência desse tipo
de letra aqui A razão para isso é por causa
de sua natureza condensada. Olhando para o desenho do scamp, podemos ver que eu preciso de
um tipo condensado para capturar esse texto repetido
empilhado Com sua grande
altura da capa em relação à largura da letra, essa é uma fonte particularmente
condensada Uma boa opção se você quiser colocar uma palavra ampla no
design do pôster em toda a página Além disso, esse tipo de letra tem uma aparência muito distinta com seus leves recortes, que lhe dá um pouco de brilho Essa é uma fonte muito ousada e
impactante que funcionaria muito bem
na minha solução de design Essa é uma fonte da Adobe e pode ser usada gratuitamente se você
tiver uma conta da Adobe. Encontre o link no
Typeface PDF na pasta de download
da classe no processo de design
da pasta um, na tipografia da pasta cinco Se você abrir o PDF, basta
clicar na fonte e ela o levará ao link. Agora, se você está
assistindo isso e não tem uma conta da Adobe, por qualquer motivo, por enquanto, eu recomendo que você use a BBS,
que é uma fonte gratuita, que você pode obter clicando
em BBAS no Tipo PDF Essa é outra fonte condensada que deve funcionar perfeitamente De volta ao Illustrator, selecionarei o tipo e,
no seletor de fontes, digitarei Zoom
e aplicarei a Agora,
clico duas vezes rapidamente no texto
e, enquanto pressiono a tecla Alt, pressiono para a direita algumas
vezes para afastar um pouco
o rastreamento e adicionar mais espaço entre
o formato da letra. Quando eu achar que está bonito, clico na ferramenta de
seleção, pego o canto e aumento a escala, para que ela toque na última coluna,
exceto uma coluna Então, olhando para o esboço, quero repetir o nome
desse produto cerca de quatro vezes
no meio da página Isso pode ser feito com muita facilidade. Então, vou clicar duas vezes
no tipo, selecionar toda a cópia do tipo pressionar
o botão direito do teclado para colocar
o canto no final do texto. Basta pressionar enter e colar, inserir e colar e inserir
e colar até que eu
repita quatro vezes. Em seguida, preciso
ajustar a liderança. Novamente, vou clicar duas vezes
no tipo e selecionar tudo. Então, no painel do
personagem, vou me certificar de
ajustar a
entrelinha, e vou puxá-la para dentro até ter algo parecido com
isso. Agora eu tenho esse tipo de elemento
no meio do pôster. Eu posso passar para a próxima. Olhando meu esboço, quero incluir
a cabeça na parte superior De volta ao Illustrator,
seleciono o tipo
e, enquanto pressiono a
tecla Alt, clico e arrasta para cima para duplicar
o tipo De volta ao deck de conteúdo. Na página três, preciso me concentrar no tipo
da opção um. Seleciono a palavra
evoluir, copio
e, de volta ao Illustrator, clico duas vezes no Pressione Command A no
Mac ou Control A no PC para selecionar tudo e eu colarei. Em seguida, farei o mesmo. De volta ao deck de conteúdo. Vou selecionar a primeira
parte, experimentar o Sneaker. Depois, de volta ao Illustrator, clique
duas vezes na
nova camada de texto Selecione Tudo e cole. Isso é muito maior do que eu quero, e aqui também vou usar outro tipo de letra para dar
mais destaque ao tipo de
cabeçalho Para complementar a fonte e o cabeçalho arrojados de San
Seraf, quero procurar uma fonte Sanseraf
limpa, nada que Olhando para minhas
folhas de texto na primeira página, achei que uma fonte poderia funcionar muito bem Para meu tipo de letra secundário, escolhi usar chivo Parece um Sanseraf
limpo e vem com uma grande família de fontes com
uma grande variedade de pesos tipo de letra tem uma
personalidade e um toque muito sutis que
funcionarão muito bem no meu design para complementar o
cabeçalho e o Agora, o que é ótimo
sobre esse tipo de letra é que ele é uma fonte gratuita do Google Basta clicar em Archivo
no documento digitado e
você poderá De volta ao Illustrator, selecionarei o tipo e,
no seletor de fontes, digitarei Archivo Vou selecionar o meio
e aplicar a fonte. Com ele ainda selecionado,
reduzirei o
tamanho da fonte para 30 pontos
e, no painel de texto, clicarei no botão A CAPs. Vou pressionar e segurar Alt
no teclado e pressionar direita algumas vezes
no teclado para aumentar o rastreamento, então é cerca de 200
no painel de texto. Fácil. Então, com a ferramenta de
seleção, clicarei na
parte central do texto aqui
e, no menu de
ferramentas na parte inferior,
pressionarei o botão de troca, preenchimento
e traçado uma vez E isso aplicará um
traçado na parte externa do meu texto, e agora temos
um bom contraste entre as camadas de texto. Em seguida, vou colocar no parágrafo
o texto que
aparecerá abaixo do tipo repetido. Desta vez, vou usar uma técnica diferente com
a ferramenta de texto selecionada. Vou descer, clicar
e arrastar uma caixa de texto
da segunda coluna para
encontrar a última, exceto uma coluna, e ao soltá-la,
criarei uma caixa de texto. No
deck de conteúdo, na página três, selecionarei o
conteúdo do parágrafo para a Opção 1. De volta ao Illustrator, vou
colar o novo texto. Vou clicar na caixa
e pressionar Command A no MAC ou Control A
no PC para selecionar tudo. Vou mudar o tamanho da fonte para 23. Verifique se a fonte está
definida como Archivo Medium, clique no menu suspenso para a esquerda no
painel de texto e selecione Auto Se o tipo estiver em OCPs, não
deixarei de clicar no botão Todas
as letras maiúsculas. E agora eu tenho meu primeiro
parágrafo do tipo, e também vou me
certificar de que é uma linha centralizada
no painel de controle. Então, isso vai ser bom por enquanto. Então, olhando para o esboço, podemos ver que, abaixo do
meu logotipo, na parte inferior, quero incluir um slogan Esta é uma única
linha, então exigirá que eu duplique uma
única linha abaixo. Assim como antes, selecionarei
a parte superior do tipo, pressionarei e segurarei alt
e arrastarei abaixo. No deck de conteúdo, selecionarei o cabeçalho
da opção O dois. No Illustrator, vou colar o tipo e alterar
a fonte para o tamanho 16 e ajustar o rastreamento para 100. Por enquanto, vou deixar isso
na parte inferior Relembrando meu scamp, eu também queria incluir
quatro elementos de rodapé
na lateral da página aqui e
incluir um ícone no meio Preciso colocar
quatro peças de texto aqui subindo verticalmente na lateral
da página Uma técnica rápida que você pode
usar para fazer isso com perfeição. Primeiro, pressionarei o
comando y no MC ou controle y no PC para
entrar no modo de contorno Agora, quando
entramos no modo de contorno, podemos ver a caixa delimitadora
ao redor do Ok, então selecionarei
a ferramenta de texto
e, na área da área de papelão, clicarei e desenharei
um bloco de texto assim Nem muito largo nem muito alto. Em seguida, vou até o painel de
controle e procuro clicar
no botão Alinhar central
ao lado da opção de tipo de área Isso definirá o tipo perfeitamente no centro
da
caixa na vertical Também vou me
certificar de que esse tipo esteja alinhado ao centro horizontalmente
ao lado da Perfeito. Ok, em seguida,
com a ferramenta de seleção, clicarei e arrastarei enquanto
pressiono a tecla Alt no teclado para arrastar e duplicar
até que o final fique assim Após o lançamento,
pressionarei o comando D no Mac ou o Control D no PC, e isso
duplicará outra caixa E eu pressionarei isso novamente, e isso duplicará
uma quarta caixa Então, com a
ferramenta de seleção, clicarei para selecionar todas as quatro caixas. Vou pressionar R no teclado
para ativar a rotação. Clique e arraste o mouse para
cima enquanto pressiona a
tecla Shift para se ajustar a 90 graus, depois eu os movo para o design do meu pôster
e os colocarei no centro da última coluna Com as mais selecionadas,
vou até a
âncora central superior e clico e arrasto para cima ou para baixo para caber perfeitamente na altura
da grade da minha coluna Vou pressionar o comando
Y no Mac ou o controle Y no PC para sair
do modo de contorno, e podemos ver bem as
quatro peças empilhadas do tipo Então, agora é só
mudar rapidamente a fonte
e adicionar o tipo. Então, vou clicar
na caixa inferior e pressionar Command A no Mac ou
Control A no PC para selecionar tudo, e vou digitar agora. Depois, de volta ao deck de conteúdo, selecionarei cada
elemento foota e os colarei nas três caixas
restantes Em seguida, selecionarei
a caixa de texto superior. Pressione a tecla Hole Shift
e selecione os três abaixo até
que eu tenha todos os quatro selecionados. No painel de caracteres, vou mudar a
fonte para chivo thin, definir a fonte para 13 pontos,
ajustar o rastreamento
para 250 e clicar no botão em maiúsculas para garantir que
o texto esteja em
maiúsculas e clique em Em seguida, selecionarei o elemento
inferior do rodapé. Pressione e pressione Alt, clique
e arraste para a esquerda para colocar na
parte inferior da primeira coluna. No conjunto de cópias, selecionarei o endereço da web, voltarei
ao Illustrator, colarei na caixa de e alinharei o tipo do rodapé
inferior à direita Vou clicar fora
da ferramenta de seleção. Vou pressionar Command dois-pontos no Mac ou Control Clon no PC
para desativar as guias, e agora tenho todos os meus
elementos de texto dentro do pôster Olhando para o meu esboço, podemos ver que, neste pôster, quero incluir uma
imagem do produto
no meio, como se estivesse pairando no
espaço sobre a fonte. Essa imagem se tornará
o gancho
principal do pôster, o
chamador de atenção Agora, olhando para
o deck de conteúdo, na página da linha de produtos, há um produto
aqui chamado Luna lift Essa é a composição com
um par de tênis completo, composto de uma forma que
parece estar flutuando Analisando o design do meu pôster, inicialmente
planejei isso
desenhando um sapato diferente, mas para a obra de arte, vou usar o
produto certo para esse Então, vamos ver como podemos colocar
essa imagem em nosso pôster. Então, primeiro, vamos entrar na download
da classe e
na pasta do kit de
mediação do Bolts Essa é a pasta que
o cliente forneceu, que inclui tudo o que
precisamos para criar os pôsteres. Vou entrar na pasta de
imagens do produto e começar
abrindo a imagem do Lunar
lift no photoshop Esta é a imagem do produto
que nos foi fornecida
e, no momento em que está, essa imagem não
funcionará porque, para o meu design, quero que essa
imagem seja recortada. Para esse
design de pôster, vou
ter que cortar o
tênis primeiro. Felizmente, esta é uma imagem
muito clara aqui, então deve ser muito
simples recortá-la Vou apenas ampliar aqui
para ter uma visão melhor. E o que podemos fazer aqui é acessar a ferramenta Retangle
Marquee Vou desenhar uma seleção ao redor dela
e, no painel de controle, clicarei em Selecionar e mascarar. Com a
ferramenta de seleção rápida selecionada, no painel de controle, novamente, clicarei em Selecionar assunto e o Photoshop fará o
possível para selecionar o tênis Agora, se eu ampliar aqui, posso ver que não é perfeito. Agora, há outra
coisa que você pode fazer aqui. No menu Ferramentas, há um botão chamado Ferramenta de
seleção de objetos. Se eu clicar aqui e passar
o mouse sobre o tênis, photoshop verá o que estou tentando selecionar como objeto Se eu clicar aqui uma vez, verei que todas as partes imperfeitas foram
magicamente trazidas de volta, e isso parece
um pouco melhor Também posso clicar
à esquerda para selecionar o outro sapato e melhorar
a seleção. Agora, se eu ampliar
isso em direção ao topo, ainda
posso ver alguns pedaços
que precisam ser removidos. Posso fazer isso facilmente clicando na ferramenta Poligonal como
e, se eu pressionar e segurar alt, o ícone ficará
negativo Se eu começar a clicar, quando eu voltar ao início clicar duas vezes para me
comprometer com a seleção
, essa parte será removida. Então, vou fazer isso
do outro lado para ajustar a seleção. Quando estiver satisfeito
, posso clicar em
k no canto inferior direito e uma seleção será feita. Com a nova
seleção, posso acessar o painel de camadas
e, na parte inferior, clicar no botão Adicionar máscara de
camada. Ao clicar, adicionei
uma máscara de camada e recortei
o tênis. Perfeito. Agora, eu não quero que a
imagem seja tão grande. Eu não preciso do espaço
ao redor do tênis aqui. Vou entrar no meu painel de camadas, pressionar e segurar o comando no Mac ou Control no PC e clicar
na máscara de camada. Ao clicar, uma seleção ao redor
do tênis será feita
e, se eu pressionar C
no teclado para cortar, uma caixa de corte aparecerá
ao redor do tênis Na parte superior do painel de controle, verifico se a opção excluir
pixels de corte está desmarcada
e pressiono enter duas vezes E isso cortará
a imagem. Perfeito. Então, pressionarei o comando Shift S no MAC ou Control Shift
S no PC para salvar. Vou navegar até
a pasta do projeto. Eu configurei anteriormente
e salvei isso
na pasta Assets
como Luna Lift PSD Agora eu tenho uma
imagem de tênis bonita e preparada. Agora posso trazer isso
para o Illustrator. De volta ao Illustrator, antes
de trazer minha nova imagem, vou fazer
algumas tarefas domésticas Então, no painel Lays, vou clicar no
ícone de adição na camada inferior Vamos adicionar uma nova camada, e
eu chamarei isso de imagens. Agora, algo que você pode
ter em mente aqui com o painel de camadas. Se clicarmos no menu
superior direito e descermos às opções do painel, por exemplo, podemos
clicar em pequeno, médio ou grande, mas também
temos a opção de adicionar um tamanho personalizado. Se eu digitar 70 pixels em
outro e clicar em OK, meus polegares agora ficarão
muito maiores para que eu possa ver melhor
o que está acontecendo em cada camada Agora, clicarei
no ícone de cadeado na camada da grade para não selecionar
nada
acidentalmente enquanto lido com a imagem
que estou prestes a trazer Com a camada de imagens selecionada, pressionarei o comando Shift P no MAC ou Control Shift P no PC no teclado
para colocar uma imagem. Aqui, vou navegar pela pasta do
projeto até
a pasta de conceito e design até a
pasta de design, até a pasta Assets, pasta Assets, selecionar Lunar Lift
PSD e clicar em Inserir. Em seguida, clique e arraste uma moldura
como essa para soltá-la na imagem. Fácil. Agora há uma
imagem em nosso documento. Se agora chegarmos
ao painel L link, podemos ver o Lunar lift PSD. Se você não conseguir ver um painel de links, vá até Janela
e clique em Links Esse
painel de links será muito importante para trabalhar com
imagens no futuro. Seja discreto, fique de olho nisso em todas
as imagens do seu documento Depois que a imagem estiver
no Illustrator, é
fácil redimensioná-la
e Com a imagem selecionada, se eu chegar a qualquer um
dos pontos de ancoragem,
posso clicar e arrastar Se eu pressionar e segurar a tecla Shift,
depois clicar e arrastar, você poderá aumentar ou diminuir o tamanho da imagem para escalar dessa forma. Vou ampliar a
imagem até ficar
feliz e colocá-la
no meio assim. Essa é a primeira
imagem do meu pôster. Em seguida, quero trazer
outra imagem que funcione como plano de fundo. Agora, como parte do kit de
mídia fornecido, parece
haver uma variedade de imagens e texturas gráficas Olhando para o meu esboço, esse será um design
muito simétrico, e eu gosto da ideia
da lua se cortando nas partes superior e inferior da imagem para
atrair a atenção para o
centro do pôster Agora, quero que minha próxima imagem
seja colocada embaixo de tudo, então vou até
o painel de camadas, adicionarei uma nova camada e
chamarei essa base. E vou me certificar de
clicar e arrastar isso até
a parte inferior para que fique embaixo de
todas as minhas outras camadas. Novamente, vou clicar no ícone de cadeado
na camada da imagem para não
selecioná-la acidentalmente Com a nova
camada base selecionada, pressionarei o comando Shift P no MAC ou Control Shift P no
PC para colocar em uma imagem. Navegarei até
a pasta de mídia
fornecida, na pasta de imagens,
na pasta de textura, selecionarei o PNG com
pontos lunares e o local. Em seguida, clique e arraste uma moldura
como essa para soltá-la na imagem. Agora, se você gosta de mim,
não consegue ver a imagem. Isso ocorre porque há uma camada
branca cobrindo isso. Quando configuramos a grade no
início do processo, ela realmente criou
uma camada branca sólida. Se desbloquearmos e clicarmos
na camada da grade, você verá uma camada branca
sólida. Aqui, podemos simplesmente
selecionar isso e excluir, depois clicar no ícone de cadeado novamente e voltar
para a camada base. Então, vou diminuir um pouco o zoom
e aumentar a imagem
da lua e aumentar um pouco para que ela fique
posicionada assim Agora, neste caso, eu também quero outra imagem
da lua abaixo. Vou clicar e arrastar a lua para baixo enquanto pressiono ult e também pressiono a tecla shift para fazer
uma cópia rápida da imagem
da lua e arrastá-la
para baixo perfeitamente em linha reta. Por enquanto, vou
colocá-lo na parte inferior assim. Fácil. No momento, tenho muitas obras de arte saindo da minha área
do Canvas, o
que pode ser um
pouco perturbador que pode ser um Illustrator, não há visualização ou modo normal, como no design No entanto, você pode
visualizar e clicar em Recortar visualização,
o que apenas removerá toda
a visibilidade de tudo na
área do papelão para
permitir que nos concentremos que apenas removerá toda a visibilidade de tudo na
área do papelão para mais
no pôster em A próxima imagem que quero
trazer para o pôster é o logotipo No painel de camadas, vou clicar no ícone de cadeado na
camada base e, desta vez, desbloquear a camada de grade
e a camada de imagem. Desta vez, em vez
de colocar um arquivo, vou abrir um arquivo. Vou pressionar o comando O no Mac
ou Control O no PC para abrir. Vou navegar até a pasta do
kit de mídia fornecida. Na pasta do logotipo, abrirei parafusos,
logotipo, ponto preto, EPS Como estamos trabalhando no Illustrator e
trabalhando em vetor, é fácil colar em
outro elemento vetorial para nos
dar a flexibilidade de
alterar a cor posteriormente Com essa
ferramenta de seleção, selecionarei cópia
do logotipo vetorial voltarei para o
pôster e colarei O logotipo agora será
colocado no dock, e eu posso chegar ao ponto de ancoragem central da extrema
direita, pressionar e segurar Alt
mais shift e clicar
e arrastar para dentro para reduzir
a imagem dessa forma Vou simplesmente
colocá-lo na parte inferior
da composição, por enquanto,
no topo da lua. Fácil. Portanto, a última imagem que
quero
trazer para este pôster é o pequeno ícone de parafuso que fica entre os elementos de texto
no rodapé direito Assim como o
logotipo, pressionarei o
comando O no Mac ou
Control O no PC para abrir. Vou navegar até
a pasta de medicamentos
fornecida na pasta de ícones e abrirei o
ícone Bolt EPS preto Com a ferramenta de seleção,
seleciono o ícone vetorial, copio e volto para
o pôster e colo Posso chegar ao ponto de ancoragem central da extrema
direita, pressionar e segurar
ult e shift e clicar
e arrastar
para dentro para reduzir a imagem Vou ampliar, reduzir
a escala até um tamanho que me agrade e simplesmente
colocá-lo entre
os dois principais elementos do tipo. Vou clicar e arrastar
o ícone para baixo enquanto pressiono a tecla Alt e também
pressiono a tecla Shift para fazer uma cópia rápida da imagem do
ícone e arrastá-la perfeitamente
para baixo
entre o próximo elemento de texto. Vou fazer isso mais uma vez e
pressionar o comando zero no MAC ou Controle zero no PC para ajustar a área do Canvas
à área de trabalho, e agora podemos ver que temos nossos elementos de imagem
no pôster Olhando para o esboço, há um elemento adicional
que eu quero incluir Como um pequeno detalhe de design, também
quero incluir
o número do modelo no canto superior esquerdo
do tipo central. Para isso, quero que o
tipo de letra seja realmente condensado como o título do
cabeçalho Vou selecionar o tipo de cabeçalho e arrastar até a área da área da
área de trabalho. E se eu não conseguir ver isso, subo para ver e
me
certificar de que a vista cortada está desativada Vou entrar no conjunto de
conteúdo do pôster e copiarei número
do produto da página
do produto volta para o Illustrator e colarei, além de adicionar a
palavra modelo antes Vou clicar na
ferramenta de seleção para selecionar o tipo e vou mudar o
peso para leve. Mantenho pressionada a tecla Alt
e
pressiono para a esquerda no
teclado para inserir o rastreamento. Vou reduzir o
tamanho da fonte para 32. Vou pressionar R para ativar a rotação,
clicar e arrastar para cima enquanto pressiono a tecla Shift para ajustar a
rotação a 90 graus Em seguida, arraste-o de volta para o design do
pôster e posicione-o para alinhá-lo à parte superior
do texto repetido
no plano de fundo, além de garantir que ele fique confortavelmente no meio
da coluna à esquerda Agora, para um último detalhe. Vou clicar na camada da
imagem. Aumente o zoom. Vou clicar na ferramenta de linha, depois ficar logo
abaixo do tipo,
clicar e arrastar para baixo até um pouco
acima da imagem do tênis Ao soltar, entrarei no painel de traços e
ajusto o peso para um. Clique na cor do traçado e verifique se ela está definida como preta No ponto final, clicarei no menu suspenso
e selecionarei o círculo. Vou clicar na ferramenta
Seleção, clicar em D selecionar. Pressione Command Colon no Mac
ou Control Colon no PC, ative as guias
para ver minha grade e diminua o zoom para dar uma olhada E isso criará apenas um pequeno detalhe onde
o produto é rotulado Até este ponto,
temos trabalhado para colocar todos os nossos elementos
na composição. Neste momento, tudo
está no pôster, mas é importante ter em
mente que nada está definitivo ainda Ainda tenho alguns ajustes a
fazer para deixar tudo perfeito. Agora que tudo está no pôster, agora
podemos começar a pensar cores e finalizar nosso design Quando se trata de design de pôster, normalmente não começo a
pensar em cores até que a composição geral do pôster
esteja em boas condições Normalmente trabalho em
preto e branco
e, quando tudo estiver pronto, posso começar a amostrar
cores e aplicar cores Para o
design do meu pôster, não tenho nenhuma cor específica planejada No entanto, eu sei que esse
é um conceito com o tema da lua. Eu quero
mantê-lo branco brilhante, mas com um
toque azul para refletir na cor
dos
tênis e da lua Aqui, posso me
inspirar nas cores dos
próprios tênis para criar um tema de cores
harmonioso Uma técnica interessante que podemos
usar no Illustrator é
gerar um tema de cores a partir de uma imagem. Fazer isso é simples. Então, primeiro, vou
ver e clicar em
cortar visualização para que possamos
ver a área de trabalho. Vou clicar na imagem
do tênis, pressionar e segurar a tecla
Alt e clicar e arrastar para
cima para fazer uma
duplicata rápida como Com a nova imagem selecionada,
vou até a janela, desço até
o traçado da imagem e clico para ativar o painel. Com o painel visível,
clicarei na predefinição Drop down e
selecionarei seis cores E então o Illustrator
processará essa imagem. Então, quando estiver pronto,
vou até o painel de controle
e clico em Expandir. Illustrator
processará a imagem e transformará em gráficos vetoriais, dividindo a imagem em várias partes vetoriais com
cores que você pode selecionar Agora vem o interessante P. Mas na imagem selecionada,
entre no painel Amostras, clique no menu superior direito clique no novo grupo de cores Vou chamar isso de Luna
Swatch. Clique em OK. E agora, no painel Amostras, podemos ver uma nova pasta com
um novo grupo de cores dentro Portanto, agora é um
começo perfeito para usarmos cores. Então, vou voltar para
ver, clicar em cortar visualização e voltar e me
concentrar no design do pôster, e agora posso começar a
aplicar um pouco Com a ferramenta de seleção, primeiro
clicarei
no bloco grande na parte superior
da evolução. Vou me certificar de que
a cor de preenchimento esteja selecionada no menu Ferramentas. Em seguida, vou me deparar e selecionar o azul mais escuro na
minha nova paleta de cores Mas agora, eu quero que
isso seja muito mais sombrio. Não quero que seja preto, mais parecido com um azul marinho escuro. Uma maneira fácil de fazer isso é acessar o painel de guia de cores. Com este painel aberto e
o azul escuro selecionado. No painel guia,
você pode ver uma variedade de tons e matizes da
cor selecionada Neste caso,
eu quero escolher uma azul marinho
mais rica e escura Então, vou selecionar um
dos tons mais escuros. Vá até o painel Amostras, acesse o menu na parte superior
e acesse a nova Amostra Vou chamar isso de
Marinha escura. Nesta ocasião.
13. TUT #3: design de grade axial / Adobe Illustrator: Então, agora podemos passar para o terceiro
exercício de design de pôsteres nesta masterclass Em um vídeo anterior, vimos como criar um design de
pôster no in design Agora, o design é uma ferramenta de layout
poderosa, mas alguns designers podem preferir trabalhar
com o Illustrator Portanto, o objetivo deste
vídeo é demonstrar como Illustrator também pode ser usado para desenvolver designs de
pôsteres de qualidade Nesta etapa, entramos
em uma nova fase. A fase anterior consistia em
gerar ideias para o design do
nosso pôster Agora temos algumas
ideias sólidas na bolsa. É hora de entrar na terceira
fase do processo de design, qual criamos
nosso design no computador Aqui estou eu no Illustrator, e esses são alguns pôsteres
que criei anteriormente Neste vídeo, vamos
dar uma olhada na grade axial Agora, este é um sistema de grade em que uma linha de eixo distinta corre ao longo
ou através de uma composição. Essa linha de eixo pode
ser horizontal, vertical ou diagonal em direções
diferentes e normalmente divide uma composição em
duas zonas distintas, onde texto e imagem
podem ser colocados ou alinhados em qualquer
lado da linha do eixo Isso pode gerar
muito movimento em uma composição e
criar muito impacto. Então, neste vídeo,
demonstrarei como usar as ferramentas
do Illustrator para criar esse
design de pôster especificamente E mais tarde, veremos
como fazer algumas variações. Para criar nosso pôster
no Illustrator, abordaremos as mesmas etapas que usamos no tutorial
anterior Etapa um, configuração da pasta do projeto, etapa dois, configuração do documento, etapa três, configuração da grade, etapa quatro, trabalho
com imagem, etapa cinco, trabalho com tipo, etapa seis, trabalho com cores, etapa sete, refinar a composição, etapa oito, criar variações de layout
e etapa nove, exportar Esse é um
processo metódico que garantirá a
criação de designs de pôsteres de qualidade
e não
deixaremos criação de designs de pôsteres de qualidade e não
deixaremos Então, prepare-se para outra aventura
de design. Após este vídeo, você
poderá criar pôsteres
dinâmicos como esse no Adobe Illustrator, Então, vamos entrar nisso. Então, aqui estou eu como ilustradora, e esses são alguns pôsteres
dinâmicos que criei anteriormente usando as técnicas
que estou prestes a demonstrar Se você quiser dar
uma olhada neles, você pode encontrá-los na pasta do projeto da
classe. Eles estão localizados na pasta
dois modelos de pôster. Se você abrir a pasta do
ilustrador, poderá ver
o arquivo chamado Nopulse Então, no documento do ilustrador, desenvolvi aqui um design de pôster a partir de
um dos meus esboços, que tenho aqui, e também
vi como isso poderia funcionar em uma variedade de Agora, se eu aparecer para ver
e clicar em Trim view e pressionar command mais Cloud no Mac ou Control plus Colon no PC, posso ativar e
desativar as guias,
onde você pode ver o sistema de
grade que
usei para estruturar esse design usei para Portanto, conforme afirmado anteriormente, uma grade axial normalmente usa uma linha proeminente que
passa pelo centro
de uma composição Aqui podemos ver como isso
funciona em cada pôster. Temos uma linha axial
passando pelo centro de cada composição e perpendicularmente pela Eu tenho algumas outras linhas, que servirão para
ajudar a alinhar o texto e outros elementos
à linha axial principal Portanto, sua 11ª tarefa
nesta aula é
seguir meu método de design de
pôster O objetivo dessa
tarefa é para aqueles que talvez não estejam familiarizados
com o Illustrator Essa é uma chance de aprender técnicas
cruciais e se sentir confortável trabalhando
em um Dope Illustrator Agora, esse estágio é opcional. Você pode assistir
e participar ou acompanhar e desenvolver
seu próprio design de pôster No entanto, vou
encorajá-lo a fazer isso mais tarde. Vamos agora entrar no
Illustrator e ver como podemos desenvolver
um pôster como esse Vamos começar com a primeira etapa , configuração da pasta do projeto. Agora, um passo rápido que eu gostaria de
dar antes de começar qualquer projeto é primeiro
configurar uma pasta de projeto. Isso vai me
preparar para ser super organizado e ter um lugar para guardar todos os meus ativos e saber
onde tudo está. Ao trabalhar como ilustrador, é útil se organizar
para melhorar seu fluxo Posso
configurar isso do zero ou duplicar uma pasta
que criei anteriormente Se você ainda não
fez isso na aula,
vá para a pasta de
download da classe,
para a pasta do processo de design. A última pasta
chamada pasta do projeto terá algumas
pastas adicionais dentro. Essas pastas nos
ajudarão a organizar nosso projeto. Para começar, eu recomendo que
você copie esta pasta cole-a em algum lugar
que você possa acessar nesta
parte da aula. Por enquanto, vou
salvar meus arquivos em uma pasta que criei
anteriormente na aula. Depois de configurar a pasta
do projeto, vamos começar a criar pôsteres. Etapa dois, configuração do documento. Então, no Illustrated, para começar, vou
configurar um novo documento Vou subir para arquivar um novo documento
e selecionar. Agora, nesta ocasião,
vou
usar um documento de
tamanho de impressão padrão. Então, na guia superior,
clicarei em Imprimir. Vou clicar em visualizar predefinições. Vou selecionar A três.
À direita, vou me certificar de que minha orientação
esteja definida como retrato. Vou ajustar as unidades
para milímetros. Vou definir minha sangria
para 3 milímetros, e farei isso porque
algumas impressoras gostam uma
hemorragia de três milímetros Então, eu vou fazer isso no início. Defina minha cor como RGB, verifique se meu raster está definido como
300 e clique em Criar E aparecerá meu novo documento. Agora, você pode estar se perguntando
por que eu configurei isso para RGB. Bem, eu gosto de começar com
RGB porque se eu decidir usar essa arte para uma composição
digital mais tarde,
talvez para uma postagem em mídia social, não é
fácil mudar as
cores de CMYK para No entanto, é fácil converter as cores em CMYK
a partir de RGB Então, para evitar
trabalho extra no futuro, eu gosto de começar com RGB Então, aqui temos nosso
novo documento configurado, e você pode ver
do lado de fora, que
temos a linha de sangramento Agora, para aqueles que não
sabem o que é
isso, é onde você estende sua
arte para fora da área da tela Então, quando uma impressora
corta a arte
, ela corta um pouco para que
você não tenha bordas brancas Novamente, se eu pressionar
comando mais dois pontos
no Mac ou controle
mais dois pontos no PC, posso ativar e desativar
as guias para ativar e desativar a Agora, se você estiver acompanhando, verifique se também pode ver o painel de controle na parte superior
da interface do usuário. Caso contrário, vá até a janela e verifique se há uma
marca ao lado do controle. Agora, você também precisará
ter seu painel de amostras, camadas e links
visíveis na janela
e clicar neles para ativá-los
e tê-los em mãos Neste caso, eu tenho muitos painéis
aqui na lateral. Então esse é o nosso documento configurado
e, antes de continuarmos,
eu gostaria de salvá-lo. Então, vou arquivar, salvar como e navegar até a pasta
do projeto que configuramos anteriormente na aula, na segunda pasta,
conceito e design, na
pasta design e salvá-la na pasta
do Illustrator como Sem pulso Ok, então antes de começarmos a
adicionar qualquer elemento visual, eu quero configurar uma grade. Agora, relembrando um
dos meus esboços originais,
para uma de minhas ideias, explorei o uso de um sistema de grade
axial, definindo a imagem do produto em ângulo frontal e central de acordo com a linha axial diagonal
ao longo da página, com o tipo definido
perpendicularmente à linha o tipo definido
perpendicularmente Agora, este foi um esboço muito
aproximado inicialmente. Mas quando examinei
esse design de pôster um pouco mais de perto em meu rascunho, consegui delinear meus elementos
visuais para ter uma ideia melhor de como eu
gostaria de compor Gosto da ideia de cortar o tipo na linha axial Aqui você pode ver os guias que usei para
alinhar meus elementos de texto Etapa três, setor da rede. Então, para esse design de pôster, a grade não será
um pouco Configurar uma grade diagonal
como essa no Illustrator é um pouco diferente de definir uma grade de coluna ou uma grade modular Aqui está uma boa dica sobre como
configurar uma grade axial
no Illustrator Então, a primeira coisa que
você quer fazer é começar com a linha axial principal Para fazer isso, você pode acessar a ferramenta
de linha e
clicar e
arrastar pela área do Canvas para criar
a linha como quiser. Para o design do meu pôster aqui, tenho um
ângulo específico em mente Então, com a ferramenta de linha ativa, clicarei uma vez
na área Canvas e
aparecerá a opção de ferramenta de linha. O comprimento, vou digitar 500. Para o ângulo, vou
digitar 225 graus,
clicar em Preencher
linha e clicar em OK. Ao clicar, minha
linha de traçado aparecerá e eu posso simplesmente clicar
e arrastá-la para a área da tela com
a ferramenta de seleção. Ok, então esta é minha linha axial
principal. Agora, se olharmos meu esboço, você pode ver que tenho
essas outras linhas perpendiculares à minha linha axial
principal, que quero usar para
alinhar Então, criar essas
linhas é fácil. Com minha linha de
grade axial principal selecionada, pressionarei Command plus C no Mac ou Control plus C no PC para copiar Em seguida, pressionarei Command
plus Shift mais V no MAC ou Control plus Shift plus
V no PC para colar no lugar. Em seguida, vá até o objeto, clique em Transformar e
selecione Refletir. Ao clicar, um menu aparecerá, clicarei na vertical
e clicarei em OK. Ao clicar, isso
refletirá minha linha. Então, agora, essa
linha é um pouco longa, então vou encurtá-la Então, com minha ferramenta de seleção, eu pressiono e mantenho as teclas alt e shift. Colocarei meu cursor sobre o
final de um dos pontos, clicarei
e arrastarei para dentro,
e as duas extremidades se moverão
para o meio dessa forma. E vou clicar, arrastar e mover até obter
algo assim. Então, agora vou tentar
duplicar essas
linhas na minha linha axial Então, pressiono e mantenho a tecla Shift pressionada, depois
clico e arrasto
minha linha ao longo da minha linha axial até
o topo, assim Desta vez, pressiono
e mantenho pressionada a tecla Alt mais shift, depois clico na linha e a
arrasto para baixo, colocando um pequeno espaço
entre a linha anterior. Após o lançamento, isso
duplicará uma nova linha. Em seguida, pressionarei command plus D no MAC ou Control
plus D no PC, e isso duplicará a ação duplicando
a linha novamente Vou pressionar o comando D no
MAC ou no Controle D novamente e mais algumas vezes
até ter várias linhas ao longo
da minha linha
axial, assim Então, duplicando minha linha axial, refletindo-a, encurtando-a e duplicando-a
ao longo da linha axial, consegui criar Agora, é aqui que
a mágica acontece. Então, com a ferramenta de seleção, vou clicar e arrastar sobre
todos os meus novos traços Vou subir para ver,
rolar para baixo até os guias, encontrar e
selecionar criar guias. Ao clicar, isso agora
transformará as linhas do traçado em guias, que agora podemos usar
para o design do nosso pôster Para finalizar, vou
até o painel Camadas, clique
duas vezes na camada
e nomeie essa grade, e agora tenho um sistema de grade
axial Posso começar a desenvolver
meu design de pôster com, e se eu pressionar
comando mais dois pontos
no Mac ou controle
mais dois pontos no PC, podemos ativar e desativar Perfeito. Então, com meus
guias e configuração do bleed, agora
posso começar a compor meus elementos visuais na página Portanto, para esse design específico, há muitos elementos
de texto, alguns dos quais serão colocados
em uma imagem de fundo. Então, para começar, vou começar com os elementos
de imagem do pôster
e, quando estiverem no lugar, posso inserir o tipo Etapa quatro, trabalhando com imagem. Então, olhando para o meu esboço, podemos ver que, para este pôster, quero incluir uma
imagem de um produto no meio, no mesmo
ângulo da linha axial Essa imagem chamará
a atenção, principal gancho para
o design
do pôster Além disso, minha intenção com
esse design é dividir o pôster em dois ao
longo da linha axial Para fazer isso, vou colocar uma imagem de fundo para preencher
o espaço do lado direito. Vamos ver como podemos colocar essa imagem de fundo
em nosso pôster. Para começar, vou até o painel
de camadas e clicar no ícone de adição na parte inferior
do painel de camadas para
criar uma nova camada, e vou chamar essa base. Com a camada selecionada,
vou clicar
e arrastá-la para baixo
da camada da grade
e, em seguida, clicar no ícone de cadeado
na camada da
grade acima para não selecionar
e alterar acidentalmente nada
nessa Com a camada base selecionada, vou até o
menu de ferramentas e pego a ferramenta caneta. Vou me certificar de que minha cor
para crescido esteja definida como preta e a
cor do traçado esteja definida como transparente. Vou até
o topo,
lado direito da minha guia de linha axial Vou clicar uma vez
fora da área do Canvas
e, em seguida, descer
até o canto inferior esquerdo da linha axial e
clicar novamente. Eu pressiono a tecla Shift e
clico logo
abaixo da área do Canvas para
desenhar uma linha reta Em seguida, clicarei
à direita e depois em cima para unir e
completar a forma. Fácil. Então essa é a forma que eu quero que a imagem de
fundo preencha. Agora vou trazer
minha imagem para preencher o espaço. Então, vou acessar o documento de conteúdo do
pôster e posso fazer isso
entrando na pasta de download da classe,
na pasta do kit
de mídia Bolts e clicando duas vezes no atalho
do Content Deck
para abrir em Na página cinco, podemos ver todas
as texturas de tecnologia de gel que foram fornecidas como parte
das diretrizes para
esses pôsteres Para este design inicial de pôster, vou usar
a textura Gel redux De volta ao Illustrator,
pressionarei o comando mais Shift mais P no MAC ou Control mais Shift mais P
no PC para inserir uma imagem Vou navegar até a pasta do
kit de mídia fornecida
na pasta de download até a pasta de texturas
gráficas e selecionarei Gel
redux dot PNG e E eu simplesmente clico e arrasto sobre minha forma, liberando a área, e isso será colocado
na minha textura Então, ao colocar minha textura, coloquei-a em cima
da minha forma vetorial preta. Então, vou clicar com o botão direito
do mouse na minha nova imagem, descer para organizar
e clicar no centro de volta. Então, agora vou usar
a forma vetorial como uma máscara
para minha textura de fundo. Mas antes disso, preciso
mudar a cor
da forma vetorial. Atualmente, está definido como preto, mas precisarei desse
conjunto como branco para mascarar efetivamente a imagem abaixo. Então, selecionarei minha forma vetorial
preta, verificarei se a
cor do primeiro plano está selecionada, criarei amostras
e definirei Aplique a máscara, vamos
precisar do
painel de transparência visível. Se você não conseguir ver seu painel de
transparência, vá até a janela, role para baixo
e clique em transparência. Em seguida, vou usar
uma ferramenta de seleção para
selecionar a textura do plano de fundo e o vetor de forma. Com os dois selecionados,
vou até
o painel de transparência
e clico em Ma Mask. Ao clicar, a forma vetorial
branca agora
será aplicada à máscara. E se olharmos com cuidado
no painel de transparência, agora
podemos ver duas miniaturas À esquerda, a imagem gráfica, e à direita, a máscara. Agora, se olharmos cuidadosamente
entre as duas miniaturas, há um ícone de cadeado Se eu clicar nisso uma vez
para soltar com o polegar da imagem selecionado
no painel de transparência, posso pressionar para cima e para baixo
no teclado ou clicar e
arrastar com a ferramenta de seleção, e podemos mover a textura
do
fundo dentro da máscara Além disso, posso clicar
nas alças da imagem
da caixa delimitadora dentro da máscara e aumentar e diminuir a escala Portanto, se você quiser
alterar a posição ou a escala de uma imagem
dentro de uma máscara, basta verificar se o ícone de cadeado está desmarcado
no painel de transparência
e se o polegar da imagem está Mas lembre-se de que, quando terminar, clique novamente
no ícone de cadeado para
controlar a posição da imagem
da máscara na área
do Canvas. Se você quiser
editar o posicionamento ou forma da máscara em
si, desta vez, no painel de transparência, clique na
miniatura da máscara à direita, e isso
permitirá que você clique e arraste para mover
a máscara Além disso, você pode usar a ferramenta de seleção
direta para selecionar pontos de ancoragem
na forma vetorial, quais você pode clicar e
arrastar para se mover Ou você também pode pegar o Pentool para adicionar pontos de
ancoragem adicionais à forma
e, novamente, clicar e
arrastá-los para editar a
forma da máscara Então, vou pressionar
Command plus Z no Mac ou Control Plus no
PC para desfazer isso Clique na miniatura da imagem
no painel de transparência e clique em desmarcar minha E essa é a imagem de fundo agora colocada em
nosso design de pôster E se chegarmos
ao painel de links, agora
podemos ver o link da imagem
presente em nosso documento. Se você não conseguir ver
seu painel de links, vá até Janela e
clique em Links. Fácil. Então essa é a primeira
imagem do meu pôster. seguir, vamos ver como
podemos trazer a imagem do produto. Então, de volta ao dock de conteúdo do
pôster, na página quatro, podemos
ver todos os produtos Para este design de pôster, promoveremos o tênis roxo
chamado Então, primeiro, vamos entrar na pasta de download
da classe,
na pasta do kit de mídia Bolts Essa é a pasta que
o cliente forneceu, que inclui tudo o que
precisamos para criar os pôsteres. Então, vou entrar na pasta de fotografia do
projeto e começar abrindo a imagem do
Nopulse no Photoshop Esta é a imagem do produto
que nos foi fornecida. E agora, do jeito que está, essa imagem não vai
funcionar porque, para o meu design, eu quero que essa
imagem seja cortada. Então, para esse design de pôster, vou ter que cortar a imagem do
tênis primeiro. Felizmente, esta é uma imagem
muito clara aqui, então deve ser muito
simples recortá-la Então, vou ampliar aqui
para ter uma visão melhor. O que posso fazer aqui é acessar a ferramenta Retangle
Marquee Vou desenhar uma seleção
em torno dela e ir até o painel de controle e
clicar, selecionar e mascarar. A
ferramenta Seleção rápida selecionada, no painel de controle, novamente, clicarei em Selecionar assunto e o Photoshop fará o
possível para selecionar Sneaker Agora, se eu ampliar aqui, posso ver que não é perfeito. Parte da parte inferior do
sapato não foi selecionada. Agora, há outra coisa
que você pode fazer aqui. No menu Ferramentas, há um botão chamado ferramenta
Seleção de objetos. Se eu clicar aqui e passar
o mouse sobre o tênis, photoshop verá o que estou tentando selecionar como objeto Se eu clicar aqui uma vez, verei que todas as partes imperfeitas foram
magicamente trazidas de volta, e isso parece
um pouco melhor Quando estiver satisfeito, posso clicar em k no canto
inferior direito e uma seleção será
feita ao redor do tênis Com essa nova seleção, posso acessar
o painel Camadas
e, na parte inferior, clicar
no botão Máscara de camada de anúncio. Ao clicar, adicionei
uma máscara de camada e
recortei o tênis Perfeito. Agora, eu não quero que
a imagem seja tão grande. Não preciso do espaço ao
redor do tênis. Vou entrar no meu painel de camadas, pressionar e segurar o comando no Mac ou Control no PC e clicar
na máscara de camada. Ao clicar, será feita uma seleção
ao redor do tênis. E se eu agora pressionar C
no teclado para cortar, uma caixa de corte aparecerá
ao redor do tênis Na parte superior do painel de controle, garanto que a opção Excluir pixels
recortados esteja desmarcada e
pressiono enter duas vezes e recorto a imagem Perfeito. Então, pressionarei
command plus shift plus S no MAC ou Control plus
Shift plus S no PC para salvar. Vou navegar até a pasta
do projeto, que configurei anteriormente
e a salvarei
na pasta de ativos como
neo pulse dot PSD. Então agora eu tenho a
imagem do tênis bonita e preparada. Agora posso trazê-lo para o
Illustrator. De volta ao Illustrator, antes
de trazer minhas novas imagens, vou fazer
algumas tarefas domésticas No painel Camadas,
vou clicar no ícone de adição
no canto inferior direito. Isso adicionará uma nova camada, e eu chamarei isso de imagens. Agora, algo que você pode
ter em mente aqui com o painel Camadas. Se eu clicar no menu superior direito e descer até as opções do painel, podemos alterar o
tamanho dos polegares Por exemplo, podemos
clicar em pequeno, médio ou grande, mas também
temos a opção de
adicionar um tamanho personalizado. Se eu digitar 70 pixels em
outro e clicar em OK, minhas miniaturas agora ficarão
muito maiores para que eu possa ter uma visão melhor do
que está em cada Agora, clicarei
no ícone de cadeado na camada base para não selecionar
nada
acidentalmente enquanto lido com a imagem
que estou prestes a trazer Com a camada de imagem selecionada, pressionarei command plus
shift mais P no MAC ou Control plus Shift mais P
no PC para colocar uma imagem. Aqui, vou navegar até
a pasta do projeto, na pasta de conceito
e design,
na pasta de design,
na pasta de ativos, selecionar neo pulse dot
PSD e clicar em Inserir. Em seguida, clique e arraste uma moldura
como essa para soltá-la na imagem. Fácil. Então, agora há uma
imagem em nosso documento. Se agora chegarmos
ao painel de links, podemos ver que o PSD de
pontos neopulsos está presente Assim, quando a imagem
estiver no Illustrator, é fácil
redimensioná-la
e Com a imagem selecionada, se eu chegar a qualquer um
dos pontos de ancoragem,
posso clicar e arrastar Se eu pressionar e segurar a tecla Shift,
depois clicar e arrastar, você poderá aumentar e diminuir o tamanho da imagem para escalar dessa forma. Então, vou ampliar a imagem até ficar feliz e
arrastá-la para o meio. Vou mover o cursor do mouse para o canto inferior direito
da caixa delimitadora, depois clicar e arrastar para
girar a imagem até que esteja alinhada com a linha axial e a imagem de fundo,
e isso classifica a imagem do produto para o pôster Então, a próxima imagem que eu quero
trazer para o
pôster é o logotipo Desta vez, em vez
de colocar um arquivo, vou abrir um arquivo. Então, pressionarei
command plus 01 Mac ou Control plus 01 PC para abrir, navego até a pasta media
kick fornecida na pasta do logotipo e abrirei o
bolt logo black dot eps Portanto, como estamos trabalhando no Illustrator e
trabalhando em vetor, é fácil colar
outro elemento vetorial para nos dar a flexibilidade de
alterar a cor posteriormente Na ferramenta de seleção,
selecionarei o logotipo vetorial, copiarei e voltarei
para o meu pôster. Vou me certificar de que estou na camada de
imagem
e colar, e o logotipo agora será
colocado no dock. Vou até o ponto de ancoragem
central da extrema direita, pressiono e pressiono
ult e shift e clico e arrasta
para dentro para reduzir a imagem dessa forma E vou simplesmente colocá-lo
no canto superior direito
do pôster. Fácil. Etapa cinco,
trabalhando com o tipo. Então, agora todas as minhas imagens são
colocadas no design do pôster. Agora posso começar a trabalhar
com os elementos de tipo. Relembrando meu esboço, quero que o
tipo de título principal no pôster perpendicular
à Aqui podemos ver que parte
do tipo de título
está à esquerda e parte do título
está à direita,
e alguns dos elementos do tipo de
suporte
correm em paralelo com
a linha e alguns dos elementos do tipo de
suporte correm em paralelo com
a Para começar, vou até
o painel Layers. Com a camada de imagens selecionada, clicarei no
ícone de adição na parte inferior do painel de camadas
para adicionar uma nova camada e renomearei
essa camada para digitar Vou clicar no ícone de cadeado
na camada de imagens para não selecionar nada
na camada de imagens. E para começar, vou começar
com o tipo de título. Assim, com a camada de texto selecionada, podemos entrar no menu Ferramentas, selecionar a ferramenta de texto e
clicar uma vez no pôster Ao clicar, isso
criará um elemento de tipo. No momento, eu tenho uma fonte
padrão, mas se estiver tudo bem, não
vou me preocupar
muito com isso Então, vou voltar para o dock de conteúdo do pôster
e, na página três, podemos ver as opções de cópia Vou copiar a palavra calçado
do título Opção dois e
depois, de volta para o Illustrator,
vou colá-la E agora temos nosso
primeiro tipo de letra. Agora, dependendo de suas propriedades
padrão, aqui vou aumentar o tipo
para começar a trabalhar com ele. E nesta ocasião, vou definir o
tamanho da fonte para 150 pontos. Ou, com a opção selecionada, clique e arraste no pino
do canto enquanto pressiona a tecla Shift para aumentar ou diminuir
a escala do texto. Então, com meu primeiro texto
no pôster, quero rapidamente mudar
o tipo de letra para Neste momento, eu poderia
usar qualquer tipo de letra, mas já tenho uma ideia
do que quero usar para trabalhar Em uma etapa anterior, fiz uma
pesquisa de tipos de letra, onde
analisei uma variedade de
tipos de letra que gosto Na segunda página
da minha pesquisa, gosto bastante da aparência
desse tipo de rosto aqui
chamado Raj Tanny Observando o desenho do golpista, podemos ver que preciso de
um tipo condensado para encaixar o tipo
no espaço esquerdo e direito Esse é um bom exemplo de uma fonte condensada que
funciona bem em Uma boa opção se você quiser colocar uma palavra ampla no
design do pôster em toda a página Além disso, com seus cantos
arredondados sutis, esse tipo de letra
apresenta uma estética limpa e minimalista
com um tom mais suave Com cinco pesos
distintos, essa é uma fonte versátil
e impactante que funcionaria bem
nessa Agora, essa é uma fonte do Google
e pode ser adquirida gratuitamente. Você pode encontrar o link
no Typeface PDF na pasta de download
da classe no processo de design
da pasta um, na tipografia da pasta cinco Se você abrir o PDF, basta clicar
na fonte na página dois e ela o levará
diretamente ao link. Então, de volta ao Illustrator, selecionarei o tipo e
subirei no seletor de fontes Vou digitar Ratt Hany
e aplicar a fonte. E, nessa ocasião,
definirei a espessura da fonte em negrito
e, no painel de caracteres, maiúsculas. Olhando para o esboço, podemos ver que, para o texto do título
principal, ele
é perpendicular
à linha ele
é perpendicular
à Também dividi isso em partes para permitir que o
tipo de letra fosse grande, legível e impactante para
contornar a imagem central Trabalhar com um layout
como esse pode ser um pouco complicado, pois está definido em um ângulo Mas só teremos que
criar o layout
para acertar. A primeira coisa que vou fazer é selecionar o tipo com
a ferramenta de seleção. Vou mover o cursor do mouse para o canto inferior direito
da caixa delimitadora, depois clicar e arrastar para Ao girar, terei o
cuidado de alinhar a caixa delimitadora com
as Quando eu tiver um elemento de texto
no lugar e alinhado, será
fácil duplicar e
editar Então, vou selecionar meu elemento de texto, pressionar e segurar t
e arrastar
um pouco para baixo para
duplicar rapidamente outro Agora, olhando para o meu esboço, posso ver que ter a palavra
completa calçado seria uma palavra
muito larga para ajustar
e equilibrar os elementos Minha abordagem é dividir a palavra para caber no espaço com
mais conforto De volta ao Illustrator, agora tenho dois elementos de texto com
a palavra calçado Vou selecionar o
primeiro elemento de tipo, clicar
duas vezes e selecionar as
últimas quatro palavras e excluir. Vou pressionar Escape para
desmarcar o tipo. Vou selecionar o próximo
elemento de tipo, clique duas vezes. Selecionarei as quatro primeiras
letras e pressionarei delete e pressionarei escape para
desmarcar o tipo Agora eu tenho esses
dois tipos
de elementos das duas partes da palavra. Posso clicar para
selecionar os dois e movê-los nesse
espaço para posicioná-los. Então, vou movê-los
até o topo da tela
e, com os dois selecionados, e, com os dois selecionados, posso clicar na âncora do meio
direito, pressionar
e segurar a tecla Shift, clicar e
arrastar para aumentar a escala Então, neste momento, posso ver que a imagem do produto
no centro
do pôster é um pouco
maior do que eu quero Então, para me ajudar a colocar meu tipo no espaço com mais conforto, vou reduzir um pouco a imagem
do produto Então, vou entrar
no painel de camadas e desbloquear a camada de imagens. Vou clicar na imagem do produto. Clique no ponto de ancoragem
central direito enquanto segura Shift mais Alt, clique e arraste para dentro, e isso reduzirá bem a
imagem Vou selecionar os
dois elementos de tipo acima e apenas movê-los para posição e aumentar um pouco mais até encontrar um lugar
que me agrade. Observe que, para esse tipo de blusa, estou cortando a palavra pé
um pouco da parte superior
da área da tela Se eu subir para ver
e clicar em aparar visualização, isso removerá a visibilidade de tudo na área do
papelão Agora podemos dar uma boa
olhada no layout atual e ver onde o
tipo foi recortado Agora, estou fazendo isso para adicionar um pouco mais de dinâmica visual à composição do pôster Quando todos os elementos visuais são mantidos dentro da área de tela de um
pôster, isso pode parecer organizado e organizado No entanto, quando começamos
a recortar elementos, eles começam a se soltar
da moldura circundante. Isso faz com que o design pareça
maior do que realmente é. Isso pode criar impulso para dentro
ou para fora de uma área da tela, o que pode criar movimento Essa é uma qualidade de
design muito apropriada para este pôster, pois queríamos nos
sentir enérgicos e livres Por enquanto, vou deixar meu primeiro
elemento de tipo na parte superior. Com a ferramenta de seleção, vou clicar e arrastar
sobre os dois. Vou pressionar e segurar alt
no teclado e clicar, arrastá-los para baixo para duplicar
dois novos elementos de texto Vou colocá-los
abaixo da imagem do produto
e, com eles selecionados,
garantirei que a cor de preenchimento seja selecionada
no menu de ferramentas Vou pegar as amostras
e colocá-las em branco. Agora, é apenas um caso simples
de mudar essas duas palavras. Com a ferramenta de seleção, clicarei na palavra superior, clicarei
duas vezes em Selecionar
tudo e digitarei F EAR. Vou pressionar Escape
para desmarcar um tipo. Selecione o próximo elemento
de tipo abaixo. Clique duas vezes, selecione
tudo e digite MENOS. Pressionarei Escape
para desmarcar um tipo
e, com a ferramenta de seleção, selecionarei as palavras e as reorganizarei até que eu tenha algo
parecido com isso Então, agora precisamos
adicionar outras palavras para completar a frase
calçado para as antenas Isso pode ser feito facilmente
selecionando uma das camadas
de texto acima. Vou pressionar e segurar
alt no teclado e arrastar para baixo para
duplicar rapidamente a camada de texto Vou clicar duas vezes na
minha nova camada de texto, selecionar A e digitar FOR. Vou pressionar um scape para
desmarcar o elemento de texto. Vou clicar em um dos pontos de ancoragem do
canto, mantendo pressionada a tecla Shift e a escala
para baixo, e
coloco logo abaixo da palavra onde até
ter algo assim Meus novos elementos de texto,
pressionarei e segurarei alt, clicarei e arrastarei para baixo e
acima da palavra medo. Vou me certificar de que a cor de preenchimento seja selecionada no menu de ferramentas. Vá até o
painel Amostras e defina isso como branco. Vou clicar duas vezes no texto, selecionar tudo e digitar T H E. Para que agora complete
o título do título Se eu voltar para
ver e clicar em cortar visualização, podemos ver que esse trecho inferior
do texto também é recortado Agora podemos ver que
parece que o texto está fluindo de cima
para baixo,
criando um
movimento interessante em todo o criando um
movimento interessante pôster com a imagem do produto
no centro Como manchete principal, agora
podemos tentar incorporar o nome do produto
ao design Agora, no meu esboço, eu tinha isso bem pequeno
aqui à esquerda Mas se olharmos para
o design final, gosto da ideia de
tê-lo bem grande
no fundo, alinhado com
a linha axial definida
como contorno Gostei de como isso adicionou um pouco mais de textura ao design
do pôster Vamos agora tentar trazer isso para dentro. Novamente, vou subir e selecionar um dos elementos de texto maiores. Pressione e segure Alt
no teclado e clique e arraste
para baixo para duplicar rapidamente Vou mover o cursor do mouse
até o canto inferior direito, ponto de ancoragem da caixa
delimitadora, clicar e arrastar para girar,
e vou me
certificar cuidadosamente de que a
caixa delimitada se alinhe exatamente à caixa delimitada se alinhe Com meu novo elemento de texto, clicarei duas vezes, selecionarei tudo
, digitarei NEO PULSE e pressionarei Escape para desmarcar Esse é o meu novo elemento de tipo alinhado perfeitamente
à linha axial Em seguida, quero aumentar a escala
e fazer com
que corra da parte inferior
esquerda para a parte superior direita, cortando levemente e
cortando Vou selecionar a nova camada de texto e arrastá-la para a esquerda, cortando
parcialmente a
letra da área da tela Vou pressionar e segurar a tecla Shift
e clicar e arrastar o ponto de ancoragem central direito para a direita,
ampliando o texto dessa forma Agora, nesta ocasião,
gostaria de reduzir o rastreamento,
com a camada de texto selecionada, pressionarei e segurarei t
no teclado e simplesmente
tocarei à esquerda na seta, e isso
trará o rastreamento. Pressione para a esquerda algumas vezes para trazer o rastreamento até que eu tenha
algo parecido com isso. Em seguida, pressiono e mantenho pressionada a tecla Shift
no teclado e, novamente, clico na
âncora central direita e arrasto para
fora para ampliar a palavra
para caber na minha tela No momento, podemos ver que esse novo elemento de tipo está
aparecendo na parte superior da imagem. Então, vou entrar
no painel de camadas, clicar na camada de texto
e arrastá-la para baixo da camada de imagens e garantir que o ícone de cadeado seja aplicado
à camada de imagens. Isso agora mudará
a hierarquia da estrutura
da camada e permitirá que
a imagem apareça na parte superior Agora as coisas estão começando a ficar um pouco complicadas na minha composição. Vou pressionar comando mais dois pontos no Mac ou Control mais dois pontos no PC, e isso ativará e desativará as
guias Podemos começar a ver
as coisas com mais clareza. Vou clicar novamente
na palavra Nopulse. Vou ao menu Ferramentas e clico em Trocar cor de preenchimento
e traçado Isso transformará minha palavra
em um traçado de contorno. Em seguida, entrarei
no painel Lays e clicarei no ícone de bloqueio
na camada base Vou selecionar a imagem de
fundo e vou
movê-la um pouco para baixo. Vou clicar novamente
na palavra neopulse e movê-la
um pouco para baixo para permitir
mais espaço para as palavras principais respirarem no Em seguida, vou
adicionar o número do modelo. Vou clicar na palavra Nopulse, pois atualmente ela tem
a orientação correta Vou pressionar e segurar
tudo para clicar e arrastar para cima para duplicar rapidamente Vou clicar no
ponto de
ancoragem central à direita , pressionar
e segurar a tecla Shift, reduzir drasticamente para
reduzir o tamanho da fonte e simplesmente colocá-la no
espaço acima dessa forma De volta ao pacote de
conteúdo do pôster na página quatro, vou copiar o número do
modelo. 245. De volta ao Illustrator. Vou clicar para selecionar
a nova camada de texto. Clique duas vezes, selecione tudo e
cole o número do modelo. Mas desta vez, também vou digitar a palavra modelo
antes da hashtag Em seguida, vou
até o menu Ferramentas. Clique em Trocar e preencha. Vou até
o painel de controle, clicar na guia
Família de fontes e escolher Light. Vou pressionar Escape para desmarcar o texto com os
elementos de texto ainda selecionados Pressionarei Alt
no teclado e tocarei na seta
para a direita várias vezes para aumentar o
rastreamento até chegar 720 no painel de
caracteres e definirei meu
tipo para 20 pontos E isso completa os elementos de
texto iniciais
no design
14. Apresente seu design de pôster: Agora, seja para o cliente
ou em seu portfólio, a maneira como você mostra
seu trabalho pode ser tão importante quanto
o design em si A apresentação é mais do que apenas exibir um produto
acabado. Trata-se de fornecer uma janela para o mundo em que
seu design vive e seu contexto para transmitir a história e
a estratégia
por trás de seu design Apresentar seu design permite que os espectadores vejam
seu trabalho in situ, ajudando-os a entender não apenas a aparência do
design, mas como ele interage com ambiente e
fala com o Passando para a última e última
fase do nosso processo de design, aqui realizamos o processo de apresentação do design do nosso pôster Neste vídeo, exploraremos como as técnicas de
apresentação
profissional podem aprimorar seus designs, tornando-os mais
atraentes e Vamos dar uma olhada em onde você pode encontrar bons exemplos de modelos e
como você pode usar um deck de apresentação como
esse para apresentar seu trabalho Ao final deste vídeo, você aprende a criar apresentações que fazem mais do que apenas
exibir seu trabalho, mas narram o
propósito e o lugar do design,
garantindo que ele ressoe com o público Lembre-se de que um
design bem apresentado não apenas parece ótimo , mas também comunica claramente sua mensagem e
atinge seus Vamos fazer de cada apresentação uma oportunidade de
impressionar e engajar Então, vamos entrar nisso. Então, aqui eu sou um ilustrador, e aqui eu tenho um baralho que eu
posso usar para apresentar o design do
meu pôster Essa é uma abordagem típica ao apresentar qualquer design para nossos
clientes ou colegas de trabalho Em um deck de apresentação, normalmente
começo com uma recapitulação Vou mostrar inspiração, que
incluirá meu quadro de humor. Mostrarei meu processo onde
incluirei alguns esboços. Vou entrar no design, onde mostrarei um monte
de pôsteres em maquetes. Em seguida, arredonde com algumas versões claras para reflexão no
final e depois feche. Isso cria uma apresentação compacta
em PDF, que mostra uma abordagem
holística
do processo de design que
ajuda a criar confiança. Eu poderia me apresentar
individualmente em
uma teleconferência ou
enviá-la por e-mail. Depois de concluir
meus designs de pôsteres, se eu os estiver compartilhando com
um cliente ou membro da equipe, normalmente os coloco em um deck como este para apresentar Se você quiser dar uma olhada nesse deck que é fornecido
como parte dessa classe, você pode encontrá-lo na pasta de download da
classe. Ele está localizado na pasta de exemplos de
ilustrações do projeto,
na pasta de apresentações. Agora, também há uma versão
de design disponível. Então, se você tem uma preferência,
você tem opções aqui. Agora, encontrar as marcações certas para seu design pode melhorar
ou diminuir o fator WOW de sua apresentação e
economizar muito tempo Então, onde você pode encontrar marcações de
alta qualidade
para suas apresentações No momento, existem muitos recursos disponíveis que você pode usar. Então, aqui estão meus cinco melhores
em nenhuma ordem específica. Então, aqui estão algumas plataformas muito
boas para obter algumas margens
para apresentações. Se dermos uma
olhada nessas plataformas, você pode encontrá-las no documento PDF Links da
classe na pasta de carregamento da classe D. Como você pode ver, esse deck
inclui várias imagens insitu dos meus designs de pôster, com layouts
que apoiam a apresentação Agora, cada uma dessas
imagens insitu são links para arquivos do
Photoshop que eu posso acessar
para alterar e trocar Agora, também é importante
mencionar que essas são marcações
específicas para ambientes
urbanos, que podem não ser apropriadas
para todas as abordagens de design. Se estiver usando modelos, lembre-se de manter o contexto correto para aprimorar seu design Se você quiser dar uma olhada nos modelos
do Insitu fornecidos
como parte desta aula, você pode encontrá-los na pasta de download da
classe Eles podem estar localizados na de ilustrações de pôsteres
na pasta de
exemplos do Insitu Então, aqui estou eu no Adobe Bridge, e aqui estou
vendo a pasta de marcações Insitu que
criei, que você pode usar para
economizar Na pasta, basta
abri-los no photoshop e
você verá que cada modelo tem a
imagem base com um objeto inteligente, que você pode
clicar duas vezes na camada e simplesmente colocar em seu
design, fechar e salvar Agora, colocá-los no
Illustrator é fácil. Então, no deck, você pode ver que alguns modelos já
estão vinculados. Aqui, podemos
entrar no painel de links, localizar um modelo que queremos alterar e,
com um selecionado, podemos clicar no
botão editar no photoshop na parte inferior do
painel para entrar no painel para entrar Photoshop e alterar
o objeto inteligente Ou podemos clicar no link
e, no menu Links, podemos revincular o modelo
a um diferente. Agora, a melhor coisa dedicar um tempo
para criar modelos incríveis em CT é assim que terminar
a apresentação, você pode incluí-las
em seu portfólio e também usá-las
novamente em decks futuros Portanto, sua 13ª tarefa
nesta aula é colocar
seus designs de pôsteres
nos visuais do IST Se você está
acompanhando e criou seus próprios designs posados
em resposta ao resumo,
agora é a hora de
colocá-los nos visuais do
IST, prontos para serem apresentados Sinta-se à vontade para abrir os modelos de
maquete de pôster que
forneci ou usar um de
seus próprios modelos de Certifique-se de consultar
o PDF da lista de tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Quando sentir que tem algumas
maquetes com as quais está satisfeito, você pode passar para a
última e última etapa Então, depois de preparar o design do meu pôster e
preparar
algumas maquetes in situ,
basta preencher meu deck basta preencher Para exemplos de inspiração
e processo, esses também são links que podem ser abertos e alterados no photoshop, e os
designs de pôsteres simples no final
também são arquivos do photoshop que
podem ser abertos Uma imagem muito flexível e fácil de
atualizar e trocar. Depois de ter todas as minhas
alterações e atualizações de texto, posso simplesmente
exportar isso como PDF e compartilhar. Sua última e última tarefa desta aula é completar um deck de apresentação de
pôsteres Sinta-se à vontade para abrir o
modelo de deck que tenho aqui, editar os
modelos da loja de fotos ou colocar em seus próprios desenhos e
marcações de pôsteres Certifique-se de consultar
o PDF da lista de tarefas na pasta de download
da classe para obter
mais instruções sobre essa tarefa. Depois de concluir essa etapa
final da aula, agora
você deve ter algo incrível para mostrar em seu tempo. Tenha ótimos
exemplos para incluir em seu portfólio e
um conjunto de modelos para usar em projetos futuros.