Wie man ein typografisches Albumcover erstellen kann
() translation by (you can also view the original English article)



In diesem Artikel analysieren wir einige Beispiele für das Design von Albumcovers, bei denen der Schwerpunkt auf Typografie liegt. Dann nehmen wir einige dieser Album-Cover-Ideen und experimentieren mit ihnen in einem typografischen Beispiel-Album-Cover. Unabhängig davon, ob Sie sich auf CD-Albumcover, ein Cover für Ihren Podcast oder das Erstellen und Vorbereiten eines Druckdesigns konzentrieren, sollten diese Richtlinien Ihnen dabei helfen, die richtige Richtung einzuschlagen - insbesondere, wenn Sie sich auf Typografie konzentrieren.
Tutorial Assets
Wir werden die folgenden Assets in unserem Albumcover verwenden:
- Amithen Brush Font
- Faser Vintage Schriftart
- Aquarell Textur Blau
- Zerknitterte Papierhalbton-Texturen
- Die Dresdner Altstadt nach Sonnenuntergang (Foto)
Wenn Sie jedoch sofort einsteigen und mit Ihrem eigenen Albumcover experimentieren möchten, sollten Sie Placeit einen Blick darauf werfen! Es ist nicht nur super benutzerfreundlich, es macht auch Spaß, einfach nur in Layouts zu experimentieren! Wenn Sie nach einem Album-Cover-Hersteller suchen, sind Sie hier genau richtig.



Schauen wir uns jetzt einige coole Albumcover an!
Typografische Albumcover sind insofern einzigartig, als sie sich behaupten müssen - es gibt normalerweise nur minimale (oder ergänzende) Bilder, um Interesse zu wecken oder eine Nachricht nach Hause zu bringen. Der Typ ist der Star der Show. Aus diesem Grund würde ich vorschlagen, dass zusätzliche Aufmerksamkeit, noch mehr als üblich, möglicherweise dem Ausdruckscharakter des Typs gewidmet werden sollte.
Denken Sie daran, ich spreche darüber, wie der Text visuell kommuniziert.



Schauen Sie sich zum Beispiel dieses Albumcover für No Doubt's "Rock Steady" an. Es ist alles Typ. Bestimmte Teile sind rot hervorgehoben - beachten Sie, wie dies unsere Aufmerksamkeit auf sich zieht, während der schwarze Typ ergänzender bleibt.
Es hat einen ziemlich aufgeregten Fluss, nicht wahr? Die Schläge fühlen sich intensiv und heftig an.
Stellen Sie sich dieses Konzept mit einem anderen Typ vor - etwas wirklich ganz anderes, wie Times New Roman.
Es wäre wirklich anders, oder? Wir würden wahrscheinlich diese energetische Stimmung verlieren. Das Original hat eher organisch aussehende Pinselstriche, aber eine gleichmäßigere Serife könnte wesentlich steifer aussehen. Die Idee hier ist nicht, dass "Times New Roman langweilig ist" - sondern dass der Typ selbst als visuelles Element kommunikative Eigenschaften hat.
Lassen Sie uns diese Idee anhand eines einfachen Beispiels weiter veranschaulichen.
Wir werden mit einem Testalbum-Cover arbeiten, um diese Prämisse zu untersuchen, einem imaginären Album (und einer imaginären Band) namens "The Album" von Example Band.



Das obige Beispiel ist ziemlich langweilig. Es ist schwarzer Text auf weißem Hintergrund. Es wurde mit einer eher bescheidenen Schrift eingestellt. Es sieht unvollendet aus, nicht wahr? Es sieht langweilig aus... hier gibt es wirklich nichts zu bemerken, und der Schwerpunkt ist nicht so stark.
Beobachten Sie, wie das visuelle Erscheinungsbild der Schrift selbst möglicherweise die Kommunikation verändert.



Diese drei Beispiele sind sehr unterschiedlich, obwohl die Layouts selbst ziemlich ähnlich sind.
Auf der linken Seite haben wir einen fett gedruckten Typ (Braton Composer Font). Der Titel des Albums ist in Großbuchstaben und so groß. Es "schreit" wirklich für den Betrachter. Beachten Sie, wie die Skalierung hier (eines der Prinzipien des Designs) wirklich dazu beiträgt, dass der Titel groß und laut ist. Der Name der Band ist im Vergleich viel kleiner.
In der Mitte sieht der Typ handgeschrieben aus (Brittany Signature Script Font). Es gibt einen menschlichen Faktor, der sich eher persönlich und organisch anfühlt - die Buchstaben sind unvollkommen. Über welche Art von Musik denkst du nach?
Rechts ist der Typ eher geometrisch und einheitlich (Voyager Font). Wie kommuniziert dies visuell mit Ihnen im Vergleich zu den beiden anderen?



Wir können diese Idee noch weiter vorantreiben, wenn wir andere Elemente der Kunst und Gestaltungsprinzipien einbeziehen. Zum Beispiel ist Farbe sehr kommunikativ, ebenso wie die Nähe und die visuellen Beziehungen, die die verschiedenen Teile Ihrer Komposition teilen.
Nehmen wir diese Idee und schauen uns einige weitere Beispiele an.



Hier ist das Cover von Blood, Sweat und Tears 'Greatest Hits. Es enthält einen Holzschnitt, um den Namen der Band zu buchstabieren. Dies wird durch weißen Text in einer serifenlosen Schrift ergänzt. Beachten Sie, wie dieser Typ den größeren Typ ergänzt. Warum? Es gibt mehrere Gründe: Es ist kleiner und weniger dekorativ, um nur einige zu nennen.
Aber wie kommuniziert das visuell? Ich würde argumentieren, dass es Alter impliziert. Diese Briefe wurden bereits gedruckt. Sie waren um den Block herum und haben Action gesehen. Es vermittelt visuell die Idee von "Blut, Schweiß und Tränen" - ein Satz, der oft mit harter Arbeit und Hingabe verbunden ist.



Hier ist ein interessantes Cover - es ist Duran Durans "Big Thing". Beachten Sie, dass das "Ich" nicht wirklich "da" ist. Es wird über den negativen Raum in der Komposition erstellt. Die Wörter selbst sind getrennt und unzusammenhängend. Sie sind auch in quadratische Räume "gestopft".
Dieses Design stammt aus dem Jahr 1988 und zeigt - beachten Sie die Farbauswahl, die Ästhetik. Sich der Trends bewusst zu sein und mit ihnen zu spielen, kann sich zum Vorteil eines Designs auswirken. es kann seine visuelle Anziehungskraft steigern.
Beachten Sie in Bezug auf die Kommunikation, wie "groß" die Buchstaben hier sind. Sie sind im Allgemeinen groß und laut, wobei der Schwerpunkt auf "groß" liegt. Interessant ist auch, dass Andy Warhol gewidmet war, der im Jahr zuvor gestorben war. Warhols Arbeit zeigte oft eine ähnliche, blockige Richtung mit gesättigten Farben - vielleicht war dies eine absichtliche Referenz.



Beyoncé ist eine mächtige Kraft in der Populärkultur, und dies ist ein interessantes Cover, nicht wahr? Es ist ziemlich minimal, aber das ist keine schlechte Sache. Persönlich finde ich, dass Minimalismus potenziell sehr erfolgreich ist - aber es kann auch eine herausfordernde Richtung sein, erfolgreich durchzukommen.
In diesem Fall haben wir eine fette, starke Schrift auf Schwarz. Es ist ein Name, isoliert in diesem Raum, in einer gedämpften, rosa Farbe. Es hat viel Kontrast zum Hintergrund, so dass es unsere Aufmerksamkeit wirklich auf sich zieht. Ich würde argumentieren, dass es kommuniziert, "größer als das Leben" zu sein oder "keine Einführung zu brauchen". Es ist ein selbstbewusstes Design.
Stellen Sie sich zum Beispiel dasselbe Design vor, aber in einem gedämpften, dunklen Grau - geringerer Kontrast, vielleicht sogar eine handgeschriebene Schrift. Es würde sich eher wie ein informelles Flüstern anfühlen und weniger wie eine starke, kraftvolle Aussage.



Dieses Cover, "Brothers" von The Black Keys, ist nach Beyoncés interessant zu analysieren. Beide gehen mit Text auf schwarzem Hintergrund vor - beachten Sie jedoch, wie unterschiedlich sie kommunizieren.
Dieser ist wesentlich lässiger, vielleicht sogar gesprächiger. Wir sehen das nicht nur am Aussehen des Typs, sondern auch daran, was der Typ selbst sagt. Der Schwerpunkt liegt auf Skalierung und Kontrast - wir sehen ihn im Titel der Band.
Ich finde, dass dieser als persönlich herauskommt; Wir werden auf informelle, vielleicht sogar biografische Weise vorgestellt. Es liest sich eher wie eine Geschichte. Das sind meine Interpretationen - was denkst du?



Pink Floyds "The Wall" kommuniziert auf verschiedene Weise visuell. Erstens sehen wir buchstäblich den Text an der Wand - dies ist eine offensichtliche Assoziation, und die Bilder spielen eine starke, ergänzende Rolle.
Schauen Sie sich jedoch den Text selbst an. Es hat eine raue, organische Qualität - wie Sprühfarbe. Stellen Sie sich zum Beispiel vor, dieser Text wurde in etwas wie Times New Roman oder Helvetica gesetzt. Es könnte eher wie ein Zeichen als wie eine handschriftliche Nachricht aussehen - wie könnte dies Ihrer Meinung nach seine kommunikativen Eigenschaften verändern?
Lassen Sie uns ein Cover erstellen
Schritt 1
Nehmen wir also diese Ideen und entwickeln ein eigenes Beispiel für ein Cover. Unser Ziel ist es, die Typografie in den Vordergrund zu stellen, aber wir werden auch mit einigen ergänzenden Bildern arbeiten.
Ich werde ein Album-Cover für eine Single mit dem Titel "I Can't Forget You" von Example Band erstellen. Wir werden mit Typ als Schwerpunkt der Komposition arbeiten, obwohl wir in einigen Bildern als ergänzende Elemente arbeiten werden, um unser Konzept weiter voranzutreiben.
Beginnen Sie zunächst mit der Erstellung eines neuen Dokuments. Ich werde in Adobe Photoshop arbeiten.
Denken Sie beim Erstellen Ihres Albumcovers daran, die Spezifikationen Ihres Projekts zu beachten, da diese variieren können! Ich werde mit einem Seitenverhältnis von 1:1 arbeiten, da Albumcover eher quadratisch sind. Im Zweifelsfall arbeite ich normalerweise größer als ich denke; Auf diese Weise kann ich die Größe jederzeit ändern, ohne an Qualität zu verlieren.
In diesem Beispiel arbeite ich mit 10,5" x 10,5" und 300 dpi.



Schritt 2
Ich werde hier einige einfache Anleitungen erstellen, daher ist meine Komposition Full Bleed.
Um Hilfslinien zu erstellen, gehen Sie zu Ansicht > Neues Hilfslinienlayout.



Schritt 3
Wir müssen keine Spalten oder Zeilen erstellen. Gehen wir einfach geradeaus zu Margins. Stellen Sie jeweils 0,25" ein. Auf diese Weise haben wir einen schönen 0,25" Rand um unsere gesamte Komposition, um sicherzustellen, dass der Anschnitt aufgenommen wird.
Beachten Sie erneut, dass Sie sich bei Ihrem Drucker, Herausgeber oder einer anderen Quelle nach Ihren spezifischen Projektrichtlinien erkundigen müssen! Ihre Größen und Spezifikationen können abweichen!



Schritt 4
Lassen Sie uns als nächstes darüber nachdenken, was wir hier kommunizieren möchten. Ist es ein fröhliches Lied? Langsam und melancholisch? Vielleicht gibt es etwas Genre-spezifisches, das wir auch berücksichtigen müssen - wie eine trendige Ästhetik oder etwas, das für den Musiker relevant ist.
In diesem Fall werde ich mich dem mit dem Ziel nähern, die eindringliche Natur zu kommunizieren, jemanden nicht vergessen zu können. Ein guter nächster Schritt könnte darin bestehen, ein Moodboard zu erstellen - eine Sammlung relevanter Bilder, Typen, Texturen, Farben oder alles, was Sie an die Konzepte denken lässt, auf die Sie abzielen möchten.
Legen Sie Ihren gewünschten Typ fest und haben Sie keine Angst vor Experimenten. Ich begann damit, den wesentlichen Typ zu platzieren: den Namen des Albums / Songs und den Namen der Band. Dann können Sie neu anordnen und darüber nachdenken, wie Ihre Arbeit visuell kommuniziert.
Verwenden Sie das Textwerkzeug, um Ihrem Dokument Text hinzuzufügen.



Schritt 5
Ich beschloss, das Wort "Vergessen" zu betonen, da es die Essenz des Songs ist - dass das Thema niemanden vergessen kann. Es verfolgt sie. Ich habe die Idee weiter vorangetrieben, indem ich diesen Text dupliziert und langsam ausgeblendet habe, indem ich die Deckkraft für jede aufeinanderfolgende Instanz verringert habe.
Ich entschied mich für einen Typ mit einer handgeschriebenen Ästhetik, damit er sich persönlich und emotional anfühlt, aber ich wollte, dass "Vergessen" mutiger ist und Aufmerksamkeit erregt.
Sie werden unten feststellen, dass ich den Text in verschiedene Ebenen unterteilt habe, damit ich sie leichter unabhängig voneinander steuern kann.



Den Typ weiter schieben
Schritt 1
Um dies weiter voranzutreiben, hielt ich es für interessant, den Typ einem Ort zuzuordnen, und fügte daher ein Hintergrundbild hinzu. Ich habe die Deckkraft verringert, weil ich wollte, dass sie ergänzend bleibt.
Ich habe jede der verblassenden Textebenen "Vergessen" in einen eigenen Ordner (oder eine eigene Gruppe) gelegt, um meine Ebenen besser organisieren zu können.



Schritt 2
Ich wollte jedoch, dass der Hintergrund auch innerhalb des Typs selbst sichtbar ist - klarer, zu 100% -. Ich wollte die Idee von verschwommenen, eindringlichen Erinnerungen wieder visuell kommunizieren.
Dazu habe ich den Hintergrund kopiert und über jede Textebene eingefügt. Klicken Sie dann mit der rechten Maustaste (auf dem PC) oder mit der Befehlstaste (auf dem Mac) und wählen Sie Schnittmaske erstellen. Jetzt wird der Hintergrund innerhalb des Typs isoliert.
Hier sind diese Ordner nützlich, da ich dies wiederum für jede Textebene getan habe.



Schritt 3
Das Schöne daran ist, dass ich den Typ jetzt verschieben kann und das Hintergrundbild erhalten bleibt. Versuche es! Die Textfarbe scheint dem Hintergrund zu entsprechen (es sei denn, Sie verschieben die Schnittmaske).
Trotzdem hielt ich es für eine gute Idee, die visuelle Assoziation zwischen Text und Hintergrund zu stärken. Ich habe die Typebenen ausgewählt (Sie können mehrere Ebenen gleichzeitig auswählen, indem Sie die Umschalttaste gedrückt halten und sie dann auswählen) und sie dann leicht gedreht haben.
Jetzt verbinden sie sich visuell mit dem Rand des Wassers.



Schritt 4
Ich habe beschlossen, die Farben hier ein wenig zu optimieren. Fügen Sie eine neue Ebene hinzu und fügen Sie mit dem Verlaufswerkzeug etwas Farbe hinzu. Ich habe einen Übergang von Blau zu Lila verwendet. Stellen Sie den Ebenenüberblendungsmodus auf Überlagerung bei einer Deckkraft von 30% ein.



Schritt 5
Dieselbe Farboptimierung müssen wir auch unseren Textebenen hinzufügen. Duplizieren Sie Ihre Verlaufsebene und platzieren Sie sie über Ihren Textebenen. Denken Sie daran, sie Schnittmasken zu machen!
Ich lege den Rest meines Textes in einen anderen Ordner. Dies ist optional. Ich mag es einfach, meine Arbeit organisiert zu halten!
Da unser Ziel darin besteht, den Text als Betonung beizubehalten, stellen wir den Ebenenüberblendungsmodus auf Farbausweichen bei 46% Deckkraft ein. Dies wird mehr auffallen, während immer noch die gleichen Farben verwendet werden.
Für den Typ "Verschwinden vergessen" ist dies nicht erforderlich - wir möchten, dass diese ohnehin leise verschwinden.



Schritt 6
Ich verbinde Erinnerungen auch mit Schreiben, daher dachte ich, es könnte eine lustige Idee sein, mit einer Textur zu experimentieren.
Ich habe hier eine Aquarelltextur hinzugefügt (Aquarelltextur Blau, wenn Sie mitmachen), die auf zwei neuen Ebenen dupliziert wurde. Der erste hat einen Mischmodus, der auf Ausweichen der Farbe, Deckkraft 25% eingestellt ist. Die zweite (oben) ist auf Überlagerung (50%) eingestellt.
Ich habe die Variation in der Aquarelltextur mit dem Wort "kann nicht" ausgerichtet. Ich fand es auch eine interessante visuelle Assoziation mit den Gebäuden im Hintergrund. Dies waren nur meine Designentscheidungen - haben Sie keine Angst, auf Ihre eigene Weise zu experimentieren. Allgemeine Empfehlung hier: Visuelle Assoziationen können oft dazu beitragen, eine Komposition zu vereinheitlichen.



Schritt 7
Um die Papierästhetik weiter voranzutreiben, habe ich mich entschlossen, gefaltetes Papier mit einem Halbtonmuster auszuprobieren (Crumpled Paper Halftone Textures, wenn Sie mitmachen).
Erstellen Sie einfach eine neue Ebene und fügen Sie diese Textur hinzu. Stellen Sie den Mischmodus auf Hartes Licht und die Deckkraft auf 20%.
Ich habe versucht, die Falten so auszurichten, dass sie vom Wort "Vergessen" nach außen strahlen, um es stärker hervorzuheben. Ich möchte wirklich, dass dieser Teil des Textes im Mittelpunkt steht.



Hinzufügen von Finishing Touches
Schritt 1
Vergessen wir nicht den Namen der Band!
Dies wird ein ergänzender Teil der Komposition sein - wir wollen oder brauchen es nicht, um mit dem Schwerpunkt zu konkurrieren. Daher würde ich empfehlen, es kleiner und kontrastärmer zu gestalten.
In diesem Fall habe ich beschlossen, dieselbe Schriftart wie "Vergiss" (Fibre Vintage) zu verwenden - nur weil wir möchten, dass sie ergänzend ist, heißt das nicht, dass sie nicht visuell zugeordnet werden sollte.



Schritt 2
Ich habe beschlossen, für diesen Text coole Grautöne zu verwenden, da ich nicht möchte, dass er um Aufmerksamkeit kämpft. Aus Gründen des Stils dachte ich, es könnte Spaß machen, Leerzeichen zwischen den Wörtern wegzulassen und stattdessen mit einer Wertänderung zwischen ihnen zu unterscheiden (d. H. "Beispiel" ist dunkler als die beiden anderen Wörter).
Ich habe die Deckkraft dieser Textebene auf 33% und den Mischmodus auf Multiplizieren eingestellt.



Schritt 3
Aber was ist, wenn wir zusätzlichen Text haben, den wir hier einfügen müssen? So etwas wie eine Ausgabe oder eine andere Art von Information? Ich beschloss, ein Beispiel in die obere rechte Ecke zu stecken. Es ist eine einfache Textebene, bei der der Mischmodus auf Multiplizieren, Deckkraft 65% eingestellt ist.
Denken Sie an Ihre Ränder - ich möchte hier etwas mehr Platz geben, da meine Ränder gerade meine Blutung darstellen.
Um visuell weiter zu implizieren, dass dies ein ergänzendes Element ist, habe ich wieder dieselbe Schriftart wie der Bandname verwendet. Ich habe diesen Typ jedoch noch kleiner gemacht, um zu versuchen, die Hierarchie weiter voranzutreiben (d. H. Die Skalierung zu verwenden, um die "Wichtigkeit" zu fördern).



Schritt 4
Aber was ist, wenn die Extras, die wir hinzufügen müssen, ein Symbol, eine Marke oder ein Logo sind? Lassen Sie uns diese Ergänzung noch einmal beibehalten.
Erstellen Sie auf einer neuen Ebene ein kleines weißes Rechteck in der oberen linken Ecke Ihrer Komposition (ich habe das Rechteckige Auswahlwerkzeug und das Farbeimer-Werkzeug verwendet, aber Sie können dies nach Belieben tun, z. B. mit der Form Werkzeug). Ich werde dies als isolierten Raum für meine Marke verwenden.
Diese Technik eignet sich auch gut für Dinge wie Preisschilder, Barcodes, Bewertungen oder sogar für die Angabe, wohin ein Aufkleber gehen soll. Da er sich auf einer eigenen Ebene befindet, können Sie ihn nach Bedarf ein- und ausschalten.
Zum Beispiel habe ich mir bei Envato Elements (Vintage Logo und Abzeichen Nr. 35) ein Logo für diesen Teil meines Modells geholt - es gibt eine große Auswahl!



Und das ist ein Rap (Wortspiel beabsichtigt)!
Ich hoffe, es hat Ihnen Spaß gemacht, mit mir zu erkunden, wie man ein Album-Cover macht und was sie zum "Ticken" bringt! Hier gibt es endlose Möglichkeiten - und endlose Möglichkeiten, eine starke Lösung zu finden! Ich würde sagen, die besten Albumcover sind diejenigen, die den Betrachter auf eine Weise ansprechen, die mit dem Album selbst in Resonanz steht.



Fühlen Sie sich überwältigt? Vielleicht brauchen Sie nur eine kleine Starthilfe für Ihr nächstes Projekt - oder vielleicht sogar einen vollständigen Album-Cover-Art-Maker. Schauen Sie sich diese und andere Designs auf Placeit an. Es ist so ein lustiges Werkzeug - und auch eine großartige Inspirationsquelle!



Wenn Ihnen dieses Tutorial gefallen hat, finden Sie hier einige andere, die Ihnen vielleicht auch gefallen!
- Album-CoverWie man ein Rap-Album-Cover (mit einem Album-Cover-Maker) erstellen kannNona Blackman
- Grafikdesign27 Vorlagen für Albumcover mit einem Album Cover MakerNona Blackman
- TrendsTrenduhr: DuotonesMelodie Nieves
- Photoshop-AktionenDie 20+ besten bunten Sparkle & Lighting-Fotoeffekte für PhotoshopMelodie Nieves
- Adobe Photoshop10 erstaunliche Photoshop-Vorlagen, die jeder Designer besitzen sollteGrace Fussell
