Transcrições
1. Introdução ao curso: Criar uma forte presença
nas mídias sociais é um aspecto incrivelmente
importante dos negócios criativos hoje em dia. Se você é proprietário de um
negócio criativo ou tem algum tipo de presença
nas redes sociais on-line, então você sabe o quão
importante pode ser ter gráficos bonitos, fortes e claros para
se estabelecer nas redes sociais mídia. O que torna as coisas um pouco
mais difíceis é que cada plataforma tem
suas próprias regras quanto ao tamanho que seus
gráficos precisam ser. O padrão do Instagram é quadrado, mas eles também têm o
Instagram Stories, que é alto e o Facebook
adora imagens horizontais e os
gráficos do Pinterest terão
melhor desempenho se forem
mais altos do que largos. A maneira mais fácil que encontrei acompanhar tudo isso é
basicamente criar modelos para cada
plataforma e usar esses modelos para
me ajudar a planejar temas de postagem, temas de
cores e conteúdo. Na aula deste mês, vou mostrar o
processo que uso para criar modelos de postagens de mídia
social e Affinity Designer
diretamente no seu iPad. Olá a todos. Se esta for
sua primeira aula comigo, seja bem-vindo, e se você for um aluno que retorna,
seja bem-vindo de volta. Sou Jen e vou
guiá-lo por
este curso criativo. Sou um
designer gráfico, ilustrador
e educador freelancer baseado fora
do Centro-Oeste e uma corrida Bella
and Sophia Creative Studio. Se você quiser saber
mais sobre mim, você pode me visitar on-line em www.bellasofiastudio.com
e você
também pode conferir meu
canal no YouTube, “The Freelance Life”. Lá você terá uma
visão dos bastidores do trabalho que
faço como
freelancer e educador criativo, bem
como acesso a
uma enorme biblioteca de tutoriais gratuitos
adicionais relacionados a design de arte e ilustração. Sou um grande defensor do compartilhamento conhecimento e
formas acessíveis e descobri que cursos
on-line e lugares como YouTube são realmente ótimos
para isso e
me ajudaram a me conectar a um grupo
muito diversificado de pessoas que estão procurando
aprender e crescer. Então, o que é essa aula e o que
você vai aprender? Na aula de hoje,
vamos aprender sobre o design final de modelos de mídia
social no Affinity Designer em nosso iPad
que podemos usar repetidamente para planejar e organizar
nosso conteúdo de mídia social. Para este curso em particular, estaremos nos concentrando em projetar postagens do
Instagram
em formato quadrado, mas você pode atualizar o
tamanho para atender às suas necessidades. Para alguns de vocês, no
entanto, pode fazer sentido criar vários modelos de mídia
social diferentes para cada tipo de postagem
que você publicar. Antes de entrar nos aspectos técnicos
do trabalho no aplicativo Affinity
Designer para iPad,
analisaremos dicas de design que ajudarão a tornar sua postagem forte e manter
seu processo simplificado. Então vamos começar a
criar no Affinity Designer. Vamos configurar seus arquivos, criar diretrizes, a importância de
trabalhar em camadas e as diferentes ferramentas
disponíveis no
software para você usar. Então, quando se trata da classe, as ferramentas que você
precisará são um iPad com um lápis Apple e o aplicativo
Affinity Designer. Você pode baixá-lo em
Affinity.serif.com. Para o projeto da classe, vamos
criar uma série de postagens no
Instagram no
Affinity Designer. Você pode se ajustar às suas necessidades, mas para a facilidade de
uso na classe, vamos criar um conjunto
de três postagens do Instagram em formato
quadrado que podem ser usadas como modelos
para trabalhos futuros. A postagem será
dividida no seguinte formato,
a primeira postagem
incluirá uma postagem básica, a segunda será uma postagem de trabalho
em destaque e a terceira será
no gráfico de três slides isso é como uma postagem
informativa relacionada a você ou ao seu trabalho. Quando terminar
suas postagens, você pode exportá-las como arquivos
JPEG e
carregá-las no Instagram
e compartilhar a captura de tela
do seu perfil como
seu projeto de classe para a galeria de projetos do
curso. Mas se você preferir não compartilhar sua página de mídia social, está
tudo bem. Você também pode tirar
apenas uma tampa de
tela da tela do Affinity Designer enquanto trabalha ao finalizar
todas as suas postagens. Você também pode compartilhar isso na galeria do projeto do
curso. Estou muito animado para criar algo ótimo com você hoje. Vamos começar.
2. Dicas de design de layout: Antes de começar a criar seus modelos de
mídia social no Affinity Designer, você precisa primeiro projetar o layout geral
de suas imagens. Basicamente, eu gosto de mascarar meu post ao
criá-lo no aplicativo. Isso só ajuda para
que eu possa ver o que funciona melhor em conjunto
à medida que eles são postados. O que é bom é que
você pode se
mover pelas pranchetas com muita
facilidade clicando nelas e arrastando-as para onde
você gostaria que elas estivessem
no espaço de trabalho usando
seu lápis Apple. Seus gráficos precisam ser
projetados de forma que possa acomodar diferentes
informações, fotos e impostos, enquanto ainda têm
elementos de design realmente
interessantes que também são coesos e transportados
entre eles gráfico e, em todos,
mostre sua marca. A chave para isso é equilibrar
seus elementos criativos que muitas vezes mudam com os elementos que
são sempre iguais, como branding dentro do seu modelo de mídia
social. Aqui estão algumas coisas que
você deve considerar ao criar seu
modelo de mídia social no Affinity Designer. Mantenha-os simples, porque esses gráficos
precisam ser versáteis, gosto de mantê-los simples. Mas só porque
algo é simples, não significa que
não seja bem projetado, ou que não traga um
soco criativo. Atenha-se a apenas alguns elementos
de design e use-os consistentemente
em todas as postagens, sejam cores,
gráficos ou elementos de linha. Em seguida, utilize as cores da sua marca. Para manter cada pose
atualizada e atualizada, tente aderir às cores da
sua marca. A maioria das empresas ou marcas gosta de
usar uma a duas cores, ou às vezes duas ou três. Você pode utilizar essas cores dentro de seus gráficos
e, em seguida, você pode girá-las toda vez que criar um novo gráfico de mídia
social. Esta é uma ótima
maneira de manter tudo simples enquanto ainda permite que
espaço crie variedade. Em seguida, eu sempre sugiro incluir um pequeno elemento de
marca. Isso ajuda a garantir que
seu conteúdo recompartilhado ajude a criar
um reconhecimento de marca. Certifique-se de que o gráfico seja
específico para você e sua marca. Você pode incluir um logotipo pequeno, uma submarca, ícone, nome
comercial ou URL do site. Tudo isso ajuda a criar consistência em
seu trabalho de design e reconhecimento de marca para
seus canais de mídia social. Em seguida, sugiro girar
seus fundos. Isso ajuda a criar interesse
visual se seus
modelos de mídia social
usarem um plano de fundo de imagem ou de um fundo de cor sólida. Essa é outra maneira de manter o design geral
consistente, tornando cada gráfico interessante e diferente um do outro. A próxima coisa que eu sugeriria
é usar fontes consistentes. As fontes que você está usando para seus gráficos de mídia social devem ser as mesmas fontes que
você usa para sua marca. Eu sempre gosto de ficar com não mais do que duas ou três fontes. Eles devem permanecer
consistentes em cada gráfico e no
layout geral do seu design. Isso mantém o design eficaz, eficiente e realmente ajuda a aumentar o reconhecimento da marca. Isso também ajuda a manter seus
gráficos com aparência coesa. Também sugiro utilizar
guias e grades. Ter guias configurados
em seu espaço de trabalho realmente ajuda com o processo
de design em geral. alguns guias que utilizo
incluem coisas como
caixas delimitadoras que preciso
manter meu texto dentro, diretrizes onde sei que os
impostos precisarão ser, ou para imagens, espaços reservados e gráficos para
elementos como logotipos ou setas para lembrar as pessoas de
deslizar o dedo ao visualizar. Essencialmente, se
houver certas áreas nas você precisa de um elemento
para ficar, você vai querer configurar alguns
guias dentro do seu design. É isso para dicas que devem ter
em mente ao projetar. Vamos começar a
criar
no aplicativo Affinity
Designer em nosso iPad.
3. Configurando o arquivo: O que queremos fazer é
pular direto Affinity Designer clicando com o botão direito
do mouse no aplicativo do seu iPad. Ele iniciará a interface do
Affinity Designer e vamos
configurar um novo arquivo. Você pode ter coisas já
nesta visualização de galeria, ou se você nunca
usou o aplicativo antes, pode não haver nada lá, ou posso usar isso
muito para trabalhar, então eu tenho projetos anteriores. No canto superior direito, vamos apertar o
sinal de mais e
vamos configurar um novo documento. Vamos selecionar esta
primeira pequena opção aqui, diz novo documento. Então, o que queremos fazer é
configurar um arquivo com 2.000 pixels por 2.000
pixels a 300 DPI. O que queremos fazer é atualizar nossas medições a partir de pontos
e, em seguida, vamos
rolar para baixo até pixels
e, em seguida,
vamos tocar
onde diz dimensões aqui. Em seguida, vamos
selecionar a largura e
vamos atualizá-la para 2.000. Em seguida, vamos tocar
na altura e fazer a mesma coisa e
atualizá-la para 2.000. Então vou
mudar meu DPI para 300, só porque gosto de ter um tamanho de arquivo maior porque aplicativos como o Instagram tendem a
pressionar seus arquivos. Em seguida, o que queremos fazer é ir até essas
opções inferiores aqui, queremos selecionar, criar Prancheta porque
vamos utilizar as funções
da Prancheta
em nossa configuração de arquivo. Então você pode acertar Ok.
4. Como criar seu modelo: parte 1: Agora, é assim que seu arquivo se parece. Você terá sua primeira prancheta. Antes de fazermos qualquer coisa com isso, vamos configurar o resto
de nossas pranchetas. Em nosso projeto,
vamos fazer três slides. Um só
será um slide básico, o segundo
será outro slide básico, e o terceiro, porém
, será um daqueles slides que você pode
realmente deslizar. Vamos ter três
slides no total para isso. O que precisamos fazer é
então configurar seis pranchetas. Para fazer isso, com sua
prancheta selecionada, você verá que ela está
descrita em azul. É assim que você sabe que
ele foi selecionado. Vamos querer entrar em
nosso menu Documento. É aquela pequena página
com um canto de orelhas de cachorro. Você vai rolar para baixo até pranchetas e, em seguida,
verá esse pequeno
pop-up na parte inferior. O que você deseja selecionar para sua predefinição é apenas documento, o que basicamente significa que
ele
duplicará as dimensões atuais do
documento
e, em seguida, você
selecionará inserir prancheta. Você vai fazer
isso seis vezes. Depois de fazer isso, vou tocar
fora dele apenas selecionando minha ferramenta Mover. Então vou pegar meu
Apple Pencil e vou
selecionar mais de três
dessas pranchetas. Você verá que eles são selecionados porque estão
delineados em azul. Então eu vou arrastar essas pranchetas por baixo do meu
primeiro set apenas para que seja mais fácil para mim trabalhar
com isso e ver tudo na minha tela aqui. Agora que temos nossa
prancheta configurada, podemos começar a
trabalhar em nosso layout. Você pode pegar dois dedos
e separá-los para ampliar e depois
apertá-los para diminuir o zoom. Quero que trabalhemos apenas em
um arquivo por enquanto. Se você quiser se
livrar de qualquer um
dos lados externos como barras de ferramentas
e coisas assim, você pode acertar aquele
pequeno quadrado
no canto superior direito e ele puxará tudo para fora. Se você tocar nele novamente, ele puxará tudo para dentro. Esta é uma
classe intermediária , então eu não
vou passar por todos os aspectos de nossas barras de ferramentas aqui
e nossos estúdios, mas vou te dar
uma pequena dica aqui. No
lado inferior direito há um ponto de interrogação e ele lhe dará o
nome de todas as suas ferramentas, todos os seus menus e todos os seus estúdios. Tenho algumas outras aulas realmente
úteis que passam pelos estúdios e
pelos menus em grande detalhe. Vou me certificar de
vinculá-los na descrição. Primeiro, o que queremos fazer é
criar alguns conceitos. Tenho uma ideia do que
eu quero fazer já. Quero utilizar
uma combinação de imagens
e textos. Gosto da ideia
de utilizar slides, como essa
função de slide no Instagram apenas para criar algo que seja realmente visualmente interessante. A maior dica que
gostaria de compartilhar para
começar é manter
nosso layout simples. Vamos utilizar
apenas uma combinação de imagens, textos e formas para isso. Vamos começar
neste primeiro. O que eu quero fazer
é ter cor
no lado direito
com uma imagem na parte superior que vai aparecer e depois textos
no lado esquerdo. Na barra de ferramentas do
lado esquerdo aqui, o que você pode fazer é selecionar
sua ferramenta Retângulo
e, em seguida, você pode entrar no estúdio do
lado direito aqui e selecionar seu estúdio de
cores e atualizar suas cores. Vou atualizar minha cor
usando a roda de cores. Vou selecionar roxo macio e depois vou
selecionar esse pequeno traçado, o traçado da minha cor, e vou desligá-lo. Para fazer isso, você pode selecionar este pequeno círculo com uma linha azul através
dele e ele removerá seu traçado e, em seguida,
vou puxar minha cor base para
a frente novamente. Depois de selecionar minha cor, posso pegar meu lápis e meu Apple Pencil e criar uma forma sobre
o lado direito, e então eu posso
redimensioná-lo puxando esses braços e o
lados diferentes da forma. Depois de fazer isso,
o que eu quero fazer é
voltar à minha ferramenta Forma e
criar outra forma, e vou colocar essa
camada em cima do meu retângulo original aqui. Essa será a
forma que vou usar
para minha foto. Vou atualizar a
cor apenas para que eu saiba que vou
tocar algo lá dentro, então é como apenas
para posicionamento. Então eu quero adicionar
algum texto aqui. Vou adicionar um grande
número para chamar o nome
do vídeo que basicamente
promoverei usando este post. Vou para o
lado esquerdo e vou selecionar minha ferramenta Texto Artístico, que está na parte inferior,
e então
vou entrar no
meu espaço em branco aqui
e arrastá-lo para e então
vou entrar no fora. Então, na parte inferior, o que você notará
é que há um pequeno círculo
com uma caneta nele. Se você clicar nisso, ele irá puxar as funções
do teclado e
você poderá selecionar o teclado e ele puxará o teclado e você poderá
digitar o que quiser. Vou digitar 10. Então você também pode tocar duas vezes para selecionar esses 10 e você pode ir até o menu inferior aqui e você verá opções
adicionais pop-up, onde você pode selecionar fontes
diferentes para trabalhar e
atualizará essas fontes. Para este texto aqui no topo, quero que seja
ousado, então acho que
vou utilizar Oswald. Vou selecionar a versão
média disso. Então eu quero
me dar uma linha divisória entre este texto e o texto que vou
ter embaixo dele. Vou utilizar
minha ferramenta Caneta. O que você verá
na parte inferior aqui é que você também terá
suas opções. O que você vai querer fazer
é tocar da ferramenta Caneta para a ferramenta
Linha e, em seguida,
vou atualizar a largura para ser de cerca de
1,5 para começar. Vou mudar minha cor de nada para cinza escuro, escuro. Então eu quero ter certeza de que
o uso de preenchimento está desativado. Então eu quero ter certeza de que
não há preenchimento nas minhas
opções de cores também. Vou selecionar meu preenchimento. Vou selecionar
esse círculo branco
na linha azul através
dele e depois vou selecionar meu traço. Em seguida, vou ampliar para onde quero
criar minha linha para lhe dar
uma linha reta
e,
em criar minha linha para lhe dar
uma linha reta seguida, você pode usar
sua ferramenta Mover para modificar onde você a colocou que ela fique
bem embaixo. Eu quero
fazê-lo para que a linha aproximadamente
a largura
do número 10. Agora, o que vou
fazer é voltar
à minha ferramenta Type aqui. Em vez da ferramenta Texto
artístico, vou mantê-la
pressionada e selecionarei a ferramenta Quadro. Vou criar um
quadro que vai logo abaixo e vamos
colocar o tipo aqui. Vou atualizar isso
para dizer as 10 melhores dicas Affinity Designer para designers
gráficos. O que eu quero fazer também é atualizar essa fonte também para o que for que
eu vou querer, então vou voltar
às minhas opções de menu
aqui e vou diminuir o tamanho de
cerca de 12 a oito. Em seguida, vou selecionar
minhas opções de teclado. Toque no teclado e,
em seguida, você pode
movê-lo apenas tocando nele e movendo-o na tela. Então vou atualizá-lo. Eu não gosto de como a
parte de designers de designers
gráficos está
sozinha nesta última linha, então vou pegar meu Apple Pencil e
vou basicamente
redimensionar meu quadro para que
seja apenas três linhas. Então o que vou fazer é
selecionar tudo. Então o que eu quero fazer
em vez de deixá-lo alinhado é que vou
para minhas opções
na parte inferior aqui, minhas opções de parágrafo
e vou selecionar
o alinhamento central. Então eu posso entrar na minha
ferramenta Mover aqui e então eu posso simplesmente mover isso para que fique agradável
e centrado embaixo, que também poderia fazer é ir para
o lado inferior esquerdo e selecionar a pequena opção
que se parece com um ímã . Isso ajudará a enfeitar diferentes
elementos uns com os outros. Você verá como esta pequena linha
verde aparecer aqui, isso significa que está centrada. Você também pode utilizar grades. Nas configurações do documento, se você tocar nelas até
a parte inferior, verá algo
que diz grades, guias e poderá configurar uma grade ou configurar guias. Vou tocar em Guias e selecionarei Mostrar guias. Então o que você fará é adicionar guias
horizontais ou verticais, basta selecionar Adicionar
Horizontal e Adicionar Vertical. Então o que você pode fazer
é mover esses guias. Para manter as coisas
alinhadas umas com dependendo dos
requisitos do seu layout, seja lá o que você estiver configurando. Essa é apenas uma maneira muito simples manter as coisas organizadas. Depois de
adicionar esses guias, você pode bloquear seus guias para que eles não desapareçam
enquanto você está trabalhando. Agora você pode selecionar
sua ferramenta Mover. Selecione todo o seu tipo aqui no texto aqui e
mova-o para que
ele fique no centro
de seus guias. Você também pode redimensionar as coisas. Então, se você não quiser mais
esses guias, basta voltar ao menu do documento e
selecionar guias e, em seguida, desativar guias. Ao clicar em Mostrar guias, clique nele para que fique
acinzentado e não fique mais azul. Agora que
colocamos tudo, se você quiser que ele
mova as coisas, você pode simplesmente utilizar
sua ferramenta Mover. Selecione todos os elementos
que você deseja usar
o Apple Pencil e, em seguida,
você pode mover as coisas. Digamos que você queria trancar as coisas no lugar para que elas não se movam. Você pode simplesmente selecioná-los. Em seguida, você pode entrar no
seu estúdio de camadas aqui
e, em seguida, selecionar o menu de
três pontos
e, em seguida, você pode selecionar Bloquear, e ele bloqueará esses
elementos no lugar. Vamos colocar nossa imagem. Então, vamos ao
nosso menu Documento, selecionaremos Inserir imagem
e, em seguida, vamos
importá-la de fotos
e, em seguida, você vai para suas fotos recentes, eu vou selecionar isso
imagem aqui com a mesa. Então, para colocá-lo, você só precisa arrastar seu lápis Apple
pela sua placa aqui. Então, obviamente, isso
ocupa metade do espaço, então o que queremos fazer é
entrar em nosso estúdio de camadas aqui, você pode sair de
suas opções de camada pressionando o botão Voltar. Queremos utilizar
esse retângulo, então, essencialmente,
vamos cortar essa imagem nesse retângulo. Para fazer isso, vamos encontrar essa imagem em nossas camadas, e então o que
vamos fazer é arrastá-la
e, basicamente,
colocá-la bem em cima dessa camada retangular, e ela vai basicamente
corte-o nessa forma. Agora, o que queremos fazer é adicionar
o resto de nossos elementos. Vou selecionar o 10, e depois vou ao
meu estúdio de cores, e vou
selecionar entre minhas cores recentes, e vou me certificar que meu preenchimento real esteja selecionado, e depois tocarei
nessa cor recente. Em seguida, podemos voltar
para nossa ferramenta de texto, mantê-la pressionada e
selecionaremos nossa ferramenta de texto de quadro novamente. Vamos
criar outro quadro que ficará por baixo,
e basicamente, isso será mais detalhado
sobre o que é esse vídeo. Agora, o que eu quero fazer é
selecionar todo esse texto
e, em vez de
deixá-lo alinhado, vou
alinhá-lo à direita para que ele se alinhe com a imagem aqui. Vou para minhas opções de menu
inferior aqui para o meu parágrafo, e vou
selecionar Alinhar à direita, e você verá que ele o
empurra para a direita. Então, o que queremos fazer
é selecionar nossa ferramenta de movimentação
e, em seguida,
movê-la um pouco longe da imagem para que
tenhamos algum espaço aqui. Eu quero que as pessoas sejam
atraídas para essa área, então vou adicionar um pequeno
elemento como uma flecha aqui, então vou para
minha ferramenta de pincel vetorial, e vou
desenhar uma pequena seta aqui, usando minha pincel vetorial. Então eu vou selecionar todos
esses elementos
usando minha ferramenta de movimentação, vou
destacar todos esses elementos, e então o que eu quero fazer
é agrupá-los, então vou entrar em
minhas camadas estúdio aqui. Então, no topo, há
algo que
se parece com uma pequena peça de quebra-cabeça. Se você selecionar isso, ele agrupará todos esses
três elementos juntos, e então eu posso girar e
orientar isso como eu quero. Então, o que vamos querer fazer
é adicionar um call to action. Eu gosto de fazer isso
na parte inferior aqui, apenas algo que
lembra as pessoas onde elas podem ir para verificar isso. Vou adicionar, assistir meu vídeo mais recente
e, em seguida, vincular a biografia apenas para que eles
saibam onde procurar. Vou utilizar a seta
e
o Oswald novamente, então vou selecionar
esse número 10 e vou duplicá-lo. Vou
entrar no meu menu Editar, o pequeno menu de três
pontos para cima, vou selecionar Duplicar, e então vou
arrastar isso
para baixo, e então vou destacá-lo, e vou redimensionar isso. Vou mudar a
cor dessa cor roxa para
aquela
cor de carvão escuro que
estamos utilizando para
o resto disso, e depois vou
atualizar o texto. Então eu vou
selecionar minha ferramenta de movimentação, e vou mover
isso um pouco para baixo, e para a direita. Acho que vou
fazer isso um
pouco menor também, e então vou
pegar
aquela linha que criei aqui, vou selecioná-la, e depois vou
para a minha Editar menu novamente, vou selecionar Duplicar, e vou
selecionar essa linha e arrastá-la para baixo. Então vou pegar
meu tipo daqui,
de porção detalhada,
vou selecioná-lo,
e vou para o
meu menu Editar novamente,
esse menu de três pontos, selecione Duplicar, arraste-o para baixo, e depois vou
atualizá-lo para que ele diga link na biografia. Vou mudá-lo para
que não fique alinhado à direita, mas para que fique alinhado à esquerda. Então vou
redimensionar minha caixa delimitadora, vou mover esse
texto para a parte inferior. Esse é o nosso primeiro layout. Uma última coisa que
eu sugiro você adicione é alguma
forma de marca,
então, se você tiver um logotipo
ou algo assim,
essa é uma ótima ferramenta para utilizar. Vou adicionar meu logotipo, e vou
adicioná-lo aqui no canto inferior direito da imagem, então vou ao menu Documento,
vou selecionar Inserir imagem, Vou
importá-lo de fotos, e então eu deveria
tê-lo em minhas fotos recentes,
e, novamente,
só para colocá-lo, você só precisa arrastá-lo. Meu logotipo atualmente
é de cor preta, então o que podemos fazer para ajudar esse pop-out é
atualizá-lo para branco. Podemos adicionar uma camada FX, então com esse elemento
ainda selecionado, vou
entrar no meu FX Studio. Parece um pouco de F e X. Então o que eu quero fazer
é selecionar a sobreposição de cores, então vou alternar isso
para que fique azul, e então eu vou tocar nela, e na parte inferior você vai veja que você tem algumas
opções que aparecem. O que queremos fazer é transformar nosso modo de mesclagem para normal, e então queremos atualizar a cor tocando
nessa cor, e então eu vou
secá-la em branco, e então você a vê
recolore isso automaticamente para mim. Então eu posso selecionar
minha ferramenta de movimento aqui, e então eu posso mover isso
para o fundo, e ela não precisa ser enorme, vou torná-la
relativamente pequena, mas em algum lugar para que
você tenha sua marca lá, e qualquer uma de suas postagens que são recompartilhadas podem ser
vinculadas a você. Essa cor FX é uma maneira muito
simples de fazer isso. Tenha em mente, porém,
que o arquivo precisa ser um PNG, por exemplo, este é um PNG com um fundo
transparente, então ele só cores
onde há pixels. Há apenas o preto
e, em seguida, um
fundo transparente, ele vai colorir sobre o preto, mas se isso estivesse aqui em cima, digamos, um JPEG com um fundo branco, ele coloriria sobre todo
o porque a
imagem completa tem pixels. Apenas tenha isso em mente
enquanto você está utilizando algo como o FX
colorido enquanto trabalha com
coisas como essa. Esse é o nosso primeiro
layout, está feito. Bem, agora vamos passar
para o nosso segundo layout.
5. Como criar seu modelo: parte 2: Gosto de
fazer acomodação de planos de fundo
coloridos e imagens e, às vezes, apenas imagem
completa para
o plano de fundo. Isso é o que vamos
fazer com esse layout aqui, vamos
colocar uma imagem em nossa prancheta aqui. Vamos ao nosso menu Documento,
selecione Inserir imagem, Importar de fotos
e, em seguida, vamos selecionar uma imagem. Acho que vou usar
isso para colocar a imagem. Tudo o que você precisa fazer é
arrastar sua imagem e
colocá-la em sua prancheta. Acho que vou
redimensioná-lo para que ele se encaixe
perfeitamente no layout, e isso me dá espaço
aqui para adicionar texto. Vou reutilizar alguns
desses elementos. É muito bom que você possa reutilizar os elementos que
você já criou. Nesse caso, vou reutilizar o título, o número
e a linha aqui, então vou selecionar minha ferramenta Mover,
uma pequena seta branca. Vou destacar esses dois elementos
arrastando meu lápis sobre ele. Em seguida, vou para o meu menu Editar e
selecionarei “Copiar”. Então vou tocar na
minha nova prancheta aqui, e depois vou
entrar no menu de edição novamente e selecionar “Colar”. Então eu posso mover
isso para onde eu gostaria neste layout. Vou atualizar
isso de 10 para 5, e depois vou
atualizar o título para dizer O Poder dos
Elementos do Design. A ideia é utilizar a hierarquia
visual para puxar seus olhos em direção a determinadas
áreas dentro do seu layout. Nesse caso, o número 5
será basicamente, pode
ser como o 5º
post da série ou
cinco dicas ou cinco ideias relacionadas ao
poder do design,
mas algo
que é ousado o suficiente para desenhar seu olho para aquele canto superior
e então você
lerá o título que está
por baixo dele. Também gosto da ideia de
adicionar alguma borda criativa, então vou utilizar
minha ferramenta de retângulo novamente. Desta vez, em vez
de ter um preenchimento, vou ter um traçado e vou
desligar meu preenchimento, e então vou
criar um retângulo que
contorne a borda dessa imagem. Então eu vou aumentar a largura
do traçado, então é um pouco maior, que possamos ver, e depois vou
tocar fora dela,
selecionar minha ferramenta de movimentação e obtemos essa bela borda que
desenha seu olho dentro. Em seguida, vou selecionar
esta chamada à ação aqui. Então vou
entrar no meu menu Editar, vou selecionar “Copiar”. Então eu vou
explorar esta prancheta aqui. Em seguida, vou
ao meu menu Editar e selecionar “Colar”. Então vou mover
isso para o lado direito. O que eu quero fazer
é garantir que todos esses elementos estejam
alinhados à direita, então a maneira mais fácil de fazer
isso é selecionar tudo. Então vou entrar na
minha função de alinhamento, então se formos no estúdio
à direita, se selecionarmos nosso estúdio
transformado, na parte inferior, você verá algo chamado Opções de
alinhamento. Ao tocar nisso, você poderá selecionar
suas diferentes opções de alinhamento para que você
possa alinhar horizontalmente, verticalmente, verticalmente, distribuir
verticalmente, distribuir horizontalmente. Vou apenas alinhar
horizontalmente à direita e tudo se moverá para
o lado direito aqui. Em vez de dizer,
assista ao vídeo mais recente, vou atualizá-lo
para dizer que leia o mais recente porque talvez eu tenha um blog e queira enviar
pessoas para o site. Tudo o que
você precisar, você pode apenas
fazê-lo funcionar para você. Então vou
redimensionar minha linha aqui. Então o que eu acho que vou fazer é adicionar um pouco de seta Call
to Action, então vou entrar na
minha ferramenta retângulo aqui, se eu segurá-la, você verá todas essas outras opções aparecendo e eu estou
indo selecionar um triângulo. Em seguida, certificando-se de que a
ferramenta retângulo ou certificando-se de que a ferramenta
triângulo está selecionada, posso simplesmente criar um triângulo
usando meu Apple Pencil. Então você verá que você
tem esses pequenos braços que você pode utilizar para girar, então eu vou pegar
isso e girá-lo para a direita para 90 graus. Então eu vou
redimensioná-lo apenas um pouco. Em seguida, vou selecionar
minha ferramenta de seta para mover. Vou movê-lo para cá. Esses triângulos
têm a mesma cor de
carvão escuro que
estou procurando, então o que podemos fazer é
entrar no Color Studio aqui, e podemos selecionar um
elemento que seja essa cor, e então podemos selecionar o painel de amostras
na parte inferior aqui. Se você quiser adicionar uma
cor específica para não perdê-la,
você pode selecionar este
pequeno menu de hambúrguer e selecionar adicionar
preenchimento atual à paleta, e ele o adicionará à
sua paleta para que você sempre tenha a
opção de selecioná-lo
e, em seguida, tudo será atualizado para o que
você precisa. Mais uma vez, tendo em mente temas de
suas cores,
suas histórias de cores, as cores da
sua marca,
você quer garantir que tudo seja consistente
e coeso. Uma vez que tudo é atualizado, você pode começar a ver
como tudo flui e funciona em conjunto porque as histórias de cores são
as mesmas, as imagens visuais são as mesmas, as fontes e fontes que você usando o trabalho bem juntos
e são os mesmos, e então você obtém essas boas
peças que funcionam juntas. Agora, vamos trabalhar em
nosso layout final. Será isso como uma
página de rosto e, em seguida, esses três serão os
slides informativos que serão deslizados. Isso será sobre três dicas de design
criativo
que compartilharíamos, então a ideia de
mantê-lo simples, utilizando cores coesas e tendo em mente
a hierarquia visual, e ter um pouco de
informação sobre ele. Vamos começar com nosso layout. Novamente, estamos utilizando
o mesmo elemento aqui, isso torna a vida muito mais fácil
porque eu posso simplesmente copiar e colar um para torná-lo na primeira vez que você pode reutilizá-lo
repetidamente. Vou atualizar meu fundo de
prancheta para um cinza muito claro. Parece quase que está desaparecendo no meu plano de fundo, mas tudo bem porque
vamos adicionar uma imagem em cima dela. Nesse caso, vou
adicionar uma imagem que preenche cerca
de três quartos do lado esquerdo, então vou selecionar
minha ferramenta retângulo e vou
criar um retângulo nesse
lado onde
Quero essa imagem. Em seguida, vou
entrar no menu Documento,
selecionar Arquivo, Colocar imagem
e, em seguida, Importar de fotos
e, em seguida, encontrar minha última
imagem que eu quero utilizar e
arraste-a para colocá-la. Vou fazer com que
seja
um pouco maior do
que esse retângulo, e então vamos
cortá-lo no retângulo preto
que criamos. Então, vou
selecionar essa foto nas minhas camadas e, em seguida,
vou arrastá-la para que ela
fique bem em cima da minha camada retangular
e ela a recorte. Depois de fazer isso, selecionarei meu
título e o número novamente, vou
entrar no meu menu Editar, selecionar “Copiar” e
tocar na minha prancheta. Em seguida, vou
voltar ao meu menu Editar e selecionar “Colar”. Então vou
atualizar isso de cinco para três porque serão três dicas que
estamos compartilhando aqui, e depois vou atualizar
o título para dizer Três Dicas de Design
Criativo. Eu também vou voltar e copiar esse logotipo
do meu primeiro, vou entrar no menu
Editar, clicar em “Copiar”
e, em seguida, entrar na minha prancheta
que acabamos de terminar, selecioná-lo e depois entrar meu menu Editar e selecione “Colar”. Então vou
puxá-lo para que fique
no canto superior esquerdo. Queremos ter certeza de que, novamente, você tem alguma marca que
puxará seus visuais de volta
para você e sua alça. Vou selecionar a
leitura do último link na biografia no segundo
layout que criamos, e vou
para o meu menu de três pontos, meu menu Editar, e
vou selecionar “Copiar”. Então vou voltar
para esta nova prancheta aqui e depois ir ao meu
menu de três pontos e selecionar “Colar”. Vou atualizar isso para
dizer deslize para a esquerda para
que eles saibam que deslizar para
a esquerda para ler o resto do carrossel, então vou selecionar
meu teclado aqui e depois atualizarei
minhas informações aqui. Então vou
mudar o link na biografia para dizer para ler mais. Se você achar que seu texto vai
para baixo quando quiser que ele passe por todo o caminho, basta ir até a Ferramenta
Move e, em seguida retire seu quadro e
ele poderá se encaixar mais. Então vou
pegar essa seta e movê-la para o lado esquerdo, e vou
mudar a direção dela e vou
aumentar o tamanho. Este é o plano de ação
para fazer com que as pessoas deslizem para ler. Depois que eu fizer isso, vou voltar
ao meu logotipo aqui. Vou selecioná-lo, vou clicar em “Copiar”. Volte para minha prancheta aqui, vá para o meu
menu de três pontos, selecione “Colar”. Então,
como este é um fundo tão claro, vou mudar
a cor da sobreposição de branco para esse cinza de
carvão vegetal. Vou selecionar
meu FX Studio. Selecione “Sobreposição de cores”. Você quer ter certeza de que
seu logotipo real está selecionado. Você saberá que ele foi selecionado
porque está delineado em azul. Em seguida, você vai tocar em
onde ele diz Sobreposição de cores. Você receberá seu pequeno pop-up
na parte inferior e, em seguida, você vai querer atualizá-lo
para esse cinza carvão vegetal. Se você tocar em sua cor aqui, você pode selecionar sua ferramenta ocular e, em
seguida, você pode
ir para qualquer lugar da tela e
selecionar essa cor. Então, basicamente, mantenha
pressionado e, em seguida, você pode selecionar a área da
qual você deseja deixar cair e ela atualizará
sua cor aqui. Agora que fiz isso, vou puxar esse logotipo para o lado inferior esquerdo aqui. Vou entrar em minhas
camadas, encontrar essa imagem
e, em seguida, deslizar para a direita sobre imagem do logotipo aqui para que ambas
sejam selecionadas. Então vou entrar no
meu estúdio Transform, selecionar minhas opções de alinhamento
e, em seguida, quero alinhá-las
horizontalmente à esquerda. Dessa forma, tudo está
alinhado e espaçado uniformemente. Essa é a nossa página de título
do carrossel rotativo. Agora, o que queremos fazer
é adicionar nossas três dicas. Vou pegar o
número 3 aqui e vou copiá-lo e depois vou
colá-lo no resto
dessas pranchetas. Vou colá-lo
aqui e depois movê-lo para
a esquerda e depois fazer a mesma coisa para
o resto deles. Vou colá-los. Como eu tenho magnetics, você já pode ver que vão ficar na
fila e você verá essas pequenas linhas vermelhas pop-up porque elas estão mantendo-as em linha em termos de alinhamento. Vou seguir em frente
e vou colar um último aqui, tendo em mente o posicionamento, certificando-se de que está alinhado
com o resto deles. Então vou
atualizar o plano de fundo de cada uma dessas pranchetas. Este primeiro, eu vou
ter que ser esse roxo que estávamos usando,
este segundo, vou incluir
uma nova cor, como um cerceta, e então esta última
eu vou ter que ser mesmo cinza da nossa página de título. Então vou atualizar
a cor dos números. Vou entrar em minhas
camadas se tiver algum problema para descobrir
onde elas estão, vou selecionar
minha ferramenta de tipo, vou clicar duas vezes
e depois atualizarei minha
cor para branco. mesmo com a próxima prancheta, clique duas vezes no número, certificando-se de que minha
ferramenta de tipo esteja selecionada. Em seguida, vou clicar duas vezes dentro
do número e, em seguida, clicar no meu estúdio de cores e, em seguida,
puxar tudo para branco. Clique duas vezes no número
e, em seguida, vou atualizá-lo. Em vez dessa cor clara, vou fazer esse cinza de carvão
escuro só para que seja fácil de ler. Então vou
atualizar isso para ser 1, 2 e 3 porque essas são as três dicas que
vou compartilhar. Vou até a minha ferramenta de tipo, clique duas vezes dentro
do número, seleciono meu teclado,
vou para meus números
e, em seguida, atualizá-los para 1, 2 e 3. Agora, vou manter
isso muito simples. Vou apenas fazer textos de
uma ou duas linhas. Manter simples será
o primeiro, as cores
coesas serão uma segunda
e a hierarquia visual será minha terceira. O que vou fazer é
pegar meus títulos aqui, vou selecionar um, vou copiá-lo, e depois vou voltar
para a minha próxima prancheta, e depois vou colá-lo e, em seguida, vou
aumentar o tamanho disso
selecionando tudo
dentro da minha caixa de tipo aqui. Então eu vou
para as minhas Opções. Só vou aumentar
o tamanho disso. Acho que 33 serão bons. Então eu vou
redimensionar meu quadro aqui. O primeiro será
mantê-lo simples. Vou selecionar o
texto e, em seguida, selecionarei meu teclado aqui. Então vou
atualizá-lo para dizer em todas as maiúsculas. Se você quiser obter todas as maiúsculas, basta clicar duas vezes na
tecla Shift no teclado aqui e ela lhe dará uma pequena
linha abaixo da seta. É assim que
você sabe que está em todas as maiúsculas. Então vou
digitar mantê-lo simples. Então o que eu quero fazer é que ele saia
do fundo. Vou usar minha ferramenta de forma
retangular para ajudá-la a sair
do fundo. Vou mudar a cor do meu preenchimento para ser apenas
um branco básico. Então eu vou criar um
retângulo, ele é destacado
e, em seguida, vou
arrastar esse retângulo no meu estúdio de camadas aqui, e vou
arrastá-lo para baixo do texto que diz
mantê-lo simples. Então vou redimensioná-lo. Em seguida, vou
selecionar mantê-lo simples clicando duas vezes
e realçando. Vou mudar a cor
do carvão escuro
para o roxo, então ele dá esse efeito estampado
agradável. Vou fazer isso por isso. Então o que eu quero fazer é adicionar informações sobre
o que isso significa. Vou selecionar
o deslize para a esquerda para ler mais como base
desse bit de informação. Vou selecionar
tudo usando meu Apple Pencil e , em seguida, vou para o
meu menu Editar selecione “Copiar”
e, em seguida, vou
entrar na minha prancheta aqui, entrar no meu menu Editar,
selecione” Colar”, e então vou aumentar
o tamanho de tudo isso. Então, vou excluir a linha e
o texto em negrito. Só vou usar
o texto que está na fonte Arvo que tenho aqui. Vou adicionar meu parágrafo
de informações aqui. Depois de criar esses, posso reutilizar isso. Posso selecionar esses elementos e , em seguida, posso copiá-los
e colá-los para o resto dos
spreads adicionais dentro deste carrossel. Em seguida, você pode atualizar o texto no
canto inferior direito conforme necessário.
6. Exportando seus arquivos: Esse é o layout. Agora, o que vamos querer
fazer é exportá-los. Na verdade, é muito
simples e adoro quão rápido posso fazer
a exportação do Affinity Designer. O que vamos fazer é
que vamos exportar persona. Neste lado superior esquerdo, você verá que
existem três pequenos painéis. Atualmente, estamos
na persona Designer. A próxima é
a persona Pixel, e depois há
a persona Exportar. Isso nos permitirá exportar
vários elementos de uma só vez. Você vê que eles estão
prontos na minha prancheta. O que vou
fazer é mostrar como criá-los como fatias. No lado esquerdo, quando estivermos em nossa persona
Exportar, selecionaremos
nossa ferramenta de seta, que é nossa ferramenta de seleção. Vamos pegar
nosso Apple Pencil e selecionar todos os nossos quadros. Depois de selecionar,
vamos
para o nosso lado direito
e
vamos ao nosso estúdio Layers aqui. Vamos selecionar o estúdio
Layer na parte superior, veremos algo
que diz Create Slice. Basicamente, ele criará uma fatia de cada uma
dessas pranchetas. Se voltarmos ao
nosso menu Slice, que é aquela pequena opção de corte de
caixa na parte superior do
lado direito, você verá que todas as pranchetas
foram criadas como uma fatia. O que vamos querer fazer
é selecionar todos esses. Você clicará
no primeiro e , em seguida, clicará no
segundo arrastando para a direita. Então seu terceiro, seu quarto, seu quinto e seu sexto. Você saberá que eles estão todos selecionados porque estão
destacados em cinza. Em seguida, você pode selecionar Exportar tudo. Em seguida, você vai querer selecionar uma pasta específica em
seu sistema de trabalho aqui. Vou
selecionar minha pasta de
projeto de classe e clicar em “Concluído”. Ele exportará todos
esses arquivos ao mesmo tempo. Você não precisa
fazer isso um por um. Você poderia, se quisesse, poderíamos voltar para a persona
Affinity Designer. O que você pode fazer é
selecionar sua prancheta e, em seguida, ir para o
menu do documento e selecionar Exportar. Em seguida, você pode selecionar PNG, JPEG, qualquer
formato de arquivo desejado e exportá-los um por um. Mas eu só acho que as fatias, exportá-las como fatias
é muito mais rápido. Então, o que você vai querer fazer
é sair deste documento. Verifique novamente se seus
arquivos foram exportados corretamente. Todos os nossos arquivos foram exportados
para o menu de documentos. Então você pode simplesmente
selecioná-los e compartilhá-los.
7. Curso de substituição: Obrigado por aparecer, aprender e criar
algo ótimo comigo hoje. Eu realmente espero que
você tenha achado este curso útil e que esteja
mais confortável usando o Affinity Designer
no seu iPad para criar seu próprio modelo de postagem de
mídia social. Antes de deixar você ir,
por favor, não se esqueça de enviar seus resultados finais do projeto para a galeria do projeto da classe. Estou ansioso para ver as postagens de
mídia social de
todos e
posso oferecer feedback
ou responder a perguntas. Se esta é a primeira
aula que você viu da minha e quer aprender
mais sobre mim e meu trabalho, você pode me visitar on-line em www.bellasophiacreativecreative.com. Você também pode conferir mais
dos meus cursos relacionados
às indústrias de design e
criação diretamente no perfil do meu professor. Vou
deixar links para algumas classes relacionadas a esta na
descrição da classe abaixo. Muito obrigado por assistir e criar comigo hoje. Vejo você
no próximo. Tchau.