Cum să faci simboluri în Photoshop. Cum să faci pictograme pentru rețelele sociale în Photoshop. Cum să inserați un caracter special în Photoshop sau în orice alt program

Tocmai mi-am cumpărat un font și acum se spune că trebuie să merg la Illustrator și să merg la "glifele" mele pentru a obține fonturi "suplimentare"....pai eu nu am Illustrator... și nici nu știu cu glifele?!

Știe cineva dacă PS6 are glife? fontul a fost achiziționat: https://creativemarket.com/L_Worthington/12122-Charcuterie-Cursive

b1nary.atr0phy

CC are o bară de simboluri, CS6 nu.

Răspunsuri

Scott

„Glyph” este pur și simplu un termen pentru un anumit caracter dintr-un fișier de font.

Photoshop, spre deosebire de alte aplicații Adobe, nu are un panou Glyph. Deși poate afișa și utiliza glife dacă sunt prezente, nu există nicio modalitate de a accesa un anumit glif din Photoshop.

Atât Illustrator, cât și InDesign au panouri cu glife care vă permit să vedeți și să utilizați toate simbolurile prezente într-un font.

Deci răspunsul scurt este... Photoshop nu are acces la glife.

Există, de asemenea, multe aplicații gratuite/shareware care pot afișa glife într-un fișier cu font. Pentru a utiliza un anumit glif în Photoshop, trebuie să găsiți o aplicație, orice aplicație care vă permite să vedeți pictogramele. Atunci doar copiați/lipiți gliful din această aplicație în Photoshop.

Este posibil să aveți deja o aplicație care poate afișa glife. De exemplu, puteți utiliza Inserare > Simbol în Microsoft Word, pentru a vizualiza glife într-un font. Cuvântul le numește pur și simplu „simboluri”. Apoi copiați/lipiți fișierul necesarîn Photoshop.

Phlume

După cum am menționat, Photoshop nu are un meniu Glyphs.
Cu toate acestea, există instrumente de sistem OS pe care le puteți utiliza pentru a extrage aceste caractere dintr-un fișier cu fonturi.

Windows are un utilitar Character Map pe care îl puteți utiliza pentru a copia direct din acel program într-o casetă de text din Photoshop. Pentru a accesa cartea de personaj, accesați...
Start> Toate programele> Accesorii> Instrumente de sistem:

netpraxis

Dacă utilizați un Mac, cel mai simplu mod de a găsi simbolul de care aveți nevoie este să utilizați aplicația Cartea cu fonturi(inclus în instalare standard OSX)

Selectați " Vizualizare" > "Repertoriu"în meniul aplicației și selectați un font pentru a afișa toate caracterele incluse.

Faceți clic pentru a selecta oricare dintre glifele afișate și copiați/lipiți înapoi în Photoshop

Elementele de bază ale lucrului cu instrumentele grupului Text în Photoshop: panoul de control, setări, funcții și capabilități.

Grupul este situat pe bara de instrumente sub butonul cu litera „T”. Deschideți-l în orice fel:

• făcând clic pe colțul negru din dreapta jos al pictogramei;
• făcând clic dreapta pe pictogramă

Puteți activa Text apăsând tasta T (E rusă) de pe tastatură. Și nu contează ce aspect de tastatură aveți acest moment. În timp ce țineți apăsată tasta Shift, apăsând tasta „T” de mai multe ori va activa alternativ toate cele patru instrumente din acest grup.

Fig.1. Grup de instrumente de text

Totul aici este intuitiv.

1. Orizontală – pentru a crea înregistrarea obișnuită într-o poziție orizontală.
2. Verticală – plasează inscripția de sus în jos.
3. și 4. Creați măști rapide cu selecție orizontală și verticală.

Direcția orizontală este folosită cel mai des.

Panoul de control al grupului de instrumente de text

Când instrumentul este activ, panoul de control superior arată astfel:

Fig.2. Bara de instrumente de sus Text

Photoshop CS6 a introdus meniul Font, care conține mai multe opțiuni pentru setări. Acest lucru va fi discutat într-un alt articol. Acum să ne uităm la setări panoul de sus management.

Atenţie! Este mai bine să setați toate setările panoului superior pentru instrumentele Text în Photoshop înainte de a tasta inscripția. Dar puteți face modificări mai târziu, selectând mai întâi textul sau o parte a acestuia care trebuie modificată.

• Deasupra numărului 1 Fig. 2 – salvarea parametrilor. O caracteristică foarte convenabilă pentru salvare setările instalate(numele fontului, dimensiunea acestuia etc.) dacă trebuie să reveniți la ele periodic sau înainte de a rasteriza stratul de text.

Faceți clic pe săgeata mică pentru a deschide fereastra. Selectați „Set nou de parametri pentru instrument. Se deschide o a doua fereastră în care puteți seta un nume pentru parametru. Faceți clic pe OK. Editorul își amintește setările.

Fig.3. Salvarea parametrilor de text în Photoshop

Apare în listă linie nouă. Pentru claritate, în pasul anterior a fost introdus numele „Exemplu de salvare nouă”.

Fig.4. Setări salvate

Acum, pentru a seta pe panou toate valorile care au fost acolo la salvare, trebuie să faceți clic pe această linie.

Pentru a șterge o linie, faceți clic dreapta pe ea și selectați ștergere.

• Deasupra numărului 2, Fig. 2 – schimba orientarea textului. Apăsând butonul cu litera T și săgeți - direcția inscripției se schimbă de la orizontal la vertical și înapoi. Nu uitați că acest strat de text trebuie să fie activ în paleta Straturi.
• Deasupra numărului 3, Fig. 2 – font font. Făcând clic pe butonul săgeată, se deschide întreaga listă de fonturi disponibile pe computer. Îl puteți selecta pe cel de care aveți nevoie din listă sau îl puteți introduce manual în fereastră, apoi apăsați Enter.
• Deasupra numărului 4 Fig. 2 – stilul fontului. Butonul săgeată deschide o listă de stiluri acceptate de fontul selectat. Dacă butonul este inactiv, fontul selectat acceptă doar un stil sugerat.
• Deasupra butonului 5 Fig. 2 – marimea fontului, alias Kegl. Lista derulantă oferă opțiuni de la 6 la 72 de pixeli. Puteți introduce manual oricare dintre valorile dvs. în fereastră, apoi apăsați Enter. Este suficient să introduceți doar numere, iar editorul va introduce automat literele „pt”.

Puteți selecta dimensiunea astfel: mutați cursorul la stânga ferestrei când arată ca un deget cu săgeți, țineți apăsat cu mouse-ul stâng și trageți spre dreapta pentru a crește dimensiunea sau spre stânga pentru a o micșora. Valoarea digitală din fereastră se va modifica. De îndată ce eliberați mouse-ul, dimensiunea textului se va schimba.

• Deasupra numărului 6 Fig. 2 – stilul fontului. Făcând clic pe acest buton, se deschide o listă de stiluri acceptate de fontul selectat: italic, bold, bold... Nu toate fonturile acceptă lista plina stiluri, deci poate exista un număr diferit de opțiuni. Dacă butonul nu este activ, fontul selectat acceptă doar un stil sugerat.
• Deasupra numărului 7 Fig. 2 – alinierea textului pe o parte sau în centru. Butoanele funcționează la fel ca în document Word. Setările sunt în panoul Paragraf. Citiți mai jos despre asta.
• Deasupra numărului 8 Fig. 2 – selecția culorilor. Caseta arată culoarea care va fi aplicată textului. O puteți schimba făcând clic pe această fereastră și selectând oricare alta din paleta care se deschide. Dacă textul a fost deja introdus, atunci trebuie mai întâi selectat.
• Deasupra numărului 9 Fig. 2 – deformarea textului. Faceți clic pe acest buton, apoi deschideți stilurile și avem diverse opțiuni de deformare. Experiment.

Fig.5. Text deformat

• Deasupra numărului 10, Fig. 2 – se deschide/se închide Panouri Caracter, Paragraf. Mai multe despre asta.

Panouri Caracter, Paragraf

Panourile Caracter și Paragraf se deschid în Photoshop utilizând butonul din panoul de control de sus sau din panoul din dreapta. Dacă nu sunt în panoul din dreapta, activați meniul Fereastră pe parcurs - selectați Simbol sau Paragraf. Pictogramele corespunzătoare apar în panoul din dreapta. Dacă ambele sunt selectate, vor apărea două pictograme ale aceluiași grup, dar când deschideți oricare dintre ele, vor exista două file în fereastră pentru comutarea convenabilă între aceste panouri.

Atenţie! Panoul Caracter, atunci când lucrează cu instrumentele grupului Text, are prioritate față de panoul Paragraf.

Fig.6. Panouri Caracter, Paragraf

Panoul de simboluri

Unele dintre setările din această filă dublează funcțiile panoului de control superior și au fost deja discutate. Să nu repetăm. Valorile din acestea vor fi setate la aceleași pe care le-ați setat în panoul superior - font, dimensiunea acestuia etc.

Restul sunt indicate în Figura 6 de mai sus:

1. Spațiere între linii. Definește distanța dintre linii.
2. Kerning pentru a regla distanța dintre două caractere. De exemplu, din întregul text, doar două personaje trebuie apropiate sau îndepărtate unul de celălalt. Plasăm cursorul între ele, deschidem lista și selectăm opțiunea dorită sau o introducem manual în fereastră.
3. Spațiere dintre caractere pentru a seta distanța dintre caracterele textului.
4. Scara verticală pentru creșterea/scăderea înălțimii caracterelor este setată ca procent. Introduceți manual numărul în casetă. Nu trebuie să puneți semnul %; Photoshop îl va pune automat de îndată ce apăsați Enter.
5. Scara orizontală întinde/comprimă cusăturile. La fel ca și parametrul anterior, acesta este introdus ca procent.
6. Compensarea liniei de bază. O funcție convenabilă atunci când introduceți formule matematice și alte notații cu superindex și subindex. Vă permite să ridicați/scădeți o parte a unei linii sau a unui cuvânt. Această parte trebuie mai întâi selectată. Introduceți manual valoarea în fereastră. Următoarea linie oferă oportunități similare - pseudo-parametri.
7. Pseudo-parametri. Setările fontului din această linie sunt clar vizibile - font aldine, cursive, text cu majuscule etc.
8. Ligaturi, adică simboluri care se obțin prin îmbinarea mai multor litere sau caractere, adică combinarea lor într-un singur caracter. Foarte rar folosit. Doar cele care acceptă fontul selectat vor fi active.
9. Deschide o listă de limbi pentru verificarea ortografică.

Panoul de paragraf

Setarea parametrilor de paragraf, cum ar fi indentarea, împachetarea etc.

Fig.7. Panoul de paragraf

În prima linie, primele trei butoane sunt duplicate din panoul de control superior. S-au discutat deja. Butoanele rămase vor fi cel mai probabil inactive. Următoarele trei butoane de pe această linie sunt concepute pentru a alinia linia de jos a textului, iar ultimul este pentru a alinia întreaga lățime.

Al doilea bloc conține trei ferestre în care puteți seta în pixeli indentațiile din marginile din dreapta sau din stânga și indentarea primei linii.

Al treilea bloc indică liniuțe înainte sau după paragraf

În blocul următor, cusătura automată este activată/dezactivată.

04.07.2016 27.01.2018

În acest tutorial veți învăța cum să creați pictograme plate plate retele sociale.

Ce vei crea:

Pentru a crea pictograme plate, vom începe cu fundalul, apoi vom adăuga efecte pictogramelor pentru a le oferi originalitate, apoi vom desena umbre lungi. Pentru a repeta acest tutorial, veți avea nevoie de Photoshop CS3 sau o versiune ulterioară.

Resurse:

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

Pasul 1

Crea fișier nou (Ctrl + N) mărimea 500 × 400 pixeli.

Crea grup nou (CTRL+G)și denumește-l „Background”.

Pasul 2

Umple fundalul culoare # e7e9ea prin utilizarea Instrument cu găleată.

Pasul 3

Pentru a adăuga mai multe efecte fundalului, vom adăuga un gradient. Faceți clic pe pictogramă Strat de ajustareși selectați Gradient (Gradient), utilizați următoarele setări:

Modul de amestecare a straturilor Lumină moale (Moale Ușoară) | Opacitate: 25%

Pasul 4

Creați un grup nou și denumiți-l „simboluri”.

Pasul 5

Înainte de a începe, trebuie să setăm meniul Conducători Și Grile (rigle și grile). Accesați meniu View-Rulers (Vedere- Conducători) Și Vizualizare-Afișare-Grile (Vedere— Spectacol— Grile) . Iată setările mele pentru Rigle și grile(pot fi deschise mergând la Editați preferințele:

A crea Ghid, trebuie doar să faceți clic și să îl trageți din riglă. Pentru a crea un ghid vertical, trageți de pe rigla verticală și invers. Așa am împărțit pânza (fiecare pictogramă este egală cu 50 × 50 pixeliși distanța dintre fiecare pictogramă 25 pixeli):

Pasul 6

În acest tutorial, lucrăm cu fontul Awesome, puteți adăuga pictograme personalizate pentru site-ul dvs. De obicei, acest lucru se face prin plasarea unui font CSS pe site-ul dvs., dar deoarece lucrăm cu Photoshop, va trebui să copiem fiecare pictogramă pe care doriți să o utilizați din foaia de cheat. Accesați pagina, selectați pictograma pe care doriți să o desenați. Am folosit pictograme pentru următoarele site-uri (rețele sociale): Twitter; Facebook; Tumblr; Google+;Instagram; YouTube; TIC nervos; Dropbox; DeviantArt; Pinterest; Skype; A hrani.

Pasul 7

După ce ați găsit pictograma pe care doriți să o utilizați, copiați-o ( Selectați-l, apoi faceți clic dreapta-Copiare)

Apoi reveniți la Photoshop și selectați Instrument text (TextInstrument) pe bara de instrumente. Schimbați setările fontului așa cum se arată în imagine:

Acum lipiți pictograma pe care tocmai ați copiat-o. ( Click dreapta-Lipire)

Pasul 8

Repetați pasul anterior până când ați introdus toate pictogramele pe care doriți să le utilizați.

Pasul 9

Creați un grup nou și redenumiți-l „icoana bg”, plasați grupul sub grupul „simboluri”.

Pasul 10

Crea strat nouși plasați-l în grupul creat la pasul anterior. Am redenumit stratul în „icoana bg”.

Pasul 11

Folosind instrumentul dreptunghi cu colțuri rotunjite (DreptunghiularInstrument pentru formă de cerc)(situat în bara de instrumente de mai jos Instrument text) Am creat fundalul pictogramelor,

Iată toate culorile pe care le-am folosit:
Twitter: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +:# e44940;
Instagram:# 9bd29d;
Youtube:# f4504c;
TIC nervos:# a96db6;
Dropbox:# 81d5ed;
Deviantart:# 6e8e61;
Pinterest:# f25f5f;
Skype:# 67d5f4;
A hrani:# e9951d;

Puteți folosi aceste culori, sau puteți folosi culori la discreția dvs. - astfel lucrarea va căpăta originalitate.

Dacă nu vă place aspectul dreptunghiurilor rotunjite, puteți alege o formă diferită, cum ar fi un pătrat sau un cerc. Pentru a face un cerc sau un pătrat perfect, nu uitați să țineți tasta SHIFTîn momentul creării lor.

Pasul 12

Dacă sunteți mulțumit de rezultate în acest moment, puteți continua, dar dacă doriți să adăugați puțină viață pictogramelor, să continuăm să facem îmbunătățiri. Sa incepem cu stilul stratului Shadow (Drop Shadow). Deschideți grupul „simboluri”, selectați una dintre pictograme și faceți clic pe pictogramă Fx-Umbră (Fx-Umbră)

Pasul 13

Repetați pasul anterior cu pictogramele rămase. Pentru a vă ușura munca, faceți clic faceți clic dreapta pe strat - Copiați stilul stratului. Apoi selectați straturile de pictograme rămase, faceți clic clic dreapta-Lipire stil strat.

Pasul 14

Acum să adăugăm umbra interioara pe fundalul fiecărei pictograme. Deschideți grupul „icoane bg”, selectați stratul cu pictograma, faceți clic pe pictogramă Fx-Umbra interioară (Fx-InnerUmbră) . Utilizați următoarele opțiuni:

Pasul 15

Creați un nou strat și numiți-l „Efect de luciu”. Schimbați culoarea primului plan la # ffffff; si cu ajutorul Instrument Marquee dreptunghiular creați niște dreptunghiuri de jumătate din dimensiunea pictogramelor (aprox. 50x25 pixeli). Faceți acest lucru pentru toate pictogramele.

Apoi schimbați modul de amestecare la Soft Light, reduce Opacitate stratificați în sus 20% , A completati inainte de 80% .

Pasul 16

Opriți vizibilitatea stratului „Efect de luciu”. Creați un nou strat și numiți-l „Umbra lungă”. Acest pas este puțin mai complicat în comparație cu restul efectelor. Plasați un nou strat sub stratul „Gloss Effect”.

Pasul 17

Lua Instrument lazo poligonalși începeți să creați o umbră dreptunghiulară atingând marginea pictogramei doar în partea dreaptă jos, apoi faceți o linie diagonală până ajunge la marginea dreapta jos a fundalului pictogramei, faceți o linie dreaptă până când ajunge în centrul fundalului, apoi conectați liniile. În imagine puteți vedea mai clar cum să desenați o umbră lungă.

Pasul 18

Ultimul pas! Reduce Opacitate strat de umbră la 10% , Și completati (Fill) inainte de 0% .

Acum faceți clic pe pictograma Fx și selectați Acoperireculori (CuloareAcoperire). Utilizați următoarele opțiuni:

Acum selectați Acoperiregradient (GradientAcoperire)și utilizați aceste setări:

Rezultate finale:

Aceste patru opțiuni sunt disponibile în panoul Opțiuni și sunt duplicate în panoul Caracter. Nu contează în ce panou modificați aceste opțiuni, valorile vor fi duplicate:

Metoda anti-aliasing pentru litere

Anti-aliasing-ul este o tehnologie folosită pentru a îmbunătăți vizualizarea literelor text pentru a netezi marginile dure și pentru a elimina „decoroanele” care apar pe marginile literelor.

Această opțiune este, de asemenea, duplicată în două panouri:

În prezent, există șapte metode de netezire a textului în Photoshop, inclusiv modul „fără anti-aliasing” (niciunul), în figura am arătat interfețele Photoshop rusă și engleză:

Fiecare dintre metodele de anti-aliasing produce propriul efect asupra literelor, iar pentru fiecare caz individual metoda trebuie selectată experimental, dar acest lucru este ideal, dar în practică folosesc în principal metoda de anti-aliasing setată implicit în Photoshop - „Sharp ”.

În figură am dat un exemplu de două tipuri de netezire a textului Photoshop:

Spațiere între linii (întâlnire)

Acest parametru de text este disponibil numai din panoul Caracter; după cum sugerează și numele, setează distanța verticală dintre linii. Implicit, parametrul este setat la „Automat”:

Practic, utilizarea Spațiere între linii setat la Auto oferă rezultate bune, dar puteți seta Spațiere între linii independent înainte de a introduce text, sau după introducere, selectând tot textul. Puteți alege una dintre valorile prestabilite (de la 6 pt la 72 pt) sau puteți să o introduceți pe propria dvs. folosind una dintre metodele Photoshop pentru introducerea parametrilor, de exemplu. modificați trăgând mouse-ul sau derulând rotița sau introducând o valoare în fereastră de la tastatură.

Urmărire (spațiere între litere, urmărire)

Parametru „Urmărire” De asemenea, accesibil doar din panoul Caracter, controlează distanța dintre litere sau simboluri. Este situat chiar dedesubt Spațiere între linii și setată implicit la 0:

Pentru a seta valoarea spațiul dintre litere, puteți face clic pe triunghiul din dreapta câmpului de introducere și puteți selecta dintr-o listă de valori prestabilite, puteți introduce o valoare de la tastatură sau puteți modifica parametrul trăgând cursorul sau rotind rotița mouse-ului. Valoare negativă introdusă Urmărire va apropia literele sau simbolurile, în timp ce o valoare pozitivă le va îndepărta mai mult unele de altele.

Pentru a modifica urmărirea, selectați secțiunea de text dorită și introduceți valoarea în câmpul de introducere. În exemplu, am mărit urmărirea în cuvântul „secțiune” fără a afecta restul textului:

Kerning

Această opțiune este, de asemenea, disponibilă numai din panoul Caracter și este situată în stânga Urmărire. În mod implicit, este setat la Metrics, pe care îl voi explica puțin mai jos ce înseamnă asta. Kerning ajustează distanța dintre două litere sau simboluri specifice:

Kerning adesea confundat cu Urmărire pentru că par asemănătoare, dar de fapt sunt lucruri complet diferite. In timp ce Urmărire stabilește intervalul între toate personajele, Kerning reglează distanța dintre două personaje specifice. Se poate face o analogie dacă Urmărire- cadru global, atunci Kerning- „local”.

Pentru ca opțiunea să devină disponibilă, trebuie să plasați cursorul în text între cele două litere dorite. În exemplu am stabilit o valoare negativă Kerning:

După cum am spus deja, opțiunea implicită este Kerning este setat la „Metric”, ceea ce înseamnă că Photoshop utilizează spațierea dintre litere specificată de designul fontului. Această opțiune dă adesea rezultate mai bune în majoritatea cazurilor, deși depinde de proprietățile fontului utilizat. Dacă faceți clic pe triunghiul mic din dreapta câmpului de introducere a valorii Kerning, veți vedea că direct sub valoarea Metric este valoarea Optică. Cu această opțiune, Photoshop setează automat spațierea literelor pe baza formei literelor. Din nou, depinde de fontul în sine care dintre aceste două opțiuni, „Metric” sau „Optic”, va da cel mai bun rezultat.

Schimbați valoarea Kerning Puteți, ca și în alte opțiuni, de la tastatură sau mouse.

Scară verticală și orizontală

Aceste două opțiuni sunt situate chiar mai jos KerningȘi Urmărire.
Scopul lor este clar din nume; opțiunile scala textul selectat vertical sau orizontal.
Ambele opțiuni sunt setate la 100% în mod implicit

Schimbarea liniei de bază

Mai jos este opțiunea Compensarea liniei de bază. Deplasarea de bază vă permite să mutați secțiunile selectate de text sau litere individuale deasupra sau sub linia de bază a fontului. În mod implicit, valoarea opțiunii este setată la 0 pt. Valorile pozitive vor muta textul selectat deasupra liniei de bază, iar valorile negative vor muta textul selectat sub linia de bază. Opțiunea nu are valori prestabilite, deci valoarea trebuie introdusă manual:

Opțiuni suplimentare de text

Mai jos sunt butoanele pentru opțiuni suplimentare.
De la stânga la dreapta: pseudo-aldine, pseudo-oblice, toate majusculele, majuscule mici (majuscule reduse), superindex, subindex, subliniat, barat. Folosind un exemplu, am arătat efectul opțiunilor din text începând de la a doua linie:

Alegerea limbii

În colțul din stânga jos există opțiunea „Selectarea limbii”, concepută pentru a verifica ortografia și scrierea cu silabe, dar în prezent, pentru rusă, și într-adevăr pentru engleză, este ineficientă, așa că opțiunea nu este folosită.