Transcrições
1. Introdução do curso: Este é o meu iPad, e essa tem sido minha
principal ferramenta de design gráfico há mais de cinco anos. Meu nome é Karim Little e sou designer gráfico
de movimento da Jamaica. E nesta aula,
ensinarei exatamente como uso meu iPad para criar gráficos e
animações incríveis para meus clientes. Se você estiver interessado
em aprender a usar um iPad ou como usar o Affinity Designer para criar gráficos e
animações. Ou talvez até o Canva nesta aula de
Skillshare seja para você. Junte-se a mim enquanto eu oriento você através de
todas as dicas, técnicas e estratégias que
eu uso pessoalmente para ter me ajudado e
eu aprendi até agora. E isso pode ajudá-lo a
ganhar e fazer um trabalho incrível.
2. Introdução ao Affinity Designer: Portanto, o aplicativo que eu
uso no meu iPad para design é conhecido como
Affinity Designer. E para o iPad
custa cerca de $20. É uma taxa única. E essa é uma das grandes
coisas que eu adoro nisso. Portanto, enquanto a maioria das pessoas tende a usar os padrões da
indústria entre aspas como o Adobe Illustrator
e o Adobe Photoshop. Eu prefiro fortemente ferramentas de afinidade simplesmente por causa de
suas taxas
únicas, as atualizações regulares
que elas fornecem e o fato de que
o software para iPad é realmente mais robusto e muito mais capaz
do que as contrapartes da Adobe. Então, se você está procurando uma ferramenta de
design no seu iPad, eu definitivamente recomendaria o
Affinity Designer. Há também o Affinity
Photo que você pode usar para
edição e retoque de fotos. Vejo você na próxima aula.
3. Aprender a interface Parte 1: Ao abrir o
Affinity Designer pela primeira vez, você será saudado
com uma página parecida com esta. E se você tiver
projetos antes disso, todos os seus projetos
estariam sendo exibidos aqui no, acho que isso é como a tela do
seu catálogo. Para entrar em um projeto, você pode simplesmente seguir em frente e
tocar nesse projeto específico. E isso leva você para dentro. Quando você estiver lá dentro,
você verá um monte de ícones à esquerda
e à direita, e examinaremos cada um deles neste copo rápido possível, apenas para lhe dar uma breve
visão geral de como tudo funciona. Então, vamos
até o final, onde
temos um novo projeto. Vamos criar um novo documento. Vamos alterar as propriedades
do documento
de pontos para pixels. No lado da dimensão, vamos
para 1080 por dez atm. Isso é um quadrado do Instagram. E vamos
clicar ou selecionar
Criar prancheta. Isso é tudo o que vamos fazer. Em seguida, clique em OK. Ele cria um novo
documento para você e com dois dedos
você pode ir em frente e diminuir o zoom apertando a
tela e beliscando o devido. Você pode beliscar e autismo. Não, no canto superior esquerdo, há nosso ícone mais bonito
e essa é a sua Ferramenta Mover. E para ver os nomes
de todas essas ferramentas, basta selecionar o ícone de ponto de
interrogação no canto inferior direito. E isso lhe dá
uma visão geral de cada
ferramenta em termos de nome. E analisaremos
os que você mais
usará. Assim, a ferramenta de movimentação, uma vez selecionada, permite que você mova
a tela ao redor, permite que você mova coisas
ao redor da tela. Então, digamos que você
realça uma forma, selecione a ferramenta Mover
que
permite mover as formas que
estão na tela. A ferramenta nó permite mover nós em elementos
que são curvas. Agora, atualmente esse
retângulo não é uma curva. O que converter em uma curva? Eu poderia simplesmente ir aqui, selecionar converter em curvas. E com a ferramenta de nó selecionada, eu poderia arrastar meu
dedo sobre um
dos pontos e simplesmente
movê-lo para cima e para baixo. Aqui você tem a ferramenta de
transformação de pontos e
isso permite que você mova o ponto que você
basicamente transforma o nosso. Então, digamos que eu o mova
para este canto aqui. Agora eu poderia entrar no
meu estúdio de transformação. E minha forma agora está
se movendo nesse eixo. Se eu for para a rotação, você pode ver claramente se movendo
do ponto inferior esquerdo. Deixe-me ir em frente e desfazer tudo isso batendo ou
batendo dois dedos. Abaixo disso, você tem
a ferramenta de contorno. E isso é realmente apenas
colocar uma borda em tudo o que você escolher colocar abaixo
para que você tenha sua ferramenta de canto. E sua ferramenta de canto realmente
permite que você altere a forma ou os cantos
que você tem com os nós. Então, digamos que atualmente
este seja um canto quadrado, canto
muito afiado com
a ferramenta de canto selecionada. Posso selecionar esse ponto
e clicar e
arrastá-lo com o dedo
para alterar a curva. Também posso mudar
o tipo de canto de arredondado para côncavo , rua ou mesmo
não capturado. E simplesmente usar o mesmo mecanismo em
que estou selecionando o
ponto e arrastando me
permite mudar a
forma do médico legista. Posso selecionar vários pontos clicando e
arrastando ou usando meu dedo para arrastar sobre várias cargas e
afetá-las da mesma maneira. E como você percebe, um deles é atualmente
uma borda arredondada, enquanto o outro é um corte. Então você pode definitivamente ser
criativo. Você pode fazer isso uma de cada vez
em que você selecionou uma e criar algumas formas
realmente interessantes. Então esse é o seu cornetto. Abaixo disso, você tem
sua ferramenta de lápis. Sua ferramenta de lápis é realmente sobre desenhar com o
dedo ou com o lápis. Abaixo disso, você tem o
pincel, seu pincel vetorial, e isso desenha linhas vetoriais semelhantes, mas geralmente mais grossas. Se você estiver fazendo
muitas ilustrações, seu lápis em suas ferramentas
vetoriais ou pincel vetorial será útil. Sua ferramenta de caneta é provavelmente a
ferramenta mais importante que os designers usam. Então, o que ele permite que você faça é criar formas complexas
e traçar. Imagens são elementos
que você teria trazido para o seu Canvas. Abaixo disso, você tem
sua ferramenta de gradiente e isso permite adicionar cores ou gradientes aos
traçados são campos. E se você não sabe
o que é um traço, um traço é realmente o
contorno dos seus elementos. Então, vamos em frente e adicionar um
traço a este agora, vamos selecionar a ferramenta Mover. Selecione nossa forma. Vamos ao nosso estúdio de cores e como você encontra
seu estúdio de cores? Basta selecionar o ícone ou Ajuda. Esse é um ponto de interrogação
na parte inferior. estúdio de cores
é o que está no topo. E vamos seguir em frente e
selecionar ou traçar tocando naquele círculo aberto
ou em um donut que está
atrás da cor de preenchimento.
Com ele selecionado. Você pode simplesmente mover
o dedo para alterar a cor do contorno. Vamos
escolher um preto. E abaixo do seu estúdio de cores, você verá uma pequena linha
ondulada. Este é o seu Stroke Studio. Saiba o que o seu Stroke
Studio permite que você faça é
alterar a preensão de um traçado. Você pode alterar a espessura simplesmente
aumentando a largura. Você pode fazer disso uma linha pontilhada. Você pode fazer o pincel. Você pode alterar o padrão do traço, que é o
padrão da linha pontilhada e assim por diante. Mas, por enquanto, vamos
deixá-lo neste Ginger de 20 digitando 20 e
digamos que deixe às dez. Então, vamos voltar para a ferramenta
de preenchimento agora. E, ou ferramenta de preenchimento
realmente nos permite adicionar cores aos nossos
traçados ou campos. Agora, para fazer isso, selecione sua ferramenta de preenchimento. Selecione o elemento
na parte superior aqui na barra de ferramentas
contextual, e ele está na parte inferior
central da tela. No lado direito, você verá esse
ícone azul destacado. Este está te dizendo que,
ei, esse é o seu campo. Se você selecionar o
que está na parte inferior, este é para o traçado. Então, com este item selecionado, como você percebe no estúdio de
cores, um traço aparece
no que você pode fazer é alterar o tipo
de não linear. E saiba que você tem uma linha
que aparece onde você pode decidir
mudar um lado para qualquer cor que você quiser e o outro lado para
praticamente qualquer cor que você quiser, então você pode ser realmente criativo com o uso da ferramenta Preenchimento. Se quisermos mudar
a cor interna, basta selecionar o ícone
na parte superior e mudar de
sólido para linear novamente. Ou você pode ir ao rádio. Você pode mover sua ferramenta e simplesmente selecionar
as cores desejadas. Então, vamos em frente e
criar algo diferente. Então, aqui temos uma forma
muito boa que levamos apenas
alguns segundos para criar usando nossas ferramentas sobre as quais teríamos
falado até agora. Continuando aqui, você tem sua ferramenta de transparência
logo abaixo da sua ferramenta de preenchimento. E o que isso permite que
você faça é, no entanto,
gradiente de transparência em alguns elementos. Agora acho que isso
funciona às vezes, mas funciona melhor se você tiver
esses elementos em camadas. Então, digamos que você tenha várias
formas e queira
aplicar transparência
a essas formas. Se eu aplicar uma
transparência a um, quando seleciono o outro, nem sempre me
dá a opção aplicar uma transparência
a ele também, especialmente se eles estiverem
na mesma prancheta. Então, o que eu costumo fazer é
ir ao meu painel Camadas, criar uma nova camada vetorial, colocar minha forma dentro dessa camada e adicionar a transparência
a essa camada em vez do próprio elemento. Vamos em frente e desfazer isso. Então, essa é uma ferramenta de transparência. Acho que todo mundo sabe
o que uma ferramenta de corte faz. O que, apenas para o
propósito desta aula, sua ferramenta de corte realmente
permite que você percorra e recorte os lados
da sua imagem. É basicamente isso. Sua ferramenta de retângulo é o que permite trazer
formas para a tela. Essas são formas
que eu pré-construí e
personalizei em grande parte. E se você quiser mais do que
apenas uma forma de retângulo, basta tocar duas vezes no ícone ou tocar mais perto da borda. E o que isso abre é um catálogo completo de formas pré-construídas
e personalizáveis. Então, basta selecionar um desses. Acabei de selecionar uma estrela quadrada e simplesmente usando meu dedo, posso arrastar essa estrela quadrada. Se eu segurar um dedo,
isso o restringe. Então, uma vez que eu tenha essa
forma na minha tela, posso ir em frente e
personalizá-la alterando o número de lados e fazendo
todo tipo de coisa sofisticada. Portanto, fique à vontade para
seguir em frente e brincar com esses elementos também. Aprenda como eles funcionam e veja
como você pode seguir em frente e incorporá-los ao seu design certeza os
usará. Logo abaixo do seu
ícone de tango está o seu ícone de texto. E isso permite que você traga Texto
Artístico, textos sem moldura. E a diferença entre
os dois é muito simples. Textos artísticos. Esses textos onde você
pode muito bem,
muito para que isso aconteça. E quando digo muito mais,
se você quiser ter um se você quiser ter texto
curvo ou texto em um caminho que contorne
uma forma específica. Só o texto é sua opção. Se você está procurando
escrever um parágrafo ou apenas para obter alguns textos,
não em Canvas. Textos de quadro
seriam sua melhor aposta. Eu geralmente uso o Frame
Text muito mais, mas isso é realmente baseado no estilo de vida e no tipo
de trabalho que eu faço. O que você pode usar quando a situação
ou a necessidade surgir. Finalmente, neste lado esquerdo, você tem seu seletor de cores. E o que isso
permite que você faça é simplesmente arrastar o dedo
pela tela. E o que isso faz
é selecionar praticamente qualquer cor que seu dedo
pegue se você estiver usando uma caneta, do que sua caneta
escolheria essa cor. Você pega a cor. Ele aparece aqui no seu estúdio de cores ao lado
do seletor de cores. E para colocá-lo em seu
campo ou traçado, basta tocar no preenchimento
ou no traçado
e, em seguida, vá em frente
e toque nessa cor. Agora você pode ir em frente
e praticamente
adicioná-lo a praticamente qualquer
design que desejar. Você pode adicioná-lo a uma prancheta
indo para o painel de camadas. Selecione a camada da prancheta, voltando e simplesmente
tocando nessa cor. E isso abrange todas as ferramentas que
estão no Affinity Designer. Sob o lado esquerdo estão as ferramentas do
lado direito, nossos estúdios. E veremos todos esses estúdios na próxima aula.
4. Aprender a interface Parte 2: Nesta lição,
falaremos sobre estúdios encontrados no lado direito
da interface e como eles permitem que você
interaja ainda mais com o design enquanto trabalha
em seus projetos. Então, para encontrar o nome
de todos os estúdios, lembre-se de que você pode ir em frente
e clicar no ícone Ajuda. Esse é o ponto de interrogação
e o canto inferior direito. Depois de clicar e segurar
nele ou tocar e segurar, você verá os nomes de todos
os alunos aparecerem. Saiba que o estúdio de cores
está no topo. O estúdio de cores
permite que você praticamente, eu apenas procurei cores para qualquer elemento que você
tenha em sua tela. Você pode ajustar a cor para o preenchimento do elemento,
para o traçado. E cada elemento que é um
vetor tem um preenchimento ou um traçado. Isso não é o mesmo
para imagens, pois essas camadas de pixel
não são camadas vetoriais. Abaixo ou estúdio de cores. Você encontrará seu Stroke Studio. E é isso que permite que você faça ajustes adicionais nos traços que você
adicionaria aos seus vários elementos. Você pode alterar coisas
como o traçado, a largura, padrão do
traçado e alterá-lo de um
traçado normal para o nosso pincel. Abaixo disso, você tem o estúdio de pincéis e
é aqui que você está. Você pode realmente entrar
no âmago da escovação e ajustar o
tipo de pincel que você usa. E se eu clicar aqui, você notará que ele oferece muitas opções para
escolher e você pode realmente criar seus próprios pincéis ou importar pincéis, se desejar. Abaixo do estúdio de pincéis está um
dos mais importantes, e este é o estúdio de camadas. É aqui que
todos os elementos que você colocar na
tela aparecerão. E a ordem em que
aparecem é muito importante. Aqueles que estão empilhados
na parte superior ficarão mais visíveis do que
aqueles que estão abaixo. Isso é muito importante no design e você aprenderá
mais sobre isso quando passarmos para as
lições futuras abaixo ou o estúdio LEA for nosso dever de
aparência. E isso permite que você altere a aparência do
preenchimento e do traçado, onde você pode adicionar
vários traçados a uma forma ou a um elemento
ou alterar a cor, o preenchimento ou a
aparência do campo. E você pode realmente obter alguns efeitos muito legais
usando seu estúdio de aparência. Então, aqui temos
nosso Asset Studio. E no seu Asset Studio,
você encontrará ícones para o iOS 12. E você também pode importar
seu próprio conjunto de ícones junto com conjuntos de ícones que você
teria criado dentro do Affinity. Isso permite que você os use ou os ache mais fáceis quando quiser usá-los em projetos futuros. Para não adicionar um ativo
ao Asset Studio, tudo o que você
precisa fazer é navegar até a categoria
de ativos desejada. Clique no ícone de hambúrguer aqui. Selecione seu elemento. Vá em frente, clique no ícone de
hambúrguer e selecione Adicionar à seleção. Ele aparece na parte superior. Para adicioná-lo ao seu Canvas. Você pode simplesmente mantê-lo
pressionado e clicar, inseri-lo ou excluí-lo. Você pode ir em frente e tocar
nele novamente e clicar em excluir. Agora abaixo do Asset Studio, você encontrará seu
estúdio de imagem ou seu estúdio de ações. Isso é estranho. Affinity, um pouco se
integra a sites de ações como pixels e Pixabay
e acredito que o Unsplash. Ok, então são apenas
pixels e pixabay, acho que o Unsplash estava lá naquele
momento. E o que isso permite que
você faça é, em vez de ir ao Google e
baixar uma imagem, você pode simplesmente digitar
uma imagem aqui. E ele pesquisa pixels e traz ou permite que você simplesmente arraste uma imagem
da lista que ela
teria fornecido. E assim, você
teria baixado uma imagem de pixels para usar em seu gráfico
abaixo do seu estúdio de ações. É só estúdio de símbolos. E isso permite a você tantos recursos
quanto
o Asset Studio. No entanto, com símbolos. Quando você ajusta um símbolo
ou quando adiciona um símbolo, você cria um e
depois o ajusta. Você pode ajustar todas as instâncias
desse símbolo para
praticamente qualquer coisa estranha, você as teria
em seus gráficos. Digamos que você esteja trabalhando design de
interface do usuário e tenha
um botão inteiro ou uma barra de navegação
que deseja ajustar em vez de
passar por 59 palavras. E eu simplesmente não
os fiz um por um, simplesmente tornei um símbolo. Vou duplicá-lo e
colocá-lo onde você
gostaria de colocá-lo no seu AdWords e, sempre que
precisar ajustá-lo,
em vez de ajustar todos os 15, basta ajustar o mesmo. Abaixo dos seus símbolos. Você encontra seu estúdio de efeitos? E seu FX Studio é
realmente onde você adicionaria efeitos aos seus elementos. Então, se você quiser adicionar um desfoque, uma sombra em relevo excessivamente
chanfrado ou 3D. Olha. Isso é tudo o que somos. É aqui que você
encontrará todas essas coisas. Abaixo disso, você encontrará
seu estúdio de ajustes. E isso permite edições
não destrutivas
em suas imagens ou
em seu gráfico. Você tem seu estúdio de texto, que segue em seu texto
Tudor realmente permite que você ajuste o
tamanho da fonte, estilo da fonte, cor da
fonte,
espaçamento, kerning,
rastreamento, espaçamento entre linhas, espaçamento de
parágrafos, recuo em assim por diante. Chegando ao final, você tem seu estúdio de transformação, que permite
transformar objetos. Isso pode ser por meio de
rotação, cisalhamento ou em seu eixo XOR y
permite também opções de alinhamento, se você deseja uma linha central ou alinhamento horizontal de
certos elementos. Em seguida, você tem seu estúdio
navigator. E isso permite que você se mova
praticamente pela tela
da mesma forma que faria
com seus dois dedos. Ele também
oferece modos de visualização. Então, se você quiser mudar do modo de pixel de
retina para um vetor, ou quiser apenas ver um esboço do que
está acontecendo exatamente no seu Canvas. Você pode fazer isso usando
o Navigator Studio. Finalmente, você tem sua história, e essa é praticamente uma
das coisas que você quer garantir que entenda,
porque é muito essencial. O histórico permite que você
volte o mais longe possível,
dependendo do limite, use-o em suas
configurações
e vamos lá agora para ver como é
o histórico. No momento, você vê que meu intervalo de
salvamento automático está em 300 e meu
limite de desfazer está em 128. O que significa que,
a qualquer momento, meu limite de Desfazer será
armazenado no histórico. Então eu tenho 120 gestos, movimentos
oculares que eu
teria feito e que eu poderia
desfazer antes que fique sem
espaço ou memória. Definitivamente, posso aumentar
isso para um número que seja agradável para mim, mas acho que 128 é
bom o suficiente. Então, eu gosto de mantê-lo lá. Eu nunca tive um problema com meu histórico de desfazer antes. E, naturalmente, se você pode desfazer, você sempre pode refazer. E aí você tem todos os estúdios
encontrados no Affinity Designer.
5. Mascarar e remover fundos: E queremos recortá-lo
do fundo para usar no gráfico que
será criado mais tarde. Então, para fazer isso, basta navegar da
sua bolsa de design ou não até a sua persona de pixel. E para encontrá-lo, você pode seguir em frente e
segurar o ícone Ajuda. E você notará que há uma persona de pixel
entre o design em
Exportar na parte superior. Depois de chegar à
sua persona de pixel, você está procurando
seu pincel de seleção. E você pode encontrar
isso mantendo pressionado o ícone de ajuda
novamente e lá você vê o pincel de seleção inteligente. Então esse é o
que usaremos com seu
verso de seleção inteligente selecionado, verifique sua
barra de ferramentas de contexto para garantir que você tenha adicionar, subtrair. E depois de selecionar isso, você pode alterar a largura
do pincel e simplesmente
passar o pincel sobre as seções que
deseja selecionar. Agora, você pode ser tão granular
quanto quiser, mas vamos apenas
fazer uma visão geral por enquanto e depois refinaremos mais tarde. Então, aqui eu tenho a maioria
dos assuntos selecionados. No entanto, como você vê lá, seções ou áreas onde ele realmente não o
pegou perfeitamente. E para desfazer ou subtrair
esse espaço extra, basta alterar o
modo de adicionar para subtrair e, em seguida,
entrar, entrar ou ampliar. Altere a largura
do pincel e subtraia essas áreas simplesmente
escovando-as mais uma vez. Se você notar que esta
seção aqui não está sendo escolhida
com a precisão que você gostaria. E isso ocorre porque o
software está vendo algo estranho. Isso não é completamente nítido, então é
difícil
descobrir o que é assunto e
o que é plano de fundo. Em uma instância como essa. Há outra maneira de selecionar essa área. Vamos em frente e
continuar trabalhando no resto
do nosso assunto primeiro. E então passaremos
para a mudança do nosso pincel de seleção
para outro pincel, ou de outra maneira de
selecionar um assunto. Agora, outra maneira de seguir
em frente e selecionar um assunto é usando sua ferramenta de seleção de
mão livre. E quando você toca duas vezes
na ferramenta de seleção à mão livre, você quer garantir que
você selecione Mão livre e , em seguida, adicione
o tipo na barra de ferramentas contextual
na parte inferior aqui, você deseja mudar de
mão livre dois polígonos, ou uma vez que você muda de 300
polígonos ou o que você sabe, são capazes de fazer é com o modo de
subtração ou adição selecionado. Você pode simplesmente tocar
no gráfico para traçar
exatamente o que deseja adicionar. Nosso co-ensinado. Lembre-se de que você
sempre pode aumentar o zoom para obter o mais detalhado possível
com sua seleção. Depois de ter sua
seleção e concluir, feche-a mesclando o
início com o fim. E então você pode passar
para a próxima seção que você deseja
selecionar, nossa desseleção. Então, aqui queremos trabalhar
nesta seção aqui, garantindo que ela
ainda esteja no modo Subtrair. E podemos simplesmente seguir
em frente e rastrear. Aqui. Aprendemos a mudar
de assunto para adição. Acabei de ter essa
seção da cabeça dele. Deixe-me avançar rapidamente. Assim que tivermos nossa
imagem totalmente selecionada. Portanto, com nosso
item inter não selecionado, podemos mover da ferramenta de seleção
à mão livre
para refinar a seleção. E você encontra sua seleção
refinada
simplesmente clicando no
penúltimo item, nossa ferramenta no seu botão. Levantamento. Depois de concluir sua
seleção refinada, se você se sentir confortável
com a forma como
selecionaria o assunto, poderá prosseguir e
visualizá-lo no modo transparente. E então você pode alterar
a saída da seleção para uma nova camada e, em seguida,
vá em frente e clique em Aplicar. Feito isso, você
notará que agora temos nosso assunto completamente selecionado e o
plano de fundo é transparente. Sinta-se à vontade para mudar a cor
da prancheta apenas para ver o quão bem você teria
selecionado seu assunto. E é basicamente
assim que você
seleciona ou recorta uma imagem usando o Affinity
Designer para preparar nossa máscara. Enquanto queremos fazer isso queremos mostrar que esse
jovem está correndo. Então, no meu gráfico, vou usar Texto Artístico e digitar o papel do personagem. Agora vou entrar no
meu estúdio e mudar minha fonte para
algo um pouco mais ousado e mudar a
cor para branco. Agora eu quero que pareça que ele está interagindo com o
design um pouco mais. Agora eu posso fazer isso por
r de duas maneiras. Posso adicionar uma máscara
à minha camada de texto. Eu posso, eu posso adicionar uma
máscara ao jovem. Nenhuma massa que você escolher
aplicar
dependerá de qual deles são os itens você deseja sobrepor
mais do que o outro. Nesse caso, quero que
a corrida esteja na vanguarda. No entanto, eu quero alguns aspectos da demanda ou o menino para estar na frente enquanto a maioria está
por trás do texto. Agora, com isso dito, vou aplicar uma
máscara na camada de texto. Você pode fazer isso
selecionando a camada. Vá para o Layer studio, clicando neste ícone de adição
e selecione Add Mask layer. Agora, quando sua
camada de máscara aparecer, que você pode fazer é
ir para sua persona de pixel. Escolha seu pincel, verifique se você selecionou o
preto
e, em seguida, remova as seções da execução ou a camada de texto
que deseja ocultar. Então, dá a impressão de que eles estão realmente atrás do
garoto enquanto ele está correndo. Uma maneira de melhorar ainda mais essa
aparência é simplesmente
alterando a opacidade enquanto você passa o pincel sobre a
máscara para saber
exatamente o que precisa
esconder no que você pode escolher para permanecer. Então, vamos em frente e escovar certas áreas para não
dar o efeito de que ele está interagindo em um
ODE com esse design. Certifique-se de que parece que esta é uma máscara branca e
você está procurando se esconder. Certifique-se de que sua cor seja preta. Garanta que seu fluxo. Gosto de usar um fluxo baixo
porque isso me
permite ser muito intencional com forma como pinto e as camadas mais altas
que eu queria esconder. Definitivamente, você pode mudar
seu flutuador ou 100 por cento. Se você quiser. Um fluxo de
100% significa que uma opacidade de 100% será
adicionada cada vez que você escovar. Usando pincel europeu. Versus um fluxo de 3%. Essencialmente diz que,
cada vez que eu arbusto, apenas 3% da
opacidade de 100% será aplicada. Para resultados mais rápidos. Sinta-se à vontade para ajustar o
fluxo como achar melhor. Se você cometer um erro, digamos que por algum motivo
você acidentalmente escove aqui, sempre
podemos desfazer. Ou você pode mudar seu pincel de preto para branco
e pintar sobre área
que você teria pintado de
branco ou preto
por engano. Não estamos buscando a
perfeição aqui. Estamos realmente usando isso como uma demonstração de como mascarar elementos
globais
usando afinidade. Lembre-se, você sempre pode
alterar o tamanho do seu pincel à medida que avança para garantir que você esteja obtendo não apenas os melhores
resultados possíveis, não perdendo tempo
com um pincel menor. Eu sugiro
começar com um pincel grande. E então, quando você estiver
entrando no território de refinamentos, altere o tamanho do seu pincel para um menor para que você não cometa nenhum erro
ao refinar sua seleção. Então aqui, como você vê, eu teria usado um pincel grande. E agora vou voltar com uma cor
de
pincel diferente e um tamanho menor para garantir que o gráfico
interaja corretamente. Usar a máscara não está muito
longe e dá uma aparência realista do garoto
correndo pelo texto. Então, agora que estou confortável
com minha seleção, deixe-me ir em frente e voltar
ao meu estúdio de camadas e remover ou ficar ansioso a opacidade para garantir que
esteja em 100 por cento. E aqui você tem um jeito gráfico. Parece que o jovem
está se movendo no texto.
6. Efeito de texto de nocaute: Agora vamos
fazer um projeto rápido usando o efeito de texto eliminatório. E você pode usar
isso para dar vida ao seu texto quando
estiver fazendo miniaturas, quando estiver fazendo folhetos e outros gráficos que você possa
estar interessado em fazer. Então, vamos em frente e
criar nosso quadro de arte. Não, vamos
definir isso para um quadrado. O próximo passo
será pegar uma imagem. Então, vamos pegar nossa
imagem de viagem para dar essa vibração. Então vamos continuar a partir daí. Então, nas minhas ações para fazer, vou digitar em viagens. E agora encontre uma boa foto
de viagem para usar. Depois de ter sua imagem, você pode ir em frente e redimensioná-la arrastando em um
dos quatro cantos. Depois de colocá-lo em uma
posição que você gosta, então você pode ir em frente
e adicionar seu texto. Vá ao seu estúdio de texto
para alterar o estilo da fonte, o tamanho da fonte, do que qualquer outra propriedade que
você queira alterar. Vamos usar uma fonte
chamada Montserrat. E eu gostaria de usar preto para que eu possa ficar
bem grosso. Em seguida, você deseja adicionar
uma forma, um retângulo, círculo
quadrado,
onde, neste caso,
usaremos nosso retângulo. Saiba que, no painel Camadas, você deseja garantir
que seu retângulo esteja abaixo do texto. Então, basta selecionar o retângulo e colocá-lo
abaixo da camada de texto. Podemos então ir
em frente e ajustá-lo arrastando para garantir que ambos
estejam centralizados. Depois de fazer isso, você pode fazer mais ajustes
no tamanho do texto. E há duas maneiras de
fazer esse efeito. O primeiro realmente envolve selecionar ambas as
camadas de texto em sua camada de retângulo, ir para as propriedades
aqui e selecionar, subtrair. E embora isso dê
a você o efeito No caso de você querer alterar o texto
e digitar outra coisa, você não poderá digitar porque
criou uma nova curva. O que eu gosto de fazer é
agrupar as duas camadas e, em seguida, definir minha camada de texto do normal em termos de modo de
mesclagem para apagar. O que isso faz é
permitir que eu mude o texto que está escrito aqui. No caso de eu precisar. Você também pode alterar a cor. E aí você tem seu efeito de texto
não codificado. E para fazer isso misturando
o design um pouco mais. Você pode tentar
algo como
colocá-lo em um dos
cantos, como aqui. Portanto, fique à vontade para
brincar com esse efeito e postar o que você inventar
no painel de discussão. Vejo vocês
na próxima aula.
7. Crie uma peça comercial de especificação 1: Nesta lição,
criaremos este gráfico aqui, passando por todas as etapas que você precisaria seguir em
detalhes para que você possa criar algo
assim para si mesmo. Vamos começar. Então, a primeira coisa que
você quer fazer é
criar sua prancheta. E eu vou fingir que isso vai ser
um Instagram real. Então, vamos fazer
disso um gráfico vertical. Portanto, a largura é 1080 e
a altura seria 1920. Selecione Criar prancheta e
vá em frente e clique em OK. Agora você pode obter as imagens de
que precisa no Google. Então, faça uma pesquisa rápida no Google. Vou em frente e adicionarei minhas imagens, não adicionarei sua imagem. Acesse as configurações do documento
aqui e selecione Inserir imagem, e você pode
importá-las de suas fotos depois de
baixá-las no iPad. Agora que adicionei minha imagem, a primeira coisa
que quero fazer
é começar a
criar minha cena e remover o fundo dessas fotos que tenho aqui. Agora, se você se lembra da
nossa lição anterior, para remover o fundo, tudo o que você realmente precisa fazer, e vamos mudar a cor da
camada aqui. Portanto, para remover o plano de fundo, tudo o que você precisa fazer é selecionar a imagem da qual
deseja remover
o plano de fundo. Vá para o seu estúdio de pixel. Use seu pincel de
seleção inteligente e selecione a área que
será o assunto. Quando terminar, vá em frente
e refine sua seleção. Se houver alguma área
que precise ser refeita,
você pode simplesmente passar o pincel
sobre elas para garantir que elas sejam selecionadas corretamente. Quando terminar, vá
em frente e mude
da saída para uma nova
camada e clique em Aplicar. Então, agora temos nosso
primeiro recorte de imagem. Vamos em frente e
corte ou barato aqui. E é realmente
o mesmo processo. Então, vamos em frente com
nosso pincel de seleção. Vamos selecionar nosso chip. Vamos em frente e refiná-lo,
alterá-lo para uma nova
camada e clicar em Aplicar. E, finalmente, essa mão aqui. Lembre-se de que você sempre pode visualizar seu trabalho antes
de concluir o coensinamento, selecionando
a visualização e alterando-a de
sobreposição para transparente. Acho que isso é bom
o suficiente para gráficos, então vamos em frente
e clique em Aplicar. Agora temos todas as nossas imagens. Vamos em frente e criar
a cena que queremos. Então, eu quero brincar com as
cores que estou vendo aqui. Então, eu quero que nosso fundo
seja quase todo vermelho. Deixe-me remover a cor
da prancheta e adicionar um plano de fundo
retangular. Vamos usar o chip I read
from ou Doritos aqui. Depois, também vamos
usar uma laranja. E em vez de usar
um gradiente para obter o fundo gradiente
que
queremos, vamos usar uma técnica
diferente simplesmente arrastando para fora e oval. E então vamos
mudar a cor disso para uma laranja e adicionar
um borrão a essa cor. Agora, isso nos dá um campo de tipo de
gradiente semelhante. Vamos em frente e colocar nossa imagem onde
queremos que ela seja elogiada. E então, para o chip, acho que queremos ter alguns,
alguns deles são.
Queremos que eles sejam colocados aleatoriamente em todo o gráfico. Então vá em frente e
coloque-os aleatoriamente. Basta
duplicá-los à medida que avança. Certifique-se de alterar
os tamanhos também. Só para ter um
pouco mais de realismo lá. Alguns chips podem ser muito pequenos, outros podem ser muito grandes. Isso também ajudará
com a perspectiva. Talvez alguns deles estejam um pouco mais próximos e é
por isso que são maiores. Então vá em frente e adicione o
quanto quiser. Não sobrecarregue o gráfico. Ninguém. Tente não
encontrá-los de forma linear. Quando terminar de
adicionar suas fichas, que vamos fazer é colocar todas
elas em um grupo. E fazemos isso
selecionando tudo e , em seguida, pressionando o ícone
Grupo lá. Agora, nosso próximo passo é desfocar todos esses chips para
dar aos gráficos um
pouco mais de profundidade. E para fazer isso, vamos
ao nosso estúdio de efeitos. Selecione Desfoque gaussiano e altere o raio para
algo como dez. E aqui você tem um design
quase acabado. Acho que queremos que alguns
sejam quatro fichas. Acho que queremos que nossas
fichas estejam por trás do bug. Então, para mostrar que, ei,
eles estão realmente em
segundo plano e para torná-lo um
pouco mais real, você pode ir em frente e adicionar uma sombra ao próprio pacote. E aí está. Portanto,
sinta-se à as técnicas que
teríamos
acabado vontade para brincar com
as técnicas que
teríamos
acabado de usar para criar
algo para você. Sinta-se à vontade para publicá-lo
no painel de discussão. Vejo vocês
na próxima aula.