Transcrições
1. Introdução e projeto do curso: Olá, bem-vindo
a esta aula. Um dos maiores desafios
que enfrentamos como designers de impressão é otimizar nosso tempo quando queremos mostrar nossos
designs publicamente, seja em nosso site
ou redes sociais Para fazer isso, podemos criar modelos de
trabalho que
melhorarão nosso fluxo de trabalho. Nesta aula, vou te
ensinar como criar um modelo específico para
redes sociais com o photoshop Este modelo
permitirá que você crie postagens de
áudio para redes sociais uma
forma muito rápida e pacífica, sempre mantendo uma
aparência coesa nas publicações em áudio Meu nome é Beatriz Pascual e sou
designer de padrões de superfície da Espanha Considero que a organização é
uma parte fundamental do nosso fluxo de trabalho. Eu ensino maneiras de
melhorar isso. Durante esta aula,
prestaremos atenção à criação
da base
com parâmetros apropriados e incluiremos
pranchetas diferentes para cada tipo de publicação que usamos com mais frequência em nossas redes sociais Mostrarei como
incluir suas impressões, bem
como imagens
para destacá-las, adicionando detalhes que
aprimorarão sua apresentação. Quer você projete com
vetores ou com pixels, photoshop é perfeito
para essa finalidade, e mostrarei como
omitir um erro comum que acontece com vetores ao
copiar padrões vetoriais em pixels. Por fim,
mostrarei como exportar sua postagem de uma forma muito
atual e eficiente. Como projeto, você
terá que criar seu próprio modelo de
mídia social e gerar sua postagem para
uma de suas impressões. Então, você está pronto para acelerar seu design para postagens em mídias
sociais? Vamos começar com uma aula.
2. Como criar o modelo mestre: Olá novamente. Nesta lição, começaremos a criar nosso modelo mestre
no Photoshop Para isso, vamos
criar um novo documento quadrado de 3.200 por 3.200 pixels com
uma resolução de 300 Bem, aqui temos nosso documento. Agora vou abrir
o painel de camadas, que não está ativo
no momento. No menu superior, vou até o menu da janela e
seleciono camadas. Então, o novo painel aparece. Isso é perfeito. Em seguida, o que vou fazer é criar
minha primeira prancheta Para fazer isso, vou até o topo
da janela de camadas e clico nas três linhas horizontais. E selecione a nova opção de
prancheta no
menu suspenso Vamos chamá-la, por
exemplo, de fonte base. Eu clico e, em seguida, criamos três pastas pressionando
esse ícone na parte inferior. Vou nomear a primeira como obra de arte, pois ela
conterá meus padrões Vou nomear o
segundo como imagens e o terceiro será logotipo. Ótimo. Agora vou dar cor a
cada uma dessas
pastas. Eu clico com o botão direito do mouse no primeiro, desço no
menu suspenso e seleciono a cor. Eu vou pegar essa
fuctia, por exemplo. Então eu faço o mesmo para
as outras duas pastas. Tudo bem. Agora vou
selecionar as três pastas, clicar em uma delas, pressionar o
comando nas outras e arrastá-las para a fonte base do
hardware. Em seguida, vou
reorganizar as pastas como eu quero ter na
parte inferior, a pasta de ilustrações Em cima desta,
colocarei a pasta de imagens. Finalmente, em cima
deles, a pasta do logotipo. Ótimo. Agora precisamos começar a incluir algumas camadas
nas pastas. Vou colocar a camada zero dentro da pasta de arte
e clicar com o botão direito nela No menu, selecionarei
converter em um objeto inteligente. Em seguida, clico
na pasta de imagens e vou
criar outra camada, pressionando o ícone com um sinal de
mais na parte inferior. Eu clico com
o botão direito na camada e
vou convertê-la em
outro objeto inteligente. Tudo bem. Agora, para ter
tudo bem organizado, posso renomear essas duas camadas
como arte, um objeto inteligente,
e imagens, um objeto inteligente Para a pasta do logotipo, preciso ter meu logotipo em casa. Gosto de trabalhar com as
bibliotecas, pois elas são muito úteis para ter todos os ícones
ou símbolos prontos para uso Você pode abrir a biblioteca, ir até a barra de menu superior, janela e selecionar bibliotecas. Se o seu logotipo não for
colocado nas bibliotecas, você deverá escolher Local
do arquivo incorporado
ou o link do local do arquivo. Selecione o arquivo
que você deseja inserir
e, em seguida, selecione Inserir. Bem, da minha biblioteca, vou pegar
meu logotipo e
arrastá-lo para a prancheta
e a pasta do logotipo Como você pode ver, esse
elemento
terá a mesma
cor amarela da pasta. Portanto, com esse sistema, será muito fácil
identificar todas as camadas contidas em
cada pasta. Tudo bem. Agora vou transformar
o tamanho do meu logotipo. Eu selecionei e pressionei command e t. Posso transformá-lo diretamente na parte superior
da área de trabalho onde vejo as medidas
do elemento selecionado Vou me certificar de
que a corrente esteja inclinada, para que as proporções sejam mantidas Vou selecionar a nova porcentagem de
tamanho do meu logotipo e vou
reduzi-la de 100 a 30% Acho que isso poderia ser perfeito, então clico em enter. Agora vou movê-lo para o canto direito do botão
da prancheta Meu objetivo é colocá-lo
exatamente no limite. Para isso, é importante
ter o ajuste ativo. Para ter certeza de que está ativo, vou até a barra de menu e me certifico de que
o ajuste esteja ativo. Então, dentro da opção de
ajuste, todas as opções também
precisam estar ativas. Então, o que preciso
fazer é colocar meu logotipo com uma pequena distância, deixando o mesmo comprimento
da borda direita
da borda inferior. É aqui que eu preciso
do painel de propriedades que pode ser aberto nas propriedades da janela da
barra de menu. Nesse painel, posso ver as dimensões
do objeto ou da camada
selecionada, bem
como a posição que ele
ocupa na prancheta Para deixar a mesma
distância da borda direita e esquerda, basta subtrair
o mesmo número de pixels
da posição atual
de cada eixo x e y. Vou subtrair 50
pixels e clicar em enter. Ótimo. Agora, temos
a mesma distância no lado direito e
no lado inferior. Eu converterei esse logotipo
em um objeto inteligente e também renomearei a
camada como logotipo de um objeto inteligente Ter tudo
perfeitamente organizado. No entanto, como meu
logotipo é transparente, ele pode não ficar muito visível quando eu coloco uma impressão na parte de trás. Vou mostrar como
colocar um retângulo branco atrás dele Para mostrar esse efeito, vou preencher
o objeto inteligente
do padrão com um pouco de cor. Para fazer isso, clico duas vezes
no pequeno ícone do objeto inteligente da
obra de arte Uma nova janela se abrirá, mostrando o conteúdo
do objeto inteligente, que agora
tem um preenchimento branco, como podemos ver
no painel de camadas. Vou clicar duas vezes na pequena janela
da camada zero
e o seletor de cores será aberto Eu vou pegar, por
exemplo, uma cor rosa. Agora, com o comando e S, eu salvo as alterações e elas serão refletidas
automaticamente no meu documento. Falando em salvar, eu ainda
não salvei este documento. Vou até o
arquivo e seleciono Salvar. Vou salvá-lo como modelo de
criador de postagem em mídia
social. Agora, vamos criar
um retângulo largo para colocar embaixo Acho que vou
fazer um que abranja todo o
comprimento do meu Canvas. Para fazer isso com
medidas exatas, precisarei de minhas réguas
e guias Eu já os tenho visíveis. Mas se você não tiver, basta acessar o
menu Exibir e selecionar as réguas. Agora posso levar meu cursor até as réguas e, ao
clicar nelas, arrastarei algumas guias até
as quatro bordas das minhas cavas Como você pode ver, eles grudam
automaticamente nas bordas sem que eu precise inserir
a deposição manualmente Bem, agora, o que eu preciso é
ter mais uma guia acima do
meu logotipo com a mesma separação que o logotipo tem
com a guia inferior. Para isso, eu simplesmente tenho que
manter duas coisas em mente. Por um lado, os pixels de menor separação que eu
apresentei anteriormente,
que eram 50, e por outro lado, a altura
total do logotipo,
que no
painel de propriedades me mostra 175 pixels A próxima guia deverá
estar a uma distância de 50 mais 175 mais 50 pixels
da guia inferior. Isso é um total de 275 pixels. Agora vou para o novo menu
e seleciono a opção, guia a nova composição do guia. Em uma nova janela, preciso inserir os
seguintes parâmetros. Em coluna e linha, deixarei uma
e, na parte inferior, na opção de mesclagem, inserirei zero na parte inferior
esquerda e na direita E na mesclagem superior, vou inserir a altura
total dos meus combas,
que foi de 3.200 pixels, menos os 275 pixels que temos que Isso nos dá 2.925 pixels. Eu clico em ok e agora
vou criar uma nova camada e
colocá-la sob a camada do meu logotipo. Em seguida, vou selecionar
a ferramenta de moldura retangular. Clique no
canto superior esquerdo que formou a nova composição da guia e arraste até o canto
inferior oposto. Em seguida, verifico se
a cor do fundo é branca e, com o
comando plus delete, a seleção será
preenchida com a cor branca. Com comando e D, selecionarei o retângulo
e, com isso, finalizaremos a primeira parte do nosso modelo Tudo bem, até
a próxima aula.
3. Como criar pranchetas de mídia social: D. Olá novamente. Nesta lição, criaremos as pranchetas para
a publicação de mídia social mais comum com a qual eu trabalho Mas, obviamente, você
pode adaptar isso às suas próprias necessidades
quando aprender a fazer isso. Primeiro, vou duplicar
a prancheta existente
no painel de camadas selecionando-a
e arrastando-a até o
ícone com Vou manter essa nova
prancheta embaixo da primeira. Ao clicar no nome, vou chamá-lo de Instagram,
Facebook, Linkedin Square Post É fundamental que todas
as pranchetas sejam
nomeadas corretamente , pois isso será muito útil posteriormente,
quando as exportarmos Como você pode ver, ele
herdou a estrutura de pastas
da
minha prancheta original A postagem quadrada padrão para essas três redes sociais
varia de acordo com suas dimensões, mas o tamanho da nossa prancheta é de
200 pixels por 3.200 pixels, que nos dará qualidade
suficiente para exportar a postagem com
maior qualidade, permitindo que a usemos em todas
elas Em seguida, vou
duplicar a prancheta mais recente e
colocá-la na terceira posição
no painel de camadas Vou renomear esta
prancheta como postagem
vertical do Pinterest , pois essa é outra
rede social comum que As dimensões da publicação
social são de 1.000
pixels de largura por
1.500 pixels de altura Temos que criar números para obter as proporções corretas
com nossos combas primários Sempre temos que tomar
o número mais alto aqui como referência e
fazer uma regra de três. Meu combate é de 3.200
pixels por 3.200 pixels. Então, vou considerar os 1.500
pixels como eram 3.200. Vou multiplicar
1.000 por 200/1500. Então, vou deixar no número
dois com 104 pixels. Como as dimensões
da largura mudaram, meu logotipo agora está oculto. Portanto, preciso
movê-lo para mostrá-lo. Às vezes, você
descobrirá que o photoshop foi movido para a parte superior
do painel de camadas, os elementos ocultos, quando você clica na camada,
como neste caso Mas tudo bem.
Vou apenas gravá-lo e
arrastá-lo para a pasta correta. Agora, quando eu o mover, você verá que o
photoshop automaticamente ajudará a encontrar a posição
certa para ele Graças ao
ajuste automático que configuramos. Só preciso encontrar
a posição correta do meu
logotipo na borda direita. Vou me referir novamente
ao painel de propriedades e subtrair 50
pixels no eixo x. Tudo bem, vamos criar outra prancheta de mídia
social para outro tipo de postagem Vou duplicar
minha prancheta mais recente, movê-la para o final
da lista e renomeá-la Os tweets comuns têm 600 de
largura por 335 pixels de altura. Primeiro, vou inserir 3.200 pixels novamente
na seção de largura
e, em seguida, vamos fazer a
regra de três novamente. Eu tenho que multiplicar 335 por
3.200 e dividir por 600. Isso é 1786 pixels de
altura. Tudo bem. Mas há outra
coisa que eu deveria fazer aqui: colocar
a prancheta alinhada na parte inferior com as Para fazer isso, tenho que prestar
atenção ao eixo y. No momento, é zero pois todas as pranchetas
foram criadas, movem-se ao longo do eixo x, mas mantêm o mesmo eixo
y, que é zero Tudo bem. Isso
vai mudar agora. Primeiro, tenho que subtrair a nova altura
da prancheta,
1786, da altura anterior,
3.200, e isso é 1 e 14 Eu insiro o novo valor e agora minha prancheta está alinhada na parte inferior com
as outras Agora vamos remover as guias
e fixar a posição do logotipo à
direita, como fizemos anteriormente com a
prancheta da impressora 00 e estamos bem. Vou criar
a última prancheta e essa será para as histórias
do Instagram Novamente, duplicarei a prancheta mais recente e
repetirei o processo As postagens de histórias do Instagram
têm uma dimensão de um e 80 por 1920 pixels. Vou introduzir 200
na seção de altura
e, com essa mudança, também
preciso mudar o eixo
Y novamente para zero. E então a regra de três,
portanto, 1.800 pixels. Finalmente, tenho que
passar para a parte inferior, o logotipo e o retângulo
branco E com isso,
terminei com o modelo. Obviamente, você pode adicionar mais mídias sociais de acordo com suas necessidades em relação às mídias
sociais. Então, vamos continuar com uma parte
divertida. Te vejo agora. O.
4. Como adicionar padrões de raster: Olá novamente. Nesta lição, vamos colocar
nosso modelo em funcionamento. Para isso, começaremos
com padrões raster. Um padrão de áster é
criado com pixels, e eu tenho aqui um dos meus padrões de varredura que
fiz com aquarela e depois digitalizei Quando queremos usar
padrões rasterizados em nosso modelo, só
precisamos inseri-los no
painel de padrões no Photoshop Você pode abrir esse painel
no menu da janela e
clicar nos padrões. Em seguida, no painel, se você pressionar o ícone
com um sinal de fechamento, uma nova janela pop-up será aberta e podemos dar um nome a esse
padrão. Quando clicarmos, ele será incluído
diretamente
no painel de padrões. Agora, se eu voltar ao modelo do criador de mídia
social, abrirei meu objeto inteligente de
arte colocado na
prancheta de origem básica clicando nele O objeto inteligente abrirá
em uma janela diferente, e agora eu posso simplesmente
pegar meu padrão
no painel de padrões e
arrastá-lo para a minha tela. No painel de camadas, posso clicar duas vezes na
pequena janela com um controle deslizante e a
janela pop-up aparecerá, onde posso brincar com escala e o ângulo
para mostrar meu padrão Quando estou satisfeito
com a aparência,
acendo ok e salvo
as alterações com o comando e S. Agora, as alterações
aparecerão no meu modelo nas
diferentes palavras
artísticas. Isso é legal. Se eu duplicar essa camada
no objeto inteligente, poderei testar e manter diferentes
escalas ou ângulos para o mesmo modelo
para decidir qual deles eu mais gosto,
dependendo dos usos finais de que preciso Obviamente, isso é fundamental
na criação de um
modelo, porque agora posso simplesmente escolher qualquer padrão e
aplicá-lo à minha tela, que melhorará
a produtividade do meu trabalho e facilitará minha vida. Tudo bem, vamos para
a próxima lição. Te vejo agora.
5. Como adicionar padrões de vetores: Olá novamente. Se você normalmente cria padrões
vetoriais, vou te ensinar um
truque para usá-los no photoshop sem
mostrar as linhas brancas que às vezes você deve
ter notado ao copiar uma arte vetorial
em um programa aster Obviamente, existem
maneiras diferentes de evitar esse erro, mas descobri que essa é a maneira
mais rápida de fazer isso Vamos começar a trabalhar. Eu tenho aqui um
padrão vetorial que eu criei, o mesmo padrão com cores
diferentes, mas um deles é recortado nas bordas
da prancheta É assim que precisamos ter nossos padrões vetoriais para
levá-los ao photoshop Embora esse não seja o
escopo dessa classe, mostrarei como
cortar rapidamente um padrão vetorial
no Illustrator Vou duplicar o
retângulo que é meu ladrilho. Esse retângulo não pode
ter um toque ou um traçado. Em seguida, vou pegá-lo e
movê-lo para o topo
dos grupos ou elementos diferentes que pertencem a esse padrão. Em seguida, vou bloqueá-lo. Agora, vou selecionar
todos os elementos do padrão e agrupar tudo com
o comando Y. Em seguida, desbloqueio o
retângulo na parte superior Tudo bem, agora eu
seleciono o retângulo e o grupo, e vou para o
objeto do menu da barra, máscara de recorte Criar Parece que já está
aparada, mas não, ainda
temos que
dar mais um passo
aqui, pois é apenas
uma máscara de recorte Preciso abrir meu painel do
Pathfinder e agora vou pressionar
dividir Com isso, posso ver que o padrão foi
perfeitamente cortado Agora eu posso selecionar
o padrão e
devemos sempre verificar se o tamanho do
padrão é preciso. Para isso, vou me referir
ao painel de transformação. Este tem 20 por
20 centímetros. Portanto, não há
erros com decimais. Tem que ser exatamente
o mesmo número. Agora, pressiono o comando C para fazer o CP, depois vou para o photoshop
e abro um novo documento Este documento deve ter
o mesmo tamanho do meu padrão. Nesse caso, era de
20 por 20 centímetros. Tudo bem, vou
mudar a resolução para o modo de cores
300 RGB e criar Agora eu pressiono Command B
para colar o padrão. E o Photoshop exibirá
essa pequena janela, então vou escolher
colar como um objeto inteligente Clique. Agora, no painel de camadas, vou clicar com o botão direito do mouse
no objeto inteligente
e, no menu suspenso, selecionarei a camada rasterizada Com isso, transformei
essa camada em pixels. Portanto, posso
consultar meu painel de padrões e adicioná-lo aos meus padrões , como fizemos antes
na lição anterior. Es está certo. Ok, vamos
testar esse padrão. Estou de volta ao meu toque de objeto
inteligente. Vamos fazer o mesmo com este. Vou pegá-lo
e colocá-lo nas cavas, e agora posso brincar
com o tamanho dele Quando estou satisfeito
com a aparência, pressiono o comando e, para salvar as alterações, o objeto inteligente será atualizado no meu modelo. E eu acho que isso parece ótimo. Tudo bem, vamos para
a próxima lição. vejo agora.
6. Como adicionar outros elementos: Olá de novo. Normalmente, se
você criar padrões como eu, talvez esteja
interessado em mostrar às pessoas como elas se parecem
em superfícies diferentes,
como roupas, artigos de papelaria,
papel de parede etc Gosto de criar maquetes para meus padrões, pois eles
são mais visuais Nesta lição, eu
os incluirei como parte do nosso modelo. Não vou ensinar
aqui como criar uma maquete, pois isso está muito além
do escopo desta Mas, em vez disso, vou me concentrar em diferentes opções para
exibi-lo em suas postagens. Eu tenho aqui uma maquete onde
apliquei o padrão
com as cerejas Neste exemplo, usarei essa imagem com um fundo
transparente. Mas é claro que você pode usar uma maquete com um fundo
sólido A parte importante
aqui é o processo. Tudo bem, então eu vou
copiar essa imagem
com comando e C, e agora eu
volto para o meu modelo. Abrirei as imagens da pasta contidas na prancheta de
origem básica e clicarei duas vezes na pequena miniatura
do objeto inteligente Uma nova janela se abrirá
e eu posso ver que, no momento, meu objeto inteligente está vazio. Vou pressionar o comando V
e minha maquete aparecerá. Agora eu posso brincar
com o depoimento disso. Dependendo do que eu prefiro mostrar
para o meu público, posso me concentrar apenas na
camisa com um padrão ou posso reduzir o tamanho
da maquete para mostrar tudo Tudo bem, acho que vou
reduzi-lo e
colocá-lo no centro para testar
como fica assim. Quando estou feliz com isso, pressiono o comando e S para
atualizar meu objeto inteligente. Agora, de volta ao meu modelo, posso ver as mudanças. Como esta é a primeira vez aqui no modelo aplicando imagens, precisaremos fazer alguns
pequenos ajustes para conseguir uma melhor posição desse objeto inteligente em
cada uma das minhas postagens. No momento, poderia funcionar
como está em alguns deles, mas não gosto do desempenho na
postagem x do Twitter, por exemplo. Quando esse primeiro
ajuste for feito, provavelmente você não precisará fazer grandes alterações
no modelo posteriormente. Então, vamos começar com a postagem x. No x artwore do Twitter, vou selecionar o objeto inteligente na pasta
de imagens Com o comando T, vou ajustar a posição
e o tamanho dela. Como estamos trabalhando
com um objeto inteligente, a qualidade da imagem da maquete
não será afetada em Tudo bem Acho que fica
melhor se eu colocá-lo aqui. Agora, acho que vou movê-lo para o lado do poste de pras Novamente, abrirei
a pasta contendo o objeto inteligente da
maquete e ajustado Em seguida, vou postar o quadrado no
Instagram
e no Facebook, e acho que vou
colocá-lo à esquerda. Ter uma
visão geral do modelo ajudará você a ver se precisa fazer mais
alterações. Tudo bem, acho que talvez eu
precise criar meu Mk principal no
objeto inteligente de fonte primária, um pouco maior Além disso, posso adicionar alguns detalhes
interessantes ao meu Mu, incluindo alguns efeitos Se eu clicar nesse ícone
no painel de camadas, posso selecionar a opção de
sombra projetada neste menu. Agora, na nova janela, posso determinar o tipo de sombra que prefiro para o meu layout. Eu posso jogar com cor, opacidade, ângulo,
distância, etc. Quando estou satisfeito com o resultado, clico em OK e
salvo as alterações. Agora posso verificar como
fica no meu layout. Outra opção que fica
muito boa nesse tipo de maquete é desenhar
um traço grosso ao redor da
silhueta da Para fazer isso, de volta à minha janela de objetos
inteligentes, posso sentir uma camada embaixo com uma
cor contrastante como esse vermelho Em seguida, vou criar uma nova camada e
colocá-la atrás da minha maquete Agora vou
selecionar uma cor branca
e escolher um pincel
ousado de tamanho grande e começar a contornar a
silhueta do modelo Quando termino, eu desativo a camada vermelha e salvo as alterações
no objeto inteligente Ok. Testando os resultados, posso ver que é melhor
usar um traço mais grosso Então, vou falar um pouco. Tudo bem. Acho que parece
muito melhor agora. Tudo bem, vamos
mergulhar na próxima lição. Te vejo agora.
7. 6 COMO EXPORTAR E SALVAR: Olá novamente.
Nesta última lição, aprenderemos como
exportar e salvar nossas postagens. Quando estiver satisfeito com a aparência de tudo, vou para o menu principal, exportação de arquivos para arquivos. Em seguida, na nova janela, temos que definir o
destino dos arquivos. É conveniente exportar a postagem para a
pasta específica do padrão. Tenho uma aula completa
sobre como definir e organizar seu portfólio de padrões que você pode conferir. Tudo bem, então eu clico em
E, e agora vou
selecionar essa pasta. P 20 30s. Esse é o número SQ específico que defini para esse padrão
quando o projetei Tudo bem. Em seguida, na seção de
prefixo, excluirei o
nome do documento Em vez disso, vou anotar
a fila do padrão. Você pode adicionar uma barra
ou um sinal de menos, pois isso marcará a separação
com cada obra de arte Em seguida,
selecionarei essa opção, Exportar artes selecionadas, e deixarei o
resto como está agora. Finalmente, no tipo de arquivo, você tem várias
opções para selecionar. Mas vou manter o JPEG
e a qualidade máxima 12. Agora eu clico em Executar e o
Photoshop fará o resto. Eu amo essa parte. Como você pode ver, todas as imagens
foram coladas corretamente e cada uma delas
manteve o título. Então, agora será muito
fácil para mim
colocá-los em sua rede de mídia
social correspondente. Tudo bem. Isso foi tudo. Eu realmente espero que você tenha gostado desta aula
e a tenha achado útil. caso afirmativo, deixe um comentário
sobre sua experiência , pois isso me ajuda a continuar criando conteúdo
prático para você. Mal posso esperar para ver seu
projeto para que todos possamos c. Além disso, convido você a me seguir. Assim, você sempre estará
atualizado sobre as novas classes. Muito obrigado por
escolher este curso, e nos vemos em
breve. Tchau tchau.
Beatriz Pascual, Pattern Designer & Entrepreneur
