1.2.4 Automatisering med kontakter

Du kommer nu att börja använda de färdiga anslutningarna i Workfront Fusion för Photoshop och du kopplar ihop Firefly Text-2-Image-begäran och Photoshop-förfrågningarna till ett enda scenario.

1.2.4.1 Duplicera och förbered ditt scenario

Gå till Scenarier på den vänstra menyn och markera mappen --aepUserLdap--. Du bör sedan se scenariot som du skapade tidigare, med namnet --aepUserLdap-- - Adobe I/O Authentication.

Klicka på pilen för att öppna listrutan och välj Klona.

Ange namnet för det klonade scenariot till --aepUserLdap-- - Firefly + Photoshop och välj lämpligt målteam. Klicka på Lägg till om du vill lägga till en ny webkrok.

Ange Webkrok-namnet till --aepUserLdap-- - Firefly + Photoshop Webhook. Klicka på Spara.

Du borde se det här då. Klicka på Spara.

Du borde se det här då. Klicka på modulen Webkrok.

Klicka på Kopiera adress till Urklipp och klicka sedan på Kontrollera datastrukturen igen.

Öppna Postman. Lägg till en ny begäran i samma mapp som du använde tidigare.

Kontrollera att följande inställningar används:

Gå till Body och ställ in Body Type på raw - JSON. Klistra in följande nyttolast i Body.

{
    "psdTemplate": "citisignal-fiber.psd",
    "xlsFile": "placeholder",
    "prompt":"misty meadows",
    "cta": "Buy this now!",
    "button": "Click here to buy!"
}

Denna nya nyttolast säkerställer att all variabelinformation tillhandahålls utanför scenariot i stället för att den hårdkodas i scenariot. I ett företagsscenario måste ett scenario definieras på ett återanvändbart sätt, vilket innebär att ett antal variabler måste anges som indatavariabler i stället för att de ska vara hårdkodade i scenariot.

Du borde ha den här då. Klicka på Skicka.

Workfront Fusion-webbkroken väntar fortfarande på indata.

När du har klickat på Skicka bör meddelandet ändra tp har identifierats. Klicka på OK.

1.2.4.2 Uppdatera Firefly T2I-modul

Högerklicka på modulen Firefly T2I och välj Ta bort modul.

Klicka på ikonen +, ange söktermen firefly och välj sedan Adobe Firefly.

Välj Generera en bild.

Dra och släpp modulen Adobe Firefly så att den ansluter till modulen Router.

Klicka på modulen Adobe Firefly för att öppna den och klicka sedan på Lägg till för att skapa en ny anslutning.

Fyll i följande fält:

Du hittar klient-ID och Klienthemlighet för ditt Adobe I/O-projekt här.

När du har fyllt i alla fält klickar du på Fortsätt. Anslutningen valideras sedan automatiskt.

Välj sedan variabeln prompt som tillhandahålls till scenariot av den inkommande anpassade webkroken.

Ange sedan modellversionen prompt som image4-standard. Klicka på OK.

Innan du fortsätter måste du inaktivera den gamla vägen i scenariot som i den här övningen, du använder bara den nya vägen som du konfigurerar för tillfället. Det gör du genom att klicka på ikonen skiftnyckel mellan modulen Router och modulen iterator och välja Inaktivera flöde .

Klicka på Spara för att spara ändringarna och klicka sedan på Kör en gång för att testa konfigurationen.

Gå till Postman, verifiera frågan i din begäran och klicka sedan på Skicka.

När du klickat på Skicka går du tillbaka till Workfront Fusion och klickar på bubbleikonen i modulen Adobe Firefly för att verifiera informationen.

Gå till OUTPUT till Detaljer > url för att hitta URL:en för bilden som genererades av Adobe Firefly.

Nu bör du se en bild som representerar den fråga du skickade från Postman-begäran, i det här fallet mister meadows.

1.2.4.2 Ändra bakgrund för PSD-filen

Du kommer nu att uppdatera ditt scenario så att det blir smartare med fler färdiga anslutningar. Du kommer också att ansluta utdata från Firefly till Photoshop så att bakgrundsbilden av PSD-filen ändras dynamiskt med hjälp av utdata från Firefly Generate Image-åtgärden.

Du borde se det här då. Håll sedan pekaren över modulen Adobe Firefly och klicka på ikonen + .

Ange Photoshop på sökmenyn och klicka sedan på åtgärden Adobe Photoshop .

Välj Använd PSD-redigeringar.

Du borde se det här då. Klicka på Lägg till för att lägga till en ny anslutning till Adobe Photoshop.

Konfigurera anslutningen enligt följande:

Klicka på Fortsätt.

Om du vill hitta ditt klient-ID och klienthemlighet går du till https://developer.adobe.com/console/home och öppnar ditt Adobe I/O-projekt, som har namnet --aepUserLdap-- One Adobe tutorial. Gå till OAuth Server-to-Server för att hitta ditt klient-ID och din klienthemlighet. Kopiera dessa värden och klistra in dem i anslutningsinställningarna i Workfront Fusion.

När du har klickat på Fortsätt visas ett popup-fönster under tiden som dina autentiseringsuppgifter verifieras. När du är klar, borde du se det här.

Nu måste du ange filplatsen för den PSD-fil som du vill att Fusion ska arbeta med. För Lagring väljer du Azure och för Filplats anger du {{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/{{1.AZURE_STORAGE_SAS_READ}}. Placera markören bredvid den andra /. Titta sedan på de tillgängliga variablerna och bläddra nedåt för att hitta variabeln psdTemplate. Klicka på variabeln psdTemplate för att markera den.

Du borde se det här då.

Bläddra ända ned till Lager. Klicka på Lägg till objekt.

Du borde se det här då. Nu måste du ange namnet på det lager i Photoshop PSD-mallen som används för filens bakgrund.

I filen citisign-fiber.psd hittar du det lager som användes för bakgrunden. I det här exemplet heter det lagret 2048x2048-background.

Klistra in namnet 2048x2048-background i dialogrutan Workfront Fusion.

Bläddra nedåt tills du ser indata. Nu måste du definiera vad som ska infogas i bakgrundslagret. I det här fallet måste du välja utdata från modulen Adobe Firefly som innehåller den dynamiskt genererade bilden.

För Lagring väljer du Extern. För filplats måste du kopiera och klistra in variabeln {{XX.details[].url}} från utdata från modulen Adobe Firefly, men du måste ersätta XX i variabeln med sekvensnumret för modulen Adobe Firefly som i det här exemplet är 22.

Bläddra sedan nedåt tills du ser Redigera. Ange Redigera till Ja och ange Typ till Lager. Klicka på Lägg till.

Du borde se det här då. Därefter måste du definiera åtgärdens utdata. Klicka på Lägg till objekt under utdata.

Välj Azure för Lagring, klistra in {{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/citisignal-fiber-replacedbg.psd{{1.AZURE_STORAGE_SAS_WRITE}} under Filplats och välj vnd.adobe.photoshop under Typ. Klicka för att aktivera Visa avancerade inställningar.

Under Avancerade inställningar väljer du Ja om du vill skriva över filer med samma namn.
Klicka på Lägg till.

Du borde ha den här då. Klicka på OK.

Klicka på Spara för att spara ändringarna och klicka sedan på Kör en gång för att testa konfigurationen.

Gå till Postman, verifiera frågan i din begäran och klicka sedan på Skicka.

Du borde se det här då. Klicka på bubblan i modulen Adobe Photoshop - Tillämpa PSD-redigeringar .

Du kan nu se att en ny PSD-fil har skapats och sparats i ditt Microsoft Azure Storage-konto.

1.2.4.3 Ändra textlager i PSD-filen

Håll sedan pekaren över modulen Adobe Photoshop - Tillämpa PSD-redigeringar och klicka på ikonen + .

Välj Adobe Photoshop.

Välj Redigera textlager.

Du borde se det här då. Välj först din tidigare konfigurerade Adobe Photoshop-anslutning, som ska heta --aepUserLdap-- Adobe IO.

Du måste nu definiera platsen för indatafilen, som är utdata från föregående steg och under Lager, måste du klicka på + Lägg till objekt för varje lager som texten behöver ändras för.

För indatafilen väljer du Azure för indatafilens lagringsutrymme och ser till att du väljer utdata från den tidigare begäran, Adobe Photoshop - Tillämpa PSD-redigeringar, som du kan definiera så här: {{XX.data[].`_links`.renditions[].href}} (ersätt XX med sekvensnumret för den tidigare modulen Adobe Photoshop - Tillämpa PSD-redigeringar).

Klicka sedan på +Lägg till objekt under Lager för att börja lägga till de textlager som behöver uppdateras.

Det finns två ändringar att göra, CTA-texten och knapptexten i filen citisign-fiber.psd måste uppdateras.

Om du vill hitta lagernamnen öppnar du filen citisign-fiber.psd. I filen kommer du att märka att lagret som innehåller anropet till åtgärd har namnet 2048x2048-cta.

I filen citisign-fiber.psd kommer du också att märka att lagret som innehåller call to action har namnet 2048x2048-button-text.

Du måste först konfigurera de ändringar som ska göras i lagret 2048x2048-cta. Ange namnet 2048x2048-cta under Namn i dialogrutan.

Bläddra nedåt tills du ser Text > Innehåll. Välj variabeln cta från Webkroks nyttolast. Klicka på Lägg till.

Du borde se det här då. Klicka på +Lägg till objekt under Lager för att börja lägga till de textlager som behöver uppdateras.

Ange namnet 2048x2048-button-text under Namn i dialogrutan.

Bläddra nedåt tills du ser Text > Innehåll. Välj variabeln button från Webkroks nyttolast. Klicka på Lägg till.

Du borde se det här då.

Bläddra nedåt tills du ser Utdata. För Lagring väljer du Azure. Ange platsen nedan för filplatsen. Observera att variabeln {{timestamp}} har lagts till i filnamnet, som används för att säkerställa att alla filer som genereras har ett unikt namn. Ange även Type som vnd.adobe.photoshop.

{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/citisignal-fiber-changed-text-{{timestamp}}.psd{{1.AZURE_STORAGE_SAS_WRITE}}

Ange Type till vnd.adobe.photoshop. Klicka på OK.

Klicka på Spara för att spara ändringarna.

1.2.4.4 Webkrok-svar

När du har tillämpat dessa ändringar i din Photoshop-fil måste du nu konfigurera ett Webkrok-svar som skickas tillbaka till det program som aktiverat det här scenariot.

Håll pekaren över modulen Adobe Photoshop - Redigera textlager och klicka på ikonen + .

Sök efter webhooks och välj Webkrok.

Välj Webkrok-svar.

Du borde se det här då. Klistra in nyttolasten nedan i Body.

{
    "newPsdTemplate": ""
}

Kopiera och klistra in variabeln {{XX.data[]._links.renditions[].href}} och ersätt XX med sekvensnumret för den sista Adobe Photoshop - Redigera textlager -modulen, som i det här fallet är 30.

Aktivera kryssrutan för Visa avancerade inställningar och klicka sedan på Lägg till objekt.

Ange Content-Type i fältet Nyckel. Ange application/json i fältet Värde. Klicka på Lägg till.

Du borde ha den här då. Klicka på OK.

Klicka på Autojustera.

Du borde se det här då. Klicka på Spara för att spara ändringarna och klicka sedan på Kör en gång för att testa scenariot.

Gå tillbaka till Postman och klicka på Skicka. Uppmaningen som används här är mister-metadata.

Scenariot aktiveras sedan och efter en stund visas ett svar i Postman som innehåller URL:en för den nyligen skapade PSD-filen.

Som en påminnelse: när scenariot har körts i Workfront Fusion kan du visa information om varje modul genom att klicka på bubblan ovanför varje modul.

Med Azure Storage Explorer kan du sedan hitta och öppna den nya PSD-filen genom att dubbelklicka på den i Azure Storage Explorer.

Filen bör sedan se ut så här, med bakgrunden som ersätts av en bakgrund med mister-metadata.

Om du kör ditt scenario en gång till och sedan skickar en ny begäran från Postman via en annan uppmaning, kommer du att se hur enkelt och återanvändbart ditt scenario har blivit. I det här exemplet används den nya uppmaningen solöde.

Några minuter senare har en ny PSD-fil skapats med en ny bakgrund.

Nästa steg

Gå till 1.2.5 Frame.io och Workfront Fusion

Gå tillbaka till Creative Workflow Automation med Workfront Fusion

Gå tillbaka till Alla moduler