Hur man skapar en ikon i Photoshop. Photoshop-lektioner: Hur man gör en professionell mänsklig ikon i Photoshop

God dag till alla mina kära vänner! Du vet? Ibland blir de så tråkiga standardetiketter, eller snarare ikoner, att du vill ha något nytt för att diversifiera din tid vid datorn. Du kan naturligtvis ändra skrivbordsbakgrunden, men idag skulle jag vilja berätta hur du gör en ikon från en bild med min favorit Photoshop.

Många antar felaktigt att det räcker för en ICO, och bilden kommer omedelbart att omvandlas till just denna ikon. Jaja. Prova själv så får du ett felmeddelande när du försöker ersätta genvägsbilden. I allmänhet, låt oss göra bättre än att prata) Låt oss gå!

Nu vill jag ändra ikonen för min webbläsare Google Chrome. Vad är det bästa sättet att hantera den här situationen? Låt oss gå i ordning.

Vad ska man göra då? Hur kan vi då göra en ikon? Ja, det är elementärt. Ett externt plugin (tillägg) hjälper oss med detta, tack vare vilket formatet vi behöver blir tillgängligt för att spara. I allmänhet, kom igen, upprepa efter mig.

Vad gjorde vi just? Vi laddade ner plugin-filer (för olika bitdjup), som dessutom installerade nytt format i Photoshop. Filmapp Format används bara för att koppla ihop nya format. Jag hoppas att jag förklarar tydligt? Du vet aldrig)

Nåväl, gå tillbaka till Photoshop, öppna bilden som du vill göra en ikon av. Nu kan du spara filen med filtillägget ICO. Spara bara bilden som vanligt och välj nu nödvändig förlängning från listan.

VIKTIG! Om du har stor bild, då kommer du inte att se ico-formatet i listan över acceptabla när du sparar. Faktum är att den här funktionen inte är tillgänglig om din bild överstiger storleken 256*256. Om så är fallet, bara upp till 64*64. Jag tror inte du behöver mer. Efter utbyte kommer tillägget att vara tillgängligt.

Nåväl, nu är saken liten, allt som återstår är att byta ut det mottagna föremålet på etiketten. För att göra detta, klicka Högerklicka möss på önskad genväg och välj Egenskaper. Välj efter det "Byta ikon" och leta nu efter den nyligen sparade ikonen där du placerade den genom att först klicka på bläddringsknappen.

Så hur? Har du en önskan att uppdatera dina etiketter? Du kan experimentera och förvandla skrivbordet något.

Tja, i allmänhet, om du vill behärska Photoshop väl, så rekommenderar jag starkt att du tittar underbara video tutorials, tack vare vilken du kommer att lära dig hur du använder denna underbara fotoredigerare. Alla lektionerna är helt fantastiska. Jag såg den själv och lärde mig en massa nya saker.

Tja, det är dags att känna äran. Jag är klar för idag. Jag hoppas att du gillade min artikel och jag kommer att se dig i mina andra inlägg. Och självklart rekommenderar jag att du prenumererar på blogguppdateringar för att inte missa något intressant. Jag önskar er framgång! Hejdå.

Med vänlig hälsning, Dmitry Kostin.

Hur du snabbt och enkelt skapar din egen ikon i Photoshop. Vi kommer att spara ikonen i Photoshop som icon format.ico
Först måste du göra stöd för .ico-formatet i Photoshop.

Stöd för ICO-format

Nyligen behövde jag rita en favoritikon för en vän i Photoshop. Efter att ha börjat jobba insåg jag plötsligt det photoshop inte vän med ico formatera. Utan att tänka två gånger kom jag plötsligt ihåg att jag redan hade stött på detta och jag kunde bara bli vän med ico med ett plugin som jag kommer att berätta om.
Att skaffa vänner photoshop cs6 och yngre med ico format (för att få vänner är att öppna ico-formatet, redigera det, spara det till ett annat format eller spara det i ico) vi behöver ett plugin.
Så först av allt, låt oss ladda ner plugin-programmet, ungefär från den här webbplatsen, och välj för vilket bitdjup (jag vet inte hur jag gör Windows bitdjup) behöver du en plugin för antingen ett 32-bitars eller ett 64-bitars system

Efter att du har laddat ner Zip fil extrahera en fil från den med tillägget 8bi.


Lägg nu den här filen i en mapp (för 32-bitars och 64-bitars system)
C:/Program Files/Adobe/Adobe Photoshop CS6 (64 bitar)/Obligatoriska/Plug-Ins/Filformat/
C:/Program Files (x86)/Adobe/Adobe Photoshop CS6/Obligatoriska/Plug-Ins/Filformat


Efter det, avsluta photoshop och starta det igen. Nu kan du spara i ico och öppna ico-format direkt i din favorit photoshop editor. Det enda är att om du vill spara i ico-format måste storleken vara 16 gånger 16 pixlar annars KOMMER det INTE att finnas ett fönster med valet att spara i ico!

Efter att Photoshop redan har stöd för ico-formatet kan vi börja skapa en ikon i Photoshop. Är du bra på att rita kan du rita på ett nytt dokument, med genomskinlig bakgrund ikon. Upplösning inte mer än 512 x 512 pixlar. Hur som helst kommer vi att spara ikonen inte i formatet 512 x 512, utan i ett mindre format!

Som vi kan se har bilden ingen bakgrund. Det är perfekt för oss skapa ikoner i ico-format i photoshop. Öppna den i Photoshop, gör storleken 256×256 pixlar och spara den i ico-format

Vår ikon är klar och vi använder den framgångsrikt!

Skapa ikoner kan vara ganska utmanande eftersom du behöver kunna skapa en flexibel design som enkelt kan skalas upp eller ner. För att uppnå denna enkla kapacitet att ändra storlek använder grafiska designers vanligtvis programvara för att arbeta med dem. vektorgrafik, som Illustrator. Men i denna handledning, som riktar sig till medelstora användare, visar vi dig hur du förvandlar en skiss till en fantastisk ikon med Photoshop. Du behöver grundläggande kunskaper Photoshop-program och i synnerhet pennverktyget.

Förhandsvisning

Introduktion

I den här handledningen ritas nästan alla former med pennverktyget i Photoshop. Om du inte vet hur man använder det här verktyget kan du hänvisa till den utmärkta handledningen som heter: "" från en av de erfarna grafiska formgivare på den specialiserade sajten PSDfan.

Steg 1: Skapa ett Photoshop-dokument

För att komma igång, skapa i Photoshop nytt dokument med de inställningar som visas här.

För enkelhetens skull, fyll i bakgrundslager nyans av grå och ställ in en vertikal guide i mitten av dokumentet: Visa – Ny guide (Visa > Ny guide). Denna guide hjälper till att uppnå symmetri i designen.

Steg 2: Börja med grunderna

En av de mest enkla sätt För att uppnå symmetri för en form (ritning) är att först rita bara hälften av den. Välj pennverktyget (P) från verktygslådan och rita formen som visas nedan. Innan du ritar din form, se till att du väljer Formlager från menyn Alternativ och ställer in din förgrundsfärg till svart (#000000).

När du har ritat hälften av formen (ritningen), välj verktyget Banval och klicka på formen på duken.

Tryck nu på Ctrl+C och sedan Ctrl+V för att kopiera och klistra in samma sökväg på lagret.

Välj sedan Redigera – Transformation – Vänd horisontellt (Redigera – Transformation – Vänd horisontellt) och flytta den andra halvan av formen till höger sida så att dess två halvor är sammankopplade.

Med Path Selection Tool valt, sträck ut markeringen över båda halvorna och klicka sedan på "Unite"-knappen i Options-menyn; detta kommer att ansluta de två halvorna till en helhet, och som ett resultat kommer vi att ha en symmetrisk figur.
Namnge ditt formlager "huvud" för att hålla dina lager organiserade och lätta att navigera.

Steg 3: Applicera en stil på huvudlagret

Välj Stilinställningar för "huvud"-lagret och tillämpa följande på det:

Inre glöd

Övertoningsfyllning (övertoningsöverlägg)

Så här ska det se ut efter att du applicerat de angivna lagerstilarna.

Steg 4: Lägg till skuggor till huvudlagret

Skapa ett nytt lager och placera det under "huvudlagret".

Fyll ett urval på den med hjälp av Elliptical Marquee Tool (M) och minska dess opacitet till 30 %.

Applicera sedan två filter på den - Gaussisk oskärpa och rörelseoskärpa.
Filter – Oskärpa – Gaussisk oskärpa (Filter > Oskärpa > Gaussisk oskärpa)

Ställ in radien på 3,0 px.

Filter – Oskärpa – Rörelseoskärpa (Filter > Oskärpa > Rörelseoskärpa)

Ställ in vinkeln på 0° och avståndet till 30px.

Skapa ett nytt lager och klicka på "huvud"-lagret medan du håller ned Ctrl-tangenten för att skapa en markering runt den och sedan fylla den med svart på ett nytt lager.

Med valet aktivt, gå till menyn Välj > Ändra > Expandera och utöka urvalet med 2px.

Flytta markeringen 5px upp och klicka på Ta bort nyckel för att rensa området under markeringen.

Välj Flyttverktyget (V) och flytta lagret 3px nedåt.

Till sist, applicera ett Gaussian Blur-filter med en radie på 2,5 px och reducera lagrets opacitet till 50 %. Om du följde våra instruktioner exakt, kommer du att ha det i detta skede något sådant kommer att hända.

Steg 5: Skapa en skjorta

Använd pennverktyget, rita en form som liknar den nedan och döp den till "skjorta".

När du är klar med att rita formen, applicera en övertoningsöverlagring på lagret. ljusgrå nyans.

Steg 6: Skapa halsen

Välj det rektangulära markeringsverktyget (M) och, på ett nytt lager, fyll markeringen med valfri färg som visas nedan (vi kommer att lägga till en stil till lagret, så färgen du fyller det med spelar ingen roll).

Efter det, applicera en Gradient Overlay-stil på lagret.

Steg 7: Skapa en slips

Näst på tur är en slips. Det blir en röd slips, men vi blir glada om du bestämmer dig för att experimentera med olika färger och slipsmönster! Skapa formen på slipsen med hjälp av Pen Tool (P), med samma teknik som vi redan pratat om.

Därefter applicerar vi flera stilar på slipsskiktet:
Drop Shadow

Inre skugga

Voila! Så här ser vår slips ut nu.

Därefter måste vi skapa en annan form med hjälp av pennverktyget (P) för noden.

Låt oss tillämpa några stilar på slipsknuten.
Drop Shadow

Inre skugga

Övertoningsfyllning (övertoningsöverlägg)

Vår slips är nu helt komplett.

Steg 8: Skapa skjortkragen

Det är dags att skapa skjortkragen. Rita formen du ser här; Fyllningsfärgen kan väljas godtyckligt eftersom den kommer att läggas över senare (välj bara en färg som du enkelt kan separera från bakgrunden).

Namnge lagret med den nya formen "krage".

När du har ritat formen, applicera lagerstilar på den som gör den kompatibel med skjortan.

Drop Shadow

Inre skugga

Texturfyllning (mönsteröverlägg)

Så här ser den färdiga vänstra halvan av kragen ut efter avslutat arbete.

För att avsluta hela kragen måste du duplicera den vänstra sidan av den och vända den horisontellt. Eftersom "krage"-lagret innehåller stilar, kommer det inte att fungera att transformera den duplicerade kopian.

Därför, för att uppnå önskat resultat, välj "krage" -lagret och tryck på Ctrl+J för att kopiera det.

Skapa nu ett nytt lager och slå samman det med det duplicerade lagret. Detta kommer att översättas vänster sida krage till ett raster, så att stilarna inte påverkas när vi omvandlar det.

Efter det, gör kombinationen Redigera – Transformera – Vänd horisontellt (Redigera> Transformera> Vänd horisontellt) och flytta den andra halvan till höger med hjälp av Flyttverktyget för att slutföra kragen.

Steg 9: Lägg till lapels till jackan

Ställ in bakgrunds- och förgrundsfärgerna till deras standardvärden genom att trycka på D-tangenten (detta ställer in förgrundsfärgen till svart och bakgrundsfärgen till vit).

Rita sedan formen för jackans vänstra kavaj som visas nedan.

Lägg till dessa stilar för detta lager:

Drop Shadow

Inre skugga

Yttre glöd

Övertoningsfyllning (övertoningsöverlägg)

Det vänstra slaget är helt färdigt med lagerstilar.

Precis som med kragen i föregående steg, lägg till en kopia av denna form till höger så att du får något liknande.

Steg 10: Skissa jackärmarna

Välj penselverktyget ( Penselverktyg) och välj en mjuk borste med en tjocklek på 4px.

Välj nu pennverktyget (P) och klicka på alternativet Path som visas i bilden.

Skapa ett nytt lager och rita en kurva genom den högra axeln på jackan. Högerklicka på banan och välj Hatch Path with Foreground Color Black (#000000) från menyn.

Klicka på "OK" efter att ha valt penselverktyget.

Använd nu följande stilar på de nya sökvägarna:

Drop Shadow

Övertoningsfyllning (övertoningsöverlägg)

Lägg det kopierade lagret på motsatt sida så att du får något sånt här.

Steg 11: Skapa huvudet

Rita en ellips för ansiktet som visas nedan.

Steg 12: Lägg till skuggor i ansiktet

Skapa ett nytt lager och klicka på "ansikte"-lagret med musen samtidigt som du håller ned Ctrl för att automatiskt skapa ett urval runt det.

Flytta markeringen ned 4px och fyll den med #423820 på ett nytt lager.

Använd filtret för rörelseoskärpa Filter – Oskärpa – Rörelseoskärpa (Filter > Oskärpa > Rörelseoskärpa) med en vinkel på 90° (vinkel) och ett avstånd (avstånd) på 10 px.

Upprepa samma filter genom att trycka på Ctrl+F.

Välj skugglagret, Ctrl-klicka på "hals"-lagret för att skapa en markering runt det, tryck sedan på Ctrl+Skift+I för att vända markeringen.

Tryck på Delete-tangenten för att rensa området under det inverterade valet.

Steg 14: Lägg till skuggor i håret

Precis som du lade till skuggan i ansiktet, lägg till en skugga i håret i hela ansiktet med samma färg men med en lägre Opacitet - cirka 70%.

Steg 15: Perfekta håret

Skapa ett nytt lager och Ctrl-klicka på "hår"-lagret för att ladda dess urval.

Flytta markeringen upp 7px och fyll den med vitt (#ffffff).

Med markeringen markerad, flytta den 5px uppåt och tryck på Delete-tangenten för att rensa området under markeringen.

Applicera nu följande filter på lagret:
Filter – Oskärpa – Gaussisk oskärpa (Filter > Oskärpa > Gaussisk oskärpa)

Ställ in alternativet Radie på 1px.
Filter – Skärpa – Sharp (Filter > Sharpen > Sharpen)

Använd detta filter två gånger.

Ställ sedan in lagrets fyllningsopacitet till 0 % och applicera en Gradient Overlay-stil på det.

Slutsats

Allt är klart! Tack för att du tog den här lektionen! Jag hoppas att du har kunnat lära dig ett eller två Photoshop-trick.

Om vi ​​inspirerade någon av er att skapa nya verk med hjälp av den här lektionen, lägg till era verk i kommentarerna!

Här är den slutliga versionen av ikondesignen.

Ladda ner källor

* (ZIP, 0,20 mb)

Uppmärksamhet! Du har inte behörighet att visa dold text.

Detta är vad vi bör få:

Ikonerna är viktig del interaktiv och webbdesign. Även om ikoner är små, kan de vara mycket svåra att skapa. I dagens handledning kommer vi att visa hur man skapar en mappikon med hjälp av olika former och reflexer i Photoshop. Låt oss börja!

Steg 1 - Ny fil/ Fjäderteknik
Öppna Photoshop och skapa ett nytt dokument (Ctrl + N). Använda sig av följande inställningar:
Upplösning: 72dpi
Färg läge: RGB-färg
Mått: 600 × 600 pixlar

Skapa följande form med hjälp av verktyget PennaVerktyg(P) (Fjäder). Färg: #3da1e2

Steg 2 - Skapa former med hjälp av pennan
Dra tillbaka mappar med hjälp av Pennverktyg(Penna) med samma ritteknik. Rita sedan en rand som visas på bilden.
Färg: #003658 #3da1e2 #08517e

Steg 3 - Avsluta formen
När du har ritat klart mappen behöver du lägga till ett papper och en pil som visas på bilden. Du bör nu ha 5 lager. Varje form kommer att vara på ett separat lager. Ge varje lager ett namn.
Färg: #ffffff #32e732

Steg 4 - Lägga till färgeffekter
Lägg till följande lagerstilar längst fram i mappen. Sänk opaciteten till 90 %.

Lägg till följande lagerstilar för papperet. Sänk skiktets opacitet till cirka 90-95%.

Lägg till följande lagerstilar för randen.

Lägg till följande lagerstilar på baksidan av mappen.

Lägg till följande lagerstilar för pilen.

Nu ser din ikon ut så här.

Steg 5 - Lägga till reflexer
Lägg till ny grupp kallas "Reflexer". Använda sig av Pennverktyg(Penna) för att rita reflektionen som visas på bilden. Se till att du bara ritar konturen och inte formen. När du har stängt sökvägen högerklickar du på arbetsytan och väljer göra val(Skapa ett urval) (fjäder 0). Ta en stor pensel (ca 470 diameter, hårdhet 0) och måla över den högra sidan av markeringen som visas för att skapa en vit reflektion. Ändra blandningsläget till Täcka över(Overlay) och minska opaciteten till 63 %.

Steg 6 - Kanter
Skapa en ny grupp som heter "Edges", skapa ett nytt lager i den (Ctrl + Shift + N eller klicka på ikonen skapa nytt lager). Att lägga till högdagrar på kanterna ger ikonen en 3D-effekt. Använda sig av Pennverktyg(Penna) för att skapa strecklinjer runt hörnen och alla marginaler på mappen, papperet och pilarna. Högerklicka sedan på arbetsytan och välj Stroke Path(stroke) - Borsta(Borsta). Borstinställningarna bör ändras i förväg, masterdiameter 8 pixlar och hårdhet 0.

Steg7 - Skuggor
Skapa ett nytt lager (Ctrl + Shift + N) för skuggorna och placera det i en ny grupp (Ctrl + G). Gör ett urval som du gjorde i steg 5 för att skapa reflektionerna. Fyll markeringen med svart och sudda sedan ut marginalerna med verktyget Oskärpa verktyg(Fläck). Om skuggorna ser för mörka ut, sänk lagrets opacitet till 40 %.

Steg 8 - Lägga till text
Lägg till text med vilket typsnitt du vill. Jag valde "Byrån FB". Teckenstorlek: 40, lageropacitet: 75%.

Steg 9 - Slutlig tillägg av reflektioner och skuggor
Lägg till några fler reflektioner på papperet med samma metoder som i steg 5.

Lägg till skugga med hjälp av Ellipsverktyg(E) (Ellips). Rita en ellips som visas på bilden och lägg till några Filter -Fläck-Rörelseoskärpa(Filter - Oskärpa - Rörelseoskärpa). Minska opaciteten efter eget tycke.

Slutlig visning
Jag hoppas att du gillade den här handledningen. Jag har lagt till några ytterligare ikoner som jag skapade med samma teknik.