Como posso usar gradientes para imitar a profundidade de labirintos isométricos?

Gostaria de criar um labirinto com gradientes, mas não sei por onde começar. Eu posso ver que eles são gradientes sutis que mudam , então eu gostaria de começar com algumas técnicas que podem me ajudar a mudar minha perspectiva além do design plano básico:

Como iniciante, meu raciocínio seria:

Crie áreas selecionadas e coloque-as em camadas individuais
Escolha oito ou mais cores, tentando encontrar cores que se misturem para obter profundidade. Essa soma não tem muita certeza e não sabe muito sobre teoria das cores.
Crie o contorno completo do labirinto, mas com um estilo ligeiramente diferente que se estende por mais algumas voltas.
Use a ferramenta gradiente para tentar corresponder onde as camadas se cruzam.

Essa seria uma técnica correta? Estou esquecendo de algo?

que técnicas adicionais são necessárias para um labirinto com curvas? Todo o crédito do design é enviado para: http://dribbble.com/shots/1118644-G-Glob

adobe-photoshop gradient

— Charles
fonte

Eu recomendaria o uso de um único gradiente "global" para o sombreamento na parte inferior (este seria um gradiente preto com menor opacidade). Em seguida, use dois outros gradientes para criar as outras seções e apenas mascará-las ou aplicá-las à forma.

— 21413 Hanna

É mais fácil concluir esse labirinto isométrico no Adobe Illustrator .

Tentei pela primeira vez criar um screencast que mostra com mais precisão as etapas necessárias para concluir isso e acrescenta alguns comentários sobre o uso de gradientes precisos. Ainda melhorando nos screencasts, mas espero que entenda os pontos.

Parte 1: Como criar uma parte superior isométrica - http://www.youtube.com/watch?v=nKgDZ87RRyA

Parte 2: Como criar paredes dentro - http://www.youtube.com/watch?v=Vrdyj46quYA

Parte 3: como considerar com precisão as fontes de luz para gradientes - http://www.youtube.com/watch?v=0v3b9sQmiig

Você pode usar esse método para estender seu labirinto e, esperançosamente, existem alguns princípios que o ajudarão nas suas técnicas do Illustrator.

Saída final

Escala de cinza e parede curva

insira a descrição da imagem aqui

Nota Verifique se seus guias não estão bloqueados. Guias de desbloqueio

Arquivo fonte

IsometricMaze.ai (Por segurança, isso levará você a um arquivo compartilhado do Google Drive, onde você pode visualizar antes de fazer o download)

— Adam Schuld
fonte

Tive dificuldade para carregar o primeiro vídeo. Patinando na parte inferior, você pode ver os vários slides, mas encontrei erros depois de tentar quatro ou cinco vezes. A segunda e terceira partes são ótimas. Mas acabei de ouvir, preciso de uma ajudinha com os guias etc. você acha que depende muito da escolha da cor? Se você o mantivesse monocromático, ainda assim criaria a ilusão?

— Charles

Para adicionar à pergunta, como você usaria técnicas semelhantes para labirintos curvos?

— Charles

@ Charles A ilusão de profundidade não é tanto uma escolha de cores, mas uma escolha de valor. Editei minha resposta para incluir uma escala de cinza. Os espectadores entendem a profundidade porque subconscientemente entendem o que significam mudanças de valor. A luz fornece informações sobre como um objeto é moldado e sua forma volumétrica. As curvas não seriam muito difíceis contanto que você mantivesse a mesma espessura de parede por toda parte, seria uma bobagem se não o fizesse. Isso também mudaria suas considerações de gradiente, porque os valores nas curvas variariam tanto quanto verticalmente. Sempre considere suas fontes de luz.

— Adam Schuld

obrigado, qualquer que seja o estilo, pelo qual você escolhe separar as cores base na extrema direita em duas cores separadas versus uma. Ao separar as seções, parece que perdeu a perspectiva do labirinto.

— Charles

Obrigado Adam. Você realmente deve considerar o ensino como um show paralelo. Fluxo muito agradável e explicações do seu processo de pensamento. Isso geralmente é muito difícil de encontrar online. Realmente aprecio seu tempo e esforço.

— Charles