Magic Canvas: ontwerp grafische afbeeldingen in je browser, met de hand of door het te zeggen

Het startscherm bestaat uit drie onderdelen. Beschrijf het, en aiKit maakt het: typ of dicteer wat je nodig hebt (voor wie het is, wat erin moet staan, de stijl) en kies een formaat uit de lijst, en klik daarna op Mijn ontwerp maken. De editor opent en de opmaak wordt gebouwd als echte lagen die je kunt aanpassen; wat aiKit niet kon doen, staat eerst vermeld onder Nog niet gedaan. Feiten zoals telefoonnummers, prijzen en adressen worden alleen gebruikt als je ze zelf hebt ingetypt; anders zie je een tijdelijke aanduiding tussen haakjes, zoals [Telefoon], om in te vullen.

Of begin met een leeg formaat: de tabbladen Social, Print, Web en E-mail tonen formaten met een klein beeldje van hun vorm (Instagram-post 1080 × 1350, Story 1080 × 1920, Flyer 8,5 × 11 inch, Visitekaartje 3,5 × 2 inch, Poster 18 × 24 inch, Webbanner 1920 × 800, en de standaard e-mailformaten van 600 breed: header 600 × 200, herobanner 600 × 300, afbeelding 600 × 400 en twee kolommen 300 × 300, die standaard in 2× worden gedownload zodat ze scherp blijven op telefoons). Aangepast formaat neemt elke breedte en hoogte in pixels of inches en waarvoor het is; inches betekent print. Foto bewerken opent een afbeelding van je computer op de eigen grootte.

Mijn ontwerpen toont de ontwerpen die je hebt opgeslagen (nieuwste eerst, met een beeldje van elk), doorzoekbaar op naam. Klik er een aan om hem opnieuw te openen met alle lagen nog bewerkbaar. Elk ontwerp heeft een eigen adres, dus je kunt het bookmarken of de link naar een teamlid op jouw account sturen.

Bovenaan: Ontwerpen (terug naar het startscherm), de naam van het ontwerp (klik om te hernoemen), het formaat, Ongedaan maken en Opnieuw, zoom (min, het percentage, plus; klik op het percentage om de pagina in beeld te passen), de Pro-schakelaar, Ontwerp opslaan en Downloaden. Op een trackpad of muiswiel verplaatst scrollen de pagina en zoomt knijpen (of Ctrl/⌘ + scrollen).

Links staat de balk: Assets, Tekst, Vormen, Foto's, Merk, Lagen en Geschiedenis. Elk opent zijn paneel naast de balk; klik er nogmaals op om het paneel te sluiten en de pagina meer ruimte te geven. In het midden staat de pagina op een grijs bureau. Rechts staan de instellingen van wat is geselecteerd, of van de pagina zelf als er niets is geselecteerd. Onder de pagina staat de AI-balk.

Drukformaten tonen twee hulplijnen die nooit worden afgedrukt: de volle rode lijn is waar het papier wordt gesneden (de snede), en de gestreepte blauwe lijn binnenin is het veilige gebied. Houd woorden en logo's binnen de gestreepte lijn. Kleuren en foto's die tot de rand van het papier moeten lopen, moeten voorbij de rode lijn doorlopen tot de buitenrand van de pagina (die extra 1/8 inch is de afloop).

Eenvoudig is de standaard. Zet Pro aan om de exacte positie- en formaatwaarden (X, Y, B, H en draaihoek in graden) en mengmodi (Vermenigvuldigen, Scherm, Overlay en de rest) voor elke laag te zien. Je keuze wordt in deze browser onthouden.

Tekst: voeg een kop, een subkop of lopende tekst toe en dubbelklik er daarna op de pagina om te typen. Als tekst is geselecteerd, staan rechts het lettertype (31 lettertypen in groepen: Strak, Vet, Smal, Serif, Schrijfschrift, Handgeschreven, Speels, Retro), grootte, vet, cursief, onderstreping, Aa (wissel tussen HOOFDLETTERS en normaal), uitlijning, kleur (je merkkleuren staan bovenaan), letterafstand, regelhoogte, Curve (buig de tekst tot een boog of lach) en Effecten: Omlijning (met kleur en breedte) en Schaduw.

Vormen: rechthoek, afgeronde rechthoek, cirkel, driehoek, ster, lijn, pijl en hart. Als een vorm is geselecteerd, heb je vulling (of Geen vulling), randkleur en -breedte en voor rechthoeken de afronding van de hoeken. Een rechthoek achter tekst maakt een kleurband of label.

Foto's: Uploaden vanaf je computer (meerdere tegelijk), AI-afbeelding (beschrijf hem en klik op Afbeelding maken; dit duurt 20 tot 40 seconden en kost tokens), of kies uit je Grafische bibliotheek (zoek er direct in het paneel). Merk toont de kleuren en logo's uit de merkkits die je hebt opgeslagen in Logo Kit: klik op een kleur om de selectie te kleuren (of de achtergrond als er niets is geselecteerd), klik op een logo om het toe te voegen.

Het tabblad Kleur is een volledige kleurkiezer: sleep in het vierkant voor verzadiging en helderheid en op de strook voor tint, of typ HEX-, RGB-, HSB- of CMYK-waarden; wissel bovenaan tussen de voorgrond- en achtergrondkleur; merkkleuren, recente kleuren en stalen zijn met één klik te kiezen, en de systeemkiezer heeft een pipet voor het scherm. Klikken op de kleurvakjes onderaan de werkbalk opent deze ook.

Selecteer een foto om de bijbehorende tools te zien. Snelle aanpassingen: Achtergrond verwijderen en 2× vergroten werken gratis op je eigen apparaat (het eerste gebruik downloadt het gratis model één keer). Magische effecten, ook gratis op je apparaat: Automatisch verbeteren meet het licht en de kleur van de foto en stelt helderheid, contrast, kleur en een beetje scherpte daarop in, en vertelt je wat er is veranderd; Kleuren versterken geeft kleuren meer pit zonder huidtinten geschilderd te laten lijken.

Kleurlook past het kleurprofiel van de foto aan: Natuurlijk, Petrol & oranje, Gouden uur, Film, Mat, Cinematisch, Pastel, Noir en Pop. Duotoon schildert de foto in twee kleuren (donkere delen in de eerste, lichte delen in de tweede); het begint met je merkkleuren als je die hebt. Onderwerpeffecten zoeken het onderwerp op je apparaat: Portretvervaging vervaagt de achtergrond erachter, Kleurspatten maakt de achtergrond zwart-wit terwijl het onderwerp zijn kleur houdt, en Sticker knipt het onderwerp uit met een witte rand en een zachte schaduw.

Schuiven: Levendigheid, Verscherpen, Filmkorrel en Pixelkunst, daarna Helderheid, Contrast, Verzadiging, Warmte en Vervagen, en filters met één tik (Zwart-wit, Sepia, Vintage, Levendig, Koel, Warm, Verbleekt). Aanpassingen herstellen zet de schuiven en filters terug. Bijsnijden toont een gestreept kader: sleep en verklein of vergroot het, en klik daarna op Bijsnijden (of Annuleren). Vormen zet de foto in een cirkel, afgeronde rechthoek, ster of hart. Spiegelen keert de foto om.

Voor elke geselecteerde laag: Doorzichtigheid (hoe transparant de laag is), Positie op de pagina (links, midden, rechts, boven, midden, onder; gemeten tot het veilige gebied bij drukformaten), Naar voren, Naar achteren, Dupliceren, Vergrendelen en Verwijderen. Tijdens het slepen toont een rode lijn wanneer de laag in het midden van de pagina staat, en hij schuift daar vast.

Het paneel Lagen toont alles, bovenaan begonnen, met een pictogram voor tekst, foto of vorm. Klik op een naam om die te selecteren, dubbelklik om hem te hernoemen (de AI gebruikt deze namen ook), en gebruik de pijltjes om de laag omhoog of omlaag te verplaatsen, het oogje om hem te verbergen of tonen, en het slotje om hem te vergrendelen zodat hij niet per ongeluk verschuift.

Toetsenbord: Delete of Backspace verwijdert wat is geselecteerd, ⌘Z maakt ongedaan, ⇧⌘Z maakt opnieuw, ⌘D dupliceert, ⌘C en ⌘V kopiëren en plakken, de pijltjestoetsen verschuiven (houd Shift ingedrukt voor grotere stappen), Escape wist de selectie. Gebruik op Windows Ctrl in plaats van ⌘.

Bestanden is de eerste knop in de linkerbalk, en het startscherm heeft hetzelfde vak onder Beschrijf het (Voeg je logo, foto's of een ontwerp toe om op te laten lijken). Voeg maximaal 6 afbeeldingen toe: sleep ze naar het vak, plak er één (⌘V of Ctrl+V overal op de pagina), klik op Uploaden, of klik op Grafische bibliotheek om afbeeldingen te kiezen die je al hebt (klik op een afbeelding om die toe te voegen, klik er nogmaals op om die weer te verwijderen). Elke upload wordt opgeslagen in je Grafische bibliotheek, in de map Magic Canvas/Assets, zodat hij later voor elke tool beschikbaar is.

Elk bestand heeft een naam die je kunt wijzigen en een soort: Logo (wordt op het ontwerp geplaatst), Foto (wordt in het ontwerp gebruikt), Product (groot getoond) of Stijl om op te lijken (wordt nooit geplaatst; aiKit kopieert de look: kleuren, het gevoel van de lettertypen, de indeling en de sfeer). aiKit bekijkt echt elk bestand bij elk verzoek dat je doet, dus “gebruik mijn logo”, “zet de productfoto links” of “maak het zoals de flyer die ik heb toegevoegd” werken gewoon met gewone woorden. De + bij een bestand plaatst het zelf op de pagina; × haalt het van de lijst (het blijft in je Grafische bibliotheek).

Onder de pagina toont een kleine rij wat aiKit bij je volgende verzoek gebruikt: Ziet 3 bestanden (klik om Bestanden te openen) en de stijl die in gebruik is, indien aanwezig. Wanneer je een ontwerp wijzigt, krijgt aiKit ook een beeld van hoe de pagina er nu uitziet, zodat “de foto is te donker” of “de woorden zijn moeilijk leesbaar” begrepen wordt zoals jij het ziet. Een afbeelding direct op de pagina slepen plaatst die daar.

Geschiedenis is de laatste knop links in de zijbalk. De versiegeschiedenis toont elk moment van het ontwerp, nieuwste eerst: elk AI-verzoek (Gemaakt met AI, Gewijzigd met AI), elke ronde handmatige wijzigingen (Handmatig gewijzigd), elke keer dat je iets terugzet en elke gemaakte versie. Een ronde handmatige wijzigingen wordt ongeveer 20 seconden nadat je stopt een eigen moment, en een opgeslagen ontwerp slaat zichzelf tegelijk op, zodat er niets verloren gaat, ook al sluit je het tabblad. Elk moment wordt bewaard bij het ontwerp (tot 500 per ontwerp; benoemde versies blijven altijd bewaard), dus wanneer je een ontwerp opnieuw opent via Mijn ontwerpen, of de link op een andere computer opent, komt de volledige geschiedenis terug.

Elk moment toont een kleine afbeelding van het ontwerp op dat moment, de tijd en de AI-kosten, je eigen woorden tussen aanhalingstekens, en bij handmatige wijzigingen een korte regel met wat er veranderde (bijvoorbeeld 2 wijzigingen: “Zomeractie”-tekst · A-cirkelkleur). Details opent wat aiKit heeft gedaan, wat het niet heeft gedaan, de stijl (kleurstippen plus de lettertypen), het formaat, eventuele versielabels, de gebruikte bestanden en Precies wat aiKit gevraagd werd: het verzoek zoals aiKit het ontving (formaat, jouw woorden, de bestanden en hun soorten, de stijl die het moest gebruiken).

Benoem deze versie, bovenaan, geeft het ontwerp zoals het nu is een naam en een optionele notitie, zoals Naar de klant gestuurd, vóór de kleurverandering. Benoemde versies worden gemarkeerd met een bladwijzer en een gekleurde rand, en Benoemen (of Hernoemen) bij elk moment geeft die een naam. De filters boven de lijst tonen Alles, Benoemd, AI of Handmatig. Verwijder de naam (onder Details) maakt een benoemde versie weer een gewoon moment.

Knoppen bij elk moment: Terugzetten (het ontwerp keert terug naar dat moment, als een nieuw moment, en ⌘Z maakt dit ongedaan), Vergelijk met nu, Benoemen, en Vanaf hier beginnen (opent een nieuw, apart ontwerp vanaf dat moment, zodat het ontwerp waaraan je werkt ongewijzigd blijft). Onder Details: Deze stijl gebruiken (je volgende AI-verzoek gebruikt die lettertypen en kleuren) en Stijl opslaan (geef een naam om hem te bewaren).

Vergelijken toont de twee naast elkaar of met een schuifregelaar, en onder de afbeeldingen een lijst Wat er veranderde, één regel per laag: Toegevoegd, Verwijderd of Gewijzigd, met in woorden wat er veranderde (de oude en nieuwe woorden, verplaatst, vergroot of verkleind, gedraaid, kleur, lettertype, lettergrootte, transparantie, verborgen, omlijning, schaduw, fotolook, bijgesneden, naar voren of naar achteren gehaald, en de achtergrond). Wanneer je een moment met nu vergelijkt, heeft elke regel de knop Dit onderdeel terugzetten (die laag keert terug zoals hij toen was, of een laag die was verwijderd komt terug) of Verwijderen (voor een laag die sindsdien is toegevoegd), en de rest van het ontwerp blijft zoals het nu is; ⌘Z maakt dit ongedaan. Alles terugzetten zet het hele ontwerp terug naar dat moment.

Om twee willekeurige momenten te vergelijken, vink je het vakje rechts van twee momenten aan en druk je op Deze 2 vergelijken: de oudste staat links, de lijst Wat er veranderde loopt van oud naar nieuw, en je kunt een van beide terugzetten.

Opgeslagen stijlen staan bovenaan Geschiedenis. Deze stijl van het ontwerp opslaan leest de lettertypen, hoofdkleuren en achtergrond van de pagina en vraagt om een naam. Gebruiken zet een stijl op je volgende AI-verzoeken (onder de pagina wordt Stijl: naam getoond, met × om te stoppen); het startscherm heeft ook een lijst Stijl, zodat een helemaal nieuw ontwerp in jouw huisstijl begint. Stijlen horen bij je werkruimte, dus iedereen in je team kan ze gebruiken.

Versies, in de bovenbalk, opent drie keuzes. Dupliceren maakt een kopie van het ontwerp (met de geschiedenis) en opent die, zodat je een idee een eigen richting kunt geven terwijl het eerste ongewijzigd blijft. Versies maken… vraagt aiKit om 2 tot 6 versies. Alles vergelijken toont elke versie naast elkaar. Dupliceren en Versies maken staan ook onder elk AI-resultaat, naast Deze AI-wijziging ongedaan maken.

Kies bij Versies maken hoeveel (2–6) en beschrijf in je eigen woorden hoe ze moeten verschillen: “3 flyers voor verschillende doelgroepen: senioren, studenten en gezinnen”, “probeer andere koppen”, “een vierkante post, een verhaal en een banner”, “één als korte video”. De chips onder het vak voegen veelgebruikte opties toe. Laat het leeg en aiKit varieert de indeling, de kop en de kleuren. Als er iets op de pagina is geselecteerd, houdt Alleen geselecteerde wijzigen alles de rest hetzelfde (bijvoorbeeld drie varianten van de kop). Je feiten (namen, data, prijzen, aanbiedingen) blijven in elke versie hetzelfde; wat aiKit niet wist staat als [tijdelijke aanduiding].

De versies worden na elkaar gemaakt, met een regel voor elk: waarvoor het is, het formaat, wat aiKit heeft gewijzigd, wat niet is gedaan, en Openen. Een versie op een nieuw formaat wordt opnieuw opgemaakt voor dat formaat, op basis van je ontwerp, je bestanden en de foto's die er al in staan. Elke versie is een eigen ontwerp met een eigen geschiedenis, opgeslagen naast het origineel. Versies met het label Video zijn ingesteld om geanimeerd te worden.

Zodra een ontwerp versies heeft, loopt er een strook Versies over de bovenkant: klik er een aan om hem te openen (elk heeft een eigen link), en Alles vergelijken om ze samen te zien en Deze openen om verder te werken. Elke versie kost ongeveer 1–2¢ aan AI; AI-afbeeldingen kosten elk 5¢.

Typ of dicteer elke wijziging in de balk onder de pagina en druk op Uitvoeren: “maak de achtergrond donkerder”, “verplaats het logo naar rechts boven”, “buig de kop en maak hem goud”, “warmere foto met een filmlook”, “vervaag de achtergrond achter de persoon”, “voeg een rode SALE-badge toe in de hoek”. Op een lege pagina maakt dezelfde balk een compleet ontwerp. aiKit leest je lagen (hun namen, woorden, formaten en plekken) en past ze aan; niets wordt helemaal opnieuw getekend.

Elk verzoek wordt behandeld als een checklist. Wat niet is gedaan, wordt eerst getoond onder Nog niet gedaan, met de reden (bijvoorbeeld: een persoon uit een foto verwijderen kan hier niet). De rest staat in de lijst met een vinkje. Deze AI-wijziging ongedaan maken zet het ontwerp precies terug zoals het was; gewone Ongedaan maken werkt ook. Onder elk resultaat kun je het beoordelen met een duim omhoog of omlaag en aangeven wat er misging; Versturen en repareren vraagt aiKit het opnieuw te proberen met jouw opmerking.

Ontwerp opslaan bewaart het hele ontwerp met alle lagen, zodat je het weer kunt openen via Mijn ontwerpen en verder kunt bewerken. Foto's die je hebt geüpload of met AI hebt gemaakt, worden de eerste keer dat je opslaat in je Grafische bibliotheek gezet (map Ontwerpen/Foto's), zodat het ontwerp klein blijft en op elke computer opent.

Openen in Pro Designer (naast Downloaden) zet het afgeronde ontwerp in je Grafische bibliotheek en opent het in Pro Designer, zodat je het met Photoshop-achtige hulpmiddelen met de hand kunt afwerken.

Downloaden opent één venster. Bestandstype: PNG (scherpst, behoudt transparante delen), JPG (kleiner; kies Beste, Hoog of Kleiner bestand), PDF (voor drukformaten: 300 dpi met de 1/8 inch afloop, snijmerken aan of uit, en het snijformaat ingesteld in het bestand zodat drukkerijen het zien; voor andere formaten één pagina in het formaat van het ontwerp), of SVG (tekst en vormen blijven vector; lettertypen worden gekoppeld). Voor schermformaten kies je 0.5×, 1×, 2× of 3×. Waar het naartoe gaat: Downloaden naar deze computer, of Opslaan in Grafische bibliotheek met een naam, categorie, tags, klant en project; het opgeslagen bestand linkt direct naar zijn plek in de bibliotheek.