{"id":75270,"date":"2022-09-21T20:57:36","date_gmt":"2022-09-22T01:57:36","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-man-lagger-till-texturer-till-text-i-adobe-photoshop\/"},"modified":"2022-09-21T20:57:36","modified_gmt":"2022-09-22T01:57:36","slug":"hur-man-lagger-till-texturer-till-text-i-adobe-photoshop","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-man-lagger-till-texturer-till-text-i-adobe-photoshop\/","title":{"rendered":"Hur man l\u00e4gger till texturer till text i Adobe Photoshop"},"content":{"rendered":"
\n

Ett mycket enkelt s\u00e4tt att ge text till liv i logotyper, sidhuvuden och andra delar av ditt varum\u00e4rke \u00e4r att l\u00e4gga till textur till den. <\/p>\n

Oavsett om det \u00e4r en akvarelleffekt, metall, l\u00e5gor eller n\u00e5got annat, kan textur v\u00e4cka intresse f\u00f6r annars platt typ.<\/p>\n

H\u00e4r \u00e4r stegen du beh\u00f6ver f\u00f6r att l\u00e4gga till en textur till text i Adobe Photoshop\u2026<\/p>\n

<\/span> Steg 1: L\u00e4gg till din text<\/span><\/h2>\n

Anv\u00e4nda Text<\/strong> skriv din text i Photoshop. Du m\u00e5ste anv\u00e4nda ett tjockare teckensnitt f\u00f6r att se till att hela effekten av texturen \u00e4r synlig \u2014 v\u00e4lj \u00e5tminstone en fet variant av ditt valda typsnitt.<\/p>\n

F\u00f6rs\u00f6k ocks\u00e5 att matcha teckensnittet till den typ av textur du vill anv\u00e4nda. Ett handskrivet typsnitt fungerar bra med en akvarellstruktur; ett skivteckensnitt passar bra med en metallisk effekt, och s\u00e5 vidare. Kolla in v\u00e5r guide som beskriver var du kan ladda ner free teckensnitt f\u00f6r att \u00f6ka dina alternativ.<\/p>\n

F\u00e4rgen p\u00e5 texten spelar ingen roll eftersom den snart kommer att t\u00e4ckas av en textur.<\/p>\n

\n<\/figure>\n

<\/span> Steg 2: Hitta en textur<\/span><\/h2>\n

Din konsistens kan komma fr\u00e5n tv\u00e5 st\u00e4llen. Du kan antingen g\u00f6ra det manuellt p\u00e5 ett separat lager i din Photoshop-fil, eller s\u00e5 kan du importera det fr\u00e5n en extern bildfil.<\/p>\n

Det \u00e4r tillr\u00e4ckligt enkelt att skapa dina egna texturer i Photoshop f\u00f6r enkla saker, som att l\u00e4gga till en f\u00e4rggradient till din text. Men i m\u00e5nga fall \u00e4r det b\u00e4ttre att anv\u00e4nda en befintlig textur fr\u00e5n en annan fil. Du kan hitta m\u00e5nga f\u00e4rdiga p\u00e5 n\u00e5gra av de b\u00e4sta free webbplatser f\u00f6r stockbild.<\/p>\n

<\/span> Steg 3: Placera texturen<\/span><\/h2>\n

N\u00e4sta steg \u00e4r att placera din textur. Om du har gjort din egen, se till att den ligger p\u00e5 ett lager som ligger direkt ovanp\u00e5 ditt textlager.<\/p>\n

Om du importerar en textur fr\u00e5n en annan fil, g\u00e5 till Fil<\/strong> > Placera inb\u00e4ddad<\/strong>. Navigera sedan till texturen du anv\u00e4nder och tryck p\u00e5 Plats<\/strong> knapp.<\/p>\n

\n<\/figure>\n

Om bilden helt t\u00e4cker din text, tryck Stiga p\u00e5<\/strong>. Om den inte \u00e4r det kan du f\u00f6rstora strukturen med hj\u00e4lp av handtagen i h\u00f6rnet av bilden f\u00f6r att \u00e4ndra storleken. (Se till att h\u00e5lla nere Flytta<\/strong> om du vill beh\u00e5lla bildens proportioner.) Tryck nu Stiga p\u00e5<\/strong> g\u00e5 vidare.<\/p>\n

\n<\/figure>\n

<\/span> Steg 4: Skapa en urklippsmask<\/span><\/h2>\n

G\u00e5 till din Skikten<\/strong> panel. (Om det inte visas, g\u00e5 till Windows<\/strong> > Skikten<\/strong>.) Du b\u00f6r se tre lager i filen \u2014 bakgrunden, texten och strukturen.<\/p>\n

Se till att lagret som inneh\u00e5ller texturen placeras precis ovanf\u00f6r texten. H\u00f6gerklicka nu p\u00e5 det lagret och v\u00e4lj Skapa urklippsmask<\/strong>.<\/p>\n

\n<\/figure>\n

Hela texturlagret kommer att f\u00f6rsvinna och bara vara synligt d\u00e4r det finns text under det.<\/p>\n

\n<\/figure>\n

<\/span> Steg 5: Justera positionen<\/span><\/h2>\n

B\u00e5de text- och texturlagren f\u00f6rblir fullt redigerbara, precis som vanliga lager \u00e4r. Det betyder att du kan g\u00e5 tillbaka in och redigera texten utan att beh\u00f6va ta bort eller applicera texturen igen. L\u00e4gg till mer text och texturen kommer automatiskt att placeras p\u00e5 den.<\/p>\n

Om texturen inte \u00e4r placerad exakt d\u00e4r du vill ha den, v\u00e4lj lagret och \u00f6ppna Markeringsverktyg<\/strong>, eller tryck p\u00e5 M p\u00e5 tangentbordet. Du kan flytta runt texturen genom att h\u00e5lla ned Ctrl<\/strong> p\u00e5 Windows eller Cmd<\/strong> p\u00e5 Mac och dra runt bilden med musen.<\/p>\n

\n<\/figure>\n

Om du vill \u00e4ndra storlek p\u00e5 den h\u00f6gerklickar du var som helst p\u00e5 texten och klickar Free Omvandla<\/strong>. Detta kommer att \u00e5teraktivera begr\u00e4nsningsrutan runt texturen och du kan \u00e4ndra storlek p\u00e5 den p\u00e5 samma s\u00e4tt som beskrivs i steg 3 ovan n\u00e4r du placerar bilden.<\/p>\n

<\/span> Steg 6: F\u00f6rl\u00e4ng eller mjuka upp textkanterna<\/span><\/h2>\n

Vid det h\u00e4r laget borde din bild se ganska bra ut, och du kan l\u00e4mna saker d\u00e4r om du \u00e4r n\u00f6jd. Men det finns ett sista, valfritt steg du kan prova.<\/p>\n

Beroende p\u00e5 vilken typ av effekt du \u00e4r ute efter kanske du inte alltid vill ha h\u00e5rda kanter p\u00e5 din text. En flamstruktur kan till exempel str\u00e4cka sig bortom kanterna p\u00e5 dina karakt\u00e4rer, eller s\u00e5 kan en korrosionseffekt \u00e4ta sig in i dem. Lyckligtvis \u00e4r detta l\u00e4tt att uppn\u00e5.<\/p>\n

F\u00f6r att klippa bort kanterna fr\u00e5n din text, v\u00e4lj Text<\/strong> lager och klicka L\u00e4gg till vektormask<\/strong>. V\u00e4lj nu Borsta<\/strong> verktyg (B) och v\u00e4lj en pensel som passar den stil du vill ha.<\/p>\n

St\u00e4ll sedan in F\u00e4rg<\/strong> till svart, se till att du har valt vektormasken och m\u00e5la \u00f6ver kanterna p\u00e5 texten. M\u00e5la vitt f\u00f6r att \u00e5terst\u00e4lla alla delar som du har tagit bort av misstag. Det borde se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n

\n<\/figure>\n

F\u00f6r att l\u00e4gga till mer textur bortom kanterna p\u00e5 din text, v\u00e4lj Text<\/strong> lager, ta sedan tag i Borsta<\/strong> verktyg. Dubbelklicka p\u00e5 duken. Du kommer att uppmanas att konvertera texten till ett rasterlager. Det betyder att du inte l\u00e4ngre kommer att kunna redigera texten, s\u00e5 du kanske vill duplicera textlagret f\u00f6rst f\u00f6r att skapa en s\u00e4kerhetskopia. Klick OK<\/strong> att forts\u00e4tta.<\/p>\n

V\u00e4lj en l\u00e4mplig pensel och st\u00e4ll in f\u00e4rgen p\u00e5 vit. B\u00f6rja nu m\u00e5la runt kanterna p\u00e5 texten och du kommer att se mer av din textur visas. Eftersom vi inte anv\u00e4nder en mask h\u00e4r, m\u00e5ste du anv\u00e4nda \u00c5ngra<\/strong> verktyg f\u00f6r att ta bort eventuella misstag.<\/p>\n

Resultatet kommer att se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n

\n<\/figure>\n

<\/span> Steg 7: Spara din bild<\/span><\/h2>\n

Det sista steget \u00e4r att spara eller exportera din bild. Spara den som en PSD-fil f\u00f6r att spara en huvudkopia med alla redigerbara lager i takt. Eller spara den som en JPEG f\u00f6r att spara en tillplattad kopia av bilden med vit bakgrund.<\/p>\n

F\u00f6r att spara texten med en genomskinlig bakgrund, kanske f\u00f6r anv\u00e4ndning p\u00e5 webben eller i ett annat grafiskt designdokument, ta bort eller d\u00f6lj det vita bakgrundslagret och spara sedan bilden som en PNG-fil (eller en GIF).<\/p>\n

<\/span> Uppt\u00e4ck fler Photoshop-tricks<\/span><\/h2>\n

Som du kan se \u00e4r det ganska enkelt att l\u00e4gga till en textur f\u00f6r att skriva i Photoshop. Det viktigaste \u00e4r att f\u00e5 r\u00e4tt textur och r\u00e4tt typsnitt. Om du beh\u00f6ver hj\u00e4lp med att v\u00e4lja typsnitt f\u00f6r dina projekt, hj\u00e4lper v\u00e5r artikel om typsnittskombinationstips.<\/p>\n

Klippmasken som vi har anv\u00e4nt i den h\u00e4r handledningen \u00e4r ett mycket m\u00e5ngsidigt verktyg som l\u00e4mpar sig f\u00f6r m\u00e5nga coola anv\u00e4ndningsomr\u00e5den. Det g\u00f6r att du kan besk\u00e4ra bilder p\u00e5 unika s\u00e4tt samtidigt som du ser till att de fortfarande \u00e4r fullt redigerbara. Du kan l\u00e4ra dig en av de b\u00e4sta anv\u00e4ndningsomr\u00e5dena i v\u00e5r guide som beskriver hur du besk\u00e4r bilder med hj\u00e4lp av former i Photoshop.<\/p>\n

Om f\u00f6rfattaren<\/strong><\/p>\n

Andy Betts (217 publicerade artiklar)
<\/strong><\/p>\n

Andy \u00e4r frilansskribent och juniorredakt\u00f6r f\u00f6r Android p\u00e5 MUO. Han har skrivit om konsumentteknologi sedan b\u00f6rjan av 2000-talet f\u00f6r ett brett utbud av publikationer och har en passion f\u00f6r allt som r\u00f6r mobilt.<\/p>\n

Mer fr\u00e5n Andy Betts<\/p>\n

<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n

G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n

Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n