En idiotens vejledning til Photoshop, del 3: Pro Tips

Reklame

Indholdsfortegnelse

§1. Introduktion

Denne vejledning er tilgængelig til download som en gratis PDF. Download En Idiot's Guide til Photoshop, Del 3: Pro Tips nu . Du er velkommen til at kopiere og dele dette med dine venner og familie.

§2-Photoshop-tricks du ikke vidste

§3-Oprettelse af en YouTube-banner med links

§4-Grundlæggende Photo Retouchering

§5-BONUS # 1: Oprettelse af en silhuet fra et foto om få minutter

§6-BONUS # 2: Ceating et favicon i Photoshop

§7-Konklusion

1. Introduktion

At lære Photoshop er sjovt og nemt, hvis du er villig til at lære. Faktisk kan denne sætning anvendes til at lære noget, men i denne vejledning lærer du Photoshop, som du gjorde i del I og del II af vores cool photoshop tutorials.

Bare så det ved du, at du læser begge de tidligere manualer, før du læser denne. De dækker materiale, som denne vejledning bygger på.

Den bedste måde at beherske enhver software på er at øve under læsning af trinvise læringsprogrammer. Læse ikke bare. Som det siger siger "Viden er intet uden øvelse." Hvis du bare læser dette, vil du ikke huske noget, så det er vigtigt at øve dig som du læser - så vil du være bekendt med processen og værktøjerne du brugte, og du vil være kunne anvende din viden senere.

Så ikke bare sidde der. Indlæs Photoshop, find nogle billeder at lege med og følg disse instruktioner, som du læser.

Når du har afsluttet dette kapitel i serien, lærer du en masse Photoshop-værktøjer og -teknikker. Hvis nogen spørger, kan du sige "Ja, jeg kender Photoshop". Du skal bare holde øje med.

Der er altid flere måder at gøre noget i Photoshop; Det vigtigste er at lære det grundlæggende - resten er kun begrænset af din fantasi.

Så hvad vil du lære denne gang?

For det første vil vi gennemgå de vigtigste Photoshop-tips og tricks, der vil gøre dit liv nemmere og dramatisk spare dig tid. Derefter vil jeg vise dig, hvordan du opretter et YouTube-banner med links (dette kræver en YouTube-partner-konto). Derefter vil jeg lære nogle grundlæggende teknikker til retouchering af fotos og hvordan du hurtigt opretter en silhuet fra et foto.

Som jeg tidligere har sagt, er det vigtigste at lære at bruge værktøjer i forskellige situationer, så prøv at forestille dig, hvordan du kan anvende visse værktøjer til dine behov.

En ting mere, jeg anbefaler virkelig at downloade og udskrive Photoshop Cheat Sheet (genveje) af MakeUseOf - det er en fantastisk tidsbesparende.

Bare så du ved, jeg bruger Adobe Photoshop CS5 (og anbefales det), men rolig, hvis du bruger en ældre version: næsten alle værktøjer er de samme, og jeg vil påpege dem, der er nye. MakeUseOf har for nylig udgivet en ny guide til Photoshop CS6. Du er også velkommen til at tjekke det ud.

Bemærk også, at jeg bruger Windows, ikke en Mac. Disse tips og tricks vil fungere for Mac-brugere, men de kan kræve lidt forskellige tastetryk. Du er blevet advaret.

2. Photoshop-tricks du ikke vidste

2.1 Flere tilbagekald

I de fleste programmer vil Ctrl + Z fortryde handlinger, du har taget, så du kan gå tilbage i tiden så langt du vil. I PS går Ctrl + Z kun et skridt tilbage, og gentagelse vil kun " fortryde fortrydelsen ". Vil du gå videre videre? Tryk på Ctrl + Alt + Z.

2.2 Ændre størrelsen på den nuværende børste hurtigt

For hurtigt at ændre størrelsen på din pensel: brug "[" for at reducere og "]" for at forstørre.

2.3 Angiv Forgrund / Baggrund til Standard

Standardfarver til forgrunden og baggrunden er henholdsvis sort og hvid, begge farver skal du ofte bruge. Hvis du har ændret disse to farver, men har brug for sort eller hvid, skal du bare trykke " D " på tastaturet for at få standardindstillingerne tilbage: sort / hvid. Dette er meget hurtigt i forhold til at bringe farvepaletten op og ændre farverne manuelt.

2.4 Skift forgrunds- / baggrundsfarver

For at skifte mellem forgrunds- og baggrundsfarver skal du blot trykke på "X".

2, 5 Fyld med farve

For hurtigt at udfylde et valg eller et lag med forgrundsfarven, skal du bruge Alt + Backspace . Ctrl + Backspace fylder med baggrundsfarven.

2.6 Nulstil i stedet for at annullere

Nogle gange kan du ødelægge alt, når du bruger et filter eller et andet værktøj til at redigere en genstand eller et billede. Du vil ikke ødelægge dit billede ved at trykke på Cancel i værktøjs dialogboksen for at åbne værktøjet igen og starte over. Er det dig? Nå, her er en bedre løsning. Mens du stadig er i dialogboksen, skal du holde Alt og trykke på Nulstil, som vises, hvor "Annuller" var før.

2.7 Vælg flere lag

For at vælge to eller flere lag, hold Ctrl nede og klik på de ønskede lag. Hvis du vil vælge et antal på hinanden følgende lag, skal du holde Shift, klikke på det første lag og (stadig holde Shift ) klikke på den sidste. Alle lag mellem disse to vil blive valgt.

2.8 Tegn en perfekt linje med en børste

For at tegne en ret linje med en børste skal du blot klikke, hvor du vil have linjen til at starte, og derefter Skift + klik på slutpunktet (arbejder med 45 ° vinkler).

2.9 Genbrug det sidste filter

Har du brugt et filter en gang, men tror du skal gøre det igen? Brug Ctrl + F. Husk, det virker kun, hvis du tidligere har brugt et filter.

2.10 Duplikere et lag

Der er et par forskellige måder at gøre dette på, men den hurtigste er Ctrl + J. Sørg for at have valgt et lag.

2.11 Ændre størrelse på et objekt, mens du holder billedforholdet

Hvis du vil ændre størrelsen på et objekt uden forvrængning, skal du indtaste Free Transform mode med Ctrl + T, holde Shift og strække eller formindske objektet med musen. Holding Alt + Shift vil ændre størrelsen på objektet i forhold til dets center.

2.12 Hurtig forvrængning

Hvis du vil fordreje et objekt eller et valg, skal du bruge Ctrl + T (Free Transform) og holde Ctrl for at forvride det. Den længere måde: Med Free Transform aktiv, højreklik på markeringen og vælg Distort.

2.13 Opret et nyt lag under / over en aktiv en

Nogle gange har du brug for et nyt lag under eller over en aktiv en, så du trykker på ikonet New Layer og trækker det friske lag under eller over det aktive lag, ikke? Her er en hurtigere måde: Hold Ctrl eller Shift nede, og klik på ikonet Ny lag for at sætte et nyt lag under eller højere.

2.14 Fade sidste filter

Føler du, at filteret du har anvendt er for meget? Brug Fade . Skift + Ctrl + F (Rediger-> Fade ...), og spil med valgmuligheder i dialogboksen, indtil du får det du har brug for:

2.15 Drej baggrund i et regelmæssigt lag

Jeg hader låsikonet på standardbakken, hvilket forhindrer mig i at lave ændringer i det nederste lag. Hvis du også gør det, skal du låse det op ved at trække låsikonet til papirkurvikonet. Det er rigtigt: Klik bare og træk låsen til papirkurven nederst til venstre på lagpanelet, og du er færdig.

2.16 Træk markeringen

Når et valg er lavet, kan du trække det, hvor du vil, ved at holde pladsnøglen (uden at frigive musen):

2.17 Naviger arbejdsområdet til venstre / højre / op / ned

For at navigere til venstre eller højre, hold Ctrl nede og rulle ned eller op, henholdsvis.

For at navigere op eller ned, skal du bare rulle op eller ned uden Ctrl .

2.18 Kopier synlig og indsæt i et nyt lag

Tryk Ctrl + Shift + Alt + E sammen, og du vil kopiere alle synlige elementer og indsætte dem i et nyt lag.

2.19 Hurtig ændring af arbejdsområdet Baggrundsfarve

Der er to hurtige måder at ændre arbejdsområbets baggrundsfarve på:

a) Højreklik på det for at vælge mellem et par forskellige farver:

b) Vælg værktøjet Paint Bucket, vælg en forgrundsfarve og Shift + klik på baggrunden.

2.20 Hurtigt indlæse lagvalg

For hurtigt at indlæse et lagvalg, skal du blot holde Ctrl og klikke på lag miniaturen:

2.21 Skift mellem dokumenter

Spar tid, mens du skifter mellem åbne dokumentvinduer: Brug Ctrl + Tab for at skifte frem og Ctrl + Skift + Tab for at skifte baglæns:

2.22 Hurtig opacitetskontrol

For hurtigt at justere Opacitet for et valgt lag, tryk blot på en nummertast for at indstille en hurtig procentdel (" 1 " = 10%, " 2 " = 20%, " 3 " = 30%, ... osv.). Hvis du har Brush Tool aktiv, vil det justere børstenes opacitet:

Bemærk: Hvis du hurtigt trykker på to tal, ændrer du opacitet til en præcis procentdel (dvs. du ændrer den til 31%, hvis du hurtigt trykker på " 3 " og " 1 ").

2.23 Skift hurtigt mellem værktøjer

Nogle værktøjer har undermenuer. Hvis du vil gennemse dem, behøver du ikke at klikke og holde musen, hvis du kender dette lille trick: Hold Shift nede og tryk på genvejstasten (læs hurtigtaster fra ovennævnte cheat sheet). For eksempel: for Lasso værktøjet, tryk Skift + L.

2.24 Panel Synlighed

Nogle gange vil du se hele din skabelse, men alle de aktive paneler kommer i vejen. Her er nogle tips: Brug F- tasten til at skifte mellem skærmstørrelser, og tryk derefter på Tab for at få alle værktøjsdialogbokse til at forsvinde (rolig. Du kan trykke på Tab igen for at få dem tilbage).

2.25 Præcis markør

Drej Caps Lock på, hvis du vil have din cursor til at være præcis:

2.26 Spring gennem blandingsindstillinger

For hurtigt at springe gennem blandingsindstillingerne for et valgt lag skal du holde Shift og trykke på - / + :

2.27 Skjul andre lag

Hvis du vil skjule alle andre lag end den valgte, skal du holde Alt og klikke på "øje" -ikonet:

2, 28 Vis / Skjul Følgende Lag

Vil du vise eller skjule lag i træk? Du kan bare klikke på startlagets øjeikon og uden at løsne musen, bevæges op eller ned, indtil du når det sidste lag:

2, 29 Zoom til 100%

Denne er meget nyttig. For at bringe visningen til 100% skal du blot dobbeltklikke på zoomværktøjet:

2, 30 Juster numeriske værdier

Næsten hver dialogboks og panel i Photoshop har nogle justerbare numeriske værdibokse. Du skal bare trække og slippe ikonet ved siden af ​​disse felter for hurtigt at justere nummeret. Du skal blot sætte markøren hen over ikonet til venstre for værdiboksen, holde den og træk til højre eller venstre for at øge eller reducere værdien. Du kan holde Shift, mens du trækker, hvis du vil hoppe med 10:

2.31 Slet skjulte lag

Dette lille tip hjælper dig med at slippe af med alle skjulte lag i et dokument, hvilket er særligt nyttigt, hvis du arbejder med mange lag. Et klik: Gå til Layers-> Slet-> Skjulte lag :

2.32 Slet tomme lag

Nogle gange kan du i et højhastighedstog efter din fantasi skabe et lag og lade det stå uberørt. Så det forbliver der - tomt. Hvad hvis du har 50 lag og nogle af dem er tomme? Gå til File-> Scripts-> Slet alle tomme lag :

3. Oprettelse af et YouTube-banner med links

Hvis du har en YouTube-partnerkonto, har du flere muligheder for at stylisere din kanalside end en almindelig YouTube-bruger. En af de bedste muligheder er at tilføje et brugerdefineret banner til din side, som du ser på de fleste kanaler i overskriftsafsnittet.

I dag lærer du at oprette det banner i Photoshop. Endnu bedre: Du vil oprette et banner med links (for eksempel til dine sociale sider, som Facebook og Twitter eller til din hjemmeside).

For at starte skal du oprette et nyt dokument (Ctrl + N) i Photoshop.

Vi opretter en maksimal størrelse banner så sæt bredde til 960 px og højde til 150 px . Sørg for, at opløsningen er 72 px / tommer og tryk OK:

Lad os nu tilføje nogle grafik og knapper.

Selvfølgelig vil du gerne have dit logo der. Importer din logo-fil til Photoshop. Hvis det er en billedfil, kan du bare trække og slippe.

Juster logoet, uanset hvor du vil. Jeg brugte den klassiske position: øverste venstre hjørne.

Tilføj noget tekst, der beskriver dit erhverv med tekstværktøjet (T) lige under logoet.

Hvis du ønsker, skal du ændre baggrundsfarven. Tilføj en gradient, eller gør hvad du vil. Jeg vil bare tilføje en gradient.

Brug Gradient-værktøjet (G) til at udfylde baggrunden med en gradient:

Ok, nu har vi en simpel, næsten klar til at bruge banner:

Men vi har brug for sociale knapper: det er hovedfokuset på denne vejledning. Så lad os hente nogle ikoner fra Google. Bare søg efter RSS, Twitter, Facebook ikoner (eller andre, hvis du vil), kopier og indsæt dem i dit arbejdsområde i Photoshop og juster dem til højre side af banneret:

For at tilføje dybde til vores ikoner lad os tilføje lidt skygge. For at gøre det skal du højreklikke på et ikons lag og vælge Blandingsindstillinger :

I popup-dialogboksen skal du vælge Drop Shadow (standardværdier er OK):

Anvend den samme effekt på andre ikoner (du kan højreklikke -> Kopier lag stil og derefter indsætte lag stil i lagpanelet).

Tilføj noget tekst, som "Stay Tuned", lige over ikonerne:

Lad os sige, at vi fik det, vi havde brug for, og nu lad os gemme det til internettet. Gå til File-> Save for Web & Devices, vælg PNG-8 (for bedre kvalitet) fra rullemenuen og gem den et eller andet sted:

Lad os nu gå videre til upload og kodning.

Log ind på din YouTube-konto og gå til Branding Options / Bannere og Billedkort, klik på Vælg fil og upload dit banner:

Sæt 150 i kanalbannerhøjde tekstområde:

Klik nu på Gem ændringer i nederste højre hjørne og gå til din YouTube-partnerside og tjek dit banner. Det er der, men linkene virker ikke.

Nå, lad os tilføje disse links.

For at tilføje links til et billede skal du oprette en kortkode for den. Vær ikke bange, det kræver ikke kodning færdigheder, og næsten alt er automatiseret med gratis online-værktøj på Image-Maps.com.

Gå til www.image-maps.com, bliv til dit banner og klik på Start Mapping dit billede:

Derefter vil du se en "help image-maps.com" side, vente 10 sekunder og klikke Fortsæt til næste trin .

På højre side vil du se et menupunkt, klik på Rektangel :

Se på dit banner, du vil se, at der er et rektangel med tekstområder:

Træk / stræk rektanglet for at passe til det første ikon (ikke bekymre dig om tekstområderne for nu, vi ændrer dem i koden) og klik på Gem :

Gør det samme for de andre ikoner.

Når alle ikoner / knapper er kortlagt, skal du klikke på Få din kode i højre panel:

Klik på HTML-kode på denne side:

Her kommer den vanskelige del.

Når du har slået HTML-kode knappen, vil du blive taget til din kode, som vil virke meget "travl". Faktisk er der mange ubrugelige elementer. Luk ikke det.

Jeg har udarbejdet en ren version (for tre knapper på dit banner); Du kan bare kopiere det og følge de yderligere instruktioner.

Ren kode:

Forklaringer af markerede (i røde) værdier:

• full_path_to_your_banner - Gå til din YouTube-side og højreklik på dit banner (som du allerede har uploadet) og (afhængig af din browser) find dit banner hele webadressen og kopier det. Det skulle være noget som http://i2.ytimg.com/u/UcJ1c4V37ArMB8VDO33RhA/profile_header.jpg" . Udskift derefter full_path_to_your_banner med banneret URL.

• ethvert navn - angiv et navn der, som "my_mapcode" eller "johnsmap" osv.

• koordinater1 fra image-maps.com - hvis du tjekker HTML-koden, der genereres af billedkortene før i trin 3.18, vil du se linjer som denne:

Kopier disse cifre (fremhævet) som de er, og indsæt dem i stedet for koordinater1 fra image-maps.com (i den rigtige rækkefølge, dvs. første koordinater i stedet for koordinater1, andet - i stedet for koordinater2 og så videre).

• first_button_link - linket hvor din første knap vil føre til. For eksempel, hvis din første knap er Facebook-siden, vil din first_button_link være linket til din Facebook-side, herunder http: // . Dette er det samme for de andre knapforbindelser (dine links til Twitter, Google og andre profiler / websteder).

• title_text_for_first_link - title er en tekst, der vises, når en besøgende svæver musen over et link på dit banner. Så skriv en beskrivelse der for hvert link, som "Tilmeld dig vores Facebook-fællesskab", "Følg os på Twitter" og så videre.

Udskift alle værdier, jeg markerede i rød med henholdsvis værdierne fra din HTML-kode.

Når du er færdig med kortnummeret, kan du lukke image-maps.com og glemme det. Gå til din YouTube-side igen, Branding Options / Bannere og Billedkort og kopier og indsæt din færdige kortkode i det tilsvarende område og klik på Gem ændringer .

Det er det. Opdater din YouTube-side og tjek dine links.

4. Grundlæggende foto retouchering

Uanset om du er en professionel fotograf eller bare tager billeder som en hobbyist, skal du stadig tilpasse billeder for at få dem til at se bedre ud. Du behøver ikke et laboratorium, som det var før digital fotografering; alt hvad du behøver nu er en computer og nogle foto retouchering værktøjer.

Photoshop kommer som altid til nytte. Og hvis du kun bruger Photoshop til hurtig billedretouchering, behøver du ikke beherske alt om programmet. Du behøver kun de mest vigtige værktøjer.

Disse værktøjer er det grundlæggende, og jeg vil kun vise den grundlæggende brug for dig at blive fortrolig med dem. Alt du behøver for mere avancerede metoder er praksis.

Så lad os sige, at du har taget nogle fine billeder og vil lave nogle ændringer, rettelser og så videre. Upload det til din maskine og åbn det med Photoshop.

4, 1 niveauer

Dette er det første værktøj jeg begynder at spille med, da jeg åbner et billede. Det giver dig kontrol over lysstyrkeniveauer med et billedhistogram. Det er meget nyttigt, når du vil gøre skyggerne mørkere, eller frontobjektet lysere, eller himlen mere levende og så videre. Læs også vores relaterede artikel "Sådan løser du overeksponerede fotos i Photoshop Sådan repareres overeksponerede fotos i Photoshop Sådan løses overeksponerede fotos i Photoshop Hvis du er fotograf og har en god følelse af lys, er denne vejledning ikke for dig. Du ved sikkert, hvordan du løser overeksponerede eller undereksponerede fotos. Målgruppen her er wannabe ... Læs mere "

Kontrolerne markeret i røde kredse kan flyttes til venstre eller højre. Drop-down menuen i den grønne cirkel giver dig kontrol over farvekanalerne på et billede. Spil med det.

4.2 fotofilter

Photo Filter- værktøjet er meget praktisk, når du vil anvende en farve til hele billedet, ændre dets "humør" (du vil give en gul-farven farve til et efterårsbillede og en koldere blå-isfarve til en vinter billede).

Du kan vælge fra standardfilterforvalg i rullemenuen eller anvende din brugerdefinerede valgte farve og justere densiteten af ​​det valgte filter. Jeg har valgt Cooling Filter til mit billede for at forbedre den blå tone i vandet:

4.3 Dodge og Burn

Faktisk er det to forskellige værktøjer, men jeg sætter dem i en kategori, da de gør det modsatte af hinanden. Dybest set gør Dodge- værktøjet de berørte områder lettere, og Burn- værktøjet gør dem mørkere.

Med disse to små værktøjer kan du dramatisk forbedre et billede, hvilket giver det et helt andet udseende. Se eksemplet nedenfor, som jeg lavede hurtigt for at lade dig se det mindste af hvad du kan gøre:

4.4 Spot Healing Brush

Denne kom med CS2, som jeg husker, og hjælper med digital "helbredelse", nogle gange kaldet "airbrushing". Næsten hver pige vil klage over sit billede og sige "fjern denne plads" eller "Jeg vil ikke have denne muldvarp". Intet problem: Med Spot Healing brush værktøjet kan du gøre hende glad!

Jeg har fjernet den berømte Cindy Crawford-mole med et enkelt klik:

4, 5 sløring

Blur-værktøjet bruges bedst, når du vil fokusere på en genstand eller et område af et billede. Der er et mere omfattende redskab til sløring i menuen Filtre, som har forskellige sløringsmetoder. Den jeg viser dig er det grundlæggende værktøj.

Dette uskarphed værktøj bruges som en børste, hvilket betyder at det gælder for området under din mus. Brug den til at ændre fokus på et billede. For eksempel: at gøre baggrunden sløret giver en dybde til dit billede:

4.6 Content-Aware Fill

Nu er dette værktøj ikke noget grundlæggende: det er så magtfuldt som Harry Potter's stav, og det kan nemt være genstand for sin egen guide. Det er kun i Photoshop CS5 og senere, så hvis du har en ældre version ... undskyld.

Med Content-Aware Fill kan du fjerne uønskede ting fra et billede uden at efterlade et sort sted: Photoshop vil gætte hvad der skal være der og udfylde hullet. Før CS5 var det ikke en nem opgave, men nu er det nemt. Selvfølgelig er det ikke perfekt, og for at få de bedste resultater bliver du nødt til at foretage nogle tilpasninger, men dette værktøj gør jobbet bemærkelsesværdigt godt.

Grundlæggende beregner værktøjet det omgivende område af et valg og derefter "maler" det område du fylder med et gæt om, hvad der skal være der. Du skal virkelig spille med dette for at tro på det: Vælg bare det objekt, du vil fjerne, og lad lidt plads rundt ved at udvide markeringen. Derefter og påfyld fillet ( Rediger-> Fyld eller Skift + F5 ):

Med de 6 værktøjer kan du give dine billeder et nyt udseende om et par minutter. Spil rundt med værdierne og indstillingerne, og du vil blive mere fortrolig med dem.

5. BONUS # 1: Oprettelse af en silhuet fra et foto om få minutter

Hvad er en silhuet? Det er en oversigt over enhver figur fyldt med en solid farve, typisk en mørk skygge. Du ser en naturlig silhuet, når man ser på noget mod en solnedgang.

Silhuetter er meget nyttige, når det kommer til grafik: De passer næsten altid med baggrunden, da de ikke har mange detaljer for at forstyrre billedet. Desuden kan silhuetter bruges til at skabe brugerdefinerede former og børster.

I denne hurtige vejledning lærer du, hvor nemt du kan oprette en silhuet fra næsten ethvert billede i Photoshop.

Husk på, at det vigtigste skridt er at gøre et godt valg - jo mere præcist er det af bedre kvalitet, din endelige silhuet bliver.

Trin 1

Åbn et billede i Photoshop og foretag et valg. Jeg har lavet min ved hjælp af Magnetic Lasso værktøjet. Det er nemmere at lave et valg på billeder, der har en baggrund med få detaljer:

Trin 2

Opret et nyt lag ved at klikke på det lille ikon på paletten Lag:

Trin 3

Udfyld markeringen med sort:

Trin 4

Nu slippe af med baggrunden ved blot at slette det oprindelige lag (i mit tilfælde er det billedlaget):

Det er det. Silhuetten er nu klar til brug. Du kan nu sætte denne silhuet foran noget. Her er nogle "kunst":

6. BONUS # 2: Oprettelse af et favicon i Photoshop

Hvis du er en hjemmeside ejer, eller planlægger at være en, skal du have et favicon. Hvad er det? En favicon er et lille (16 × 16 pixel) ikon eller billede, der vises i adresselinjen eller fanen i din internetbrowser.

Det er en vigtig del af dit websites identitet, ligesom dit logo, så undervurder det ikke.

Du kan ikke bare oprette et 16x16px billede, ændre dets filtypenavn til .ico og bruge som et favicon. Der er mange værktøjer til at oprette et favicon, men jeg vil vise dig, hvordan du gør det i Photoshop.

1. Photoshop genkender slet ikke .ico-formatet selv, så vi har brug for et plugin for at gøre Photoshop "venlig" med det. Plugin er gratis, og du kan downloade den fra Telegraphics. Det hedder ICO (Windows Icon) Format :

2. Nu skal du installere det på dit system:

Luk Photoshop, hvis den er åben.

Udpak arkivet og kopier og indsæt ICOFormat.8bi filen i mappen File Formats i Photoshop-mappen (Programfiler / Adobe Photoshop / Plugins / File Formats for Windows-brugere).

3. Åbn Photoshop og opret et nyt dokument på 64px i bredde og 64px i højden (det vil være for svært at arbejde med 16 × 16, så det er mere behageligt at bruge et 64 × 64 lærred).

4. Hvis du har et logo, skal du ændre størrelsen på et firkant, åbne det med Photoshop og ændre størrelsen på billedet til 64 × 64. Når du ændrer størrelsen, skal du vælge Bicubic Sharper, da hvis du ikke gør det, vil det sløre billedet:

Tweak dit billede lidt. Du skal nok bruge blyantværktøjet til at korrigere ting her og der, og måske skærp lidt. Når du føler, at den er klar, skal du ændre dit billede til den endelige 16 × 16 og se, om det ser OK ud.

Hvis du føler at det har brug for mere arbejde, skal du fortryde størrelsen og fortsætte med at arbejde. Når det er endelig klar, skal du ændre størrelsen på 16 × 16.

5. Vi skal nu gemme det i .ico- format.

Da vi har installeret ICO-plugin'et, kan Photoshop nu gemmes som en ICO. Bare gå til File-> Save As ... og vælg Windows ICO i rullemenuen (husk at kalde det " favicon "):

Upload nu din favicon.ico til dit websites rodkatalog ved hjælp af din foretrukne FTP-klient. Det er bedre at uploade det i rodmappen, så browsere finder det automatisk, men jeg vil vise dig en lille HTML-kode, der hjælper browseren med at finde dit favicon sikkert:

Tilføj denne kode et sted mellem

header.php. Du er færdig!

7. Konklusion

Det er det for nu! Jeg håber, at denne vejledning lærte dig noget, og hold dig opdateret til den næste Photoshop-guide fra MakeUseOf.com.

Flere Photoshop guider:

• Nem Photoshop Guide: Del 1
• En idiot's Photoshop Manual - 2
• En idiotens vejledning til Photoshop, del 4: Avancerede funktioner og sjove fotoeffekter
• Hvad er nyt i Photoshop CS6, din ultimative oversigt