Share
In deze tutorial leert u hoe u een realistisch beeld van een koptelefoon kunt maken met behulp van eenvoudige en begrijpelijke technieken. Het blijkt dat om een goed resultaat te krijgen het niet nodig is om het op een complexe manier te doen. Deze tutorial is gemakkelijk voor elke beginner om te voltooien.
Begin met het maken van de dichter bij de kijker oorschelp. Neem de Ellipse Tool (L) en maak natuurlijk een ellips met een vulling zonder slag van een kleur behalve wit.
Kopieer de gemaakte ellips en plak deze vooraan. Verklein de bovenste ellips in grootte, zodat de afmetingen proportioneel worden gewijzigd. Houd hiervoor de Shift-toets ingedrukt wanneer u deze kleiner maakt. Beweeg nu de bovenste ellips iets naar links.
Kopieer de bovenste ellips (deze heeft een blauwe vulling op de afbeelding) en plak deze op de voorgrond. Maak de kopie nu kleiner door de Shift-toets ingedrukt te houden.
Dupliceer opnieuw blauwe ellips. Selecteer het en de rode ellips en druk op de minusknop aan de voorzijde van het Pathfinder-palet.
Als resultaat van deze acties verkrijgen we drie objecten: twee ellipsen en het samengestelde pad.
Neem het gereedschap Pen (P) en maak een vorm als een brug tussen de groene ellips en het rode verbindingspad.
Selecteer deze drie vormen en klik op de knop Unite in het Pathfinder-palet.
Laten we aannemen dat de lichtbron zich rechtsboven bevindt. Op basis hiervan zullen we licht en schaduwen op de koptelefoon moeten plaatsen. Vul de vorm bereikt in de vorige stap met een elliptische gradiënt met de parameters in de onderstaande afbeelding.
De kleuren die ik hier heb gebruikt, worden toegepast op alle elementen van de hoofdtelefoon van zwart plastic. Welnu, nu het licht - (C = 53; M = 43; Y = 42 en K = 27); penumbra - (C = 70; M = 60; Y = 56 en K = 67); en de schaduw - (C = 80; M = 69; Y = 61 en K = 88).
Vul de binnenste blauwe ellips met een witte kleur.
Dupliceer de witte ellips, verminder deze iets en schuif hem naar links.
Ik wil je een geheim vertellen over hoe je de grootte of positie van een object met een bepaalde waarde kunt veranderen. U ziet de hoogte- en breedtewaarden van het object op het bedieningspalet wanneer deze is geselecteerd. Deze waarden kunnen dus worden gewijzigd met aritmetische bewerkingen van optellen en aftrekken. Laten we aannemen dat het object met 2 px verkleind moet worden, geen probleem, voer - 2 px in na de digitale waarden van de breedte of hoogte en druk op Enter. Om het object proportioneel te wijzigen, klikt u op het pictogram Constrain Width and Height Proportions.
Vul de ellips met een elliptische gradiënt met parameters die worden aangegeven in de onderstaande afbeelding.
Om clair-obscur op het lichte plastic te reproduceren, gebruik ik de volgende kleuren: licht - wit; penumbra - (C = 10; M = 7; Y = 8 en K = 0); en schaduw - (C = 36; M = 27; Y = 28 en K = 7).
Maak een nieuwe ellips met behulp van de hierboven beschreven technieken en vul deze met een effen, lichtgrijze kleur.
Dupliceer het, schuif het iets naar links en vul het met een elliptisch verloop met de parameters die in de onderstaande afbeelding worden getoond.
Verloopkleuren: Licht - (C = 47; M = 36; Y = 37 en K = 18) en Schaduw - (C = 70; M = 60; Y = 56 en K = 67).
Om deze oorschelp te voltooien, moeten we nog een paar ellipsen maken, ik zal alleen hun locatie specificeren, ik hoop dat de procedure van ontwerpen op dit punt duidelijk is.
Maak de markering op de kruising van de plastic oppervlakken. Neem de Pen Tool (P) en maak een onderbroken lijn zoals in de onderstaande afbeelding.
Om de hoeken rond te maken gebruik ik het Round Any Corner-script. U kunt dit script downloaden en lezen hoe u het in mijn artikel kunt gebruiken: 20 gratis en nuttige Adobe Illustrator-scripts. Selecteer vervolgens een hoekpunt met behulp van het gereedschap Direct selecteren (A) en start het script, stel de hoekradius in het dialoogvenster in.
Houd de lijn geselecteerd, pas hier het Breedteprofiel 1 op aan vanuit het Lijnpalet en kies de breedte, het is 1.5px in mijn geval.
Degenen die geen trotse eigenaars van Adobe Illustrator CS5 zijn, zullen een penseel met een vergelijkbare vorm moeten maken. Deze vorm kan worden verkregen uit een ellips door de linker en rechter ankerpunten om te zetten van vloeiende naar hoekige. Om dit te doen, selecteert u deze punten met behulp van het gereedschap Direct selecteren (A) en drukt u op de overeenkomstige knop Converteren in het regelpalet.
Sleep nu de behaalde vorm naar het palet Penselen en sla je penseel op als een penseel.
Selecteer nu de curve en pas het gemaakte penseel toe.
Houd de lijn geselecteerd, ga naar Object> Uiterlijk uitvouwen en vult de vorm met een lineair verloop met de kleuren die zijn opgegeven in stap 4.
Ga verder met het maken van de hoofdband. Neem de Pen Tool (P) en maak een paraboolachtige lijn.
Dupliceer deze lijn, schuif dan naar rechts en draai deze iets.
Verbind de uiteinden van deze lijnen met behulp van het gereedschap Pen (P), zoals weergegeven in de onderstaande afbeelding.
Verbind de dichter bij het kijkdeel van de hoofdband in een boog en sluit de andere in een rechte lijn aan (deze is niet zichtbaar, omdat deze zich onder de verdere oorschelp bevindt).
Converteer een kruisend pad naar twee objecten - de voor- en achterkant van de hoofdband. Neem het schaargereedschap (C) en knip het pad op twee bovenste punten.
Vergrendel het achterstuk van het pad in het lagenpalet en gebruik het gereedschap Pen (P) om het voorste pad in een boog te verbinden.
Vergrendel nu het voorstuk van de hoofdband, ontgrendel de achterste en sluit de bovenste punten van het achterste deel van de hoofdband aan.
Verdeel het voorste deel van de hoofdband in twee delen. Neem de Pen Tool (P) en maak een gebogen lijn van 2 pixels breed.
Laat het geselecteerd, ga naar Object> Uitbreiden. Selecteer nu de bereikte vorm, het voorste deel van de hoofdband en druk op de minusknop aan de voorzijde van het Pathfinder-palet.
Vul beide stukken met lineaire hellingen met behulp van de kleuren vermeld in stap 4.
Vul de achterkant van de hoofdband met dezelfde gradiënt, die we zo moeten plaatsen dat de achterkant van de hoofdband er donkerder uitziet dan de voorkant. Het gereedschap Verloop (G) zal zeer nuttig zijn bij het uitvoeren van deze taak.
Maak de dikte van het onderste voorste gedeelte van de hoofdband. Kopieer en plak deze achteraan. Beweeg nu de kopie iets naar rechts om de illusie van volume te creëren en de configuraties van het verloop te veranderen om de schaduw op de rand van de hoofdband te vormen.
Ga verder met het maken van ontwerpelementen op het voorvlak van de hoofdband. Het vertegenwoordigt een cilindrisch object met een facet. Neem het Ellips-gereedschap (L) en maak een ellips, vul hem met een elliptisch verloop.
Dupliceer deze ellips en schuif deze iets naar links en omhoog. Creëer nu een kegelvormige helling op deze ellips, vergelijkbaar met degene die in de onderstaande afbeelding wordt getoond.
Hoe u een kegelvormige helling maakt, wordt gedetailleerd beschreven in mijn zelfstudie, Snelle tip: een kegelvormig verloop maken met Adobe Illustrator, in twee minuten. Creër een nieuwe ellips van witte kleur boven de ellips met een kegelvormig verloop.
Kopieer en plak deze ellips vooraan, vul hem met een lineair verloop dat bestaat uit twee kleuren (C = 34; M = 25; Y = 26 en K = 5) en (C = 19; M = 14; Y = 14 en K = 0). Beweeg nu de ellips iets naar links, zodat de onderste ellips een hoogtepunt kan creëren op de rand van ons cilindrische element.
Selecteer het zijvlak van de voorkant van de hoofdband, neem het schaargereedschap (C) en knip op twee punten, zoals weergegeven in de onderstaande afbeelding.
Verwijder het bovenste deel van het laterale oppervlak en verbind de sneden van het onderste zijvlak met behulp van het pengereedschap (P).
Maak het zijvlak van het resterende deel van de hoofdband. Neem de Pen Tool (P) en maak een vorm zoals in de onderstaande afbeelding.
Verplaats het naar het lagenpalet zodat het zich tussen het bovenste en onderste deel van de hoofdband bevindt.
Vul nu deze vorm met een elliptisch verloop met de parameters in de onderstaande afbeelding en de kleuren die in stap 4 werden genoemd.
Wanneer u een verloop maakt, is het uw taak om een lichtere rand aan het binnenste zijwaartse deel van de hoofdband te maken.
Maak de achterkant van het decoratieve element. Kopieer hiervoor de onderste ellips van het decoratieve element en plak deze achteraan. Verplaats nu het object in het palet Lagen, zodat het zich onder alle objecten bevindt. Vervang de objectvulling door een lineair verloop.
Ons doel is om het onderscheid tussen de aangrenzende elementen te bereiken en tegelijkertijd de juiste verdeling van licht niet te vergeten. In de onderstaande afbeelding ziet u een abnormale verdeling van het licht op dit element (ik heb per ongeluk deze fout gemaakt tijdens het maken van dit kunstwerk en ik merkte het pas toen ik de zelfstudie maakte).
Maak nu een achterkant van een ander decoratief element op het achteroppervlak van de hoofdband. Maak vier cirkels. De volgorde van hun creatie en vulling wordt getoond in de onderstaande figuren.
De cirkel op de bodem is de schaduw van het element en mag daarom niet verder gaan dan de randen van de hoofdband. Snij het uitstekende deel af. Degenen die Adobe Illustrator CS5 hebben, kunnen dit doen met behulp van de Shape Builder Tool, de rest zal het binnenoppervlak van de hoofdband moeten kopiëren en op de voorgrond moeten plakken, de cirkel en het binnenoppervlak van de hoofdband moeten selecteren en op de intersect moeten drukken knop uit het Pathfinder-palet.
Maak een zacht deel op het binnenoppervlak van de hoofdband. Neem de Pen-tool (P) en maak de vorm die wordt weergegeven in de onderstaande afbeelding.
Vul het met een elliptisch verloop. Jouw taak is om een lichte rand te krijgen op het zachte gedeelte en ongelijke kleur in het midden.
Laat onze hoofdtelefoon er mooier uitzien met een ander element. Neem de Pen Tool (P) en maak een lijn van 20 px breed (kies deze waarde in overeenstemming met de grootte van je hoofdtelefoon).
Laat het geselecteerd, ga naar Object> Uitbreiden en vul het met een effen kleur.
Gebruik deze techniek om nog twee objecten met een kleinere breedte en lengte te maken met één effen kleurvulling, maar met ongelijke dekking.
Selecteer deze twee objecten en ga naar Object> Overvloeien> Maken.
Het is tijd om te focussen op het creëren van hoogtepunten op de koptelefoons. De techniek van hun creatie verschilt niet helemaal van die beschreven in stap 8 en 9. Ik zal hier alleen de locatie en vorm van de hoogtepunten specificeren.
Ga verder met het maken van het laatste element van de koptelefoon - de verdere beker. Maak een ellips en vul deze met een elliptisch verloop. De onderlaag met dit element moet onder alle onderlagen in het palet Lagen liggen.
Ga door met het maken van ellipsen die de volgende beker vormen.
Nou, de koptelefoon is klaar.
Ga verder met het maken van het ontwerp voor het pictogram. Groepeer alle elementen van de hoofdtelefoon. Draai nu de koptelefoon, zoals getoond in de onderstaande afbeelding.
Maak schaduw onder de kop van de koptelefoon, met behulp van de techniek die is beschreven in stap 21.
Creëer nu de reflectie van de koptelefoon. Selecteer de hoofdtelefoon en ga naar Object> Transformeren> Reflecteren ... en druk op de knop Kopiëren in het dialoogvenster.
Mijn hoofdtelefoon heeft een hoogte van 388px. Houd deze waarde in je achterhoofd (je onthoudt natuurlijk je eigen waarde).
Houd de kopie geselecteerd, ga naar Object> Transformeren> Verplaatsen ... en stel 388 px Verticale parameter in het dialoogvenster in en klik op OK.
Neem het gereedschap Rechthoek (M) en maak een rechthoek met verticaal verloop van zwart naar grijs. De grootte van de rechthoek moet de hele reflectie van de koptelefoon omvatten.
Selecteer de reflectie van koptelefoon en rechthoek, klik op het masker Dekking maken in het menu van het palet Transparantie.
Ons pictogram is monochroom, ik betwijfel of het erop lijkt dat het iemands aandacht trekt. Daarom bied ik aan om elk kleurelement toe te voegen dat is gekoppeld aan de muziek. Na erover nagedacht te hebben, besefte ik dat dit een gestileerde afbeelding van een equalizer moest zijn. Ga verder met de creatie ervan. Neem het gereedschap Rechthoek (M) en maak een rechthoek (in mijn geval zijn de afmetingen 50 bij 8 px).
Houd de rechthoek geselecteerd, ga naar Effect> Vervormen & transformeren> Transformeren ... en stel de waarden in die in de onderstaande afbeelding worden weergegeven.
Het gemaakte pictogram zal nauwelijks in de oorspronkelijke grootte worden gebruikt. Daarom moet u er ook voor zorgen dat het pictogram er ook in kleine afmetingen goed uitziet. Laten we ons beeld drie keer verkleinen (zoom 33,33%).
Equalizer-rechthoeken worden samengevoegd, daarom moeten ze enigszins worden bewerkt. Open het dialoogvenster Transform Effect en pas de afstand tussen de rechthoeken aan om een helder beeld te krijgen.
Houd de rechthoek geselecteerd, ga naar Effect> Vervormen & transformeren> Transformeren ... en stel de waarden in die in de onderstaande afbeelding worden weergegeven.
Ga nu naar Object> Uiterlijk uitbreiden. En verwijder enkele rechthoeken om de afbeelding van de equalizer te krijgen.
Kies nu kleuren voor de equalizer. Ik besloot om equalizerrechthoeken in 4 kleuren te kleuren: paars, blauw, lichtblauw en groen.
Het is handig om een CMYK-kleurenmodel te gebruiken voor het mengen van kleuren. Dit model is gebruiksvriendelijk, maar bevat minder kleuren dan het RGB-model. Omdat we een computerpictogram maken en de afbeelding niet wordt afgedrukt, kunnen we het RGB-model gebruiken voor heldere kleuren. Installeer eerst de documentkleurmodus (Bestand> Documentkleurmodus> RGB-kleur). Stel nu de kleuren van de equalizer in RGB-kleurmodus in.
Na de aanpassing heb ik voor deze kleuren gekozen: paars - R: 191, G: 0, B: 255; blauw - R: 29, G: 0, B: 255, Blauw - R: 0, G: 163, B: 255, groen - R: 0, G: 235, B: 0. Tip: gebruik het CMYK-kleurenmodel voor het mengen van kleuren en maak ze af in de RGB-kleurmodus voor helderheid. Pas vervolgens de gemaakte kleuren toe op de rechthoeken van de equalizer.
In deze zelfstudie heb ik elliptische gradiënten gebruikt, een speciaal soort radiaal verloop. Dit soort verloop is beschikbaar vanaf de CS 4-versie van het programma. Eerlijk gezegd kun je alleen het radiale verloop gebruiken. Hier is een pictogram voor de creatie waarvan ik alleen radiale verlopen heb gebruikt.
Zie je het verschil? U kunt het meng- en knipmasker gebruiken om het elliptische verloop te reproduceren. Je zou moeten weten waar ik het over heb. Waarom leg ik de nadruk op dit onderwerp? Het punt is dat wanneer u een bestand opslaat in EPS-formaat, een elliptisch verloop verandert in een reeks objecten die zich onder het uitknipmasker bevinden. Alsof de opdracht Uitvouwen op zijn best is toegepast op een overvloei-object. Of erger, dergelijke objecten zullen eenvoudigweg worden gerasterd, wat de bestandsgrootte met 10 keer kan vergroten!
De technieken die ik in deze tutorial gebruikte, zijn eenvoudig en voor de hand liggend. Hoewel ik verschillende keren het Verloopnet wilde toepassen. Probeer een voorwerp te tekenen dat u zo vaak gebruikt, met behulp van eenvoudige technieken die in deze zelfstudie worden beschreven. Het kan een computermuis, luidsprekers, monitor of lepel zijn;). Het belangrijkste is om te leren om te kunnen zien, in plaats van het werk van anderen te kopiëren.
Accentsconagua