Het creëren van een interessante gebruikersinterface in Adobe illustrator

creëert een interessante gebruikersinterface in Adobe illustrator,,,,,,, we zijn ons allemaal bewust van de interface is heel belangrijk.Onze computers, mobiele telefoons, tablet - pc 's en andere apparatuur niet hun werk doen, geen interface.Vandaag, zullen we de gelegenheid hebben om het creëren van een interessante elementen van de bu, kan worden gebruikt voor het controleren van de houder of informatie.,,,, stap 1, keuze van de rechthoek instrument (m) van het paneel, klik op de tekentafel.Rechthoekige doos komt.We stellen de breedte en hoogte van de belangrijkste vorm van 250x300 pixels.Het is niet belangrijk, kleur, nu, stap 2, met een rechthoekige instrument (m) nog steeds kiezen voor het creëren van een perfect vierkant.Om dit te bereiken, om ervoor te zorgen dat de op het toetsenbord te knopen.De omvang van dit moment niet belangrijk, maar we moeten niet te veel Square.,, salaristrap 3, bij de keuze van de onderwerpen transformatie > draaien.Een hoek van 45 ° druk op de knop.,, 4, nu moeten we aan de omvang van de vierkante en op de juiste plek.De keuze van het paneel in de transformatie van rechthoekige, omvang van ongeveer 250 X 250 pixel.,, stap 5, de keuze van elementen van wat we tot nu toe te creëren en de aanpassing van hun bal. De aanpassing in aanpassing in het kader van het panel.,, dan licht blauwe richting tot het einde te ontmoeten.,,, stap 6, rechthoekig en Pathfinder team op de knop in het kader van de solidariteit.Het gaat om twee profielen in één stap 7, we hebben een afgeronde hoeken.Doen, de keuze van de nieuwe stijl van vorm en onder invloed van de selectie > filets,., een straal van 15px druk op de knop.,, acht stappen met het oog op de uitbreiding van het te bewerken en we moeten nieuwe vormen.Object geselecteerd > uitbreiding uiterlijk negen stappen.,,, laten we verder gaan.We zullen onze interface elementen tot een lagere delen.Om dit te bereiken, in de eerste plaats moeten we zorgen voor een die we al hebben precies dezelfde vorm, maar groter.De keuze van de vorm en de blauwe bij de keuze van de onderwerpen weg > migratie weg.Vaststelling van de compensatie 8px druk op de knop.,, 10 stappen. Nu moeten we aan iets.Ten eerste moeten we een stijging van 2 een anker.Om ervoor te zorgen dat op de juiste plaats en ze zullen we gebruik maken van de richtsnoeren.Om ervoor te zorgen dat die schaal (oog zichtbare > een schaal).,, 11 stappen, moeten we op en slepen de heerser van het regionale richtsnoeren, die in de onderstaande afbeelding 12 stappen.,,, klik aan de verankeringspunten instrumenten (+) en toevoeging van de instrumenten paneel op deze plek, die De grotere vorm van twee verankeringspunten. Je moet weg, na 13 stappen, en we verwijderen het anker en een paar.De keuze van instrumenten in het schrappen van een panel instrumenten (-) en opheffing van de volgende ijkpunt is.En dat zullen we ook in de vorm van kleur veranderd, zodat het proces van het creëren van maatregelen van toezicht kan houden op de., 14, we passen de gele.In ons voorbeeld wordt de verticale richting te kiezen voor de pen (P) van de instrumenten en het scheppen van banen is weergegeven in de volgende foto 's,., 15 stappen met een nieuwe weg te kiezen, de bestrijding van object veranderen > > weerspiegelen.Als de verticale as, en klik - knop.De nieuwe weg zal worden geplaatst, onder de foto 's, en dan, 16 stappen, met rechtstreekse keuze - instrument (een) keuze van de illustraties in ons midden in de verankeringspunten, klik optie verbonden.Zodat we ook bij twee weg, stap een., 17, de keuze van een nieuwe weg, die we zojuist hebben gecreëerd en gele vorm in de Pathfinder - panel op de knop, de kloof, 18. Stap, annulering (SHIFT + CTRL /commando + g) gele vorm en verwijder de bovenste.Je moet zulke dingen, stap nu 19, creëren we onze interface elementen van de bovenste.We zullen de hele vorm zijn schilderijen in twee delen, en niet een keer de grafische opgesplitst in twee delen.Gebruik van de pen - instrument (van de instrumenten), trek aan de linkerkant van de helft van de vorm, zoals hieronder aangegeven, 20 passen, creëren we een paarse spiegel.De keuze van de vorm en de paarse bij de keuze van de onderwerpen waarin de transformatie >.Als de verticale as, en klik - knop.,, waar de rechten van een deel van de foto 's zijn weergegeven in de volgende stappen.,, 21, de keuze van de helft van de vorm en de paarse Pathfinder team op de solidariteit onder de knop.,, stap 22, met dezelfde techniek, maken we een paarse vorm, een einde moeten maken aan De achterkant van je, zo' n ding,. Stap in, 23, we hebben onze elementaire vorm van de bu.Wat we nu moeten doen, is de toepassing van een mooie kleur en schaduwen.Dus, laten we beginnen,,, 24 stap schaduw is, mogen we niet vergeten.Zonder hen, en we zullen de illustraties flat.Om het creëren van de noodzakelijke schaduwen, we zullen het gebruik van hybride instrumenten, instrumenten paneel van de pen (P) en het creëren van vorm, zoals uit de foto 's zijn als volgt.Het vullen van kleur, van 26򃵠. Stap zet, is een geel&#vorm van vullen FF0000 en ondoorzichtige 30%, 27, stappen. Met het doel de keuze, de keuze van de vorm van de gemengde >,,, 28 stap, met de invoering van twee vaste kleuren keuze > en Een soepele overgang van gemengde > gemengde optie..De afstand tussen de instellingen en de waarde van de bepalingen van de stappen, 29, 30. Stap, het lint het voorste deel van het Front (SHIFT + CTRL /commando +]), en 30. Stap, die dezelfde technologie gebruiken, zullen we het onderste gedeelte van de band te creëren voor kleine schaduw.Gebruik van de pen instrument opnieuw (op), onder de foto 's trekken twee vormen, zoals de stap 31, vergeet niet te grote vermindering van de doorzichtigheid in de vorm van niet tot 30%.In de eerste stap, en bij de keuze van de onderwerpen gemengde voorwaarden gecreëerd voor ons vormen.Stap in, voor het gebruik van dezelfde instelling, zorg ervoor dat de volgende stappen in de schaduw van de schaduw geplaatst, 32, hybride instrumenten zal bijdragen aan het creëren van een andere soortgelijke schaduw.Een kopie van de CTRL + C /commando, CTRL /commando + F) in het kader van de bu elementen de witte delen.Hetzelfde te doen, en de rode vorm.Een kopie van het panel en de keuze van Pathfinder slaat onder de intersect knop.,, 33 stappen, het opzetten van een nieuwe kleure0000 en het ontwerp van het witte gedeelte van de volgende illustraties.Een kopie van de CTRL + C /commando, CTRL /commando + F) een nieuwe vorm van meer dan 5, zal een kopie van de pixels.Om ervoor te zorgen dat de kopieën van de opaciteit van 0%.De keuze van de vorm en de,, bij de keuze van de onderwerpen van de gemengde >.De keuze van de gemengde>>, het voorwerp van een gemengde optie.De waarde van een bepaalde stappen en op het interval tussen de 30. Dus je moet zo 'n ding, stappen 34, moeten we niet vergeten dat de op de rand.Dit zal ons veel verbetering van de illustraties.Laten we eerst doen dat deel van de top, het lint.Een kopie van de CTRL + C /commando, CTRL /bevel + F) met de voorkant.Klik op de keuze van isolatie in de keuze van het pad.Zo kunnen we de wijziging van bepaalde delen van plan niet door de war.,, stappen 35, de toevoeging van anker instrumenten (+) van de instrumenten en de toevoeging van anker is weergegeven in de volgende foto 's,., 36, rechtstreeks van de keuze van instrumenten (1) kiezen we net de verankeringspunten toevoeging Op het toetsenbord te schrappen, schrappen van het.Om ervoor te zorgen dat de verwijdering van kleur, met de kleur Wit (# ffffff).Bovendien moet het gewicht van het profiel van de reis en de breedte van de stappen 1 0.75pt.,, 37, het gebruik van dezelfde technologie creëren BU het ontwerp van de onderste rand benadrukt.,, 38, en we moeten zorgen voor een deel.De keuze van de pen (P) van het panel opnieuw te beginnen we het instrument, het onderste deel van de,, stap terug. 39, raakt een kleur, gevuld met een lichtgrijze kleur (# e6e6e6).Om ervoor te zorgen dat de nieuwe vorm van de achterkant (SHIFT + CTRL /commando + [).,, 40 stappen, laten we het creëren van illustraties aan de rechterkant.Het gebruik van reflectie, creëren we een spiegel.Bij de keuze van de onderwerpen waarin de transformatie >.Als de verticale as, en klik - knop.De nieuwe vorm, die in de volgende foto 's,., 41 stappen, een kopie van de CTRL + C /commando, CTRL /commando + F) rode vorm.De keuze van de onvolledige instrumenten (l) van de instrumenten, het creëren van een onvolledige is weergegeven in de volgende foto 's, stap in. En 42, de Pathfinder - panel voor de rode knop geraakt na aftrek van de replicatie van vorm en de gouden cirkel en selectie, 43 stap.,, de toepassing van Een lineaire gradiënt van de nieuwe vorm van 44.,, stap, we maar om een zachte schaduw geplaatst in ons ontwerp...We doen.En conclusie, maar dit ziet er misschien uit als een lange training, er zijn veel stappen, aarzel dan niet om het te proberen.Als je iets veranderen, tot het creëren van interessante en nuttige dingen.Het doel van de gebruikersinterface OD is zo ontworpen dat de gebruiker zo eenvoudig en zo doeltreffend mogelijk.Herinner je, je zal kunnen scheppen voor verschillende doeleinden van verschillende elementen en ik hoop dat dit verslag vind ik je leuk tutoril om zo veel mogelijk.Dank je, volgen.




































































Previous:
Next Page: