Share
Cum se creează o pictogramă utilizând noile caracteristici ale Inkscape 0.47, cum ar fi: gradienți, estompare, efecte de cale și mască pe stratul de textură. Vom trece prin toate etapele implicate în crearea acestei cutii de pictograme RSS. Există câteva materiale vectoriale excelente în acest tutorial!
Mai jos este imaginea finală la care vom lucra. Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă Vector Plus pentru doar 9 $ pe lună.
În primul rând, avem nevoie de ultima lansare Inkscape (0.47pre4). Puteți să o descărcați pe site-ul oficial inkscape.
Inkscape este un editor de grafică vectorial open source disponibil gratuit pentru Linux, Windows 2000/2003 / XP (instalator complet autonom) și OSX (pachet dmg).
Să începem prin deschiderea inițială a unui nou document, selectarea instrumentului Bezier Curve (B) și desenarea unui număr dur de trei fețe dintr-un cub într-o perspectivă (Comanda de presă pentru a desena linia verticală de bezier).
Asigurați-vă că ați activat noua interfață de utilizator de fixare în bara de instrumente a Inkscape și butonul de verificare a nodului pentru a alinia nodurile.
Acum vom tăia fața superioară în două părți. Selectați fața de sus, apăsați butonul Edit Path (F2), selectați nodurile stânga și jos și apăsați butonul Insert New Node, repetați pentru nodurile de sus și de dreapta.
Selectați nodurile create și apăsați butonul Break Path pentru a subdiviza fața superioară și Command + K pentru a o împărți în două obiecte. Acum ar trebui să aveți patru obiecte diferite, cum ar fi imaginea de mai jos (am umplut-o cu culori aleatorii pentru o vedere mai bună).
Pentru a simula o cutie de carton veche, selectați o față și apăsați F2 pentru a edita calea. Selectați două noduri și apăsați butonul Adăugați noduri. Selectați noul nod creat și convertiți-l într-un nod simetric pentru al muta și roti. Puteți să faceți dublu clic pe o cale pentru a introduce un nou nod ...
Deschideți managerul de straturi accesând Layers> Layers ... (Command + Shift + L). Ar trebui să aveți 1 strat, să îl redenumiți "Cutie". Acum, duplicați-l accesând Layer> Duplicate stratul curent. Redenumiți noul "bg_box" și plasați-l sub straturile "cutie". Acum ar trebui să aveți același lucru în cele două straturi. Deci, pentru moment puteți ascunde straturile "cutie".
Deci, vom curata forma in "bg_box" si vom crea un singur obiect, pentru ca nodurile interne sa fie aliniate. Selectați toate și aplicați Path> Union. Această formă va fi utilizată ulterior pentru textură, fulgere și umbre. Puteți bloca stratul "bg_box" și puteți reveni la stratul "cutie".
Acum vom umple fețele cu o culoare gradient pentru a simula o lumină venind din stânga sus. Deci, deschideți caseta Fill and Stroke, mergând la Object> Fill and Stroke (Command + Shift + F). Selectați fața stângă, umpleți forma cu un gradient radial făcând clic pe butonul Radial Gradient. Utilizați butonul Editați calea pentru a selecta centrul și alegeți o culoare maro deschis (# c2aa99), iar pe exterior o culoare maro închisă (# 926a4f). Selectați centrul de gradient și trageți-l în jos pentru a regla efectul.
Repetați pasul anterior pentru fiecare parte a cutiei de carton, puteți regla culoarea și nu uitați că lumina vine din partea stângă sus, ar trebui să obțineți ceva de genul cel prezentat mai jos.
Acum vom lucra la punerea în evidență a marginii casetei cu luminile. Creați o stea cu trei ramuri. Așezați-l pe colțul din față al casetei și alegeți o culoare ușoară ca # b4a69e.
Acum, transformați obiectele făcând clic pe Cale> Obiect la cale ... (Command + Shift + C). Selectați ramurile de la nodurile de stele și plasați-le pe marginile casetei, dând o valoare neclare de 1.
Selectați instrumentul Bezier Curve și desenați forme de gri închis în colț pentru a simula o ciocnire pe cutie.
Selectați aceste forme, mergeți la Fill and Stroke și setați Blur la 10.0.
Acum vom sugera efectul de umezeală asupra cutiei utilizând câteva forme de grunge. Creați o elipsă simplă, selectați instrumentul Tweak, setați Lățimea la 10, Forțați la 25. Acum împingeți părțile mai groase ale căilor și aplicați-le pe partea laterală a formei, ca în imaginea de mai jos.
Acum vom șterge restul formei utilizând un Pathfinder. Desenați un dreptunghi mare pe partea pe care doriți să o ștergeți. Selectați cele două și aplicați Calea> Diferență.
O altă modalitate de a crea o formă grosieră este de a desena o formă simplă cu un instrument bezier și de a aplica un modificator prin accesarea Extension> Modify Path> Fractalize.
Duplicați, scalați și transformați formele brute create. Puneți-le pe cutia de carton.
Aplicați pe fiecare formă un gradient de lumină, negru la transparent și reglați după cum se arată mai jos.
Acum vom crea bandă pe cutie. Desenați două dreptunghiuri cu instrumentul Bezier, unul mic în partea de sus și unul în partea stângă.
Selectați segmentul de jos de pe micul dreptunghi și subîmpărțiți-l de 4 ori.
Selectați nodurile aleatoare și deplasați-le cu săgețile de sus și de jos pentru a simula o divizare.
Selectați banda și adăugați această culoare maro # 625037. Pe partea superioară a benzii o vom umple cu un gradient vertical, liniar. Adăugați 3 opriri folosind editorul de gradienți și editați partea intermediară cu un maro deschis (# a4804a). După aceea, puteți selecta cele două bucăți de bandă și puteți muta cele de mai jos cu tasta PageDown.
Pentru a îmbunătăți caseta noastră, vom adăuga o textură Bitmap, voi folosi această imagine rugină liberă găsită pe TextureZ.com. Pentru a crea o mască, păstrând în același timp aceeași dimensiune și aceeași poziție ca și cutia noastră, vom folosi forma de fundal creată în pasul 8.
Selectați stratul "bg_box", duplicați-l și redenumiți-l "Textură" și mutați-l deasupra celorlalte. Acum, transformați culoarea formei în alb (deoarece lumina schimbă alfa al măștii). Aduceți bitmap-ul texturii ruginei și plasați-o sub forma de mască.
Selectați bitmap-ul de rugină și forma mască albă (Object> Mask> Set). Veți avea o formă texturată, acum în proprietățile stratului setați modul de amestecare pe Ecran și Opacitate la 25%. Puteți bloca acest strat.
Creați un strat nou, numiți logo-ul, acum vom adăuga o pictogramă RSS în perspectivă, deci descărcați mai întâi și importați în pagina dvs. RSS ICON pe wikipedia. Ungroupați pictograma (Command + Shift + G) și păstrați numai simbolul RSS. Combinați-o (Command + K) și transformați culoarea într-un portocaliu strălucitor. (# Ff7f2a)
Vom folosi un instrument Path Effect pentru a crea o perspectivă. Selectați pictograma RSS și plasați-o pe fața dreaptă. Duplicați această față, schimbați umplerea și cursa și selectați, de exemplu, o culoare neagră. Scalați-l din mijloc (Mouse + Command + Shift), acest curs va fi folosit ca referință în perspectivă.
Selectați pictograma RSS, deschizând caseta Path> Efect Path Editor. Selectați deformarea plicului și apăsați Adăugare. Ok, astfel, pe prima linie "Top Bend path" selectați butonul Edit on Canvas și aliniați nodurile la colțul referinței în perspectivă creată anterior. Repetați pentru marginea dreaptă, de jos și de stânga a pictogramei RSS.
După ce vă puteți șterge referința în perspectivă, trebuie să obțineți ceva similar celui prezentat mai jos.
Acum, pentru a simula un efect de strălucire pe logo-ul, adăugați o estompare de 10% și duplicați-l (Command + D). Puneți valoarea neclare la 0 și schimbați culoarea într-o portocalie mai deschisă (# ff7f2a).
Puteți adăuga mai multe detalii în cutia de carton, de exemplu dacă doriți să adăugați text, nu uitați să vectorizeze (Command + Shift + C) și combinați-l (Command + K). Apoi, trageți o referință în perspectivă în care doriți să plasați textul și să utilizați Editorul efectului Path cu deformarea plicurilor.
Grozav! caseta noastră este gata, să adăugăm câteva efecte de fulger. Amintiți-vă forma de fundal creată în Pasul 8, o vom folosi pentru a crea o cutie de umbre (negru) și efecte de fulgere (portocaliu). Deci, afișați numai "bg_box layer", selectați forma și duplicați-o. Selectați unul și ștergeți unele noduri pentru a crea o umbră în negru, ca în imaginea de mai jos.
Pe umbra neagră aplicați o estompare de 5.
Selectați forma portocalie, scalați puțin din centru și aplicați o estompare de 5. Puteți ajusta poziția nodurilor pentru a simula o rază de lumină din cutie. Desfaceți toate straturile și ar trebui să obțineți ceva de genul acesta.
Mare, ultimul lucru, puteți adăuga o umbra sau o aura. Creați doar o elipsă cu un gradient radiant care este gri (ușor) sau alb (Halo) până la transparent. Duplicați pictograma RSS, transformați-o și aplicați un gradient (portocaliu la transparență) cu estompare pe 10. Acesta funcționează excelent și pe un fundal gri închis. Mai jos este rezultatul final!
Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.
Accentsconagua