Har Photoshop CS6 glyfer? "Tekst" verktøygruppe. Innstillinger Standard Photoshop-innstillinger i Symbol-fanen

04.07.2016 27.01.2018

I denne opplæringen lærer du hvordan du lager flate, flate sosiale medieikoner.

Hva du skal lage:

For å lage flate ikoner starter vi med bakgrunnen, så legger vi til effekter til ikonene for å gi dem originalitet, så vil vi tegne lange skygger. For å gjenta denne opplæringen trenger du Photoshop CS3 eller nyere.

Ressurser:

  • Font 1 - http://fontawesome.io/cheatsheet/
  • Font 2 - http://fontawesome.io/

Trinn 1

Opprett en ny fil (Ctrl + N) størrelse 500 × 400 piksler.

Skape ny gruppe (CTRL+G) og gi den navnet "Bakgrunn".

Steg 2

Fyll bakgrunnen farge # e7e9ea ved bruk av Bøtteverktøy.

Trinn 3

For å legge til flere effekter i bakgrunnen, legger vi til en gradient. Klikk på ikonet Justeringslag og velg Gradient (Gradient), bruk følgende innstillinger:

Lagblandingsmodus Mykt lys (Myk Lys) | Opasitet: 25 %

Trinn 4

Opprett en ny gruppe og gi den navnet "symboler".

Trinn 5

Før vi setter i gang, må vi sette opp menyen Herskere Og Rutenett (Linjaler og rutenett). Gå til menyen Vis linjaler (Utsikt- Herskere) Og Vis-Vis-rutenett (Utsikt— Forestilling— Rutenett) . Her er mine innstillinger for Linjaler og rutenett(de kan åpnes ved å gå til Rediger-innstillinger:

Å lage Ledelinje, du trenger bare å klikke og dra den fra linjalen. For å lage en vertikal hjelpelinje, dra fra den vertikale linjalen og omvendt. Slik delte jeg lerretet (hvert ikon er lik 50 × 50 piksler og avstanden mellom hvert ikon 25 piksler):

Trinn 6

I denne opplæringen jobber vi med Awesome-fonten, du kan legge til egendefinerte ikoner for nettstedet ditt. Vanligvis gjøres dette ved å plassere en CSS-font på nettstedet ditt, men siden vi jobber med Photoshop, må vi kopiere hvert ikon du vil bruke fra juksearket. Gå til siden, velg ikonet du vil tegne. Jeg brukte ikoner for følgende ( sosiale medier) nettsteder: Twitter; facebook; Tumblr; Google+;Instagram; YouTube; Rykke; Dropbox; DeviantArt; Pinterest; Skype; Mate.

Trinn 7

Når du har funnet ikonet du vil bruke, kopierer du det ( Velg den og høyreklikk-Kopier)

Gå deretter tilbake til Photoshop og velg Tekstverktøy (TekstVerktøy) på verktøylinjen. Endre fontinnstillingene som vist på bildet:

Lim inn ikonet du nettopp kopierte. ( Høyreklikk-lim inn)

Trinn 8

Gjenta forrige trinn til du har satt inn alle ikonene du vil bruke.

Trinn 9

Opprett en ny gruppe og gi den nytt navn til "ikon bg", plasser gruppen under "symboler"-gruppen.

Trinn 10

Skape nytt lag og plasser den i gruppen opprettet i forrige trinn. Jeg ga nytt navn til laget til "ikon bg".

Trinn 11

Bruker verktøyet Rektangel med avrundede hjørner (RektangulærVerktøy for sirkelform)(finnes i verktøylinjen nedenfor tekstverktøy) Jeg laget bakgrunnen til ikonene,

Her er alle fargene jeg brukte:
Twitter: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +:# e44940;
Instagram:# 9bd29d;
Youtube:# f4504c;
Rykke:# a96db6;
Dropbox:# 81d5ed;
Deviantart:# 6e8e61;
Pinterest:# f25f5f;
Skype:# 67d5f4;
Mate:# e9951d;

Du kan bruke disse fargene, eller du kan bruke farger etter eget skjønn - på denne måten vil verket få originalitet.

Hvis du ikke liker utseendet til avrundede rektangler, kan du velge en annen form, for eksempel en firkant eller sirkel. For å lage en perfekt sirkel eller firkant, husk å holde SHIFT-tasten i det øyeblikk de ble opprettet.

Trinn 12

Hvis du er fornøyd med resultatene på dette tidspunktet, kan du gå videre, men hvis du vil gi litt liv til ikonene, la oss fortsette å gjøre forbedringer. La oss begynne med lagstil Shadow (Drop Shadow).Åpne "symboler"-gruppen, velg ett av ikonene og klikk på ikonet Fx-Shadow (Fx-Drop Shadow)

Trinn 13

Gjenta forrige trinn med de resterende ikonene. Klikk på for å gjøre arbeidet mye enklere høyreklikk på laget - Kopier lagstil. Velg deretter de gjenværende ikonlagene, klikk høyreklikk-Lim inn lagstil.

Trinn 14

La oss nå legge til indre skygge til bakgrunnen til hvert ikon. Åpne "ikoner bg"-gruppen, velg laget med ikonet, klikk på ikonet Fx-Indre skygge (Fx-Innerskygge) . Bruk følgende alternativer:

Trinn 15

Lag et nytt lag og gi det navnet "Gloss Effect". Endre forgrunnsfargen til # ffffff; og med hjelp Rektangulært markeringsverktøy lag noen rektangler som er halvparten av størrelsen på ikonene (ca. 50x25 piksler). Gjør dette for alle ikoner.

Bytt deretter blandingsmodus til mykt lys, redusere Opasitet lag opp 20% , A fylle før 80% .

Trinn 16

Slå av synligheten til "Gloss Effect"-laget. Lag et nytt lag og gi det navnet "Long Shadow". Dette trinnet er litt mer komplisert sammenlignet med resten av effektene. Plasser et nytt lag under "Gloss Effect"-laget.

Trinn 17

Ta Polygonal lassoverktøy og begynn å lage en rektangulær skygge ved å bare berøre ikonets kant nederst til høyre, lag deretter en diagonal linje til den når nedre høyre kant av ikonets bakgrunn, lag en rett linje til den når midten av bakgrunnen, og koble deretter til linjene. På bildet kan du se tydeligere hvordan du tegner en lang skygge.

Trinn 18

Siste steg! Redusere Opasitet skyggelag til 10% , Og fylle (Fill) før 0% .

Klikk nå på Fx-ikonet og velg Overleggfarger (Fargeoverlegg). Bruk følgende alternativer:

Velg nå Overlegggradient (Gradientoverlegg) og bruk disse innstillingene:

Endelige resultater:


Alle vet at et standard datatastatur har litt mer
hundrevis av nøkler, noe som betyr at den ikke kan vise alle tegnene som
brukt av mennesker i hverdagen. Men ikke alle vet det
i tillegg til å legge inn karakterene som vi ser på
tastaturet, lar Windows deg bruke andre symboler også. For eksempel:



Men
til tross for at disse (og mange andre) symboler ikke er på
tastatur, kan vi veldig enkelt bruke dem når du skriver vår
tekster. La oss prøve å gjøre dette...
La oss anta det enkleste alternativet - vi skriver tekst i Notisblokk ( Start - Alle programmer - Tilbehør - Notisblokk) og vi må sette inn et copyright-symbol i teksten:


For å gjøre dette må vi åpne den såkalte Symboltabell, som finnes i operativsystem Windows. Det er veldig enkelt å gjøre dette: Start - Alle programmer - Tilbehør - Systemverktøy - Tegntabell.
En tabell med symboler åpnes foran oss Unicode, der vi må finne symbolet vi trenger:



Etter dette må du klikke på dette symbolet med venstre museknapp, og deretter trykke på knappen Velge og en knapp Kopiere:


Dette vil kopiere det valgte symbolet til utklippstavlen.



Etter dette vil symbolet vi trenger vises i teksten:


Som du kan se, er det ikke noe vanskelig med dette! Dette er den enkleste og mest forståelige (på
min mening) metode, selv om du kan endre rekkefølgen på handlinger og
skriv inn tegn uten å åpne Symboltabell. For å gjøre dette trenger du bare å kjenne til en bestemt tastekombinasjon.
Faktum er at i Windows er mange tegn tildelt en unik kode, som legges inn ved hjelp av nøkkelen Alt.
For å angi det samme copyright-symbolet må du for eksempel trykke på tastekombinasjonen Alt+0169, dvs. trykk (og hold) en tast Alt, og trykk deretter på talltastene 0 , 1 , 6 Og 9 .
Vær oppmerksom på at når tasten trykkes Alt
tall på hovedtastaturfeltet kan blokkeres, og derfor for
For å legge inn tall kan du bruke et ekstra tastaturfelt
(har tidligere slått den på med nøkkelen NumLock



Du kan se hvilken tastekombinasjon som tilsvarer det valgte symbolet i nedre høyre hjørne Symboltabeller:


Hvis du bruker noen symboler konstant, så er jeg
Jeg anbefaler å lage en påminnelse for deg selv (en tabell med en beskrivelse av ofte
koder som brukes) og skrive den ut på en skriver. For eksempel slik:

Men husk at ikke alle symboler fra bordet har en lignende
kombinasjon og derfor må noen tegn angis som beskrevet ovenfor
vei.
For å gjøre det lettere for deg å finne ønsket symbol i tabellen,
du kan bruke flere alternativer og vise
symboler etter grupper.
For å gjøre dette, merk av i boksen Ekstra alternativer og velg deretter de ønskede alternativene i feltene Karaktersett Og Gruppering. For eksempel viser denne figuren hvordan du bare kan vise numeriske tegn:

Eller vi kan for eksempel vise bare den som er praktisk for oss Windows-koding"kyrillisk":


Vel, avslutningsvis vil jeg merke meg at noen programmer har en innebygd evne til å sette inn spesialtegn.
For eksempel i menyen Word-programmer kan velge Sett inn - Symbol(bilde fra Word 2010):


Dette øker skrivingen din betraktelig, fordi... det er ikke nødvendig å ty til Windows-symboltabellen.


Svært ofte stiller de spørsmålet om hvordan du setter inn spesialtilbud mens du er i Windows (enten i Word, Notisblokk eller Photoshop - det spiller ingen rolle). symboler?

For de uinnvidde vil jeg forklare i tilfelle: spesielt. symboler er forskjellige ikoner og symboler, for eksempel en opphavsrett (©), eller en grad (5²) eller en brøkdel (¼). Alle disse er spesialtegn.

Så her er det. La oss si at du må sette brøken ¼. Hvordan gjøre dette? Og det er veldig enkelt å gjøre!

Hvordan sette inn et spesialtegn i Photoshop eller et annet program

Og så, først av alt, la oss se på hva slags symboler og spesielle symboler som finnes. For å gjøre dette, åpne symboltabellen.

Den ligger her: Start -> Alle programmer -> Tilbehør -> Systemverktøy -> Tegntabell

Følgende vindu åpnes foran deg: Der du kan se ulike symboler. Velg symbolet som interesserer deg og i nedre høyre hjørne (angitt med en blå sirkel) vil en hurtigtast for å sette inn dette symbolet vises.

På dette øyeblikket copyright-symbolet © er valgt, og for å sette det inn må du gjøre følgende: Klikk Alt-tasten og hold den på det numeriske tastaturet (den med pilene, se bildet nedenfor) skriv inn tallet 0169, og slipp deretter alt. Det er alt!

Vær oppmerksom på at ikke-standard fonter kanskje ikke støtter spesialtegn. Også i visningsvinduet for spesialtegn kan du se hvilke skrifter som støtter hvilke tegn. For å gjøre dette, velg ganske enkelt fonten du ønsker øverst i vinduet!

For de fleste brukere av Word-applikasjonen løses dette problemet veldig enkelt. I tekstredigerer Word klikk "Sett inn" -> "Symbol". Et vindu vises der du kan velge symboler. Når du klikker på "Sett inn"-knappen, vil de automatisk vises i hovedfeltet til tekstredigereren.

Grunnleggende om å jobbe med verktøyene til tekstgruppen i Photoshop: kontrollpanel, innstillinger, funksjoner og muligheter.

Gruppen er plassert på verktøylinjen under knappen med bokstaven "T". Åpne den på noen måte:

  • ved å klikke på det svarte nedre høyre hjørnet av ikonet;
  • ved å høyreklikke på ikonet

Du kan aktivere tekst ved å trykke på T-tasten (russisk E) på tastaturet. Og det spiller ingen rolle hva tastaturoppsettet er for øyeblikket. Mens du holder nede Shift-tasten, vil et trykk på T-tasten flere ganger aktivere alle fire verktøyene i denne gruppen vekselvis.

Figur 1. Tekstverktøygruppe

Alt her er intuitivt.

  1. Horisontal – for å lage det vanlige opptaket i horisontal posisjon.
  2. Vertikal – plasserer inskripsjonen fra topp til bunn.
  3. og 4. Lag hurtigmasker med horisontalt og vertikalt utvalg.

Den horisontale retningen brukes oftest.

Tekstverktøygruppe kontrollpanel

Når verktøyet er aktivt, ser det øverste kontrollpanelet slik ut:

Fig.2. Øverste verktøylinje Tekst

I Photoshop-versjoner CS6 introduserte en Font-meny som inneholder flere alternativer for innstillinger. Dette vil bli diskutert i en annen artikkel. La oss nå se på innstillingene topppanel ledelse.

Merk følgende! Det er bedre å angi alle innstillingene på topppanelet for tekstverktøyene i Photoshop før du skriver inn påskriften. Men du kan gjøre endringer senere ved først å velge teksten eller en del av den som må endres.

  • Over nummer 1 Fig. 2 – lagre parametere. En veldig praktisk funksjon å lagre installerte innstillinger(navnet på skriften, størrelsen osv.) hvis du må gå tilbake til dem med jevne mellomrom eller før du rasterer tekstlaget.

Klikk på den lille pilen for å åpne vinduet. Velg "Nytt sett med parametere for verktøyet. Et annet vindu åpnes der du kan angi et navn for parameteren. Klikk OK. Redaktøren husker innstillingene.

Fig.3. Lagre tekstparametere i Photoshop

En ny linje vises i listen. For klarhetens skyld ble navnet "Eksempel på en ny lagring" angitt i forrige trinn.

Fig.4. Lagrede innstillinger

Nå, for å angi alle verdiene som var der ved lagring på panelet, må du klikke på denne linjen.

For å slette en linje, høyreklikk på den og velg slett.

  • Over tallet 2, Fig. 2 – endre tekstretning. Ved å trykke på knappen med bokstaven T og piler - retningen på inskripsjonen endres fra horisontal til vertikal og tilbake. Ikke glem at dette tekstlaget må være aktivt i lagpaletten.
  • Over tallet 3, Fig. 2 – skrifttype. Ved å klikke på pilknappen åpnes hele listen over fonter som er tilgjengelige på datamaskinen. Du kan velge den du trenger fra listen eller skrive den inn i vinduet manuelt, og deretter trykke Enter.
  • Over tallet 4 Fig. 2 – fontstil. Pilknappen åpner en liste over stiler som den valgte skriften støtter. Hvis knappen er inaktiv, støtter den valgte fonten bare én foreslått stil.
  • Over knapp 5 Fig. 2 – skriftstørrelse, aka Kegl. Nedtrekkslisten tilbyr alternativer fra 6 til 72 piksler. Du kan legge inn hvilken som helst av verdiene dine i vinduet manuelt, og trykk deretter på Enter. Det er nok å angi bare tall, og redaktøren vil automatisk sette inn bokstavene "pt".

Du kan velge størrelsen på denne måten: flytt markøren til venstre i vinduet når den ser ut som en finger med piler, hold nede med venstre mus og dra til høyre for å øke størrelsen eller til venstre for å redusere den. Den digitale verdien i vinduet vil endres. Så snart du slipper musen, endres tekststørrelsen.

  • Over tallet 6 Fig. 2 – fontstil. Ved å klikke på denne knappen åpnes en liste over stiler som den valgte skriften støtter: kursiv, fet, fet... Ikke alle fonter støtter full liste stiler, så det kan være et annet antall alternativer. Hvis knappen ikke er aktiv, støtter den valgte fonten bare én foreslått stil.
  • Over tallet 7 Fig. 2 – tekstjustering på den ene siden eller i midten. Knappene fungerer på samme måte som i Word-dokument. Innstillingene er i Avsnitt-panelet. Les om det nedenfor.
  • Over tallet 8 Fig. 2 – fargevalg. Boksen viser fargen som skal brukes på teksten. Du kan endre det ved å klikke på dette vinduet og velge en annen i paletten som åpnes. Hvis teksten allerede er skrevet inn, må den først velges.
  • Over tallet 9 Fig. 2 – tekstdeformasjon. Klikk på denne knappen, åpne stilene og vi har ulike deformasjonsalternativer. Eksperiment.

Fig.5. Forvrengt tekst

  • Over tallet 10, Fig. 2 – åpner/lukker Karakter, avsnittspaneler. Mer om dette.

Karakter, avsnittspaneler

Tegn- og Avsnitt-panelene åpnes i Photoshop ved å bruke knappen på det øverste kontrollpanelet eller på høyre panel. Hvis de ikke er på høyre panel, slår du på Vindu-menyen underveis - velg Symbol eller Avsnitt. De tilsvarende ikonene vises på høyre panel. Hvis de begge er valgt, vil to ikoner fra samme gruppe vises, men når du åpner en av dem, vil det være to faner i vinduet for praktisk veksling mellom disse panelene.

Merk følgende! Tegn-panelet, når du arbeider med verktøyene i Tekst-gruppen, har prioritet over Avsnitt-panelet.

Fig.6. Karakter, avsnittspaneler

Symbolpanel

Noen av innstillingene på denne fanen dupliserer funksjonene til det øverste kontrollpanelet og har allerede blitt diskutert. La oss ikke gjenta det. Verdiene i dem vil bli satt til de samme som du angir i topppanelet - skrifttype, størrelse osv.

Resten er angitt i figur 6 ovenfor:

  1. Linjeavstand. Definerer avstanden mellom linjene.
  2. Kerning for å justere avstanden mellom to tegn. For eksempel, av hele teksten, er det bare to tegn som trenger å bringes nærmere eller lenger unna hverandre. Plasser markøren mellom dem, åpne listen og velg det riktige alternativet, eller skriv det inn i vinduet manuelt.
  3. Tegnavstand for å angi avstanden mellom teksttegn.
  4. Den vertikale skalaen for å øke/minske høyden på tegn settes som en prosentandel. Skriv inn nummeret manuelt i boksen. Du trenger ikke å sette %-tegnet; Photoshop vil sette det inn automatisk så snart du trykker på Enter.
  5. Den horisontale skalaen strekker/komprimerer sømmen. Akkurat som forrige parameter, legges den inn som en prosentandel.
  6. Grunnlinjeforskyvning. Praktisk innsettingsfunksjon matematiske formler og andre betegnelser med superindeks og underindeks. Den lar deg heve/senke en del av en linje eller et ord. Denne delen må først velges. Skriv inn verdien i vinduet manuelt. Den neste linjen gir lignende muligheter - pseudo-parametere.
  7. Pseudo-parametere. Skriftinnstillingene på denne linjen er godt synlige - Fet skrift, kursiv, stor tekst osv.
  8. Ligaturer, det vil si symboler som oppnås ved å slå sammen flere bokstaver eller tegn, det vil si å kombinere dem til ett tegn. Svært lite brukt. Bare de som støtter den valgte fonten vil være aktive.
  9. Åpner en liste over språk for stavekontroll.

Avsnittspanel

Innstilling av avsnittsparametere som innrykk, innpakning osv.

Fig.7. Avsnittspanel

I den første linjen dupliseres de tre første knappene fra det øverste kontrollpanelet. De er allerede diskutert. De resterende knappene vil mest sannsynlig være inaktive. De neste tre knappene på denne linjen er utformet for å justere den nederste linjen med tekst, og den siste er å justere hele bredden.

Den andre blokken inneholder tre vinduer der du kan angi innrykk fra høyre eller venstre kant i piksler og innrykk på den første linjen.

Den tredje blokken indikerer innrykk før eller etter avsnittet

I neste blokk er automatisk søm aktivert/deaktivert.

Bruk tegnvarianter-panelet til å sette inn tegnsetting, hevet skrift, senket skrift, valutasymboler, tall, spesialtegn og glyfer fra andre språk i tekst i Photoshop.

For å åpne panelet, velg Tekst > Paneler > Tegntegn eller Vindu > Tegntegn.

Glyphs panel


EN. Nylig brukte Glyph Slots | B. Velge en skriftfamilie | C. Velge en stil | D. Velge en skriftkategori | E. Glyph spilleautomater | F. Zoom ut | G. Zoomkontroll | H. Zoom inn | JEG. Zoomer ut glyfer | J. Zoomer inn på glyfer |
  • Følg disse trinnene for å endre glyfen i det aktive tekstlaget:
    1. Velg hvor du vil sette inn glyfen ved hjelp av tekstverktøyet.
    2. Dobbeltklikk på en tegnvariant i tegnvarianter-panelet.
  • Tegnetegn-panelet støtter latinske, greske og kyrilliske alfabeter. Begrenset støtte Hebraisk, arabisk og andre komplekse skrifter som indisk.
  • For hver font er tegnene organisert i forskjellige kategorier, for eksempel grunnleggende latin, utvidet latin A, utvidet latin B, tall, valutaer, symboler og mange flere.
  • Tegnvarianter er også organisert etter hvilke OpenType-funksjoner de støtter, for eksempel: Alternativer, Ornamenter, Utvidede Ligaturer, Tellere, Nevnere, Stilsett, Monospace-siffer, Ordinaltall og mange andre.


EN. Skriftkategori | B. Manus | C. OpenType-funksjoner

  • Tegnvarianter-panelet finner automatisk alternativer for det første valgte tegnet i et tekststykke.
  • Glyfspor med et helt svart rektangel i nedre høyre hjørne indikerer at det finnes alternativer for den aktuelle glyfen. Disse alternativene kan vises i hurtigmenyen. For å åpne det, klikk og hold et spor, eller Alt- eller Tilvalg-klikk det. Dra musepekeren over en glyph-variant og slipp den for å lime den inn i det aktive laget.

Glyph-spor med et solid svart rektangel i nedre høyre hjørne


Glyph-alternativer


Glyfdetaljer


  • Skyveknappen nederst i dialogboksen lar deg øke eller redusere størrelsen på glyfer i panelet.
  • Font-menyen er en utvidet meny som inneholder de samme elementene som finnes i panelene Tegn og Alternativer. Skriftsøk støttes imidlertid ikke.
  • Når flere skrifter er i et utvalg på et tekstlag, viser ikke tegn-, alternativer- og tegnvarianter skriften.
  • Du kan arbeide med tegnvarianter-panelet uten å initialisere et tekstlag.

Når du legger til tegnvarianter i dokumentet, blir de automatisk lagt til i den nylig brukte tegnvarianten øverst i tegnvarianter-panelet. Nylig brukte glyph-streng:

  • kan inneholde opptil 25 ulike karakterer. Når grensen på 25 tegn overskrides, legges nye glyfer til til venstre og tidligere glyfer fjernes fra høyre.
  • inneholder de samme tegnene. Symbolene endres ikke når programmet startes på forskjellige tidspunkter.
  • bevarer stilen til tegnvarianten og tar ikke hensyn til stilen i panelene Alternativer, Tegn og Tegn.
  • bestemmer punktstørrelsen, fargen og andre verdier for glyfen i henhold til de i panelene Tegn og Alternativer.