20 de tutoriale de design de pictograme în Illustrator și Photoshop

Publicat: 2017-12-03

Este important să folosiți pictograme frumoase și atrăgătoare în proiectele dvs. de site sau aplicații, deoarece aceste mici detalii fac o diferență enormă în creșterea valorii designului general.

Cuprins ascunde
Pictogramă plată cu umbră lungă – Photoshop
Creați un flux de lucru pentru proiectarea pictogramelor – Schiță
Pictogramă vreme – Photoshop
Creați o pictogramă pentru aplicația Notes – Photoshop
Pictograme elegante cu spațiu plat – Photoshop
Creați o pictogramă cu agendă – Photoshop
Pin
Creați o pictogramă 3D Starfish – Photoshop
Cum se creează o pictogramă de hartă folosind Photoshop
Pictogramă Notebook simplă – Illustrator
Pictograme de alertă pentru cutia poștală – Illustrator
Pictogramă Vibrant Cloud – Photoshop
Pictogramă lacăt – Photoshop
Creați o pictogramă pentru aplicație în 20 de pași simpli – Photoshop
Pictograme Delicious Toast – Ilustrator
Proiectați o pictogramă realistă de cafea la pachet – Photoshop
Creați o pictogramă detaliată pentru cameră - Photoshop
Un set de icoane pentru alimente – Ilustrator
Flat Animal Icons – Ilustrator
Pictogramă Sandwich cu covrigi – Ilustrator

O pictogramă grozavă ar trebui să fie suficient de simplă pentru a fi amintită și suficient de creativă pentru a fi apreciată. Proiectarea pictogramelor noi și creative poate fi uneori o sarcină dificilă și consumatoare de timp, așa că am selectat 20 de tutoriale de design de pictograme care vă vor oferi îndrumări pas cu pas despre cum să proiectați pictograme rapid și ușor. Vei învăța despre diferite tehnici pe care le poți aplica în proiectele tale viitoare.

Aceste tutoriale de design de pictograme sunt create folosind Adobe Photoshop, Illustrator sau Sketch. Au instrucțiuni simple și tot ce aveți nevoie sunt cunoștințe de bază pentru a utiliza aceste programe. Tutorialele au instrucțiuni simple, astfel încât să puteți crea pictograme frumoase într-o perioadă scurtă de timp.

Veți lucra cu forme, degrade, texturi, umbre, evidențieri, straturi și multe altele. Aruncă o privire la această varietate de tutoriale interesante de design de pictograme și începe să creezi!

Pictogramă plată cu umbră lungă – Photoshop

Consultați acest tutorial Adobe Photoshop care vă ajută să creați o pictogramă plată cu umbră lungă. În acest tutorial, vei învăța cum să faci un efect de umbră lungă pentru texte, forme sau orice fel de grafică. Vă veți crea propriile pictograme și elemente plate personalizate, colorate, care vor primi o anumită profunzime cu aceste umbre lungi, personalizabile.

umbră lungă pictogramă plată tutorial photoshop tutorial photoshop _ psddude Pin

Creați un flux de lucru pentru proiectarea pictogramelor – Schiță

Acest tutorial Sketch App 3 vă ajută să construiți pas cu pas o pictogramă excelentă pentru aplicația lunară. Va avea o funcționalitate adăugată din caseta de instrumente Sketch. Veți învăța, de asemenea, cum să exportați pictograma unei aplicații la orice dimensiune de care aveți nevoie pentru magazinul de aplicații. Acesta este un tutorial cu adevărat ușor și bine explicat, potrivit pentru începători, care vă va ajuta să creați forme de bază folosind diferite tipuri de mascare.

cum să creați un flux de lucru de proiectare a pictogramelor în aplicația de schiță 3 designmodo Pin

Pictogramă vreme – Photoshop

Iată un tutorial Photoshop despre cum să creezi pictograma vreme frumoasă în câțiva pași simpli. Veți putea face această pictogramă foarte rapid și nu veți avea nevoie de tehnici speciale. Puteți aplica aceeași tehnică în Illustrator dacă doriți să creați aceeași pictogramă cu vectori. Îți va lua doar între 10 și 15 minute pentru a realiza această pictogramă simplă.

creați pictograme meteo Pin

Creați o pictogramă pentru aplicația Notes – Photoshop

Urmând acest tutorial Adobe Photoshop, veți învăța cum să creați această pictogramă realistă a aplicației de note. Veți folosi doar forme simple, degrade și unele texturi. Este un tutorial foarte rapid și simplu, care vă va ajuta să creați o pictogramă superbă în câteva minute! De asemenea, puteți schimba cu ușurință culorile și texturile.

cum se creează o aplicație de note Pin

Pictograme elegante cu spațiu plat – Photoshop

Aceste pictograme elegante cu spațiu plat pot fi create urmând acest tutorial pas cu pas. Veți crea acest design în Adobe Photoshop utilizând forme simple, operații de traseu și efect de umbră lungă. Acest tutorial simplu folosește o paletă de culori retro limitată pentru un rezultat superb și vă va ajuta să creați 6 pictograme rotunde inspirate de explorarea spațiului.

cum să creați pictograme elegante cu spațiu plat Pin

Creați o pictogramă cu agendă – Photoshop

Din acest tutorial, veți învăța cum să creați o pictogramă de agendă în Adobe Photoshop. Veți folosi vectori, umbriri subtile, tehnici de amestecare, toate cu mare efect. Acest tutorial explică, de asemenea, cum să configurați o grilă și să utilizați caracteristica Snap to Grid, ușurând munca. Rezultatul final este o pictogramă realistă și elegantă.

creați o pictogramă de agendă Pin

Creați o pictogramă 3D Starfish – Photoshop

În acest tutorial Adobe Photoshop, vi se vor oferi instrucțiuni ușoare despre cum să creați această pictogramă uimitoare de stea de mare 3D. În afară de Photoshop, veți folosi Cinema 4d și ZBrush. A avea o pictogramă atractivă și frumoasă este un element cheie pentru a vă face marca sau aplicația să iasă în evidență din mulțime.

creați o pictogramă 3d stea de mare frumos proiectată Pin

Cum se creează o pictogramă de hartă folosind Photoshop

Creați această pictogramă frumoasă de hartă 3D în Adobe Photoshop în cel mai scurt timp. Urmați instrucțiunile din acest tutorial unde veți învăța câteva trucuri pentru a lucra cu degrade, umbre și lumini. Veți folosi aceste trucuri rapide pentru a crea o pictogramă tridimensională din forme simple fără a utiliza un software special 3D.

cum se creează o pictogramă de hartă folosind Adobe Photoshop Pin

Simple Notebook I con – Ilustrator

Creați această pictogramă simplă de blocnotes urmând acest tutorial. Veți lucra în Illustrator și veți învăța câteva elemente de bază despre tehnicile de amestecare și umbrirea unui fundal folosind panoul de aspect și panoul de contur. Veți începe prin a învăța cum să utilizați o grilă simplă pentru a crea forme simple și apoi veți trece la umbrirea subtilă pentru o pictogramă curată, dar cu aspect profesional.

creați o pictogramă simplă de notebook în Adobe Illustrator Pin

Pictograme de alertă pentru cutia poștală – Illustrator

Aflați cum să creați această pictogramă de alertă pentru cutia poștală folosind Illustrator. În acest tutorial, veți lucra cu forme de bază, gradienți și panoul de căutare. Rezultatul va fi o pictogramă elegantă de cutie poștală cu 2 moduri de afișare a notificărilor: un cerc roșu și o panglică. Indiferent de versiunea pe care o alegeți, rezultatul final va fi o pictogramă simplă, dar elegantă, cu umbriri subtile și culori atrăgătoare.

cum se creează pictograma de alertă în cutia poștală în Adobe Illustrator Pin

Pictogramă Vibrant Cloud – Photoshop

În acest tutorial Adobe Photoshop, veți afla mai multe despre lucrul cu degrade și efect de iluminare pentru a crea această pictogramă nor vibrantă. Acesta este un tutorial pas cu pas, astfel încât să puteți crea acest element fără probleme. Este perfect pentru designul site-ului web sau o aplicație mobilă cool. Deși poate părea complicat, puteți crea această pictogramă foarte rapid.

cum să creezi o pictogramă nor vibrantă în Photoshop Pin

Pictogramă lacăt – Photoshop

Creați această pictogramă de lacăt strălucitoare în Adobe Photoshop urmând acest tutorial ușor. Veți învăța cum să utilizați formele de bază, degradeurile, umbrele și reflexiile. Începând cu câteva forme simple, veți ajunge cu o pictogramă de lacăt realistă, cu aspect metalic.

Pin

Creați o pictogramă pentru aplicație în 20 de pași simpli – Photoshop

Acesta este un tutorial grozav care vă ajută să creați această pictogramă a aplicației de piscină în doar 20 de pași simpli. Veți crea această pictogramă superbă în Adobe Photoshop cu o mulțime de texturi și instrucțiuni clare de la designer. Chiar dacă pare puțin intimidant, aceste rezultate impresionante pot fi obținute într-o perioadă scurtă de timp.

creați o pictogramă de aplicație folosind Photoshop în 20 de pași simpli Pin

Pictograme Delicious Toast – Ilustrator

Vedeți aceste pictograme grozave de toast create în Illustrator. Puteți crea aceste pictograme delicioase urmând acest tutorial pas cu pas. Acești vectori sunt super distractive și ușor de realizat. Veți face trei tipuri diferite de pâine prăjită, care vor avea un aspect realist și delicios! Veți începe prin a crea pâinea prăjită de bază. Fii creativ!

cum să creați pictograme delicioase de pâine prăjită în Adobe Illustrator Pin

Proiectați o pictogramă realistă de cafea la pachet – Photoshop

Acest tutorial vă arată cum să creați această pictogramă realistă pentru ceașcă de cafea. Este creat în Photoshop cu instrucțiuni clare de la designer. Veți avea nevoie de cunoștințe de bază despre Adobe Photoshop și o versiune CS5 sau mai mare. Acest tutorial vă ajută să creați rezultatul dorit combinând o mulțime de forme și degrade simple și un pic de artă în vârtej la sfârșit.

tutorial_ cum să proiectați o pictogramă realistă de cafea la pachet _ medialoot Pin

Creați o pictogramă detaliată pentru cameră - Photoshop

Consultați acest tutorial grozav care vă arată cum să creați această pictogramă detaliată a camerei. Veți folosi Adobe Photoshop și trucurile pe care le învățați din aceasta vă vor fi foarte utile pentru viitoarele dvs. design-uri. Acest aspect realist este puțin mai dificil de realizat decât cele simple, plate. Veți crea o pictogramă pentru cameră Fuji X100 folosind multe degrade, texturi și o mulțime de stiluri diferite de straturi.

creați o pictogramă detaliată a camerei în Photoshop Pin

Un set de icoane pentru alimente – Ilustrator

Cu acest tutorial, puteți crea acest set grozav de pictograme pentru mâncare: o ceașcă de ceai, un sandviș și un bol cu ​​supă. Acest lucru a fost realizat folosind Illustrator urmând sarcini ușoare. Tutorialul folosește o paletă de culori limitată și forme și linii simple pentru a crea un rezultat captivant, desenat.

cum să creați un set de pictograme pentru alimente în Adobe Illustrator Pin

Flat Animal Icons – Ilustrator

Consultați acest tutorial care vă arată cum să creați aceste șase pictograme diferite de animale. Această pictogramă cu design plat folosește forme de bază, panoul de căutare și alte funcții Illustrator care nu sunt deloc greu de utilizat! Puteți schimba oricând culorile fundalului pentru a crea rezultatul dorit. Atât de drăguț și simplu!

cum să creați un set de pictograme de animale plate în Adobe Illustrator Pin

Pictogramă Sandwich cu covrigi – Ilustrator

Acest tutorial vă arată cum să creați această pictogramă sandviș cu covrigi. Este creat în Illustrator și este foarte ușor de realizat. Doar urmați pașii pentru a realiza acest design delicios și realist de covrigi. Veți începe prin a crea bucățile de covrigi și apoi veți adăuga doar ingredientele - salată verde, șuncă și brânză. Hum!

yum cum să creezi o pictogramă delicioasă sandviș cu covrigi în Adobe Illustrator Pin