Design de PDF preenchível - como criar formulários interativos de marca | Steph F. ~ A Brand Apart Design | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Design de PDF preenchível - como criar formulários interativos de marca

teacher avatar Steph F. ~ A Brand Apart Design, Freelance Designer & Coffee Guzzler

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      1:53

    • 2.

      Chp1 - desenhando o formulário

      1:50

    • 3.

      Chp2 - tornando campos de preenchimento

      4:14

    • 4.

      Chp3 - testando o formulário

      0:48

    • 5.

      Chp4 - desenhando um formulário de pedido

      1:50

    • 6.

      Chp5 - Criando campos com cálculos

      8:37

    • 7.

      Chp6 - testando o formulário de pedido

      1:46

    • 8.

      Chp7 - Seu projeto!

      0:50

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.280

Estudantes

4

Projetos

Sobre este curso

Se você já teve de criar um formulário de inscrição, questionário ou outro documento que requeira entradas dos usuários, imprimir e preenchê-las à mão não é apenas tedioso, mas também necessário que sejam digitalizadas ou fotografadas para reenviarem de volta.

Neste curso, vou mostrar como usar esses formulários de pdf e convertê-los em documentos preenchíveis para que os usuários possam digitar suas respostas e enviar o mesmo documento de volta para você.

Você também pode criar seus próprios documentos que você precisa enviar regularmente, como faturas ou cotações, e ter áreas preenchíveis para desagregações de custos que podem ser calculadas automaticamente, salvando a dor de cabeça de fazer isso manualmente cada vez.

A melhor parte é que cada formulário terá seu design e marca nele, em vez de um modelo de estoque ou planilha, e você pode incluir elementos interativos, como links para URLs, etc.

Alguns dos tópicos que vou cobrir são:

  • Projetando seu documento com áreas preenchíveis em mente
  • Exportando-o do Illustrator ou do InDesign
  • Criando áreas preenchíveis para texto
  • Como converter campos de entrada para fazer cálculos e adicionar totais


No final do curso, você poderá criar seu próprio formulário para se usar ou enviar aos clientes para preencherem sozinhos. Então, se isso for algo que você deseja incorporar no seu fluxo de trabalho, vamos passar para a lição 1!

Conheça seu professor

Teacher Profile Image

Steph F. ~ A Brand Apart Design

Freelance Designer & Coffee Guzzler

Professor

Habilidades relacionadas

Design Design gráfico Design de impressão
Level: All Levels

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Caras minando coisas. Eu sou um designer gráfico freelance morando em Vancouver, B. C. Nos últimos nove anos, eu projetei coisas como identidades de marca, materiais promocionais, sites de embalagens Se você já tinha que projetar um formulário ou um aplicativo de membro ou algum tipo de documento que você precisava de pessoas para filo. Imprimi-los e fazer tudo à mão não é apenas tedioso, mas, em seguida, requer que eles sejam digitalizados ou fotografados ou fatos de volta para você. Sim, máquinas de fax ainda existem neste curso. Vou ensinar-te a pegar num documento estático e transformá-lo numa sílaba. Pdf para que seus usuários possam digitar suas respostas e enviá-las diretamente para você. E isso também é útil. Se você precisar enviá-lo documenta seu celular com frequência, como faturamento ou algum tipo de documentos que exigem cálculos. Você pode configurar um pdf para que ele faça contas para você. Adicione impostos, faça totais. Alguns dos tópicos que abordarei são projetar o pdf, exportá-lo e, em seguida, configurar o documento para ter ambos texto baseado Philip todas as áreas e numéricos que podem ser configurados para fazer cálculos. Esta classe é destinada a usuários que têm um conhecimento prático de ilustrador e acrobata ou em design. Mas todas as coisas que vou fazer vão ser muito básicas. Então, mesmo que você queira apenas baixar as versões de teste de cada um para acompanhar por enquanto, você deve ficar bem. No final desta aula, você poderá pegar qualquer tipo de documento estático e transformá-lo em um documento interativo. Você também pode adicionar você RL's, e a melhor parte é que cada um terá sua própria marca nele. Então, se isso é algo que você está querendo adicionar ao seu fluxo de trabalho, então uh, vamos passar para a Lição 1. 2. Chp1 - Como criar o formulário: Então vamos fingir que você precisa projetar um formulário como um questionário ou um aplicativo. Apenas algo com campos baseados em texto. Então você pode usar formulários do Google ou uma versão online. As pessoas podiam enviá-las por e-mail e enviá-las. Mas se precisares de algo que precises do Teoh, não há impressões digitais. Oh, continue no arquivo. Guarde uma cópia impressa ou algo assim. É para isso que você usaria isso. Então vamos criar um questionário sobre um cliente que quer trabalhar. Então, quais são algumas coisas que você precisa saber deles? Então você precisa saber o nome deles, as informações de contato, todo esse tipo de coisa e, em seguida, alguns detalhes sobre o trabalho. Então, o que eles estão procurando fizeram por você? Isso é um site? Isso é design de embalagem? Existe um prazo em que eles precisam que o projeto seja concluído se eles têm um orçamento em mente? Hum, você sabe, se eles têm algum material em mãos ou se é algo que vai ser feito do zero. Hum, então neste momento, eu estou tendo todas as caixas apenas por conta própria. Parecia um pouco esmagador de certa forma, então estou separando-os por categorias. Então o primeiro é apenas a informação sobre a pessoa e, em seguida, os olhos da caixa do meio vão ser os detalhes do projeto. E eu estou apenas realinhando tudo para criar um pouco mais de espaço para a terceira caixa que eu vou ter na parte inferior. Isso são apenas, uh, perguntas diversas. Às vezes é útil saber como as pessoas te encontraram, seja boca a boca ou se é de encontrar seu portfólio on-line, é bom saber como eles se deparam com o seu trabalho e qualquer outra informação que Às vezes é útil saber como as pessoas te encontraram, seja boca a boca ou se é de encontrar seu portfólio on-line, é bom saber como eles se deparam com o seu trabalho e qualquer outra informação que eles podem precisar. Teoh deixou você saber sobre, hum, aquele campo final está lá embaixo? Então, agora que tudo foi projetado, vamos em frente e abri-lo no Acrobat e criar as partes falíveis 3. Chp2 - Fazendo campos preenchíveis: Eu fui em frente e abri o questionário. Nós apenas projetamos em dois acrobatas diferentes. Cardos, Acrobat 10. E esta é uma nuvem criativa sobre a razão de eu ter feito isso. Como você pode ver, que o layout é um pouco diferente em cada um. Então, , primeiro para convertê-lo em um formulário na versão mais antiga do Acrobat, você iria para as ferramentas. E então há uma guia aqui que diz formulários e você pode simplesmente ir para criar. Ele vai dizer, Use o documento atual, você diz Sim, Clique em próximo novamente, e você pode ver que ele é convertido todas as áreas em thes caixas roxas e tomou o título de cima dos livros. É meio inteligente assim, então vamos fazer a mesma coisa aqui neste. Você tem que ir para ferramentas e, em seguida, você vai para preparar início formulário e ele faz a mesma coisa para que você possa ver em ambos estes Eles têm uma coluna direita que lista todos os nomes das caixas. Você pode alterá-los se quiser, mas o importante a lembrar é que nenhuma caixa pode ter exatamente o mesmo nome nele. Se você fizer, se você disser que você chama este um nome e este um nome, qualquer que seja a entrada neste, se eles digitar seu nome aqui, ele seria automaticamente inserido neste também, também, porque essas caixas teriam o mesmo nome. Então isso é muito importante lembrar, especialmente quando passamos para o formulário que faz cálculos. Então este parece que foi convertido. Muito tarde. Realmente, isso é mais velho para ele para um texto baseado em um. Você só quer ter certeza de que todas as áreas que você precisa de alguém para digitar uma resposta são convertidas para esses documentos roxos ou campos roxos e, hum, e que não há nenhum campo roxo extra que você não precisa. Às vezes este, Eu não tenho certeza por que ele não fazê-lo desta vez, mas às vezes sempre que ele vê uma caixa com texto nele ou ao redor, ele converte em um preencher um campo de bola. Então você apagaria essas caixas. Mas digamos que há um campo que você precisa adicionar que não foi escolhido pelo Acrobat. O que você faria é subir aqui para adicionar novo campo, texto, campo e você vê, você tem esta pequena parte destacada Diga que você quer alguém para adicionar algo abaixo do seu título aqui para que você apenas arraste e solte, e então você chamaria de algo. Então vamos chamar de título. E se você quiser tornar este campo obrigatório, significa que eles não podem enviá-lo sem que isso seja preenchido, você pode tirar isso. Mas nós realmente não precisamos disso para este, então você pode ver que aqui está. Por aqui, foi inserido. Agora, outra coisa que você pode fazer é mudar a fonte e o estilo das entradas. Se você clicar com o botão direito, clique no campo e vá para propriedades. E aqui você pode ver que o tamanho da fonte é 12 e é escolhido Helvetica, e sob este campo você pode escolher o alinhamento. Então diga isso. Você deseja alterar o tamanho da fonte para participar, e você deseja alterá-lo para que tudo esteja sempre centralizado. Você fecharia isso, e agora este vai ser um centro, e vai ser um pouco menor do que esses campos. Então agora você pode ir para arquivo salvar como e vamos salvá-lo aqui mesmo na minha nova pasta de compartilhamento da escola chamada Questionário. Então, a mesma coisa neste. Se você quiser adicionar outro campo de texto, clique neste botão na parte superior enquanto ainda estiver na parte de edição. Arrastar e soltar. Chame esse título e aqui está, aqui embaixo, certo. Clique em você pode clicar com o botão direito nos campos de título aqui ou na caixa real em e, você sabe, mudar coisas aqui também. Já que já salvamos esse, esse, não vou me preocupar em salvá-lo. Esta versão do Acrobat irá apenas fechá-la. E no próximo, vamos abri-lo e vamos verificar o que parece como parte não filmable. 4. Chp3 - Testando o formulário: Então eu fui em frente e abri o documento em ambas as versões do Acrobat, e você pode ver que eles são praticamente a mesma coisa se você quiser testá-lo. Esta é a área em que colocamos esse título. Este é o nome para que você possa ver a diferença aqui. Este é um pouco menor e no centro. Este corre da esquerda para a direita, e é um pouco maior, assim como nós o tínhamos configurado na mesma coisa neste. Então, se você tivesse enviado isso para um cliente, poderia apenas digitar todas as informações aqui, salvá-las e enviá-las de volta para você por e-mail. Então, no próximo vídeo, eu vou mostrar a vocês como fazer um formulário que você pode configurar. Teoh tem campos que podem ser calculados para formulários de pedido ou faturamento ou esse tipo de coisa campos que podem ser calculados para formulários de pedido ou faturamento ou esse tipo de coisa 5. Chp4 - Como criar um formulário de ordem: Então, um tempo atrás, eu projetei um formulário para um cliente que cultivava microgreens orgânicos para que restaurantes diferentes fizessem pedidos com eles. Ele cresce suas variedades seletivas. E então, quando ele deixou o produto, ele deixava uma fatura com, um, então eu criei um formulário para ele que ele pudesse sentir que listava o nome do produto e o custo. E então ele poderia preencher as quantidades que foram encomendadas, e calcularia o total final para ele. Então vamos em frente e fingir que estamos fazendo algo semelhante aqui para uma loja que tem produtos sazonais e regulares. Então, tendo em mente que eles serão áreas que serão convertidas para preencher um projeto de lei, porções e algumas dessas serão calculadas. Hum, então alguns dos itens que estavam indo para configurar aqui agora eu estou apenas colocando na descrição do item , a quantidade pedida e o valor por item para que ele será Ele será capaz de usar essas áreas uma vez que eles são preenchido para criar um total, que é a caixa mais longa no final. É um subtotal para cada linha. Então, na parte inferior desta declaração, eu tenho outro total. Então este vai ser o total de itens sazonais. E então nós vamos replicar isso para itens com preços regulares, exatamente a mesma coisa para onde ele está indo. Teoh mudar um deles para ser um preço padrão em vez de um preço variável. Então o item número três é sempre $5 independentemente, e o item sete é sempre $10, mas eu não quero cinco e seis seu custo pode mudar com base em eu não sei estações ou especiais ou algo assim. E então lá na parte inferior vai ser o total geral. E então, se você adicionar impostos, há uma pequena caixa para o valor do imposto, e então a caixa final na parte inferior é o total geral. 6. Chp5 - Como criar campos com cálculos: Então eu espero na forma em ambas as versões do Acrobat, este eu já converti para uma forma socialmente o mesmo processo neste. Se você vai para as ferramentas, preparar formulário e começar, você pode ver que ele é feito a mesma coisa que este aqui. Então, há alguns campos aqui que não precisamos. O acrobata enche automaticamente como esta pequena caixa local e então essas caixas aqui embaixo , um, um, então eu vou apenas ir em frente e excluir aqueles que você acabou de sair, clique sobre ele uma vez e, em seguida, excluir carregadas dessas pequenas Escondido um aqui. Agora, você verá que tudo isso puxou os nomes das categorias abaixo. Hum, hum, se eu tivesse chamado este subtítulo por baixo da caixa, eles teriam automaticamente preenchido aqueles no subtotal, o que eu não fiz. Mas agora vou mudar o nome deles só por clareza quando chegar a hora de fazer os cálculos. Então, geralmente você não precisa renomear seus campos em Accra. Mas a única coisa que você quer ter certeza é se você renomeá-los que eles terão um nome diferente. Isso é porque se eu tivesse acabado de chamar este subtotal não sub total para, ele iria apenas preencher automaticamente o que neste campo foi preenchido com. Então, se você quer que eles façam coisas diferentes ou tenham coisas diferentes preenchidas lá, então você tem que ter certeza de que eles têm nomes diferentes. Então o que vamos começar fazendo é certo. Clique neste e vá para propriedades e clique em Calcular, e o que vamos fazer é multiplicar essas duas colunas juntas para que você vá para o valor é o produto dos seguintes campos, então você escolhe quais você deseja multiplicar juntos. Desde quando é Q T y e E. A. C. Clique fora E A e Q T y, e você pode ver agora há um zero lá apenas para torná-lo um pouco melhor. Bem, centralize-o e, em seguida, sob o formato, você pode ir para o número e você pode escolher um símbolo de moeda para que cada um destes seja um valor em dólar agora. Certo, então vamos fazer a 2ª 1 dizendo por quê, certo? Clique em propriedades calcular. Valor é o produto deste é Q t branco para em e A. Para agora. Este é um pouco diferente porque não há nenhum campo secundário para multiplicá-lo, então vai exigir um pouco de JavaScript. O que você quer fazer é dizer a ele para ligar para este número e multiplicá-lo por cinco. Então, a mesma coisa que vamos para propriedades, calcular. Mas vamos fazer um script de cálculo personalizado agora. Este eu já digitei. Então eu só vou copiar e colar. Mas vou postar na aba Projetos para vocês também, se precisarem. A paz não veio aqui. Então você está dizendo obter variável um, que é Q t branco três e multiplicá-lo por cinco. Agora, este campo, queremos totalizar todos os especiais sazonais. Então, à direita, clique em Propriedades calcular. E esta vai ser a soma do subtotal subtotal também. E sub total. Três. Eu lutei para que esses dois mudassem a aparência deles um pouco, então vamos voltar e refazê-los. Não vamos colocá-los no centro, e queremos dar-lhes um valor em dólar. Ok, então isso é todos os especiais sazonais feitos. Agora uma coisa que você pode fazer é Subtítulo cinco é basicamente vai ser o mesmo cálculo que alguns total dois ou sub total um. Então o que você pode fazer é apenas copiar este campo. Excluir subtotal cinco colá-lo apenas controle V E agora veja, isso é chamado sub total para também. E lembre-se do que eu disse é que você não quer que nenhum campo tenha o mesmo nome, porque independentemente do que você colocou aqui, se você manter esse chamado subtotal para, ele vai fazer esse cálculo. Então, se você rápido e o cálculo você pode ver que ele já está configurado para esses dois campos, então a primeira coisa que você quer fazer é alterar o nome dele. Subtotal cinco, e então vamos mudar as colunas que vão ser calculadas. Então isso vai ser E. três e q t quatro, e a coisa boa com copiar e colar é que a coisa do dólar já está configurada, e já está centrada, então você pode ir em frente e fechar agora. Se eu tivesse mudado o cálculo e colocar esses campos lá antes de renomear o subtotal cinco. E ainda era chamado subtotal também. E eu mudei que isso teria mudado este também, se isso faz sentido. Então, uma vez que isso ainda era chamado subtotal para quando eu estava mudando essas colunas, então ele iria mudar este cálculo também. Então você só quer checar duas vezes. Isso ainda está configurado para ser ea em quantidade para Ok, então enfraquecer fazer isso com sub total seis também. Podemos configurá-lo a partir do zero ou uma cópia e colar em um anterior e alterar os cálculos. Mas nós labirinto vai apenas ir em frente e escolher isso novamente. E, em seguida, o mesmo com este. Você pode simplesmente copiar este campo em vez de colar o cálculo novamente. Então, primeiro vamos renomear isso para um total de sete. E então vamos para o cálculo porque ao invés de ser uma multiplicação de cinco, ele vai ser multiplicado por 10. E não é o q t três que estamos mais multiplicando. É seis. Está bem. E, em seguida, dizendo com este onde ele vai fazer isso algum eso total 567 agora mesmo é com sub total oito e quatro. Isto vai ser apenas um total das colunas totais. Então vamos somar tudo o que foi totalizado nesta coluna e tudo o que foi totalizado nesta coluna já que um é um pouco mais fácil, você quer ir para baixo para o subtotal de oito e legendas para E nós vamos adicioná-los juntos Nunca os impostos. Este é também um outro cálculo que eu forneço a vocês. Isto é ah, configurado para calcular 5% de imposto sobre vendas. Então agora isso está dizendo que vai se multiplicar. Eu tinha isso configurado quando eu ainda era chamado de indefinido. Então eu quero mudar isso para dizer, sub total. Você está basicamente fazendo esta parte e as citações, qualquer que seja esse campo aqui que você vai adicionar o imposto e então esse valor vai ser multiplicado por cinco. Está bem. E, finalmente, o total geral será a soma do subtotal de nove e impostos. Então, já que estamos aqui, centro mais velho e o que não poderia o filho de no total nove e imposto e é isso. Parece muito, mas uma vez que você tem isso configurado. Você pode usar isso uma e outra vez, e você sabe que tudo ficará bem. E você não precisa fazer nenhum cálculo manualmente, o que muitas vezes pode levar a erros. Então, no próximo vídeo, vamos abrir isso de novo. Isso é um cliente e ou como você preenchê-lo para alguém e apenas certifique-se de que todos os cálculos funcionam. 7. Chp6 - Testando o formulário de pedido: Ok, então eu abro o formulário em ambas as versões do Acrobat novamente. Não importa em qual você abre. Ambos funcionam da mesma maneira. Eu só queria que vocês vissem os diferentes layouts de cada uma da Creative Cloud e de uma versão mais antiga, mas eles funcionarão da mesma maneira. Então vamos em frente e testá-lo. Então você recebe um do item número um, e há $5. Você tem dois do item número dois e seus $3 então você tem cinco do item número cinco. Então, como você pode ver, ele totalizou cada linha corretamente. E então ele tem um subtotal em execução aqui embaixo, que está sendo incorporado nessas caixas aqui embaixo. Então vamos fazer dois desses três, e vamos explodir o orçamento e pegar 10 do item número sete. Então vamos fazer dois desses três, Então aqui você pode ver de novo. Este é apenas um total desta porção, e então este é o total de todo o formulário vezes 5% imposto sobre o seu total geral. Aqui. Então, é só isso. Hum, parece muito, mas a configuração é realmente a maior parte disso. Uma vez que isso é feito e você tem este formulário, você pode até mesmo usá-lo como, digamos, sua fatura. Você pode mantê-los como caixas baseadas em texto, como o que tínhamos no exemplo original. Preencha, hum, o que você fez e, em seguida, qual é o custo. E você pode ter isso totalizado cada vez automaticamente, em vez de ter que fazê-lo manualmente e possivelmente levar a erros de cálculo. um O bom é que cadaumdestes vai ser desenhado por ti, isso terá a tua marca, o teu estilo. E você poderia fazer uma suíte inteira para seus clientes se eles têm formulários que eles têm que enviar para você em uma base regular. Então, no próximo vídeo, veremos veremoso seu projeto e o que você o consome. 8. Chp7 - Seu projeto!: para o seu projeto. O que você poderia fazer é criar um formulário, qualquer tipo de formulário que você deseja fazer upload de um J pig dele para que possamos ver o design geral e, em seguida, ou mostrar uma captura de tela dos campos roxos, as partes da sílaba ou, de preferência, enviá-lo para uma unidade e envie-nos o link. Mas publique um link em seu projeto para que possamos baixá-lo e testá-lo e me dar algum feedback. Como sempre, se você tiver alguma dúvida ao longo do caminho, por favor, não hesite em perguntar. Estou sempre por perto e ajudo se não puder. Eu sei que é um pouco complicado quando você começa. Mas uma vez que você pega o jeito, uh, estes formulários são muito fáceis e muito úteis. Então, muito obrigado por se juntar a mim na minha aula. Sinta-se livre para entrar em contato a qualquer momento, seja na aba de discussões ou até mesmo me envie uma mensagem diretamente. Obrigado.