Zazzles designverktyg 101 – Datorversionen

Välkommen till Zazzles designverktyg – datorversionen! Om du vill läsa hjälpartikeln för mobil- eller appversionen, klicka här.

Designverktyget är den ultimata resursen för att anpassa din design. Den här artikeln fokuserar på datorversionen av verktyget och ger en detaljerad översikt över dess funktioner och hur det fungerar. Den innehåller också steg-för-steg-instruktioner för vanliga uppgifter.

Hoppa till en sektion i den här artikeln:

1. Video – Rundtur i designverktyget och hur man skapar en inbjudan
2. Allmän information
3. Delar av designverktyget för dator
4. Riktlinjer
5. Designelement och grundläggande åtgärder

Video – Rundtur i designverktyget och hur man skapar en inbjudan

Allmän information

Zazzles designverktyg finns tillgängligt i webbläsare på dator, i mobila webbläsare och i Zazzle-appen. För bästa upplevelse och effektivitet rekommenderar vi att använda datorversionen.

1. Så här kommer du åt designverktyget
   • Från en produktsida med en befintlig design: Klicka på knappen "Anpassa denna design", och klicka sedan på "Redigera med designverktyget".
   • Från en sida för Skapa själv- eller tom produkt: Klicka på knappen "Lägg till din design".
2. Så här avslutar du designverktyget
   • När du är klar med din design, klicka på knappen "Klar" uppe i högra hörnet för att återgå till produktsidan.
3. Spara din design
   • Om du är inloggad sparas alla ändringar du gör automatiskt i ditt konto under "Sparade designer".
     Annars kommer din design fortfarande finnas kvar om du återvänder till samma URL i samma webbläsare.

Delar av designverktyget för dator

Toppmeny

Toppmenyn ger snabb åtkomst till viktiga funktioner och inställningar. Den innehåller alternativ för att redigera, samarbeta, öppna inställningar och spara ändringar. Här finns också knapparna Dela och Klar för att dela din design eller avsluta verktyget.

1. Redigera - Här hittar du vanliga kommandon som Kopiera, Klistra in, Markera allt med mera.
2. Samarbete - Skapa en länk som du kan dela med andra för att samarbeta på samma design.
3. Inställningar - Här hittar du ytterligare inställningar som du kan slå på eller av om du vill anpassa hur designverktyget fungerar och ser ut.
4. Hjälp - Få snabb åtkomst till mer information som hjälper dig använda designverktyget, inklusive länkar till kortkommandon, riktlinjeinformation och Hjälpcentret.
5. Klar - Klicka här för att avsluta designverktyget.
6. Dela - Skapar en länk som du kan dela med andra för att samarbeta på samma design.

Vänster verktygsfält

Det vänstra verktygsfältet i Zazzles designverktyg ger snabb åtkomst till viktiga designfunktioner som att lägga till bilder, text, former och justera lager för exakt anpassning. Det fungerar som utgångspunkt för att skapa och redigera designelement.

1. Uppladdningar - Här kan du ladda upp egna bilder. Du kan också enkelt ladda upp foton från din mobil genom att klicka på "Ladda upp från mobilen" och följa instruktionerna på skärmen.
2. Text - Med den här funktionen kan du lägga till egen text i din design. Senare kan du justera teckensnitt, storlek, färg och justering för att ytterligare anpassa texten.
3. Element - Här kan du lägga till olika former eller skapa en QR-kod. För att skapa en QR-kod klickar du på "Lägg till QR-kod", och anger sedan din URL i dialogrutan.
4. Ikoner - Här kan du välja bland våra tillgängliga ikoner och lägga till dem i din design.
5. Bakgrund - Här kan du ställa in en bakgrund för din design. Du kan ladda upp en egen bild, välja en färg eller använda någon av våra färdiga bakgrunder.
6. Produkt - Här ser du mer information om produkten du tittar på, som produktbeskrivning, storlek, mått, material och mer.
7. Lager - I den här fliken kan du ändra visningssidan för designytan, t.ex. "Framsida" eller "Baksida", om du vill designa på olika sidor. Du kan också hantera de individuella lagren i designen för exakt redigering.
8. Hjälp - Här hittar du kortkommandon som gör ditt arbetsflöde mer effektivt. Du kan också läsa mer om riktlinjerna: Bleed (röd), synlig yta (blå) och säker yta (grön).

Designytan (Canvas)

Canvasen är din huvudsakliga arbetsyta där designen skapas och visualiseras. Här placerar, arrangerar och redigerar du alla element för att skapa din produktdesign. Den visar justeringar och förhandsvisningar i realtid.

1. Designområdesetikett - Finns uppe i vänstra hörnet av designytan och visar vilket designområde du befinner dig i, t.ex. "Framsida" eller "Baksida". Genom att klicka på den öppnas panelen Lager, där du kan byta designområde vid behov.
2. Verktygsfält längst upp - Här hittar du vanliga åtgärder som kan utföras på designelement.
   1. Ångra, Gör om - Gör det möjligt att snabbt ångra eller upprepa åtgärder under designprocessen för effektiv redigering. Använd kortkommandon för snabbare arbetsflöde (Ctrl+Z/Cmd+Z för Ångra, Ctrl+Y/Cmd+Shift+Z för Gör om).
   2. Framåt, Bakåt - Justerar ett objekts position i lagringsordningen, för att styra hur det överlappar eller samspelar med andra element.
   3. Mönsterupprepning - Upprepar ett mönster eller en design över hela ytan för att skapa en sömlös och enhetlig bakgrund, textur eller upprepade element.
   4. Justera - Använd justeringsverktygen för att placera objekt exakt eller fördela dem jämnt för en balanserad layout.
   5. Riktlinjer - Visuella hjälpmedel som hjälper dig att placera dina designelement korrekt inom det avsedda tryck- eller visningsområdet. Se mer info längre ner.
   6. Rutnät - Slår på eller av rutnätet som visas på canvasen. Rutnätet hjälper dig att placera och justera element exakt, för en balanserad och professionell layout.
   7. Gruppera - Gör det möjligt att slå samman flera designelement till en enhet, så att du enkelt kan flytta, ändra storlek eller redigera dem samtidigt. Den här knappen aktiveras när två eller fler designelement är valda.
   8. Mask - Maskning låter dig dölja eller visa delar av ett objekt eller en bild genom att applicera en mask. Det gör att du kan skapa unika former, beskära element eller smidigt blanda lager i designen. Den här knappen aktiveras när ett SVG-objekt och minst en bild är valda.
3. Designyta - Det är här du utför åtgärder för att manipulera objekt och bygga din design.
4. Förklaringsruta - En interaktiv förklaring som ger mer information om de olika riktlinjerna.
5. Zoomverktyg - Finns längst ner till vänster på designytan, bredvid förklaringsrutan. Använd det för att zooma in och ut i din design, vilket är användbart när du arbetar med detaljer.

Egenskapspanel

Egenskapspanelen finns på högra sidan av skärmen och visar alla tillgängliga alternativ och redigerbara inställningar för det valda objektet. Här kan du anpassa egenskaper som storlek, färg, justering och mycket mer – beroende på vilket typ av element du arbetar med.

Förhandsgranskningsfönster

Förhandsgranskningsfönstret finns nere till höger på skärmen och låter dig snabbt se hur din design kommer att se ut på produkten. Använd pilarna för att bläddra mellan olika bildvyer. För att minimera fönstret, klicka på "-" i det övre vänstra hörnet av dialogrutan.

Riktlinjer

Riktlinjer är visuella markörer i designytan som hjälper dig att placera dina designelement korrekt inom det avsedda tryck- eller visningsområdet. För bästa resultat efter tryck rekommenderas följande:

1. Utfallslinje (röd linje) - Detta extra utrymme kompenserar för små förskjutningar vid tryck och förhindrar vita kanter. Se till att bakgrunder och mönster sträcker sig hela vägen ut till den röda linjen för att undvika oönskade ramar.
2. Synligt område (blå linje) - Den del av designen som kommer att vara fullt synlig på den färdiga produkten. Undvik att placera viktiga element nära kanten av detta område, eftersom de annars kan bli avskurna.
3. Säkert område (grön streckad linje) - Viktiga designelement som text eller logotyper bör placeras inom detta inre område för att säkerställa att de inte kapas vid tryck.

Designelement och grundläggande åtgärder

Designelement är byggstenarna i din design och inkluderar text, bilder, former och ikoner. Här är en översikt över hur du arbetar med designelement och vilka grundläggande åtgärder du kan utföra:

Grundläggande åtgärder för objekt

1. Markera ett objekt - Klicka på det objekt du vill markera.
2. Markera flera objekt - Klicka och dra för att skapa en markeringsruta runt objekten, eller håll ner Skift-tangenten medan du klickar på varje objekt du vill markera.
3. Avmarkera ett objekt - Klicka var som helst utanför markeringsområdet.
4. Flytta ett objekt - Dra det markerade objektet till önskad plats på canvasen.
5. Ta bort ett objekt - Markera objektet och tryck på Delete-tangenten på tangentbordet, eller högerklicka och välj "Radera".
6. Rotera ett objekt - Markera objektet och använd roteringshandtaget för att justera dess vinkel.
7. Ändra storlek på ett objekt - Dra i hörnhandtagen för att ändra storlek proportionellt. Använd sidohandtagen för att ändra storlek utan att behålla proportionerna.
8. Duplicera ett objekt - Högerklicka på objektet och välj "Duplicera", eller använd alternativet i verktygsfältet.
9. Gruppera och dela upp objekt -
   1. För att gruppera objekt - Markera flera objekt och klicka på Gruppera-knappen för att kombinera dem för enklare redigering.
   2. För att dela upp en grupp - Klicka på gruppen och sedan på Dela upp-knappen för att separera dem.
   3. Redigera en grupp - Dubbelklicka på gruppen eller klicka på Redigera grupp-knappen för att komma in i redigeringsläge. I det läget kan du markera och ändra de enskilda objekten i gruppen. Klicka utanför gruppen för att lämna redigeringsläget.
10. Placering med precision - Använd piltangenterna på tangentbordet för att finjustera objektens placering.
11. Objektegenskaper - När ett objekt är markerat kan du använda egenskapspanelen (till höger) för att anpassa färg, storlek, typsnitt med mera – beroende på objekttyp.