Cum de a face icoane

întotdeauna a vrut să învețe ce este nevoie pentru a crea propria pictogramă, dar nu a știut niciodată exact de unde să înceapă? Ei bine, cu acest articol, care se va schimba. Veți afla ce este o pictogramă și veți primi răspunsuri la cele mai frecvente întrebări și probleme care apar. Pe parcurs, veți descoperi că procesul nu este la fel de greu cum ați fi crezut odată.Oh, și înainte să uit, dacă doriți să vă extindeți biblioteca de pictograme, puteți oricând să vă îndreptați către Envato Elements, unde veți găsi o colecție excelentă de pachete de pictograme vectoriale care așteaptă să fie ridicate.

1., Cesunt Icoane?

Dacă există un trulyimportant lucru care școala a reușit să mă învețe, este că ori de câte ori te trezi abordarea unui nou concept, tu ar trebui să pună întotdeauna în timp și thoroughlycarry de cercetare, astfel încât să puteți avea o înțelegere deplină a ceea ce itultimately standuri pentru.deci, fiindcreatura obișnuinței pe care o am, voi insufla în tine aceeași metodă desolvarea problemelor, începând cu cele mai elementare întrebări: „ce este o icoană?,”

ei Bine, conform toGoogle, cuvântul provine din limba greacă eikón (imagine) și este commonlydefined azi ca:

„devoțional pictură a lui Hristos sau un alt sfânt figura,de obicei, executate pe lemn și folosit ceremonial în Bizantine și otherEastern Biserici”.

în Timp ce acest lucru nu este tocmai tipul de icoana care ne reclamele au tendința de a gândi în afara, itmight fi primul lucru pe care unii oameni vizualiza atunci când tu le spui ca să-ți câștigi existența făcând „icon design”.,

nu mewrong, nu am nimic împotriva arta picturii de icoane, care este, în sine, frumos dar greu de artizanat, dar vorbim despre o cu totul altă utilizare a thehands și imaginația.

De la un moremodern, digital perspectivă, o „icoana” este definit ca:

„un simbol sau grafic representationon un ecran de program, opțiune sau o fereastră”.

Dacă utilizați un Mac sau un PC, un iPhone sau un dispozitiv Android,fiecare dintre ei are o interfață de utilizator bazate pe icoane de differentshapes, culori și dimensiuni.

2., De Ce Folosim Icoane?

din punct de vedere Istoric, primul set de calculator icoane a fost conceptualizat aproape 37 de ani (moreexactly în 1981), atunci când un computerscientist cu numele de David Canfield Smith și-a unit forțele cu designerNorman Lloyd Cox în timp ce lucrează pe GUI(Graphical User Interface) a XeroxStar 8010. Sarcina lor a fost de a ușura interacțiunea utilizatorului cu mașina,pe care au depășit-o Creativ prin introducerea simbolurilor grafice familiare menite să reflecte obiectele din viața reală la care utilizatorul ar putea să se refere.,

Din nou în ziua când computerele au fost folosite mai ales în medii de lucru, ei au realizat acestea ar putea găsi inspirație uitandu-se la cele mai comune obiecte foundwithin un birou, aducând astfel „biroul metafora” la viață.acest lucru a pus bazele construirii primului limbaj vizual comun pentru era digitală, care a modelat nu numai felul în care arată GUI, ci și modul în care funcționează.,

Ușurința ofInteraction

Rapid forwardto astăzi, și în timp ce le-am văzut și unele modificări în ceea ce privește forma lor corefunction a rămas destul de mult identic, deoarece acestea continua să servească în același scop au fost concepute inițial pentru, și că este relaxarea ourinteraction cu piese diferite și tipuri de software.

Și, sincer, ar fi chiar surprins? Imaginați-vă că trebuie să utilizați o bucată de software care areo GUI bazată în întregime pe utilizarea cuvintelor cheie., Tocmai am făcut-o și crede-mă, earapid sa transformat într-un mic coșmar.pictogramele se comportă ca simboluri vizuale universale care se desprind de bariera lingvistică, datorităcă reușesc să prezinte imagini care pot fi ușor înțelese deutilizatorii care provin din diferite părți ale planetei.

în loc să avețipentru a descoperi modalități de a transmite același înțeles vorbitorilor a două limbi diferite, puteți găsi cu ușurință un simbol acceptat în mod obișnuit care face treaba pentru dvs.,desigur, vor exista ocazional unele reprezentări care ar putea solicita utilizatorilor să treacă printr-un proces de memorare a unui simbol pentru a-l adăuga la jargonul lor. De obicei, acest lucru se va întâmpla în cazul noilor concepte sautehnologii cu care trebuie să se familiarizeze.în comparație cu cuvintele,imaginile au capacitatea de a ne stimula ochii semnificativ mai rapid și pentru o perioadă de timp mai lungă. Aceasta, la rândul său, înseamnă că utilizatorul nu numai că va descifraadică în spatele unei pictograme mai repede, dar timpul general de implicare așteptat va fi mai mic.,imaginați-vă că aveți un software complex cu o mulțime de instrumente și funcții. Acum, cum ar arăta dacă toate instrumentele ar fi ilustrate folosind etichete, adică text în loc de simboluri? În timp ce s-ar putea reuși să dau seama de poziția unora dintre ele, ar deveni rapid o supraîncărcare vizuală care ar face în cele din urmă te urăsc acea bucată de software.

credeți sau nu, există un motiv real pentru care ne-am îndepărtat de interfețele din linia de comandă și are în mare parte legătură cu estetica și ușurința interacțiunii., mergând dincolo de Idea funcționalității, pictogramele se comportă ca declanșatoare vizuale, ceea ce înseamnă nu numai să predați o idee mai rapidă, ci și să faceți acest lucru într-o manieră plăcută pentru ochi.de exemplu, Îmi place să mă gândesc la ecranul unui dispozitiv ca fiind unul dintre acele rafturi pe care le trec de obicei când fac cumpărăturile la mini market-ul local. Dacă theproducts sunt învelite într-un colorat, ochi-prinderea mod, atunci atenția mea isimmediately atras de ele, chiar dacă uneori nici nu am nevoie de acel produs—sunt doar interesat în a vedea ce conține.,același lucru se poate spune despre icoane, deoarece cu cât arată mai bine, cu atât mai multse recomandă utilizatorului să se uite la ele și apoi să se angajeze în interacțiune, ceea ce uneori este exact ceea ce vrem să facă.

3. Cumpentru a face o pictogramă

bine, până în acest moment am vorbit despre ce icoane sunt și de ce le folosim. Acum este timpul pentru a obține un sentiment de ceea ce este nevoie pentru a face unul.

3. 1. De cercetare din Faza

de Fiecare dată când începe să lucreze la o nouă pictogramă pe bază de proiect, există o cheie de câteva aspectsthat aveți nevoie să dau seama înainte de a merge prin procesul efectiv ofbuilding icoane.,

eu numesc acest lucru „faza de cercetare”, deoarece asta e, practic, tot ceea ce ai de gând să faci. Veți petrece câteva minute sau ore, în funcție de timpul și răbdarea pe care o aveți, căutând răspunsuri la câteva întrebări de bază.

Cum ManySize Variante Ai Nevoie?

prima întrebarecă ar trebui să vă întrebați întotdeauna are legătură cu numărul de variații de dimensiune de care aveți nevoiepentru a crea pentru o anumită pictogramă.

aveți nevoie de unulpictogramă, două sau poate mai multe?,dacă, din anumite motive, ajungeți să lucrați la un proiect de o singură dimensiune, atunci această parte ar trebui să fie destul de ușor de parcurs. Pe de altă parte, dacă trebuie să furnizați mai multe dimensiuni, atunci s-ar putea să vă aflați într-o murătură, mai ales dacă faceți munca clientului, dar nu aveți o scurtă scurtă care să indice valorile cerute.

din Fericire pentru noi, cele mai multe dintre aceste valori au devenit deja industria de „standarde”,ceea ce înseamnă că nu trebuie să pierdeți timp de joc cu numere, în scopul de a figura ce funcționează și ce nu.,

dacă știți unde vor fi pictogrameleutilizat, puteți găsi de obicei valorile de dimensionare necesare făcând o simplă căutare Googlesearch.,i>

96 x 96 pixeli

128 x 128 px

256 x 256 pixeli

Icoane Mari:

• 512 x 512 pixeli
• 1024 x 1024 px

sfat Rapid: dacă luați o privire mai atentă la dimensiunea de mai sus valorile, vei observa rapid că cele mai multe dintre ele sunt de fapt create prin dublarea numărului anterior: 12 > 24 > 48 > 96; 16 > 32 > 64 > 128 > 256 > 512 > 1024.,

În unele cazuri, cum ar fi aplicații mobile, puteți găsi instrucțiuni detaliate direct de la sistemul de OPERARE producătorii care sunt menite să vă ajute:

• Apple Icon Orientări
• Google Icon Orientări

Ce Vin de Bază Dimensiunea Fi?

când lucrați la proiecte cu mai multe dimensiuni, vă recomand să începeți întotdeauna de la cea mai mică dimensiune adresabilă posibilă.aceasta va deveni dimensiunea dvs. de bază, pe care o veți folosi ulterior pentru a face toate celelalte necesare., Motivul are legătură cu natura perfectă a pixelilor formelor dvs., care se vor descompune dacă construiți mari și apoi încercați să obțineți variațiile mai mici redimensionându-le.când vine vorba de alegerea unei valori pentru dimensiunea reală a bazei, totul depinde de cerințele proiectului, dar regula generală este că trebuie să mergeți întotdeauna cât mai mic posibil.,

De exemplu, dacă am nevoie pentru a crea trei variante (16 x 16 pixeli, 32 x 32 px, and64 x 64 pixeli), voi asigurați-vă întotdeauna încep cu 16 x 16 px ca mărime de bază, și apoi a crea alte cele prin dublarea sus.

care sunt principalele caracteristici definitorii ale subiectului?

Odată ce ne-am figuredout dimensionarea problemă, trebuie să luați câteva momente și rupe în jos theconcept că vom fi ilustreze. Pentru mine personal, acest pas este amust, deoarece îmi permite să-i identific și să-i izolez principalele trăsături.,

puteți cu ușurință să facem asta prin a lua o bucată de hârtie sau prin deschiderea unui document text, și thengradually scris scurte observații (cuvinte cheie) care au de-a face cu itsshape, dimensiuni, culori, elemente care compun/caracteristici, etc.

în Timp ce unii au tendința să-și petreacă mai puțin timp pe această parte a cercetării, addingthat minut în plus se poate dovedi a fi extrem de util, mai ales dacă ești juststarting, deoarece va face lucrurile mai ușor când este vorba de un „simt”al subiectului.

ce stil folosiți?,

În acest punct, ne-am potși ar trebui să înceapă de gândire de „stil”, sau cu alte cuvinte arată că ouricons va sfârși îmbrățișând.

în trecut, lucrurileau fost destul de diferite, deoarece stilul primelor icoane a fost dictat detehnologia limitată de afișare. Aceasta, la rândul său, a ajuns să modeleze modul în care arătau aceste simboluri vizuale, dar a pus bazele primului stil, care a folosit forme definite de linii îndrăznețe, dure pentru secțiunile exterioare și cele mai subțiri pentru detaliile interioare.,astăzi, acea barieră de Pixela fost mult timp traversată, permițându-ne să creștem și să creăm noi stiluri, caresunt în continuă evoluție și schimbare.

Cele mai populare stiluri sunt:

• pixel de artă
• apartament
• materiale
• linie de artă
• izometrice
• glyph
• skeuomorphic
• dimensional
• de mână-trase
• imagini

Personal, când este vorba de alegerea unui aspect pentru viitorul meu icoane, eu de obicei ajung toDribbble.,com, unde tind să petrec câteva minute analizând curentul trends.As derulez în sus și în jos, reușesc rapid să-mi fac o idee despre ce aș vrea să fac și apoi încerc să rămân la asta.acestea fiind spuse, vă recomand cu tărie să vă faceți o idee bună despre ceea ce vizați de la început, deoarece altfel s-ar putea să vă pierdeți mult timp mergând înainte și înapoi prin diferite stiluri.

Oh, și încă ceva, vă rugăm să nu deveniți acel designer care vede ceva bun și apoi copiază pe deplin munca altei persoane, punând-o acolo ca fiind a lor., În timp ce unii oameni recomandă această abordare pentru a învățași să crească, asta ar trebui să fie în cele din urmă, un exercițiu în care încercați să vă dați seama cum se fac unele lucruri.

în Cazul în care copierea este tot ajungi să faci, atunci s-ar putea ajunge niciodată la punctul în care youdevelop un stil personal, care este ceea ce stabilește o bună icon designer în afară de aceasta.dacă doriți să aflați mai multe despre acest subiect, vă recomand cu tărie citiți cele 10 stiluri care au schimbat fața articolului Icon Design, care vor descompune principalele stiluri existente și trăsăturile lor.,

Cum de a Găsi Inspirație

în Funcție de thenature a proiectului, care iei asupra ta, fie că este una personală orclient de lucru, veți găsi în cele din urmă nevoie de puțină inspirație. Această fază este destul de încurcată cu selectarea unui stil, deoarece de aici începeți să puneți bazele viitoarelor icoane.deci ,cum mergețidespre obținerea acelui sentiment de a fi inspirat?,ei bine, cel mai bun modpentru a obține sucuri creative curge este de a crea ceea ce este cunoscut ca un „moodboard” (sau inspirație bord).

ca numesugerează, o placă de dispoziție este o colecție sau mai exact un colaj de idei bazate pe imagini, de la palete de culori la fotografii, ilustrații, texturi,tipografie etc. Vă ajută să obțineți o direcție pentru ceea ce ați dori în cele din urmă produsul dvs. să se simtă.,

ca designer, mereu marchezi lucruri care îți atrag atenția, dar uneori este cam greu să le urmărești pe toate, mai ales când trebuie să le vezi pe toate simultan.acesta este locul unde instrumente precum Pinterest și Instagram vin la îndemână, deoarece vă permit să creați moodboards la un clic pe un buton.

Anotheralternative, care știu o mulțime de oameni au tendința de a utiliza, este de a descărca theimage selecție pe care le-am făcut, și apoi a crea starea de spirit de bord directlywithin ta graphics suite.,

dacă utilizați asingle-monitor setup, atunci acest lucru ar putea funcționa mai bine pentru dvs., dar dacă sunteți pe teamdouble, puteți lua în considerare utilizarea primei abordări.

atunci Când vine vorba la imagini reale ei înșiși, de obicei se bazează pe unul din următoarele resurse:

• Dribble.com
• Behance.com
• Iconfinder
• Substantivul Proiect
• Pinterest
• Instagram
• Google Imagini

Uneori, veți găsi-te în situația în care ai un subiect mult mai complicat ca s-ar putea nevoie de ajutor pentru a afla simbolul folosit pentru asta., Whenthis se întâmplă, de obicei merg la Substantivul Proiect sau Iconfinder și de a face o simplesearch, care aduce întotdeauna o mare selecție de imagini care ajuta meunderstand mai bine subiectul.în acest moment, ar fi trebuit să acoperiți toate întrebările de mai sus, ceea ce înseamnăcă acum suntem gata să trecem la faza următoare.

3. 2. Cladirea Faza

Deci, ai figuredout dumneavoastră de bază de mărime, a decis cu privire la dimensiunea variante, și chiar înființat un littlemood bord, ceea ce ne aduce la cea de-a doua fază a procesului.,

acum, indiferent de software—ul pe care îl utilizați-Adobe Illustrator, Adobe Photoshop,Affinity Designer, Sketch, etc.—această parte următoare este destul de mult la fel, deoarece puteți aplica conceptele la oricare dintre graphicssuites existente.

același lucru poate fia spus despre diferitele sisteme de operare, deoarece dacă sunteți utilizator Mac sau Windows, veți putea obține același rezultat urmând același proces.acestea fiind spuse, să vedem ce este nevoie pentru a începe construirea pictogramei.,în acest moment, majoritatea programelor sunt deja preconfigurate pentru a vă ajutacreați pictogramele cu perfecțiunea pixelilor în minte.

Dacă aceasta este prima dată când aud despre această idee, apoi am stronglyrecommend câteva clipe și du-te prin Modul de a Crea Pixel-Perfect opera de Arta articol, care ar trebui să vă aduce până la viteza.,

Acum, presupunând că’vefinished citit articolul de mai sus, întrebarea este dacă sau nu ar trebui să pună în timp și să se adapteze la acest lucru mai riguros flux de lucru.ei bine, Personal l-am folosit de mai bine de cinci ani și nu contează cât de mult timp ar putea ajunge să mănânce, încă mai cred că merită., Dacă aruncăm o privire la modul în care lucrurile au fost inițial făcut înapoi în earlyyears de această meserie, atunci când rezoluția a fost o problemă, veți observa că iconswere construit folosind pixel grile, nu la întâmplare dimensiuni forme.

configurați un fișier de proiect adecvat

primul pas pentru crearea propriei pictograme sau a pachetului de pictograme este să configurați un nou fișier de proiect. Simplu, nu? Ei bine, nu chiar, din moment ce, dacă sunteți doar la început, există un cuplu de lucruri pe care ar trebui să fie conștienți de.,în primul rând, ar trebui să vă asigurați întotdeauna că profilul documentului dvs. este setat pe Web, deoarece pictogramele sunt utilizate de obicei în mediul digital.acest lucru este de fapt important, deoarece diferite profiluri vor avea sisteme de culori diferite (Web utilizează RGB, în timp ce imprimarea utilizează CMYK), ceea ce poate duce la reprezentări de culori nedorite atunci când sunt vizualizate de alte persoane.

La MeasuringUnits

Apoi, am themeasuring unitățile utilizate pentru a descrie lățimea,înălțimea, raza de colț, greutate accident vascular cerebral, și spațierea folosit pentru differentcomposing forme.,

în mod implicit, unitățile ar trebui să fie întotdeauna setate la Pixel, atâta timp cât vă asigurați că documentul este destinat să fie utilizat pentru web.

folosim pixeli în loc de altceva, deoarece este unitatea convenită universal utilizată pentru a măsura orice produs digital.

Numărul de planșe de lucru

după ce ați setat yourdocument de profil și unități, aveți nevoie să dau seama dacă ai de gând să beusing unul mai mare Artboard sau mai multe mai mici.sfatul meu este săîncercați întotdeauna să luați a doua rută, deoarece va face lucrurile mult mai ușoarecând vine vorba de exportul pictogramelor.,mergând dincolo de faptul că, având mai multe tablouri de artă înseamnă că puteți focuson mai ușor un activ la un moment dat, pe măsură ce construi treptat pachetul.

UseLayers

Fie că’recreating un singur icon, sau un pachet întreg, ar trebui să încercați întotdeauna și de a folosi un cuplu de straturi, în scopul de a separa activele de referință grile.

procedând astfel, puteți construi cu ușurință icoane fără a fi nevoie să vă faceți griji că te vei muta sau grup theunderlying grile de greșeală.,mergând dincolo de asta, vă va ajuta în timpul procesului de export,deoarece veți dori să vă puteți ascunde grilele.prin definiție, o „grilă de referință” este un instrument vizual format din linii directoare geometrice menite să vă ajute să obțineți coerența dimensiunii în pictogramele dvs.acesta poate fi la fel de simpluca două pătrate stivuite una peste alta, sau puteți folosi ceva un picmai complexe. Personal, prefer să merg cu cea mai de bază, deoarece o facemunca mai bună decât se aștepta.,

în mod Normal, am startout prin crearea principala suprafață de referință folosind exact aceeași valorile pentru lățime și înălțime ca fond al sistemului planșă de lucru. Apoi adaug una ușor mai mică numită zona de desen activ, unde voi poziționa toate formele de compunere ale activului meu.acest lucru va oferi o căptușeală de protecție medie, pe care o includ întotdeauna pentru a mă asigura că pictogramele nu sunt tăiate odată ce sunt livrate și utilizate ulterior de către client.,

când lucrez la mai multe pictograme, regula mea de aur este de a decide dacă saunu voi completa atât lățimea și înălțimea zonei active de desen sau doar una dintre ele, în funcție de stilul pe care îl aleg. Odată ce îmi dau seama de asta, voi lua această regulă și o voi aplica tuturor celorlalte active ale mele,obținând astfel coerența pe care o urmăresc.

4. Do și interdicții de a Crea Icoane

după ce ați terminat configurarea fișier de proiect, straturi, și referencegrids, tot ce rămâne este de a începe să lucreze la real icoane., Acum, în funcție de stilul pentru care mergi, există câteva lucruri de care ar trebui să fii conștient.

Ține ItSimple

Când am startlearning ceva nou, avem mereu că dorința de a crea, la un higherlevel, deoarece avem tendința să ne uităm la ceea ce fac alții și cred că, „ei Bine, asta nu poate fi așa de greu.”

deși nu mă îndoiesc de capacitatea dvs. de a pune împreună ceva complet uimitor, vă recomand să începeți să faceți modele simple la început, astfel încât să vă puteți dezvolta treptat abilitățile într-o manieră mai organică.,

Dincolo de asta, uneori simplu este mai bine, deoarece ideea este toportray un subiect—fie că e un obiect, o funcție sau o idee—într-un mod care orice utilizator poate înțelege instantaneu.

începeți cu forme de bază

Dacă aveți dificultăți în a lucra la un proiect, cea mai bună idee este să faceți un pas înapoi și apoi să vă concentrați pe stabilirea formelor de bază ale subiectului. Indiferent dacă utilizați dreptunghiuri, cercuri sau ambele, încercați să vă relaxați și să vedeți cum vă puteți construi pictograma concentrându-vă pe principalele sale secțiuni de compunere.,după ce ați stabilit fundația, puteți începe apoi să ajustați blocurile principale și să le adăugați treptat detalii până când ajungeți la forma dorită.de multe ori, văd o muncă incredibilă pusă acolo de reclame aleatorii care pun multă atenție compozițiilor lor, dar din anumite motive nu reușesccând vine vorba de culori. Credeti sau nu, o paleta de culori poate face sau rupe dvs. opera de arta frumoasa, motiv pentru care cred că este important să luați thetime și să învețe tot ce se poate despre teoria culorilor.,

Dacă ești feelinglazy, sau pur și simplu nu au timp pentru a începe citirea de cărți despre acest subiect, apoi privi în sus unele icoane (unele bune), și să încerce și să analizeze modul theircreator culori utilizate în scopul de a le aduce la viață.

Uneori, de învățare uitandu-se la un altul e exemplu pot thememory muschi mult mai repede, de predare-te ce culori de muncă și care nu.

AvoidUsing Text În Icoane

Acesta este un fel de un nu-brainer, deoarece ideea din spatele unei icoane este de a elimina nevoia scris scrisori, care ar trebui să fie înlocuite prin simboluri.,desigur ,vor exista întotdeauna acele câteva situații când trebuie să folosiți litere pentru a distinge o pictogramă de alta. Cel mai bun exemplu este atunci când trebuie să creați un pachet de pictograme cu temă pentru documente, unde trebuie să ilustrați un fișier PNG, un JPEG și un SVG. Deoarece forma documentului trebuie să rămână identică, cea mai bună abordare pentru a face acest lucru ar fi să adăugați o mică etichetă în centrul fiecărui document pentru a permite utilizatorului să știe care este care.,puteți găsi o listă mai detaliată citind cele 10 Sfaturi de Top pentru crearea de icoane minunate, care ar trebui să aducă mai multă lumină acestui subiect.

Unele stiluri, cum ar fi linia de icoane, necesită un pic mai multă atenție atunci când vine vorba de construirea propriu-zisă a procesului. De la suprapunerea căii până la poziționarea cursei, am acoperit toate ungherele și crăpăturile diferite de care trebuie să fiți conștienți atunci când creați astfel de icoane.,

5. Probleme comune

în continuare, vom trece rapid prin unele dintre cele mai frecvente probleme cu care va trebui să vă confruntați atunci când lucrați la o nouă pictogramă.

ShapeRotation

Acesta este probabil cel mai enervant atunci când vine vorba de a lucra pe un pixel-perfect icoana, deoarece oricând se roti o formă, se va fixa instantaneu pe theunderlying Grila de Pixeli., Când se întâmplă acest lucru, valorile lățimii și înălțimii formeise vor transforma în valori zecimale, care sunt de obicei indicate de transformpanel-ul software-ului.

în Timp ce mightthink că acest lucru nu este o problemă mare, veți găsi în scurt timp că itactually este, deoarece în cazul în care aveți nevoie pentru a alinia forma la marginea de altul, pur și simplu nu va fi capabil să.,

în Funcție de thecomplexity de forma, de cele mai multe ori puteți rezolva problema prin individuallyselecting sale ancore/noduri, și apoi fixându-le înapoi în loc să thenearest rebelii au tras intersecție.personal, tind să stau departe de formele rotite și să le folosesc doar atunci când trebuie, asigurându-mă că fac tot posibilul pentru a le readuce la grila de pixeli.deci, ați reușit să creați dimensiunea de bază pentru pictograma dvs., dar cum să adăugați mai multe variații de dimensiune pe baza acesteia?,ei bine, procesul în sine este destul de simplu, deoarece de cele mai multe ori tot ce trebuie să faceți este să dublați dimensiunea pictogramei curente folosind o creștere de 200%.de exemplu, dacă aveți o pictogramă de 64 x 64 px, puteți crea cu ușurință următoarea variație a dimensiunii dublând valorile lățimii și înălțimii acesteia, deci 128 x 128 px.puteți afla mai multe despre acest proces citind articolul meu Cum să scalați corect pictogramele în Adobe Illustrator, care prezintă concepte care pot fi utilizate în majoritatea apartamentelor grafice.,

6. Cum să exportați pictograma

am trecut prin pașii principali necesari pentru a crea o pictogramă, așa că acum să luăm câteva momente și să vorbim despre ce trebuie să fim conștienți atunci când o exportăm.această ultimă parte a procesului, deși poate părea complicată, este de fapt foarte simplă.

Alegeți formatul potrivit

primul lucru pe care trebuie să-l faceți este să vă dați seama ce format de fișier veți folosi pentru a salva designul final.,în mod normal, atunci când creați pictograme, veți dori să le exportați folosind un fundal transparent, astfel încât să poată fi utilizate pe o suprafață colorată. Această caracteristică este susținută de următoarele formate de fișiere raster:

• GIF
• PNG
• BMP
• TIFF
• SVG

Din toate acestea, veți ajunge, de obicei, folosind PNG, deoarece oferă compatibilitate completă, folosind o amprentă foarte mică atunci când vine vorba de dimensiune. Aceasta înseamnă că poate fi folosit practic oriunde, indiferent dacă este un site web, o aplicație desktop, o aplicație mobilă, un document Word etc.,SVG se dovedește a deveni un alt format popular pentru web, deoarece este un format scalabil pe care îl puteți ajusta din mers și redimensiona fără pierderi de calitate.

salvați-le individual

când vine vorba de procesul în sine, acesta variază de la instrument la instrument. Unele vin cu instrumente de export dedicate, în timp ce altele se bazează în continuare pe metode mai tradiționale.indiferent de software-ul pe care îl utilizați, obiectivul cheie este să vă asigurați întotdeauna că salvați fiecare pictogramă ca fișier individual, numindu-le atunci când este posibil.

extindeți-vă abilitățile de construire a pictogramelor!,

acum că am ajuns la sfârșitul articolului, vreau să vă las cu câteva tutoriale alese manual, care ar trebui să vă pună în funcțiune în cel mai scurt timp!

• Design Grafic
  10 Illustrator Instrumente Fiecare Designer ar Trebui să Fie Folosind
  Andrei Stefan
• Adobe Illustrator
  Straturi vs, Planșele de lucru: Compararea Metodelor pentru Exportul de Pachete de Icon
  Andrei Stefan
• Icon Design
  Sfat Rapid: Exportul de Icoane Folosind Felii în Adobe Illustrator
  Andrei Stefan
• Icon Design
  Comparând cele Două Metode pentru Crearea de Icoane Linie: Offset Căi vs,div>

  Andrei Stefan
• Adobe XD
  Cum de a Crea un Nor Pictograma în Adobe XD
  Daniel Alb
• Afinitate Designer
  Cum de a Proiecta Icoane Plate în Afinitate Designer: Introducere
  Melodie Nieves
• Afinitate Designer
  Cum de a Proiecta Icoane Plate în Afinitate de Designer: Reducere Insigna și Umeraș Icoane
  Melodie Nieves
• Schiță
  Ce Este Schița și Cine Este Pentru?,
  Adi Purdila
• Adobe XD
  Noua Cursa: Icon Design Cu Adobe XD
  Andrew Blackman
• Animație
  Nou Curs: Animarea Icoane Cu Adobe Illustrator și După Efecte
  Andrew Blackman
• Schiță
  Nou Curs: Până și să fie Difuzate Cu Schița
  Andrew Blackman