Hur man tillämpar transparens på SVG:er
Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.
Att visa rasterbilder på skärmen i Adobe Photoshop Creative Suite 6 kan vara knepigt eftersom pixeldimensioner spelar in – särskilt om du lägger upp bilder på webben – eftersom visningen av bilder baseras på 1 bildpixel per 1 skärmpixel. Den viktigaste frågan är alltså att se till att din bild passar in i din (eller din publiks) bildskärm när den ses till 100 procent.
När du tittar på en bild på skärmen bestäms skärmstorleken av pixeldimensionen, plus storleken och inställningen på skärmen. Du måste därför bestämma vilken bildskärmsupplösning som din publik sannolikt använder och storleksanpassa din grafik därefter. Till exempel kan en bild på 800 x 600 pixlar visas annorlunda, beroende på bildskärmens upplösning.
Storlek på bildskärm | Upplösning (i pixlar) | Hur ser en 800-x-600-pixel bild? |
---|---|---|
27-tums bildskärm | 2560×1440 | Bilden fyller en liten del av skärmen. |
22-tums bildskärm | 1920 x 1080 | Bilden fyller en liten del av skärmen. |
17-tums bildskärm | 1024 x 768 | Bilden fyller en del av skärmen. |
17-tums MacBook Pro-skärm | 1920 x 1200 | Bilden fyller en del av skärmen. |
Du kan också höra personer som hänvisar till bildskärmsupplösning i standarder för grafisk visning, som XGA (1024 x 768 pixlar), UXGA (1600 x 1200 pixlar), WQXGA (2560 x 1600 pixlar) och så vidare.
Upplösningen mäts i pixlar per tum, eller ppi . Du kan också stöta på termen samples per inch ( spi ), som ofta används när man pratar om skannrar. En annan term som du ofta ser är punkter per tum (dpi), som alltid används för skrivare, bildsättare och andra enheter för pappersutmatning. Du kanske hör folk hänvisa till dpi som skrivarupplösning .
När du visar bilder på skärmen är den rekommenderade upplösningsinställningen någonstans mellan 72 ppi och 96 ppi, även om upplösningen egentligen inte är en faktor för att förbereda skärmbilder. Det beror bara på att bildskärmar visas någonstans i intervallet 72 till 96 ppi.
Så om du ändrar de fysiska måtten på en bild, är den alltid i ett-till-ett-förhållandet med bildskärmen. Om du tittar på en bild vars upplösning är högre än skärmens upplösning, visas bilden större på skärmen än i utskriften.
Testa till exempel att öppna (eller dra och släppa) en 300-ppi JPEG-fil i ett webbläsarfönster. Det exploderar på din skärm. Eftersom monitorn bara kan visa 72 till 96 ppi behöver den massor av utrymme för att visa alla pixlar.
Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.
När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]
När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]
Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]
Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]
Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]
När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]
Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]
Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]
Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]