forståelse adobe tegnerne forsyningsnettet

forståelse adobe illustrator er nettet,,,,,, hvad du vil skabe, adobe illustrator er i dag langt det mest populære vektor software derude.så komplekst og omfattende, som det ser ud til ved første, det tager ikke lang tid at rode med det og finde ud af, hvad de fleste af knapper og muligheder., stadig nogle funktioner og indstillinger er ofte overset af dem, der netop er begyndt at forstå, hvorfor jeg skal fortælle dig noget, som jeg ville ønske, at nogen havde vist mig, da jeg først begyndte at bruge det. ja, jeg taler om forsyningsnettet, hvad er. nettet?, som med en indlæringskurve, den første ting, vi er nødt til at spørge os selv, hvad der er den egentlige forstand?, i henhold til den lille røde webster onlineordbog, nettet defineres som "et netværk af ensartet fordelt vandret og vinkelret linje for at finde punkter på kortet).", en endnu mere detaljeret definition kan findes på wikipedia, hvor nettet er forklaret i forbindelse med grafisk design: "- nettet er en struktur (normalt todimensionale), der består af en række sammenhængende direkte (vertikale og horisontale og vinkel) eller krumme retningslinjer, der anvendes til struktur, indhold.nettet fungerer som en konstruktion, som designer kan organisere grafiske elementer (billeder, hieroglyffer, afsnit) i en rationel, let at absorbere måde.et net kan anvendes til at organisere grafiske elementer i relation til en side i forhold til andre grafiske elementer på den side, eller i forhold til andre dele af samme grafiske element eller form. ", er det værd at nævne, at illustrator er nettet består af kun lige lodrette og vandrette linjer.hvis du ønsker at oprette kurvede eller mere komplekse net, du bliver nødt til at stole på at skabe dem med de retningslinjer, som er forholdsvis let at anvende.,,,,,, hvorfor er det vigtigt?,, sandsynligvis på dette punkt, har du en idé om, hvad et gitter.men hvorfor skulle du pleje eller endda bruge det?tja, hvis du ønsker at skabe noget, der er balance, hvad angår den måde, hvorpå den visuelle elementer fuldstændig hinanden gennem deres placering, net, er den rigtige vej at gå.de tilbyder vejledning om, hvordan vedrører en genstand til en anden, og vigtigst af alt, hvordan struktur elementer på artboard.,, ud over, at nettet bidrager designere skabe pixel perfekt kunst for digitale anordninger, som efter min mening er en skal), men mere om det i et par minutter.,, før jeg kan tale om vigtigheden af at bruge nettet til at skabe kraftig kunst, jeg er nødt til at tale kort om nogle centrale aspekter af den måde, hvorpå billeder er beregnet på to forskellige medier (skærm og fingeraftryk).,, digital versus tryk, som de sikkert allerede ved, et digitalt medium, adskiller sig meget fra den trykte.hver af dem har forskellig farve transportformer (rgb - cyan, magenta, gul og sort), kan hver produktion forskellige resolutioner (skærmopløsning versus tryk beslutning).hvad gør dem endnu mere anderledes, er den måde, de gør billeder, og vigtigst af alt, den måde, hvorpå de håndterer buede linjer.,, en computerskærm er pixel - nettet afhængig (groft tildannet pixels flisebelagt til hinanden), dvs. den vil behandle krumning ved tilsætning af gennemsigtige pixel (alpha - kanaler på siderne, en proces, der kaldes anti - aliasing, som i den sidste ende efterligner de naturlige lige linje ville trække på et stykke papir, f.eks.,,,,, en printer er kun afhængig papirstørrelse og dpi), du har sat billedet til, og det betyder, at det vil udskrive krumning perfekt (på den betingelse, at de satte dpi med en høj værdi).det er, fordi trykning er baseret på lagdeling farve prikker, en efter en, uden at der er behov for at lægge semitransparent værdier skærmen anordninger, brug for at skabe en illusion om en jævn kurve.,, at knække eller ikke at brække?,, men det er sandsynligvis den bedste spørgsmål, man kan stille.gennem processen med at bide, du instruere tegner til at tilpasse hvert objekt på artboard til nettet /pixel - nettet.,, husker du, jeg sagde et par linjer siden, at nettet kan hjælpe os til at skabe pixel perfekt illustrationer?nu ved du, hvordan digital tager billeder i forhold til fingeraftryk, det er tid til at komme nærmere ind på de vigtigste rolle, som jeg tror, det er. jeg er næsten sikker på, at du har set nogle eksempler på dribbble eller behance med super skarp linjer, og har altid undret mig over, hvordan konstruktøren trak det ud.- mon ikke mere: han eller hun simpelthen sørgede for at tilpasse det til pixel - nettet, at ethvert element med hele værdier.,, jeg mener hele værdier, værdier, som ikke har decimaler, således f.eks. vi har et rektangel med 200 px bredde og højde på 100 varer, og ikke noget, som 200.84 forsyning af 99.80 px.,,, nettet udvides, fordi jeg mener, at eksempler tale mere end ord, jeg vil forklare alt, hvad du skal gøre for at få det rigtige ved at vise dem en trinvis forberedelse proces, som du kan stole på, hver gang du skabe noget illustrator, skridt. 1, som med ethvert nyt projekt, den første ting, vi altid har oprettet, er dokumentet.åbne illustrator og skabe en test dokument med følgende værdier:,,,,, antal artboards,: 1,,, bredde: 800 px, højde: 800 px, enheder: pixels,,, og af den avancerede, tab:,,,, farve rgb tilstand:,, raster virkninger: 300 ppi,,, tilslutter nye objekter til pixel - nettet: kontrolleret,,,,,,, men hvad vil disse miljøer, egentlig?,, det er ganske simpelt.ved hver 1000 varer,, tegner vil drage fire afgrænsning af linjer (to horisontale og to vertikale) at skabe en 1000 x 1000 varer,. som vil blive yderligere opdelt i 16 mindre, 250 x 250 px, fliser, (1. 000 /4 = 250).,,,,,, fordi vores, artboard, har kun 800 x 800 px (tre 250 px squares, plus endnu mindre, 50 px, punkt fremhævet med grøn), vil det så til venstre og i toppen af en af nettet er 1000 x 1000 varer, kvadratisk, idet retten og nedre del af nettet til ledige, (200 px, understreget med rødt,,., er nu på vej tilbage til vores lille sort firkant, grunden til, at det springer hele vejen til siderne af 250 x 250 px, square er, fordi det er kun 100 x 100 varer, og som det gjorde med enrtboard, tegner styrker det til at komme til afgrænsning af linjer.hvis den sorte genstand var blevet præcis, 250 x 250 varer, ville det har besat hele overfladen af en af nettet er firkantet, og ville have sprunget et ud af de seksten indre holdninger.,,,,, tilpasning af nettet indstillinger, håber jeg, at de sidste skridt i stand til at kaste lys over, hvordan systemet fungerer men du må forstå, at det enkelte projekt skaber man kan kræve etablering af forskellige net, afhængigt af størrelsen af deres artboard og nøjagtighed, hvormed du holdning din elementer på det, har jeg opdaget, at med den mindst mulige indstillinger vil give mig den mest nøjagtige resultater, og ved at kombinere det med magt af net med pathfinder, jeg kan perspektivere min elementer hurtigt og intuitivt,.,, min - settings:,,,,, gridline hver: 1. varer,,, underafsnit: 1,,, hvis du ønsker at forsøg eller kun de indstillinger, jeg har dig, alt hvad du skal gøre, er at gå til, edit > præferencer > vejledninger & nettet, og ændre dem, som du ønsker.,,,,, hurtig udformning af prototyper med nettet, lad os prøve en kort undersøgelse og se, hvordan vi kan skabe en hurtig websted modellen med et net med gridlines hver 800 varer, og en opdeling af 4, på samme, 800 x 800 px, artboard.,, ja jeg ved misligholdelse bredde af i dag er grundlæggende webstedet er 960 px, men jeg ville vise dig et kort eksempel på, hvor let det er at holdning ting ved hjælp af skik - nettet (.,, trin 1, skaber en 800 x 200 px, rektangel og holdning til toppen af vores artboard,at male det med,𮶯,.tag den, type redskab, og mærkningen i dette afsnit, som vores websted, header.,,,,,, hurtigt tip:,, hvis du er elementer, der er mindre og har ikke brug for at være knækket til nettet, i vores tilfælde afsnit etiketter, blot at udvælge de elementer og så gå til den, på menuen, og deseiect, snap til nettet,.,, trin 2, skabe en mindre, 600 x 400 px, rektangel, farve den ved hjælp af en mørkere farve (,d3d3d,) og derefter holdning, det bruger retningsbestemte nøgler til venstre for artboard, under overskriften.sørg for, at mærke denne del af webstedet som indholdet.,,,,, trin 3, skabe en endnu mindre, 200 x 400 px, genstand, farve, det bruger,&#b24747, og derefter holdning til højre side af indholdet, at sikre, at mærke det som håndlanger.,,,,, trin 4,,, afslutte vores lille trådnet med yderligere 800 x 200 px, rektangel (,𮶯) til bunden af vores artboard, mærkning, som vores fod.,,,,, på en måde, i bare et par sekunder, er det lykkedes os at skabe en rudimentær websted.tænk, hvis vi havde brugt mere tid på at spille med.,, knipse for dualitet,, før jeg lader dig eksperiment med skik net på egen hånd, jeg ville tale med dig om de væsentligste forskelle mellem, snap til nettet, og også til pixel, muligheder, ved misligholdelse, da du satte et nyt dokument, forpremiere modus normalt er på misligholdelse.det betyder, at hvad du design er dybest set, hvad ser du (se den vektor, som det er, og ikke i pixel - format).i dette tilfælde, hurtigt, vil der være mulighed for, nettet, og afhængigt af de værdier, man tillægger det, vil det kom til en af de små firkanter, der udgør det,.,, hvis du kan lide forpremiere (betragtning > pixel preview) og zoom ind på artboard,,, tegner vil afsløre faktiske pixels, der udgør vektor elementer.når den bidende er fastsat til pixel, hver bevægelse, der er foretaget på artboard vil være nøjagtig det antal pixel, du har sat din, tastatur, tillæg til, i den retning, de skubbede det til.,,, hurtigt tip: ja, kan du sætte en standard tilvækst i den præcision, hvormed du flytte genstande rundt om din artboard.den mulighed findes ikke, edit > præferencer > generelle > tastatur tillæg.,,,,, den afgørende forskel mellem disse to - metoder er, at hvis du har på en eller anden måde skabt et objekt, der har pixels med decimaler, f.eks. et rektangel med, 200.9 x 60.40 px, det, - det, pixel, nettet vil tvinge det til at ændre sin dimensioner til hele værdier, hvorved der skabes en skarpere objekt., anbefaler jeg, at når man har skabt noget med, kom til nettet, valg, du bør altid skifte til pixel - forpremiere tilstand og se, om de tilpasser korrekt til pixel - nettet, så du kan være sikker på, at din kunst, vil ende med at se så glat som muligt.

Final product image
grid example
round corner antialiasing example
setting up a new document
grid dimensions explained
artboard dimensions vs grid system
adjusting the grid settings
prototype header
prototype content
prototype sidebar
prototype footer
keyboard increment settings



Previous:
Next Page: