Abstrakte digitale Gemälde mit der Verarbeitung | Benjamin Halsall | Skillshare

Playback-Geschwindigkeit


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

Abstrakte digitale Gemälde mit der Verarbeitung

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

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

3 Einheiten (16 Min.)
    • 1. Einführung in den Kurs

      0:51
    • 2. Arbeiten mit dem Code, um abstrakte Bilder zu erstellen

      10:26
    • 3. Bilder exportieren - Code einfügen

      5:09
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

375

Teilnehmer:innen

4

Projekte

Über diesen Kurs

Dieser Kurs ist für jeden geeignet, der abstrakte generative digitale Bilder erstellen möchte.

Du musst die kostenlose Software herunterladen und installieren.

Und du brauchst den Code auch auf der class - ImageGrid.zip herunterladen. Viel Spaß!

Dieser Kurs zeigt dir, wie du abstrakte digitale Gemälde, zufällige Bildraster und Collagen mit vorgeschriebenem Code erstellen kannst, der in der Verarbeitung ausgeführt wird.

Das stimmt! Du kannst anfangen, ein Verständnis für die power zu entwickeln, ohne zu lernen, wie du programmierst.

Du wirst mit PNG-Bildern arbeiten, die Farbe und Abstraktion erstellen und Masken erstellen, die Transparenz in deinem Projekt erzeugen. Das bedeutet, dass du die Grundbilder in Photoshop, Illustrator oder sogar Anwendungen wie Farbe bearbeiten und erzeugen kannst.

Dieser Kurs ist definitiv ein Blick wert!

ce0699b5

Triff deine:n Kursleiter:in

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Kursleiter:in

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.

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung in den Kurs: Okay, in dieser Lektion werden wir Code und Bild kombinieren, um einige wirklich interessante Effekte zu erzeugen. Jetzt müssen Sie kein Programmierer sein, um diese Klasse zu nehmen. Ich werde dich durch all die Dinge führen, die du ändern musst. Sie müssen toe installieren Sie ein Stück Software namens Verarbeitung, die für den Mac aus dem PC verfügbar ist Es ist ein kostenloses Stück Software und auch, Sie müssen Zugriff auf einen Bild-Editor haben. Nun, das könnte Farbe dafür sein. Es könnte Photoshopped sein oder ein anderer Bildeditor, mit dem Sie arbeiten, weil Sie einige Ihrer eigenen Bilder erstellen müssen. Okay, also die Codierung, die wir tun werden, ist wirklich ein paar Zeilen Code anzupassen, um zu sehen wie wir Dinge wie Rotationsskala anpassen können. Andi beeinflussen die Zufälligkeit dieses kreativen abstrakten digitalen Malprojekts. Also lasst uns weitermachen. Wir werden seltsame Verarbeitung eintauchen. Wir schauen uns die Dateien an, die mit Bilddateien gearbeitet haben. Andi, hoffentlich haben einige lustige Kurbeln und cool von interessanten abstrakten Projekten. 2. Arbeiten mit dem Code, um abstrakte Bilder zu erstellen: Okay, Also in dieser Lektion für die Verarbeitung schauen wir uns wirklich an, wie wir einige zufällige abstrakte Muster innerhalb der Verarbeitung generieren können , indem wir unsere eigenen Bilder und vorgeschriebenen Stück Code verwenden. Also was? Sie können hier ein paar verschiedene Versionen sehen, mit denen ich für die endgültige Version von einigen dieser abstrakten Experimente experimentiert habe , die wir mit ihm zusammen sein werden. Okay, also schauen wir uns mal an, was wir hier in der Verarbeitung haben. Also haben wir ah, ein Stück Code, mit dem wir hier arbeiten, befindet sich auf meinem Desktop in einem Ordner , den ich mit Ihnen teilen werde. Okay, also in diesem roten Bild-Ordner haben wir diese Verarbeitungsdatei, die den Code ist, den Sie hier links sehen können, was eine wirklich einfache Art von kurzen Skript ist, das einige Bilder für ein paar verschiedene Funktionen. Einige der Bilder werden verwendet, um Farbe. Einige der Bilder werden zum Maskieren verwendet. Beide werden miteinander kombiniert und interessant. Eine abstrakte Art und Weise. Okay, wenn ich hier nur auf „Play“ klicke, werden wir sehen, wie das von Grund auf wiedergegeben wird. Also im Grunde haben wir diese drei mal drei Raster von zufälligen Farben auf jedem dieser Blöcke um in Farbe gezogen wird für ein PNG-Bild. Okay, eine der netten Dinge daran ist, dass es bedeutet, dass wir das Bild bearbeiten können, damit sie nicht nur ein Farbblock sein müssen. Aber ich habe das speziell für dieses spezielle Beispiel gewählt, um die Dinge etwas einfacher zu halten , so nah, dass sich die Bilder in den Daten befinden. Vater. Wir haben also einen Siris von 11 PNG-Bildern von 0 bis 10, an denen wir arbeiten. Grundsätzlich können wir hineingehen und jede von diesen bearbeiten. Also, wenn ich dieses grüne Bild schnappe, zum Beispiel beim Ziehen nach unten in Photoshopped Okay, kann ich das Pinselwerkzeug wie greifen? Schnapp dir hier Farbe. Und ich werde nur Hosen auf dem schönen Big X speichern. Und jetzt sind wir, bevor wir nur die Blöcke Farbe hatten. Sie können jetzt sehen, dass dieses X von Zeit zu Zeit erscheinen wird, so dass wir es Art von Mustern bekommen , die beginnen, in unserer Animation hier passieren. Okay, also habe ich meinen Coaster hier oben auf im Grunde alles, was in dieser Aufgabe zu tun haben, und du wirst in der Lage sein, innerhalb des Codes zu bearbeiten, ohne irgendeine echte brandneue Kuschel zu schreiben. Sie können damit auch experimentieren. Die Verarbeitung ist eine Open-Source-Sprache. Es gibt viele gute Beispiele für das Codieren da draußen, die Sie in so etwas ziehen können . Also haben wir etwas für ein Dokument eingerichtet. Es ist also ein Epsom Variables an der Spitze. OK, würde einige Bilder einbringen, also müssen wir diese P-Bilddatentypen einrichten. Okay für den Namen, das Bild und das Bild March, das wir ein wenig später verwenden. Wir haben etwas, einige Dinge wie die Hintergrundfarbe, die hier in der Größe unseres Quadrats eingerichtet wird, mit dem 64 mal 6 40 Pixel ist. Und dann haben wir auch einige Bilder geladen, wenn wir hier anfangen. Das ist es, was gerade wiedergegeben wird. Okay, also schauen wir uns mal an, wie wir damit ein bisschen mehr spielen können. Also gehen wir runter zu unserer Schleife hier. Das füllt das im Grunde mit einem Gitter aus. Also hier drin haben wir ein paar Möglichkeiten. Also haben wir einen großen Teiler auf Do this by the full ist auf 1,65 gesetzt, was bedeutet, dass, wenn wir aus dem Startfeld beginnen, es beginnt mit dieser Waffe. Eine drei Spalten und drei Zeilen eingerichtet. Aber wenn wir diese zufällige Option hier aktivieren, wird es zwischen zwei und vier in Bezug auf die Anzahl für den großen Teiler, der in dieser Mathematik hier oben verwendet wird. Okay, im Grunde werden wir das Gitter, das wir haben, in kleinere oder größere Spalten aufteilen. Wenn wir jetzt spielen drücken, okay, werden wir anfangen zu sehen, dass wir es irgendwie randomisiertere Übergabe von Quadraten, die auftauchen, die geladen werden. Okay, also lasst uns damit aufhören. Okay? Andi wird das auskommentieren. Also diese beiden Schrägstriche ein Leerzeichen bedeuten, dass wir diese Zeile auskommentiert haben. Okay, jetzt, wenn ich einen Kommentar außerhalb des Maßstabs habe, können Sie sehen, dass wir ein bisschen mehr Variation hinzufügen werden. Also haben wir jetzt einige Skalenabweichungen auf. Wir haben andere Optionen, die wir Onkel und hier draußen können, wie die Übersetzung, die die Position übersetzen wird. Das ist jedes Mal, wenn ich eine Änderung vornehme. Ich mache Befehl und s, um es zu speichern, dann drücke die Play-Taste erneut oder die Run-Taste erneut, und es wird dann diese wiedergeben und Sie können jetzt sehen. Und Sie können jetzt sehen, dass wir eine echte Art von zufälligen Sat-Bildern haben, die auf dem Bildschirm auftauchen. Okay, also lasst uns damit aufhören. Wir kommen wieder rein und gehen in die Stadt. Sie drehen sich. Okay, wenn ich jetzt „Play“ hier drücke, okay, werden wir dort etwas Rotation bekommen und wir fangen an, diese schönen Muster zu bekommen, die innerhalb unserer Codas auftauchen. Es spielt sich zurück. Okay, also lasst uns damit aufhören. Andi, ich werde die wieder auskommentieren. Ich möchte einen Blick auf die Masken, die jetzt mit dem Master arbeiten wirklich Schwarz-Weiß-Bilder , wo der weiße Teil des Bildes ist, was auf dem schwarzen Teil sichtbar sein wird. Das Bild ist, was ausgeblendet wird. Okay, wenn wir also einen Blick auf die Bilder haben, die wir haben, haben wir diese für Schwarz-Weiß-Bilder, einige wirklich einfache Dreiecke und eine Art von halb und halb Art Schwarz-Weiß-Dreieck , das zeigte hohe Teile dieser farbigen Quadrate auf, dann einige komplexere Formen und dann einige noch komplexere Art der Form. Sie sind mit Pinseln im Fotoshop gezeichnet. Also im Grunde werden wir diese zufälligen Bilder laden, indem wir hier eine Variable erstellen , die wir hier bereits eingerichtet haben. Okay. Und dann werden wir so mit der Art und Weise sein, dass das auskommentiert wurde, es ist dieser Schrägstrich als der Asterix. Und ich nehme nur den Anfang davon ab und am Ende. Okay, jetzt werden wir zwischen diesen Bildern 11 bis 14 fahren. Okay, also diese Option zum Laden von Bildern auf, im Grunde müssen wir nur eine weitere Codezeile verschieben. Ich bin sonst, das wird nicht funktionieren, weil das Bild des Augenblicks sich hier in dieser Zeile aufzeichnet. Okay, also, tatsächlich, um das nach unten unter die Bildmaske zu verschieben, damit das so ungebunden in meinem Codeabschnitt funktioniert , traf das Laden in diesen Bildern, und dann werde ich das einfach packen, gehen, um Schnitt zu bearbeiten, und dann werde ich gehen, um zu bearbeiten und einzufügen. Okay? Schreiben Sie einfach einen Kommentar, damit wir auch Kommentare in unseren Code hinzufügen können, also Schrägstrich dies. Dieser Code schreibt Schaden auf den Bildschirm. Also, jetzt, wenn wir spielen drücken, wird die Bildmasse funktionieren. So verbinden sich die Bilder miteinander. Also haben wir immer noch diese Art von sehr Gitterformat eingeschaltet. Aber Sie können sehen, wie diese Farben jetzt transparent durch diese spezifischen Farben gemacht werden, was wirklich spannend ist, wirklich interessante Art der Arbeit. Wo wir zum Beispiel Schwarz in diesem Bild haben , haben wir jetzt Transparenz, ein Fall, der den Hintergrund zeigt, wo wir weiß in diesem Bild haben, es zeigt tatsächlich die Autos dahinter. Es ist also eine wirklich schöne Art von Technik, um diese verschiedenen Bilder zu kombinieren. Okay, jetzt können wir einen Schritt weiter gehen. Wir können hier hinzufügen, was auf dem Drehen auf übersetzt. Wir werden anfangen, noch interessantere Dinge passieren, damit Sie sehen können, dass unser Bild sehr abstrakt wird. Es fängt an, sich auf diesen Bildern aufzubauen, eine wirklich Art von überall geworfen, fast wie eine Spraydose. Also haben wir noch ein paar interessantere Dinge vor sich. Jetzt gibt es ein paar Dinge, die wir hier tun können, wenn ich damit aufhöre. Also, wenn wir von hier zu unseren Bildern gehen. Ich werde nur dieses letzte Bild hier auf Go nehmen, um Kopie bei Bearbeitungen zu bearbeiten, Eile. Okay. Es wird eine Kopie davon einfügen. Nummer 14. Ich nenne dies 15, damit wir ein neues Bild hinzufügen können, dass wir dann die Maske verwenden können. Okay. Wir müssen in einer Sekunde etwas im Code tun, damit das funktioniert. Aber wenn wir uns in einen Laden schleppen, schleppen, wir das einfach bearbeiten. Also werde ich jetzt einen Schuss machen, und wir gehen zum Festival. Füllen Sie dieses Bild einfach mit Schwarz. Also werde ich nur sicherstellen, dass meine Bürsten schwarz sind und ich das einfach auffüllen werde, okay? Und jetzt werde ich es auf den weißen Fall umdrehen, der weiß sein wird, aber wir hätten uns so sichtbar und reden über meinen Pinsel schön und klein hier. Und ich werde nur auf in hier ein nettes in ein wenig que ziehen OK. Also, wenn ich jetzt gespeichert habe, muss ich die Nummer 15 zu meinem Code hinzufügen, damit Sie hier sehen können. Mein Code ist Radfahren von 11 bis 14. Ich muss nur von 15 da raus. Also, jetzt für meine Masken, wenn ich durch dieses Quadrat spielen wird als eine Maske dieser verschiedenen Formen, so können Sie sehen, die quadratische Art von Auftauchen, und es wird auch um drehen. So erhalten Sie interessante Muster, die auftauchen. Okay, das ist also eine schnelle Einführung, wie wir bei der Bearbeitung von drei Bildern ändern können. Eine andere Sache, die ich dir zeigen möchte, ist, dass ich das aufhöre, okay? Ich werde jetzt hier reinspringen, Andi, lade ein Foto in eines meiner Bilder ein. Also, wenn wir zu dieser Nummer drei kommen Okay, ich bringe das für einen Schock auf, und dann gehe ich zur Datei an Ort und Stelle eingebettet, die ich für diese Texturen verwende, die ich bereits eingerichtet habe . Also lasst uns diese nette Art von rostiger Textur schnappen, die wir haben, wird sie platzieren, OK, und ich werde diesen Zeh mit dem Bildschirm füllen, den ich gedrückt halte, ist, dass , OK, ich das jetzt transformiere . Okay, also retten wir das. Ich gehe hier zu meinem Bild. Slattern Sie es. Also müssen Sie es abflachen, bevor Sie es speichern, als ein PNG sagen, dass und dann gehe ich zurück hier in die Verarbeitung und spielen das wieder, und wir werden anfangen zu sehen, dass fotografische Bild auftaucht, aber auftaucht und von den anderen Formen maskiert dass wir erschaffen wurden. So können Sie sehen, wir beginnen, dieses kleine bisschen interessante Textur zu bekommen, die in diesen Kombinationen in einer Weise auftaucht , die nicht unbedingt erwartet wurden. Dies ist also eine der netten Dinge über die Arbeit mit der Verarbeitung auf diese Weise ist, dass wir in der Lage sind , zu kontrollieren, was wir tun, aber auch ein wenig Kontrolle verlieren. Also können wir, ähm, etwas Neues entwerfen, das wir nie auf eine andere Art und Weise entworfen hätten. Okay, der nächste Schritt dazu ist, sich anzusehen, wie wir auf Bild exportieren. Das ist die nächste Codezeile , in die Will schreiben wird. Okay, 3. Bilder exportieren - Code einfügen: Okay, wir sind wieder in der Verarbeitung hier und jetzt werden wir einen Blick darauf werfen, wie wir eine Tastenkombination hinzufügen können , die ein Bild für unsere Verarbeitung weit speichern wird. Okay, wenn wir also zur Verarbeitung hier gehen, werden wir jetzt einen Blick auf die Referenz online werfen. So Prozess, es hat eine große Referenz online und um herauszufinden, Dinge. Also habe ich die Verarbeitungsreferenz. Und sieh mal, wie wir das auf dem Bild sagen, okay? Und wir werden ein PNG-Bild speichern. Okay, also werde ich diese Codezeile von der Verarbeitungswebsite hier in meiner Schleife kopieren , ich werde wieder speichern abstrakt einfügen, Jake. Okay, also jetzt, wenn ich auf „Abspielen“ klicke, beginnt meine Akte zu zeichnen. Wenn ich nur mit der rechten Maustaste klicke, bin ich hier unter dem Bild. Befreien. Sie können sehen, dass dieses abstrakte PNG sicher ist. Das wird jedes Mal gerettet, wenn wir diese Schleife durchlaufen. Es wird also anfangen, unseren Computer zu verlangsamen, während wir durchmachen. Also, wenn ich drücke, hören Sie jetzt hier auf. Okay, dann hielt ich an einem Punkt an, an dem das abstrakte PNG die Aufnahme noch nicht beendet hatte. Okay, also müssen wir es tun. Tun Sie dies auf eine etwas intelligentere Art und Weise. Also werden wir eine Tastenkombination hinzufügen, die das Bild speichern wird, wenn wir ein Bild sehen , das wir mögen, und dann aus dem Programm beenden. Okay, also werde ich zurück zur Verarbeitungsreferenz gehen und im Grunde einen Blick auf diese Tastendruckfunktion werfen, also Okay, also schauen wir uns an, wie das funktioniert. Also, wenn wir diesen Code kopieren, okay, also ist das eine Taste, die gedrückt wird? Okay, ich werde das hier unten hinuntertreiben. Mein Mantel ist zu vermeiden. Ruhen Sie sich aus. Okay, Also werde ich diese if else Anweisung herausnehmen und ich werde nur dieses Speichern nehmen, PNG entfernt haben und das dort einfügen und dann den Zeilenausgang eingeben und das wird dann aus dem Skript beenden , das das PNG speichern wird und dann Ausgang in Ordnung, wenn ich eine beliebige Taste drücke. Also, wenn ich jetzt auf Play drücke, ist meine abstrakte Zeichnung die Malerei. Wenn ich die Leertaste drücke, wird es jetzt speichern, dass abstrakte PNG und verlassen Außenseiten gespeichert es und dann beenden. Also sollten wir in unserem Ordner hier ein schönes Bild haben, das wir verwenden können. Okay, damit wir das hochladen können, dann gehen Sie weiter und spielen wieder. Eine Sache, die wir hier nicht tun, ist, dass wir die Version dieses Bildes, das wir speichern, nicht inkrementell einarbeiten. Also werde ich das gerade jetzt tun, also werde ich dieses Abstract eine Eins nennen, denn sonst, wenn wir das wieder ausführen und wir ein neues Bild erstellen, wenn wir die Leertaste oder eine andere Schlüsselspitze drücken, um zu stoppen, wird das Original überschreiben -Version. Also, wenn ich jetzt die Leertaste drücke , wird es ein PNG speichern, und es wird es wieder als abstrakt speichern. Und Sie können einen Artikel sehen. Er ist zu verschieden Versionen meines abstrakt generierten Kunstwerks. So sagt Toe über ein Männerbild, wenn wir sicherlich einige andere Optionen in die Speicherfunktion hinzufügen können , die die Zahlen erhöhen wird, so dass wir verschiedene Versionen davon speichern können . Okay, wir können dies auch ändern, so dass es nicht immer die aktuelle Version auf diesem abstrakten PNG überschreibt . So ist es jemals hier rüber gekommen und werfen Sie einen Blick auf die sichere Funktion. Wird auch sehen, dass wir diese andere Option se Rahmen haben. Okay, das wird den aktuellen Frame speichern. Also werde ich gehen, um Frame jetzt auf Copy the zu sagen. Ich werde speichern abstraktes PNG ersetzen und mit sagen Frame beenden. Okay, wenn ich das jetzt spiele, okay, drücke ich die Leertaste, okay. Oder irgendein Keep. Dann wird es einen Rahmen speichern, und Sie können sehen, dass er die Frames speichert, und es ist nummeriert. Je nachdem, wie oft es aktualisiert wird. Wenn ich jetzt wieder hierher komme und drücke, wird es einen weiteren Rahmen retten, und ich kann weiter drängen und andere Freunde retten. Ok? Wir speichern eine TIFF Hip, und das ist eine Datei, die wir auch verwenden können. Okay, also werde ich das jetzt aufhalten, okay? Und wenn wir also zurückkommen, um Frame okay zu sagen, können Sie sehen, dass wir auch einige Optionen für das hinzufügen können. Also, wenn ich, sagen wir, sagen wir, Frame auf Typ in abstrakt eintippe, Okay, ich drücke Play. Dann, wenn es durchspielt, rufen Sie einfach den Todesstopp hier auf. Sie werden sehen, jetzt können wir die Leertaste sparen aus PNG drücken, und es ist die Einreichung, die wir auf gewählt haben auch, es ist die gespeicherten Freunde nummeriert. Mein Fall. Es gibt eine gute Möglichkeit, Frankreich zu retten. Wir können auch hinzufügen, sagen wir, Rahmen in diese Haupt Leere ziehen Schleife als auch. Aber es wird den Clip verlangsamen, da er irgendwie funktioniert. Also, das ist eine Sache zu beachten, wenn Sie das tun wollen, weil das ist, wie Zehe Sie speichern und sagen Rahmen, um unsere Bilder in der Verarbeitung zu speichern.