Transcrições
1. Introdução: Ok,
então, se você é qualquer coisa como eu, uma das últimas coisas que você faz e uma das coisas que você provavelmente adiar mais é criar suas imagens em miniatura de mídia social lá, bem marca e perfeito para cada plataforma. Ah, muitas ferramentas lá fora,
como o Canadá ou mesmo o Adobe Spark. Eles são muito difíceis de entrar nos detalhes e criar modelos consistentes. Vamos criar um modelo muito rápido e
consistente para você usar uma e outra vez e outra vez. Esta aula é provavelmente dar-lhe se você está começando um blogueiro ou começando a usar as
mídias sociais , e você está começando a perceber que há um pouco sobrecarregado com todas as diferentes imagens que você deve criar e coisas não estão parecendo muito consistentes. E você quer tentar um fluxo de trabalho diferente e ver se isso funciona para você. Então seus projetos de classe podem ser super simples. Crie seu próprio documento, coloque seus próprios elementos de marca lá e obtenha essa consistência para todos
eles e, em seguida, diga sobre uma dessas imagens e faça upload delas para o projeto Porter para que
possamos ver o que você fez. Tudo bem, então eu quero manter essa aula curta e doce. O objetivo aqui é economizar tempo. Então, faça-me um favor. Aperte o botão de assinatura e vamos entrar.
2. Configuração de documentos e mestre: Ok, então se você tem seguido junto com todos os meus cursos, você sabe que configurar e organização é super chave para mim, porque ele vai dizer isso
muito tempo na estrada. Então vamos cavar e configurar este documento com guias de páginas-mestre, todas essas coisas que vão rolar para baixo à medida que começamos a criar nossos
modelos de tamanhos diferentes para diferentes mídias sociais e capas miniaturas. Então está cavando. Então, primeiro, vamos mudar nosso documento para pixels, e vamos começar com um documento quadrado porque isso vai nos ajudar a configurar nosso modelo com alguns roteiros verticais em todos os guias que vão cair na água. Mas também vai nos ajudar a redefinir estes para diferentes layouts que começando com algo quadrado com simples maravilha um ritmos apenas torna as coisas muito mais fáceis. E você pode ficar mais complexo no rio abaixo. Então arrume isso e nós vamos montar isso também. Um bom tamanho para o instagram. Então vamos com 10 80 o que, 10. 80 E eu não gosto de enfrentar páginas-mestre, mas o que vamos fazer é configurar para colunas e uma sarjeta com de 60. Vamos fazer nossas margens superiores em 60 também, e você vai ver o que vai acontecer quando fizermos isso. Então vamos criar esse documento e você pode ver que temos algum espaço limpo agradável ou nas bordas e bem para baixo através do meio. Primeiro, vamos para a nossa página-mestre e vamos adicionar mais alguns guias aqui. Vamos nos certificar de que temos nossos dois guias de encaixe de uma grade de documentos e
vamos apenas estender alguns desses guias fora da página. Pessoalmente, eu gosto de como esses são um pouco mais visíveis tão rapidamente estendendo é fora da página. E novamente, estamos fazendo isso em nossa página-mestre para que, à medida que mudamos os tamanhos de nossa página-mestre, eles vão ficar quietos. Então vamos adicionar outra coluna aqui. Sei que se trata de um documento de 10 80 por 10 80. Então, se eu quiser centralizar isso, eu posso realmente subir aqui e colocar as coordenadas exatas do que esse centro é. Então 10 80 dividido por dois é 5 40 e eu sei que eu quero combinar minhas colunas verticais e vamos fazer 30 em cada lado disso. Então você pula lá em cima, mas menos 30. E isso vai para onde eu precisava ir. Torne isto positivo. 30 e por último, mas não menos importante no guia central. Certifique-se de que está definido 5 40 Então agora temos este documento realmente bom. Sou uma espécie de estilista suíço. Como minhas grades, como minha repetição e ritmo. Então eu gosto de começar um monte de coisas com uma grade muito forte. E esta é uma ótima base para todas as nossas páginas-mestre que virão. Então agora a coisa mais bonita sobre isso é que agora temos esta página mestre simples configurando proporções
quadradas, o que eu vou fazer é duplicar esta página-mestre e você verá que todos esses caras
vão permanecer bastante consistentes. Vamos ter que modificar alguns deles. É super rápido. Ok, então para duplicar esta página-mestre, há algumas maneiras diferentes de fazer isso, mostrar a você o que não queremos fazer e então eu vou mostrar a você o que queremos fazer então não
queremos apenas clicar com o botão direito e duplicar Master spread A O que queremos fazer é ir para o menu
suspenso e criar uma nova página-mestre e aqui fomos capazes de criar isso com base na página-mestre A e vamos fazer esta ou página mestre de alta definição. Então vamos com 1920 por 10. 80. E porque eu sei que este é o nosso masturbador de alta definição, que também é facilmente reaproveitado para o YouTube. Eu vou nomear isso apropriadamente para barra HD Por que t Então eu vou e minhas dimensões de pixel porque é facilmente visto sempre que estamos trabalhando neste documento na estrada. E eu também vou mudar o prefixo aqui para algo que faz sentido. Então HD Por que t Então você vê o que aconteceu está nesta página-mestre. Ele se manteve fiel a muitos desses guias que eu já tinha criado porque eu tinha tirado alguns desses caras das páginas. Agora eu tenho meus guias centrais horizontalmente e verticalmente e algumas guias de coluna. Então, essas páginas não estão configuradas perfeitamente para alta morte e YouTube. Então agora o que eu posso ir dio é fazer a mesma coisa, mas para digamos Pinterest, que é 600 por 900. Então, mais uma vez, vá para o menu suspenso Nova página mestre baseada em Mestre A. E nós vamos para 600 por 900 que é um bom tamanho para o Pinterest. Essa é a sua proporção para comprar três. Mude isso para 609 100 e também altere o prefixo. Então isso aparece perfeitamente. Agora que temos o nosso Pinterest configurado, vamos dar uma olhada na página-mestre e você poderá ver novamente. Todos os nossos guias já estão configurados, margens já configuradas. Nós provavelmente podemos ajustar isso porque é realmente o pixel. Dimensões são cerca de metade do que eram para outros, para outros modelos que temos para ser um pouco mais consistente. O que podemos fazer é modificar nossas margens e colunas nesta página específica. Digamos que mudou em 2 30 altere a calha para 30 e o que podemos fazer é substituir todos os itens da página-mestre porque esta página-mestre foi baseada em outra página-mestre. Ele quer manter fiel a esses itens da página-mestre, o que é ótimo para começar. Mas se quisermos apenas isso para que todas as nossas proporções sejam melhores, precisamos ir em frente e ter acesso a ser apenas sobre essas. Então, agora que eu liberei esses itens da página-mestre, eu poderia apenas combinar todos esses guias e ser mais consistente. Então deixe-me fazer isso rapidinho. Está bem? Então, agora, se saltarmos para frente e para trás, olhamos para o nosso mestre, que é perfeito para o Instagram. Então, o que eu poderia fazer lá é realmente apenas duplicar mestre espalhar um make que mudar nossas opções para ser, uh então agora temos todos os modelos configurados perfeitamente. Simplesmente, arrastar vai para baixo em nossa área ao vivo, se
livrar desse original, e você pode ver que temos são Hi def YouTube, seu Pinterest e instagram. Eles são rotulados extremamente bem, e se saltarmos para todos eles, podemos ver que todos os nossos guias estão configurados com alguma consistência. Então, apenas para manter esta aula curta e respeitar o seu tempo, vamos ficar com estes três tamanhos de páginas-mestre e agora vamos saltar para o próximo módulo onde vamos adicionar alguns elementos de marca que vamos redefinir para baixo estrada rápida e facilmente. Tudo bem. Vês? Lá
3. Adição de elementos de marca: Ok, então agora temos três páginas mestras configuradas para três ou quatro redes sociais diferentes . Novamente, você pode adicionar a esses subtrair daqueles. Faça isso perfeito para você mais tarde. Mas vamos usar esses três para estarmos prontos. Mas agora que os temos, vamos saltar e começar a adicionar elementos de marca. Agora o que eu gosto de fazer aqui é começar com um modelo quadrado e construir meus
elementos tipográficos . Primeiro, obter uma boa base lá, tomar isso, reutilizá-lo para ser usado com elemento fotográfico. E então agora podemos pegar esses dois e usá-los na estrada em
qualquer tamanho miniaturas que tenham uma miniatura de rede que vamos usar. Então, primeiro as coisas, o que está acontecendo aqui e fazer duas camadas diferentes. Vamos fazer desta primeira camada nossa camada de texto e adicionar outra camada e tornar este nosso plano de fundo. Mas aqueles que estão nos lugares certos O que vamos fazer é usar essas margens externas e guias para criar nosso espaço seguro. Então eu criei um documento fora para o lado para que Aiken rapidamente copiar e colar e coisas aqui e acelerar este curso para você. Uh, não entre na gritty gritty do que eu tenho aqui. Eu mantive esses elementos muito simples apenas para mostrar as técnicas e o que estamos tentando criar. Você vai fazer sua própria marca mais tarde e criar seu próprio estilo único. Então, neste documento, eu tenho a camada de texto em uma camada de fundo. Vou rapidamente pegar meus elementos de fundo e voltar para o nosso documento. Então, se eu colar estes em meus documentos, eles vão cair perfeitamente na camada de fundo poderia ligar e desligar isso. Então agora vamos saltar para trás e pegar o nosso tipo. Portanto, certifique-se de que a nossa camada de texto selecionada e se colarmos estes no lugar, o que é um comando de teclado difícil de lembrar. Mas eu uso isso o tempo todo, mas bom ritmo, aqueles no lugar. E aqui está a grande coisa que eu quero que você perceba que eu fiz ao projetar esses elementos
tipográficos, eu estendi as caixas de texto para a esquerda para a direita Teoh alinhar com este
quadrado perfeito que estamos usando. Eu fiz isso com cada um desses elementos de texto. Você não vai entender por que isso é importante agora, mas você vai entender o próximo módulo quando estivermos começando a redefinir os objetivos para modelos e colunas de tamanhos
diferentes. Ora, isso vai ser muito útil. Então entre lá, projetou alguns elementos para você, mas use algumas dessas bordas como elementos âncora ou use alguns desses guias como
elementos âncora para suas caixas de texto. E vamos investigar isso no próximo módulo. Então a próxima vez que você quiser fazer é realmente duplicar isso. Então eu só vou manter pressionada opção fazer pupate que instagram configurar que em Lee tem elementos
tipográficos. E agora queremos redefinir esses elementos de marca sempre que vamos usar uma imagem que é muito realista. Então, de novo, eu já fiz isso. Eu sou um trapaceiro, então eu vou apenas colar no lugar esses elementos tipográficos, que eu já redesenhei para um tamanho apropriado para que possamos começar a incluir uma imagem. Agora recupere esse modifique um pouco, faça as coisas atendidas, faça as minhas coisas combinarem, e eu vou copiar minha imagem colar no lugar então novamente escreveu rapidamente O que fizemos
neste módulo é simplesmente criar sua base elementos tipográficos de marca em seus projetos de fundo base. E então nós seguimos em frente e dissemos, OK, a probabilidade
deles é que vamos precisar usar isso com a imagem. Então vamos obter essa imagem padronizada para este modelo específico para este modelo de instagram 10
80 por 10 80. E agora vamos mostrar-lhe como redefinir isso. Então, no próximo módulo, vamos pegar esses elementos base e vamos soltá-los em nossas
miniaturas de outro tamanho muito rapidamente. Então, o salto
4. Redefinição e exportação: Ok, então agora que nós criamos são elementos de marca simples que vai para nós saltar sobre e adicionar esses elementos para os diferentes modelos de tamanho. E é isso que vamos usar para a nossa rápida reutilização. Uma vez que você criar seu próximo cartaz bloco seu próximo vídeo do YouTube e você precisa criar essas 45 imagens, todas essas coisas serão ditas. Então vamos pular para isso. Então já temos o nosso 10 80 por 10. 80 configurado para um instagram posts, e temos o nosso tipográfico simples e nosso tipográfico com imagem. Então, o que queremos fazer é adicionar esses elementos ao nosso exemplo de alta definição do YouTube. Então eu sei que tipicamente, eu vou querer usar elementos baseados em imagem para esses elementos. Então deixe-me copiar esses elementos de fundo e colá-los no meu fundo do YouTube de alta definição . A primeira coisa que vou fazer é certificar-me de que está alinhado com a minha página. Vou usar o quadro de preenchimento proporcionalmente, não minhas cores de fundo são consistentes. E então a próxima escolha é o que eu quero fazer com essa imagem. Bem, para ser consistente, vou deixar aquela pequena lasca à direita e, mais uma vez, simplesmente bater em roubar proporcionalmente colocar a minha imagem onde eu quero colocá-la. E nossos elementos de fundo são muito semelhantes para esses dois exemplos. Se você notar que temos sido agarrando a partir deste modelo quadrado com mais do tratamento
tipo horizontal na parte inferior. Então, se adicionarmos isso ao nosso YouTube de alta definição, não
vai caber. É exatamente por isso que criamos dois modelos diferentes para nós a construir nossos outros
modelos de página a partir de. Então, em vez de pegar do nosso modelo baseado em imagem, eu vou pegar meus elementos tipográficos desta página. E agora novamente, usando nossa configuração geral e agarrando, segurando o comando Shift e redimensionando, tudo começa a cair na linha. Podemos simplesmente ajustar essas coisas. E assim, nós pretendemos esses elementos rapidamente, facilmente. Você pode encontrar, também, nessas coisas. Mas veja o quão rápido fizemos isso. E agora temos o nosso exemplo de alta definição do YouTube. Vamos entrar e fazer exatamente a mesma coisa. Mas para o exemplo do Pinterest. Portanto, temos essencialmente duas paletes quadradas aqui. Agora que criei essa imagem quadrada, vamos redimensionar a maneira que provavelmente sabemos que vamos usá-la para ser consistente. Agora, vou em frente e pegar aquele outro elemento de fundo. Eu posso rapidamente re tamanho que caixa apenas para torná-lo 600 por 600 ou eu sinto muito, 600 por 900. E no meu painel de alinhamento, se eu me certificar de que uma linha de duas páginas selecionadas rapidamente centralizam isso, teve nossa moldura de preenchimento proporcionalmente ferramenta, e enviar isso para a parte de trás. Última coisa que eu gostaria de fazer elemento de fundo. E agora temos nosso plano de fundo definido nessa página do Pinterest. Vou voltar aqui e pegar essa tipografia, sabendo que provavelmente vai caber neste modelo da melhor maneira. E novamente, se eu simplesmente apertar o comando Shift, pegue todo o grupo. Ele vai encolher para caber perto de nossas proporções que estamos procurando. Certifique-se de que o ar centrado na página ajuste rapidamente a caixa de fundo. Então, apenas que rapidamente temos são três páginas de tamanho diferente com todos os nossos gráficos e elementos lá foram propósito eles. E agora precisamos fazer é exportar essas imagens para fora e elas estão prontas para nós carregarmos. Então isso é super simples Tudo o que precisamos fazer é ir para a exportação de arquivos. Vamos exportar. Estes são J pigs para a maior parte do nosso uso como imagens de mídia social, não
precisamos de imagens de super alta definição, especialmente se você estiver carregando estes para o seu site para uso como você é como Pinterest fixando imagem. Queremos que essas coisas se movam rapidamente. Eles vão cair, amostrados sempre que você importá-los para as redes sociais de qualquer maneira. Então eu tendem simplesmente fazer estes um 72 d p i eu vou fazê-los ou média ou baixa resolução. Vou ficar com o meio aqui e eu só preciso de páginas. Digamos um, três e quatro. Então, agora que o ar exportado, tudo o que precisamos fazer é pular e renomeá-los, para que eu possa olhar rapidamente. A 1ª 1 foi instagram. A segunda foi alta definição. 13 foi rapidamente renomeado para o Pinterest? Ok, então é isso. Essas imagens já, e vamos acabar com isso. Vou dar-lhe mais algumas dicas no próximo vídeo para reutilizar este documento e
realmente ter algum sucesso batendo essas coisas no futuro.
5. Wrap-up e gravação de em baixo como modelo: Tudo bem, então é isso. Você criou seu documento. Você adicionou seus elementos de marca, e agora você pode redefinir rapidamente isso no caminho. Uma coisa que eu quero mostrar a você rapidamente, no entanto, é salvar este documento baseado como um modelo. Então você sempre pode começar a partir daí e manter esse original, documento
intocado e fazer um salvar como cada vez, tão real rapidamente. O que eu faria é entrar e fazer um salvar como e salvar este documento como um modelo. E o que isso faz é mudá-lo para um i n d t. Eu vou dizer isso. E agora toda vez que eu quero começar um novo documento, eu posso simplesmente clicar no documento I M d t. E o que ele faz é abrir um documento sem título. Eu poderia fazer um salvamento como e, em seguida, seus documentos
originais de marca sempre vai ser seguro. Tudo bem, então espero que isso ajude você na estrada, me
faça um favor e se torne um seguidor dos meus cursos. Vá pular para o experimento nômade ponto com. Confira algumas coisas ali, especialmente se você estiver interessado em aprender a viajar um pouco mais. Você pode ver como implementar alguns dos meus próprios modelos e sim, vamos pegar no outro lado e eu vou vê-lo na próxima paz curso.
Jason R., Design | Video | Travel | Nerd
