Share
Was Sie erstellen werdenIn den folgenden Schritten erfahren Sie, wie Sie eine einfache 404-Fehlerseite in Adobe Illustrator erstellen.
Für Anfänger erfahren Sie, wie Sie ein einfaches Raster einrichten und die Hauptformen mit grundlegenden Werkzeugen, dem Bedienfeld „Erscheinungsbild“ und der Live-Ecken-Funktion erstellen.
Als Nächstes erfahren Sie, wie Sie mit einem einfachen Pfad, einem Schlagschatteneffekt und einigen grundlegenden Maskierungsverfahren schlanke Trennlinien hinzufügen. Im weiteren Verlauf erfahren Sie, wie Sie das Suchfeld und die vier gelben Schaltflächen hauptsächlich über das Erscheinungsbildfenster erstellen. Wenn Sie die Funktion „An Gap ausrichten“ voll ausnutzen und grundlegende Techniken zum Erstellen von Vektorformen sowie einige grundlegende Strichfunktionen verwenden, lernen Sie, wie Sie die drei kleinen Symbole erstellen.
Schließlich erfahren Sie, wie Sie einfache Tooltipps erstellen und eine Reihe von Text hinzufügen.
Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 600 in der breiten Box und 680 Klicken Sie im Höhenfeld auf die Schaltfläche Erweitert Taste. Wählen RGB, Bildschirm (72ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf klicken OK.
Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das Am Raster ausrichten (Ansicht> An Raster ausrichten). Für den Anfang benötigen Sie jeweils ein Gitter 5px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, eingeben 5 in dem Rasterlinie alle Box und 1 in dem Unterteilung Box. Versuchen Sie, sich nicht von all dem Raster entmutigen zu lassen. Dies erleichtert Ihnen die Arbeit und Sie können es mit dem. Aktivieren oder deaktivieren Steuerung-" Tastaturkürzel.
Sie sollten auch die öffnen Info Panel (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten> Allgemein. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe aus dem Strich, wählen Sie dann die Füllung aus und stellen Sie ihre Farbe auf R = 252 G = 186 B = 186. Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 275 x 400 px Rechteck, das Am Raster ausrichten sollte deine Arbeit erleichtern.
Verwendung der Direktauswahl-Tool (A), Wählen Sie Ihr gelbes Rechteck erneut aus, konzentrieren Sie sich auf das Bedienfeld und geben Sie einfach "10px"in dem Ecken Box. Dies sollte Ihr Rechteck zu einem abgerundeten Rechteck machen, wie in der folgenden Abbildung dargestellt.
Stellen Sie sicher, dass Ihr abgerundetes Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel (Fenster> Aussehen), wählen Sie den Strich und setzen Sie die Farbe auf R = 232 G = 146 B = 0. Konzentriere dich weiter auf die Aussehen und klicken Sie einfach auf "Schlaganfall"Textstück zum Öffnen des Schlaganfall Fly-Out-Panel. Stellen Sie das ein Gewicht beim 1px und überprüfen Sie die Strich nach innen ausrichten Taste.
Stellen Sie sicher, dass das abgerundete Rechteck noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen und fügen Sie einen zweiten Strich hinzu Neuen Strich hinzufügen (im folgenden Bild durch den blauen Kreis dargestellt). Wählen Sie diesen neuen Strich und setzen Sie die Farbe auf Schwarz (R = 0 G = 0 B = 0) und überprüfen Sie die Schlaganfall nach außen ausrichten Taste aus der Schlaganfall Fly-Out-Panel.
Konzentrieren Sie sich auf diesen neuen Strich und klicken Sie einfach auf "Opazität"Textstück zum Öffnen des Transparenz Fly-out-Panel wie in der folgenden Abbildung gezeigt. Ändere das Mischmodus zu Sanftes Licht und senken Sie die Opazität zu 5%.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 275 x 80 px Form, setzen Sie die Füllfarbe auf Schwarz und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und senken Sie sie Opazität zu 20% und ändern Sie die Mischmodus zu Sanftes Licht.
Wechseln Sie zu Direktauswahl-Tool (A), Wählen Sie die beiden im ersten Bild hervorgehobenen Ankerpunkte aus, stellen Sie den Fokus auf das Bedienfeld und geben Sie einfach "10px"in dem Ecken Box. Am Ende sollten die Dinge im zweiten Bild aussehen.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 275 x 80 px Form, setzen Sie die Füllfarbe auf Schwarz und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neuen Rechtecke ausgewählt bleiben, und senken Sie sie Opazität zu 10% und ändern Sie die Mischmodus zu Sanftes Licht.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 275 x 75 px Form, setzen Sie die Füllfarbe auf Schwarz und platzieren Sie sie wie im ersten Bild gezeigt. Vergewissern Sie sich, dass Ihr neues Rechteck ausgewählt ist, und senken Sie es Opazität zu 5% und ändern Sie die Mischmodus zu Sanftes Licht.
Für diesen Schritt benötigen Sie jeweils ein Raster 1px, also gehe zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 1 in dem Rasterlinie alle Box. Verwendung der Stiftwerkzeug (P), ein ... kreieren 273px, horizontaler Pfad. Platzieren Sie es genau wie in der folgenden Abbildung und fügen Sie eine hinzu 1px Strich mit der Farbe auf R = 232 G = 146 B = 0.
Als Nächstes müssen Sie sicherstellen, dass Ihr horizontaler Pfad perfekt auf das Pixelraster ausgerichtet ist. Wählen Sie es erneut aus und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler bei -0,5 px und klicken Sie auf OK.
Aktivieren Sie die Pixelvorschau (Ansicht> Pixelvorschau) dann schau dir deinen Weg mit und ohne an Verwandeln beeinflussen, um genau zu verstehen, wie sich Dinge ändern. Stellen Sie sicher, dass Ihr horizontaler Pfad noch ausgewählt ist, und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Zurückkommen zu Rasterlinie alle 5px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 5 in dem Rasterlinie alle Box. Verwendung der Rechteckwerkzeug (M), ein ... kreieren 275 x 10px Stellen Sie sicher, dass keine Farbe für den Strich eingestellt ist, und wählen Sie dann die Füllung aus.
Öffne das Gradient Panel (Fenster> Farbverlauf) und klicken Sie einfach auf das Verlaufsminiaturbild, um den Standardfarbverlauf von Schwarz zu Weiß hinzuzufügen. Stellen Sie sicher, dass Ihre Form ausgewählt bleibt, und konzentrieren Sie sich weiterhin auf die Form Gradient Panel. Stellen Sie das ein Winkel beim 0 wählen Sie dann den schwarzen Farbverlaufsregler aus und ersetzen Sie die vorhandene Farbe durch Weiß (R = 255 G = 255 B = 255). Konzentrieren Sie sich auf die Verlaufsleiste und klicken Sie einfach darauf, um einen neuen Verlaufsregler hinzuzufügen. Wählen Sie diesen neuen Schieberegler, stellen Sie die Farbe auf Schwarz ein, und stellen Sie den Fokus auf Ort Box (von der Gradient Panel) und setzen Sie es auf 50%.
Beachten Sie, dass die weißen Zahlen aus dem Gradient Bilder stehen für Ort Prozentsatz. Wählen Sie das in diesem Schritt erstellte Rechteck zusammen mit Ihrem horizontalen Pfad erneut aus, und öffnen Sie das Transparenz Panel (Fenster> Transparenz) und klicken Sie einfach auf Maske machen Taste. Am Ende sollte Ihr maskierter Pfad wie im dritten Bild aussehen.
Dupliziere deinen maskierten Pfad (Control-C> Control-F), wählen Sie die Kopie aus und ziehen Sie sie einfach 80px oben. Stellen Sie sicher, dass Ihre Kopie ausgewählt bleibt, und konzentrieren Sie sich auf die Transparenz Wählen Sie die Maske aus und ersetzen Sie den vorhandenen linearen Farbverlauf durch den im folgenden Bild gezeigten. Denken Sie daran, dass die weißen Zahlen aus der Gradient Bild stehen für Ort Prozentsatz. Am Ende sollte Ihr neuer Pfad wie im folgenden Bild aussehen.
Dupliziere deinen obersten, maskierten Pfad (Control-C> Control-F), wählen Sie die Kopie aus und ziehen Sie sie einfach 75px oben. Stellen Sie sicher, dass Ihre Kopie ausgewählt bleibt, und konzentrieren Sie sich auf die Transparenz Wählen Sie die Maske aus und ersetzen Sie den vorhandenen linearen Farbverlauf durch den im folgenden Bild gezeigten. Am Ende sollte Ihr neuer Pfad wie im folgenden Bild aussehen.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 145 x 30 px Form, setzen Sie die Füllfarbe auf R = 232 G = 146 B = 0 und platzieren Sie es wie in der folgenden Abbildung gezeigt. Stellen Sie sicher, dass dieses neue Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt> Sylize> Inner Glow. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Stellen Sie sicher, dass das im vorherigen Schritt erstellte Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel. Füge hinzu ein 1px Kontur die Farbe auf Schwarz setzen, nach innen ausrichten, die Farbe senken Opazität zu 20% und ändern Sie seine Mischmodus zu Sanftes Licht. Konzentriere dich weiter auf die Aussehen Vergewissern Sie sich, dass Ihr gesamter Pfad ausgewählt ist (klicken Sie einfach auf "Pfad"Textstück von der Oberseite des Aussehen Panel) und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 3px Radius, klicken OK und gehe zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 65 x 30 px Form, setzen Sie die Füllfarbe auf R = 253 G = 218 B = 47 und platzieren Sie es wie in der folgenden Abbildung gezeigt.
Stellen Sie sicher, dass Ihr gelbes Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen (im folgenden Bild durch den blauen Kreis dargestellt). Wählen Sie diese neue Füllung aus und stellen Sie ihre Farbe auf R = 252 G = 206 B = 23 und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein (stellen Sie sicher, dass der mittlere und untere Referenzpunkt markiert ist), und klicken Sie auf OK und gehe zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster (im folgenden Bild) angezeigten Attribute ein und klicken Sie auf OK und wieder zu gehen Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.
Wählen Sie Ihr gelbes Rechteck erneut aus und fügen Sie eine dritte Füllung hinzu Neue Füllung hinzufügen Taste. Wählen Sie diese neue Füllung aus und ziehen Sie sie in den unteren Bereich von Aussehen und fügen Sie den linearen Farbverlauf hinzu, der in der folgenden Abbildung dargestellt ist. Denken Sie daran, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz. Dies bedeutet einfach, dass Sie Ihren Farbverlaufsschieber auswählen und diesen eingeben müssen.0" in dem Opazität Box aus der Gradient Panel.
Gehe zurück zum Aussehen Stellen Sie sicher, dass die in diesem Schritt hinzugefügte Füllung noch ausgewählt ist, und wechseln Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK und zurück zum Aussehen Panel. Wählen Sie den gesamten Pfad aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 3px Radius und klicken Sie auf OK.
Verwendung der Rechteckwerkzeug (M), Drei schaffen, 30px Quadrate und platzieren Sie sie wie in der folgenden Abbildung dargestellt.
Als Nächstes müssen Sie die für das gelbe Rechteck verwendeten Eigenschaften kopieren und in die drei Quadrate einfügen, die in diesem Schritt erstellt wurden. Geh einfach zum Schichten Wenn Sie sich auf der rechten Seite befinden, werden Sie feststellen, dass jede Form einen kleinen grauen Kreis aufweist. Es wird als Zielsymbol bezeichnet. Halte das Alt Klicken Sie auf der Tastatur auf das Zielsymbol, das für Ihr gelbes Rechteck steht, und ziehen Sie es auf den Kreis, der für eines Ihrer drei Quadrate steht. Wiederholen Sie diese Techniken für die anderen beiden Quadrate. Am Ende sollten die Dinge im zweiten Bild aussehen.
Wechseln zu Rasterlinie alle 1px, also gehe zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 1 in dem Rasterlinie alle Box. Wähle das aus Stiftwerkzeug (P), Erstelle ein 11px, Horizontalpfad, stellen Sie sicher, dass er ausgewählt bleibt und den Fokus auf Aussehen Panel. Füge hinzu ein 4px Schlaganfall, setzen Sie die Farbe auf R = 232 G = 146 B = 0 dann öffnen Sie die Schlaganfall Fly-Out-Panel und überprüfen Sie die Runde Kappe Taste. Am Ende sollte Ihr Pfad wie im folgenden Bild aussehen.
Wähle das aus Stiftwerkzeug (P), Erstelle ein 8px, vertikalen Pfad, platzieren Sie es wie im ersten Bild gezeigt und fügen Sie es hinzu 4px, orangefarbener Strich für den horizontalen Pfad. Stellen Sie sicher, dass Ihr vertikaler Pfad ausgewählt ist, und gehen Sie zu Objekt> Pfad> Ankerpunkte hinzufügen. Wechseln Sie zu Direktauswahl-Tool (A), Wählen Sie den neu hinzugefügten Ankerpunkt aus und ziehen Sie ihn einfach 5px nach links, wie im dritten Bild gezeigt.
Wählen Sie erneut die Pfade aus, aus denen sich Ihr oranger Pfeil zusammensetzt, und gehen Sie zu Objekt> Pfad> Umrissstrich. Wählen Sie die resultierenden Formen aus, öffnen Sie die Pfadfinder und klicken Sie auf die Schaltfläche Vereinen Taste.
Wähle das aus Rechteckwerkzeug (M), Erstelle ein 18 x 17px formen und die Füllfarbe auf einstellen R = 232 G = 146 B = 0. Verwendung der Direktauswahl-Tool (A), Wählen Sie dieses neue Rechteck aus, konzentrieren Sie sich auf das Bedienfeld und geben Sie einfach "3px"in dem Ecken Box.
Verwendung der Stiftwerkzeug (P), Erstellen Sie zwei einfache Pfade, wie in den ersten beiden Bildern gezeigt. Wählen Sie beide Pfade und konzentrieren Sie sich auf die Aussehen Panel. Vergewissern Sie sich, dass für die Füllung keine Farbe festgelegt ist. Wählen Sie dann den Strich aus und stellen Sie die Farbe auf R = 253 G = 218 B = 12 und das Gewicht beim 2px. Wählen Sie beide in diesem Schritt erstellten Pfade erneut aus und klicken Sie auf Gliederung Taste aus der Pfadfinder Panel. Stellen Sie sicher, dass die resultierende Gruppe von Pfaden ausgewählt ist, und klicken Sie einfach auf Shift-Control-G zu Gruppierung aufheben es. Wählen Sie alle diese Pfade erneut aus und fügen Sie das erneut hinzu 2px, gelber Strich Wählen Sie nur den kleinen Pfad aus, der im vierten Bild hervorgehoben ist, und entfernen Sie ihn mit Löschen Taste von Ihrer Tastatur.
Wählen Sie die im ersten Bild hervorgehobenen gelben Pfade erneut aus und gehen Sie zu Objekt> Pfad> Umrissstrich. Wählen Sie die resultierenden Formen aus und klicken Sie auf Vereinen Taste aus der Pfadfinder Panel. Wählen Sie diese neu erstellte Form zusammen mit Ihrem orangefarbenen, abgerundeten Rechteck aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel. Wählen Sie die resultierende orangefarbene Gruppe und tippen Sie einfach auf Steuerung-8 um es in einen einfachen zusammengesetzten Pfad zu verwandeln. Verwendung der Direktauswahl-Tool (A), Wählen Sie Ihren neuen zusammengesetzten Pfad aus, konzentrieren Sie sich auf das Bedienfeld und geben Sie einfach "0,5 px"in dem Ecken Box.
Wähle das aus Rechteckwerkzeug (M), ein ... kreieren 12 x 11px formen und die Füllfarbe auf einstellen R = 232 G = 146 B = 0 und gehe zu Objekt> Pfad> Ankerpunkte hinzufügen. Verwendung der Direktauswahl-Tool (A), Wählen Sie den im zweiten Bild hervorgehobenen Ankerpunkt aus und ziehen Sie ihn einfach 5px oben.
Verwendung der Stiftwerkzeug (P), Erstellen Sie einen einfachen Pfad, wie im ersten Bild gezeigt. Stellen Sie sicher, dass er ausgewählt bleibt und den Fokus auf das Aussehen Panel. Entfernen Sie die Farbe aus der Füllung und wählen Sie dann den Strich aus. Stellen Sie die Farbe auf R = 232 G = 146 B = 0 und das Gewicht beim 3px dann geh zu Objekt> Pfad> Umrissstrich. Wechseln Sie zu Rechteckwerkzeug (M), Erstelle ein 2 x 5px Form, setzen Sie die Füllfarbe auf R = 232 G = 146 B = 0 und platzieren Sie es wie im zweiten Bild gezeigt. Wählen Sie die drei orangefarbenen Formen, aus denen sich Ihr kleines Zuhause zusammensetzt, erneut aus und klicken Sie auf Vereinen Taste aus der Pfadfinder Panel.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 2 x 5px Form und platzieren Sie es wie im ersten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit der orangefarbenen Form Ihres Haussymbols aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel. Verwendung der Direktauswahl-Tool (A), Wählen Sie die resultierende Form aus, konzentrieren Sie sich auf das Bedienfeld und geben Sie einfach "1px"in dem Ecken Box.
Wählen Sie die drei Formen, aus denen Ihre kleinen Symbole bestehen, erneut aus, platzieren Sie sie wie in der folgenden Abbildung gezeigt, und wechseln Sie dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Einfach auf die Zeichenfläche klicken und "hinzufügen"ERROR"Textstück und setzen seine Farbe auf R = 172 G = 68 B = 0. Verwenden Sie die Open Sans-Schriftart Fett gedruckt Stellen Sie dann die Größe auf 14px und das Tracking bei 900px. Vergewissern Sie sich, dass Ihr Text noch ausgewählt ist, und platzieren Sie ihn wie in der folgenden Abbildung dargestellt. Wählen Sie erneut die Schreibwerkzeug (T), Ergänzen Sie die "Suche" und das "oderPlatzieren Sie sie wie unten gezeigt und verwenden Sie die in den folgenden Fenstern angezeigten Textattribute.
Stellen Sie sicher, dass die Schreibwerkzeug (T) Ist noch aktiv, fügen Sie wie unten gezeigt einige neue Textteile hinzu und verwenden Sie die Attribute, die in der folgenden Abbildung dargestellt sind.
Wählen Sie alle bisher erstellten Textstücke erneut aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Verwendung der Schreibwerkzeug (T), Ergänzen Sie die "404"und setze seine Farbe auf R = 252 G = 206 B = 23. Verwenden Sie die gleiche Schriftart, machen Sie es Fett gedruckt, Stellen Sie die Größe auf 90px Platzieren Sie dann diesen neuen Text wie in der folgenden Abbildung dargestellt.
Stellen Sie sicher, dass Ihr "404"Textstück ist noch ausgewählt und fügt die drei hinzu Schlagschatten im folgenden Bild dargestellte Effekte (Effekt> Stilisieren> Schlagschatten).
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 65 x 25 px formen Sie die Füllfarbe an R = 60 G = 36 B = 21 und platzieren Sie es wie in der folgenden Abbildung gezeigt.
Stellen Sie sicher, dass Ihr braunes Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen wählen Sie die vorhandene Füllung aus und duplizieren Sie sie mit Ausgewähltes Element duplizieren (im folgenden Bild durch den blauen Kreis dargestellt). Wählen Sie die neue Füllung aus und gehen Sie zu Effekt> In Form umwandeln> Rechteck. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.
Wählen Sie Ihre braune Form erneut aus und konzentrieren Sie sich auf die Aussehen Stellen Sie sicher, dass der gesamte Pfad ausgewählt ist, und wechseln Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Verwendung der Schreibwerkzeug (T), fügen Sie Ihre "Geh zurück"Textstück, setzen Sie die Farbe auf R = 172 G = 68 B = 0 und platzieren Sie es wie in der folgenden Abbildung gezeigt. Verwenden Sie die gleiche Open Sans-Schriftart Fett gedruckt und stellen Sie die Größe auf 11px. Wählen Sie dieses gelbe Stück Text zusammen mit Ihrer braunen Form erneut aus und tippen Sie einfach auf Steuerung-G zu Gruppe Sie.
Duplizieren Sie die Gruppe, aus der sich Ihr kleiner Tooltip zusammensetzt (Control-C> Control-F), wählen Sie die Kopie aus und platzieren Sie sie wie im ersten Bild gezeigt. Konzentrieren Sie sich auf den gelben Text und ersetzen Sie den vorhandenen Text durch "Nach Hause gehenWiederholen Sie diese Technik und fügen Sie die dritte QuickInfo hinzu, wie im zweiten Bild gezeigt. Ersetzen Sie den vorhandenen Text durch "Kontaktiere uns"und erhöhen Sie die Breite dieser braunen Form auf 75px.
Wähle das aus Rechteckwerkzeug (M) und klicken Sie einfach auf Ihre Zeichenfläche, um das Fenster zu öffnen Rechteck Fenster. Eingeben 610 in dem Breite Box und 690 in dem Höhe Klicken Sie dann auf die Schaltfläche OK Taste. Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt und die Farbe auf festgelegt wird R = 35 G = 31 B = 32. Als nächstes müssen Sie es zentrieren, öffnen Sie also die Ausrichten Panel (Fenster> Ausrichten). Setzen Sie die Ausrichtung auf Artboard (öffnen Sie das Flyout-Menü und gehen Sie zu) Optionen anzeigen wenn Sie das nicht sehen können Ausrichten auf Stellen Sie sicher, dass Ihre Form ausgewählt ist, und klicken Sie dann auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten. Am Ende sollte Ihr Quadrat die gesamte Zeichenfläche bedecken, wie in der folgenden Abbildung dargestellt. Zum Schluss einfach schlagen Shift-Control- [ um dein dunkles Rechteck nach hinten zu schicken.
Wählen Sie das gelbe Hauptrechteck erneut aus und konzentrieren Sie sich auf das Aussehen Stellen Sie sicher, dass der gesamte Pfad ausgewählt ist, und fügen Sie die vier hinzu Schlagschatten Effekte in der folgenden Abbildung dargestellt.
So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.
Accentsconagua