Wie kann ich handgezeichnete Grafiken für meine Website erstellen?

8

Ich entwickle eine Webseite für webbasierte Anwendungen. Ich bin neu im Webdesign. Verzeihen Sie also, wenn ich sehr grundlegende Fragen gestellt habe.

Ich möchte Symbole erstellen und in meine vorhandene PNG-Bilddatei einbetten. Ich habe unten ein Beispielbild angehängt und kreise das Symbol ein, das ich möchte.

Geben Sie hier die Bildbeschreibung ein

Ich möchte wissen, wie man die Symbole in das Bild einbettet. Gibt es ein spezielles Werkzeug zum Erstellen dieser Symbole?

website-design  icon  images 
— pappu_kutty
quelle
Sie sollten diesem Bild eine Zuordnung (dh eine URL) geben. Ich würde vermuten, dass dies sowohl für diese Site als auch für die Site, von der Sie das Bild erhalten haben, eine Voraussetzung ist (wenn diese Site dies überhaupt zulässt, obwohl sie mit Zuschreibung wahrscheinlich unter fairer Verwendung behandelt wird).
— Stellen Sie Monica wieder her - notmaynard
Die Verwendung von SVGs kann für so etwas gut sein, damit sie nach Bedarf im Browser selbst skaliert und geändert werden können
— Zach Saucier
2
Der beste Weg, um handgezeichnete Grafiken zu erstellen, besteht darin, sie von Hand zu zeichnen. Die im Beispiel sehen aus, als wären sie mit einer Maus oder einem Tablet gezeichnet worden. Der Strich ist konsistent.
— Phil

Antworten:

11

Wenn Sie bereits Ihr Banner haben und sich über die kleinen Zeichnungen oben wundern, kann ich mir zwei Möglichkeiten vorstellen, sie zu erhalten:

1) Kaufen Sie sie online, bereits gemacht. Websites wie iStock oder GraphicRiver bieten Vektorillustrationen mit transparentem Hintergrund, sodass Sie die Dateien ganz einfach öffnen und einfach in Ihr Banner einfügen können. Es gibt auch kostenlose Symbole, die Sie verwenden können. Schauen Sie sich Vecteezy , The Noun Project oder FlatIcon an , um nur einige zu nennen.

2) Zeichne sie selbst. Sie können entweder Ihre Maus verwenden (Illustrator oder Inkscape sind dafür besser geeignet) oder, wenn Sie am Zeichnen interessiert sind, ein Grafiktablett erwerben. Die kleinen sind nicht so teuer, und wenn es dein Ding ist, wäre es auf jeden Fall nichts anderes als eine Investition.

Viel Glück!

— Yisela
quelle
danke .. ich habe beschlossen, meine eigenen mit illustrator zu zeichnen, was kreativer und origineller zu sein scheint.
— pappu_kutty
1

Wenn ich Ihre Frage richtig verstehe, haben Sie zwei Möglichkeiten:

  1. Sie können die Symbole von Hand auf Papier zeichnen und in ein Bildbearbeitungsprogramm scannen. Sie können das "Symbol" in ein PNG mit fester Größe und transparentem Hintergrund oder in eine skalierbare SVG-Datei verwandeln. Laden Sie dann einfach das Bild auf Ihre Website hoch, verwandeln Sie es in einen Link und positionieren Sie es richtig ... mit absoluten, festen, schwebenden usw. CSS-Stilen.

  2. Sie können die handgezeichneten Symbole als Teil des Hintergrundbilds selbst einbetten. Dann arbeiten Sie mit nur einem großen Bild. Sie können verschiedene Teile dieses Bildes in Links umwandeln, indem Sie eine Image-Map-URL in etwas wie Dreamweaver erstellen . Das bedeutet, dass Sie einen Teil Ihres Bildes (über Koordinaten) als Link identifizieren - einen Bereich, den Sie so "formen" können, dass er dieselbe Form und Position wie in Ihrem Hintergrundbild hat.

— geteilte Physik
quelle
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.