Então, você já sentiu que poderia melhorar a aparência do seu mapa de condicionantes de arquitetura?
Bem, neste vídeo, vamos aprender ótimas técnicas de Photoshop e Illustrator para fazer isso. Da uma olhada!
E aí pessoal, OU Graphics aqui. Meu nome é Oliver e bem-vindo de volta a outro vídeo
Nesta semana, gostaria de agradecer à Squarespace por apoiar o canal e me ajudar a criar o novo site de OU Graphics
Um lugar onde reunirei todo o conteúdo, cursos e pacotes
O Squarespace é uma plataforma tudo-em-um muito fácil de usar para criar seu próprio site ou portfólio
Mais sobre isso no final do vídeo. Então fique ligado
Tudo bem, então o vídeo de hoje é inspirado em uma imagem de análise de site que
Alex Hogrefe fez em seu site Architecture Visualization
Vou deixar na descrição do vídeo. Ele tem um blog de próximo nível que ensina muito sobre esse tópico
Eu aprendi muito com ele, se você ainda não o tem, definitivamente deveria dar uma olhada.
Antes de começarmos, não se esqueça de se inscrever. Publico vídeos semanais sobre representação e visualização de arquitetura.
Se você tiver alguma dúvida, deixe-as abaixo. Agora, sem mais delongas, vamos direto ao vídeo. Aproveite!
Normalmente, você terá a base do terreno em algum tipo de software CAD ou BIM
A primeira coisa que você precisa fazer é exportar um PDF desse software e importá-lo para o Adobe Illustrator
Aqui, gosto de organizar os elementos em camadas separadas
porque trabalharemos simultaneamente com o Illustrator e o Photoshop
Nesta fase, ajuste os pesos da linha, se não estiverem corretos
E você pode adicionar ou remover qualquer elemento também. Ou pule totalmente essa parte, depende de você
Mas esse é o fluxo de trabalho que eu prefiro usar.
Acho esse passo ilustrador importante porque os pesos das linhas
que você costuma usar no seu software cad ou bim são feitos para imprimir
Às vezes, com seus desenhos digitais, você pode querer mudar um pouco
e para mim o Illustrator é muito mais visual para fazer isso.
Além disso, ele não estraga seu arquivo original
Então, basicamente, eu escondi a topografia e o terreno por enquanto
Em seguida, salve-o como um arquivo .Ai
essa primeira etapa deve ser rápida e você não deve demorar muito aqui.
Quando terminar, vamos pular para o Photoshop.
Aqui no Photoshop, crie um novo documento, vou usar o mesmo tamanho que estávamos usando no Illustrator.
Em seguida, vá em File > Place Linked
e escolha o arquivo .Ai que acabamos de salvar.
Aqui, nas opções "cortar para", escolha a caixa de mídia.
Essa camada do Illustrator nos servirá como uma camada base, um guia para nossas seleções.
Usando a varinha mágica, atalho W. Vamos selecionar áreas e pintar em cada camada.
Você poderia percorrer todo o caminho no Illustrator, mas optei por usar sombras muito suaves
e o Photoshop lida muito melhor com esses tipos de resultados.
Tudo bem, então, na minha opinião, o melhor fluxo de trabalho para esta etapa específica que faremos agora é
usar a seleção para criar uma máscara e pintar toda a camada da cor
Dessa forma, é muito mais fácil preencher ou remover peças, se necessário.
Como fundo, vou usar uma Textura de papel do pacote Textura que temos em nossa página gumroad
Será um efeito sutil
estou reduzindo a opacidade para algo como 10%
e, além disso, colocando uma camada com o blend mode "Color" para que possamos ter uma cor bege clara
Vamos criar uma camada para cada um dos elementos, como eu disse
Certifique-se de alterar o modo de mesclagem dessas camadas para multiplicar para que mostre a textura do papel que está por trás.
Todo o processo de pintar essas camadas é muito direto. Eu não vou entediar-los com isso
Estamos repetindo a mesma coisa que fizemos com a estrada que lhe mostrei
Selecione usando a camada base e, em uma nova camada
crie uma máscara com essa seleção e pinte totalmente a camada com a cor.
Com a massa da vegetação, também vou às opções de mesclagem da camada e adiciono uma sobreposição de padrão
Dessa forma, ele dá uma aparência diferente do resto
para que entendamos que não é apenas uma delimitação de solo, mas um volume.
Eu acho que é mais sobre composição geral e de cores
No entanto, este próximo passo exigirá de você um pouco mais de atenção. Então dê uma olhada aqui.
Nós vamos fazer as sombras, especificamente das casas do entorno
Usando a ferramenta Laço poligonal, vamos criar essas sombras em ângulos de 45 graus
Como você deve ter visto, o norte está apontando para cima neste desenho
E como eu moro no Brasil, vou criar a sombra com base em como o sol bate aqui no hemisfério sul
Ok, então mantenha pressionada a tecla Shift, para automaticamente travar o ângulo
e va para o 45
Nesse caso, estou inclinado para a esquerda.
Crie uma seleção na qual você pintará e usando um pincel redondo e macio com preto como cor
Pinte mais escuro perto da casa e faça com que a sombra desapareça quanto mais longe for
Ctrl + D para desmarcar
Em seguida, vá em Filter> Blur> Gaussian Blur
Faça esse efeito algumas vezes até ficar satisfeito com o resultado.
Você pode escolher a primeira opção no filtro para refazer o último efeito
Finalmente, com a ajuda da camada de linha de base. Esconda o interior da casa usando uma máscara
Você pode diminuir a opacidade da camada quando terminar.
Uma vez que este passo é um pouco mais difícil. Eu vou te mostrar mais uma vez
Independentemente de como o edifício é orientado, você deve seguir o mesmo ângulo definido para o seu arquivo.
Nesse caso, 45. Pode ser um pouco complicado a princípio, mas uma hora você pega o jeito
Repita as etapas exatamente como fizemos com a primeira e quando você estiver prestes a aplicar o efeito de desfoque
Há um problema aqui
Como estamos fazendo tudo isso em uma única camada
Você precisa fazer uma seleção na área em que está trabalhando
Ou você pode sair para fazer o desfoque no final. Totalmente com você
Mas não se esqueça disso, ou você aplicará vários borrões nos primeiros e eles terão uma aparência diferente.
Agora que você sabe como é feito, deixe-me avançar aqui.
nota rápida, no desenho de Alex Hogrefe, ele usou uma "clay render" da vista superior para fazer essas sombras.
Mas eu queria dar a vocês uma opção para fazê-lo apenas no photoshop
Essa imagem final parecerá uma vista de cima de um modelo físico
então estamos buscando um tipo de resultado realista aqui
Veja, geralmente as sombras não são 100% pretas, como preto total
Eles costumam ter uma coloração no mundo real
E para colorir, vamos fazer o seguinte
Crie uma nova camada e prenda-a na camada de sombra, usando o atalho ctrl + alt + g
Em seguida, pinte totalmente essa camada com um marrom escuro
Normalmente, uso o conta-gotas para escolher uma cor da imagem atual e depois escurecê-la
Ótimo, parece bom
Em seguida, use outra camada com "clip" abaixo, mas desta vez para a ferrovia
Vamos adicionar sombra a esta forma
Estou usando uma escova macia redonda com um vermelho escuro para simular um muro de contenção
e a ponte que realmente existe
Estou tentando representar o que realmente está lá, mostrar que a ferrovia é mais baixa que o resto.
A chave aqui é criar vários níveis de intensidade de sombra, assim como as casas
Torne-o mais escuro perto das bordas e faça desaparecer
Incrível, estamos vendo algum progresso aqui.
Não se esqueça de que você sempre pode ajustar as cores usando o atalho Ctrl + U
para acessar o ajuste de matiz e saturação
Eu estava indo para fazer os limites do terreno diretamente no Photoshop
mas, no meio do caminho, decidi não fazê-lo
Então, como estamos trabalhando com um arquivo vinculado
Só temos de voltar ao Illustrator, ativar a camada de volta
Você também pode ajustar constantemente algumas dessas configurações até ficar satisfeito com o resultado
Por fim, salve-o e você verá a atualização no seu arquivo do Photoshop.
Você pode usar uma máscara sobre a camada base para mostrar apenas determinadas áreas
Nesse caso, vou deixar tudo oculto, exceto o terreno e a linha de trem.
Eu senti que a composição não tinha um pouco de contraste, então pintei os edifícios com um cinza muito escuro
e adicionei uma textura de respingos que estará no volume 2 do pacote de texturas
por cima e com "clip" para dar um pouco mais de detalhes
A textura splatter está no modo de camada de multiplicação.
Finalmente chegou a hora dos textos
Agora, nesta etapa, não há muito a dizer. É tudo muito direto
Estou usando a fonte principal usada neste canal, que é a Open Sans
Em seguida, reduziu a opacidade do texto para 50% mais ou menos
Não se apresse neste passo, será o toque final da sua imagem.
Ele reunirá todos os elementos soltos em sua tela
Jogue com tamanhos diferentes, em negrito ou não, dê uma certa hierarquia a eles
Agora é também a hora de colocar todos os dados específicos do seu terreno
Acesso, barreiras, vento, limites, sabe..., todas essas coisas boas
Para este, optei por uma aparência minimalista
Há apenas um dado que não gostaria de inserir neste tipo de desenho
que é aquele clássico caminho do sol
Para mim, o norte já passa essas informações muito mais diretamente.
Às vezes, gosto de criar uma linha colorida apenas para indicar que tipo de sol está atingindo cada fachada
volumetricamente, é claro
por exemplo, luz da manhã e da tarde, e assim por diante
Mas essa é uma preferência pessoal, eu acho.
Estamos quase terminando
agora podemos adicionar um trem sobre os trilhos para dar mais pontos de interesse na imagem
Enquanto adiciono este trem, deixe-me falar rapidamente sobre algo
Bem, você viu que no começo eu falei sobre como fixar pesos na linha e preparar a base do Illustrator
mas no final eu não acabei usando
Esse é um fluxo de trabalho muito comum para mim. Quando estou iniciando uma nova ilustração
costumo reunir algumas referências e mais ou menos sei onde quero ir em termos visuais
Mas há muitas decisões tomadas durante o processo
Eu gosto de poder tomar essas decisões no meio do caminho, independentemente de como comecei
Portanto, o melhor conselho que posso dar a você
é que você tenha todos esses arquivos de base e arquivos de suporte
como linhas de base, ou "render elements", no começo
mesmo que você não tenha certeza de que vai usar
Porque mais tarde eles estarão à sua mão para ajudá-lo a alcançar o melhor resultado possível
e você não precisará refazer o trabalho se, de alguma forma, precisar de algo que não esteja lá
Espero não ter confundido você, e você entendeu o que eu estava falando.
Tudo bem, uma maneira legal de inserir alguns dados na sua imagem é usar ícones, como usei no último vídeo
Neste exemplo, usei em um ponto de ônibus, mas seja criativo.
Agora, finalmente, nosso último passo
Vá para o seu arquivo do Illustrator e copie as linhas de topografia que ocultamos e cole-as no Photoshop
Ou, se você estiver apenas usando um software, crie um pdf contendo apenas esse elemento
Então, coloque-o acima de tudo, escolha uma linha muito fina e até reduza a opacidade, se quiser.
Incrível, é isso aí pessoal. Estou muito feliz com o resultado.
Espero que tenha aprendido algo hoje
Mais uma vez, gostaria de agradecer à Squarespace, patrocinadora deste vídeo
Se você é um arquiteto que precisa de uma presença on-line ou de um portfólio para mostrar a seus clientes
eu realmente os incentivo a experimentar
A plataforma possui muitos modelos minimalistas prontos para uso
é muito intuitiva e personalizável
E você pode obter ótimos resultados em pouco tempo e sem conhecimento prévio na criação de sites
Criei uma base sólida para o meu site e o conteúdo futuro será lançado em breve
Portanto, acesse Squarespace.com para uma avaliação gratuita
e, quando estiver pronto para o lançamento, acesse squarespace.com/ougraphics
e economize 10% em sua primeira compra de um site ou domínio.
Tudo bem galera, obrigado por assistir!
como eu disse que vou vincular o blog Visualizing Architecture na descrição do vídeo de Alex
você definitivamente deve conferir se ainda não conhece ele
Ele é uma referência há muito tempo. E o vídeo de hoje foi inspirado em uma das análises do site, como eu disse no começo.
Tudo bem, espero que você tenha gostado, não se esqueça de deixar o like se aprendeu alguma coisa
Inscreva-se se você ainda não o fez. E siga-me em ou.graphics no Instagram
Muito obrigado por assistir e, como sempre, vejo vocês no próximo. Tchau!
