So zeichnen Sie normale Symbole. Einfache Regeln zum Erstellen eines Icon-Designs

Für den Fall, dass das Symbol auf dem Bildschirm verwendet wird. Wenn Sie sofort ein Raster erstellen, verschwimmen die Linien beim Skalieren und passen nicht mehr in die Pixel. Aber es hat keinen Sinn, woanders zu zeichnen: Wie auch immer, dann importieren Sie es in das Layout in Photoshop.

Beginnen wir mit der Tatsache, dass das Problem des „weichen“ Strichs durch die Kontureinstellungen gelöst wird:

Jetzt können Sie etwas zeichnen. Ich brauche nur ein Zeitungssymbol.

Zuerst betrachte ich das abgebildete Objekt. Google schlägt die Proportionen vor:

Ich nehme die Funktionen zur Kenntnis, die vorliegen:

Als Beispiel nehme ich die erste Seite aus dem Archiv. New York Mal. Ich passe die Größe sofort an andere Symbole an. Wichtig ist hier das visuelle Gewicht, nicht mathematische Parameter:

Damit die Ankerpunkte am Pixelraster haften, müssen Sie das Kontrollkästchen hier aktivieren:

cmd+k

Bei Linien von Objekten, die in einem Winkel gedreht sind, der kein Vielfaches von 45° ist, kann das Festkleben am Raster schädlich sein, sodass die Tasten und [k] schnell abgenutzt werden können :-)

Schon jetzt ist klar, dass die Zeitung „schwerer“ ist als andere Gegenstände. Ich reduziere es ein wenig:

Beim Skalieren springen die Ankerpunkte aus dem Pixelraster heraus. Ich füge sie bei Bedarf wieder ein.

Ich füge Details hinzu. Ich überprüfe, ob die 6 Spalten so gestapelt sind, dass die Ränder der Zeitung gleich sind (das habe ich zufällig herausgefunden, ja. Sonst hätte ich die Zeitung einen Pixel breiter machen müssen.)

Hier kleben die Linien eklig zusammen und bilden einen dunklen Fleck. Das ist in der Vergrößerung nicht sichtbar, fällt aber im vorherigen Screenshot sofort ins Auge:

Jetzt der Name. In meinen Symbolen sind alle Linien gleich dick, daher kann ich es mir nicht leisten, statt eines Titels eine dicke Linie zu zeichnen. Ich skizziere schnell die Buchstaben und ignoriere die Details:

Ich verkleinere es auf die erforderliche Größe und ordne jeden Buchstaben in ein Pixelraster ein:

Ich fülle die Zeitung aus:

Fast fertig. Ich bin verwirrt über die Menge an Tinte. Es stellte sich heraus, dass das Symbol viel dichter war als seine Nachbarn. Ich entlade die Leinen, ich entferne die Titanic.

Die Zeitung ist unten aufgerollt. Um diesen Effekt zu verstärken, benötigen Sie einen Schatten. Aber man kann keinen Schatten verwenden, deshalb habe ich mir einen cleveren Trick ausgedacht: Ich platziere die unteren Linien näher an den Rand der Zeitung, sodass in Randnähe die Dichte der Linien zunimmt und eine scheinbare Verdunkelung entsteht.

Ehrlich gesagt gefällt es mir sogar einfach so:

Ich werde noch darüber nachdenken, welche Option ich wählen soll. Das ist alles für heute.

Wie zeichnet man Symbole so, dass sie klar sind? 26. April 2011

Ich bin kürzlich auf ein interessantes Problem gestoßen. Ich musste einfache, aber schöne Piktogrammsymbole für eine Anwendung zeichnen. Mit der Zeichnung selbst gab es keine Probleme, aber als ich die Bilder auf die benötigte Größe komprimierte, bemerkte ich plötzlich, dass alle Linien irgendwie unscharf wurden.

Wie genau man zeichnet, ist ein Thema, das den Rahmen dieses Artikels sprengt; wir werden uns nur mit der Technik der Nachbearbeitung von Piktogrammen befassen. Lassen Sie uns zur Verdeutlichung sofort einfache Figuren zeichnen. Wir werden sie auf altmodische Weise mit einem Raster zeichnen.

Hier ist also das fertige Bild mit den Maßen 114 x 114 Pixel.

Es sieht gut aus, aber ändern wir die Größe auf 48 x 48 Pixel.

Der Unterschied wird besonders deutlich, wenn Sie das fertige Symbol neben anderen von Profis gezeichneten Symbolen platzieren. Wie kann man die Schärfe erhöhen? Wenn wir das Bild vergrößern, sehen wir, dass die Seitenlinien etwas verschwommen sind. Der Grund dafür ist, dass Photoshop ein einfaches, seelenloses Programm ist, das die Größe von Bildern mathematisch ändert. Beispielsweise verläuft eine Grenze zwischen zwei Pixeln. Wir ändern die Größe um zwei, Photoshop teilt die Größen durch zwei und setzt den neuen Rand genau auf die halbe Distanz. Wenn dieser Abstand nicht durch zwei teilbar ist, fällt die Grenze in den Zwischenpixelraum. Das Programm berechnet „durchschnittliche“ Töne und verteilt sie auf benachbarte Pixel. Das Bild zeigt, was ich meine:

Hier ist die Antwort auf die Frage: Die ganze Idee beim Zeichnen klarer Symbole besteht darin Die meisten Linien befanden sich genau auf den Pixelgrenzen. Doch dann stellt sich eine andere Frage: Wie lässt sich das am besten erreichen? Dazu gebe ich ein paar Tipps.

1) Größe des Originalbildes. Einige Handbücher geben detaillierte Anleitung beim Zeichnen von Bildern. Für Android empfiehlt es sich beispielsweise, die Original-Leinwand mit einer Größe von 864x864 Pixeln zu verwenden. Diese Empfehlung basiert auf der Tatsache, dass das endgültige Symbol 72 x 72 groß sein sollte, was genau 12 Mal kleiner als die ursprüngliche Leinwand ist. Wenn Sie das Bild also richtig zeichnen, sind die Anpassungen nach der Größenänderung minimal

2) Wir zeichnen nur in Form! Wählen Sie dazu die Figur aus und drücken Sie diese Schaltfläche:

und so entsteht Vector Mask. Wenn Sie ein komplexeres Symbol erstellen müssen, zeichnen Sie einen Pfad mithilfe eines „Griffs“ ( Stiftwerkzeug), wählen Sie die resultierende Form aus, klicken Sie mit der rechten Maustaste und wählen Sie „Vektormaske erstellen“.

Am Ende müssen Sie eine monolithische Form (Shape) erhalten. Wenn es daher nicht auf einmal erledigt werden kann, müssen Sie mehrere Pfade zeichnen auf einer Ebene, wählen Sie sie mit dem Pfadauswahl-Werkzeug aus, das die gesamte Form auswählt,

Und kombinieren Sie alles, indem Sie die richtige Methode auswählen (siehe 4 Symbole links neben der Schaltfläche?) und auf die Schaltfläche „Kombinieren“ klicken.

Wenn wir alles richtig gemacht haben, sollten wir etwa Folgendes erhalten:

Warum formen? Und alles ist ganz einfach. Auf jeden Fall müssen wir ihre Größe anpassen, und so geht es viel schneller. Natürlich können Sie „In Raster konvertieren“ verwenden und Strg + T (Transformieren) ausführen, aber in diesem Fall sind die Kanten Ihrer Figur nicht gleichmäßig, da Photoshop beim Ändern der Proportionen proportional mit den äußeren Pixeln spielt. Wie Sie sich erinnern, hängt der Vektor nicht von der Größe der Leinwand ab; seine Proportionen bleiben immer gleich.

3) Verwenden Sie möglichst nur Ebenenstile. Dies ist praktisch, da Sie die Ebene verschieben können und sich ihre Effekte mitbewegen (Schatten, Verläufe, Umrisse ...).

Kehren wir also zu unserem Symbol zurück. Wir haben alles gelöscht und die Quadrate und Pfeile erneut mit Shape gezeichnet. Als nächstes haben wir das Bild auf 48 Pixel komprimiert. Dann haben wir die maximale Skalierung auf 3200 % eingestellt, sodass jedes Pixel sichtbar war, und alle Kanten manuell mit diesem Werkzeug angepasst:

Mit diesem Werkzeug wählen wir die erforderlichen Punkte im Pfad-e aus und verschieben sie in die gewünschte Richtung, indem wir die „Pfeile“ auf der Tastatur drücken, bis die Linie mit der Kante zwischen zwei benachbarten Pixeln verschmilzt. Vergleichen Sie die Bilder unten, um zu sehen, wie es vor der Anpassung war und wie es danach war:

Es stellt sich die berechtigte Frage: Was ist mit den runden Teilen? In diesem Fall kann das Ideal nicht erreicht werden, aber man kann das Erscheinungsbild einzelner Pixel zumindest minimieren. Ein Kreis ist beispielsweise eine Kreisbahn, die aus 4 Punkten besteht. Sie müssen diese Ankerpunkte also zumindest am Rand der Pixel platzieren, damit die Hilfslinien genau entlang dieses Randes verlaufen.

Nun können Sie in voller Größe vergleichen, wie es vorher und nachher war:

Wenn man genau hinschaut, ist der Unterschied sichtbar. Und wenn Sie das Symbol auf ein echtes Gerät herunterladen, wird es noch besser sichtbar! Jetzt verstehen Sie, dass die Arbeit eines Designers nicht so einfach ist! Es gilt nicht nur zu erfinden, sondern die Arbeit auch effizient auszuführen. Ich persönlich bin es schon leid, die Größen an meine mehreren Dutzend Icons anzupassen ... Aber das Ergebnis ist die Mühe wert!

Übrigens möchte ich auch hinzufügen, dass es Zeiten gibt, in denen man mit Pixeln zeichnen muss. Das heißt, Sie stellen den Maßstab auf das Maximum ein, nehmen einen 1-Pixel-Stift und zeichnen auf die altmodische Art und Weise. Solche Icons sind meist detaillierter und enthalten mehr Kleinigkeiten. Aber das ist für echte Jedi. In diesem Artikel werden nur relativ einfache Piktogrammsymbole behandelt, die in den meisten Mobil- und Webanwendungen verwendet werden.

Von Ollin Boer Boan, und jetzt veröffentlichen wir eine Übersetzung seines Artikels, der von unserem CrossFire-Leser gesendet wurde.

Designer müssen häufig kleine, pixelige Symbole für Symbolleisten, Listen, Hilfedokumentationen oder einfach als kleinere Versionen realistischerer Symbole in voller Größe erstellen.

Die Rede ist von Symbolen wie diesen:

Am häufigsten werden 32-Pixel-Symbole in diesem Stil erstellt (die im Artikel besprochen werden), aber in einigen Fällen werden 16-Pixel-, 24-Pixel-, 48-Pixel- oder sogar 128-Pixel-Symbole auf ähnliche Weise gezeichnet.

Wie viele Icon-Designtechniken hat sich dieser Stil aufgrund der Einschränkungen der Umgebung entwickelt und wir verwenden ihn heute, weil er sich hervorragend für kleine Icons eignet. Ausgeprägte Ränder, raffinierte Details, Aufmerksamkeit für jedes Pixel – das unterscheidet kleine Icons von großen.

Stil

Dieser Stil wird allgemein bei der Erstellung von Symbolen der betreffenden Größe verwendet, also fast überall dort, wo der Platz begrenzt ist und daher Klarheit von entscheidender Bedeutung ist.

Schauen wir uns ein paar Beispiele an:




Nun, mein Set im Legend of Zelda-Universum, das speziell für diese Veröffentlichung erstellt wurde

Anhand dieser und vieler weiterer Beispiele (das Internet ist voll von tollen Beispielen) können wir die Eigenschaften eines guten 32-Pixel-Icons hervorheben.

Hier ist eine kurze Liste davon:


Organisieren Sie Ihren Arbeitsplatz

Durch die richtige Raumorganisation können Sie kleine Symbole schneller und einfacher erstellen. Ich empfehle, meine Erfahrung zu nutzen und sich etwa Folgendes einzustellen:

Ich werde einige Punkte über diese Organisation hervorheben:

  • Symbole werden mit doppelter Auflösung und einem 2-Pixel-Raster gezeichnet. Dies gibt Ihnen die Gewissheit, dass das resultierende Symbol glatt und ohne Zacken oder Leitern ist, und ermöglicht es Ihnen, sich keine Gedanken über die korrekte Füllung einiger Pixel zu machen. In der hochskalierten Version kann man etwas schlampig arbeiten und erhält bei der Zielauflösung hervorragende Ergebnisse.
  • Die nächste Technik, über die ich sprechen wollte, ist die Verwendung einer Leinwand mit breiten Rändern und einem kleineren, schaltbaren dunklen Quadrat am Rand des Symbols. Der Trick liegt darin, dass Umrisspixel häufig an den Rändern der Leinwand „kleben“ und wir durch die Verwendung zusätzlicher Polsterung eine Vorstellung davon bekommen, wie das Symbol bei Verwendung aussehen wird. Beim Zeichnen eines Umrisses kann ein dunkles Quadrat angezeigt werden, um sicherzustellen, dass das Symbol die vorgesehene Größe nicht überschreitet.
  • Ich verwende ein separates, nicht störendes Fenster, das eine 50 % kleinere Kopie des gezeichneten Symbols zeigt. Sie können dies mit [Ansicht>Neue Ansicht] in GIMP oder mit [Fenster > Anordnen > Neues Fenster von…] in Photoshop erstellen. Diese Technik Es entfällt die Notwendigkeit, jedes Mal herauszuzoomen, um zu sehen, was nach der Bearbeitung passiert ist.

Häufige Fehler

Da diese Maltechnik so weit verbreitet ist, sehe ich oft, dass dieselben Fehler immer wieder auftauchen.

Hier sind einige Tipps, wie Sie sie vermeiden können:

  • Entweder vergessen sie, den Schatten zu zeichnen, oder sie machen ihn zu dunkel. Dies ist einer der häufigsten Fehler. Schatten sind ein notwendiges Detail, das das Symbol so aussehen lässt, als wäre es mit dem Hintergrund verbunden. Wenn dieses Detail fehlt, sieht es so aus, als ob es mit dem Hintergrund verbunden wäre. Andererseits verschlechtert auch das Hinzufügen eines zu dunklen Schattens das Ergebnis. Das Symbol sollte extrem transparent sein, in den an den Untergrund angrenzenden Bereichen jedoch undurchsichtige Bereiche aufweisen. Es ist keine gute Idee, einen einzigen Schatten für den gesamten Symbolsatz zu erstellen, denn das wird nicht funktionieren.
  • Undurchsichtige Kanten. Aus diesem Grund sieht das Symbol auf Substraten schlecht aus verschiedene Farben. Tun Sie dies niemals, es sei denn, Sie möchten einen Rand, der dunkler als die Innenfarbe ist.
  • Zentrieren Sie die Lichtquelle nicht auf dem Symbol und fügen Sie unnötige kreisförmige Farbverläufe usw. hinzu. Die Symbolschattierung sollte in 90 % der Fälle äußerst einfach sein. Einige Materialien wie Metall erfordern mehr Details, die meisten anderen können jedoch nur mit linearen Farbverläufen und Rändern mit einem hellen Innenschatten gerendert werden.
  • Hässliche, verblasste Farben. Mir fallen diese ständig auf, besonders wenn sie an der Grenze liegen, die wirklich satte Farben benötigt. Der Reiz von 32-Pixel-Symbolen liegt in den leuchtenden, verführerischen Farben – seien Sie bei der Auswahl vorsichtig. Ich hoffe, dass ich in einem zukünftigen Artikel ausführlicher auf Techniken zum Erzielen schöner, lebendiger Farben eingehen werde – aber bedenken Sie vorerst nur, dass „weiches“ Licht und Abdeckung Ihre besten Freunde sind.
  • Beschlagene oder abgestufte Kanten. Die beste Lösung, um diesen Fehler zu vermeiden, besteht darin, das Symbol mit einem 2-Pixel-Raster in doppelter Größe zu zeichnen, dann die Ebenen zusammenzuführen und es auf die Zielauflösung zu komprimieren. Das Ausrichten von Teilen am Raster ist für die Erstellung eines hochwertigen Symbols äußerst wichtig. Seien Sie nicht faul, Zeit damit zu verbringen.

Der Prozess der Erstellung eines Symbols in Echtzeit.

Erfahrene Leute können das Skizzieren ganz vermeiden, sondern sich eine Liste mit Bildern erstellen und sofort mit Variationen arbeiten.

Wenn Sie Symbole auf Bestellung zeichnen, zeichnen Sie Skizzen, dies vermeiden Sie zusätzliche Arbeit beim Zeichnen, nachdem Sie Ihre Bilder zuvor dem Kunden gezeigt haben.

Schritt vier: Größe

Das ist im Allgemeinen das Wichtigste: die Mindestgröße festzulegen.
Wozu dient das? Wenn Sie möchten, dass Ihre Symbole scharfkantig und pixelgenau sind und korrekt skaliert werden, müssen Sie die Größe und Dicke der Objekte bei der kleinsten Größe (x1) festlegen. Ich empfehle, gleichmäßige Symbolgrößen zu verwenden.

Schritt fünf: Prozess

Erstellen Sie ein Dokument mit Werten

Wobei „Abstand“ der Abstand zwischen den Zeichenflächen ist.

Breite und Höhe – die Höhe und Breite der Zeichenfläche.

Rastereffekte  –  Auflösung (ppi) passend für Icons 72

Neue Objekte ausrichten… - Dieses Kontrollkästchen ist für die Verknüpfung von Punkten mit dem Pixelraster verantwortlich. Ich empfehle Ihnen, es einzuschalten, aber während der Arbeit können Sie es jederzeit ausschalten.

  1. Wählen Sie die erste Zeichenfläche aus. Dadurch werden alle Symbole erstellt und die fertigen Symbole werden in benachbarte Zeichenflächen eingefügt.
  2. Erstellen Sie ein Quadrat, das zu Ihrem Arbeitsbereich passt.
  3. Richten Sie Hilfslinien ein, um den Zeichenvorgang zu vereinfachen.
  4. Verwenden Pixelvorschau
  5. Markieren Sie vorgefertigte Symbole in der Bilderliste, damit Sie Ihren Fortschritt klar verfolgen können.
  6. Befolgen Sie die Ratschläge und den vorherigen Artikel über.
  7. Machen Sie Ihren ersten Satz nicht zu lang; Sie könnten schnell müde werden und auf halbem Weg aufgeben. Die normale Geschwindigkeit liegt bei ca. 20 Icons pro Tag, dann kann es schnell langweilig werden...
  8. Entwerfen Sie die Quelldatei und vergessen Sie nicht, die Ebenen zu ordnen, beispielsweise eine Datei für Photoshop und eine Skizze vorzubereiten.
  9. Bereiten Sie einen Schuss für Dribbble und Behance vor und erstellen Sie einen Beitrag für soziale Netzwerke. Das ist die beste PR für Ihre Arbeit und Zugang zu neuen Aufträgen. Vergessen Sie nicht die Hashtags: #design #best #mamalubitmenya #kupiteikonky

Wo zu verkaufen:

Graphicriver.net ist eine kostenlose Plattform für den Handel mit digitalen Inhalten.

creativemarket.com  - Um hier ein Konto zu erstellen, werden Sie aufgefordert, Konten für andere Geschäfte und Ihr Portfolio anzuzeigen.

thenounproject.com  — Die Seite verfügt wahrscheinlich über die größte Datenbank an Icons, sie bieten eine Auswahl: entweder kostenlos oder gegen eine einmalige Zahlung, es gibt auch eine monatliche Abonnementfunktion, aber ich würde nicht auf diesen Service wetten, wenn Sie Geld verdienen wollen .

icons8.com  - Ich weiß nichts über diesen Shop. Wenn jemand Erfahrung hat, teilen Sie diese in den Kommentaren mit.

  • Anleitung

So zeichnen Sie ein Symbol richtig (Größe 32x32, Teil I)

Ich möchte Sie auf eine Lektion zum Erstellen von 32x32-Symbolen im Programm aufmerksam machen Adobe Photoshop. In dieser Lektion lernen Sie, wie man ohne großen Aufwand Symbole zeichnet. Am Ende werden Sie verstehen, dass das Zeichnen von Symbolen für Schnittstellen keine so schwierige Aufgabe ist. Sie müssen nur Geduld haben und wissen, wie man in Adobe Photoshop arbeitet .

Also fangen wir an! Damit die Symbole nicht von der Größe abweichen und einen ähnlichen Stil haben, müssen wir zunächst eine Vorlage erstellen, auf deren Grundlage wir eine Reihe von Symbolen zeichnen.

Starten wir zunächst das Programm Adobe Photoshop, gehen Sie dann zum Menü „Datei“ > „Neu“ oder drücken Sie die Tastenkombination Strg+N und erstellen Sie ein Bild mit 32 x 32 Pixeln und einer Auflösung von 72 dpi.


Damit unsere Symbole klare, unverwischte Kanten haben und in Zukunft klar und kontrastreich aussehen, müssen wir als nächstes die Anzeige des Rasters einrichten, dank dessen wir uns beim Zeichnen – schließlich dem Bild – leiten lassen besteht aus Pixeln, dementsprechend benötigen wir es, um ein Raster mit einem Pixelschritt darzustellen.
Gehen Sie zum Menü Bearbeiten > Voreinstellungen > Hilfslinien, Raster und Slices oder drücken Sie die Kombination Strg + K auf der Tastatur und nehmen Sie die Einstellungen wie im Bild gezeigt vor.


Jetzt haben wir eine Vorlage erstellt, auf deren Grundlage wir unsere kleinen Meisterwerke erstellen werden. Da unsere Symbole einen Schatten implizieren, muss dies berücksichtigt werden. Ich habe vor, die Größe des Schattens auf 2 Pixel unter dem Symbol und 1 Pixel auf jeder Seite festzulegen. Daher beträgt unser Symbol 30 x 30 plus Schatten. Der Einfachheit halber richten wir Hilfslinien ein, die es uns ermöglichen, die Grenzen zwischen dem Symbolbild und den Schatten, für die wir den entsprechenden Platz zugewiesen haben, besser zu erkennen.

Als Ergebnis ist unsere Vorlage fertig und wir können jetzt direkt mit dem Zeichnen von Symbolen fortfahren.

Home-Symbol
Um die Formen, die wir zeichnen, deutlich zu erkennen, verwende ich eine schwarze Füllung. Mit dem Stiftwerkzeug (K) zeichnen wir also die Basis für das Home-Symbol.

Als nächstes geben gewünschte Farbe und Umriss gehen Sie zum Menü Ebene > Ebenenstil > eae6c9 zu färben cbcfba

Damit die Form in Zukunft kontrastreich wirkt, weisen wir dieser Form dann einen Umriss zu. Gehen Sie dazu in das Menü Ebene > Ebenenstil > Strich... und zeichnen Sie eine 1 Pixel dicke Linie mit Farbe 868686

Das ist es, was wir bekommen sollten

Jetzt zeichnen wir mit demselben Stiftwerkzeug (K) die Basis für das Dach

Geben wir ihm nun die gewünschte Farbe – gehen Sie zum Menü Ebene > Ebenenstil > Verlaufsüberlagerung... und erstellen Sie eine Verlaufsfüllung aus der Farbe b06a00 zu färben 8c4d00.

Wir erhalten dieses Ergebnis

Nun, wir haben bereits einige Umrisse, jetzt ergänzen wir unsere Form mit Details – mit dem Rectange Tool (U) zeichnen wir ein Rohr

Weisen Sie dem Rohr eine Farbverlaufsfüllung basierend auf der Farbe zu eae6c9 zu färben cbcfba, nur dieses Mal richten wir den Farbverlauf horizontal aus

Fügen Sie wie zuvor einen 1 Pixel dicken Umriss mit Farbe hinzu 868686

Wir bekommen...

Jetzt verstecken wir das Rohr im Hintergrund und zeichnen mit dem Rechteckwerkzeug (U) ein weiteres Dachelement

Zuweisen eines Farbverlaufs basierend auf der Farbe ce9128 zu färben b06a00

... und fügen Sie einen 1 Pixel dicken Umriss mit Farbe hinzu a86600

Mal sehen...

Wir verstecken das fertige Element auf die gleiche Weise wie das Rohr im Hintergrund und zeichnen erneut mit dem Rechteckwerkzeug (U) eine Tür

Und wir führen den bereits bekannten Vorgang mit einem Farbverlauf durch b06a00 zu färben cd9128

... und vergessen Sie nicht die Linie ... Dicke 1 Pixel, Farbe a75700

Schauen wir uns das Ergebnis an...

Es ist ein recht schönes Haus geworden, aber wir werden unser Symbol weiterhin mit Details füllen – drücken Sie das Rechteck-Werkzeug (U) und zeichnen Sie ein Dachbodenfenster

Nun, und auch hier kommt der Farbverlauf von der Farbe 2e8ce0 zu färben 7cc6fd

Stellen Sie den Umriss auf 1 Pixel Dicke und die Farbe ein 4381c8

Wir bewerten das Ergebnis...

Unser Haus ist fast fertig, aber es sieht zu flach aus – wir werden mit Hilfe von Highlights Volumen hinzufügen.
Erstellen Sie eine neue Ebene und zeichnen Sie mit dem Bleistift-Werkzeug (B) zwei Linien

Gehen Sie zum Menü „Ebene“ > „Ebenenstil“ > „Verlaufsüberlagerung...“ und erstellen Sie eine Verlaufsfüllung aus der Farbe 000000 zu färben ffffff. Achten Sie auf den Parameter „Mischmodus“ – ich stelle den Wert ein Bildschirm

Sie sollten das folgende Ergebnis erhalten

Um den gewünschten Effekt zu erzielen, müssen wir die folgenden Manipulationen an der Ebene vornehmen:

Als Ergebnis erhalten wir diesen Effekt

Lassen Sie uns nun ein Highlight unter dem Dach schaffen. Erstellen Sie eine neue Ebene und zeichnen Sie mit demselben Bleistift-Werkzeug (B) Folgendes

Da der Verlauf dieses Objekts genau derselbe ist wie der des vorherigen, ist es sinnvoll, Zeit zu sparen und einfach den Stil der zuvor erstellten Ebene zu kopieren. Um den Stil zu kopieren, klicken Sie mit der rechten Maustaste auf die Ebene mit den ersten Hervorhebungen und wählen Sie im Dropdown-Menü die Option „Ebenenstil kopieren“ aus. Klicken Sie nun mit der rechten Maustaste auf die Ebene mit der Hervorhebung unter dem Dach und wählen Sie im Menü die Option „Ebenenstil einfügen“. Daher haben wir den Stil mit einem Schwarz-Weiß-Verlauf kopiert – es bleibt nur noch die Ebene selbst zu manipulieren

Das Ergebnis wird wie folgt sein

Wir fügen weiterhin Highlights hinzu. Ich möchte darauf hinweisen, dass sich jede Hervorhebung auf einer separaten Ebene befinden sollte, damit sich die Stile leichter manipulieren lassen. Zeichnen Sie vier weitere Hervorhebungen – jeweils auf einer separaten Ebene

Ich schlage vor, Zeit zu sparen, indem Sie den Stil aus der Ebene kopieren, auf der wir die erste Hervorhebung vorgenommen haben. Als nächstes weisen Sie den kopierten Stil jeder der letzten vier Ebenen zu. Wir führen auch entsprechende Manipulationen für jede Ebene durch.

Als Ergebnis sollten wir Folgendes erhalten

Zu diesem Zeitpunkt sieht das Haus fertig aus, aber ich erlaube mir trotzdem, mich zu bewerben der letzte Schliff, Betonung der Stiftung. Verwenden Sie dazu das Bleistift-Werkzeug (B) und wählen Sie die Farbe aus f3f3ea, zeichne Folgendes

Fast fertig. Unten fügen wir eine weitere Zeile nur mit Farbe hinzu b5b8a3.

Jetzt müssen wir nur noch etwas Schatten in unser Haus bringen. Wählen Sie dazu alle Ebenen aus und gruppieren Sie sie in einer Gruppe – dies wird unsere Quelle sein. Erstellen Sie als Nächstes eine Kopie der Gruppe, und in dieser Kopie komprimieren wir alle Ebenen zu einer – gehen Sie zum Menü Ebenen > Ebenen zusammenführen (Strg + E). Dies ist die Ebene, auf die wir einen Schatten anwenden und unsere Quelle unsichtbar machen

Gehen Sie als nächstes zum Menü Ebene > Ebenenstil > Schlagschatten... und weisen Sie einen Schatten mit den folgenden Parametern zu

Und am Ende erhalten wir ein gebrauchsfertiges Symbol!

Ich hoffe, meine Lektion war für Sie nützlich.