At give billeder runde hjørner er en populær designteknik, der kan blødgøre en billedkant, give et mere venligt eller retro udtryk, eller simpelthen passe bedre ind i et specifikt layout. I Adobe Photoshop CS6 findes der flere måder at opnå dette på, men en af de mest effektive og fleksible metoder involverer brugen af vektorformer – specifikt værktøjet Afrundet Rektangel – kombineret med masker.
Denne teknik er særligt værdifuld, fordi den er non-destruktiv. Det betyder, at du ikke permanent sletter dele af dit billede, men i stedet bruger en maske til at skjule de områder, du ikke ønsker skal være synlige. Dette giver dig fuld frihed til at justere hjørnernes runding eller endda fjerne effekten helt senere, hvis du skifter mening.
Hvorfor runde hjørner?
Traditionelle rektangulære billeder kan nogle gange virke skarpe eller stive, især i webdesign, grafisk design eller collageprojekter. Runde hjørner kan hjælpe med at integrere billeder mere flydende med andre designelementer, skabe en blødere visuel overgang eller simpelthen tilføje et strejf af stil og personlighed. Det er et simpelt trick med stor visuel effekt.
Værktøjet: Afrundet Rektangel
Nøglen til denne metode ligger i værktøjet Afrundet Rektangel (Rounded Rectangle Tool). Dette værktøj er en del af Photoshops samling af Formværktøjer (Shape Tools), som du finder i værktøjslinjen. Du skal muligvis klikke og holde på Rektangelværktøjet for at finde det afrundede rektangel i undermenuen.
Når du vælger Afrundet Rektangel, ændres indstillingslinjen øverst på skærmen. Her er det vigtigt at vælge 'Form' (Shape) fra drop-down-menuen til venstre. Dette sikrer, at du tegner en vektorform, som er skalerbar og redigerbar uden tab af kvalitet, i modsætning til pixels eller stier.
Den mest kritiske indstilling for runde hjørner er 'Radius'. Her indtaster du en værdi i pixels, som bestemmer, hvor rundede hjørnerne skal være. En højere værdi giver mere rundede hjørner, mens en lavere værdi giver mere subtile rundinger. Det er en god idé at eksperimentere med denne værdi for at finde det ønskede udseende.
Trin for trin: Brug formen som en Klippemaske
Den mest elegante måde at bruge det afrundede rektangel på er som en klippemaske (Clipping Mask). En klippemaske bruger indholdet og gennemsigtigheden af ét lag (maskeringslaget) til at styre synligheden af lagene over det (de klippede lag). I dette tilfælde vil din afrundede rektangelform være maskeringslaget.
Trin 1: Åbn dit billede
Start med at åbne det billede i Photoshop CS6, som du ønsker at give runde hjørner. Billedet vil typisk ligge på et baggrundslag eller et almindeligt lag i dit Lag-panel (Layers panel).
Trin 2: Vælg og indstil Afrundet Rektangel
Vælg Afrundet Rektangel-værktøjet fra værktøjslinjen. I indstillingslinjen øverst skal du sikre dig, at 'Form' er valgt, og derefter indstille 'Radius' til den ønskede værdi i pixels. Værdien afhænger af billedets størrelse og hvor udtalt rundingen skal være.
Trin 3: Tegn formen
Klik og træk med værktøjet over dit billede for at tegne et afrundet rektangel. Tegn formen, så den dækker det område af billedet, du ønsker skal være synligt. Du kan justere formens størrelse og placering efter du har tegnet den ved hjælp af Flytteværktøjet (Move Tool) eller Fri Transformation (Ctrl/Cmd + T).
Når du tegner formen i 'Form'-tilstand, oprettes der automatisk et nyt lag i dit Lag-panel. Dette lag indeholder din vektorform.
Trin 4: Arranger lagene
I dit Lag-panel skal du nu have mindst to lag: dit billedlag og dit nye formlag. Det er afgørende, at dit billedlag ligger under formlaget. Hvis det ikke gør det, skal du trække billedlaget ned under formlaget i panelet.
Trin 5: Opret Klippemasken
Nu kommer det magiske trin. Hold Alt-tasten (Windows) eller Option-tasten (Mac) nede, og før musemarkøren hen over linjen mellem billedlaget og formlaget i Lag-panelet. Markøren vil ændre sig til en lille pil, der peger nedad mod en firkant. Klik, når markøren ser sådan ud.
Alternativt kan du højreklikke på billedlaget i Lag-panelet og vælge 'Opret Klippemaske' (Create Clipping Mask) fra genvejsmenuen. Du vil se, at billedlaget nu er rykket en smule indad i Lag-panelet, og der er en lille pil, der peger ned på formlaget under det. Dette indikerer, at billedlaget nu er klippet til formen.
Dit billede vil nu kun være synligt inden for den afrundede rektangelforms grænser. Områderne uden for formen er skjult.
Alternativ metode: Brug formen som en Lagmaske
En anden valid metode er at bruge formen til at oprette en lagmaske (Layer Mask) direkte på billedlaget. Dette opnår et lignende resultat, men processen er lidt anderledes.
Trin for trin: Brug formen til en Lagmaske
- Åbn dit billede.
- Vælg Afrundet Rektangel-værktøjet og indstil Radius som beskrevet tidligere. Vælg dog 'Sti' (Path) fra drop-down-menuen i indstillingslinjen i stedet for 'Form'.
- Tegn det afrundede rektangel over dit billede. Dette vil oprette en arbejdssti (Work Path) i Stier-panelet (Paths panel).
- Gå til Stier-panelet (Vindue > Stier). Klik på miniaturerne for din arbejdssti.
- Nederst i Stier-panelet skal du klikke på ikonet 'Indlæs sti som markering' (Load path as a selection) – det er en stiplet cirkel. Dette vil konvertere din vektorsti til en pixelbaseret markering.
- Gå tilbage til Lag-panelet. Sørg for, at dit billedlag er aktivt.
- Klik på ikonet 'Tilføj lagmaske' (Add layer mask) nederst i Lag-panelet – det er en firkant med en cirkel indeni.
Photoshop vil nu oprette en lagmaske baseret på din markering. De områder, der var inden for markeringen (inden for den afrundede rektangelsti), vil være synlige (hvide på masken), og områderne udenfor vil være skjulte (sorte på masken). Resultatet er et billede med runde hjørner.
Juster dine runde hjørner
En stor fordel ved at bruge klippemasker med vektorformer er, at du nemt kan justere rundingen efterfølgende. Klik på formlaget i Lag-panelet. Vælg derefter Sti-markeringsværktøjet (Path Selection Tool - den sorte pil) eller Direkte markeringsværktøjet (Direct Selection Tool - den hvide pil). Du kan nu markere formen og dens ankerpunkter. I indstillingslinjen øverst vil du typisk kunne ændre 'Radius' værdien direkte, eller du kan bruge Direkte markeringsværktøjet til at justere de enkelte ankerpunkter og håndtag for at ændre formen mere frit.
Hvis du brugte lagmaske-metoden via en sti, er justering lidt mere omstændelig, da du skal redigere stien igen, konvertere den til en markering, og derefter erstatte eller redigere den eksisterende lagmaske.
Tips til perfekte runde hjørner
- Vælg den rette radius: Radiusværdien afhænger meget af billedets dimensioner. En radius på 20 pixels på et lille webbillede vil give meget rundere hjørner end den samme radius på et stort printbillede. Overvej billedets endelige størrelse, når du vælger radius.
- Brug Smart Objekter: Konverter dit billedlag til et Smart Objekt (højreklik på laget > Konverter til Smart Objekt), før du anvender klippemasken. Dette bevarer billedets originale data og giver dig endnu mere fleksibilitet til at skalere eller transformere billedet inden for formen uden kvalitetstab.
- Baggrund: Hvis du ønsker en gennemsigtig baggrund omkring dit billede med runde hjørner (f.eks. til web), skal du slette eller skjule eventuelle baggrundslag, der måtte være under billedlaget. Gem derefter billedet i et format, der understøtter gennemsigtighed, såsom PNG.
- Justering af billedet i formen: Når du bruger en klippemaske, kan du frit flytte og transformere dit billedlag (ved at vælge billedlaget i Lag-panelet og bruge Flytteværktøjet eller Fri Transformation) inden for formens grænser. Dette gør det nemt at beskære eller placere billedet præcist, som du ønsker det skal vises i den afrundede form.
Sammenligning: Klippemaske vs. Lagmaske (fra sti)
| Metode | Fleksibilitet (Formjustering) | Non-destruktiv | Kompleksitet | Anvendelse |
|---|---|---|---|---|
| Klippemaske (med Formlag) | Høj (rediger formlaget) | Ja | Lav til middel | Begrænser indholdet af et eller flere lag til formen af laget lige under. Ideel til at 'ramme' billeder ind i vektorformer. |
| Lagmaske (via Sti/Markering) | Middel (rediger sti, genanvend maske) | Ja | Middel | Skjuler eller viser dele af et enkelt lag baseret på maskens gråtoner. Standard til pixelbaseret maskering, men kan oprettes fra vektorstier. |
Som tabellen viser, tilbyder klippemaske-metoden med et formlag generelt den nemmeste og mest fleksible måde at opnå og justere runde hjørner på i Photoshop CS6.
Ofte Stillede Spørgsmål (FAQ)
Q: Kan jeg ændre rundingen efter jeg har oprettet de runde hjørner?
A: Ja, absolut! Hvis du brugte klippemaskemetoden med et formlag, skal du blot vælge formlaget i Lag-panelet, vælge Sti-markeringsværktøjet (den sorte pil) og så kan du ændre Radius-værdien i indstillingslinjen. Formen (og dermed masken) opdateres med det samme.
Q: Sletter denne metode permanent dele af mit billede?
A: Nej. Både klippemasker og lagmasker er non-destruktive. De skjuler blot dele af billedet i stedet for at slette dem. Du kan altid fjerne masken/klippemasken for at gendanne billedet i sin originale form.
Q: Kan jeg give hvert hjørne en forskellig radius?
A: Med det standard Afrundet Rektangel-værktøj i CS6's indstillingslinje kan du kun indstille én radius for alle hjørner samtidigt. For at få forskellige radier skal du enten tegne flere former eller bruge Direkte markeringsværktøjet (den hvide pil) til at redigere ankerpunkterne og rundingshåndtagene på formen manuelt efter den er tegnet. Dette kræver lidt mere præcision.
Q: Hvordan får jeg baggrunden til at være gennemsigtig?
A: Sørg for, at der ikke er nogen baggrundslag synlige under dit billedlag med de runde hjørner i Lag-panelet. Hvis dit oprindelige billede havde et 'Baggrund'-lag (som har specifikke begrænsninger), skal du dobbeltklikke på det for at konvertere det til et almindeligt lag, før du kan slette den del, der er uden for formen (hvis du brugte lagmaske og slettede) eller simpelthen skjule det. Når du gemmer, skal du vælge 'Gem til Web & Enheder' (Save for Web & Devices) og vælge PNG-24 som format, da dette understøtter fuld gennemsigtighed.
Q: Virker denne metode også for at runde kanterne på tekstlag?
A: Ja, du kan bruge et formlag som en klippemaske for ethvert andet lag, herunder tekstlag, grupper af lag eller andre billedlag. Dette giver dig mulighed for at klippe tekst eller andre elementer til den afrundede rektangelform.
At mestre brugen af vektorformer og masker i Photoshop CS6 åbner op for et væld af kreative muligheder ud over blot runde hjørner. Det er en fundamental færdighed for non-destruktiv billedredigering og design. Ved at følge trinene beskrevet her kan du nemt og effektivt give dine billeder det bløde, afrundede look, du ønsker, med fuld fleksibilitet til at foretage justeringer senere.
Hvis du vil læse andre artikler, der ligner Runde hjørner på billeder i Photoshop CS6, kan du besøge kategorien Redigering.