Transcrições
1. Do plano ao empilhado - introdução: Adoro cortes de papel em camadas e certamente
comprei alguns Mas também tenho muitos arquivos SVG de camada
única que
acho que ficariam lindos
como cortes de papel em camadas Eu descobri como
separar uma única camada SVG em várias camadas para criar belos cortes de papel
empilhados E nesta aula, eu vou te
mostrar como fazer isso. Ao final da aula, você
deverá ser capaz de transformar qualquer ilustração SVG
de plana em empilhada, abrindo um novo mundo de possibilidades para
sua biblioteca SVG
2. Ferramentas e suprimentos: Olá e bem-vindo à aula. Estou muito feliz que você tenha
decidido se matricular. Então, para
concluir esta aula, você precisará
acessar um programa gráfico. Também estou usando o Affinity Designer,
mas você também pode usar o
Affinity Photo ou o Photoshop,
o inscape ou algo semelhante. Desde que o software que
você deseja usar seja capaz de
lidar com arquivos vetoriais e
lidar com grupos e camadas, você deve ser
capaz de acompanhar. Depois criar suas várias camadas
de corte de papel, talvez
você queira testá-las. E se você fizer isso, precisará acessar uma máquina
de corte digital. Por exemplo, um grilo ou um corte
digitalizado, silhueta. Ou Glow Forge ou outra
máquina de corte a laser. Lembre-se de que, se
você estiver usando uma silhueta, os
SVGs são compatíveis apenas com
a Silhouette SVGs são compatíveis apenas com Obviamente, você precisará de
material para cortar, por exemplo, cartão de
papel ou madeira compensada
e precisará cola para unir todas as camadas e
montar
o design final
3. Preparar o SVG: A primeira coisa que precisamos fazer é criar um novo documento. Vou arquivar um novo arquivo
e, aqui, vou escolher
polegadas 12 por 12 e vou
criar uma prancheta Estou escolhendo 12 por 12
porque esse é o tamanho do meu tapete de corte da
minha máquina de corte. Obviamente, se você tiver
um tapete de tamanho diferente, poderá ajustar as
dimensões de acordo. A cor não é tão importante para isso porque não estamos imprimindo. Mas vou selecionar fundo
transparente e, em
seguida, desligar todo o resto as margens, sem sangramento
e não mudar nada a ver com a escala e
a criação Aqui temos nossa prancheta. Uma das razões pelas
quais eu gosto de uma prancheta é porque quando você move coisas dessa tela, desse espaço de trabalho, você ainda
pode vê-las. Se você não tiver uma prancheta. Toda essa área fica
escurecida e você não consegue ver
o que está removendo. É uma preferência pessoal e acho que
facilita as coisas ao trabalhar
com vários arquivos. Agora, precisamos
abrir nossa borboleta. Vamos escolher o número um. Isso é bom. Agora, se eu
editar, copiar e colar, vou redimensioná-lo Vamos dar uma olhada
no painel de camadas. Por algum motivo, ele foi aninhado nesses
vários grupos Vamos nos livrar
deles. Certo. E aqui, o
mais importante é que você pode ver que essa é uma forma única. Portanto, o SVG está sendo
tratado como uma forma única. Precisamos separar todas
essas áreas em camadas. Então, se você clicar na nota, poderá ver que todos os
nós estão destacados, que significa que ela está
agindo como uma única forma. Então, para dividir a forma, deixe-me mudar um pouco o
tamanho. Certo. Para dividir a
forma, destaque-a. Clique com o botão direito do mouse em Selecionar geometria. Você pode escolher curvas
divididas ou separadas. Tudo acaba com
o mesmo resultado. Quando isso acontecer, você verá agora que, no painel de camadas, todas essas camadas extras
apareceram. Vamos até o preenchimento e torná-lo
transparente e , em seguida, clicar
no traçado e adicionar um traçado. Vou aumentar isso para 0,5 apenas para torná-lo visível. Agora temos Se eu clicar neles, você pode ver que todas essas
coisas agora são individuais. Isso facilita muito a
criação de nossas camadas de corte separadas.
4. Colorir a imagem: Então, o próximo passo
é adicionar cor. Nesse estágio, as cores que você escolhe são muito sem importância O que importa aqui é a distribuição das cores para que você tenha um bom equilíbrio. E também nos ajudará a visualizar as camadas com muito
mais facilidade se houver cor O primeiro passo é isolar a base. Certifique-se de que essa forma aqui esteja sempre na parte inferior. Caso contrário, você não conseguirá
acessar as formas na parte superior. Você pode fazer isso verificando
o painel de camadas, certificando-se de que é a
última coisa na lista. E se não estiver, basta
destacá-la e, em seguida, vir até sua ferramenta de alinhamento e
clicar em mover para trás ou clicar com o botão direito do mouse e fazer a variação e mover para trás Agora vamos adicionar um pouco de cor. Certifique-se de que seu preenchimento esteja
selecionado e não seu traçado. Agora, quando eu for preencher isso, vou
fazer apenas um contorno preto Você pode ver que essas áreas desaparecem porque
são transparentes. Para garantir que possamos realmente
ver o que está acontecendo, eles não serão uma camada. Não
os incluiremos em uma camada. Isso é puramente para fins
visuais. Vou escurecê-los
de branco para que
ainda possamos ver tudo o
que está acontecendo. Como eu disse, não se
preocupe com o esquema de cores. O importante é
ver se há um equilíbrio. Boa distribuição
de cores em toda a forma da maneira
que você quiser. Você sabe o que, na verdade. Eu não gosto que isso esteja
na mesma camada, eu quero fazer isso diferente. Ok, acho que prefiro
o jeito que parece.
5. Crie as camadas: Para separá-los em
camadas para cortar. Clique em uma forma ou, no painel de camadas,
clique em uma forma. Vá para selecionar selecionar cor de preenchimento, e ele selecionará a mesma cor de
preenchimento nessa forma, e então podemos agrupá-la
e eu chamarei isso de azul. Agora, tenha cuidado ao
fazer isso. Se você replicou
isso, por exemplo, você tem duas cópias
dessa borboleta colorida e seleciona a mesma,
ela selecionará a mesma
cor em todo o documento Se isso acontecer,
se você acontecer ou com várias formas
com a mesma cor. Basta entrar no painel de camadas e ocultar
temporariamente aquelas nas quais
você não está interessado para poder brincar com a
forma em que está trabalhando. Basta fazer isso de novo,
selecionar a mesma cor de preenchimento, agrupá-la e eu a
chamarei de roxa. Você vai fazer o
mesmo com o verde,
selecionar a mesma cor de preenchimento, agrupá-la e chamá-la de verde. Trabalhe com todas
as cores diferentes que você selecionou
e escolheu. OK. Então, as únicas formas
restantes são essas e a base. Vamos
juntá-los porque precisaremos cortá-los
ao mesmo tempo E eu vou ligar para essa base. Agora temos nossas camadas
separadas. O que podemos fazer aqui é
agrupar tudo isso, e essa
será nossa camada final, eu disse que tínhamos uma, duas,
três, quatro, cinco, seis, sete camadas no total. Na verdade, essa será nossa camada sete. Vamos mover
isso para cá. Duplique isso. Estou pressionando Control e, em seguida, clique e arraste. Você pode fazer o Controle C, o Controle V, você pode editar, copiar e colar, ou você pode pressionar o Controle
J para duplicar a camada Qualquer um com o qual você se
sinta mais confortável. A primeira coisa que
faremos então é excluir tudo o
que não é a base. Todas as camadas não são a base. E então você vai
chamar essa camada de um. Então, novamente, duplique
essa camada. Então, pense na hora separar suas
cores em camadas, pense ordem em que deseja que
as camadas apareçam As coisas que
você cortar primeiro
aparecerão mais perto da parte inferior. As coisas que você cortar último aparecerão
mais perto do topo. Para uma forma de borboleta como essa, não
é necessariamente
tão importante, porque é um arranjo
aleatório Mas se, por exemplo, você estiver fazendo um buquê de
flores e algumas formas de folhas
atrás das flores, tiver
algumas formas de folhas
atrás das flores, convém
cortá-las primeiro e depois cortar as flores para dar uma
representação precisa da profundidade De volta à separação. Acho que vou trabalhar com essas camadas na parte inferior e, em seguida, essas
camadas mais próximas na parte superior. Minha primeira camada será
a roxa. Aqui, basta rotular essa camada dois. Vou deletar
tudo que não seja a base e o roxo. Então o que temos aqui
é a camada roxa. Se você imaginar que essa
camada seria roxa, coloque essa camada
em cima e recorte esses elementos,
revelando o roxo por baixo É assim
que está funcionando. Em seguida, volte à nossa
forma original, faça uma cópia. Desta vez, vou
fazer a próxima camada, que acho
que
vou fazer verde, então excluirei tudo que não seja base, roxo
ou verde. Então continuamos fazendo isso até
passarmos por todas as camadas. Lembre-se de renomear suas camadas medida que avança para que você possa
acompanhar o que é o quê Eu fiz o roxo sobre o verde e a próxima camada
que acho que vou
revelar é o rosa, então vou deletar
tudo o que não estiver. Base, roxa, verde ou rosa. E, novamente, farei ouro em seguida. Basta ler a camada cinco. Eu vou fazer ouro. Em seguida, vou
deletar o amarelo, o azul, deixar o dourado, o rosa, o roxo,
o verde na base. Então, da última
segunda à última camada, faça isso mais uma vez. Eu chamo isso de camada seis. Vou deletar o amarelo. Na camada sete do corte final, vou expor o amarelo e esse será nosso arquivo de
corte completo Não consigo colocá-los todos na prancheta
do jeito que estão. Não é tão importante
porque
vamos exportá-los um por um Mas se você quisesse ter
tudo na prancheta
, obviamente
seria apenas uma questão de redimensionamento Certifique-se de
destacar tudo ao mesmo tempo para poder
redimensionar e encaixar tudo
na prancheta Para mudar para manter
a proporção.
6. Lidando com elementos isolados: Ok, então eu só queria
mostrar como criar cortes de papel
em camadas quando você
tem elementos independentes Então, por exemplo, essa
é a borboleta 2 do conjunto de borboletas,
e é assim que ela Agora, acabei de adicionar
esses elementos adicionais. Você pode ver que eles não estão
presos ao corte principal do papel. Se eu fosse cortar apenas
isso, sairia como
uma peça e, em seguida,
terei tudo separado. Como faço para torná-los visíveis? Para fazer isso, você
segue a mesma técnica. Em primeiro lugar, o primeiro
passo é isolar todos esses elementos, como
fizemos anteriormente, o que eu já fiz aqui Em seguida, vá em frente e
pinte seu design. Ok, agora que a borboleta
está colorida, você precisa agrupar as cores da
mesma forma que fizemos antes Exceto desta vez,
embora, por exemplo, neste exemplo, essas áreas
isoladas e essas áreas maiores
que fazem parte
do design principal sejam
da mesma cor. Vou
agrupá-los separadamente. Eu agrupei todas as minhas peças. Agora vou agrupar
toda a borboleta. E pegue isso aqui e
, em seguida, duplique a camada e comece a separar a
forma em camadas separadas Para a primeira camada, deixe tudo. Certifique-se de que essas formas tenham sempre o mesmo tamanho. Quando se trata de onde você tem essas formas dentro de formas, elas
precisam ser cortadas primeiro. Não é possível. Se eu cortar
isso primeiro em uma forma rosa, não
posso depois cortar
em uma forma verde. Não consigo então adicionar
uma camada verde. Sempre que você tem
formas dentro de formas, as formas menores
precisam ser cortadas primeiro Vou
configurar isso na próxima camada. Então, na próxima camada,
essa camada três. Em seguida, vou cortar
a camada rosa. OK. Então, agora que
cortamos essas áreas iniciais, não
precisamos
incluí-las em nenhuma outra camada que
cortaremos a partir de agora. Assim que cortarmos
essa camada maior, ela automaticamente
exporá o verde Assim que cortarmos essa camada
verde maior aqui embaixo, ela automaticamente
exporá o rosa Não há necessidade de adicionar
linhas de corte para essas áreas agora. Não há mal nisso. Não vai estragar nada. Só que economizará tempo se você não precisar fazer isso porque
é desnecessário. Assim que eu cortar esse rosa, ele vai expor o
verde, então eu posso deletá-lo Ainda não estou cortando
a camada externa
dessas rosas inferiores, então vou deixá-las aqui. Agora que vou cortar
o verde, posso deletar o rosa interno. De agora em diante, posso
simplesmente ignorar completamente essas duas camadas,
desde que elas estejam expostas. Lá temos todas as nossas camadas. Vou
cortá-los e depois mostrarei os resultados
em um momento.
7. Exportar as camadas: Agora que você tem
suas camadas separadas, é hora de exportar. Clique no grupo de
camadas relevante. Em seguida, vá para Arquivo, Exportar, selecione SVG na lista
suspensa na parte superior e escolha a seleção somente no campo
da área Clique em Exportar e salve o arquivo com o nome e o
local de sua escolha. Repita o processo
para todas as camadas. Você também pode exportar todas as camadas
de uma vez. Se todas couberem em uma prancheta, acesse Arquivo > Exportar e selecione Prancheta no campo
da área Se todas as camadas não estiverem em uma única prancheta,
destaque-as todas e, em
seguida, vá para Arquivo, Exportar e selecione somente a seleção no campo
da área
8. Exportar as camadas usando a Persona de exportação (somente no Affinity Designer): Então, agora. Para exportar,
podemos fazer isso facilmente de uma só vez
acessando a persona Exportar Se você for até o canto
superior esquerdo, clique em Exportar Persona, ou você pode fazer Arquivo de
personas e ir para Exportar O que você pode fazer aqui agora é
exportar isso como um SVG. Você pode exportar
tudo de uma vez ou exportar
cada um separadamente. Para
exportá-los separadamente, basta acessar aqui
essa ferramenta de fatia, que já é uma espécie
de seleção padrão Desenhe uma fatia ao redor da sua forma. Tente fazer isso
na ordem em que
você criou as camadas pois isso
chamará automaticamente essa fatia um Corte dois, ele
os nomeará na ordem em
que você os fizer. Então, se você fizesse isso primeiro,
seria a fatia um. Na verdade,
é o último. Pode ficar confuso. Então, por uma questão de clareza, tente fazê-las na ordem em
que você deseja cortá-las. Corte um, corte dois. Agora você vê aqui,
ao fazer a fatia, ela diz em qual formato
será exportada Eu não quero que seja um PNG. Eu quero que seja um SVG e
o mesmo vale para a fatia um. Você pode ver aqui como
essa vai se sobrepor. Então, o que vou fazer é
tentar incluir isso. Se você achar que
ainda está sobreposto, você pode sempre
voltar à sua personalidade de
designer e
mudar isso um Eu só vou
diminuir isso um pouco. Se eu voltar para Exportar
, não deve ser um problema, então farei a última fatia Agora você pode ver que
tudo, exceto um e dois, são PNGs Vou apenas
selecionar esses slides dois,
três a sete e
garantir que o formato do arquivo seja SVG se você quiser
exportar a prancheta, certifique-se de que também seja um SVG
e, em seguida, você poderá
exportar Ele solicitará que você
crie uma pasta. Estou no arquivo, criei uma pasta
chamada multicamada Essa é a borboleta 1. Vou criar
uma nova pasta chamada one e depois exportar
tudo para ela. Então, quando você vier aqui, verá
que todas as suas
fatias estão disponíveis. Agora, você pode colocá-los em qualquer programa de software que
tenha para sua máquina de corte.
9. Teste suas camadas: Ok, agora que você
criou suas camadas, você pode importá-las para qualquer software que esteja usando
para sua máquina de corte. Estou usando o Brother
Canvas Workspace. Basta clicar no ícone SVG à
esquerda e importar o arquivo Agora, por algum motivo, quando
importa para o espaço de trabalho do Canvas, é realmente muito pequeno E também, não
desagrupou todas as camadas. Então, a primeira coisa a
fazer é agrupá-lo. Você pode fazer isso
pressionando Control G ou entrar em uma camada e depois agrupar e, em seguida,
vou redimensioná-la para que fique no tamanho
que eu quero cortar, o que vou
fazer 150 milímetros Portanto, certifique-se de que,
ao importar suas formas para qualquer
programa que esteja usando, se redimensionar uma,
redimensione-as todas com exatamente as
mesmas proporções Agrupe isso e
defina o tamanho para 180. Você pode remover o preenchimento se
quiser, porque isso não é importante, então você só
tem o contorno das linhas de corte Se você sobrepor
isso, você pode ver. Depois, você pode
continuar fazendo isso para cada camada e
enviá-las para o arquivo
da máquina para cortar. No Canvas, você
exportaria ou transferiria arquivos e também
é importante notar que, hum, se agora você exportasse
essas formas como um arquivo FCM,
que é o formato de
arquivo proprietário do brother, da
próxima vez que você o usar, ele já virá
agrupado e, já virá obviamente, seja qual for o
tamanho que você Então, vou continuar
fazendo isso e depois enviar os arquivos para
minha máquina de corte, depois montarei as peças e mostrarei
o resultado final. Para importar seu arquivo, clique em Novo projeto
e, no canto inferior
esquerdo, clique em Carregar. Em seguida, faça o upload da imagem
e, em seguida, você pode
selecionar seu arquivo. Então, vamos usar
o SVG que criamos. Em seguida, clique em Continuar e, em
seguida, clique em Carregar. Você também pode ajustar a adição detalhes da
imagem e outras coisas se
quiser neste momento, mas não
vou me preocupar Quando colocado no tapete, pode
ser bem pequeno nesse caso, você
precisará redimensioná-lo Portanto, ele já está pré-agrupado, então você pode usar manualmente
as alças para aumentar o tamanho ou
inserir as dimensões Então, o críquete agrupa automaticamente todas as cores em camadas Então você verá aqui à direita, se você clicar em uma
camada, você terá,
por exemplo, todos os amarelos
são grupos juntos E então todos os blues
são agrupados. Então, o que isso significa é
que você não
precisa executar todas as
etapas anteriores no affinity designer. Tudo o que você precisa fazer
é separar o SVG e a cor na versão
final, se quiser, e exportar
apenas a camada final Você não precisa exportar
manualmente todas as camadas separadamente porque você pode fazer isso aqui
no espaço de design de críquete Então, primeiro, você cortaria
sua camada base desligando todas
as outras camadas e
apenas deixando a base, depois
cortaria a camada um, camada dois, a camada três, na ordem em que
decidisse
cortá-las,
você sabe, usando o símbolo do olho
para gerenciar a visibilidade E então, dessa forma, você
pode criar as camadas, mas não precisa exportar. Você não precisa ter
seis ou sete arquivos diferentes. Você pode fazer tudo
com um único arquivo,
desde que o tenha
colorido antes de
importá-lo para o espaço de design de
críquete Oh, aqui está a borboleta pronta Você pode ver todas as camadas. Optei por um esquema de cores completamente
diferente daquele que usei
para colorir minha borboleta
no Affinity Designer, só para mostrar que tudo gira em torno da distribuição
e
do agrupamento das cores, em oposição
às cores Se você não gostou da maneira como
as cores
se combinavam , você
poderia mudar isso. Então, aqui estão todas as camadas. Você pode ver que todos esses bits flutuantes
internos foram preservados.
Nesta versão. Eu não os colei porque queria mostrar o
último exemplo que fiz, não
mostrei as camadas, apenas para mostrar
as várias camadas Neste exemplo,
usei rosa duas vezes, mas como
as fiz separadamente, essa segunda camada rosa
pode ser de qualquer cor. Eu acho que é um
exemplo muito bom de como você pode sair disso. Para isso.
10. Projeto e inspiração do curso: Ok, então, finalmente, eu
só queria mostrar alguns exemplos de outros SVGs de camada
única que eu modifiquei e
transformei em cortes de papel em camadas Essa foi a primeira
tentativa que tive de cortar
um papel em camadas de
um arquivo de camada única Está em
uma prateleira ou, você sabe, dentro de uma caixa em algum lugar, é por isso
que está um pouco batido, mas é tão fofo. E depois havia esse exemplo. Então, inicialmente
tentei assim, mas descobri que usei uma cor
escura na parte inferior. Então, as folhas realmente não estouraram e algumas coisas
eram bem pequenas. Então eu aumentei
o tamanho e também mudei como todo. Usei essa linda tinta
brilhante nas várias camadas, que realmente se destaca muito
e usei
branco em vez Eu adoro isso. E então esses são um par de brincos que eu fiz usando
o mesmo princípio Então, são apenas três camadas. Eu pintei cada camada
dessa tinta brilhante e depois adicionei um aro de brinco
. Eles são muito fofos. Adoro esses brincos. Eu os
uso o tempo todo. Esse foi um projeto muito mais ambicioso
porque havia muitos elementos que não estavam conectados
ao design principal, como essas partes
isoladas aqui, e também havia alguns
que estavam conectados
à parte principal, mas não
anexados a outras. Eu tive que fazer
algumas modificações. Mas acho que
ficou muito lindo. Eu amo isso. Eu acho que
é muito dramático. É provavelmente uma das minhas coisas
favoritas que eu fiz. Novamente, você pode ver as camadas lá dentro e como elas são dimensionais. Então, finalmente, uma das outras
borboletas do set com
a qual estamos trabalhando Na verdade, esse é o mesmo
tipo de design que este. Gostaria de saber se, inadvertidamente agrupei todas as cores da mesma forma.
Não é bem assim. Acho que dividi essas
áreas. Então aí está. Isso apenas mostra que você pode organizar as cores de forma diferente, da maneira que
quiser. Tudo bem. Bem, aí está. Estamos no final. Espero que isso tenha inspirado você a
experimentar, desenterrar alguns desses
antigos SVGs de camada única e dar a eles um
novo sopro de
vida com belos cortes de papel coloridos
em camadas Então é isso que seu projeto é. Você pode usar uma
das borboletas do conjunto que eu usei Ou você pode encontrar algo do seu
próprio estoque existente ou do site
que você realmente goste Faça o teste, leve-o para
o seu programa gráfico. Como eu disse antes,
usei um designer fonético, mas desde que você possa trabalhar
com vetores e desde o programa reconheça o SVG e você possa trabalhar em camadas,
você pode usar o processo que
mostrei para criar
suas camadas individuais
e seu corte de papel em camadas sob e seu Por favor, publique seus projetos. Eu adoraria ver o que
as pessoas estão inventando e como você está
interpretando a tarefa Muito obrigado por se juntar mim e espero
ver você novamente em breve.
Lilian Barker, Papercrafter & Surface Pattern Designer
