Erstelle ein professionelles Online-Portfolio für deine kreativen Arbeiten. Du musst dich dazu nicht mit Programmierung oder Webdesign auskennen. (Ansehen: 3 Min.) Lies danach das Tutorial.

Typekit heißt jetzt Adobe Fonts.

Einführung.

Als Creative Cloud-Abonnent kannst du Adobe Portfolio verwenden und in weniger als 10 Minuten eine professionelle Portfolio-Site zur Präsentation deiner Projekte erstellen.

In diesem Tutorial lernst du, wie du ein passendes Layout für deinen Content auswählen und mit Bildern, Videos, Text, Farben und Schriften personalisieren kannst. Da Adobe Portfolio Teil von Creative Cloud ist, kannst du deine Portfolio-Projekte mit deinem Behance-Konto synchronisieren und Inhalte direkt aus deinen Sammlungen in Creative Cloud Files oder Photoshop Lightroom importieren.

Rufe https://www.myportfolio.com auf, um mit der Erstellung deines Portfolios zu beginnen.

Oben: Symbole für Adobe-Produkte. Unten: digitales Portfolio auf einem Smartphone und in einem Webbrowser.

Ein Layout auswählen.

Rufe die Seite Layouts auf. Denke bei der Auswahl des Layouts an die Art der Inhalte, die du präsentieren möchtest.

Wenn es sich um Fotos handelt, wähle ein Layout aus, das Bilder in den Vordergrund rückt, z. B. „Matthias“ oder „Lina“.

Angenommen, du bist in der Werbung tätig und möchtest veranschaulichen, wie du Kampagnen abwickelst – von den ersten Design- und Textentwürfen bis hin zur fertigen Anzeige mit Text, Bildern und Video-Content. Dann wäre das Layout „Thomas“ am besten geeignet. Damit lassen sich Textblöcke und Bilder so kombinieren, dass sie das Look-and-Feel einer Kampagne effektiv transportieren.

Sobald du dich für ein Layout entschieden hast, klicke auf „Use this layout“ (Dieses Layout verwenden). Du kannst es später jederzeit anpassen.

Layout-Optionen auf der Adobe Portfolio-Website

Projekte hinzufügen.

Klicke in der Bearbeitungsansicht auf der Werkzeugleiste auf das Pluszeichen (+). Wähle „Project“ (Projekt).

Über das Popup-Menü kannst du Medien hinzufügen. Lade Dateien von deinem Computer hoch. Bette Videos ein. Oder importiere Inhalte aus Creative Cloud Files oder Lightroom-Sammlungen. 

Um bereits hinzugefügte Medien zu bearbeiten, bewege den Cursor über ein Element, und klicke auf das Stiftsymbol, um das Element zu bearbeiten, neu anzuordnen oder zu löschen.

Wenn du fertig bist, klicke unten auf „Continue“ (Weiter). Als Nächstes kannst du ein Titelbild für dein Projekt erstellen, Metadaten hinzufügen, um deinen Content für andere schneller auffindbar zu machen, und das Projekt mit deinem Behance-Konto synchronisieren.

Tipp: Wenn du über ein Behance-Konto verfügst, werden deine Inhalte automatisch zwischen Behance und Adobe Portfolio synchronisiert. D. h. Projekte, die du in Behance hinzufügst, werden in Adobe Portfolio angezeigt. Und deine Adobe Portfolio-Projekte erscheinen automatisch auf deiner Behance-Seite.

Über das Pluszeichen links ein neues Projekt hinzufügen und Medien auswählen; zum Bearbeiten das Stiftsymbol anklicken

Das Layout personalisieren.

Wähle bei Bedarf andere Schriften, Farben und Abstände. Klicke auf der Seite „Projects“ (Projekte) auf „Edit Project Content“ (Projektinhalt bearbeiten). Wähle im Popup-Menü die Option „Edit Global Styles“ (Globale Stile bearbeiten). Experimentiere mit den einzelnen Parametern für jeden Bereich deines Portfolios.

Als Creative Cloud-Abonnent hast du direkt von Adobe Portfolio aus Zugriff auf mehrere Hundert hochwertige Schriften von Adobe Typekit (heute: Adobe Fonts). Klicke im Menü „Font“ (Schrift) auf „Manage Web Fonts“ (Web-Schriften verwalten), um nach einer passenden Schrift zu suchen. Wähle eine Miniatur aus. Klicke auf „Add Font“ (Schrift hinzufügen) und dann „Done“ (Fertig), damit die Schrift im Schriftenmenü angezeigt wird.

Alle Schriften, die du über Typekit hinzufügst, stehen auch für andere Adobe Portfolio-Projekte zur Verfügung.

Auf der Seite „Projects“ auf „Edit Project Content“ klicken und „Edit Global Styles“ wählen, um das Layout zu personalisieren

Eine Kontaktseite erstellen.

Wähle auf der Werkzeugleiste wieder das Pluszeichen (+) und dann „Page“ (Seite), um eine Seite mit Kontaktinformationen hinzuzufügen.

Wähle im Editor „Add Text“ (Text hinzufügen). Gib eine kurze Beschreibung zu deiner Person ein. Markiere den Text, um die Schrift zu ändern oder einen Hyperlink hinzuzufügen. Stelle sicher, dass du direkte Kontaktmöglichkeiten auf der Seite bereitstellst, z. B. deine E-Mail-Adresse oder Telefonnummer. Klicke auf „Update Page“ (Seite aktualisieren), um die neue Seite zu speichern.

Nachdem du eine Seite hinzugefügt hast, erscheint sie automatisch rechts oben im Navigationsmenü des Portfolios.

Auf das Pluszeichen klicken, „Page“ und „Contact“ wählen und Daten eingeben, um eine Kontaktseite zu erstellen

Mit sozialen Netzwerken verknüpfen.

Bewege den Cursor über das Navigationsmenü des Portfolios. Klicke auf das Stiftsymbol. Wähle „Customize“ (Anpassen). Klicke auf „Social Profiles“. Wähle die sozialen Netzwerke aus, die du hinzufügen möchtest. Gib die entsprechenden Profil-URLs ein.

Unter „Social Icon Style“ (Social-Media-Symbolstil) kannst du das Erscheinungsbild der Icons für soziale Netzwerke anpassen, z. B. Stil, Farbe, Deckkraft, Größe und Ausrichtung.

Um Social-Media-Accounts zu verknüpfen, auf das Stiftsymbol klicken, „Customize“ wählen und betreffende Netzwerke hinzufügen

Eine Vorschau erstellen und die Site veröffentlichen.

Klicke am unteren Seitenrand auf „Preview“ (Vorschau), um deine fertige Website vor der Veröffentlichung zu überprüfen. Über die Gerätesymbole kannst du sehen, wie dein Layout auf unterschiedlichen Plattformen, für Tablets oder Smartphones bzw. im Längs- oder Querformat dargestellt wird.

Klicke auf jede Seite und jedes Projekt, um eine Vorschau anzuzeigen. Wenn du fertig bist, wähle „Back to Edit“ (Zurück zum Editor).

Jetzt musst du nur noch auf „Publish Site“ (Site veröffentlichen) klicken.

Weitere Informationen zur Erstellung einer Portfolio-Site findest du in den häufig gestellten Fragen. Wenn du über eine eigene Domain verfügst, kannst du sie für dein Portfolio verwenden.

Am unteren Seitenrand auf „Preview“ (Vorschau) klicken, um die fertige Website vor der Veröffentlichung zu überprüfen

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?