Design gráfico no Procreate: criando modelos de post de mídia social

1. Intro: Ei!: Nesta aula, faremos uma jornada simples para fazer com que sua postagem nas redes sociais pareça super legal. Pronto para destacar sua postagem? Vamos fazer isso. Oi, meu nome é Brian. Sou designer gráfico e moro em Montreal. E a maior parte do meu trabalho é criar materiais de marketing, mídias sociais, edição de postagens e vídeos. Usamos recursos interessantes de procriação para fazer com que o modelo de postagem especial se adapte ao seu estilo Desde escolher cores bonitas até adicionar diversão. Cada etapa é como adicionar seu próprio toque às suas coisas de mídia social. Durante esta aula, abordaremos o básico do design. Mostre alguns truques fáceis de procriar e ensine maneiras simples de facilitar seu processo criativo No final, você tem seu próprio modelo de postagem pronto para impressionar seus seguidores Se você já faz isso há algum tempo ou está apenas começando essas aulas para você, vamos nos divertir com o design digital e trazer à tona suas ideias de mídia social. Eu posso esperar para te ver na aula. Vamos criar uma postagem incrível nas redes sociais. Te vejo lá. 2. PROJETO DO CURSO : Para este projeto, você criará algumas postagens de mídia social que ressoam com o que você ama. O objetivo principal é brincar com cores, texturas e padrões Seja relevante e esteja atento a todos os elementos que você está inserindo Além disso, recorte e recorte imagens e mescle-as para criar postagens perfeitas e coesas Você pode criar sua própria postagem ou pode me acompanhar. Ao publicar seu projeto, gostaria de ouvir sobre a inspiração do seu processo, qualquer coisa que você tenha em mente ao criá-lo. Isso me dá uma visão melhor seu trabalho e ajuda você a se conectar melhor com você. 3. Conhecendo a marca, planejando layout e começando: Olá pessoal e bem-vindos. E meu nome é Brian. Eu vou te ensinar como criar um modelo whoso medipo que você pode usar na sua marca profissional ou pessoal Você pode criar seu próprio modelo aqui e eu vou mostrar passo a passo nosso principal objetivo ou meta nesta aula. Crie um conteúdo de mídia social para essa empresa chamada Plant House, basicamente. E, idealmente, precisamos de uma marca forte e estabelecida antes de criar conteúdos como o logotipo, fundos, cores e outros ativos que definem sua marca, para que seu público não se confunda Então, eu vou usar esses dois fundos aqui para este projeto aqui. Então, serão Gill Sans e Rock By. Então você pode baixá-lo, basta pesquisar no Google. Um guia rápido para isso. Vamos lidar com lojas de plantas. A marca da loja será como uma aparência ou estilo boho ou boho Vai ser uma combinação de padrão e textura. E, para combinar, será a cor com a qual estamos trabalhando. Praticamente vou usar apenas três deste . Vou usar esse, provavelmente esse, esse aqui, tom branco. Essas são as cores principais que eu vou usar, a foto que você vai usar tem praticamente o mesmo tom da cor, se isso faz sentido. Um apelo à ação, um bom contexto para uni-los. Vou usar um layout quadrado, principalmente 2.500 pixels por 2.000 pixels em 150 DPI Eu poderia chegar a 300 se quisesse ter um resultado nítido ou uma imagem transportando-a como PNG Porque na verdade não é tão compactado em comparação com o J Peg, porque o Jpeg é muito compactado Vou usar esse tipo de padrão em todo lugar. Então, eles vão colocar isso como uma sombra ou algo assim, mas você verá como eu o renderizo nos próximos vídeos. Provavelmente usaremos isso também, essa textura temporária aqui para criar textura, porque boo é como uma textura porque boo é como e um padrão, isso é uma combinação É por isso que estamos criando essa marca agora, para não confundirmos ao criar a pose de mídia social O layout será apenas o guia. Isso não vai criar ou definir a pose inteira para sempre, mas é exatamente como o que está na moda no momento, vou criar quatro poses em um quadrado Então, mais ou menos assim. Então, o primeiro que vamos fazer será como uma resenha ou depoimento Estou pensando em uma espécie de forma orgânica aqui com imagens sobrepostas por trás dela O texto aqui, o nome da pessoa aqui, textura ao longo do caminho. Portanto, é mais como uma definição de pensamento vaidoso. Poderíamos dividi-lo em algo como, já que oferecemos entrega de flores ou plantas, poderíamos incorporar algo como um telefone aqui, colocar uma imagem no telefone, como alguém que segura uma planta, e então entregamos aqui para ação aqui também. Que provavelmente precisaremos colocar o logotipo aqui apenas para divulgar a marca , já que estamos apenas começando , vamos colocar L, significa logotipo, vamos mostrar nosso produto ou os produtos vegetais aqui. Provavelmente precisaremos de quatro janelas aqui. É como um texto e uma foto aqui. Provavelmente foto e texto ou também uma chamada à ação. Aqui, execute a conscientização ou declaração para dividi-la em duas partes e vamos colocar uma imagem aqui. Provavelmente poderíamos colocar outra declaração aqui ou códigos, um pouco de letras miúdas e, basicamente só precisamos conscientizar. Poderíamos colocar o logotipo aqui também. Na verdade, podemos criar nossa paleta de cores. Agora que estamos aqui, crie uma nova planta de paletas. Casa ou planta doméstica. Poderíamos facilmente obter essa cor aqui. Então, vou apenas apontar aqui e apontar para lá. Esse aqui. E depois aponte para lá também. Então, provavelmente vamos colocar todas elas, mas as três cores aqui são aquelas que serão nossa cor principal. Opa, aí está. Temos nossa nova fábrica, e está tudo bem aqui. Se eu for até isso, posso limpar isso e ter minha paleta de cores estabelecida aqui No próximo vídeo, vamos começar a criar nosso modelo e ver vocês lá. Obrigada 4. Modelo de produto: Olá pessoal, obrigado por sintonizar. E esta é a segunda parte do vídeo em que, na verdade, criamos um dos nossos modelos que estabelecemos. Temos nossa paleta de cores pronta para a frente, nossas imagens. Também estabelecemos o layout aqui e os padrões. E vamos criar um DPI de 2.500 por 2.500. Vou usar apenas 150 aqui para que tenhamos mais camadas aqui Basta definir o perfil, verificar se está em RGB para que tenhamos mais cores para criar Vou me certificar de que tenho um bom alinhamento para resolver isso, vou até minha tela aqui Vou ativar minha guia de desenho e depois editar a guia de desenho. Você pode apenas ter certeza de que tem um bom alinhamento em cada lado Então, você pode estabelecer que, assim, não tenho certeza se você pode ver, mas vou partir do tamanho da grade aqui. Você pode seguir em frente e fazer algo assim aqui para ter certeza de que eu tenho uma espécie de régua aqui Portanto, não preciso me preocupar se fui longe demais em todos os lados. O primeiro modelo que vou fazer é esse aqui. Então, vamos mostrar nosso produto. Vou fazer nossa escova monolina aqui. Vou criar um quadrado aqui. Na verdade, é muito fácil. Aqui no procreate, você pode simplesmente fazer isso e editar a forma e chegar a uma linha aqui Como temos a nossa própria, como a grade, vou apenas preenchê-la. Então eu vou copiar este aqui. Duplicado. Na verdade, você tem que colocá-lo aqui e eu só quero ter certeza de que vou a todos os lugares. Esse aqui, eu vou colocá-lo aqui. Vou renomeá-lo para que eu saiba . Eu só vou me certificar. Então isso é Pick Pick Up. E basta escolher. Eu sei. Porque pode ser confuso mais tarde se você tiver muitas camadas, você não sabe Como temos isso, podemos realmente colocar nossas imagens agora. Eu poderia simplesmente adicionar algumas imagens aqui. Queremos mostrar nosso produto ou nossas plantas aqui. Acho que tenho todos os produtos vegetais aqui. Poderíamos escolher apenas um. Acho que vou escolher um cacto aqui. Por enquanto, você pode colocar a camada do cacto por cima. Você pode simplesmente maximizar o que se encaixa nessa grade aqui. Tudo o que precisamos fazer é recortá-lo. Massa de recorte E está tudo aqui e você pode modificar a planta ao seu gosto assim Eu acho que isso é bom o suficiente. Podemos inserir outra foto, que provavelmente é essa porque elas têm a mesma cor Vive. Vou colocá-los aqui e garantir que a camada esteja logo acima da palheta. E eu poderia simplesmente recortá-la. Eu também posso modificá-lo, assim. Poderíamos estabelecer nosso plano de fundo para nossa paleta de cores aqui, já que carregamos aqui antes de começarmos Podemos simplesmente fazer com que seja assim. Provavelmente poderíamos desativar ou diminuir a opacidade de nossa diretriz aqui porque é demais Quero ter certeza de que ainda tenho esse alinhamento aqui ou na grade, para que eu ainda possa saber onde não colocar ou não Acho que isso é bom o suficiente para mim. E você pode ver que está começando a ressoar a sensação boho. Vou colocar um pouco de texto aqui. Um espaço reservado, já que estabelecemos, vou colocar o texto em cima de tudo, não vou perdê-lo e ele é recortado automaticamente Vou apenas soltá-lo, certificar-me de que vou mudar a fonte Acho que vou escolher a primeira fonte que estabelecemos, essa, Rocky Eu vou mudar isso para virar uma planta. Vou me certificar selecionar tudo e atingir esse alinhamento à esquerda É mais fácil de manipular e eu poderia simplesmente tornar isso grande. Não estou muito feliz com o plano de fundo, ele não dá um bom contraste com o conteúdo. Vou mudar o plano de fundo. É muito fácil porque eu uso o plano de fundo aqui. Vou usar o verde e ver se isso faz uma grande diferença. Agora, essa é uma boa cor, mas na verdade não sou porque, como você pode ver, o tom aqui é branco e verde. Então, eu quero ter certeza de torná-lo mais leve. Então, vou usar uma de nossas paletas de cores aqui apenas para clarear um pouco, porque há muita cor acontecendo Coloque algo aqui também, então vou colocar outro texto aqui, Visite-nos. É como uma chamada à ação. Use a outra fonte. Vou usar as músicas do Gil. E aqui não compete com nossa declaração principal. Provavelmente poderia colocá-lo aqui ou algo parecido. Para reconhecimento da marca, inserirei nosso logotipo aqui. Plant House provavelmente poderia simplesmente colocá-lo aqui deste lado. Provavelmente mais um. Vamos comemorar. Adicione emojis semelhantes aqui e isso também dará o tom de que você tem um espírito livre Quero ter certeza de que não se destaque muito, então vou reduzir a opacidade do Let's Na verdade, não se destaca muito porque eu quero que os olhos tarpirem pareçam com o padrão Z. Sim, acho que esta é uma boa postagem para produtos e não estamos realmente vendendo, mas estamos colocando todas as plantas em um bom lugar. Mas como esse é um modelo, você pode inserir imagens diferentes. Você pode simplesmente inserir a foto. Você pode fazer um lote aqui. Como podemos simplesmente recortar a imagem aqui, certifique-se de pegar, basta recortá-la e ter uma nova imagem lá. Poderíamos colocar outro aqui. Só mais um exemplo. Queremos ter certeza de que está aqui embaixo. Você pode ver que vai ter outra planta aqui, assim como esta. Você pode praticamente alterar o plano de fundo da sua marca e também pode alterar a cor do texto, nem menos, praticamente todo mês Você pode alterá-lo ou alterá-lo um pouco. Você provavelmente pode, você pode mudar isso para aqui. Você pode até mesmo sobrepor o texto lá. Só para dar uma ideia, antes de terminarmos, eu provavelmente quero apresentar alguns dos padrões aqui, logo acima do plano de fundo. Vou criar uma nova camada. Quero ter certeza de que está acima do plano de fundo, então vou colocar o padrão aqui. Vou apenas apresentá-lo antes de terminarmos com isso. Então, temos tudo aqui. Provavelmente vou usar a estrela aqui. Você sempre pode criar seu selo aqui. Provavelmente há um vídeo sobre aulas do Creative Fabric 1233 sobre como criar um carimbo apropriado Então, você só quer clicar em um deles para ver o padrão. Vou usar a estrela ou a flor. Vamos experimentar a flor, como ela funciona. Então, vou clicar na paleta de cores da casa de plantas aqui. Só vou aliviar um pouco as coisas. Isso não distrai, como você pode ver. Parece que há uma textura acontecendo aqui. É um toque agradável que o diferenciará de outras postagens. Você pode até aumentar o tamanho e tudo mais. Sim, parece um pouco mais dinâmico. Como você pode ver, isso apenas define o tom e define a marca um pouco mais. Como você pode ver, uma vez que estabelecemos um padrão, ele dá um, talvez seja demais, mas você pode, já que está em outra camada, você sempre pode desativá-lo, ativá-lo e adicionar outra camada. Se você não quiser isso, pode usar o outro padrão que estabelecemos no vídeo. Acho que isso também vai funcionar. Isso só lhe dá um pouco de identidade e uma marca forte Se você tem esse pensamento detalhado. Nos vemos no próximo vídeo, onde criaremos outro layout para nosso modelo. Nos vemos lá. 5. Modelo de revisão: Obrigado pessoal por sintonizarem. E nesta parte do vídeo, vamos direto ao assunto. Vou criar uma nova tela e poderíamos realmente usar essa aqui, deslizar para a esquerda e provavelmente editar E vou simplesmente renomeá-lo para Square, que possamos sempre reutilizá-lo, então vou colocá-lo aqui Então, o próximo que vamos criar será como uma resenha ou depoimento para definir o plano de fundo primeiro, acho que vou usar essa cor mais clara aqui, como esbranquiçado E vou usar meu pincel monolina aqui e vou criar um círculo aqui, sua forma E eu vou preenchê-lo com verde. Isso realmente não importa neste momento, porque vamos usar isso apenas para recortar a imagem Vou distorcer isso aqui Na ferramenta de transformação, vou usar a distorção E eu vou criar uma espécie de forma orgânica boho E eu acho que isso é meio bom. Vou clicar em você no formulário para que eu possa torná-lo menor ou maior. Mas, por enquanto, vou usá-lo assim, provavelmente modificar um pouco aqui. E vou inserir uma de nossas fotos aqui de alguém segurando a planta. A propósito, pessoal, estou usando splash para a foto que estou usando ou Pexels É aquela que não parece uma foto de banco de imagens. Vou recortar esse aqui. Então, ele se encaixa na forma que acabamos de criar. E eu provavelmente vou duplicar este. E acabei duplicar a forma na camada um abaixo dela Eu vou me transformar. Vou alterar a orientação. Você pode até mesmo invertê-lo e reverter algo assim. Você pode até mesmo fazer isso maior, aqui mesmo. Eu vou duplicar este também. Vou colorir com uma das nossas cores aqui. Provavelmente isso. Vou simplesmente deixar cair a cor. Provavelmente coloquei um pouco lá. Estou apenas experimentando aqui. Provavelmente vou diminuir a opacidade apenas para dar uma aparência de sobreposição Poderíamos colocar o logotipo para conscientizar a marca que a marca é Plant House, algo assim. É só um pouco de textura ali mesmo. E, a propósito, sempre podemos ativar nosso guia de desenho aqui, adicionar desenho, então temos apenas uma ajuda com o alinhamento vermelho e nossas margens Ainda parece profissional se tivermos isso estabelecido no texto de Sir. Eu só vou colocá-lo aqui. Vou colocar outro como o nome do cliente. Tudo bem Podemos adicionar uma textura no fundo, na primeira camada. A primeira camada após o plano de fundo criará uma nova camada aqui. Sim, isso permite que, como está em sua própria camada, eu possa diminuir a opacidade para algo assim Você pode ver a textura ali mesmo. Não é tão pronunciado, mas dá uma sensação um pouco mais orgânica. Tente ver se isso funciona aqui. Sim, provavelmente parece bom aqui também, mas é bom estar aqui. Eu sempre poderia inserir uma foto de outra pessoa como essa aqui. Outro cliente que deseja dar uma avaliação à loja. Então, eu poderia simplesmente recortá-lo e depois trocá-lo. Sim, algo parecido com isso. Sempre poderíamos mudar o plano de fundo dessa forma. Nos vemos no próximo vídeo, qual criaremos o serviço que a empresa oferece, então esse é um layout diferente. Então, nos vemos lá. 6. Modelo de serviço: Vamos criar diretamente uma nova tela, então ela será um quadrado. E vamos estabelecer nosso histórico agora. E para este, vou ativar nosso guia de desenho aqui e editar o Guia de Desenho Só para nos dar uma espécie de régua aqui, vou inserir primeiro nossa primeira imagem aqui Vai ser como um telefone em algum lugar aqui, aqui, sem cruzar a margem. O que vou fazer aqui, já que estou na camada do telefone, vou clicar na seleção aqui. Eu vou optar pelo automático. E eu vou apenas selecionar a tela. Só a tela. E então eu vou copiar e colar com três mãos. Como você pode ver, há uma nova camada. Eu posso simplesmente ligá-lo e depois inserir uma foto. Eu gosto desse cara aqui. Vou me certificar de que cabe no telefone. Só um teste. E então eu poderia simplesmente prendê-lo na tela desse jeito. E eu poderia modificá-lo assim. Vou pegar o pincel monoline ou algo assim. Vou colocar uma cor lá, então ela só dá um efeito de cor. Eu posso modificar a forma de forma livre, provavelmente eu poderia colocá-la assim. Vou inserir um texto aqui. Vou apenas editar o texto que entregamos, para garantir que ele tenha um bom contraste, pois quero sobrepor o texto na tela para que fique um pouco mais dinâmico Coloque o logotipo para reconhecimento da marca. E eu sempre podia me mover livremente, entregamos aqui, consertamos o aluguel mais perto um do outro. Adicione mais contexto aqui. Como uma caligrafia Não sei se vai funcionar, mas eu sou suas plantas, acho que isso é bom. Tem sua própria camada, então eu sempre posso manipular para onde ela vai, uma camada acima de tudo Vou usar o pincel monoline apenas para uma chamada à ação aqui, outro texto Para a chamada à ação, vou mudar a fonte para ordenar algo assim. Veremos se caberá gratuitamente no pedido de $50 a mais. Eu acho que isso é bom. O que vamos fazer agora é adicionar uma textura. Vou usar a textura deste aqui mesmo. As marcações chegarão à cor base. Vou deixá-lo um pouco mais claro e depois vou colocar algo Eu realmente não me importo de ir a qualquer lugar porque sempre posso recortá-la na camada , pois se você cortá-la, ela ficará limitada à forma principal. Você sempre pode alterar a imagem aqui, como fizemos antes aqui. Vamos ligar para o telefone. Vou apenas diminuir a opacidade da textura que criamos Não é avassalador. O único problema aqui é a entrega. Não é um bom contraste. Eu provavelmente poderia consertar isso. E eu vou duplicá-lo. Acho que vai ficar tudo bem por enquanto, já que é só uma foto. Se mudarmos para esse cara aqui, isso resolverá o problema. Acho que estamos bem com esse. Temos outro post. É muito personalizável. Poderíamos mudar a cor desta. Você pode simplesmente soltá-lo assim aqui. Poderíamos ter uma postagem para o serviço que oferecemos. Sim, te vejo na próxima. Vamos finalizar e criar o último modelo? Nos vemos lá. 7. Modelo de declaração: Então, estamos praticamente concluindo a análise. Nós praticamente terminamos com o produto, o serviço que acabamos de fazer há algum tempo. E agora será a conscientização ou o tipo de declaração. Então essa será nossa última imagem aqui. Ele vai para minhas camadas, trocará o fundo pelo verde. Na verdade, vou mover essa foto porque não parece meio, meio. Insira um texto, altere-o para um aqui e ele ainda terá um bom contraste com o plano de fundo e a imagem do domínio. Corrija a locação do texto. Então, vou aproximá-lo um pouco, desse jeito. E vou colocar o logotipo para reconhecimento da marca. E você pode colocar o logotipo praticamente em qualquer lugar ou colocá-lo aqui como um adesivo Vou adicionar outro texto, algo parecido com isso. Só para dar uma ideia do que estamos defendendo. Pincele a linha, algo assim, e preencha com cor. Uma afirmação e tanto, mas você sempre pode desativá-la e ainda assim terá um bom layout. Você pode alterar o plano de fundo para algo assim. Você sempre pode mudar a imagem, até mesmo colocá-la assim, mas eu posso simplesmente recortá-la na própria imagem. Você pode começar a colocar um pouco de textura nele. Eu meio que amo tudo o que fizemos aqui. Só vou agrupá-los. Portanto, temos uma pasta para tudo neste projeto. Vou apenas clicar no nome aqui. E então, quando entramos, temos todo o nosso modelo aqui e podemos começar a editar. Então, começaremos a exportar o próximo vídeo e vamos colocá-lo em nossa conta do Instagram e ver como fica na vida real Tudo bem, te vejo lá mesmo. 8. Exportação e conclusão: Bem, pessoal, obrigado por sintonizar. Então, vou exportar todos os nossos ativos aqui. Então, vou começar com isso, vou exportar, compartilhar. E então eu vou para PNG. Vou salvá-lo em nossa imagem. Então, eu vou praticamente desligá-lo e depois vamos fazer o mesmo com o outro espécime Tudo bem, pessoal. Então, consegui exportar tudo e postar na conta do Instagram da Plan House. Você também pode usar essa foto no Facebook ou em qualquer plataforma de mídia social. Eles praticamente compartilham os mesmos tamanhos e dimensões em um rescrito aqui e alguns em destaque Eu o sanduíche com fotos normais com cores bonitas que combinam com o tom ou a marca Mas, como você pode ver, tudo está imprensado com a estratégia de publicação nas redes sociais que criamos estratégia de publicação nas redes sociais que Parece que tudo está postado com toda essa placa verde. Tudo parece esteticamente agradável e segue a identidade e as diretrizes da marca E você pode ver que tem um bom contraste com o branco. Vamos voltar ao primeiro. Parece bom e a textura que criamos confere um pouco mais de personalidade, caráter e exclusividade à postagem, em comparação com uma análise de produto com fundo verde simples, é Ainda temos aquelas texturas que colocamos nesses pequenos detalhes aqui e ainda parecem boas Combina com as cores, são incríveis. A escrita é simplesmente nítida , fácil de ler até mesmo no telefone. Se eu mudar assim, é mais ou menos o tamanho do telefone. Eu ainda posso lê-lo até mesmo a cinco ou 67, 10 polegadas de distância, então isso é bom. Agora, um dos nossos recursos é que oferecemos é o problema de contraste. Muito obrigado, pessoal, e espero que vocês aprendam alguma coisa. Nos vemos no próximo vídeo. 9. Parte 2: projeto de curso: Para este projeto, você criará algumas postagens de mídia social que ressoam com o que você ama. O objetivo principal é brincar com cores, texturas e padrões Seja relevante e esteja atento a todos os elementos que você está inserindo Além disso, recorte e recorte imagens e mescle-as para criar postagens perfeitas e coesas Você pode criar sua própria postagem ou pode me acompanhar. Você pode baixar todos os materiais do projeto e resolver uma etapa ao publicar seu projeto. Gostaria de ouvir sobre a inspiração do seu processo, qualquer coisa que você tenha em mente ao criá-lo. Isso me dá uma visão melhor sua obra de arte e ajuda você a se conectar melhor com você 10. Breve descrição e layout: O que vamos fazer hoje será um modelo para postagem no Instagram ou postagens em mídias sociais para Pet shop. Vamos dar uma diretriz de como vamos começar a criar nossa própria postagem nas redes sociais Na verdade, isso é aplicável a qualquer tipo de postagem em mídia social. Você pode utilizar essa técnica. Tudo o que você precisa fazer é colocar as diretrizes de seus amigos, suas fontes e cores. Será um modelo de mídia social, ou você precisará ter uma diretriz ao ler uma postagem para uma empresa ou para sua marca, apenas para garantir que seja consistente e para que seu espectador não se confunda o que você realmente é e o que está tentando, você sabe, divulgar E essas são as diretrizes do que vamos fazer As diretrizes serão amigáveis e escritas, então eu criei um fundo personalizado para este projeto. O tom da cor vai ser um pouco quente e um pouco frio. Então, no meio, tem um bom contraste com os elementos. Esses são os fundos criados um fundo personalizado para este projeto, mas você pode escolher os fundos que quiser. E essas são as cores. Cores de um tom meio quente a meio frio. Precisamos que isso se misture com, você sabe, animais geralmente têm esse tipo de cor, geralmente cães. E vamos usar, então vamos publicá-lo no Facebook. Serão 2.500 pixels por 2.500 pixels. Vamos usar 150 PPI ou DPI. Portanto, temos um bom resultado com a qualidade da imagem que vamos exportar como PNG, mas fique à vontade para fazer isso em Jpeg Só que o PNG é um pouco menos comprimido em comparação com o J peg Vamos apenas usar PNG para isso. Esses são os detalhes finos ao lado da fonte, das cores e das diretrizes que temos. Os padrões que também podemos incorporar nas postagens, entraremos nesses detalhes. Além disso, eles têm aqui texturas. E isso dá mais espírito de toque humano como cores simples com texto. Então, o layout será apenas as diretrizes sobre como o criamos, então temos uma consistência e será como diretrizes que não serão definidas ou não serão para sempre. Vamos começar analisando o depoimento. Então, podemos colocar como um texto aqui e uma espécie de foto aqui e sobrepor E no fundo, será uma espécie de textura para dar um certo interesse visual. E pelo serviço, uma vez que oferecemos entregas para animais de estimação, como higiene e guloseimas, também colocaremos isso aqui Então, vamos colocar um telefone aqui como um aplicativo para a loja. E então podemos colocar ações de culto aqui e algum texto, texto grande, curto e doce. Portanto, é mais fácil de digerir. Foto aqui, foto de texto e ações de culto ali de uma declaração de que somos quem somos e é isso que fazemos. Essa é a nossa missão. Então, um pouco de texto aqui, provavelmente um pouco de texto para empacotá-lo. E uma pequena foto aqui de um tipo de animal de estimação ou alguém que está segurando seu animal de estimação e está muito feliz. 11. Modelo de produto: Tudo bem pessoal, esse é o momento em que criamos nossa postagem. Estabelecemos que vamos criar uma tela de 2.500 pixels Se você não estiver no modo pixel, basta alterá-lo. Só aqui estão 2.500, nosso DPI é 150. Acho que isso vai ser suficiente para a tela, mas se estamos imprimindo, acho que temos que usar 300, mas não estamos imprimindo. Certifique-se de que você está no RGP, então certifique-se de obter todas as cores Então, vamos criar e você terá seu próprio poste quadrado pronto para ser preenchido com algumas coisas boas. Esta será uma foto aqui, aqui, e uma declaração aqui, e um apelo à ação. Isso é exatamente o que vamos fazer. Mas antes disso, temos que estabelecer nossas margens e diretrizes Ações aqui, se você quiser usar o guia de desenho e editar o guia de desenho, você pode estabelecer um bom alinhamento aqui. Se você for para o tamanho da grade, verifique se está dentro da grade. Você pode definir o tamanho da grade assim. Vou aumentar a capacidade. Então você pode ver que você deve ter um tamanho de grade aqui. Você pode ir até o fim até não ter outras linhas aqui. É como se fossem quatro seções. E você deve ter uma chance melhor de ter todos os objetos em bons lugares limpando a camada aqui. E eu tenho um tamanho de tela transparente com minha régua. Pegue seu pincel monoline. Vamos preencher isso com uma forma para que possamos recortar nossa imagem depois disso. Vou segurar meu lápis aqui. Isso fornecerá uma linha reta e podemos editar a forma. Se você quiser ser preciso, podemos fazer alguns pequenos ajustes aqui e ali. Ok, acho que isso é bom. E eu vou preenchê-lo com cores. Você só precisa soltar as cores ali mesmo. Vou duplicar a primeira camada aqui. E eu vou apenas posicioná-lo aqui. Vou renomear esta porque vou recortar algumas imagens e, como não tenho nenhuma distinção sobre o que são, provavelmente poderia colocar cores Mas é melhor renomeá-lo. Vou colocar esse. Eu vou largar isso. Quando recorto a imagem, sei qual delas usar. Vou inserir a foto agora e colocá-la aqui. Eu sei que está baixo. Então, eu vou recortá-lo. Então, eu vou recortá-lo. Ele fica naquele contêiner. Vou inserir outra foto de um lindo gato fofo ali mesmo. Eu vou, logo acima do player, cortá-lo. Assim mesmo. Eu posso simplesmente reorganizá-los assim Eu acho que é legal. Eu poderia mudar o fundo facilmente com a paleta de cores que definimos Eu só vou usar minha cor aqui e vou aqui. Eu tenho minha paleta de cores carregada aqui. Então, vou selecionar isso como padrão. E você deve vê-lo na camada do plano de fundo. Então, eu posso ir em frente e escolher isso aí mesmo. Então eu posso simplesmente mudar a cor aqui. Poderíamos mudar a imagem se ela não combinasse com o plano de fundo. Acho que há um problema com as imagens. Acho que as imagens estão muito ocupadas. Então, eu gostaria de mudar as imagens para uma alternativa menos ocupada. Eu poderia simplesmente derrubá-lo e ele deveria ser cortado automaticamente. Provavelmente mude isso mais uma vez. Vamos ver se eu tenho, acho que isso é muito bom, pois eles têm uma boa combinação de cores. Agora, eu poderia começar a colocar algum texto aqui para preencher informações semelhantes sobre a ação. Eu poderia inserir texto e começar a me tornar mãe. Eu acho que isso é bom. Eu poderia adicionar um texto aqui. Eu poderia simplesmente selecionar tudo. Vou trocá-lo pelo fundo que criei para este curso. Eu vou com esse. Este fundo é um fundo personalizado que eu criei. Há outro problema aqui. Vou me certificar de que se alinhe à esquerda. É mais fácil de ler. Acho que é legal estar aqui. Vou colocar um texto aqui também aqui. Vou fazer uma chamada à ação para nos visitar. Vou colocar algo aqui. Vou colocá-lo aqui para obter mais informações. Provavelmente colocou o cachorro. Sim, King, só para dar um toque divertido, esqueci de mudar as fontes Eu só vou selecionar tudo isso. Eu vou escolher Gill Sans, algo aqui, apenas para uma variação de fontes Acho que o suficiente para isso, eu poderia colocar isso aqui na parte inferior. E agora eu poderia ligar novamente a guia de desenho só para ter certeza não ultrapassar a margem. Ainda parece bom. Eu poderia colocar o encaixe aqui apenas para dar um bom alinhamento com o quadrado ou o recipiente Este me dá um bom alinhamento e também para nos visitar, certifique-se de que você pode ver os alinhamentos Não tenho certeza se está visível, mas acho que é algo assim e esse que se tornou nossos pais. Não vai ficar no centro, mas eu quero colocá-lo no centro. Algo assim poderia até torná-lo maior. É uma declaração mais ousada. Esta visita, eu provavelmente poderia torná-la maior, algo assim. Vamos ver se consigo achar que é muito baixo, então vou colocá-lo em algum lugar aqui. Eu poderia desligar o guia de desenho para ver como fica. Eu acho que é muito bom. Eu tenho um bom senso do que está acontecendo aqui. É uma postagem mínima. Agora eu poderia colocar outra camada e vou colocá-la logo abaixo da camada superior aqui. Eu poderia começar a dar um toque agradável à textura . Então eu poderia ir aqui, texturizar, provavelmente vou ficar fina, ou essa aqui provavelmente vai colorir Este aqui, você provavelmente deveria comprar, parece um jeans também Você pode fazer isso aqui. Eu vou pegar essa cor. Vou deixá-lo um pouco mais leve. Eu vou gravar provavelmente algo assim. Isso não sobrecarrega a tela inteira. Algo parecido com isso. Uma personalidade melhor aqui, vintage aqui. Essa também é uma boa textura. Acho que prefiro esse. Vou até aquela camada, vou limpar. Acho que essa textura é um pouco mais divertida. Vamos ver, eu poderia mudar isso. Está em myrtle. Se você for ao Vintage, há uma textura um pouco mais bonita aqui Poderíamos simplesmente diminuir a opacidade. Não é demais, mas acho que é muito ousado e fácil de ler. Não é uma distração É um design minimalista. Colocamos alguma textura aqui. Os cães são apenas o foco principal deste. Sim, isso está praticamente pronto. Vejo vocês na Expedia. 12. Modelo de revisão: Tudo bem, vamos seguir em frente e criar uma nova tela. Então, eu tenho minha história aqui. Então, o mesmo tamanho da tela, 2.500 por 2.500. Assim, conforme estabelecemos no layout, teremos algo aqui como a imagem do cachorro ou com o dono, um fundo de tons mais claros A textura que estabelecemos. Vamos colocar alguns depoimentos aqui e também o nome do cliente ou do cachorro, e vamos fazer isso conforme explicamos Precisamos estabelecer nosso guia de desenho. Então, eu vou fazer a mesma coisa, camada. Vou deletar esse aqui. Eu vou criar um círculo. Certifique-se de que esteja perfeitamente circular. Eu só vou superar um pouco aqui. E esse é um círculo perfeito e eu vou puxá-lo com qualquer cor. Vamos usar transformação ou flecha aqui, vamos distorcer E poderíamos fazer uma forma bonita aqui, alguma forma orgânica. E eu acho que isso é bom o suficiente. Podemos duplicá-lo para dar outro tom. Certifique-se de que você é um uniforme, então você tem isso. Vou desligar as fotos porque não preciso delas no momento Vou colocar a primeira camada na frente. Insira algumas imagens aqui, só para colocar esta, porque parece que é muito boa. Vou recortá-lo desse jeito. Isso deve nos dar uma ideia de como fica. Provavelmente tornarei a forma maior aqui porque eles têm ou minha posição é assim. Vou excluir a primeira camada e vou copiar essa camada aqui. Isso vai ser, bem, vamos colocar, eu vou pegar uma das cores aqui. Provavelmente o amarelo, só para que pareça algo quente, vou pegar o fundo, provavelmente esse ou algo assim. Acho que essa é boa. Eu vou mudar a cor desta aqui com o azul. Vou dizer, acho que isso é muito bom. Provavelmente. Vamos duplicar isso novamente. Vou colorir com um tom quente, assim. Vou colocar isso abaixo. Acho que isso está acontecendo demais, provavelmente apenas diminuindo a opacidade Acho que é demais. Vou remover uma das imagens ou do objeto aqui. Vou mudar o plano de fundo para este. Sim, acho que isso é muito bom para um bom contraste. Vou acrescentar que vou me certificar de que a cor do texto seja essa ou azul. Vamos dar uma olhada nisso primeiro, mas eu vou. Ok. Eu acho que isso é bom. Vou apenas mudar o texto para a fonte manuscrita. Eu vou fazer esse aqui mesmo. Eu acho que é bem nítido. E eu vou adicionar outro texto. Vou duplicar esse aqui. Eu vou colocá-lo aqui. Vou esvaziar este. Opa, selecione tudo. Vou colocar o nome de Karen, mas é um pouco menor, então tem uma boa hierarquia do que está acontecendo Acho que é um guia de cultivo, veja se está ótimo. Sim, parece ótimo, eu acho que é bom. Tudo o que precisamos fazer agora é inserir uma nova camada e colocar algumas interessantes. Vamos até nossa biblioteca de pincéis. Vamos ao Vintage para obter alguma textura. Provavelmente vou usar a cor azul. Vamos ver se vai funcionar. Isso é bom e vou diminuir a calma apenas para torná-la menos perturbadora Mas ainda assim, acho que isso é bom. Ainda tenho toda essa textura e o depoimento e é o melhor momento para ativar o magnetismo e o encaixe para saber onde está o centro Temos um bom layout para uma análise ou depoimento de um produto Ainda temos uma boa combinação de cores aqui e uma textura quente, praticamente feita com o mesmo modelo. Então, o que vamos fazer com o modelo, podemos facilmente alterar a imagem aqui, já que ela é personalizável, como você pode ver Podemos simplesmente recortar a imagem aqui e redimensionar ou mover reorientar a forma que acabamos E poderíamos até mudar a cor de fundo aqui com algo mais claro. Como é nossa paleta de cores, nunca devemos nos perder com tudo isso Também podemos mudar a cor do texto. Isso é muito personalizável e fácil de editar. Como temos sua própria camada, podemos simplesmente ir até suas camadas e alterá-la e podemos exportá-la aqui com bastante facilidade. 13. Modelo de consciência: Tudo bem, então terminamos com nosso segundo e último modelo aqui para ir direto para criar nossa tela de 2.500 por 2.500 pixels O layout que vamos usar como uma imagem aqui e ali está como uma declaração aqui, siga com algumas letras miúdas. Mas primeiro vamos chegar ao Ranch aqui para Canvas. Vamos ativar nosso guia de desenho apenas para ter certeza que estamos de acordo com tudo o que vamos incluir. Então eu acho que isso é muito bom, já que temos nossas diretrizes aqui. Ele apenas fornece onde colocar nossa cabeça de imagem na minha camada de cor de fundo. E eu provavelmente vou comprar este só para começar, porque ele tem o contraste mais forte. Vou limpar essa camada porque não precisamos mais dela, mas vou usá-la para criar uma forma aqui como um retângulo Então, eu vou fazer isso rapidamente aqui, vou segurar e isso te dá esse tipo de linha reta. E então vou preencher essa metade com cores e inserir uma de nossas fotos aqui. Vamos recortá-lo só para ver como fica. Podemos modificar um pouco a forma, mas deixe-me desligar o guia de desenho aqui só para ver como fica. Acho que está tudo bem, mas acho que vamos empurrar a imagem um pouco para o lado só para obter proporção de algo assim. Mas eu não quero cortar a orelha do cachorro. Então, o que vou fazer aqui modificar a forma. Vou usar a forma livre e vou torná-la um pouco maior, assim. Só para dar um espaço agradável com o cachorro aqui, certifique-se de uniforme. Acho que é uma boa escala para esse cachorro e tem um contraste amarelo. Eu acho que isso é muito bom. Vou inserir um texto aqui. Vou adicionar texto. Usaremos nosso fundo personalizado, provavelmente o tornaremos maior. Aqui estamos, nossos animais de estimação provavelmente deveriam selecionar tudo na linha à esquerda. Vou ligar nosso guia de desenho novamente. Eu vou para o aluguel, porque no momento está muito baseado entre as palavras. Vamos resolver isso com o aluguel aqui. Acho que isso é bom o suficiente para mim. Sempre podemos torná-lo maior, assim. Mas o problema é que há um problema de contraste. Vou duplicar este. Ok, vou adicionar o outro texto aqui, selecionar tudo. Vou colorir branco só para dar um bom contraste. E, na verdade, vou sobrepô-los assim, para dar um bom contraste Eu provavelmente deveria fazer isso em toda a decomposição que fizemos, para que tenha um pouco mais de diversão, coloque um pouco Então, o que vamos fazer aqui criar uma nova camada e colocá-la logo acima da cor de fundo. Provavelmente vou usar a murta. Vai ser o ideal para isso. Meio que diminua a capacidade ali mesmo. Podemos desativar nosso guia de desenho aqui. Vamos ver se parece bom. Sim, vai ficar bem. Acho que você poderia ver isso assim que publicássemos. Um pouco de opacidade. Assim mesmo. Coloque um texto de acompanhamento. Aquele texto aqui. Vou usar o Gil Song. Eu não sei. Vamos tornar o mundo um lugar melhor. O mundo é um lugar melhor. Ok, vamos tentar isso. Um pouco menor. Oh, isso é muito pequeno , então eu vou quebrar. Acho que isso é um pouco fácil de ler depois de publicá-lo. 14. Modelo de serviço: Então, vamos criar uma nova tela aqui para finalizar. Então, praticamente o mesmo, faça primeiro com o plano de fundo. Vamos definir o plano de fundo para azul. Vamos inserir a foto de um smartphone. Eu vou colocá-lo na lateral. Quero ter certeza de que tenho um bom alinhamento. Então, vou colocá-lo novamente, algo assim, e acho que é bom o suficiente. E vou recortar uma imagem na tela do smartphone. Então, vou me certificar de obter o formato da tela para que você possa recortá-la. Tudo o que precisamos fazer é obter a seleção. Vamos usar o sistema automático. Vamos colocar o tamanho da tela aqui, quero dizer, a tela em si, e vamos inverter. E provavelmente vou deslizar três dedos para baixo, cortar e colar E aí está, tem uma camada, coloque por cima para que seja mais fácil para mim. Como você pode ver, conseguimos cortar a camada aqui e tudo o que precisamos fazer é colocar uma imagem. Não sei se é grande. Vamos tentar isso. Vamos recortá-lo. É bem grande. Eu não acho que se encaixe provavelmente neste. Eu acho que é bom. Eu acho que é muito divertido. Vou desenhar um recipiente amarelo aqui, então vou inserir uma nova camada, colocá-la logo acima da cor de fundo. Vou pegar um pincel monolina e vou desenhar algo aqui, como um recipiente. Eu acho que isso é bom. E eu vou colorir com esse amarelo aqui. E eu acho que é um bom contraste. Redimensione-o, vamos usar o formato livre e menos um toque parecido com isso Acho que é bom, mas não gosto muito da imagem. Está acontecendo muita coisa. Provavelmente procurará outra coisa, provavelmente. Essa máscara de recorte, provavelmente. Sim, acho que gosto. Combina com a cor. É menos perturbador. E eu acho que é meio fofo. Insira um texto, então vamos usar nossa fonte personalizada. Vamos movê-lo aqui para que possamos ver o que está acontecendo. Para ter certeza de que está alinhado à esquerda. Coloque-o de volta aqui. Vou dizer que entregamos algumas guloseimas. Entregamos guloseimas. Eu acho que é melhor. Entregamos guloseimas. Vamos duplicar este O mesmo que fizemos no último. E eu vou selecionar tudo e pegar esse marrom aqui. Temos uma sobreposição consistente aqui. Vou mudá-lo para algo que não seja amarelo, provavelmente. Esse aqui, branco. É um pouco mais de contraste. Vou colocar outro texto aqui, mas não vamos usar o fundo personalizado, vamos usar as músicas do Gill apenas para se divertir. Para entrega para. Ok, acho que isso é bom. E vamos torná-lo menor. Essa aqui, eu acho. Eu só vou torná-lo maior. Assim, ele preenche o espaço, é um pouco maior e mais pop, vou desenhar um retângulo aqui para destacar essa parte aqui Vou fazer um retângulo de call to action aqui. Vamos ver se vai funcionar. Eu só aguento isso assim. adicioná-lo, moldá-lo, retangulá-lo Eu acho que é muito bom. Eu provavelmente pintei com este aqui. A camada de texto, eu vou colocá-la desse jeito. Eu não acho que isso se destaque. Provavelmente vou colorir de amarelo algo assim. A fonte vai voltar para isso, acho que é muito boa. Tudo o que precisamos fazer agora é criar uma camada aqui e colocar uma textura nela. Então, vou usar meus pincéis recentes, Myrtle, e provavelmente colocar Eu só vou preencher isso. Vou diminuir a capacidade e isso só lhe dará um pouco de textura. Na verdade, não é a coisa mais importante a se ver. Estamos prontos para ir. Temos nosso modelo aqui. Eu acho que eles são todos coesos um com o outro. Eles têm um tema comum, que são as cores Todos os elementos são consistentes entre si. No próximo vídeo, vamos agrupá-los. Nos vemos lá. 15. Prepare-se para exportar: Tudo bem, pessoal. nossos quatro modelos aqui , que são muito personalizáveis Podemos mudar todas as fontes. Eu posso mudar a imagem facilmente e recortá-la. Então, o que vou fazer aqui é selecionar tudo isso aqui e podemos empilhá-lo Basta renomeá-lo. renomeá-lo para pet shop, sem mais nem menos Você também pode renomear todos os nomes aqui. Portanto, este é um produto de visão de conscientização de serviços. Então, agora temos o modelo para o pet shop. Assim, podemos facilmente ir até aqui e não nos distrair com todo esse conteúdo Pode simplesmente ir em frente e acessar cada postagem aqui. E podemos simplesmente mudar todo o conteúdo. Vamos apenas exportá-lo agora. Já que terminamos, vou exportá-lo. Compartilhar. Vou usar PNG facilmente. Insira outra foto. Ok, algo parecido com isso. Corte-o e ele deve estar lá. Eu acho que isso é bom. Compartilhe PNG. Eu praticamente vou fazer tudo isso aqui. Esse eu vou simplesmente salvá-lo. Vou colocar esse aqui. Vou apenas recortá-la. Deve ficar tudo bem. Vamos garantir que o gatinho seja grande o suficiente. Como temos uma cor azul, vamos mudar o fundo para amarelo. Tem um contraste melhor entre si. Provavelmente vou mudar a sobreposição desta aqui também Vou selecionar tudo e alterá-lo para azul. Eu também vou mudar a textura. Provavelmente selecione e eu vou preenchê-lo. Preencha a cor com azul. Vou aumentar até mesmo o tom. E se eu não estiver muito feliz com isso, eu poderia até mesmo ver a imagem aqui. Eu poderia ajustar a cor e saturação só para dar um toque especial , até combina com a cor, para garantir que pareça natural Vou simplesmente desativar o guia ali mesmo e vou torná-lo maior. Acho que poderíamos reposicionar a forma aqui para se adequar ao assunto Vou salvá-lo agora mesmo. Nós vamos exportar este também. Acho que estamos prontos para ir. Tudo bem, então podemos exportar tudo aqui. Então, vejo você no próximo vídeo, onde coloco todos juntos no Instagram. Nos vemos lá. 16. Mostre-o nas redes sociais: Olá pessoal. No momento, consegui exportar tudo. Consegui publicá-lo com sucesso no Instagram. Só para mostrar como fica na vida real, acabei de colocar um dos mais fofos aqui, como um logotipo ou algo Eu coloquei uma descrição aqui e meio que coloquei brinquedos, cuidados pessoais, suplementos e guloseimas E eu vou começar a partir daqui. Então, como eu disse em nosso plano de layout, misture sanduíches em algo como gerado pelo usuário ou algum tipo de imagem da vida real Então, é um pouco mais dinâmico postar como tudo isso, você sabe, postar como aqui. Portanto, é bom ter algo que também ressoe com a marca Então, começamos com este e, como você pode ver, temos uma boa textura com todas as coisas acontecendo ali mesmo. Acho que a textura o torna um pouco diferente, um pouco divertido e um pouco característico Compare se é como azul simples nos desse mais uma vantagem. E a fonte personalizada aqui dá mais vida a ela. E é um pouco mais parecido feito à mão e não gerado por computador Além disso, este aqui parece muito bom, é apenas um espaço reservado Então, ainda temos o padrão ou a textura que colocamos. E também esse, eu meio que gosto desse. Só que o gato é muito envolvente. Se você ver isso em seus pés, provavelmente ficará olhando para ele por alguns segundos. Eu ainda gosto de como a textura traz. No geral, acho que é uma boa maneira de começar seu modelo de mídia social. Novamente, o modelo é muito personalizável. Você pode alterná-lo, alterar a fonte, alterar a cor e alterar as imagens. Você pode até mesmo colocá-lo, colocar algumas coisas diferentes lá fora. Mas isso é apenas um guia para vocês começarem e nos vemos no próximo carro. 17. Fechamento: obrigado: Olá novamente e muito obrigado por passar seu tempo comigo e assistir a esta aula. Espero que você tenha gostado, aprenda coisas novas e o inspire a criar postagens nas redes sociais e aplicar essas habilidades em seus projetos futuros. Como sempre, estarei aqui esperando para ver seu lindo projeto. Se você tiver alguma dúvida ou algo assim, fique à vontade para perguntar qualquer coisa e nos vemos na próxima.