Användarhandbok Avbryt

Flytta designer mellan Photoshop och Illustrator

Mer information om hur du importerar och exporterar design mellan Photoshop och Illustrator.

Att importera Illustrator-filer för redigering i Photoshop och tvärtom öppnar spännande möjligheter när du skapar grafik som innehåller en kombination av vektor- och bitmappsobjekt. Läs vidare för att lära dig hur du väljer det arbetsflöde som bäst passar ditt designresultat.

  1. Användarhandbok för Photoshop
  2. Introduktion till Photoshop
    1. Föreställ det. Skapa det.
    2. Nyheter i Photoshop
    3. Redigera ditt första foto
    4. Skapa dokument
    5. Photoshop | Vanliga frågor
    6. Systemkrav för Photoshop
    7. Lär dig Photoshop
    8. Håll Photoshop uppdaterat
  3. Photoshop och andra Adobe-produkter och -tjänster
    1. Arbeta med Illustrator-bilder i Photoshop
    2. Arbeta med Photoshop-filer i InDesign
    3. Substance 3D-material för Photoshop
    4. Använd apptillägget Capture i Photoshop
  4. Photoshop på iPad (inte tillgängligt i Fastlandskina)
    1. Photoshop på iPad | Vanliga frågor
    2. Kom igång med arbetsytan
    3. Systemkrav | Photoshop på iPad
    4. Skapa, öppna och spara dokument
    5. Lägg till foton
    6. Arbeta med lager
    7. Rita och måla med penslar
    8. Gör markeringar och lägg till maskering
    9. Retuschera dina sammansatta bilder
    10. Arbeta med justeringslager
    11. Justera färgtonen i den sammansatta bilden med Kurvor
    12. Använda omformningsåtgärder
    13. Beskär och rotera dina sammansättningar
    14. Rotera, panorera, zooma och återställa arbetsytan
    15. Arbeta med textlager
    16. Arbeta med Photoshop och Lightroom
    17. Skaffa saknade typsnitt i Photoshop på iPad
    18. Japansk text i Photoshop på iPad
    19. Hantera appinställningar
    20. Tryckkortkommandon och gester
    21. Kortkommandon
    22. Redigera bildstorlek
    23. Livestreama samtidigt som du skapar i Photoshop på iPad
    24. Reparera defekter med verktyget Lagningspensel
    25. Skapa penslar i Capture och använd dem i Photoshop för iPad
    26. Arbeta med Camera Raw-filer
    27. Skapa och arbeta med smarta objekt
    28. Justera exponering i dina bilder med skugga och efterbelys
    29. Automatiska justeringskommandon i Photoshop för iPad
    30. Smeta ut områden i dina bilder med Photoshop på iPad
    31. Öka eller minska färgmättnad i bilder med svampverktyget
    32. Innehållsanpassad fyllning på iPad
  5. Photoshop på webben (inte tillgängligt i Fastlandskina)
    1. Vanliga frågor
    2. Systemkrav
    3. Kortkommandon
    4. Filformat som stöds
    5. Introduktion till arbetsytan
    6. Öppna och arbeta med molndokument
    7. Generativa AI-funktioner
    8. Grundläggande koncept för redigering
    9. Snabbåtgärder
    10. Arbeta med lager
    11. Retuschera bilder och ta bort defekter
    12. Göra snabbmarkeringar
    13. Förbättrade bilder med justeringslager
    14. Lägg till ett fyllningslager
    15. Flytta, omforma och beskära bilder
    16. Rita och måla
    17. Rita och redigera former
    18. Arbeta med textlager
    19. Arbeta med vem som helst på webben
    20. Hantera appinställningar
    21. Generera bild
    22. Generera bakgrund
    23. Referensbild
  6. Photoshop för datorer (beta) (inte tillgängligt i Fastlandskina)
    1. Kom igång med Creative Cloud-betaprogram
    2. Photoshop för datorer (beta)
    3. Referensbild
  7. Generativ AI (inte tillgängligt i Fastlandskina) 
    1. Vanliga frågor om generativ AI i Photoshop
    2. Generativ fyllning i Photoshop för datorer
    3. Generera en bild med hjälp av textbeskrivningar
    4. Generativ utökning i Photoshop för datorer
    5. Ersätt bakgrunden med Generera bakgrund
    6. Hämta nya variationer med Generera liknande innehåll
    7. Generativ fyllning i Photoshop på iPad
    8. Generativ utökning i Photoshop på iPad
    9. Funktioner med generativ AI i Photoshop på webben
  8. Innehållsautentisering (inte tillgängligt i Fastlandskina)
    1. Innehållsuppgifter i Photoshop
    2. Identitet och ursprung – NFT
    3. Anslut konton för kreativ tillskrivning
  9. Molndokument (inte tillgängligt i Fastlandskina)
    1. Photoshop-molndokument | Vanliga frågor
    2. Photoshop-molndokument | Arbetsflödesfrågor
    3. Hantera och arbeta med molndokument i Photoshop
    4. Uppgradera molnlagringsutrymmet för Photoshop
    5. Det går inte att skapa eller spara ett molndokument
    6. Lös fel med Photoshops molndokument
    7. Samla in loggar för synkronisering av molndokument
    8. Bjud in andra till att redigera dina molndokument
    9. Dela filer och kommentera i appen
  10. Arbetsyta
    1. Grundläggande om arbetsytan
    2. Inställningar
    3. Lär dig snabbare med panelen Upptäck i Photoshop
    4. Skapa dokument
    5. Montera filer
    6. Standardkortkommandon
    7. Anpassa kortkommandon
    8. Verktygsgallerier
    9. Prestandainställningar
    10. Använda verktyg
    11. Förinställningar
    12. Stödraster och stödlinjer
    13. Tryckgester
    14. Använda Touch Bar med Photoshop
    15. Funktioner för pekskärmar och anpassningsbara arbetsytor
    16. Förhandstitt på teknik
    17. Metadata och anteckningar
    18. Montera Photoshop-bilder i andra program
    19. Linjaler
    20. Visa eller dölj extrainnehåll som inte skrivs ut
    21. Ange kolumner för en bild
    22. Ångra och historik
    23. Paneler och menyer
    24. Placera element med fästfunktionen
    25. Placera med linjalen
  11. Webb-, skärm- och appdesign
    1. Photoshop för design
    2. Ritytor
    3. Device Preview
    4. Kopiera CSS från lager
    5. Segmentera webbsidor
    6. HTML-alternativ för segment
    7. Ändra snittlayout
    8. Arbeta med webbilder
    9. Skapa webbfotogallerier
  12. Grundläggande om bilder och färger
    1. Så ändrar du storlek på bilder
    2. Arbeta med raster- och vektorbilder
    3. Bildstorlek och upplösning
    4. Hämta bilder från kameror och skannrar
    5. Skapa, öppna och importera bilder
    6. Visa bilder
    7. Fel ogiltig JPEG-markör | Öppna bilder
    8. Visa flera bilder
    9. Anpassa färgväljare och färgrutor
    10. High Dynamic Range-bilder
    11. Matcha färger i bilden
    12. Konvertera bilder till andra färglägen
    13. Färglägen
    14. Radera delar av en bild
    15. Blandningslägen
    16. Välja färger
    17. Anpassa indexerade färgtabeller
    18. Bildinformation
    19. Förvrängningsfilter är inte tillgängliga
    20. Färg
    21. Färg- och monokromjusteringar med kanaler
    22. Välja färger i Färgpanelen och Färgrutor
    23. Ta färgprov
    24. Färg- eller bildläge
    25. Färgskiftning
    26. Lägga till en villkorsstyrd lägesändring i ett funktionsmakro
    27. Lägga till färgrutor från HTML-, CSS- och SVG-dokument
    28. Bitdjup och inställningar
  13. Lager
    1. Grundläggande om lager
    2. Icke-förstörande redigering
    3. Skapa och hantera lager och grupper
    4. Markera, gruppera och länka lager
    5. Montera bilder i ramar
    6. Lageropacitet och -blandning
    7. Maskeringslager
    8. Använda smarta filter
    9. Lagerkompositioner
    10. Flytta, stapla och låsa lager
    11. Maskera lager med vektormasker
    12. Hantera lager och grupper
    13. Lagereffekter och lagerstilar
    14. Redigera lagermasker
    15. Extrahera resurser
    16. Visa lager med urklippsmasker
    17. Generera bildresurser från lager
    18. Arbeta med smarta objekt
    19. Blandningslägen
    20. Kombinera flera bilder till ett grupporträtt
    21. Kombinera bilder med Blanda lager automatiskt
    22. Justera och fördela lager
    23. Kopiera CSS från lager
    24. Läs in markering från ett lager eller en lagermasks gränser
    25. Med alternativen för ursparning kan du se innehåll från andra lager
  14. Markeringar
    1. Komma igång med markering
    2. Gör markeringar i din sammansatta bild
    3. Arbetsytan Markera och maskera
    4. Markera med hjälp av markeringsramsverktygen
    5. Markera med hjälp av lassoverktygen
    6. Justera pixelmarkeringar
    7. Flytta, kopiera och ta bort markerade pixlar
    8. Skapa en tillfällig snabbmask
    9. Markera ett färgintervall i en bild
    10. Konvertera mellan banor och markeringsgränser
    11. Grundläggande om kanaler
    12. Spara markeringar och alfakanalmasker
    13. Välja de bildområden som är i fokus
    14. Duplicera, dela och sammanfoga kanaler
    15. Kanalberäkningar
  15. Bildjusteringar
    1. Ersätt objektfärger
    2. Tänja perspektiv
    3. Reducera oskärpa från kameraskak
    4. Exempel med Lagningspensel
    5. Exportera tabeller för färgsökning
    6. Justera bildens skärpa och oskärpa
    7. Färgjusteringar
    8. Använda intensitets-/kontrastjusteringar
    9. Förbättra skugg- och högdagerdetaljer
    10. Nivåjustering
    11. Justera nyans och mättnad
    12. Justera lyster
    13. Justera färgmättnad i bildområden
    14. Göra snabba toningsjusteringar
    15. Använda färgeffekter på bilder
    16. Förbättra bilden med färgbalansjusteringar
    17. High Dynamic Range-bilder
    18. Visa histogram och pixelvärden
    19. Matcha färger i bilden
    20. Beskära och räta upp foton
    21. Konvertera en färgbild till en svartvit bild
    22. Justerings- och fyllningslager
    23. Kurvanpassning
    24. Blandningslägen
    25. Välja bilder för tryck
    26. Justera färg och ton med pipetterna för Nivåer och Kurvor
    27. Justera HDR-exponering och HDR-toning
    28. Skugga eller efterbelysa bildområden
    29. Selektiv färgjustering
  16. Adobe Camera Raw
    1. Systemkrav för Camera Raw
    2. Nyheter i Camera Raw
    3. Introduktion till Camera Raw
    4. Skapa panoramor
    5. Objektiv som stöds
    6. Effekterna Vinjettering, Kornighet och Ta bort dis i Camera Raw
    7. Standardkortkommandon
    8. Automatisk perspektivkorrigering i Camera Raw
    9. Radiellt filter i Camera Raw
    10. Hantera Camera Raw-inställningar
    11. Öppna, bearbeta och spara foton i Camera Raw
    12. Reparera foton med hjälp av det förbättrade verktyget Fläckborttagning i Camera Raw
    13. Rotera, beskära och justera foton
    14. Justera färgåtergivning i Camera Raw
    15. Processversioner i Camera Raw
    16. Göra lokala justeringar i Camera Raw
  17. Reparera och återställa bilder
    1. Ta bort
    2. Använda Innehållsanpassad fyllning till att ta bort objekt från foton
    3. Innehållsanpassad lappning och flyttning
    4. Retuschera och reparera foton
    5. Korrigera förvrängning och brus
    6. Grundläggande felsökningssteg för att korrigera de flesta problem
  18. Bildförbättring och -omformning
    1. Ersätt himlen i dina bilder
    2. Omforma objekt
    3. Justera beskärning, rotation och storlek på arbetsyta
    4. Så beskär du och rätar upp foton
    5. Skapa och redigera panoramabilder
    6. Tänj bilder, former och banor
    7. Gränspunkt
    8. Innehållsanpassad skalförändring
    9. Omforma bilder, former och banor
  19. Rita och måla
    1. Måla symmetriska mönster
    2. Rita rektanglar och ändra linjealternativ
    3. Rita
    4. Rita och redigera former
    5. Målningsverktyg
    6. Skapa och ändra penslar
    7. Blandningslägen
    8. Lägga till färger till banor
    9. Redigera banor
    10. Måla med blandpenseln
    11. Penselförinställningar
    12. Övertoningar
    13. Övertoningsinterpolation
    14. Fylla i och rama in markeringar, lager och banor
    15. Rita med hjälp av ritstiftsverktygen
    16. Skapa mönster
    17. Skapa ett mönster med mönsterverktyget
    18. Hantera banor
    19. Hantera mönsterbibliotek och förinställningar
    20. Rita eller måla med hjälp av ett ritbord
    21. Skapa texturerade penslar
    22. Lägga till dynamiska element i penslar
    23. Övertoning
    24. Måla stiliserade penseldrag med hjälp av Konsthändelsepensel
    25. Måla med ett mönster
    26. Synkronisera förinställningar på flera enheter
    27. Migrera förinställningar, funktionsmakron och inställningar
  20. Text
    1. Lägga till och redigera text
    2. Unified Text Engine
    3. Arbeta med OpenType-teckensnitt med SVG-specialtecken
    4. Formatera tecken
    5. Formatera stycken
    6. Så här skapar du texteffekter
    7. Redigera text
    8. Rad- och teckenavstånd
    9. Arabisk och hebreisk text
    10. Teckensnitt
    11. Felsök teckensnitt
    12. Asiatisk text
    13. Skapa text
  21. Filter och effekter
    1. Använd Oskärpegalleri
    2. Grundläggande om filter
    3. Referens för filtereffekter
    4. Lägga till ljuseffekter
    5. Använda filtret Adaptiv vidvinkel
    6. Använda oljemålningsfilter
    7. Använda filtret Gör flytande
    8. Lagereffekter och lagerstilar
    9. Använda filter
    10. Smeta ut bildområden
  22. Spara och exportera
    1. Spara dina filer i Photoshop
    2. Exportera dina filer i Photoshop
    3. Filformat som stöds
    4. Spara filer med grafikformat
    5. Flytta designer mellan Photoshop och Illustrator
    6. Spara och exportera videofilmer och animeringar
    7. Spara PDF-filer
    8. Digimarc-copyrightskydd
  23. Färghantering
    1. Färghantering
    2. Bibehålla konsekventa färger
    3. Färginställningar
    4. Duplexfärgbilder
    5. Arbeta med färgprofiler
    6. Färghantera dokument för visning online
    7. Färghantera dokument vid utskrift
    8. Färghantera importerade bilder
    9. Granska korrektur av färger
  24. Webb-, skärm- och appdesign
    1. Photoshop för design
    2. Ritytor
    3. Device Preview
    4. Kopiera CSS från lager
    5. Segmentera webbsidor
    6. HTML-alternativ för segment
    7. Ändra snittlayout
    8. Arbeta med webbilder
    9. Skapa webbfotogallerier
  25. Video och animering
    1. Videoredigering i Photoshop
    2. Redigera video- och animeringslager
    3. Översikt över video och animering
    4. Förhandsvisa video och animeringar
    5. Måla bildrutor i videolager
    6. Importera videofiler och bildsekvenser
    7. Skapa bildruteanimeringar
    8. Creative Cloud 3D Animation (förhandstitt på teknik)
    9. Skapa tidslinjeanimeringar
    10. Skapa bilder för videofilmer
  26. Utskrift
    1. Skriva ut 3D-objekt
    2. Skriva ut från Photoshop
    3. Skriva ut med färghantering
    4. Kontaktkartor och PDF-presentationer
    5. Skriva ut foton i bildpaketslayout
    6. Skriva ut dekorfärger
    7. Skriva ut bilder till en kommersiell tryckpress
    8. Förbättra färgutskrifter från Photoshop
    9. Felsöka utskriftsproblem | Photoshop
  27. Automatisering
    1. Skapa funktionsmakron
    2. Skapa databaserade bilder
    3. Skript
    4. Bearbeta en grupp med filer
    5. Spela upp och hantera funktionsmakron
    6. Lägg till villkorstyrda funktionsmakron
    7. Funktionsmakron och panelen Funktionsmakron
    8. Spela in verktyg i funktionsmakron
    9. Lägga till en villkorsstyrd lägesändring i ett funktionsmakro
    10. Användargränssnittsverktygslåda för Photoshop för plugin-program och skript
  28. Felsökning
    1. Åtgärdade fel 
    2. Kända problem
    3. Optimera Photoshop-prestanda
    4. Grundläggande felsökning
    5. Felsök vid krasch eller frysning
    6. Felsök programfel
    7. Felsök problem med fullt virtuellt minne
    8. Felsök problem med grafikprocessor och grafikdrivrutiner
    9. Hitta verktyg som saknas
    10. Photoshop 3D | Vanliga frågor om borttagna funktioner

Arbeta med Photoshop-design i Illustrator

Det finns flera metoder för att lägga in bilder och grafik från Photoshop i Illustrator. Vilket alternativ som är bäst beror på hur du tänker använda designen i Illustrator.

Om du vill veta mer om vilket arbetsflöde som passar dina designmål kan du titta på någon av resurserna nedan:

Funderar du på att arbeta med Illustrator-bilder i Photoshop? Se Använd Illustrator-illustrationer i Photoshop.

Öppna Photoshop-filer i Illustrator

Om du vill bevara lager, text och banor när du importerar bilder från Photoshop till Illustrator gör du följande:

  1. Välj Arkiv > Öppna i Illustrator.

  2. Leta reda på Photoshop-filen i dialogrutan Öppna fil och klicka på Öppna.

  3. Välj lämpliga alternativ i dialogrutan för Photoshop-import och klicka på OK.

    Öppna Photoshop i Illustrator

    Importalternativ i Photoshop

    • Gör om Photoshop-lager till objekt: Det här alternativet konverterar lager till Illustrator-objekt. Då bevaras masker, blandningslägen, genomskinlighet samt eventuella segment och bildscheman. Alternativet stöder dock inte Photoshops justeringslager eller lagereffekter.
    • Förenkla Photoshop-lager till en enda bild: Det här alternativet slår samman alla lager till ett enda lager. Det bevarar bildens utseende, men enskilda lager kan inte redigeras.

    Andra importalternativ och detaljer finns i Importera bilder från Photoshop.

Montera Photoshop-filer i Illustrator

De här metoderna är bra att använda om du vill bevara lager, text och banor när du överför teckningar till Illustrator. Illustrator har funktioner för de flesta Photoshop-data, inklusive lagerkompositioner, lager, redigerbar text och banor. Justeringslager där synlighet är avaktiverat importeras (även om de inte är tillgängliga) till Illustrator och återställs om de exporteras tillbaka till Photoshop.

Montera en länkad Photoshop-bild i en Illustrator-fil 

När bilden är länkad i stället för att vara inbäddad i filen visas de ändringar som görs i originalbilden i Photoshop i Illustrator. Bilden centreras i Illustrator, i den fil som är öppen. Ett rött X i bilden visar att den är länkad och inte går att redigera.

  1. Välj Arkiv > Montera i Illustrator.

  2. Leta reda på önskad Photoshop-fil i dialogrutan Montera, markera Länk och klicka på Montera

Bädda in en Photoshop-bild i en befintlig Illustrator-fil

När du bäddar in en Photoshop-bild i en Illustrator-fil kopieras den med full upplösning, vilket ökar filstorleken. Om du inte vill att bilden ska uppdateras när den ursprungliga Photoshop-filen redigeras gör du följande:

  1. Välj Arkiv > Montera i Illustrator.

  2. Leta reda på önskad Photoshop-fil i dialogrutan Montera och kontrollera att alternativet Länk inte är markerat.

  3. Kontrollera att Visa importalternativ är markerad och klicka på Montera. 

  4. Välj lämpliga alternativ i dialogrutan för Photoshop-import och klicka på OK.

Kopiera pixelmarkeringar till Illustrator

De här metoderna är ett bra alternativ om du vill kopiera markerade pixlar som ska ingå i din Illustrator-design. 

Klistra in pixlar från Photoshop i Illustrator

  1. I Photoshop markerar du de pixlar som du vill kopiera. Kontrollera att lagret är aktivt i stället för lagermasken, annars kopieras masken.

  2. I Photoshop-huvudmenyn väljer du Redigera > Kopiera.

  3. I Illustrator-filen väljer du Redigera > Klistra in.

Flytta pixlar från Photoshop till Illustrator

  1. I Photoshop markerar du de pixlar som du vill kopiera. 

  2. Välj verktyget Flytta i Photoshop och dra markeringen till Illustrator-filen. När du använder verktyget Flytta fylls alla genomskinliga pixlar med vitt.

Exportera banor till Illustrator

Importera alla banor till Illustrator (men inga pixlar)

  1. Välj Arkiv > Exportera > Banor till Illustrator.

  2. Välj var du vill spara banan och ange ett filnamn. Kontrollera att Arbetsbana har valts på menyn Bana om du vill exportera banan.

    Öppna Photoshop i Illustrator

  3. Klicka på Spara.

  4. Öppna filen i Adobe Illustrator. Nu kan du bearbeta banan eller använda den för att justera Illustrator-objekt som du lägger till i filen.

Kopiera banor från Photoshop och klistra in i Illustrator

  1. Markera en eller flera banor i Photoshop.

  2. Välj Redigera > Kopiera.

  3. I din Illustrator-fil väljer du Redigera > Klistra in.

    I dialogrutan Alternativ för Klistra in väljer du om du vill klistra in banan som en sammansatt form eller som en sammansatt bana. Klistra in som en stansad bana går fortare men kan göra att vissa redigeringsfunktioner försvinner. 

Dra och släpp bilder från Photoshop i Illustrator

  1. Markera en eller flera banor i Photoshop

  2. Välj Redigera > Kopiera.

  3. Dra banan till Illustrator. 

Skärmärken i Illustrator visar Photoshop-dokumentets mått. Banans placering i Photoshop-bilden bibehålls, förutsatt att du inte ändrar skärmarkeringarna eller flyttar banan.

Du kan enkelt markera en bana eller ett bansegment i Photoshop som visas i panelen Banor, inklusive vektormasker för former, arbetsbanor och sparade banor och flytta dem till Illustrator. med alternativet Banor till Illustrator. Ett sätt att använda det här alternativet är att justera Illustrator-text eller objekt mot Photoshop-banor.

Lär dig mer

Arbeta med Illustrator-bilder i Photoshop 

Nu går det även att göra det motsatta och det finns flera metoder för att lägga in bilder och grafik från Illustrator i Photoshop. 

Mer information om de här alternativen finns i:

Den här videon ger en snabb översikt över hur du flyttar bilder fram och tillbaka mellan Illustrator och Photoshop.

Bästa praxis för optimal filhantering

Redigeringsfunktionerna för importerade resurser och kvaliteten på slutresultatet beror på hur du exporterar bilden. Om du vill flytta dina bilder från Photoshop till Illustrator kan det vara bra att ta en titt på några av de bästa metoderna för optimal filhantering i Photoshop och Illustrator.

Vad händer sen?

Visste du att du kan spara och ordna dina designtillgångar i Creative Cloud-bibliotek? Det kan vara till stor hjälp för att gruppera mediefiler till ett visst projekt så att de blir lätta att hitta och använda från flera program. 

Creative Cloud Libraries är en webbtjänst som du kan använda till att ordna, botanisera bland och komma åt kreativa resurser från olika Adobe-program för datorer och mobila enheter. Varje Creative Cloud-bibliotek är en samling designresurser.

Från Photoshop kan du lägga till följande element i biblioteken och sedan enkelt komma åt dem i flera Creative Cloud-program.

  • Övertoningar
  • Grafik
  • Färger
  • Textformat
  • Penslar
  • Lagerstilar 

Mer information finns i Creative Cloud-bibliotek i Photoshop

Från Illustrator kan du lägga till följande element i biblioteken och sedan enkelt komma åt dem i flera Creative Cloud-program.

  • Färger
  • Färgteman
  • Penslar
  • Teckenformat
  • Grafik
  • Text

 Mer information finns i Creative Cloud Libraries i Illustrator.

Dela dina kreationer

Om du har frågor att ställa eller alster att visa upp kan du besöka Adobe Photoshop Community och Adobe Illustrator Community. Vi vill väldigt gärna höra av dig och även se dina verk.

 Adobe

Få hjälp snabbare och enklare

Ny användare?