Connect with us

UX/UI & Webdesign

Neue AI Features in Photoshop › PAGE online


Zeit für ein Update! Wir zeigen euch, was es mit Harmonize, Bildreferenz für Generatives Füllen und den neuen KI-Modellen in Photoshop 2026 auf sich hat

Mittlerweile haben wir wohl alle bereits mit Firefly in Photoshop experimentiert, neue Funktionen für uns entdeckt und fast vergessen, wie umständlich das Freistellen von Haaren früher einmal war. Aber mit Photoshop 2026 bringt Adobe einige neue Features, die ihr vielleicht noch nicht kennt. Wir zeigen euch unsere Top Picks – und wie sie sich in die Creative Cloud einfügen – an einem kleinen Workflow.

What’s new in Photoshop

Insgesamt stellte Adobe zur MAX 2025 über 12 neue Features (mit und ohne KI) vor. Einige davon nutzen ausschließlich Firefly, andere bieten mittlerweile auch die Auswahl zwischen den Adobe-eigenen und den integrierten Partnermodellen, wie Flux Kontext Pro und Nano Banana 3.

Wie immer gilt: Die Adobe-Modelle bieten wegen des Trainings auf Basis von Stockdaten einen gewissen Rechtsschutz. Bei anderen Modellen solltet ihr euch immer noch der rechtlichen Grauzone bewusst sein.

Mit der Integration der neuen Modelle eröffnet sich nun aber endlich die Option für iterative Prompt-Strukturen, die genauere Anweisungen ermöglichen, bei denen Teile des Bildes unverändert bleiben, während andere präzise angepasst werden können (mehr dazu später).

Unsere Favoriten in Photoshop 2026 und der Public Beta 27.2 sind aber eher subtilerer Natur. Sie erleichtern im Alltag die Bearbeitung und Collage von bestehendem Bildmaterial und erlauben es, schnellere und vor allem deutlich genauere Ergebnisse zu erzielen als noch vor wenigen Monaten.

Die Basis: Bildgenerierung mit Firefly

Einer der wohl größten Vorteile des cloudbasierten Generierens liegt in der schnellen Verknüpfung der Adobe Tools. So können wir seit PS 2026 jetzt direkt beim Öffnen der Desktop Apps auf unseren Generierungsverlauf aus Firefly zugreifen und ein zuvor generiertes Bild als Ausgangspunkt für unsere Exploration wählen.

In Firefly könnt ihr aktuell alle Modelle, inklusive einer Vorschau auf Firefly Image 5, kostenlos innerhalb eures CC-Abos testen. Innerhalb von Photoshop sind die Partnermodelle nur mit Creative Cloud Pro verfügbar und die Generierung kostet unterschiedlich viele Credits. Eine Übersicht findet ihr im Adobe Blog.

Wir haben für unser Projekt wieder auf die erprobte Kombination aus Project Neo und Firefly Web gesetzt. Mit Firefly generieren wir zunächst unsere Szene als Basis: ein Product-Shot für eine Keksmarke, inszeniert mit warmen Farben und Trockenblumen.

Das Packaging im Bild ist aber nur ein Platzhalter – für die Verpackung selbst modellieren wir die Form mit Project Neo (eine genaue Anleitung findet ihr hier) und nutzen eine mit Firefly generierte Materialreferenz, um so nah wie möglich an unser gewünschtes Ergebnis zu kommen. Die Kombination aus Basisbild und Packaging geht anschließend ganz einfach in Photoshop.

Beta: Generatives Füllen mit Referenzbild

Für den ersten Schritt begeben wir uns in die aktuelle Photoshop Beta 27.2, die ihr euch direkt in der Creative Cloud App herunterladen könnt. Darin sind nämlich schon einige neue Features sowie das verbesserte Firefly Modell für Generatives Füllen und Erweitern enthalten.

Über die Funktion Generativ Hochskalieren (Bild-Menü) vergrößern wir unser Bild aus Firefly, sodass wir mit mehr Details und höherer Auflösung arbeiten können. Anschließend wollen wir die Platzhalter-Packung mit unserem modellierten Packaging austauschen.

Dazu wählen wir grob das Packaging im Bild aus und klicken in der KI-Kontextleiste auf Generatives Füllen und das Bildsymbol, das nun rechts von der Texteingabe erscheint. Im Pop-up wählen wir nun unser modelliertes Packaging als Referenzbild. Hier gibt es die Option, entweder nur das gezeigte Objekt einzusetzen oder das gesamte Bild in die Komposition einzufügen.

Wir nutzen nur unser Objekt, das Photoshop automatisch freistellt, und klicken auf »Ausgewählten Bereich austauschen«. Nach wenigen Sekunden erhalten wir das Ergebnis: Photoshop hat unser Modell im Bild platziert, die Perspektive entsprechend angepasst und die Lichtverhältnisse automatisch harmonisiert. Praktisch für alle, die mit bestehenden Product-Shots arbeiten und nur Hintergründe und Setting ändern möchten.

Achtung: Photoshop setzt bei dieser Funktion eher auf den Realismus des Gesamtbildes als auf die perfekte Übernahme der Referenz. Wer also exakte Bildvorgaben hat, an denen nichts verändert werden darf, sollte lieber mit dem Harmonize-Feature arbeiten. Wir haben beides getestet.

Harmonize: realistische Collage auf Knopfdruck

Harmonize ist seit wenigen Wochen in Photoshop 2026 verfügbar und immer in die Kontextleiste integriert. Kurzgesagt erlaubt Firefly uns damit, selbst freigestellte Elemente an genau der Stelle und mit gewünschter Größe im Bild zu platzieren und sie dann mit einem Klick an Lichtverhältnisse, Tonwerte und Schatten anzupassen.

Wir testen das mit den Macarons, für die unser Visual am Ende werben soll. Dafür hatten wir zuerst getestet, die beiden Cookies im Vordergrund mittels eines Referenzbildes auszutauschen, aber das Ergebnis verzerrt zu sehr die tatsächlichen Produktbilder.

Stattdessen entfernen wir die Cookies mit dem Button in der Kontextleiste und platzieren und maskieren anschließend ein Produktfoto der Macarons an der gewünschten Stelle. Die angewählte Ebene können wir dann entweder über einen Rechtsklick oder über den Harmonize-Button in unsere Szene integrieren lassen, ohne dabei unser Produkt grundlegend zu verändern.

Detail-Editing mit Flux Kontext

Einen zweiten kleinen Turm aus Macarons wollen wir jetzt auf der Verpackung selbst platzieren. Mit dem neutralen Hintergrund können wir hier einfach Generatives Füllen mit Bildreferenz nutzen und die Funktion »Objekt platzieren« auswählen. Dadurch verändert sich leicht die Szene (erkennbar an der Oberkante des Packagings), um für die drei neuen Macarons Platz zu schaffen.

Das hier verwendete Referenzbild passt allerdings wegen des roten Macarons in der Mitte farblich nicht ganz in unsere Szene. Das lässt sich jetzt in Photoshop mit dem neu integrierten Flux Kontext Pro Model schnell ändern: mit einer groben Auswahl und einem Prompt, der sich spezifisch auf die gewünschte Farbe des Macarons bezieht.

Flux eignet sich für solch kleine, detaillierte Änderungen besser als Firefly, da das Modell feiner in der Anpassung einzelner Elemente und Harmonie der Szenen ist. Ihr findet die Auswahlmöglichkeit für die verschiedenen Modelle rechts von der Textleiste.

Freistellen und Hintergründe generieren mit Firefly

Die so generierte Szene könnten wir bereits verwenden, um erste Moods für eine Produktkampagne zu visualisieren. Wir gehen aber noch einen Schritt weiter und verfeinern das Bild, indem wir etwa mit Generatives Entfernen zunächst die Elemente entfernen, die uns stören und dann über die Kontextleiste das »Motiv auswählen« lassen.

Mit der verbesserten Genauigkeit bei der Auswahl erfasst Firefly jetzt auch kleinere Details, wie etwa die Feinheiten in den Trockenblumen, so genau, dass wir direkt aus der Kontextleiste eine Maske erstellen und weiterarbeiten können.

Um den Hintergrund weiter zu verändern, invertieren wir die Maske und generieren im ausgewählten Bereich eine neue Szene. Diese bleibt wegen der Kontext-Awareness der neueren Firefly-Modelle direkt passend zur Lichtsituation unseres Motivs.

Zuletzt wollen wir noch die Trockenblumen aus dem originalen Bild auf die andere Seite des Packagings spiegeln. Dazu duplizieren wir den Bildausschnitt und fügen ihn auf einer Ebene unter unserem maskierten Packaging ein. Mit dem Harmonisieren-Button können wir dann die Lichtstimmung so anpassen, dass zwar die Symmetrie bestehen bleibt, aber sich die Blumen dennoch realistisch in die Szene einfügen. 

Feinschliff und verschiedene Formate

Zuletzt wollen wir für unsere fiktive Macaron-Brand noch ein Logo auf dem Packaging einfügen. Firefly ist zwar mittlerweile deutlich besser in der Textgenerierung, aber mal ehrlich: Wer für eine Brand gestaltet, hat Vorgaben in der Schriftauswahl oder muss ein Signet exakt abbilden können – und nur weil wir KI nutzen können, ist sie nicht immer die beste Option.

Wir setzen daher einfach ein Textfeld mit unserem gewünschten Font und nutzen die Fülloptionen der Ebene, um eine erhabene Blindprägung anzudeuten. Allerdings nutzen wir anschließend noch einmal die Harmonize-Funktion, die den Schriftzug an die Lichtverhältnisse unserer Szene anpasst und sofort realistischer wirken lässt.

Dann sind wir bereit, mit Generativem Erweitern verschiedene weitere Formate für Social Media Stories oder Posts zu erstellen. Dazu könnt ihr einfach blind generieren oder – wie wir – spezifischer steuern, was in den neu generierten Bereichen abgebildet werden soll.

Was wir von den neuen Features halten – und worauf wir uns noch freuen!

Alles in allem sind wir erst einmal beeindruckt. Nach der Adobe MAX gibt es immer einige neue Features zu entdecken, aber uns scheint, als hätte Adobe einen besonderen Fokus bei Photoshop gesetzt. So gibt es neben den AI-Features auch einige Verbesserungen an den Einstellungsebenen und anderen bekannten Tools.

Unser Favorit aus dem Workflow ist das neue Harmonize-Feature, dicht gefolgt von der Referenz-Funktion für das Generative Füllen, auf die wir uns schon in der offiziellen Photoshop-Variante freuen. Bis dahin beschäftigen wir uns weiter mit der Beta, in der ihr immer wieder eine Vorschau darauf erhaltet, was in den nächsten Monaten passiert.

Verbesserungswürdig finden wir einige Details: etwa die Ungenauigkeiten, die beim Generativen Füllen manchmal zugunsten der Szenen-Harmonie einbaut. Das kann, besonders bei feinen Arbeiten, mehr Vorarbeit beim Freistellen nötig machen. Aber wer das Designhandwerk beherrscht, sollte auch damit keine Probleme haben.

Aber was kommt als Nächstes? Darauf hat Adobe bei der MAX bereits einen Ausblick gegeben und wir sind vor allem auf ein Feature sehr gespannt: den Creative Agent in Photoshop, der nicht nur in einem Chat Feedback zu Komposition und Kontrasten eines Designs liefern können soll (denkt nur an die Möglichkeiten für barrierefreies Design!), sondern auch auf Knopfdruck Ebenen passend benennt. Damit könnte Adobe den nächsten wichtigen Schritt machen, um Designer:innen zur Hand zu gehen.



Source link

UX/UI & Webdesign

Was ist eigentlich Accompanying Content? › PAGE online


Wer viel mit Online-Videowerbung zu tun hat, sollte sich das genauer anschauen. Denn begleitende Inhalte können die User-Experience verbessern und haben immer größeren Einfluss auf zukünftige Videowerbeformate im Web.

Was ist eigentlich Accompanying Content? › PAGE online

Das digitale Video-Ökosystem sortiert sich neu; nicht erst seit gestern. Ein erneuertes Marktumfeld entsteht, in dem »Accompanying Content« eine zunehmend wichtige Rolle spielt. Diese Content-Art wird zum Baustein – und der wird zukünftig für Reichweitenaufbau und Markenkommunikation immer relevanter. Daher lohnt es für Publisher, Werbungtreibende, Kreativagenturen und Tech-Anbieter, sich damit auseinanderzusetzen.

Bei einigen Werbungtreibenden der Kreativbranche mag das längst angekommen sein, bei anderen vielleicht weniger. PAGE fasst die Thematik  zusammen und erklärt anhand eines Whitepapers vom BVDW, wo die Vorteile liegen können.

Das Video-Ökosystem

Um zu verstehen, dass es heutzutage Mischformen von Online-Videowerbung gibt, sollte man sich kurz nochmals vor Augen führen, wie das Video-Ökosystem bislang aufgebaut war. Es gab die »Instream-(Click-to-Play)-Videos, die vor, während oder nach einem Hauptvideo abgespielt werden«. Und es gab »die Outstream-Videoanzeigen in textbasierten Umfeldern, also außerhalb von Video-Content«.

Im Zuge der Entwicklungen von Mischformen hatte das IAB Tech Lab eine neue Kategorie geschaffen: Accompanying Content. Das sind begleitende Inhalte, die vor, während oder nach Videos zu sehen sind. Das Ganze wird automatisch abgespielt und ohne Unterbrechung der Streams. Dies war ein wichtiger Schritt, um die Marktstruktur hinsichtlich Preisen, Budgets oder Kampagnenqualität wieder transparenter und vergleichbarer zu machen.

Per definitionem ist die Kategorie wie folgt beschrieben:

»Accompanying Content (plcmt=2) beschreibt Pre-Rolls, Mid-Rolls oder Post-Rolls, die vor, während oder nach einem Content Stream wiedergegeben werden, wobei der Player in Text- oder Bildinhalte eingebettet ist. Die Wiedergabe startet per Autoplay ohne Ton, sobald der Player in den sichtbaren Bereich der Nutzer:innen gelangt. Beim Scrollen kann der Player in ein Sticky- oder Floating-Format wechseln. Der Ton kann optional von Nutzer:innen aktiviert werden.« (Quelle: IAB Tech Lab)

Unterscheidungsmerkmal User Intent

Für Kampagnen und deren Videowerbungen sollten Kreative und Werbeplanner sich die Unterscheidungsmerkmale genau ansehen, denn hier erschließt sich, wen man womit in welchem Format erreicht. Ein Beispiel: Bei Accompanying Content konsumiert ein:e User primär Text- oder Bild-Inhalte, das Video läuft nur ergänzend. Beim klassischen Instream besteht seitens der User der klare Wunsch, ein Video zu sehen. Das lässt Rückschlüsse auf Gestaltungselemente und Formate ziehen, die man einplanen sollte.

Weitere Unterscheidungsmerkmale finden sich im Whitepaper.

Harmonisch eingebettet, ohne zu stören

Im Paper sind außerdem einige Vorteile für Werbungtreibende aufgelistet. Diese betreffen Reichweite und Skalierbarkeit, Zielgruppenansprache und Relevanz, Sichtbarkeit und Werbewirkung, Kosten sowie Messbarkeit.

Wenn Werbeinhalte näher an den jeweils relevanten Contents integriert werden können, beispielsweise innerhalb eines Artikel-Layouts, lässt sich bestenfalls die Akzeptanz der User erhöhen. Weil Accompanying Content – ergänzender Content automatisch (Autoplay, muted) – in die User Experince im Web »harmonischer eingebettet ist«, kommt die Botschaft besser an. Das Stichwort dazu lautet qualitativ hochwertige Content-Nähe, ohne den eigentlichen Lesefluss von Usern zu stören.

Visuelle Einbettung fürs Auge

Ebenso die visuelle Einbettung im Design der jeweiligen Website ist enorm wichtig, denn nur so lassen sich rundum sehr gute Nutzungserlebnisse schaffen. Hier sind dann nicht nur die Werbungtreibenden oder die Kampagnenentwickler:innen gefragt, sondern auch Webdesigner:innen. Man sieht, dass hier viele verschiedene Akteure teilhaben, wenn Accompanying Content sinnvoll geplant und umgesetzt wird.

Die Bedeutung von begleitenden Inhalten für Videowerbung steigt, die Bewegtbildnutzung verlagert sich zunehmend ins Open Web. Gründe genug, sich das Thema anzuschauen. Zum Whitepaper.



Source link

Weiterlesen

UX/UI & Webdesign

L’Université Claude Bernard Lyon 1 ändert Name und Logo – Design Tagebuch


Die L’Université Claude Bernard Lyon 1, eine der größten Hochschulen Frankreichs, ändert ihren Namen in „Lyon 1 Université“. Damit verbunden ist die Umstellung auf ein neues Corporate Design.

Mit über 47.000 Studierenden gehört die L’Université Claude Bernard Lyon 1 zu den größten Hochschulen Frankreichs. Sie ist Teil der Université de Lyon. Bis Ende der 1960er Jahre gab es in Lyon nur eine einzige große staatliche Universität (l’Université de Lyon). Infolge der Studentenproteste vom Mai 1968 wurde durch das sogenannte Loi Edgar Faure (1968) beschlossen, die riesigen, zentralisierten Universitäten Frankreichs in kleinere, autonomere Einheiten aufzuteilen. Die Verwendung der Ziffer „1“ geht auf eine tiefgreifende Reform des französischen Hochschulsystems im Jahr 1970 zurück.

In Lyon führte dies im Dezember 1970 zur Gründung von zunächst zwei (später drei) eigenständigen Universitäten, die zur Unterscheidung schlicht durchnummeriert wurden: Lyon 1 – (Claude Bernard): Zusammenschluss der ehemaligen Fakultäten für Naturwissenschaften und Medizin. Lyon 2 – (Lumière): Fokus auf Geistes-, Sozial- und Rechtswissenschaften (später folgte eine weitere Abspaltung). Lyon 3 – (Jean Moulin): Entstand 1973 durch eine Abspaltung von der Lyon 2 (Schwerpunkte: Rechtswissenschaften, Sprachen und Betriebswirtschaft). Die „1“ im Namen ist also das Erbe der Dezentralisierung von 1970, durch die die spezialisierten Teiluniversitäten in Lyon entstanden sind.

Lyon 1 Université Logo – vorher und nachher, Bildquelle: Lyon 1 Université, Bildmontage: dt
Lyon 1 Université Logo – vorher und nachher, Bildquelle: Lyon 1 Université, Bildmontage: dt

Vor wenigen Tagen hat die Universität eine Umbenennung und ein damit einhergehendes Rebranding angekündigt. Künftig tritt die Universität unter dem Namen „Lyon 1 Université“ auf. Die Ziffer „1“ wird auf diese Weise von einer rein administrativen Nummer zu einem zentralen Bestandteil des Eigennamens. In gewisser Weise unterstreicht die Uni damit ihren Führungsanspruch als wissenschaftliche Institution der Stadt.

Premiere feierte das mit einem rot-magentafarbenen Verlauf ausgestattete Universitätslogo im Rahmen der Zeremonie zum Gelübde von Bruno Lina, seit 12. Januar Präsident der Uni. Das neu geschaffene Logo löst das im Jahr 2007 eingeführte Logo mit Farbringen und eingebetteter UCLB-Wortmarke ab.

Wie die Uni mitteilt, wurde das Logo / Corporate Design in einem mehrmonatigen Prozesses unter Einbindung von fast 1.000 Mitarbeitern und Studenten entwickelt. Entsprechende Workshops zur Neugestaltung der Marke wurden durchgeführt, Umfragen durchgeführt und ausgewertet. „Wir wollten ein lesbares und modernes Logo“, so die Uni. Das Design sei das Ergebnis einer kollektiven Reflexion und eines partizipativen Prozesses. „Für die Schaffung des neuen Lyon 1 University-Logos haben wir nach einem zeitgenössischen Zeichen gesucht, das in der Lage ist, die aktuellen Ambitionen unserer Universität zu verkörpern, in der sich jeder gegenseitig erkennen und ein kollektives Stolzmuster finden kann“, wie es in der von der Uni veröffentlichten Meldung zum Rebranding heißt.

Die Umstellung auf das neue Design solle schrittweise ab dem ersten Quartal 2026 erfolgen.

Mediengalerie


Weiterführende Links



Source link

Weiterlesen

UX/UI & Webdesign

NEW STANDARD.S kurbelt Kreislaufwirtschaft an › PAGE online


Das Berliner Designstudio NEW STANDARD.S macht vieles eindrucksvoll anders. Es setzt sich für Nachhaltigkeit und Klimaschutz ein – und launcht jetzt ein Pro-bono-Programm zur Stärkung zirkulärer Start-ups. Noch kann man sich bewerben!

NEW STANDARD.S kurbelt Kreislaufwirtschaft an › PAGE online
© Philotheus Nisch

»Unsere Branche – Werbung und Kommunikation – ist für die Klimakrise mitverantwortlich«, heißt es von dem Designstudio NEW STANDARD.S aus Berlin-Neukölln. »So wie wir Teil des Problems sein können, können wir auch Teil der Lösung sein«.

Und dafür setzten sich die Kreativen mit gezielten Kampagnen und Corporate Designs ein – und jetzt auch mit einem jährlichen Pro-bono-Programm, das zirkuläre Start-ups unterstützen möchte.

Damit möchte das Studio die Transformation zur Kreislaufwirtschaft, beschleunigen.

Noch bis zum 31. Januar 2026 können sich Start-Ups aus der Circular Economy bewerben. Und das für ein Programm, in dessen Mittelpunkt ein sechswöchiger Brand- und Communication-Sprint (Gegenwert: 50.000 Euro) mit Fokus auf Marke, Messaging und Pitch Deck steht.

Zirkuläre Marken stark machen

Und nicht nur die Expertise von NEW STANDARD.S, sondern auch ihr Portfolio ist eindrucksvoll. Darin finden sich Kampagnen für den A-GAIN Guide gegen Fast Fashion, für Zero Waste und dazu unterstützt das Studio den »Kreisler« Reparatur- und Leihladen.

Gemeinsam mit dem zirkulären Start-up, das ausgewählt wird, arbeitet NEW STANDARD.S an zentralen Grundlagen der Markenführung, an der Identity, verständlichem Messaging sowie der Überarbeitung oder Entwicklung eines überzeugenden Pitch Decks.

Viele Circular Start-ups hätten bereits funktionierende Lösungen, tragfähige Geschäftsmodelle und böten echte Alternativen, häufig aber fehle ihnen eine Marke, die das vorhandene Potenzial klar und überzeugend vermittelt, heißt es von Maximilian Mauracher, Mitgründer und Geschäftsführer von NEW STANDARD.S.

Wer das ändern möchte, kann sich für das Pro-bono-Programm bewerben.

Dafür gibt es keine formalen Branchen- oder Größenanforderungen. Voraussetzung ist allein, dass man als Start-up die Phase der reinen Ideenfindung hinter sich hat und eine marktreife oder bereits getestete Lösung vorweisen kann.

 

Das könnte dich auch interessieren



Source link

Weiterlesen

Beliebt