Verwenden von Illustrator CS5-Tools zum Erstellen eines bemalten Hauses

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

In diesem Tutorial werde ich einige der unglaublichen neuen Ressourcen von Illustrator CS5 zeigen: Ich werde das Perspective Grid-Werkzeug verwenden, um eine Szene mit Perspektive zu erstellen und alle ihre Elemente mit natürlichen Medienpinseln zu malen, die eine hervorragende Gemäldesimulation mit möglichen Pinselstrichen erstellen frei bearbeitet.

Schritt 1

Öffnen Sie ein neues Dokument. Beginnen wir mit der Grafik, indem wir die Wände des Hauses erstellen: Klicken Sie im Werkzeugfenster auf das Symbol Perspektivraster, damit ein Raster im Dokument angezeigt wird.

Schritt 2

Der im Dokument angezeigte Rasterwürfel ist weit mehr als eine Gruppe von Orientierungshilfen. Wenn wir ein Objekt auf eine der Flächen des Gitterwürfels ziehen, erleidet dieses Objekt automatisch den perspektivischen Effekt, der durch die Fluchtpunkte proportional ist. Um diesen Prozess zu aktivieren, müssen Sie das Symbol verwenden, das oben auf der Seite angezeigt wird, wenn das Werkzeug "Perspektivisches Raster" ausgewählt ist. Das Symbol wird durch einen kleinen Würfel dargestellt. Klicken Sie auf die rechte Seite des Symbolwürfels. Dadurch nimmt die jeweilige Fläche des Dokumentrasterwürfels einen orangefarbenen Ton an, was darauf hinweist, dass die rechte Seite des Rasters aktiv ist.

Schritt 3

Erstellen Sie ein Rechteck mit der hexadezimalen Farbe #F8EFF9 und ziehen Sie das Rechteck gemäß der im obigen Beispiel gezeigten Richtung. Beachten Sie, dass beim Klicken und Ziehen des Rechtecks über das Dokument automatisch die Perspektive angenommen wird, die durch den Fluchtpunkt auf der rechten Seite gebildet wird.

Schritt 4

Klicken Sie auf die linke Seite des Symbolwürfels. Die jeweilige Seite des Dokumentrasterwürfels nimmt eine neue Farbe an, um anzuzeigen, dass die linke Seite des Rasters aktiv ist. Wiederholen Sie den im letzten Schritt verwendeten Vorgang, indem Sie ein Rechteck erstellen. Ändern Sie jedoch die Füllfarbe in das hexadezimale #FAE0FC. Dies ist ein stärkerer Ton, der einen Kontrast zwischen zwei rosa Farben erzeugt. Ziehen Sie dieses Rechteck gemäß der unten gezeigten Richtung über das Dokument.

Schritt 5

Dieser Vorgang kann auch mit Tastatur-Hotkeys verwendet werden. Dazu können Sie vom Werkzeug "Perspektivisches Raster" zum Werkzeug "Perspektivauswahl" wechseln. Um beispielsweise die linke Seite des Rasters auszuwählen, klicken Sie mit dem Werkzeug Perspektivauswahl über das Objekt und drücken Sie die Taste "1": Das Objekt nimmt die Perspektive auf der linken Seite an. Um die rechte Seite zu aktivieren, müssen Sie die Taste "3" drücken und um die horizontale Seite zu aktivieren, müssen Sie die Taste "2" drücken.

Schritt 6

Verwenden Sie jetzt das Werkzeug Punkt hinzufügen, um einen neuen Punkt genau in der Mitte des oberen Teils der linken Wand hinzuzufügen. Ziehen Sie diesen Punkt dann mit dem Direktauswahl-Werkzeug nach oben, um die Basis des Hausdachs zu bilden.

Schritt 7

Um mit dem Bau des Daches zu beginnen, aktivieren Sie die Auswahl auf der rechten Seite des Perspektivenrasters und erstellen Sie ein Rechteck, das mit einem dunkelbraunen Ton gefüllt ist. Versuchen Sie, diese Rechteckbreite gleich der Wandbreite zu halten. Wählen Sie dann das Scherwerkzeug und nehmen Sie Anpassungen vor, um die Neigung auf dem Dach vorzunehmen.

Schritt 8

Positionieren Sie das Dach über dem Haus und verschieben Sie die Ankerpunkte mit dem Direktauswahl-Werkzeug. Mit den ausgewählten Ankerpunkten können Sie die Ränder des Daches manuell anpassen.

Schritt 9

Erstellen Sie eine neue Ebene unter der Abbildungsebene. Wählen Sie dann den inneren Teil des Symbolwürfels des Werkzeugs "Perspektivisches Raster" aus. Erstellen Sie in dieser neuen Ebene ein neues Rechteck.

Schritt 10

Positionieren Sie das Rechteck hinter dem Haus, um die andere Seite des Daches zu erstellen. Verwenden Sie bei Bedarf das Werkzeug Scher- und Richtungsauswahl, wie zuvor erläutert, um die erforderlichen Anpassungen vorzunehmen.

Schritt 11

Erstellen Sie nun die Fenster und die Tür. Dazu können Sie eine neue Datei in Illustrator öffnen und darin ein Rechteck mit einem Fensterformat erstellen. Füllen Sie es mit dunkelblauer Farbe, wie das hexadezimale #0071BC. Erstellen Sie andere kleinere Rechtecke, die mit schwarzer Farbe gefüllt sind. Dies sind die Fensterbildschirme, wie im folgenden Beispiel gezeigt.

Schritt 12

Um die Tür zu erstellen, ändern Sie auf die gleiche Weise nur die Größe und Position der Rechtecke.

Schritt 13

Ziehen Sie nach dem Erstellen der Fenster und der Tür eines der Elemente in das Hausdokument.

Schritt 14

Sobald ein Objekt in eine Datei mit einem aktiven perspektivischen Raster gezogen wird, ignoriert das Objekt beide Seiten des Rasters. In diesem Fall können Sie auswählen, auf welche Rasterseite Sie sie anwenden möchten. Stellen Sie sicher, dass das Werkzeug Perspektivauswahl im Werkzeugfenster aktiv ist, klicken Sie mit diesem Werkzeug auf die Tür und drücken Sie die Taste "3". Ziehen Sie die Tür zum Raster und positionieren Sie sie an der rechten Wand.

Schritt 15

Machen Sie dasselbe mit dem Fenster.

Schritt 16

Um ein Fenster an der linken Wand anzuwenden, können Sie eine Kopie des angewendeten Fensters erstellen und den perspektivischen Winkel ändern. Mit dem Perspektivauswahl-Werkzeug können Sie ein Fenster auswählen, die Wahltaste(MAC) oder die Alt-Taste(PC) drücken und eine Kopie des Fensters nach links ziehen. Drücken Sie dann die Taste "1" und den perspektivischen Winkel des Fensters wird auf den linken Fluchtpunkt geändert. Positionieren Sie das Fenster in der Wand und positionieren Sie, wenn Sie möchten, neue Kopien.

Schritt 17

Sobald das Hausformat fertig ist, erstellen Sie ein Szenario hinter den Mauern und erstellen zunächst den Himmel und den Himmel. Dazu müssen Sie eine neue Ebene unter die Abbildung des Hauses legen.

Schritt 18

Blenden Sie die Sichtbarkeit der darüber liegenden Ebenen aus und lassen Sie nur die Hintergrundebene mit dem perspektivischen Raster sichtbar.

Schritt 19

Die neue CS5-Version bringt eine neue Gruppe von Pinseln mit unglaublich realistischen Eigenschaften. Um darauf zuzugreifen, klicken Sie zweimal auf das neue Pinselsymbol im Pinselbedienfeld. Ein neues Optionsfeld wird angezeigt. Im Feld Form können Sie zwischen verschiedenen Pinseln wählen und viele Arten von Anpassungen vornehmen, z. B. die Borstentypen anpassen und deren Dichte und Deckkraft steuern.

Schritt 20

Wählen Sie den Flachlüfterpinsel, um den Himmel zu malen. Vergrößern Sie im Konfigurationsfenster die Pinselgröße nur geringfügig, ohne den Rest der Konfiguration zu ändern.

Schritt 21

Klicken Sie im Werkzeugfenster auf das Pinselwerkzeug und konfigurieren Sie die Farbe des Pinsels auf Blau. Verwenden Sie die hexadezimale #2FACC9 und machen Sie den ersten Pinselstrich etwas oberhalb der horizontalen Linie, die durch das perspektivische Raster festgelegt wird. Versuchen Sie, die Breite des Pinsels wie zuvor beschrieben so anzupassen, dass er dem unten gezeigten Beispiel entspricht.

Schritt 22

Entwickeln Sie weiterhin ein Bild des Himmels mit schnellen Pinselstrichen, immer auf der horizontalen Seite.

Schritt 23

Ändern Sie die Farbe des Pinsels in Weiß und überlagern Sie die Töne, sodass Pinselstriche über den vorherigen Pinselstrichen liegen. Versuchen Sie, die nächsten Teile der horizontalen Linie mit Weiß zu malen, um eine Tiefenillusion mit dem Himmelsbild zu erzeugen.

Schritt 24

Erstellen Sie jetzt einen neuen Pinsel, um Wolken zu malen. Ziehen Sie im Pinselbedienfeld das Symbol des Pinsels, mit dem Sie den Himmel gemalt haben, auf den unteren Teil des Bedienfelds unter dem Symbol "Neue Ebene erstellen". Dadurch wird eine Kopie des Pinsels erstellt. Klicken Sie dann zweimal auf das Symbol des kopierten Pinsels und ändern Sie in den Pinseloptionen die Form in Runde Kurve.

Schritt 25

Behalten Sie die Farbe Weiß bei und erstellen Sie mit dem neuen Pinsel die Wolken über dem Himmel.

Schritt 26

Holen Sie sich den gleichen Pinsel, mit dem Sie den Himmel gemalt haben, um den Boden zu malen, aber ändern Sie die Pinselfarbe auf das hexadezimale #F7EECB und malen Sie mit schnellen horizontalen Pinselstrichen.

Schritt 27

Ändern Sie die Farbtöne des Pinsels in die hexadezimale Farbe #DBC47B und geben Sie kürzere Pinselstriche über den vorherigen Pinselstrichen. Wiederholen Sie den Vorgang noch einmal, ändern Sie die Farbe in #BA9B42 und überziehen Sie den Boden mit drei Farbschichten.

Schritt 28

Erstellen Sie in einem neuen Archiv ein Muster, das eine Art Fliesenboden wie im folgenden Beispiel simuliert, und füllen Sie es mit der hexadezimalen Farbe #E2D8B0.

Schritt 29

Ziehen Sie den Fliesenboden in die Hausdatei und wenden Sie mit dem Perspektivraster den Fliesenboden auf das horizontale Gitter an.

Schritt 30

Wählen Sie den Fliesenboden aus und gehen Sie zu Effekt > Verzerren und Transformieren > Aufrauen. Geben Sie in den Anpassungen niedrige Werte ein, um subtile Verzerrungen und Unregelmäßigkeiten an den Rändern aller Rechtecke zu erzeugen, die einen natürlich aussehenden Fliesenboden bilden.

Schritt 31

Erstellen Sie Berge am Horizont mit demselben Pinsel, mit dem Sie Himmel und Boden erstellt haben. Verwenden Sie die hexadezimale Farbe #94C4D6.

Schritt 32

Malen Sie nun das Gras mit der Farbe #AECC33 über die Berge.

Schritt 33

Schalten Sie die Sichtbarkeit des Hauses ein und das Perspektivraster aus, indem Sie Umschalt + Option + i drücken

Schritt 34

Fangen Sie an, die Hauswände zu streichen. Sie müssen alle anderen Sichtbarkeitsschichten deaktivieren, damit nur das Haus sichtbar wird. Dies erleichtert den Malprozess. Erstellen Sie eine neue Ebene über dem Haus, wählen Sie die Fenster und die Tür aus und ziehen Sie sie auf diese neue Ebene.

Schritt 35

Nachdem die Fenster und die Tür von den Wänden getrennt sind, schalten Sie ihre Sichtbarkeit aus.

Schritt 36

Verwenden Sie die Pipette, um den Rosaton der rechten Wand zu erfassen. Bearbeiten Sie dann im Farbbedienfeld die Farbe, fügen Sie etwas Magentasättigung hinzu und tragen Sie sie mit dem Pinsel, mit dem Sie den Himmel bemalen, auf die Wand auf. Machen Sie vertikale und horizontale Pinselstriche.

Schritt 37

Machen Sie den gleichen Vorgang an der anderen Wand. Arbeiten Sie etwas mehr am Kontrast zwischen dem Dach und den Wänden, um die Schatten anzuzeigen. Wachsen oder reduzieren Sie die Pinselgröße nach Bedarf.

Schritt 38

Das gleiche Verfahren muss auf dem Dach durchgeführt werden, wobei der Schwerpunkt auf den Dachrändern liegt, um ein organischeres Aussehen zu erzielen. Erstellen Sie auf der rechten unteren Seite des Daches Zick-Zack-Formen, um das Fliesenformat anzuzeigen.

Schritt 39

Aktivieren Sie die Sichtbarkeit der Fenster- und Türebene und wenden Sie dieselbe Technik an, um all diesen Elementen einen Malaspekt zu verleihen.

Schritt 40

Nehmen Sie Variationen von Ton und Pinselgröße vor und arbeiten Sie etwas mehr an den Details. Erhöhen Sie die Illusion von Tiefe, indem Sie die Dicke der Fenster festlegen und nur einen Pinsel mit einem dunkleren Blauton verwenden, um den schwarzen Hintergrund der Fenster zu überlagern.

Schritt 41

Aktivieren Sie die Sichtbarkeit der Hausebene, um den Maleffekt zu sehen, der auf alle Elemente angewendet wird.

Schritt 42

Um den Maleffekt abzuschließen, muss das Dach älter aussehen. Erstellen Sie zunächst ein Rechteck, das mit der hexadezimalen Farbe #E2D8B0 gefüllt ist. Klicken Sie auf das Werkzeug "Frei transformieren" und positionieren Sie den Cursor über dem rechten oberen Teil des Rechtecks. Drücken Sie die Tasten Umschalt + Option + Befehlstaste, halten Sie die Tasten und die Maus gedrückt und ziehen Sie die Maus nach unten. Dadurch konvergieren die äußersten rechten Seiten des Rechtecks zur Mitte.

Schritt 43

Erstellen Sie nacheinander Kopien des Rechtecks, wobei sich jede neue Kopie auf der rechten Seite des Originalformulars befindet und zwischen den Kopien eine kleine Lücke bleibt. Aktivieren Sie dann das Pinselbedienfeld und ziehen Sie diese Objekte hinein, um einen Kunstpinsel zu erstellen.

Schritt 44

Stellen Sie die Dicke dieser neuen Bürste auf 0,25 pt ein und platzieren Sie sie in einer angemessenen Richtung für die Fliesenpositionierung über dem Dach. Beginnen Sie mit dem Anbringen der Fliesen auf der rechten Seite nach links, bis Sie das Dach füllen. Versuchen Sie immer, unregelmäßige Bewegungen auszuführen, um ein Endergebnis zu erzielen, das absichtlich ungeordnet ist.

Schritt 45

Holen Sie sich den Pinsel, mit dem Sie den Himmel gemalt haben, und füllen Sie ihn mit der Farbe #A89A5D. Führen Sie den Pinsel über die Enden der Kachelreihen, um Volumen zu erzeugen.

Schritt 46

Arbeiten Sie mit derselben Technik weiter am Kachelvolumen, überlagern Sie nun jedoch die Farben. Profitieren Sie von den vielen Brauntönen, die bereits in den Farbfeldern verfügbar sind, um weitere Variationen zu erzielen. Bereiten Sie einen dünnen Pinsel mit einem sehr dunkelbraunen Farbton vor und bearbeiten Sie die Fliesendetails. Verwenden Sie denselben Pinsel mit weißer Farbe, um mit Beleuchtungsdetails zu arbeiten.

Schritt 47

Jetzt arbeiten wir wieder an den Bodenfliesen. Alle anderen Ebenen ausblenden, nur die Bodenfliese muss sichtbar sein. Öffnen Sie eine neue Ebene über und unter der Bodenfliesenebene. Verwenden Sie weiterhin denselben Pinsel und dieselben Farben wie zuvor auf dem Dach. Malen Sie auf der darunter liegenden Ebene mit gekreuzten dunkelbraunen Linien und versuchen Sie, die Zwischenräume zwischen den Kacheln zu füllen. Machen Sie dasselbe auf der obigen Ebene, verwenden Sie jedoch Variationen von Brauntönen und versuchen Sie, eine unterschiedliche Dicke auf den Pinsel aufzutragen, wobei Sie immer die vorherigen Pinselstriche überlagern.

Schritt 48

Erstellen Sie Verwitterung an den Bodenfliesenrändern, indem Sie einfach einen Radiergummi in unregelmäßiger Form an den Rändern vorbeiführen, um die Illusion von Erosion zu erzeugen.

Schritt 49

Jetzt ist es Zeit für die letzten Details unseres Gemäldes, die Vegetation. In diesem Schritt muss Ihre Datei aufgrund der vielen Pinselstriche langsam gerendert werden. Öffnen Sie also eine neue Datei, um alle Elemente separat zu erstellen, und ziehen Sie sie später in die Hausdatei.

Beginnen wir mit den Bäumen, wir haben fertige in Illustrator. Aktivieren Sie die Symbolbedienfelder, rufen Sie das Untermenü auf, wählen Sie Symbole öffnen > Bibliothek und wählen Sie die Option Natur. In diesem Bereich finden Sie einige Elemente, die in der Abbildung verwendet werden können, aber nicht als Symbol verwendet werden. Ziehen Sie einfach die Baumgruppe in das neue Dokument. Wir werden sie später als Basis für das Gemälde verwenden.

Schritt 50

Wählen Sie die Bäume aus und gehen Sie zu Objekt > Erweitern. Dadurch wird das Symbol in eine Gruppe bearbeitbarer Objekte konvertiert. Jetzt müssen Sie mit der Pipette den Grünton der Blätter erfassen und denselben Pinsel verwenden, mit dem die Fliesenböden die Blätter übermalen und einen Malaspekt darüber erstellen.

Schritt 51

Erstellen Sie Variationen der Pinselgröße und auch Variationen der Grüntöne. Überlagern Sie die Grüntöne mit einigen kurzen Pinselstrichen in Gelb und Orange, um das Bild lebendiger zu machen. Sie können mit dieser Arbeit etwas Zeit verlieren, aber das Ergebnis ist sehr interessant.

Schritt 52

Erstellen Sie dann eine Kopie aller Bäume und aktivieren Sie bei Auswahl den Filter "Recolor Artwork", indem Sie auf das in der Steuerleiste lokalisierte Symbol klicken. Konfigurieren Sie unter Farben eine Farbe und bearbeiten Sie sie durch Bedienfeldanpassungen, um eine grünlich blaue Farbe zu erhalten.

Schritt 53

Erstellen Sie Kopien dieser Gruppe und erstellen Sie einen kleinen Wald. Machen Sie einige Bäume größer oder kleiner und verwenden Sie andere Werkzeuge wie Reflect, um einige Kopien zu invertieren, wodurch die Wiederholung von Bäumen weniger offensichtlich wird.

Schritt 54

Verwenden Sie Kopieren und Einfügen oder ziehen Sie die Baumgruppe in die Hauptszene.

Schritt 55

Um dem Baumton einen Kontrast zu verleihen, erstellen Sie eine Kopie dieser Ebene und legen Sie sie über die ursprüngliche. Verwenden Sie auf der obigen Ebene das Transparenzbedienfeld und wenden Sie den Multiplikationsmodus an.

Schritt 56

Platzieren Sie die ursprünglichen Bäume auf der Szene und positionieren Sie sie über allen anderen Bäumen.

Schritt 57

Um die Bodenvegetation zu erstellen, erstellen Sie eine neue Ebene über der Baumebene und erstellen Sie Vegetationsformen mit demselben Pinsel, den Sie für den vorherigen Baummalschritt verwendet haben. Verwenden Sie die Farbe #4B002F und konfigurieren Sie die Größe auf 0,25pt. Machen Sie Pinselstriche, die Vegetationsformen über der Basis der Vordergrundbäume darstellen.

Schritt 58

Verwenden Sie dann eine Variation von Grün- und Gelbtönen und überlagern Sie die zuvor gemalten dunklen Pinselstriche, um eine lebendige Vegetation zu erzeugen.

Schritt 59

Aktivieren Sie abschließend alle Dateisichtbarkeiten und schaffen Sie mehr Vegetation um und vor dem Haus und einige andere im Hintergrund mit einem dunkleren Blauton, um die Tiefe anzuzeigen.

Abschluss

Sie sind jetzt fertig. Sie sollten ein schönes Hausgemälde haben, das nur Vektoren und natürliche Medienpinsel verwendet! Sie können diese Technik auch verwenden, um eine Reihe von Häusern oder eine städtische Szene zu erstellen, die nur durch Ihre Vorstellungskraft eingeschränkt wird. Viel Spaß!