In de tutorial van vandaag laat ik je zien hoe ik het paneel Uiterlijk heb gebruikt om een gestileerde versie van de onderkant van een sneaker te maken. Het is een geweldige oefening voor diegenen die net het paneel Uiterlijk onder de knie krijgen.
De andere maand heb ik je laten zien hoe je een conceptuele sneakerillustratie kunt maken. Tijdens het maken van deze illustratie was ik een verscheidenheid aan stockfoto's aan het bekijken die volgens mij het best past. Tijdens het zoeken op "sneakers" en "sportschoenen" kwam ik een voorraadbeeld tegen van de onderkant van een paar sneakers. Iedereen anders opfleuren en denken "Uiterlijk panel"?
In de tutorial van vandaag laat ik je zien hoe ik het paneel Uiterlijk heb gebruikt om een gestileerde versie van de onderkant van een sneaker te maken. Het is een geweldige oefening voor diegenen die net het paneel Uiterlijk onder de knie krijgen. Dus genoeg gepraat, laten we beginnen ...
Ik ga beginnen met een nieuw document en Bestand> plaats de stockfoto op het kunstboard. Ik heb het gratis transformatiehulpmiddel (E) gebruikt om het te verkleinen zodat het binnen de grenzen van Artboard past.
Ik heb mijn lagen georganiseerd zoals hieronder getoond en dubbelklik op elke laag om ze overeenkomstig te hernoemen. In de map "BG" is er een witvulling Rectangle (M) ingesteld op dekking 50% (door de laag te verbergen en zichtbaar te maken, wordt het snel gemaakt om het referentiebeeld te dimmen). Zoals je kunt zien, heb ik op de afbeelding getekend om uit te zoeken welke vormen vergelijkbare patronen en stijlen hebben. De belangrijkste bevinden zich rechts en links van de afbeelding (in magenta en cyaan) met enkele vergelijkbare stijlen in het midden.
Ik ga een vorm maken voor de meest complexe vorm op de zool. Dit is dus ik ben mijn nieuwe grafische stijl aan het testen. Dus ik heb de vorm naar de hiel getrokken en ik heb zo min mogelijk punten gebruikt met de Pen Tool (P). Ik heb twee punten toegevoegd voor elke gebogen hoek.
We gaan vandaag werken in het paneel Uiterlijk. Ga dus naar Venster> Vormgeving paneel als u dit niet actief heeft of Shift + F6. Je zult in dit paneel zien dat je attributen van de Lijn en de Vulling kunt manipuleren. Net als bij het deelvenster Lagen kunt u elementen verbergen en zichtbaar maken met behulp van het oogpictogram aan de linkerkant.
Door een vulling of streek te selecteren, gaat u naar het vervolgkeuzemenu en kunt u Item dupliceren. Hiermee dupliceer je alle attributen en effecten die op een vulling of streek worden toegepast. In dit menu kunt u ook Nieuwe vulling toevoegen en Nieuwe lijn toevoegen. Mogelijk merkt u dat u dit ook kunt doen door de eerste twee knoppen linksonder in het deelvenster Vormgeving te gebruiken. Deze drie opdrachten gebruiken we het meest in deze zelfstudie.
Waar we aan beginnen is twee vullingen en geen beroerte. De onderste grijstint is C = 0, M = 0, Y = 0, K = 80 en de roze is C = 0, M = 95, Y = 20, K = 0.
Een van mijn favoriete effecten bij gebruik van het deelvenster Uiterlijk Offsetpad. Hieruit kunt u de grenzen van de streek of de grootte van de vulling vergroten of verkleinen. Als u een positieve waarde gebruikt, wordt deze groter en als u een negatieve waarde gebruikt, wordt deze kleiner. Markeer dus de roze vulling en ga naar Effecten> Pad> Offsetpad of klik op de FX-knop onder aan het deelvenster Vormgeving. Ik ga de roze vulling verkleinen, dus ik ga de waarde "-15pt" invoeren en klik vervolgens op Ok.
Met dit in gedachten voeg ik de volgende nieuwe vullingen toe om een bandeffect rond de vorm te maken:
Tussen de -3pt en -13pt zijn offset-paden de dikste band. Dit komt door de sprong in waarden.
Dus we hebben gespeeld met compensatievullingen, nu om te proberen met een streek. Ik ga Offset Path een slag op -8.5pt. Ik heb een heldere kleur gebruikt en vinkte voorbeeld aan om te laten zien waar de streek zal zijn. Ik wilde het in het midden van de dikste band die ik met de Offset-paden heb gemaakt.
Ik ga een Art Brush gebruiken die is gemaakt met Blends in de 8,5pt offset-lijn. Je kunt het halen door mijn kwallenhandleiding te bekijken. Ik heb het een medium grijze lijnkleur gegeven (C = 0, M = 0, Y = 0, K = 50) en een 0.75pt slaggewicht.
U zult merken dat sommige hoeken, de mengborstel, niet naadloos zijn verbonden. Ik heb de hoeken aangepast door de handgrepen op de hoeken te wijzigen met het gereedschap Direct selecteren (A).
Ik heb de mengelingspenseelstreek op de dikste band verplaatst en vervolgens een 2pt-lijn boven op alle vullingen toegevoegd met een streekkleur van C = 0, M = 0, Y = 0, K = 95. Bij een standaardstreep wordt de breedte midden langs de lijn uitgelijnd. Dus de helft van de breedte zal buiten uitgelijnd zijn en de helft van de breedte zal binnen in lijn liggen op de slag. Dit betekent dat onze vorm met een slagdikte van 2 t is toegenomen met 1 pt.
Ik wil een textuur toevoegen aan de dikste band. Als je op mij lijkt, kun je in de war raken van welke van de vele elementen in het deelvenster Uiterlijk je wilt toevoegen. Dus eerst voor testdoeleinden wijzig ik de vullingen in het deelvenster Uiterlijk om erachter te komen welke vulling de dikste is met een contrasterende kleur. Dus in dit geval een felgele vulling!
Nu ik tevreden ben, heb ik de juiste vulling gevonden, ik ga Item dupliceren en pas dan mijn textuur toe. U vindt dit door in het drill-downmenu van het deelvenster Swatch te gaan en vervolgens Swatch-bibliotheek openen> Patronen> Standaardafbeeldingen> Grafische basisafbeeldingen en Ik heb 'USGS 7 Vineyard' geselecteerd. Ik heb dit ingesteld op Mengmodus Vermenigvuldigen en Dekking 50%.
Ik heb het gele vervolgens teruggezet in de oorspronkelijke vulkleur en vervolgens ingesteld om de penseelstreek te mengen naar het overvloeimodusscherm, dekking 60%.
Ik ga hier een ander patroon op toepassen. Dus markeer de roze vulling en ga naar Item dupliceren. Ga naar Open Swatch-bibliotheek> Patronen> Decoratief> Decoratief_Geometrisch 2> Sterren 3D-kleur. Ik heb vervolgens de overvloeimodus gewijzigd in Vermenigvuldigen en Dekking op 50%.
Ik wil een subtiel 3D-effect creëren in het roze patroongebied. Dus ik ga Item dupliceren en verander het offset-pad naar -23pt.
Vervolgens heb ik een cyaan op cyaan transparant lineair verloop toegepast onder een hoek van 135, ingesteld op Overvloeimodus Kleur Dodge, Opaciteit 60% om die subtiele glans te geven zoals hieronder weergegeven.
Ik heb vervolgens de vulling van het offset-pad gedupliceerd - 3pt fill en een donkergrijs transparant lineair verloop toegepast dat is ingesteld op Blending Mode Multiply, Dekking 100%. Dit geeft een lichte schaduw.
Ik wil de randen van de glans verzachten, dus ik ga een Offsetpad -23pt-lijn (niet-vulling) rond de glans toevoegen. Het heeft een gele lijnkleur, 0,5pt slaggewicht en ingesteld op Overvloeimodus Overlay en Dekking 50%.
Om de stijl die u hebt gemaakt op te slaan, gaat u naar het paneel Grafische stijlen en klikt u op Nieuwe grafische stijl. Dubbelklik op het pictogram in het deelvenster Grafische stijlen om de naam te wijzigen in 'Schoenzool 1' en klik op OK. Teken vervolgens met de Pen Tool (P) de rest van de vormen voor de schoenzool en selecteer vervolgens Alles selecteren (Ctrl + A) en klik vervolgens op het pictogram voor "Schoenzool 1" om de grafische stijlen toe te passen.
Ik heb nu onze eerste reeks vormen gegroepeerd (Ctrl + G) en deze vergrendeld zodat we ze niet beïnvloeden. Nu ga ik de Pen Tool (P) gebruiken om de vormen rechts van de zool te tekenen en de "Shoe Sole 1" grafische stijl toe te passen.
Ik ga onze eerste grafische stijl gebruiken als sjabloon voor de volgende. Dus maak eerst gebruik van de functie verbergen / zichtbaar maken om uit te vinden welke kenmerken we niet nodig hebben in de grafische stijl "Shoe Sole 1". Selecteer ze vervolgens en verwijder geselecteerd item. Met de resterende attributen heb ik een nieuwe grafische stijl gemaakt en de naam "Shoe Sole 2" genoemd. Ik kan dit dan gebruiken als basis voor de volgende twee grafische stijlen.
Op het oorspronkelijke referentiebeeld is er een golvend patroon in de vormen aan de rechterkant. Ik ga een patroon maken dat vrijwel gelijk is aan dit om toe te voegen aan ons paneel Uiterlijk. Teken eerst een verticale lijn met het gereedschap Lijnsegment (\). Ga vervolgens naar Effecten> Transformeren & vervormen> Zigzag en gebruik de onderstaande instellingen.
Terwijl je wave is geselecteerd, ga je naar Object> Expand en wordt het Zig Zag-effect uitgebreid naar een enkele zwaaibare lijn. Vervolgens wilt u in het deelvenster Uiterlijk een 5 x lichtgrijze lijn geven (C = 0, M = 0, Y = 0, K = 40) en vervolgens een nieuwe lijn met een donkergrijze 2pt-lijn (C = 0, M = 0, Y = 0, K = 90).
Gebruik vervolgens dezelfde kenmerken met het gereedschap Lijnsegment (\) en teken streken achter de golf. Richt op het midden van elke golfpiek en dal, als je Smart Guides (Shift + U) hebt ingeschakeld, wordt het gemakkelijker. Teken vervolgens een lijn tussen de piek- en dallijnen.
Ik heb lijnen aan de boven- en onderkant van ons golfpatroon toegevoegd en daarna heb ik een rechthoek (M) achter de lijnen geplaatst met dezelfde donkergrijze vulling (C = 0, M = 0, Y = 0, K = 90 ). Gebruik opnieuw Slimme hulplijnen (Shift + U) om u te helpen dit op een rij te zetten. U zult merken dat de lijnen die u aan de boven- en onderkant van het patroon hebt gemaakt, de rechthoek (M) overlappen. Nogmaals, dit komt omdat slagen langs het midden van het pad zijn uitgelijnd, daarom zal de helft van het slaggewicht aan beide zijden van de lijn liggen.
We gaan de randen opnieuw overlappen, dit keer met de Ellipse Tool (L) om cirkels te maken in elke trog.
Dupliceer de rechthoek en groepeer vervolgens alle elementen voor uw patroon (Ctrl + G), waarbij uw gedupliceerde rechthoek boven de groep blijft. Gebruik dit om vervolgens een uitknipmasker te maken (Ctrl + 7).
Dupliceer de groep Clipping Mask en Lijn ze verticaal uit, zoals hieronder wordt getoond. Groepeer ze samen (Ctrl + G) en sleep ze vervolgens naar het deelvenster Stalen om een patroon te maken.
Ik heb de vulling geselecteerd met de transparante lineaire verloop en vervolgens het gedupliceerde item. Ik heb toen ons golf- / lijnpatroon als vulling gebruikt en dit ingesteld op Mengmodusscherm, dekking 50%.
Ik heb het gevoel dat het patroon te groot is, dus ik heb alle vormen geselecteerd voor het recht van de zool (Ctrl + A) en vervolgens de vulling gemarkeerd met het patroon in het deelvenster Vormgeving. Ga vervolgens naar Object> Transformeren> Schaal en zorg ervoor dat het enige vakje dat is aangevinkt "Patronen" is. Hiermee wordt alleen het patroon geschaald en in dit geval wordt het patroon verkleind tot 75% van de oorspronkelijke schaal. Klik vervolgens op Ok.
Ga naar het paneel Grafische stijlen en maak van de kenmerken in het deelvenster Vorm een nieuwe grafische stijl en hernoem deze "Schoenzool 3".
Hoewel ik blij ben met de huidige grafische stijl, wil ik het patroon een beetje draaien voor elk van de vormen. Dus opnieuw met de patroonvulling geselecteerd voor een van de vormen, ga naar Object> Transformeren> Roteren. Zorg ervoor dat alleen het vak "Patroon" is aangevinkt, voer uw waarde in en klik op OK.
Ik heb dit voor elk van de vormen afzonderlijk gedaan met de onderstaande waarden. Als ik klaar ben, heb ik alle vormen gegroepeerd (Ctrl + G) en vergrendeld.
Ik heb een nieuwe vorm getekend, onder de twee groepen en heb de grafische stijl "Shoe Sole 2" toegepast. Ik heb vervolgens de -3pt offset pad opvulling gedupliceerd en de waarde gewijzigd in -5pt. Ik heb de vulling vervolgens lichter grijs gemaakt (C = 0, M = 0, Y = 0, K = 60). Ga vervolgens naar Effecten> Stylise> Scribble en pas de onderstaande instellingen toe. Als u klaar bent, wijzigt u de overvloeimodus in vermenigvuldigen.
Ik heb precies dezelfde kenmerken gebruikt om een vorm voor de teen en een ellips (L) op de brug van de zool te maken, maar ik heb het element Dekking voor de opvulling Krabbeleffect verborgen. Als u het element Dekking in het deelvenster Vormgeving verbergt, wordt die individuele vulling of streek teruggezet naar Overvloeimodus Normaal, Dekking 100%. Voeg een nieuwe grafische stijl toe en hernoem deze "Shoe Sole 4".
Gebruik het gereedschap Pen (P) om een vorm te tekenen voor de totale voet en pas de stijl 'Shoe Sole 2' daarop toe.
Zoals we eerder hebben gedaan, heb ik de kenmerken aangepast. Van de bodem naar boven:
Voeg een nieuwe grafische stijl toe en noem deze "White Sole".
Ik heb de 'White Sole'-grafische stijl gebruikt om extra vormen toe te voegen, getekend met de Pen Tool op de hiel en de voetboog. Ik ben echter in het venster Uiterlijk gegaan en heb de vulling aangepast met het verloop met het gereedschap Verloop (G) zoals hieronder weergegeven.
Nu hebben we onze standaard schoenzool, groepeer al je vormen (Ctrl + G). Dupliceer vervolgens de groep en verplaats deze naar rechts. Gebruik het paneel Uitlijnen op Verticaal boven uitlijnen.
Omdat we geen twee linkervoeten hebben, selecteer ik, ondanks wat mijn partner me zal doen geloven, de groep rechts en ga je naar Object> Transformeren> Reflecteren en reflecteren op de verticale as. Klik op Ok.
Terwijl je de schoen hebt weerspiegeld, wordt ook de richting van de markerings- en schaduwgradiënten weergegeven. Bekijk de richting van de roze stip, zoals hieronder weergegeven.
Je zult in elk van de groepen moeten gaan om de richting van de hellingen te veranderen, door "Verloop Gradient" te gebruiken in het Verlooppaneel ...
Of door de waarde van de hoek van het verloop te wijzigen.
Ik heb mijn schoenzool-illustratie afgewerkt door hem een achtergrond met de "Witte tong" -afbeeldingsstijl te geven en de vulling te verwijderen die het verloop bevat. Het brengt het goed samen denk je niet?
Ik hoop dat je de sportieve tutorial van vandaag leuk vond en hebt geleerd hoe precies en snel het uiterlijk van het paneel kan zijn. Ik weet dat ik, eenmaal geleerd hoe ik het moet gebruiken, mijn workflow zeker heeft gestroomlijnd!