No vídeo de hoje, aprenderemos uma maneira eficaz de criar esse diagrama de programa usando Adobe Illustrator
Pode ser usado com tantos projetos diferentes.
Eu realmente acho que você vai gostar deste
Então sem mais delongas, vamos começar, sim?
Eai pessoal OU Graphics aqui
meu nome é Oliver e bem-vindo de volta a outro vídeo
Antes de começarmos, não se esqueça de se inscrever no canal, se você ainda não é inscrito
Eu crio vídeos semanais sobre representação e visualização da arquitetura.
Não sei se você percebeu, mas nós acabamos de atingir
80 mil inscritos!
o que é uma loucura só de pensar nisso
muito obrigado pelo apoio, pessoal
Então, se ao final deste vídeo você aprendeu alguma coisa
não esqueça de curtir
E, como sempre, se você tiver alguma dúvida, deixe-as abaixo. Ficarei feliz em ajudar.
Agora, vamos direto ao vídeo.
Tudo bem, como sempre, começamos com o nosso software 3D
neste caso, o Sketchup, mas você pode trocá-lo por Rhino, Blender, Archicad, o que for
Apenas certifique-se de seguir o fluxo de trabalho desta primeira parte.
Então, aqui, modelei um diagrama volumétrico básico. Este não é um projeto real
o principal objetivo é ensinar um processo a você.
Agora, todos esses blocos são codificados por cores, para economizar tempo mais tarde ao trabalhar com as formas
Não queremos perder o controle dos tipos volumétricos.
Agora, o que estou fazendo basicamente é duplicar cada tipo, para termos separaos para o diagrama
Alinhe-os e verifique se os duplicados não estão cobrindo uns aos outros, pois isso será útil no futuro.
Em seguida, ative a projeção paralela e vá para a visualização ISO.
Para finalizar a parte do Sketchup, precisamos exportar um arquivo de imagem em PDF
Tem que ser pdf, porque vamos trabalhar com formas vetoriais neste vídeo.
Sabe, para esses tipos de diagramas, o Adobe Illustrator é a melhor opção de todas
Costumo usar o Photoshop aqui no canal, mesmo para diagramas
principalmente porque o photoshop oferece mais liberdade geral ao fazer certas coisas
especialmente quando se fala em sobreposição de texturas
Mas também porque vocês parecem gostar mais de coisas do Photoshop do que qualquer outra coisa.
Para que eu possa me organizar para vídeos futuros
deixe-me saber na enquete de votação em vídeo, o que você prefere?
Somente Photoshop? Muitos dos dois?
Uso misto, sei lá, comente abaixo suas sugestões. Eu adoraria saber o que você pensa.
Beleza, vamos parar de perder tempo e pular imediatamente para o Adobe Illustrator.
Aqui, arraste e solte o arquivo pdf para abri-lo em um novo documento
Escute, você deve tê-lo como um novo documento para que possamos selecionar individualmente os elementos
Passo bem importante esse, pessoal
Normalmente recorto e colo os elementos no meu documento de trabalho, mas esta etapa é com você.
Agora, como você pode ver, os arquivos PDF do Sketchup vêm com dois tipos de elementos
Linhas e preenchimentos, separadamente. Queremos apenas os preenchimentos
Portanto, selecione uma das linhas pretas e vá até "Select > Same > Stroke Color"
e exclua todas as linhas de uma só vez
Fizemos isso porque o Illustrator lida muito com as duas coisas, linhas e preenchimentos, sobre o mesmo objeto.
Beleza, então, o esquema de cores que escolhi para este vídeo é este aqui
Eu obtive algumas referências do site Adobe Color e aprimorei um pouco para se adequar ao meu gosto
Eu precisava de 6 cores, que tivessem um contraste entre elas
Então, para ainda ser agradável em termos estéticos, optei por usar cores pasteis
No SketchUp, não precisamos nos preocupar com as cores exatas que usamos
Eles só precisavam ser diferentes um do outro. Agora vamos cuidar disso
Assim como fizemos com as linhas. Selecione uma forma e vá para
Selecionar> Mesmo, mas desta vez escolha Cor de preenchimento
Finalmente, usando a ferramenta Conta-gotas, atalho "i"
Clique com o botão esquerdo do mouse sobre uma das cores do esquema de cores que temos no arquivo
Muito simples, certo?
O legal é que esse fluxo de trabalho altera as cores do arquivo inteiro, que inclui os blocos individuais.
Siga estas etapas para todas as cores, e também preste atenção e como as cores combinam com as outras
Se você não possui nenhum tipo de guia pré-estabelecido que deve seguir
Sugiro tentar diferentes layouts de cores para obter o melhor resultado possível em termos de estética visual.
Em seguida, adicionaremos um traçado a todos os objetos.
Então, selecione os objetos e clique duas vezes na área do traço e escolha Preto
Reduza a espessura para 0,25 ou algo parecido.
Depois disso, vamos organizar nossas camadas.
Então, diferentemente do Photoshop, mas com o mesmo pensamento de ter um arquivo organizado
podemos usar camadas meio que como grupos
Então, uma para o esquema de cores, uma para o grande bloco e outra para os volumes individuais.
Crie uma nova camada aqui embaixo
Selecione os itens que você deseja mover para outra camada
clique neste pequeno quadrado aqui e arraste-o para a nova camada.
Uma maneira fácil de selecionar itens em vez dessa seleção retangular simples
é usar o atalho Q para a ferramenta Lasso.
Em seguida, vamos para os elementos individuais.
Aqui, estou apenas agrupando todas as formas do mesmo volume, para que seja mais fácil movê-las
Ctrl + G é o atalho para isso.
você pode alinhar esses volumes individuais muito mais rapidamente usando a guia Alinhar
Depois disso, acesse qualquer site que forneça ícones gratuitos
Eu realmente gosto de um chamado Flaticon
Faça o download deles em arquivos PDF, SVG ou EPS
que podem ser abertos no Illustrator como formas vetoriais
E podemos começar a criar nossos círculos de ícones
Lembre-se de que você sempre pode ser mínimo sobre essas figuras e criá-las você mesmo
o que é bastante interessante, porque você torna sua imagem realmente única.
As etapas aqui estão basicamente subtraindo nossos ícones do círculo.
Certifique-se de centralizar o símbolo dentro do círculo e, depois que terminar
vá em frente e adicione textos que descrevam o significado de cada uma dessas tags
or exemplo, você pode usar isso para criar um diagrama de usos no seu projeto de residência estudantil
Ou você tem um centro cultural com alguns edifícios convergindo para uma praça pública
Você pode classificá-los para que o cliente ou seu professor
saibam facilmente o que está acontecendo no site como um todo.
Por fim, agrupe-os individualmente usando o atalho Ctrl + G. E reposicione-os dessa maneira.
Não se esqueça de usar a guia Alinhar para distribuir uniformemente e alinhar tudo.
Para finalizar, há apenas uma última jogada que precisamos fazer.
Que trata de um tópico sobre o qual frequentemente falo aqui no canal
a hierarquia dentro de uma ilustração
Em diagramas como esse, a melhor maneira de criar esse contraste de interesse
é usar diferentes larguras de traçado
Portanto, com esse grande grupo, podemos selecionar tudo e Ctrl + C / Ctrl + Shift + V para colar uma cópia no lugar
e então na aba pathfinder, adicionar todas as formas
Retire o preenchimento e torne o traçado grande, muito grande comparado aos traços internos.
Eu fui a 9 ou 10 pt, algo assim
Tudo bem, acho que ficou muito bom
e você viu que é uma maneira tão rápida de expressar idéias
especialmente durante as fases iniciais de um projeto, onde estamos falando mais de programa
zoneamento e volumes, certo?
Bem, poderíamos dar um passo adiante aqui e tornar esta ilustração muito única
ao coloar uma mão como se estivesse inserindo a última peça deste quebra-cabeça
Você pode tirar uma foto da sua mão segurando um objeto semelhante a um desses volumes
recortá-lo no photoshop e importá-lo para o illustrator
Ou simplesmente escolha uma mão do Google, como eu fiz.
Antes de importar a mão para o Illustrator, abri rapidamente no Photoshop
e dessaturei completamente
Sinto que o preto e branco aqui combina muito melhor com a composição
pois não compete visualmente com as outras cores.
Para cortar uma imagem aqui no Illustrator, faça o seguinte
crie uma forma em que você deseja que sua imagem fique visível
selecione-as e clique com o botão direito do mouse para escolher "Make Clipping Mask". Ótimo!
Vou escolher um desses blocos e transformá-lo em um objeto de traço tracejado de preenchimento branco.
então, selecionei todas as formas desse pequeno volume, retirei o preenchimento e coloquei na camada da mão
Depois disso, pressione a letra “D” para definir o preenchimento e o traçado como padrão.
Marque a opção de linha tracejada e adicione todas as formas usando o pathfinder.
Tudo bem, agora é uma questão de duplicar um volume amarelo
e colocá-lo na mão para fingir que ele realmente está segurando um objeto.
E para criar esse efeito, vamos mascará-lo usando a guia transparência
Clique duas vezes para inserir a máscara e desenhar formas pretas onde deseja ocultar o polegar ou os dedos.
Bom, agora para sair da máscara, clique duas vezes nesta miniatura aqui.
Agora, já que agrupamos todas as formas antes de criar a máscara
Podemos simplesmente clicar duas vezes para entrar neste grupo
e adicionar um traço mais grosso para criar alguma ênfase
O fluxo de trabalho para criar esse curso é o mesmo que usamos no grande bloco de volumes.
Tudo bem, pessoal. É tudo por hoje
Espero que você tenha gostado deste
Se você deseja obter o arquivo de vídeo para acompanhar o tutorial. Verifique o link na descrição do vídeo.
Não se esqueça de nos seguir @ou.graphics no Instagram
Muito obrigado por assistir e, como sempre, vejo você no próximo vídeo. Tchau!
