Cum se creează o ilustrare detaliată a MacBook în iDraw

Ce veți crea

În acest tutorial veți învăța cum să creați o ilustrare detaliată MacBook în iDraw. 

Pentru început, veți învăța cum să configurați o rețea și cum să creați forma care va alcătui cadrul ecranului. Vom continua cu ecranul și veți învăța cum să adăugați cu ușurință o imagine în interiorul documentului iDraw. 

Deplasând-o, veți învăța cum să creați partea metalică a MacBook-ului folosind tehnici de amestecare de bază și tehnici de construcție a formei vectoriale, mai multe gradienți și o mulțime de efecte. În sfârșit, veți învăța cum să adăugați o subliniere subtilă pentru ecran.

1. Creați un document nou și configurați o rețea

Pentru acest tutorial vom crea un nou 600 x 600 pixeli document. Alege Fișier> Nou (Command-N) să aducă Document nou panoul. Selectează Grilă document stil, setați unitățile de document la pixeli, și setați dimensiunile documentului la 600 pixeli lățime de 600 pixeli înălțime.

Apoi, vom configura grila de documente. Treceți la Grilă în panoul din Proprietăți panoul. În cazul în care Proprietăți panoul nu este vizibil în prezent, puteți face clic pe pictograma de riglă portocalie de deasupra straturi pentru a afișa și a ascunde panoul. Schimbați grila Spațierea X și Y Spacing la 5 px, Seteaza subdiviziunile la 0 px, și permite Snap to Grid (Command-Shift-).

2. Creați ecranul și cadrul

Pasul 1

Concentrați-vă pe Bara de instrumente și veți observa că, în mod prestabilit, culoarea de umplere este setată pe alb, în ​​timp ce culoarea cursei este setată la negru. Faceți clic pe culoarea de umplere bine și înlocuiți culoarea existentă cu R = 10 G = 10 B = 10. Apoi faceți clic pe culoarea cursei bine și trageți Alfa glisați la 0%, care va face pur și simplu accident vascular cerebral invizibil. Prindeți Instrument rotunjit dreptunghiular (Shift-M), focalizați pe Bara de Titlu și trageți Raza de colț glisați la 10 pt. Deplasați-vă pe panza și creați-o 370 x 255 px formă.

Pasul 2

Asigurați-vă că dreptunghiul rotunjit rămâne selectat și că focalizați pe Efecte secțiune din Aspect panoul. În cazul în care Aspect panoul nu este vizibil în prezent, puteți face clic pe pictograma albastră de deasupra straturi pentru a afișa și a ascunde panoul. Verificați pur și simplu căsuța care reprezintă existența Accident vascular cerebral pentru ao activa. Trageți Lăţime glisați la 2 pt, Selectați In afara de la Poziţie drop-down meniu, și faceți clic pe caseta de culoare care reprezintă pentru dumneavoastră Accident vascular cerebral. Setați codul de culoare la R = 130 G = 132 B = 134 și asigurați-vă că Alfa cursorul este setat la 100%.

Pasul 3

Asigurați-vă că dreptunghiul rotunjit rămâne selectat, continuați să focalizați pe Efecte secțiune din Aspect și adăugați o secundă Accident vascular cerebral utilizând butonul plus situat în colțul din stânga jos al panoului. Concentrează-te pe acest nou Accident vascular cerebral, trageți Lăţime glisați la 1 pt, și selectați In afara de la Poziţie meniul derulant. Apoi dați clic pe caseta de culori și setați codul de culoare la R = 40 G = 40 B = 40. Asigurați-vă că dreptunghiul rotunjit este încă selectat și faceți o copie în față (Command-C> Shift-Command-V). Veți avea nevoie de ea în ultimul pas.

Pasul 4

Reveniți la Bara de instrumente Google, asigurați-vă că Accident vascular cerebral este invizibil și setați Completati culoarea la R = 0 G = 152 B = 245. Prindeți Instrumentul dreptunghiular (M), creeaza o 340 x 215 px formați-o și plasați-o exact așa cum se arată în imaginea de mai jos.

Pasul 5

Pentru acest pas va trebui să descărcați imaginea de apus de soare Yosemite. Asigurați-vă că dreptunghiul albastru este încă selectat și că focalizați pe Efecte secțiune din Aspect panoul. Ține-ți ochii pe existența Completati, Selectați Imagine de la Tip meniul drop-down și adăugați imaginea Yosemite.

Pasul 6

Acum, este destul de clar că imaginea dvs. nu acoperă întregul dreptunghi în care se află. Această mică problemă poate fi rezolvată destul de repede. Asigurați-vă că ați selectat dreptunghiul și că reveniți la Efecte secțiune din Aspect panoul. Concentrați-vă pe cele existente Completati, trageți Scară glisați la 113%, și lucrurile ar trebui să arate ca în a doua imagine.

Pasul 7

Asigurați-vă că imaginea dvs. este încă selectată, focalizați-vă pe Efecte secțiune din Aspect și activați funcția existentă Accident vascular cerebral. Seteaza Lăţime la 1 pt, Selectați Interior de la Poziţie drop-down meniu, apoi faceți clic pe caseta de culoare care vine de la dvs. Accident vascular cerebral. Trageți Alfa glisați la 15% și setați culoarea la negru (R = 0G = 0B = 0).

3. Creați prima latură metalică

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 480 x 10 px formați-o și plasați-o așa cum se arată în imaginea următoare. Selectați acest nou dreptunghi și focalizați pe Efecte secțiune din Aspect panou. 

În primul rând, asigurați-vă că există Accident vascular cerebral este invizibil, și apoi se concentrează pe Completati. Selectați Gradientul liniar de la Tip drop-down meniul, setați Unghi la 0 grade, și apoi treceți la glisoarele de gradient. Selectați cel din stânga și setați culoarea la R = 170 G = 171 B = 172, apoi selectați cea potrivită și setați culoarea R = 184 G = 185B = 186

Acum faceți clic pe bara de gradient și veți obține un cursor de gradient nou. Selectați-l, setați culoarea la R = 240 G = 241 B = 242, și trageți-l spre stânga până la Locație simboluri de tooltip 1%. Adăugați alte trei glisoare pentru acest gradient, utilizând atributele de culoare și locație prezentate în imaginea următoare.

Pasul 2

Asigurați-vă că cel mai nou dreptunghi este încă selectat, focalizați pe Efecte secțiune din Aspect și adăugați o secundă Completati folosind același buton plus situat în colțul din stânga jos al panoului. Concentrează-te pe acest nou Completati, și selectați Lumina slaba de la Amestec meniul derulant. Apoi, faceți clic pe caseta de culoare care reprezintă noul dvs. Completati și să-l facă negru.

Pasul 3

Asigurați-vă că cel mai nou dreptunghi este încă selectat, focalizați pe Efecte secțiune din Aspect și activați funcția existentă Umbra interioara efect. introduce 1 în Y și 0 în celelalte două casete, selectați Lumina slaba de la Mod amestec drop-down meniu, apoi faceți clic pe caseta de culoare care reprezintă acest efect. Setați culoarea în alb (R = 255 G = 255 B = 255) și trageți Alfa glisați la 60%.

Pasul 4

Prindeți Instrument rotunjit dreptunghiular (Shift-M), focalizați-vă pe Bara dvs. de Instrumente și asigurați-vă că Raza de colț este încă setat la 10 pt. Mutați pe panza, creați o 70 x 10 px și așezați-o exact așa cum este prezentat în imaginea următoare. 

Selectați această nouă formă și focalizați pe Efecte secțiune din Aspect panoul. În primul rând, asigurați-vă că există Accident vascular cerebral nu este vizibilă și apoi se concentrează pe Completati. Selectați Gradientul liniar de la Tip drop-down meniul, setați Unghi la 0 grade, și apoi treceți la glisoarele de gradient. 

Selectați cel din stânga și setați culoarea la R = 240 G = 241 B = 242. Apoi selectați cea dreaptă și alegeți culoarea R = 130 G = 131 B = 132. Continuați să vă concentrați pe bara de gradienți, adăugați încă două glisoare pentru acest gradient și apoi utilizați atributele de culoare și locație prezentate în imaginea următoare.

Pasul 5

Utilizarea Instrumentul dreptunghiular (M), creeaza o 90 x 15 px formați-o și plasați-o așa cum se arată în prima imagine (nu vă deranjează să schimbați atributele sale de culoare). Selectați acest dreptunghi nou, împreună cu dreptunghiul rotunjit realizat în pasul anterior. Concentrați-vă pe Instrumente de cale secțiune din Proprietăți și faceți clic pe Scădea buton. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

4. Creați a doua parte metalică și adăugați umbrirea subtilă

Pasul 1

Concentrați-vă pe Bara de instrumente, asigurați-vă că Accident vascular cerebral este invizibilă și adăugați un albastru aleatoriu pentru Completati. Utilizarea Instrument de elipsă (L), creeaza o 40 x 10 px formați-o și plasați-o exact așa cum este prezentat în prima imagine. 

Întoarceți-vă la Bara dvs. de instrumente și înlocuiți-le pe cele existente Completati culoare cu un negru simplu. Utilizarea Instrumentul dreptunghiular (M), creeaza o 20 x 5 px formați-o și plasați-o așa cum se arată în a doua imagine. 

Resetați ambele forme realizate în acest pas, focalizați pe Instrumente de cale secțiune din Proprietăți și faceți clic pe intersecta buton. În final, forma albastră ar trebui să arate ca în a treia imagine.

Pasul 2

Asigurați-vă că forma albastră este încă selectată și duplicați-o (Command-C> Command-V). Selectați această copie, trageți-o spre dreapta și plasați-o exact așa cum este prezentat în prima imagine. Apoi du-te la Modificați> Rotire și transformare> Flip orizontal.

Pasul 3

Reveniți la Bara de instrumente Google, asigurați-vă că Accident vascular cerebral este încă invizibil și apoi adăugați un galben simplu pentru Completati. Utilizarea Instrumentul dreptunghiular (M), creeaza o 440 x 5 px formați-o și plasați-o după cum se arată în prima imagine. Selectați acest dreptunghi nou, împreună cu ambele forme albastre, focalizați pe Instrumente de cale secțiune din Proprietăți și faceți clic pe Uniune buton. În final, forma albastră ar trebui să arate ca în a treia imagine.

Pasul 4

Asigurați-vă că forma albastră este selectată și faceți o copie în față (Command-C> Shift-Command-V). Selectați această copie, trageți-o 5px în jos și apoi o rotiți vertical folosind Modificați> Rotire și Transformare> Răsturnare verticală.

Pasul 5

Asigurați-vă că forma albastră răsturnată rămâne selectată și treceți la Efecte secțiune din Aspect panoul. În primul rând, trageți Opacitate glisați la 25%. Treceți la cele existente Completati, Selectați Gradientul liniar de la Tip drop-down meniul și setați Unghi la 90 de grade. Apoi treceți la glisoarele de gradient. Selectați cel din stânga și setați culoarea neagră, apoi selectați cea dreaptă și adăugați aceeași culoare, dar glisați Alfa glisați la 0%.

Pasul 6

Concentrați-vă pe Bara de instrumente, asigurați-vă că Accident vascular cerebral este invizibil, apoi setați Completati culoare până la negru. Utilizarea Instrument rotunjit dreptunghiular (Shift-M), creeaza o 450 x 5 px formați-o și plasați-o după cum se arată în prima imagine. 

Asigurați-vă că acest nou dreptunghi rotunjit rămâne selectat și că vă concentrați pe Efecte secțiune din Aspect panoul. Pur și simplu dezactivați Completati și activați cele existente Umbra efect, introducând atributele afișate în imaginea următoare. În cele din urmă, asigurați-vă că această formă este încă selectată și lovită Shift-command- [ să o trimită în spate.

Pasul 7

Resetați forma albastră și focalizați-vă pe Efecte secțiune din Aspect panoul. Selectați existența Completati și înlocuiți pur și simplu culoarea existentă cu gradientul liniar prezentat în imaginea următoare.

Pasul 8

Asigurați-vă că forma editată în pasul anterior este încă selectată și că focalizați pe Efecte secțiune din Aspect panoul. Activați funcția existentă Umbra interioara efect și introduceți atributele afișate în imaginea următoare.

5. Adăugați o evidențiere subtilă

Pasul 1

Reveniți la Bara de instrumente Google, asigurați-vă că Accident vascular cerebral este invizibil, și apoi adăugați un albastru simplu pentru Completati. Utilizarea Instrumentul dreptunghiular (M), creeaza o 250 x 255 px formați-o și plasați-o după cum se arată în prima imagine. Treceți la Instrumentul de selecție a traseului (A) și se concentrează pe partea superioară a acestui nou dreptunghi. Selectați punctul de ancorare din stânga și pur și simplu trageți-l 150 px la dreapta. În final, forma albastră ar trebui să arate ca în a doua imagine.

Pasul 2

Resetați forma albastră împreună cu copia acelui dreptunghi întunecat, rotunjit, focalizați pe Instrumente de cale secțiune din Proprietăți și faceți clic pe intersecta buton. Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Efecte secțiune din Aspect panou. 

În primul rând, trageți Opacitate glisați la 20% și dezactivați existența Strokes. Apoi, selectați Completati și înlocuiți culoarea existentă cu gradientul liniar prezentat în imaginea următoare. În cele din urmă, du-te la straturi , asigurați-vă că forma realizată în acest pas este încă selectată și trageți-o sub forma care formează partea metalică a MacBook.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.