Criar pinturas digitais abstratas com processamento | Benjamin Halsall | Skillshare

Velocidade de reprodução


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

Criar pinturas digitais abstratas com processamento

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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

3 aulas (16 min)
    • 1. Introdução ao curso

      0:51
    • 2. Trabalhe com código para criar imagens abstratas

      10:26
    • 3. Imagens de exportação - Inserir o código

      5:09
  • --
  • 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.

375

Estudantes

4

Projetos

Sobre este curso

Este curso é adequado para qualquer pessoa com desejo de criar pinturas digitais gerativas abstratas.

Você vai precisar baixar e instalar o processamento de software livre aqui.

E você também precisará baixar o código da página de projeto de curso - ImageGrid.zip. DIVIRTA-SE!

Este curso vai mostrar como criar pinturas digitais abstratas, grades de imagem aleatória e colagens usando código pré-escrito que são executados no processo.

Isso mesmo! Você pode começar a desenvolver uma compreensão do poder de programação sem aprender a programar.

Você vai trabalhar com imagens PNG que vão criar cores e abstração, bem como máscaras que vão gerar transparência no seu projeto. Isso significa que você pode editar e gerar imagens básicas no Photoshop, Illustrator ou até mesmo aplicativos como tinta.

Esse curso é definitivamente bem valorizado por ela!

ce0699b5

Conheça seu professor

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Professor

For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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 ao curso: Ok, então nesta lição, vamos combinar código e imagem para criar alguns efeitos realmente interessantes. Agora, você não precisa ser um programador para fazer essa aula. Eu vou estar te examinando todas as coisas que você precisa mudar. Você precisará instalar um software chamado processamento, que está disponível para o Mac fora do PC em É um software livre e também, você precisa ter acesso a um editor de imagens. Agora, isso pode ser tinta para isso. Pode ser Photoshopped ou outro editor de imagens com o qual você está trabalhando, pois você precisará criar algumas de suas próprias imagens. Ok, então a codificação que vamos fazer é realmente ajustar algumas linhas de código para ver como podemos ajustar coisas como escala de rotação. Andi afeta a aleatoriedade deste projeto criativo de pintura digital abstrata. Então vamos continuar. Vamos mergulhar no processamento estranho. Vamos ver os arquivos que estavam trabalhando com arquivos de imagem. Andi, espero ter algumas manivelas divertidas e legal de projetos abstratos interessantes. 2. Trabalhe com código para criar imagens abstratas: Ok, então nesta lição para processamento, estamos realmente olhando para como podemos gerar alguns padrões abstratos aleatórios dentro do processamento , usando nossas próprias imagens e pedaço de código pré-escrito. Então, o que? Você pode ver aqui estão algumas versões diferentes que eu experimentei com para a versão final de alguns desses experimentos abstratos que nós vamos estar com ele. Ok, então vamos dar uma olhada no que temos aqui no processamento. Então nós temos ah, pedaço de código que estamos trabalhando aqui neste está localizado na minha área de trabalho em uma pasta que eu vou compartilhar com vocês. Ok, então nesta pasta vermelha de imagem, nós temos este arquivo de processamento, que é o código que você pode ver na esquerda aqui, que é um tipo muito simples de script curto que está puxando algumas imagens para um par de funções diferentes. Algumas das imagens estão sendo usadas para colorir. Algumas das imagens estão sendo usadas para mascarar. Ambos estão sendo combinados e interessantes. Um modo abstrato. Ok, então se eu apertar o Play aqui, vamos ver como isso está sendo reproduzido do zero. Então, basicamente, nós temos este três por três grade de cores aleatórias em cada um desses blocos ao redor em cores está sendo puxado para uma imagem PNG. Ok, então uma das coisas boas sobre isso é que significa que podemos entrar e editar essa imagem para que eles não tenham que ser apenas um bloco de cores. Mas eu escolhi especificamente isso para este exemplo específico apenas para manter as coisas um pouco mais simples, tão perto que as imagens do estão localizadas nos dados. - Pai. Então temos uma Siris de 11 imagens PNG de 0 a 10 que estamos trabalhando com. Basicamente, podemos entrar e editar qualquer um desses. Então, se eu pegar essa imagem verde, por exemplo, em arrastá-la para baixo no Photoshopped Ok, eu posso pegar a ferramenta de pincel como? Agarre a cor aqui. E eu vou apenas calças no bom Big X salvar isso. E agora estamos antes de termos apenas a cor dos blocos. Você pode ver agora que este X vai aparecer de vez em quando, então nós temos o tipo de padrões começando a acontecer dentro de nossa animação aqui. Ok, então eu tenho minha montanha-russa aqui em basicamente tudo o que vai precisar fazer nesta tarefa, e você será capaz de editar dentro do código sem escrever qualquer abraço novo real. Você pode experimentar com isso também. Processamento é um idioma de código aberto. Há um monte de bons exemplos de codificação lá fora que você pode colocar em algo assim . Então, temos alguns preparados para um documento. Então é uma Epsom Variables no topo. OK, traria algumas imagens, então precisamos configurar esses tipos de dados de imagem P. Ok para o nome, imagem e Marcha de Imagem, que usamos um pouco mais tarde. Temos algo, algumas coisas como a cor de fundo sendo configurada aqui do tamanho do nosso quadrado, com o qual é 64 por 6 40 pixels. E então também temos algumas imagens sendo carregadas quando começamos aqui. Então é isso que está tocando agora. Ok, então vamos dar uma olhada em como podemos brincar com ele um pouco mais. Então, vamos ao nosso ciclo aqui. Isso é basicamente encher isso com uma grade. Então aqui, temos algumas opções. Então nós temos um grande divisor em Fazer isso por completo é definido para 1,65 o que significa que quando começamos fora da grade, ele começa com esta arma. Uma coluna de três por três linhas configuradas. Mas se ativarmos esta opção aleatória aqui, ela vai alternar entre dois e quatro em termos do número para o grande divisor, que está sendo usado nesta matemática aqui em cima. Basicamente, vamos dividir a grade que temos em colunas menores ou maiores. Basicamente, Se pressionarmos Play agora, ok, vamos começar a ver que temos É tipo de passagem mais aleatória de quadrados que estão aparecendo que estão carregando. Ok, então vamos parar com isso. Está bem? Andi vai comentar isso. Então, esses dois cortam um espaço significa que nós comentamos essa linha. Ok, agora, se eu tiver um comentário fora da escala, você pode ver que vamos adicionar um pouco mais de variação. Então, agora temos alguma variação de escala em. Temos outras opções que podemos tio e aqui fora, como a tradução que vai traduzir a posição. Isso é toda vez que estou fazendo uma mudança. Estou fazendo o comando e s para salvá-lo, em seguida, pressionando o botão play novamente ou o botão executar novamente, e ele irá então reproduzir isso de volta através e você pode ver agora. E vocês podem ver agora que temos um tipo real de imagens de satélite aleatórias aparecendo na tela. Ok, então vamos parar com isso. Voltaremos aqui e vamos para a cidade. Eles giram. Ok, então agora se eu pressionar Play aqui, Ok, nós vamos ter um pouco de rotação lá, e nós começamos a obter este belo conjunto de padrões que estão aparecendo dentro de nossos códigos. Reproduz de volta. Certo, então vamos parar com isso. Andi, vou comentar isso de volta. Eu quero dar uma olhada nas máscaras que estavam trabalhando agora com o mestre imagens realmente preto e branco onde a parte branca da imagem é o que será visível na parte preta. A imagem é o que será escondido. Ok, então se tivermos uma olhada nas imagens que temos, temos estas para imagens em preto e branco, alguns triângulos muito simples e algum tipo de meio e meio tipo de triângulo preto de branco , que estava mostrando partes altas desses quadrados coloridos, em seguida, algumas formas mais complexas e, em seguida, algum tipo de forma ainda mais complexa. Eles são desenhados com pincéis na loja de fotos. Então, basicamente, nós vamos carregar essas imagens aleatórias criando uma variável aqui m r. que nós já configuramos aqui. Está bem. E então nós vamos ser tão com a maneira que isso foi comentado, é este corte que o Astérix. E eu estou apenas tirando o início disso e no final. Certo, então agora vamos alternar entre essas imagens 11 a 14. Ok, então esta opção de carregamento de imagem em, basicamente, só precisamos mover mais uma linha de código. Eu sou o contrário, isso não vai funcionar porque a imagem do momento está desenhando aqui nesta linha. Ok, então, na verdade, para mover isso abaixo da máscara de imagem, a fim de que isso funcione tão descomprometido na minha seção de código aperte seu carregamento nessas imagens, e então eu vou pegar isso, ir para editar corte, e então eu vou para editar e colar. Está bem? Basta escrever um comentário para que possamos adicionar comentários em nosso código também, Então barra barra isso. Este código grava danos na tela. Então, agora, se pressionarmos o jogo vai fazer essa massa de imagem funcionar. Então as imagens estão se combinando. Então ainda temos esse tipo de grade como formato ativado. Mas você pode ver como essas cores estão sendo tornadas transparentes por essas cores específicas, o que é realmente emocionante, realmente interessante maneira de trabalhar. Então, onde temos preto nesta imagem, por exemplo, agora temos transparência, um caso que mostra o fundo de onde temos branco nessa imagem, ele está realmente mostrando os carros atrás dela. Então é um tipo muito bom de técnica para combinar essas imagens diferentes. Ok, então agora podemos ir mais longe. Podemos adicionar aqui que se traduz na rotação. Vamos começar a ter coisas ainda mais interessantes acontecendo para que você possa ver agora que nossa imagem se torna muito abstrata. Começa a se acumular nessas imagens, uma espécie de jogada por todo o lado, quase como uma lata de spray. Então, temos algumas coisas mais interessantes acontecendo. Então agora há algumas coisas que podemos fazer aqui se eu parar com isso. Então, se formos para as nossas imagens daqui. Eu só vou pegar esta última imagem aqui em Ir para editar cópia em edições, pressa. Está bem. Vai colar uma cópia disso. Número 14. Eu chamo isso de 15 para que possamos adicionar uma nova imagem que podemos então usar a máscara. Está bem. Precisamos fazer algo no código em um segundo para fazer isso funcionar. Mas se nos arrastarmos para uma loja, vamos editar isto. Então eu vou entrar para um tiro agora, e nós vamos para o festival. Apenas preencha esta imagem com preto. Então eu só vou me certificar que meus pincéis pretos e eu vou encher isso, ok? E agora eu vou passar para o caso branco o branco será, mas nós teríamos como visíveis e falando sobre o meu pincel bom e pequeno aqui. E eu só vou desenhar aqui um bom em um pouco que Ok. Então, se eu economizei agora, eu preciso adicionar o número 15 ao meu código para que você possa ver aqui. Meu código é andar de 11 a 14. Eu só preciso sair de 15 lá. Então, agora para as minhas máscaras, quando eu jogar através daquele quadrado vai aparecer como uma máscara dessas formas diferentes para que você possa ver o tipo de quadrado aparecendo, e ele irá girar em torno também. Então você obtém padrões interessantes que estão surgindo. Ok, então essa é uma introdução rápida de como podemos mudar na edição de três imagens. Outra coisa que quero mostrar-te é que vou parar com isto, está bem? Agora vou entrar aqui, Andi, colocar uma foto em uma das minhas imagens. Então, se chegarmos a este número três Ok, eu levarei isso para um choque, e então eu vou para o arquivo no lugar incorporado que eu uso para essas texturas que eu já preparei . Então vamos pegar este tipo agradável de textura enferrujada que temos vai colocar isso, OK, e eu vou ter este dedo cheio a tela que eu estou segurando Shift é eu estou transformando isso agora. Ok, então vamos guardar isso. Vou subir para a minha imagem aqui. Slattern ele. Então você tem que achatá-lo antes de salvá-lo como um PNG dizer isso e então eu voltar aqui para processar e tocar isso de novo, e vamos começar a ver essa imagem fotográfica aparecendo, mas aparecendo e mascarado por outras formas que fomos criados. Então vocês podem ver que começamos a obter esse pouco de textura interessante que aparece nessas combinações de uma maneira que não estavam necessariamente esperando. Então, uma das coisas boas sobre trabalhar com o processamento dessa maneira é que somos capazes de controlar o que estamos fazendo, mas também perder um pouco de controle. Então podemos, uh, projetar algo novo que nunca teríamos sido capazes de projetar de uma maneira diferente. Ok, então o próximo passo para isso é olhar para como nós exportamos na imagem em que é a próxima linha de código que Will vai escrever. Ok, 3. Imagens de exportação - Inserir o código: Ok, então estamos de volta ao processamento aqui e agora vamos dar uma olhada em como podemos adicionar um atalho de teclado que vai salvar uma imagem para o nosso processamento longe. Ok, então se formos para o processamento aqui, vamos agora dar uma olhada na referência on-line. Então processo, ele tem uma grande referência on-line e para descobrir coisas. Então eu tenho a referência de processamento. E olha como dizemos isso na imagem, está bem? E vamos salvar uma imagem PNG. Ok, então eu vou apenas copiar esta linha de código do site de processamento bem aqui no meu ciclo, eu vou colar em um resumo salvar novamente, Jake. Ok, então agora se eu pressionar play meu arquivo começar a desenhar. Se eu clicar com o botão direito, estou aqui sob a imagem. Livrar-se. Você pode ver que este PNG abstrato está sendo seguro. Isso está sendo salvo toda vez que passamos por esse loop. Então, ele vai começar a desacelerar o nosso computador um pouco à medida que passamos. Então, se eu pressionar, pare aqui agora. Ok, então eu parei em um ponto onde o PNG abstrato não tinha terminado a gravação. Certo, então precisamos fazer isso. Faça isso de uma maneira um pouco mais inteligente. Então vamos adicionar um atalho de teclado que vai salvar a imagem quando vemos uma imagem que gostamos e depois sair do programa. Ok, então eu vou voltar para a referência de processamento e basicamente dar uma olhada nesta função de tecla pressionada, então ok, então vamos dar uma olhada em como isso funciona. Então, se copiarmos este código, está bem, então isto é alguma tecla a ser pressionada? Ok, eu vou pisar isso até o fundo. O meu casaco é evitar. Mantenha-se descansar. Ok, Então eu vou tirar isso se outra declaração e eu vou apenas pegar este salvar ter despojado PNG e colar isso lá e, em seguida, digitando a saída de linha e que vai, em seguida, sair do script que vai salvar o PNG e, em seguida, sair bem, quando eu pressionar qualquer tecla. Então, se eu pressionar Play agora, meu desenho abstrato é pintar. Se eu pressionar a barra de espaço, ele vai agora salvar o abstrato até PNG e sair do lado de fora salvá-lo e, em seguida, sair. Então devemos ter em nossa pasta aqui uma boa imagem que podemos usar. Certo, então podemos fazer o upload disso, então vá em frente e jogue de novo. Então, uma coisa que não estamos fazendo aqui é que não estamos incrementando a versão dessa imagem que estamos salvando. Então eu vou fazer isso agora, então eu vou chamar isso de abstrato um um, porque caso contrário, quando rodarmos isso de novo e criarmos uma nova imagem quando pressionarmos a barra de espaço ou outro dedo para parar isso vai sobrescrever o original versão. Então, se eu pressionar o espaço agora, tudo bem, ele vai salvar um PNG, e vai salvá-lo como abstrato novamente. E você pode ver um artigo. Ele é versões muito diferentes da minha obra de arte gerada abstrata. Então é assim que Toe diz sobre uma imagem de homem quando podemos certamente adicionar em algumas outras opções para a função salvar que irá aumentar os números para cima para que possamos salvar diferentes versões fora disso. Ok, nós também podemos mudar isso para que ele nem sempre sobrescreva a versão atual no PNG abstrato. Então ele sempre veio através aqui e dar uma olhada na função segura. Também vai ver que temos esta outra opção se frame. Certo, o que vai salvar o quadro atual. Então eu vou dizer quadro agora em Copiar isso. Eu vou substituir salvar PNG abstrato e sair por dizer quadro. Ok, então se eu tocar isso agora, Ok, eu vou pressionar a barra de espaço, ok. Ou qualquer sustento. Então ele vai salvar um quadro, e você pode ver que ele está salvando os quadros, e ele está numerado eles. Com base no número de vezes que é atualizado. Então, se eu voltar aqui agora e pressionar, vai salvar outro quadro, e eu posso continuar pressionando e salvar amigos diferentes. Está bem? Estamos salvando um quadril, e esse é um arquivo que podemos usar também. Ok, então eu vou parar com isso agora, ok? E então, se voltarmos para dizer quadro ok, você pode ver que também podemos adicionar algumas opções para isso também. Então, se eu digitar, digamos, quadro sobre tipo em abstrato, Ok, eu pressiono play. Então, enquanto ele passa, basta trazer a parada de morte aqui. Você vai ver agora que podemos pressionar a barra de espaço economizando fora do PNG, e tem o arquivo que escolhemos em Além disso, é numerado aqueles amigos salvos. O meu caso. Há uma boa maneira de salvar a França. Nós também podemos adicionar, digamos, quadro neste loop de desenho vazio principal também. Mas vai abrandar o clipe como ele está meio que funcionando. Então essa é uma coisa para ter em mente se você quiser fazer isso porque é assim que você salva e diz quadro para salvar nossas imagens no processamento.