Share
In deze tutorial leer je hoe je een goed uitziende draadloze telefoon kunt maken. U zult het offset-pad en verschillende gradiënten gebruiken om een driedimensionale telefoon te maken met realistische hoogtepunten en reflecties.
Open een nieuw document en maak een rechthoek van 147 px bij 440 px. Ga naar Effect> Stileer> Ronde hoeken en stel de straal in op: 40 px en klik op OK. Dit zal de hoeken van de rechthoek rond maken, direct daarna naar Object> Uiterlijk uitbreiden gaan en de vorm vullen met de kleur R: 184 G: 71 B: 95.
Terwijl de rechthoekige rechthoek nog steeds is geselecteerd, gaat u naar Object> Pad> Offsetpad en stelt u de offset in op: -4 px, klikt u op OK en vult u met Lineair verloop. Open hiervoor het deelvenster Verloop: Venster> Verloop (Control + F9). U hebt 3 verloopschuifregelaars nodig, van links naar rechts de kleur R: 98 G: 100 B: 99, voor de tweede R: 203 G: 222 B: 210 en voor de derde schuifregelaar selecteert u dezelfde kleur die u voor de eerste hebt gebruikt verloopregelaar, zet de hoek op 45 en pas een lijnkleur toe van R: 77 G: 77 B: 77, gewicht: 1 px binnen.
Ga met de nog steeds geselecteerde vorm naar Object> Pad> Offsetpad, zet de offset op: -2 px, klik op OK, open het deelvenster Verloop (Besturing + F9). U ziet 3 verloopregelaars. Verwijder een van de schuifregelaars en vervolgens op de linkerschuifregelaar de kleur toepassen R: 203 G: 222 B: 210 Locatie: 0%, rechts schuifregelaar toepassen R: 26 G: 26 B: 26 Locatie: 100% en schuif het verloop schuifregelaar, die boven de kleuren voor het verloop ligt, naar Locatie: 14,5% en Hoek: -13
Terwijl de vorm van de vorige stap nog steeds is geselecteerd, ga je naar Object> Pad> Offsetpad en zet je de offset op: -2 px, klik je op OK en wijzig je de kleuren voor het verloop zoals in de onderstaande afbeelding.
Maak een zwarte rechthoek met de afmetingen 128 px x 110 px, plaats deze zoals in de onderstaande afbeelding.
Terwijl de rechthoek nog steeds is geselecteerd, gaat u naar Object> Pad> Offsetpad en stelt u de offset in op: -2 px, klikt u op OK en vult u het met een lineair verloop met kleuren van grijs in zwart. Neem een kijkje op de afbeelding hieronder voor referentie.
Maak een rechthoek van 101 px bij 43 px en ga naar Effect> Stileer> Ronde hoeken en stel de straal in op: 6 px, klik op OK. Ga direct daarna naar Object> Uiterlijk uitvouwen en vul het met lineair verloop, zoals in de onderstaande afbeelding.
Terwijl de vorm van de vorige nog steeds geselecteerd is, ga je naar Object> Pad> Offsetpad en zet je de offset op: -2 px, klik je op OK, vul je met de kleur R: 202 G: 178 B: 146. Breng een innerlijke gloed aan door naar Effect> Stileren> Innerlijke gloed te gaan. Voer de volgende instellingen in: Modus: Normaal, Dekking: 75%, Vervaging: 5 px, Kleur # E2DFD3 (klik op het vierkant in kleur naast Modus ".
Kopieer de vorm uit Stap 6 met behulp van Ctrl + C gevolgd door C + F en verplaats de kopie boven de andere vormen door naar Object> Schikken> Naar voorgrond (Shift + Control + Rechts vierkante haak) te gaan. Maak een langere rechthoek dan de vorige, zodat deze 2/3 van de vorige vorm beslaat, selecteer vervolgens beide vormen, open het deelvenster Pathfinder (Shift + Control + F9) en klik op de minusknop aan de voorzijde. Vul de nieuwe vorm met wit en verminder de dekking tot 20%.
Maak een 30px bij 15px-rechthoek en ga vervolgens naar Effect> Stileer> Ronde hoeken en stel de straal in op: 8px, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen. Vul de vorm met een lineair verloop van zwart naar grijs en plaats deze zoals in de onderstaande afbeelding.
Terwijl de vorm nog steeds is geselecteerd, ga je naar Object> Pad> Offsetpad en zet je de offset op: -2 px, klik je op OK en vult u deze met zwart.
Houd het object geselecteerd en ga nogmaals naar Object> Pad> Offsetpad en stel de offset in op: -2 px en vul de nieuwe vorm met een lineair verloop van grijs in donkergrijs.
Hergroepeer de vormen uit Stap 10, 11 en 12. Selecteer de vormen en ga naar Object> Groep (Control + G), kopieer de groep die u hebt gemaakt met Ctrl + C gevolgd door Ctrl + F. Verplaats de kopie een paar pixels naar rechts , voeg de nodige tekst en pictogrammen toe zoals in het onderstaande voorbeeld.
Maak een afgeronde rechthoek met de afmetingen 102px bij 56,5 px, hoeken 10 px, vul met Lineair verloop (kleuren R: 84 G: 86 B: 85 tot R: 30 G: 32 B: 31) en ga vervolgens naar Effect> Stileer> Buitenste Gloed. Voer de volgende instellingen in: Modus: Normaal, Dekking: 75%, Vervaging: 4 px, zwarte kleur, klik op OK. Plaats de vorm zoals weergegeven in de onderstaande afbeelding.
Kopieer de vorm van de vorige stap, verander de kleur naar zwart en verwijder het effect OuterGloed. Open hiervoor het deelvenster Uiterlijk (Windows> Vormgeving of Shift + F6) en sleep de laag 'Buitenste gloed' naar de verwijderde bak.
Maak in het midden van de vorm van de vorige stap 71 x 71px cirkel met het ellipsgereedschap (L), selecteer beide vormen, open het deelvenster Pathfinder (Shift + Control + F9) en klik op de minusknop aan de voorzijde..
Maak een rechthoek over de vormen uit de vorige stap, selecteer de vormen (uit de vorige stap en de rechthoek), open het deelvenster Pathfinder en klik op de knop Splitsen. Verwijder de overtollige vormen zoals weergegeven in de onderstaande afbeelding.
Selecteer de groep die in de vorige stap verscheen, ga naar Object> Pad> Offsetpad en zet de offset op: -2 px, klik op OK en vul de vormen met een Lineair verloop van grijs naar zwart.
Met de vormen nog steeds geselecteerd, ga naar Object> Pad> Offset pad en zet de offset op: -2 px, klik op OK en vul met de kleur R: 200 G: 203 B: 211.
Maak een zwarte cirkel van 50px bij 50px met het ellipsgereedschap (L), kopieer de cirkel met behulp van Ctrl + C, gevolgd door Ctrl + F, zet de vulkleur uit, pas een 1px-lijn toe, de kleur doet er niet toe, want we vullen het met lineair verloop. Met de vorm nog steeds geselecteerd, ga naar Object> Uitvouwen en vul met Lineair verloop met kleuren R: 51 G: 51 B: 51 tot R: 203 G: 222 B: 210.
Selecteer de cirkel uit de vorige stap en ga naar Object> Pad> Offset pad en zet de offset op: -4 px, klik op OK en vul de vorm met Lineair verloop met kleuren R: 84 G: 86 B: 85 tot R: 30 G : 32 B: 31.
Ga met de nog steeds geselecteerde vorm naar Object> Pad> Offsetpad en zet de offset op -1px, klik op OK en vul de vorm met een radiaal verloop met kleuren van zwart tot R: 51 G: 51 B: 51.
Voeg de benodigde knoppictogrammen toe zoals u dat wilt, kijk eens naar de onderstaande afbeelding voor referentie.
Maak een rechthoek van 30 px bij 24 px en ga naar Effect> Stileer> Ronde hoeken, stel de straal in op: 10 px, klik op OK. Ga naar Object> Uiterlijk uitvouwen en vul de vorm met Lineair verloop met kleuren van R: 30 G: 32 B: 31 tot R: 84 G: 86 B: 85, pas dan een zwarte 0.5px-lijn toe.
Terwijl de vorm nog steeds is geselecteerd, ga je naar Object> Pad> Offsetpad en stel je de Radius in op: -2 px, klik je op OK, zet je de lijnkleur uit, open je het deelvenster Verloop en klik je op de knop Omgekeerd verloop.
Terwijl de offset-vorm nog steeds is geselecteerd, gaat u naar Object> Pad> Offset-pad en stelt u de straal in op: -1 px, klikt u op OK, vult u deze in met zwart en gaat u nogmaals naar Object> Pad> Offset-pad en stelt u de straal in op: - 1px, klik op OK. Vul de vorm met Lineair verloop met kleuren van R: 84 G: 86 B: 85 tot R: 30 G: 32 B: 31
Groepeer de vormen uit Stap 24, 25, 26 en 27. Selecteer hiervoor de vormen en ga naar Object> Groep, selecteer vervolgens de groep en ga naar Effect> Vervormen en transformeren> Transformeren en voer de volgende instellingen in: Kopieën: 2 Verplaatsen, Horizontaal: 35 px, laat de andere waarden als standaard, klik op OK. Ga daarna naar Effect> Vervormen & transformeren> Transformeren. Klik op de knop Nieuw effect toepassen en voer de volgende instellingen in: Kopieën: 3 Verplaatsen, Verticaal: -27 px, klik op OK.
Voeg de benodigde letters en cijfers toe via de knoppen.
Maak in een positie boven het scherm een ellips met de afmetingen 81px bij 43px en kleur # 282A29, ga vervolgens naar Object> Gradiëntmaas maken, voer de volgende instellingen in: Rijen: 4, Kolommen: 5, klik op OK. Corrigeer de punten en de kleur zoals weergegeven in de onderstaande afbeelding.
Maak een zwarte 51px bij 27px ellips en plaats deze in het midden van de vorige vorm.
Ga met de ellips nog steeds naar Object> Pad> Offsetpad, stel de Radius in op: -1 px, klik op OK. Vul de vorm met een lineair verloop met kleuren van R: 98 G: 100 B: 99 tot R: 30 G: 32 B: 31. Voeg tot slot 3 zwarte cirkels toe, zoals in de onderstaande afbeelding.
Selecteer alle vormen en ga naar Object> Groep.
Vergrendel de telefoongroep of schakel deze uit door op het oog voor de groep te klikken. Maak een rechthoek van 288 px x 237 px en ga naar Effect> Stileer> Ronde hoeken en stel de straal in op: 80 px, klik op OK en ga naar Object> Uiterlijk uitvouwen. Maak daarna een nieuwe rechthoek, deze keer breder dan de vorige (getoond in de afbeelding hieronder). Selecteer beide vormen, open het deelvenster Pathfinder en klik op de knop Minus voorzijde, corrigeer de belangrijkste punten zoals in het voorbeeld wordt getoond.
Vul de laatste vorm die je hebt gemaakt met Lineair verloop. Open hiervoor het deelvenster Verloop (Venster> Verloop of Ctrl + F9). Je hebt 3 gradiënt-schuifregelaars nodig. Van links naar rechts de kleur toepassen R: 123 G: 27 B: 42, R: 125 G: 28 B: 43 en R: 87 G: 28 B: 43. Maak twee vormen over de vorige met behulp van het gereedschap Pen (P), vul ze met een lineair verloop van wit 100% naar wit 0%, pas een 25px Gausian Blur toe. Selecteer de vorm uit de vorige stap, kopieer deze met behulp van Ctrl + C gevolgd door Ctrl + F en verplaats deze over de vormen die u zojuist hebt gemaakt. Selecteer de nieuw gemaakte vormen en de vorm waarin u ze hebt verplaatst en ga naar Object> Knipmasker> Maken (Control + 7).
Maak een ovaal over de vorige vorm en vul deze met een lineair verloop, zoals in het onderstaande voorbeeld.
Kopieer de ellips met behulp van Ctrl + C gevolgd door Ctrl + F, verplaats het een paar pixels naar boven, verander het verloop naar Radiaal met kleuren van grijs naar zwart, pas een Slagschaduw toe (Effect> Stileren> Slagschaduw) en voer de volgende instellingen in: Modus: Normaal, Dekking: 50%, X Verschuiving 0px Y Verschuiving: 5px, Kleur: 6D6D6D.
Maak een witte ellips en plaats deze zoals getoond in de onderstaande afbeelding, pas een Gausian Blur van 25 px toe en verminder de dekking tot 70%.
Over alle andere vormen, maak een zwarte ellips Selecteer alle vormen en groepeer ze door naar Object> Groep te gaan. Bekijk de onderstaande afbeelding voor referentie.
Maak de telefoon opnieuw zichtbaar en plaats deze boven de groep die u eerder hebt gemaakt.
Maak met het gereedschap Pen (P) een zwarte vorm om het onderste gedeelte van de telefoon te bedekken.
Selecteer de telefoongroep en de vorm die in de vorige stap is gemaakt en open het paneel Transparantie. In de rechterbovenhoek zie je een pijl, klik erop, selecteer in het drop-down menu Maak dekking masker. Hierdoor verdwijnt de hele telefoon, maar we hoeven alleen het onderste gedeelte te verbergen. Schakel het selectievakje Clip uit met het transparantenscherm open. Op deze manier wordt alleen het onderste gedeelte van de telefoon verborgen.
Terwijl de telefoongroep nog steeds is geselecteerd (en het venster Transparantie nog steeds is geopend), klikt u eenmaal in het maskervenster. Op deze manier kunnen we een Gasian Blur alleen toepassen op de maskerlaag. Nadat je de maskerlaag hebt geselecteerd, ga je naar Effect> Vervagen> Gausian Blur en stel je Radius in op: 14 px, klik je op OK. Je bent nu klaar!
Om je afbeelding af te werken voeg je een achtergrond toe, ik heb gekozen voor een gratis lichtblauw. Daar heb je het, een stijlvolle draadloze telefoon.
Accentsconagua