Busque e misture ilustrações botânicas com tipografia para criar designs modernos

1. Visão geral do curso: Tipo ousado e simples combinado com belas ilustrações florais ou botânicas. Aposto que você tem visto muito por aí ultimamente em cartões, roupas, papelaria de casamento e cartazes. É uma maneira muito simples, mas muito eficaz de criar designs elegantes com um senso de valor e sofisticação. Esta é Eugenia de Attitudes Creative e nesta aula, vou passar pelo processo de combinar ilustrações botânicas vintage encontradas deste tipo para criar desenhos cativantes que podem ser usados em uma ampla gama de projetos, desde cartões pessoais, papelaria do casamento ou decoração do partido para qualquer material de marketing e identidade visual. Essa classe abrange um novo conjunto de técnicas do Photoshop, como trabalhar com máscaras de camada, ajustes de cor e o novo recurso de tipo de correspondência do Photoshop. Ficarei muito animado para ver o que você pode criar. Junte-se a mim nesta aula para fazer algo na moda, para comemorar o verão e lindo tipográfico. 2. Aquisição e corte: Antes de começar, navegue e encontre algumas imagens inspiradoras. Se você quiser conferir meu quadro do Pinterest, digite flores para começar. Em seguida, encontrar algumas imagens de origem agradáveis que você pode usar em seu design. Qualquer coisa floral ou botânica pode funcionar muito bem nesta aula. Não precisa ser uma flor. Pode ser folhas, ramos ou pode ser algumas frutas ou bagas. Eu realmente gosto da aparência desta rosa então é isso que eu vou usar. Estou recebendo imagens da biodiversidade e se você não sabe onde encontrar imagens, confira a lista de recursos nesta classe, e assista a minha aula anterior sobre colagens digitais de ilustrações de enciclopédia vintage, onde eu mostrei um gama de fontes destas imagens. Certifique-se de que a imagem que você deseja usar em seu design não está protegida por direitos autorais e baixe o maior tamanho disponível. Agora, vou abrir a imagem baixada no Photoshop e salvá-la novamente como ela está imediatamente na pasta de origem deste projeto. Este arquivo eu vou manter como um arquivo fonte. Então eu sempre tenho o arquivo original no caso de eu precisar voltar e fazer outra coisa com ele. Então eu vou recebê-lo na outra pasta onde eu vou manter o recorte. Eu vou salvá-lo em formato PSD porque eu queria transparência. Eu vou manter o mesmo nome de arquivo por enquanto, e eu vou incorporar o perfil de cor e eu vou clicar em “Salvar”. Agora o que eu preciso fazer é cortar a rosa fora de seu fundo. Vou usar a ferramenta de laço poligonal. Mas se você quiser usar algum outro método, você pode fazer isso. Se você não sabe como cortar as coisas, volte para a minha aula anterior sobre colagens digitais onde eu cubro e mostro uma variedade de maneiras diferentes de cortar as coisas no Photoshop. Antes de começar a cortar, quero duplicar a camada. Então eu tenho isso apenas no caso e eu vou criar outra camada aqui com uma cor brilhante para que eu possa ver como minhas estacas funcionam. Agora, vou aproximar bastante e começar a cortar. Quando eu cortar minha imagem, eu preciso duplicar esta camada algumas vezes e separar alguns elementos em diferentes camadas para ser capaz de mascarar as coisas facilmente e usar um pouco espalhados em torno do meu design. Então eu quero separar esta flor, alguns botões e algumas folhas. Agora, eu vou renomear rapidamente todas as camadas que eu possa navegar rapidamente pelo meu arquivo e salvá-lo. Depois de ter separado minha rosa em elementos separados, eu vou salvar este arquivo como um arquivo mestre e eu não vou fazer mais nenhuma alteração nele. Eu vou manter o mestre em seu tamanho original, mas para esta classe, eu quero redimensionar esta imagem. Então eu vou para o menu, tamanho da imagem, e eu vou mudar a resolução para 300 dpi. Vou continuar a re-amostragem para preservar os detalhes. Vou mudar as unidades para centímetros e mudar o tamanho da minha imagem. Eu não preciso que ele seja tão grande porque o design final vai ser muito menor. Então eu vou descer para 20 centímetros de largura para ter uma imagem de boa qualidade. Neste ponto, certifique-se de não sobrescrever seu arquivo mestre, mas sim, salvar camadas de elementos individuais como arquivos separados. Então eu vou passar por camadas uma a uma, removendo qualquer coisa que eu não preciso e salvar cada elemento em um documento PSD separado. Agora, estou pronto para começar a trabalhar no meu projeto. Se você tiver mais de uma imagem de origem para cortar, passe pelo mesmo processo e passe para o próximo estágio. 3. Organizar elementos: Depois de cortar todas as ilustrações que deseja usar em seu design, é hora de começar a colocá-las todas juntas. Vamos criar um novo arquivo no Photoshop. Uma vez que para este projeto de classe vamos criar um cartão de saudação, precisamos mantê-lo em mente ao configurar o documento. tamanhos padrão de cartões podem variar ligeiramente de país para país, mas geralmente eles mantêm em algum lugar em torno de seis ou cinco marcas se eles são grandes ou podem ser quadrados com base no lado mais longo do formato A6. Uma vez que todos estamos em diferentes países, sugiro que você decida o tamanho para si mesmo, com base no que é usado em seu país. Eu vou junto com os tamanhos padrão A por enquanto. Normalmente sou bastante engenhoso quando trabalho e penso à frente sobre como posso usar o que estou trabalhando. Agora, sabendo que eu estou realmente trabalhando no cartão, eu vou criar um arquivo gratuito em vez disso, para que eu também possa usar este trabalho para outra pessoa. Usar formatos A também é muito bom porque eu posso facilmente dimensionar proporcionalmente o meu trabalho para baixo para chegar ao tamanho A6 desejado do cartão final. Vou usar o modo de cor RGB porque eu vou estar carregando no meu trabalho apenas sociedade seis e isso é o que eles usam, mas se você quiser usar CMYK e imprimir seu trabalho profissionalmente, vá em frente. Clique em “Ok” e vamos salvar este arquivo imediatamente. Vou colocá-lo na minha pasta de desenvolvimento, renomeá-lo, certifique-se de que este formato NPSD e clique em Salvar. Agora posso começar a colocar meu cartão neste arquivo. Você pode fazer isso da maneira que quiser, e eu colocarei arquivos vinculados, então vou passar por todos os meus recortes um por um e colocá-los no meu documento. Certifique-se de clicar em “Enter” para colocar a imagem. Eu tenho todos os elementos que preciso em um arquivo. Eu tenho as regras completas e todos os elementos individuais como camadas separadas. Eles estão todos no mesmo lugar que estão em suas regras originais, que será bastante útil no futuro estágio de mascaramento. Eu vou agrupar todos os elementos individuais e escondê-los porque eu não preciso deles no momento, e então eu vou começar a trabalhar na composição geral do cartão. Os papéis são realmente muito pequenos em comparação o formato geral e é bom porque ele vai tornar mais fácil para mascarar as coisas fora caso contrário o tipo seria muito escondido pelos elementos da rosa ou vice-versa. Em termos de composição geral, você pode fazer o que quiser. Você pode ter apenas um elemento em um fundo colorido, você pode ter uma imagem acima do tamanho se você formatar é assim ou você pode duplicar suas imagens e espalhá-las em toda a tela. Você decide como quer que seu cartão fique. Isto parece bom. Agora quero mudar o plano de fundo. Eu vou para algo agradável e [inaudível], que vai funcionar bem com estas flores por enquanto, e eu vou voltar a ele mais tarde, em qualquer caso, para finalizar meu projeto. Você pode usar todos os atalhos de exclusão para preencher a camada com a cor de primeiro plano definida no painel de ferramentas ou usar a ferramenta de balde de pintura. Agora posso começar a pensar em como posso adicionar tipo a esta composição. 4. Como adicionar fontes: Volte para a sua pesquisa e decida qual escrita você quer ter no seu cartão. Isto pode ser qualquer coisa. Você pode incluir apenas algumas palavras para definir o humor. Você pode usar uma cotação. Você pode escrever, parabéns, feliz aniversário ou obrigado. Você pode escrever o nome ou iniciais de alguém. Cabe a você. Eu vou para algo simples e polivalente. Agora, eu preciso fazer minha tipografia parecer legal. A primeira coisa que eu vou fazer é realmente definir a cor do meu texto, algo que eu possa ver bem e trabalhar com, mas pode não ser a cor final que eu vou usar ainda. Então eu preciso escolher uma boa fonte ou tipos de letra. Se você não está muito confiante trabalhando com o tipo, confira minha primeira classe na série de topografia masterização, que abrange princípios básicos de criação de composições tipográficas visualmente atraentes, seleção e emparelhamento de tipos de letra, e configurações disponíveis nos painéis de caracteres e parágrafos. Como tudo isso está coberto lá, eu não vou me aprofundar no assunto nesta aula. Então vá para a minha aula, o guia para iniciantes para criar designs impressionantes para obter mais informações sobre como trabalhar com o tipo. Para este projeto, eu gostaria de ter algum tipo razoavelmente simples que irá criar um contraste agradável com uma ilustração muito detalhada. Você pode notar se você olhar para o meu tipo de quadro flores no Pinterest, maioria das composições apresentam tipografias Sans serif negrito, e na maioria dos casos ele também é definido em branco. Não é surpreendente porque o branco permite adicionar mais ar e sofisticação à composição, e torná-lo bastante suave e elegante. Então, se é isso que você quer ir para em termos de estilo, vá em frente. Se você está usando tipo como eu fiz, há uma abundância de tipos de letra para esses fins lá. Então divirta-se. Além disso, se você tiver a versão mais recente do Photoshop, há um novo recurso incrível lá, que é chamado de fonte de correspondência. Este recurso permite que você combine fontes encontradas em qualquer imagem ou fotografia com sua biblioteca de fontes e fontes disponíveis via Typekit. Então aqui como funciona. Digamos que você goste da aparência da fonte nesta imagem, mas você não sabe que tipo de letra é e você não sabe se você tem algo semelhante em sua biblioteca. Vamos abrir essa foto no Photoshop. Usando a ferramenta de seleção retangular, selecione a fonte que queremos identificar. Em seguida, vá para o tipo de menu, corresponder a fonte. Lá você verá a lista de fontes semelhantes em aparência que podem ser encontradas em sua biblioteca ou estão disponíveis para sincronização via Typekit. Você pode mover a seleção ou redimensioná-la para selecionar áreas diferentes e ver como a lista de fontes muda. Este é um recurso muito novo no Photoshop, e não é perfeito, e pode dar-lhe alguns jogos muito selvagens. Mas geralmente, pode ser um ponto de partida legal. Dê uma chance e compartilhe sua experiência se quiser. Se você quiser usar uma das fontes em seu design, sincronize-a no Typekit, selecione dentro da lista e clique em “Ok”. Agora, você pode começar a digitar com ele e ver como ele fica em comparação com o tipo original na imagem. Usando recurso de fonte de correspondência, eu encontrei este tipo de letra realmente agradável, que é realmente muito diferente do tipo de letra na imagem, mas eu realmente gosto do olhar dele, especialmente a letra R. Eu acho que ele funciona muito bem juntamente com estas rosas. Vou usá-lo de duas maneiras diferentes para adicionar algum contraste e sofisticação à composição. Agora, eu vou escrever rapidamente isso e colocá-lo mais ou menos onde eu quero que ele esteja. Isto parece muito bom. Agora, eu estou em uma posição de desenvolvê-lo ainda mais adicionando algum volume à minha composição mascarando partes do tipo. 5. Trabalhando com máscaras: Depois de definir o meu tipo e a posição na ilustração, o que é bom para esconder algumas partes do tipo por trás da ilustração, posso começar a trabalhar na adição de algum volume imaginário ao meu design. Olhando para a imagem, posso analisar quais elementos estão mais próximos e o que pode ser considerado mais distante. Eu também posso usar os recortes de imagens separadas deste grupo para me ajudar a entender em que plano imaginário eu quero colocar meus textos e quais elementos eu posso ter na frente dele e quais elementos definitivamente vão estar por trás dele. Se você tem elementos menores em suas ilustrações florais ou botânicas, você terá mais liberdade ao mascarar as coisas do que eu fiz. Eu não quero esconder cartas a ponto de elas serem irreconhecíveis e, por outro lado, eu também não quero destruir as flores demais. Então eu vou começar e tomar minha decisão enquanto eu vou junto. Eu vou esconder o grupo com os elementos individuais por agora e eu vou voltar para eles quando e se eu precisar. Agora, eu preciso adicionar uma máscara de camada à minha camada de texto. Então eu preciso selecionar a camada de texto no painel Camadas e clicar neste botão aqui. As máscaras de camada são uma maneira extremamente útil e não destrutiva de ocultar partes da camada ou mesclar camadas diferentes, se você estiver trabalhando com uma manipulação de Fotomontagem ou Fotografia. Além disso, se você quiser, você pode usar máscaras de camada para cortar elementos quando você está lidando com as colagens. Assim, as máscaras controlam a opacidade da camada à qual são aplicadas. As áreas brancas na máscara de camada são opacas. cor preta na máscara torna a camada transparente e tons de cinza criam diferentes níveis de opacidade. Você pode selecionar cor no painel Ferramentas e pintar em diferentes níveis de transparência usando a ferramenta Pincel. Independentemente do modo de cor do documento, 100% branco seria 255 em todos os três canais RGB e preto será três zeros. Você precisa se certificar de que está trabalhando com 100 por cento preto e 100 por cento branco se quiser ter transparência completa ou opacidade completa. Caso contrário, você terá diferentes níveis de transparência, o que é útil em alguns casos, mas definitivamente não nesta classe. Para facilitar a ocultação de algumas partes do MyType atrás dos elementos da flor, eu preciso ir para a primeira camada que eu quero construir minha máscara e comando clicar em sua miniatura no painel Camadas. Agora, o conteúdo da camada é selecionado, e eu poderei usar essa seleção para pintar a transparência na máscara. Então eu preciso selecionar a máscara de tipo no painel Camadas. Certifique-se de que a cor do primeiro plano esteja definida como preto. Zoom-in perto para que eu possa ver todos os detalhes e usando o pincel duro do tamanho apropriado, pintar as partes que eu quero parecer estar atrás das folhas. Nesta fase, eu também posso usar meus elementos pré-cortados para torná-lo mais rápido para selecionar diferentes bits como este da flor. Então eu vou fazer uma seleção de sua forma e pintá-lo fora na máscara aqui. Quando eu terminar com a seleção, eu preciso ir e fazer uma seleção de outra ilustração que eu quero estar na frente do meu tipo. Preciso fazer isso com todos os elementos que quero cobrir o meu tipo. Se eu quiser que meu tipo seja escondido pelos pequenos elementos na ilustração como este pedaço de uma pétala, por exemplo, eu esconderia rapidamente a camada de texto e usando a ferramenta Laço poligonal, selecione a parte que eu quero ocultar. Em seguida, revele a camada de texto, selecione a máscara e pinte dentro da seleção. Você também pode fazer isso diminuindo a opacidade da camada de texto e usando a ferramenta de pincel para seguir as linhas na ilustração. Mas pode não ser tão preciso quanto usar a ferramenta Laço poligonal. Quando terminar de mascarar coisas, agrupe todas as imagens no painel Camadas e salve o arquivo. O próximo passo é finalizar as cores. 6. Desenvolvendo as variantes de cores: Você pode já gostar do que fez, mas neste momento é sempre uma boa ideia desenvolver seu trabalho e experimentar diferentes variantes de cores. Para fazer isso e preservar o trabalho original, se você tiver a versão mais recente do Photoshop CC, poderá usar pranchetas. Caso contrário, você terá que salvar arquivos individuais para cada versão. Vou orientá-lo rapidamente ao trabalhar com a Artboard no Photoshop. No painel Camadas, selecione a camada de plano de fundo que define o tamanho do seu trabalho e, em seguida, vá para Menu Camada, Novo, Prancheta de camadas. Isso colocará todas as camadas visíveis juntas em uma pasta da prancheta no painel Camadas. Agora você pode duplicar sua prancheta quantas vezes quiser, da mesma forma que copiaria uma camada, para que você possa criar uma versão de cor diferente do design em uma prancheta separada. Há também uma ferramenta de prancheta no painel Ferramentas que permite trabalhar com o tamanho, a posição e as configurações da prancheta. Não fique muito louco com um número de pranchetas porque eles vão aumentar o tamanho do seu arquivo. mantê-lo gerenciável e certifique-se de salvar seu trabalho enquanto você faz alterações. A primeira coisa que você pode querer modificar é a capacidade do seu tipo. Ter uma cor sólida é bom, mas diminuir a capacidade para 90, 80 ou 70 por cento, pode fazer uma grande diferença na aparência. Eu gosto muito deste tecido ou papel de rastreamento olhar porque torna todo o design mais leve e mais arejado. próxima coisa fácil a fazer é brincar com a cor de fundo e ver como ela afeta a percepção geral do seu design. Eu gosto de usar a camada de ajuste de saturação de matiz para ajustar a cor do fundo, porque desta forma eu posso ver as alterações que eu aplicar em tempo real e eu sempre posso desligá-lo se eu quiser. Você também pode usar a saturação de matiz para ajustar as cores da ilustração ou para colori-la em uma aqui, você pode fazer com que ela afete apenas as ilustrações vinculando a camada de ajuste ao grupo, ou você pode fazer com que ela afete ilustrações e o plano de fundo colocando a camada de ajuste aqui, ou você pode fazer com que ela afete toda a placa de arte colocando a camada de ajuste acima de todos os outros conteúdos na Pasta da prancheta. Você também pode obter um efeito muito agradável usando Ajuste de mapa de gradiente. Coloque-o no painel Camadas onde você queria estar em relação à imagem e vincule-o ao que você deseja fazer, então vá brincar com as cores do gradiente. Clique no gradiente para abrir a janela Editor de gradiente e, em seguida, escolha um gradiente nas Predefinições ou defina suas próprias cores clicando nas Paradas de cor e selecionando cores no Seletor de cores. Duas cores parecem muito agradáveis, mas se você quiser ter mais, você pode adicionar mais paradas de cor ao seu gradiente. Neste ponto, você também pode querer misturar outros ajustes, como brilho e contraste ou níveis. Quando estiver satisfeito com os resultados, salve o arquivo PSD de desenvolvimento e vá para Arquivo de menu, Exportar pranchetas para Arquivos. Aqui, você pode exportar pranchetas individuais como arquivos PSD separados, que pode ser útil se você quiser levar qualquer versão específica adiante, ou você pode exportar pranchetas individuais para impressão ou web e ser feito com isso. Se você quiser criar um cartão dobrável para impressão, exporte pranchetas para arquivos PSD com as configurações e passe para a próxima etapa de preparação do design para impressão como um cartão dobrado. 7. Preparação para impressão e conclusão: Se você quiser imprimir seu cartão e torná-lo dobrável, há algumas coisas que você precisa fazer. Abra o arquivo PSD, que você deseja usar para o cartão e, em seguida, vá para a imagem do menu, tamanho da imagem e reduza o seu trabalho. Por exemplo, eu quero ter um cartão A6 e há uma predefinição para ele. Eu também vou mudar o método de reamostragem para bicúbico mais nítido, que é melhor para a redução de tamanho. Vamos clicar em “Ok”. Uma vez que o cartão precisa ser dobrável, precisamos adicionar a parte de trás a ele. Vamos ao painel Camadas e desagrupar o conteúdo da palavra artística. Clique em Command Shift G algumas vezes para que possamos ver todas as nossas camadas como deveria ser. Agora agrupe todas as imagens e textos. Se você tiver algum ajuste aplicado a toda a imagem, certifique-se de manter a camada de ajuste fora desse grupo. Agora, clique na miniatura da camada de fundo, selecione seu grupo no painel Camadas e adicione uma máscara da seleção a ele. Você não pode ver nenhuma mudança ainda, mas você vai ver por que eu estou fazendo isso em um momento. Agora vá para muitos tamanho de tela de imagem, e, em seguida, se você tem um cartão vertical como eu faço, defina a âncora para a direita clicando nesta seta e dobrar a largura. Se você tiver um cartão que se abre ao longo da borda horizontal, defina a âncora para baixo e dobre a altura, clique em “Ok”. Então esta é a edição traseira. Agora você pode ver que eu adicionei a máscara para esconder elementos que estão fora da parte da frente. É claro que, neste ponto, você pode realmente querer remover a máscara e trazê-los de volta ou até mesmo adicionar mais ilustrações na parte de trás, depende de você. Eu só quero fazer com que a cor de fundo cubra totalmente na parte de trás do meu cartão, então eu vou redimensioná-lo rapidamente. Você também pode querer adicionar seu nome ou logotipo ou outra coisa na parte de trás, então vá em frente se quiser. Parece que estamos quase lá, mas quero fazer mais uma coisa. Independentemente de você imprimir em casa ou na loja de impressão, é uma boa idéia ter marcas cortadas para cortar sua impressora para o tamanho final. É uma maneira profissional de fazer as coisas porque desta forma você pode cortar para o tamanho desejado e deixar espaço para erros. Você adiciona lâminas, que serão cortadas, que garante que a borda de sua impressão parece perfeita, especialmente se sua impressão passar por cima da borda como no meu caso. Vamos adicionar lâminas e marcas de corte. Photoshop não facilita, então teremos que fazer isso manualmente. Se as réguas estiverem ocultas, revele-as clicando em Command R ou Ctrl R no Windows e, em seguida arraste as guias para fora delas e alinhe-as às bordas da Tela de pintura. Se você tiver o snap habilitado, isso tornará mais fácil. Vá para muitos snapshots de exibição e verifique se ele está ativado. Adicione também uma guia vertical no centro da tela ou uma horizontal se o cartão abrir de uma maneira diferente. Agora vá para a imagem do menu, Tamanho da tela, certifica-se de que a âncora está definida para o centro, mude unidades de dois milímetros e adicione seis ou 10 milímetros para largura e altura, clique em “Ok”. Agora precisamos estender nossa imagem para a área da lâmina, então redimensione o plano de fundo com uma ferramenta de transformação livre e selecione o lado frontal do cartão da borda ao centro, selecione a máscara e preencha a seleção com cor branca. Não importa que não pareça equilibrado porque esta é a parte que vamos cortar de qualquer maneira, essa é a nossa lâmina classificada. A última coisa que precisamos fazer é adicionar marcas de corte ou corte. As marcas de corte normalmente vão ligeiramente sobre a borda. Vamos para a imagem do menu Tamanho da tela novamente e adicionar mais cinco milímetros em ambos os lados. Agora crie uma nova camada em branco acima de todas as outras camadas, e usando a ferramenta de seleção retangular, desenhe uma seleção entre as bordas e as guias assim. Em seguida, clique com o botão direito do mouse na seleção e, neste menu, selecione “Traçado”, Defina largura para 0,5 pontos e defina a cor como preto. Alinhe o traçado ao lado de fora e clique em “Ok”. Em seguida, faça o mesmo com os outros três cantos. Neste ponto, você também pode adicionar marcas de dobra. Quando você tiver todos os quatro cantos e o comando de crédito de marca completa clique ou Ctrl clique no Windows na miniatura da camada de plano de fundo para definir a seleção. Inverte a seleção pelo atual Command Shift I ou Ctrl Shift I no Windows. Selecione a camada com as marcas de corte no painel Camadas e adicione uma máscara de camada a ela. Salve este arquivo como um PSD, convertido para a tecla C ausente, se necessário, e salve-o como um PDF para impressão e coloque-o na pasta de impressão. Agora você pode imprimir seu cartão usando algum papel ou cartão bonito dobrado de acordo com as marcas de dobra. Corte as lâminas usando uma régua e uma faca artesanal para bisturi e dê a alguém especial. Isso é tudo para esta aula. Espero que tenha gostado e aprendido algo novo. Se você gostou desta aula, deixe um comentário para que mais pessoas possam descobrir. Ficarei muito animado para ver suas cartas. Publique seu trabalho na seção de projeto para esta aula e se você estiver indo para compartilhar seu trabalho no Instagram, por favor, tome habilidades de atitudes para que eu possa vê-lo lá também. Se você tiver alguma dúvida, deixe um comentário no conselho da comunidade para esta aula, e eu ficarei feliz em responder e fornecer feedback. Obrigado por se matricular nesta turma, e espero vê-lo em minhas outras aulas.