Verwenden von Bildern und Text zum Entwerfen einer Visitenkarte

3.890

LizStaley

LizStaley

Hallo! Mein Name ist Liz Staley und ich verwende CLIP STUDIO PAINT seit langem (ich habe angefangen, das Programm zu verwenden, als es noch unter dem Namen Manga Studio 4 bekannt war!). Ich war Betatester für das Manga Studio 5-Programm und für Clip Studio Paint und habe drei Bücher und mehrere Videokurse über das Programm geschrieben. Viele von Ihnen kennen wahrscheinlich meinen Namen aus diesen Büchern. Ich schreibe wöchentliche Beiträge auf Graphixly.com und auf CSP-Tipps, also kommen Sie jede Woche wieder, um mehr Clip Studio-Tipps und Tricks von mir zu erfahren!

 

Obwohl CSP nicht mit Grafikdesign als oberster Priorität erstellt wurde, ist es möglich, Layout- und andere druckbezogene Aufgaben mit Clip Studio zu erledigen! In diesem Artikel erstellen wir eine einfache Visitenkarte von der Erstellung einer Leinwand in der richtigen Größe bis zum Abschluss.

 

In diesem Artikel werden wir die folgenden Themen behandeln:

Erstellen Ihrer Datei

Bilder importieren und ausrichten

Typografische Tools, die Sie kennen sollten

Ein paar abschließende Tipps

 

Lass uns anfangen!

 

Erstellen Ihrer Datei

Beim Entwerfen eines Druckobjekts mit gängigen Abmessungen, wie z. B. einer Visitenkarte, ist es wichtig, Ihre Datei von Anfang an in der richtigen Größe einzurichten, um spätere Druckprobleme zu vermeiden.

 

Wenn Sie Ihr Design an eine professionelle Druckerei senden, sollten Sie sich die Website dieser Druckerei ansehen oder sie kontaktieren, um nach der empfohlenen Endgröße, Größe des Anschnittbereichs und dem Dateiformat zu fragen. Die meisten großen Online-Druckdienste haben Vorlagen oder diese Informationen auf ihrer Website, also schauen Sie sich um, um zu sehen, ob sie sie haben, bevor Sie Kontakt aufnehmen.

 

Standard-Visitenkarten sind 2 x 3,5 Zoll groß (zumindest in den Vereinigten Staaten bin ich mir nicht sicher, ob dieselben Abmessungen anderswo Standard sind!). Der Druckservice, den ich normalerweise für meine Karten verwende, hat sowohl vorgefertigte Vorlagen in verschiedenen Formaten als auch Abmessungen zum Erstellen einer neuen Datei in der Software Ihrer Wahl. Lassen Sie uns also ihre Informationen verwenden, um eine Datei in CSP zu erstellen.

 

Der Drucker, den ich für meine Visitenkarten verwende, empfahl eine Leinwand mit 1088 x 638 Pixel und 300 dpi.

 

Da wir Clip Studio verwenden, können wir auch die Endgröße und die Innengröße festlegen, um uns beim Entwerfen unseres fertigen Produkts als Orientierungshilfe zu dienen. Die meisten professionellen Drucker verlangen, dass wir einen Anschnittbereich in unser Design aufnehmen. Dieser Bereich wird nach dem Drucken abgeschnitten, damit das Design nahtlos über die Papierkante hinausgeht. Das bedeutet, dass unsere Arbeitsdatei für eine endgültige Kartengröße von 3,5 x 2 tatsächlich etwas größer sein sollte. Die meisten Drucker verlangen einen Anschnitt von etwa 0,5 Zoll. Im obigen Screenshot mit meinen Leinwandeinstellungen ist die „Bindungsgröße (Endgröße) die Größe, die die Leinwand haben wird, nachdem der Anschnittbereich abgeschnitten wurde. Unsere endgültige Karte wird also nach dem Schneiden 1050 x 600 Pixel (oder 3,5 x 2 Zoll) groß sein.

 

Wenn das immer noch ein bisschen verwirrend für Sie ist, ist das in Ordnung! Es hat lange gedauert, bis ich mich damit beschäftigt hatte. Ich habe unten eine visuelle Hilfe eingefügt.

 

Der schwarze Bereich ist der Arbeitsbereich um die Leinwand herum. Der rote Bereich darin ist unser Anschnitt und alles in diesem Bereich wird abgeschnitten. Der gelbe Bereich kennzeichnet die Außenseite unseres fertigen Drucks. Wir können immer noch einige Dinge in diesen Bereich einbeziehen, aber beachten Sie, dass ein Teil des Trimmens nicht präzise ist und ein etwas „wackeliger“ Cutter versehentlich in diesen Bereich trimmen kann. Der grüne Bereich ist unser sicherer Bereich (der „Standard-Innenrand“ in CLIP STUDIO PAINT). Alles Wichtige, wie Text oder Logos, sollte in diesem Bereich bleiben, damit es nicht abgehackt wird.

 

Wenn Sie immer noch Probleme haben, gibt es online viele Vorlagen von Druckereien, die bereits eingerichtet sind, und normalerweise gibt es eine Ebene mit Anweisungen und einem für Sie markierten sicheren Bereich.

 

Bilder importieren und ausrichten

Jetzt, da wir unser Dokument eingerichtet haben, fügen wir einige Bilder ein. Ich dachte, ich würde mit einer Neugestaltung meiner aktuellen Visitenkarte herumspielen. Ich habe auf CSP Assets einen schönen Satz alter Papiertexturen gefunden, die gut für den Hintergrund funktionieren würden. Ich habe in vielen Artikeln das Herunterladen und Verwenden von Elementen aus CSP-Assets besprochen, sodass ich nicht noch einmal darauf eingehen werde. Aber wenn Sie nicht wissen wie, hier ist ein Link zu einem früheren Artikel, in dem ich alles darüber geschrieben habe! https://tips.clip-studio.com/en-us/articles/4329

 

Ich habe ein transparentes PNG meines Logos gespeichert, das ich der Karte hinzufügen möchte, also machen wir das jetzt. Um ein Bild in Ihre aktuelle Leinwand einzufügen, gehen Sie zu Datei - Importieren - Bild.

 

Suchen Sie als Nächstes die Datei, die Sie importieren möchten, auf Ihrer Festplatte, Ihrem USB-Laufwerk oder wo auch immer Sie sie gespeichert haben. Klicken Sie darauf, um es auszuwählen, und klicken Sie dann auf Öffnen.

Abhängig von der Größe des importierten Bildes müssen Sie möglicherweise die Größe Ihres Logos anpassen! Meine Logodatei ist ziemlich groß, also viel zu groß für die Abmessungen einer Standard-Visitenkarte! Das ist jedoch in Ordnung, verwenden Sie einfach die Steuerelemente an einer Ecke des importierten Bildes, um die Größe zu ändern. Sie können beim Ändern der Größe die UMSCHALTTASTE gedrückt halten, um die Proportionen beizubehalten und ein Verzerren des Bildes zu vermeiden, oder im Werkzeugeigenschaften-Fenster auf „Seitenverhältnis beibehalten“ klicken, um das Verhältnis vor dem Skalieren zu sperren.

Unser Logo ist jetzt verkleinert, aber was ist, wenn wir sicherstellen möchten, dass es zentriert ist?

Clip Studio Paint bietet derzeit keine Möglichkeit, Bilder oder Text einfach auf der Leinwand zu zentrieren. Aber zum Glück haben wir Führungslineale und auch Hilfslinien am Rand der Leinwand aus unseren Finish Size-Linien! Lassen Sie uns die Linien der äußeren Hilfslinien verwenden, um ein Lineal zu erstellen, das uns hilft, unser Logo oder andere Elemente zu zentrieren, die wir zentrieren möchten.

 

Um ein Führungslineal zu erstellen, klicken Sie auf die Kategorie „Lineale“ und dann auf das Unterwerkzeug „Führung“.

 

Hilfslinien sind spezielle Lineale, die nur horizontal oder vertikal sein können. Diese sind praktisch, wenn wir sicherstellen müssen, dass die Dinge ausgerichtet sind.

 

Anhand der Mittellinie des Randes des Zuschneidebereichs über meiner Leinwand habe ich meinen Cursor in der Mitte der Karte positioniert und dann geklickt und gezogen, um ein vertikales Lineal zu erstellen. (Da diese Hilfslinien außerdem als Lineale gelten, werden sie nicht gedruckt oder exportiert, es sei denn, wir weisen CSP an, sie zu exportieren, sodass wir uns keine Sorgen machen müssen, dass sich diese Hilfslinien auf unserem fertigen Produkt befinden!)

 

Wählen Sie als Nächstes die importierte Bildebene erneut aus, um das Begrenzungssteuerfeld wieder anzuzeigen. Sie haben wahrscheinlich bemerkt, dass dieses Feld einen Kontrollpunkt in der oberen und unteren Mitte des Bildes hat.

Jetzt können wir unsere Anleitung und dieses Mittelfeld verwenden, um sicherzustellen, dass das Bild zentriert ist, indem wir die beiden aneinanderreihen!

Verwenden Sie Hilfslinien für jede andere horizontale oder vertikale Ausrichtung von Elementen, die Sie benötigen! Später in diesem Artikel werden Sie beispielsweise sehen, dass ich eine Reihe von Führungslinealen verwende, um einige Social-Media-Symbole auszurichten.

Typografische Tools, die Sie kennen sollten

Clip Studio Paint ist nicht wirklich ein typografisches Programm, aber in den letzten Jahren wurden viele Funktionen hinzugefügt, die viel mehr Kontrolle über das Aussehen unseres Textes, den Zeilenabstand und mehr geben. Lassen Sie uns unserer Visitenkarte etwas Text hinzufügen und dabei einige gängige Textfunktionen untersuchen.

 

Wählen Sie das Textwerkzeug und das Werkzeugeigenschaftenfenster zeigt unsere grundlegenden Textsteuerelemente. Dazu gehören Schriftart, Größe, Stil, Ausrichtung, Textrichtung, Textfarbe und Modus.

 

Schriftart: Steuert die „Schriftart“ und wird aus den auf Ihrem Gerät verfügbaren Schriftarten erstellt. Der Name jeder Schriftart wird in dieser Schriftart in der Dropdown-Liste angezeigt, was sehr hilfreich ist!

 

Größe: Macht die Schrift kleiner oder größer.

 

Stil: Ändern Sie den Stil der Schriftart. Die Optionen sind Fett, Kursiv, Unterstrichen und Durchgestrichen.

 

Ausrichten: Wählen Sie die Ausrichtung des Textes aus. Text kann linksbündig, zentriert oder rechtsbündig ausgerichtet werden.

 

Textrichtung: Ändern Sie den Text zwischen Horizontal oder Vertikal.

 

Textfarbe: Standardmäßig ist Ihre Textfarbe die aktuell ausgewählte Hauptfarbe. Sie können jedoch auch wählen, ob Sie die Hintergrundfarbe verwenden oder eine Benutzerfarbe festlegen möchten.

 

Modus: Ändert, was der Begrenzungsrahmen um Ihren aktiven Text tut. Sie können zwischen Skalieren/Drehen, Skalieren, Drehen, Neigen oder Skalieren/Drehen/Neigen wählen. Ich mag es wirklich, die Größe meines Textes ändern zu können, indem ich einfach eine Ecke des Textfelds greife und es ziehe!

 

Wählen Sie Ihre Schriftart und geben Sie dann Ihre Informationen ein. In diesem Fall füge ich meine E-Mail-Adresse zu meinem Design hinzu.

 

Die blauen Linien um den Text sind der Begrenzungsrahmen, über den ich zuvor gesprochen habe. Wenn Sie den Mauszeiger über eines der Ecksteuerelemente bewegen, können wir den Text ziehen, um ihn größer oder kleiner zu machen, ohne den Größenregler verwenden zu müssen.

 

Die Textoptionen im Werkzeugeigenschaften-Fenster sind nicht die einzigen Optionen, die wir für unseren Text haben. Wenn wir das Textwerkzeug verwenden, befinden sich unter unserem Text drei Symbole. Durch Klicken auf das linke Symbol, das wie ein Stift geformt ist, gelangen Sie direkt zu den vollständigen Detailoptionen des Unterwerkzeugs für Text.

 

In diesem Bildschirm können wir nicht nur die Größe, sondern auch das horizontale und vertikale Verhältnis sowie den Zeichenabstand steuern, und in anderen Abschnitten dieses Menüs können wir auch den Abstand zwischen Textzeilen im selben Textfeld ändern.

 

Diese Möglichkeit, den Zeilenabstand zu ändern, kann unser Leben wirklich viel einfacher machen, wenn wir Schriftzüge an anderen Elementen, wie z. B. Social-Media-Symbolen, ausrichten möchten. Im folgenden Beispiel stimmt die Liste der Social-Media-Kontonamen nicht mit den Symbolen überein, denen sie entsprechen.

 

Wir könnten dies beheben, indem wir jeden Kontonamen auf eine separate Ebene legen und sie von Hand beabstanden. Aber es ist viel einfacher, stattdessen die Zeilenabstandsoptionen zu verwenden! Klicken Sie auf das Stiftsymbol unter dem Text und dann auf die Option Zeilenabstand/-ausrichtung auf der linken Seite des Fensters Sub-Tool-Details.

 

Mit dem Schieberegler Zeilenabstand können wir den Abstand zwischen den Textzeilen vergrößern oder verkleinern. Durch Hervorheben des eingegebenen Texts und anschließendes Erhöhen des Abstands auf 190,0 werden die Namen der Social-Media-Konten im Beispiel unten jetzt an den Social-Media-Symbolen ausgerichtet.

 

Sobald Sie Ihr Design erstellt haben, müssen Sie es natürlich exportieren und an Ihren Drucker senden! Ich habe bereits einen ganzen Artikel über das Vorbereiten und Exportieren von Kunst für den Druck geschrieben, den Sie hier finden können: https://tips.clip-studio.com/en-us/articles/4464#c08e70df

Ein paar abschließende Tipps

Die Kunst des Grafikdesigns ist wirklich das – eine Kunst. Es braucht viel Übung, um darin gut zu werden, genau wie bei jeder anderen Kunstform! Aber immer mehr freischaffende oder angehende Künstler übernehmen die Aufgabe, ihre eigenen Werbematerialien zu gestalten. Hier sind einige grundlegende Tipps, wenn Sie Ihre eigenen Artikel entwerfen, aber keinen Hintergrund im Grafikdesign haben.

 

Recherchieren Sie vor dem Entwerfen! Suchen Sie nach einem Unternehmen oder einer Dienstleistung, die Sie drucken oder produzieren möchten, und durchsuchen Sie dann deren Website nach ihren Designspezifikationen. Wenn Sie diese nicht finden können oder zusätzliche Hilfe benötigen, wenden Sie sich an das Unternehmen und stellen Sie Fragen. Es ist viel einfacher und weniger stressig für alle Beteiligten, Ihre Designdatei von Anfang an richtig einzurichten, als Artikel falsch gedruckt zu haben oder das Design erneut durchführen zu müssen, weil die Datei falsch war.

 

Schauen Sie sich an, was andere entworfen haben. Visitenkarte erstellen? Suchen Sie im Internet nach „(Branche) kreative Visitenkarte“. Wenn Sie beispielsweise ein Comiczeichner sind, suchen Sie nach Visitenkarten für Comiczeichner. Sie finden einige kreative und inspirierende Beispiele online!

 

Wählen Sie ein Farbschema. Ihre „Marke“ sollte ein Farbschema haben, das leicht erkennbar ist. In meinem Kunstgeschäft verwende ich Grau und Blau als meine Farben, während ich auch einige Vintage-Elemente wie alte Papierstrukturen einbeziehe. Dies macht meine Materialien für diejenigen, die meine Arbeit kennen, sofort erkennbar.

 

Entscheiden Sie vorher, welche Informationen aufgenommen werden sollen. Nicht jede Visitenkarte muss eine Telefonnummer enthalten. Wenn Sie also nicht unbedingt möchten, dass Kunden Sie anrufen können, geben Sie sie nicht an! Sie müssen keine physische Adresse angeben, es sei denn, Sie betreiben ein Geschäft oder lassen Kunden zu Besprechungen an einen Ort kommen. Ich verwende mein Logo, meinen Slogan, meine E-Mail-Adresse, meine Website und Informationen zu sozialen Medien auf meinen Karten.

 

Verwenden Sie beide Seiten, wenn Sie ein Papiermaterial erstellen! Achten Sie beispielsweise beim Gestalten einer Visitenkarte darauf, beide Seiten zu verwenden. Auf der Rückseite meiner Karten habe ich eines meiner beliebten Kunstwerke angebracht. Das erhöht die Wahrscheinlichkeit, dass die Leute die Karte behalten, weil die Rückseite wie ein kleiner kostenloser Kunstdruck ist. Sie können auch Platz für einen QR-Code oder Platz zum Aufschreiben von Termininformationen oder anderen Dingen lassen.

 

Überladen Sie Ihr Design nicht. Dies ist besonders wichtig, wenn Sie so etwas wie eine Visitenkarte erstellen. Alle wichtigen Informationen sollten leicht zu finden und gut lesbar sein. Vermeiden Sie die Verwendung zu vieler Schriftarten und stellen Sie sicher, dass alle Schriftarten gut lesbar und Logos klar sind.

 

Und vor allem haben Sie keine Angst zu experimentieren und haben Sie Spaß mit Ihrem Design!

 

Fazit

Design ist nicht das, wofür CSP gemacht wurde, aber die jüngsten Ergänzungen haben die Arbeit mit Text einfacher gemacht. Die Möglichkeit, das horizontale und vertikale Verhältnis von Text sowie den Zeilenabstand zu ändern, ist ein absolutes Minimum und bietet nicht so viele Optionen wie andere Software, aber für diejenigen, die sich nur mit Design beschäftigen oder gelegentlich Karten für eine Tagung erstellen, Es hat mehr als genug Optionen für einfaches Design!

 

Weitere Informationen zu CLIP Studio Paint finden Sie unter https://www.clipstudio.net/en oder https://graphixly.com

Kommentar

Neu

Neu! Offizielle Tutorials