Kako napraviti simbole u Photoshopu. Kako napraviti ikone za društvene mreže u Photoshopu. Kako umetnuti poseban znak u Photoshop ili bilo koji drugi program

Upravo sam kupio font i sada mi kažu da trebam otići u Illustrator i otići u svoje "glifove" da uzmem "dodatne" fontove....pa nemam Illustrator...niti znam s glifovima?!

Zna li netko ima li PS6 glifove? font je kupljen: https://creativemarket.com/L_Worthington/12122-Charcuterie-Cursive

b1narna.atr0fija

CC ima traku glifa, CS6 nema.

Odgovori

Scott

"Glif" je jednostavno izraz za određeni znak u datoteci fonta.

Photoshop, za razliku od drugih Adobe aplikacija, nema Glyph panel. Iako može prikazati i koristiti glifove ako su prisutni, ne postoji način pristupa određenom glifu iz Photoshopa.

I Illustrator i InDesign imaju ploče s glifovima koje vam omogućuju da vidite i koristite sve glifove prisutne u fontu.

Dakle, kratak odgovor je... Photoshop nema pristup glifovima.

Postoje i mnoge besplatne/shareware aplikacije koje mogu prikazati glifove u datoteci fonta. Da biste koristili određeni glif u Photoshopu, trebate pronaći aplikaciju, bilo koju aplikaciju koja vam omogućuje da vidite glifove. Onda samo kopirajte/zalijepite glif iz ove aplikacije u Photoshop.

Možda već imate aplikaciju koja može prikazati glifove. Na primjer, možete koristiti Umetni > Simbol u Microsoft Word, za pregled glifova u fontu. Riječ ih jednostavno naziva "simbolima". Zatim kopirajte/zalijepite potrebna datoteka u Photoshopu.

Flume

Kao što je spomenuto, Photoshop nema izbornik Glyphs.
Međutim, postoje alati OS sustava koje možete koristiti za izdvajanje tih znakova iz datoteke fonta.

Windows ima uslužni program Character Map koji možete koristiti za izravno kopiranje iz tog programa u tekstni okvir u Photoshopu. Da biste pristupili svojoj kartici lika, idite na...
Start> Svi programi> Pribor> Alati sustava:

netpraxis

Ako koristite Mac, najlakši način da pronađete glif koji vam je potreban je korištenje aplikacije Knjiga fontova(uključen u standardna instalacija OSX)

Izaberi " Pogled" > "Repertoar" u izborniku aplikacije i odaberite font za prikaz svih uključenih znakova.

Kliknite za odabir bilo kojeg od prikazanih glifova i kopirajte/zalijepite natrag u Photoshop

Osnove rada s alatima grupe Tekst u Photoshopu: upravljačka ploča, postavke, funkcije i mogućnosti.

Grupa se nalazi na alatnoj traci ispod gumba sa slovom “T”. Otvorite ga na bilo koji način:

• klikom na crni donji desni kut ikone;
• desnim klikom na ikonu

Tekst možete aktivirati pritiskom na tipku T (rusko E) na tipkovnici. I nije važno kakav raspored tipkovnice imate ovaj trenutak. Dok držite pritisnutu tipku Shift, nekoliko puta pritisnite tipku "T" naizmjenično će aktivirati sva četiri alata u ovoj grupi.

Sl. 1. Grupa alata za tekst

Ovdje je sve intuitivno.

1. Horizontalno – za stvaranje uobičajenog snimanja u vodoravnom položaju.
2. Okomito – postavlja natpis odozgo prema dolje.
3. i 4. Stvorite brze maske s vodoravnim i okomitim odabirom.

Najčešće se koristi horizontalni smjer.

Upravljačka ploča grupe alata za tekst

Kada je alat aktivan, gornja upravljačka ploča izgleda ovako:

sl.2. Gornja alatna traka Tekst

Photoshop CS6 predstavio je izbornik Font koji sadrži nekoliko opcija za postavke. O tome će biti riječi u drugom članku. Sada pogledajmo postavke gornja ploča upravljanje.

Pažnja! Bolje je postaviti sve postavke gornje ploče za alate za tekst u Photoshopu prije upisivanja natpisa. Ali kasnije možete napraviti promjene tako da prvo odaberete tekst ili njegov dio koji treba promijeniti.

• Iznad broja 1 sl. 2 – spremanje parametara. Vrlo zgodna značajka za spremanje instalirane postavke(naziv fonta, njegova veličina, itd.) ako im se povremeno morate vraćati ili prije rasterizacije sloja teksta.

Kliknite na malu strelicu da otvorite prozor. Odaberite “Novi skup parametara za alat. Otvara se drugi prozor u kojem možete postaviti naziv parametra. Pritisnite OK. Urednik pamti postavke.

sl.3. Spremanje parametara teksta u Photoshopu

Pojavljuje se na popisu nova linija. Radi jasnoće, u prethodnom koraku upisan je naziv “Primjer novog spremanja”.

sl.4. Spremljene postavke

Sada, da biste na ploči postavili sve vrijednosti koje su bile tamo prilikom spremanja, morate kliknuti na ovu liniju.

Da biste izbrisali liniju, desnom tipkom miša kliknite na nju i odaberite Izbriši.

• Iznad broja 2, sl. 2 – promijeniti orijentaciju teksta. Pritiskom na tipku sa slovom T i strelicama - smjer natpisa se mijenja iz vodoravnog u okomiti i natrag. Ne zaboravite da ovaj tekstualni sloj mora biti aktivan u paleti slojeva.
• Iznad broja 3, sl. 2 – tip fonta. Klikom na gumb sa strelicom otvara se cijeli popis fontova dostupnih na vašem računalu. Možete odabrati onaj koji vam je potreban s popisa ili ga unijeti u prozor ručno, a zatim pritisnite Enter.
• Iznad broja 4 sl. 2 – stil fonta. Gumb sa strelicom otvara popis stilova koje odabrani font podržava. Ako je gumb neaktivan, tada odabrani font podržava samo jedan predloženi stil.
• Gumb iznad 5 sl. 2 – veličina fonta, zvani Kegl. Padajući popis nudi opcije od 6 do 72 piksela. Možete unijeti bilo koju od svojih vrijednosti u prozor ručno, a zatim pritisnite Enter. Dovoljno je unijeti samo brojeve, a editor će automatski umetnuti slova “pt”.

Veličinu možete odabrati na sljedeći način: pomaknite kursor ulijevo od prozora kada izgleda kao prst sa strelicama, držite lijevu tipku miša i povucite udesno da povećate veličinu ili ulijevo da je smanjite. Digitalna vrijednost u prozoru će se promijeniti. Čim pustite miš, veličina teksta će se promijeniti.

• Iznad broja 6 sl. 2 – stil fonta. Klikom na ovaj gumb otvara se popis stilova koje odabrani font podržava: kurziv, podebljano, podebljano... Ne podržavaju svi fontovi puni popis stilova, tako da može postojati različit broj opcija. Ako gumb nije aktivan, tada odabrani font podržava samo jedan predloženi stil.
• Iznad broja 7 sl. 2 – poravnanje teksta s jedne strane ili u sredini. Gumbi rade na isti način kao u Word dokument. Postavke su na ploči Odlomak. Pročitajte o tome u nastavku.
• Iznad broja 8 sl. 2 – izbor boja. Okvir prikazuje boju koja će se primijeniti na tekst. Možete ga promijeniti klikom na ovaj prozor i odabirom bilo kojeg drugog u paleti koja se otvori. Ako je tekst već unesen, prvo ga je potrebno označiti.
• Iznad broja 9 sl. 2 – deformacija teksta. Kliknite na ovaj gumb, zatim otvorite stilove i imamo razne mogućnosti deformacije. Eksperiment.

sl.5. Iskrivljeni tekst

• Iznad broja 10, sl. 2 – otvara/zatvara Ploče znakova, odlomaka. Više o ovome.

Ploče znakova, odlomaka

Ploče Character i Paragraph otvaraju se u Photoshopu pomoću gumba na gornjoj upravljačkoj ploči ili na desnoj ploči. Ako nisu na desnoj ploči, usput uključite izbornik Prozor - odaberite Simbol ili Odlomak. Odgovarajuće ikone pojavljuju se na desnoj ploči. Ako su obje odabrane, pojavit će se dvije ikone iste grupe, ali kada otvorite bilo koju od njih, u prozoru će se pojaviti dvije kartice za praktično prebacivanje između ovih ploča.

Pažnja! Ploča Znakovi, kada radite s alatima grupe Tekst, ima prednost nad pločom Odlomak.

sl.6. Ploče znakova, odlomaka

Ploča sa simbolima

Neke od postavki na ovoj kartici dupliciraju funkcije gornje upravljačke ploče i o njima je već bilo riječi. Nemojmo ponavljati. Vrijednosti u njima bit će postavljene na iste one koje ste postavili na gornjoj ploči - font, njegova veličina itd.

Ostali su prikazani na gornjoj slici 6:

1. Razmak između redova. Definira razmak između redaka.
2. Kerning za podešavanje udaljenosti između dva znaka. Na primjer, od cijelog teksta samo dva lika treba približiti ili udaljiti jedan od drugog. Između njih postavimo kursor, otvorimo popis i odaberemo željenu opciju ili je ručno unesemo u prozor.
3. Razmak između znakova za postavljanje udaljenosti između znakova teksta.
4. Vertikalna ljestvica za povećanje/smanjenje visine znakova postavljena je kao postotak. Unesite broj u kućicu ručno. Ne morate stavljati znak %; Photoshop će ga automatski staviti čim pritisnete Enter.
5. Horizontalna skala rasteže/sabija šav. Kao i prethodni parametar, unosi se u postotku.
6. Osnovni pomak. Pogodna funkcija pri uvođenju matematičkih formula i drugih zapisa s nadindeksom i podindeksom. Omogućuje vam podizanje/spuštanje dijela retka ili riječi. Ovaj dio najprije mora biti odabran. Ručno unesite vrijednost u prozor. Sljedeći redak pruža slične mogućnosti – pseudo-parametre.
7. Pseudo-parametri. Postavke fonta u ovom retku su jasno vidljive - podebljani font, kurziv, veliki tekst itd.
8. Ligature, odnosno simboli koji se dobivaju spajanjem više slova ili znakova, odnosno spajanjem u jedan znak. Vrlo rijetko korišten. Bit će aktivni samo oni koji podržavaju odabrani font.
9. Otvara popis jezika za provjeru pravopisa.

Ploča s odlomkom

Postavljanje parametara odlomka kao što su uvlačenje, prelamanje itd.

sl.7. Ploča s odlomkom

U prvom retku, prva tri gumba su duplicirana s gornje upravljačke ploče. O njima je već bilo riječi. Preostali gumbi će najvjerojatnije biti neaktivni. Sljedeća tri gumba u ovom retku dizajnirana su za poravnavanje donjeg retka teksta, a posljednji je za poravnavanje cijele širine.

Drugi blok ima tri prozora u kojima se u pikselima postavljaju uvlake s desnog ili lijevog ruba te uvlaka prvog retka.

Treći blok označava uvlake prije ili iza odlomka

U sljedećem bloku omogućeno je/onemogućeno automatsko spajanje.

04.07.2016 27.01.2018

U ovom vodiču naučit ćete kako stvoriti ravne ikone društvene mreže.

Što ćete stvoriti:

Za izradu ravnih ikona, počet ćemo s pozadinom, zatim ćemo ikonama dodati efekte kako bismo im dali originalnost, a zatim ćemo nacrtati duge sjene. Za ponavljanje ovog vodiča trebat će vam Photoshop CS3 ili noviji.

Resursi:

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

Korak 1

Stvoriti nova datoteka (Ctrl + N) veličina 500 × 400 piksela.

Stvoriti nova grupa (CTRL+G) i nazovite ga "Pozadina".

Korak 2

Ispunite pozadinu boja # e7e9ea pomoću Alat za kantu.

3. korak

Da bismo dodali više efekata pozadini, dodat ćemo gradijent. Kliknite na ikonu Sloj za prilagodbu i odaberite Gradijent (Gradijent), koristite sljedeće postavke:

Način stapanja slojeva Meko svjetlo (Meko Svjetlo) | Neprozirnost: 25%

Korak 4

Napravite novu grupu i nazovite je "simboli".

Korak 5

Prije nego što počnemo, moramo postaviti jelovnik Vladari I Rešetke (ravnala i mreže). Idite na izbornik Ravnala za prikaz (Pogled- Vladari) I Pogled-Prikaži-mreže (Pogled— Pokazati— Rešetke) . Ovdje su moje postavke za Ravnala i mreže(mogu se otvoriti odlaskom na Uredi-Postavke:

Stvoriti Linija vodilja, samo ga trebate kliknuti i povući s ravnala. Za izradu okomite vodilice povucite s okomitog ravnala i obrnuto. Ovako sam podijelio platno (svaka ikona je jednaka 50 × 50 piksela i udaljenost između svake ikone 25 piksela):

Korak 6

U ovom vodiču radimo s fontom Awesome, možete dodati prilagođene ikone za svoje web mjesto. Obično se to radi postavljanjem CSS fonta na vašu web-lokaciju, ali budući da radimo s Photoshopom, morat ćemo kopirati svaku ikonu koju želite koristiti s varalice. Idite na stranicu, odaberite ikonu koju želite nacrtati. Koristio sam ikone za sljedeće stranice (društveni mediji): Twitter; facebook; Tumblr; Google+;Instagram; YouTube; Trzaj; Dropbox; DeviantArt; Pinterest; Skype; hraniti se.

Korak 7

Nakon što pronađete ikonu koju želite koristiti, kopirajte je ( Odaberite ga, a zatim desnom tipkom miša kliknite-Kopiraj)

Zatim se vratite u Photoshop i odaberite Alat za tekst (Tekstalat) na alatnoj traci. Promijenite postavke fonta kao što je prikazano na slici:

Sada zalijepite ikonu koju ste upravo kopirali. ( Desni klik-Zalijepi)

Korak 8

Ponavljajte prethodni korak dok ne umetnete sve ikone koje želite koristiti.

Korak 9

Napravite novu grupu i preimenujte je u "icon bg", postavite grupu ispod grupe "symbols".

Korak 10

Stvoriti novi sloj i smjestite ga u grupu stvorenu u prethodnom koraku. Preimenovao sam sloj u "icon bg".

Korak 11

Korištenje alata Pravokutnik sa zaobljenim kutovima (PravokutanAlat za oblik kruga)(nalazi se na alatnoj traci ispod alat za tekst) Napravio sam pozadinu ikona,

Evo svih boja koje sam koristila:
Twitter: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +:# e44940;
Instagram:# 9bd29d;
Youtube:# f4504c;
Trzaj:# a96db6;
Dropbox:# 81d5ed;
Deviantart:# 6e8e61;
Pinterest:# f25f5f;
Skype:# 67d5f4;
Feed: # e9951d;

Možete koristiti ove boje ili možete koristiti boje po vlastitom nahođenju - na taj će način rad dobiti originalnost.

Ako vam se ne sviđa izgled zaobljenih pravokutnika, možete odabrati drugačiji oblik, poput kvadrata ili kruga. Kako biste napravili savršen krug ili kvadrat, ne zaboravite držati Tipka SHIFT u trenutku njihovog nastanka.

Korak 12

Ako ste zadovoljni rezultatima u ovom trenutku, možete nastaviti, ali ako želite dodati malo života ikonama, nastavimo s poboljšanjima. Počnimo s stil sloja Sjena (Drop Shadow). Otvorite grupu "simboli", odaberite jednu od ikona i kliknite na ikonu Fx-Sjena (Fx-Drop Shadow)

Korak 13

Ponovite prethodni korak s preostalim ikonama. Kako biste si olakšali rad kliknite desni klik na sloj - Kopiraj stil sloja. Zatim odaberite preostale slojeve ikona, kliknite desni klik-Zalijepi stil sloja.

Korak 14

Sad dodajmo unutarnja sjena na pozadinu svake ikone. Otvorite grupu “icons bg”, odaberite sloj s ikonom, kliknite na ikonu Fx-Unutarnja sjena (Fx-InnerSjena) . Koristite sljedeće opcije:

Korak 15

Napravite novi sloj i nazovite ga "Gloss Effect". Promijenite boju prednjeg plana u # ffffff; i uz pomoć Alat za pravokutni okvir napravite nekoliko pravokutnika polovice veličine ikona (cca. 50x25 piksela). Učinite to za sve ikone.

Zatim promijenite način miješanja u Soft Light, smanjiti Neprozirnost naslagati se 20% , A ispuniti prije 80% .

Korak 16

Isključite vidljivost sloja "Gloss Effect". Napravite novi sloj i nazovite ga "Long Shadow". Ovaj korak je malo kompliciraniji u usporedbi s ostalim efektima. Postavite novi sloj ispod sloja "Gloss Effect".

Korak 17

Uzeti Alat za poligonalni laso i počnite stvarati pravokutnu sjenu tako da dodirnete rub ikone samo na donjoj desnoj strani, zatim napravite dijagonalnu liniju dok ne dođe do donjeg desnog ruba pozadine ikone, napravite ravnu liniju dok ne dođe do središta pozadine, zatim povežite linije. Na slici možete jasnije vidjeti kako nacrtati dugu sjenu.

Korak 18

Posljednji korak! Smanjiti Neprozirnost sloj sjene do 10% , I napuniti (Fill) prije 0% .

Sada kliknite na ikonu Fx i odaberite Prekrivanjeboje (Bojapreklapanje). Koristite sljedeće opcije:

Sada odaberite Prekrivanjegradijent (Gradijentpreklapanje) i koristite ove postavke:

Konačni rezultati:

Ove četiri opcije dostupne su na ploči s opcijama i duplicirane su na ploči sa znakovima. Nije važno u kojoj ploči promijenite ove opcije, vrijednosti će se duplicirati:

Anti-aliasing metoda za slova

Anti-aliasing je tehnologija koja se koristi za poboljšanje vizualizacije tekstualnih slova kako bi se izgladili tvrdi rubovi i uklonili "zubice" koje se pojavljuju na rubovima slova.

Ova se opcija također duplicira u dvije ploče:

Trenutačno postoji sedam metoda za izglađivanje teksta u Photoshopu, uključujući način "no anti-aliasing" (nijedan), na slici koju sam pokazao rusko i englesko Photoshop sučelje:

Svaka od metoda anti-aliasinga proizvodi vlastiti učinak na slova, a za svaki pojedinačni slučaj metodu treba odabrati eksperimentalno, ali ovo je idealno, ali u praksi uglavnom koristim metodu anti-aliasinga postavljenu prema zadanim postavkama u Photoshopu - “Sharp ”.

Na slici sam dao primjer dvije vrste Photoshop izglađivanja teksta:

Prored (početni)

Ovaj tekstualni parametar dostupan je samo na ploči znakova; kao što naziv sugerira, postavlja okomitu udaljenost između redaka. Prema zadanim postavkama, parametar je postavljen na "Auto":

Uglavnom, korištenje Razmak između redova postavljen na Auto daje dobre rezultate, ali možete postaviti Razmak između redova samostalno prije unosa teksta ili nakon unosa odabirom cijelog teksta. Možete odabrati jednu od unaprijed postavljenih vrijednosti (od 6 pt do 72 pt), ili unijeti vlastitu pomoću jedne od Photoshopovih metoda za unos parametara, tj. promijeniti povlačenjem miša ili pomicanjem kotačića ili unosom vrijednosti u prozor s tipkovnice.

Praćenje (razmak između slova, praćenje)

Parametar "Praćenje" Također dostupan samo s ploče znakova, kontrolira razmak između slova ili simbola. Nalazi se neposredno ispod Razmak između redova i prema zadanim postavkama postavljeno na 0:

Za postavljanje vrijednosti razmak između slova, možete kliknuti na trokut desno od polja za unos i odabrati s popisa unaprijed postavljenih vrijednosti, možete unijeti vrijednost s tipkovnice ili promijeniti parametar povlačenjem kursora ili rotiranjem kotačića miša. Unesena je negativna vrijednost Praćenje približit će slova ili simbole, dok će ih pozitivna vrijednost udaljiti jedne od drugih.

Za promjenu praćenja odaberite željeni dio teksta i unesite vrijednost u polje za unos. U primjeru sam povećao praćenje u riječi "odjeljak" bez utjecaja na ostatak teksta:

Kerning

Ova je opcija također dostupna samo na ploči znakova i nalazi se lijevo od Praćenje. Prema zadanim postavkama postavljeno je na metriku, što ću objasniti u nastavku. Kerning podešava razmak između dva određena slova ili simbola:

Kerningčesto se brka s Praćenje jer se čine sličnim, ali zapravo su potpuno različite stvari. Dok Praćenje postavlja raspon između svi likovi, Kerning podešava udaljenost između dva specifična lika. Analogija se može napraviti ako Praćenje- globalna postavka, dakle Kerning- "lokalni".

Da bi opcija postala dostupna potrebno je postaviti kursor u tekst između dva željena slova. U primjeru sam postavio negativnu vrijednost Kerning:

Kao što sam već rekao, zadana opcija je Kerning je postavljeno na "Metrički", što znači da Photoshop koristi razmak slova određen dizajnom fonta. Ova opcija često daje bolje rezultate u većini slučajeva, iako ovisi o svojstvima korištenog fonta. Ako kliknete na mali trokutić desno od polja za unos vrijednosti Kerning, vidjet ćete da je neposredno ispod metričke vrijednosti optička vrijednost. Uz ovu opciju, Photoshop automatski postavlja razmak između slova na temelju oblika slova. Opet, ovisi o samom fontu koja će od ove dvije opcije, “Metric” ili “Optical”, dati najbolji rezultat.

Promjena vrijednosti Kerning Možete, kao iu drugim opcijama, s tipkovnice ili miša.

Okomito i vodoravno mjerilo

Ove dvije opcije nalaze se neposredno ispod Kerning I Praćenje.
Njihova je svrha jasna iz naziva; opcije skaliraju odabrani tekst okomito ili vodoravno.
Obje su ove opcije prema zadanim postavkama postavljene na 100%.

Pomak osnovne linije

Ispod je opcija Osnovni pomak. Osnovni pomak omogućuje pomicanje odabranih dijelova teksta ili pojedinačnih slova iznad ili ispod osnovne linije fonta. Prema zadanim postavkama, vrijednost opcije postavljena je na 0 pt. Pozitivne vrijednosti će pomaknuti odabrani tekst iznad osnovne linije, a negativne vrijednosti će pomaknuti odabrani tekst ispod osnovne linije. Opcija nema unaprijed postavljene vrijednosti, pa se vrijednost mora unijeti ručno:

Dodatne mogućnosti teksta

Ispod su gumbi za dodatne opcije.
S lijeva na desno: pseudopodebljano, pseudokoso, sva velika slova, mala slova (reducirana velika), nadindeks, podindeks, podcrtano, precrtano. Na primjeru sam pokazao učinak opcija u tekstu počevši od drugog retka:

Izbor jezika

U donjem lijevom kutu nalazi se opcija "Odabir jezika", dizajnirana za provjeru pravopisa i rastavljanja crtica, ali trenutno je neučinkovita za ruski, a zapravo i za engleski, pa se opcija ne koristi.