Accentsconagua
Share
Wat je gaat creërenRetro design is een van de toptrends en is nooit uit de mode. Waarom is het zo populair? Volg deze tutorial en ontdek waarom mensen van deze stijl houden in de zachte vormen en pastelkleuren van ouderwetse items!
We gebruiken verschillende geometrische vormen, gereedschappen en functies van de Draw Persona van Affinity Designer om een set platte keukenapparatuur te maken die ons herinnert aan het verleden.
Je kunt deze Retro Kitchen Items Set op Envato Elements in verschillende kleurvariaties en formaten krijgen om te zien hoe elk element is gemaakt. Voel je vrij om ze te gebruiken voor je eigen projecten en ontwerpen, zowel persoonlijk als commercieel!
Laten we beginnen!
We zullen werken in de Teken Persona van Affinity Designer, schaalbare vectoractiva creëren. We kunnen drie verschillende schakelen Persona aan de bovenkant van de bedieningsbalk.
Laten we beginnen met het maken van onze retro mixer vanaf het bovenste gedeelte. Neem de Rechthoekgereedschap (M) en maak een 120 x 40 px. We kunnen de grootte handmatig aanpassen (met behulp van de Verplaatsingsgereedschap (V)) of door de gewenste waarde in te stellen in de Transformeren paneel, dat zich direct onder de Lagen paneel standaard.
Vul het met pastel turquoise kleur met behulp van het wiel van de Kleur paneel.
Nu moeten we beide hoeken aan de linkerkant en de bovenste hoek aan de rechterkant afgerond maken. Laten we naar de bedieningsbalk bovenaan gaan en het vinkje weghalen Enkele straal doos. Nu kunnen we het aanpassen Radius van elke hoek afzonderlijk! Laten we beide linkerhoeken instellen op 50% en de rechterbovenhoek naar 65%.
Voeg nog een rechthoek toe van 130 x 10 px formaat, vul het met grijze kleur en plaats het zoals in de onderstaande afbeelding.
Nu moeten we een smalle verticale lijn loodrecht op de gemaakte rechthoek maken. We kunnen de snapping om het te zien Richtlijnen en hints, die ons zullen helpen om de objecten op de juiste manier te positioneren, waardoor ze aan elkaar blijven plakken.
Maak een smalle rechthoek van dezelfde hoogte als de turquoise vorm (40 px) en bevestig deze aan de linkerrand van de grijze vorm.
Laten we de kleur van het verticale element wijzigen. We kunnen de kleur uit elke vorm kiezen door op de knop te klikken Kleur kiezer pictogram in de Kleur paneel en sleep het over het object. Selecteer vervolgens het element dat u opnieuw wilt kleuren en klik op de kleine gekleurde cirkel naast de Kleur kiezer om de kleur toe te passen. Maak de turquoise tint van de vorm een beetje donkerder.
Voeg een kleine verticale rechthoek toe aan de rechterkant van de grijze vorm.
Laten we nu Dupliceren (Command-J) de grijze lijn en plaats deze helemaal onderaan de Lagen paneel. Vul de kopie met een donker-turquoise kleur en maak de bovenste grijze kopie korter zodat de vormen elkaar niet overlappen.
Tip: in plaats van de grijze vorm korter te maken, kunnen we ook het overlappende gedeelte in de grote afgeronde rechthoek verbergen. Selecteer het gewoon in de Lagen paneel en sleep het over het afgeronde element totdat u een blauwe selectie ziet. Op deze manier dient de grote turquoise vorm als een container, waardoor de ongewenste delen onzichtbaar worden.
Laten we nu een eenvoudige markering op het oppervlak maken.
Duplicaat het turquoise deel van de mixer twee keer (Command-J> Command-J) en sleep de kopie naar de top (Shift-Command]). Gebruik de Pijl-omlaag toets om de vorm een beetje naar beneden te verplaatsen. Selecteer de bovenste kopie en die eronder en gebruik de Aftrekbewerking om de vormen te snijden.
Nu hebben we alleen een dunne streep aan de bovenkant. Laten we het vullen met een grijze kleur en het semi-transparant maken door de Mengmodus naar Scherm in de Lagen paneel.
Houd ingedrukt Command-Shift en krimpt de vorm een beetje, waardoor deze een beetje kleiner wordt.
Maak een 45 x 14 px donker-turquoise rechthoek, bevestig deze aan de onderkant van de mixer. Maak de onderste hoeken 40% afgeronde door hun aan te passen Radius in de controlewerkbalk bovenaan (vergeet niet om het vinkje te verwijderen) Enkele straal doos).
Neem de Verplaatsingsgereedschap (V), selecteer de vorm en sleep deze naar rechts terwijl je vasthoudt Option-Shift om een kopie te maken.
Laten we nu een schaal maken. Begin met een 100 x 5 px grijze rechthoek. Deze keer willen we dat alle hoeken afgerond zijn, zodat we ofwel de Afgerond rechthoekgereedschap (M) om deze vorm te maken of we kunnen de Enkele straal vak aangevinkt en stel de Corners naar 100% afgerond.
Maak een 90 x 70 px lichtgrijze rechthoek voor de schaal. Selecteer beide vormen en klik op de Centre uitlijnen knoop de richten paneel op de bovenkant om beide vormen te centreren.
Maak de onderste hoeken van de rechthoek 50% afgerond.
Laten we dupliceren (Command-J) de kom, houd de toets ingedrukt Commando sleutel en krimp de vorm, waardoor een smal element in het midden. Vul het met een donkerdere grijze kleur en imiteer een reflectie op het stalen oppervlak.
Plaats de kom onder het voorste deel van de mixer en sluit deze aan door een smalle verticale rechthoek toe te voegen. Laat het ook op een stalen onderdeel lijken door een donkerdere en smallere streep in het midden toe te voegen.
Laten we verder gaan en een standaard maken. Gebruik de Rechthoekgereedschap (M) om een te maken 170 x 25 px turquoise vorm onder de schaal. Schakel het vinkje uit Enkele straal vak en maak de linkerboven- en rechterhoeken 80% afgerond.
Nu moeten we de standaard aansluiten op het bovenste deel van de mixer. Maak een lange turquoise rechthoek tussen de standaard en het bovenste gedeelte (ik heb een 30 x 90,5 px vorm, maar de hoogte van je vorm kan anders zijn).
Selecteer zowel het verticale deel als de standaard en gebruik de Operatie toevoegen om deze elementen samen te voegen tot een enkel object.
Laten we nu de standaard gladstrijken met behulp van de Hoekgereedschap (C). Gebruik het om te klikken en de knooppunten te slepen, waardoor de hoeken afgerond zijn. Je ziet een rode cirkel, die de straal of de ronding van de hoeken weergeeft.
Laten we eindigen door een grijze afgeronde rechthoek toe te voegen aan de onderkant van de standaard, en daar hebben we het! Onze mixer is klaar! Laten we naar het volgende retro-object gaan.
Laten we opnieuw van de top beginnen door de dop van de blender te maken. Maak een 74 x 7 px turquoise rechthoek met volledig afgeronde hoeken.
Maak vervolgens een kleinere (52 x 7 px) rechthoek van een iets donkerdere kleur en maak de bovenste hoeken 50% afgeronde. Plaats de ene vorm boven op de andere.
Laten we nu de glazen kom van de blender van a vormen 65 x 100 px lichtblauwe rechthoek. Klik op de Converteren naar curven knop in de bedieningsbalk bovenaan en selecteer het onderste linkerknooppunt van de vorm met de Node Tool (A).
Houd ingedrukt Verschuiving en druk op de Rechter pijl toets om het knooppunt te verplaatsen 10 px naar rechts. We kunnen ook "+10" typen in de X doos van de Transformeren paneel om toe te voegen 10 px naar het bestaande Horizontale positie waarde.
Herhaal hetzelfde voor het knooppunt linksonder, maar druk nu op de knop Linker pijl toets (ingedrukt houden Verschuiving) of gebruik de negatieve waarde om het knooppunt in de tegenovergestelde richting te verplaatsen. Op deze manier maken we het onderste deel van de kom smaller.
Laten we dupliceren (Command-J) de schaal en krimp de kopie terwijl je de Commando toets om de kopie veel smaller te maken. Maak de vulkleur iets lichter.
Maak een grijze rechthoek van ongeveer 45 x 13 px maat aan de onderkant van de blender, waardoor de breedte overeenkomt met de onderkant van de kom.
Dupliceren (Command-J) het grijze element drie keer, maak de kopieën smaller en verplaats ze dichter bij de randen en naar het midden. Varieer de lichtheid van de vormen en creëer reflecties en boventonen om het stalen oppervlak na te bootsen.
Laten we nu naar het onderste gedeelte van de blender gaan. Maak een 75 x 40 px turquoise rechthoek en maak de bovenste hoeken 50% afgerond.
Creëer een 85 x 4 px grijze afgeronde rechthoek voor de standaard en bevestig deze aan de onderkant van de blender.
Laten we het bedieningspaneel van de blender ontwerpen.
Maak een 60 x 12 px grijze afgeronde rechthoek in het midden van het turquoise gedeelte. Selecteer alle elementen van de blender en klik Centre uitlijnen om ervoor te zorgen dat alles perfect gecentreerd is.
Dupliceren (Command-J) de afgeronde grijze vorm, houd ingedrukt Command-Shift, en maak de kopie kleiner. Maak de vulkleur iets lichter.
Gebruik de Ellipse Tool (M) om een te maken 25 x 25 px donkergrijze cirkel en voeg er vervolgens een kleinere en lichtere cirkel aan toe.
Maak een kleine driehoekenschakelaar bovenop de cirkels met behulp van de Triangle Tool (M).
Voeg een highlight en een schaduw toe aan het turquoise gedeelte van de blender om het een beetje meer driedimensionaal te maken. We kunnen het maken door de hoofdvorm twee keer te dupliceren voor de markering en twee keer voor de schaduw, vervolgens te verplaatsen en de Aftrekbewerking, zoals we deden in Deel 1, Stap 5 toen we een standmixer maakten.
Laten we een handvat toevoegen aan de kom van de blender. Gebruik de Afgerond rechthoekgereedschap (M) om een te maken 35 x 50 px turquoise vorm boven de linkerkant van de kom.
Duplicaat de vorm, vasthouden Command-Shift, en maak de kopie kleiner. Selecteer beide vormen en klik Aftrekken om een gat in het midden te maken.
Tenslotte, verhuizing de vorm to Back door te drukken Shift-Command [ om het gedeeltelijk achter de kom te verbergen.
Voeg een schaduw en een hoogtepunt toe aan de turquoise dop van de blender en voltooi dit apparaat door een schaduw en een highlight aan het glazen oppervlak van de schaal toe te voegen.
En daar hebben we het! Onze retro blender is klaar! Laten we verdergaan naar het laatste pictogram!
Laten we deze keer beginnen met het maken van een item vanaf de onderkant. Maak een 130 x 7 px grijze afgeronde rechthoek voor de standaard.
Bevestig een 115 x 60 px turquoise rechthoek aan de bovenkant van de standaard. Maak de bovenste hoeken 25% afgerond om de vorm glad te maken.
Laten we een verticale grijze rechthoek van toevoegen 7 x 50 px met afgeronde hoeken bovenaan.
Maak een knop van een 20 x 6 px lichtgrijze afgeronde rechthoek, die deze over de vorige vorm plaatst. Plaats een kleinere kopie bovenop de knop om deze iets meer driedimensionaal te maken.
Dupliceren (Command-J) de cirkelvormige schakelaar van onze blender en voeg deze toe aan het voorpaneel van de broodrooster.
Laten we de inkepingen rond de schakelaar toevoegen. Gebruik de Pen gereedschap (P) en houd ingedrukt Verschuiving om een korte verticale slag te maken met donker-turquoise Beroerte kleur. Schakel over naar de Beroerte paneeltab en stel de Breedte naar 0.6 pt.
Neem de Verplaatsingsgereedschap (V), houden Option-Shift, en sleep de regel naar beneden, maak een kopie onder de schakelaar.
Selecteer beide regels en Groep (Command-G) hen. Dupliceren (Command-J) de groep.
Selecteer ten slotte de groepsexemplaar en draai de lijnen -90 graden handmatig of door het instellen van R waarde voor -90 in de Transformeren paneel.
Laten we een boterham in onze broodrooster stoppen. Gebruik de Rechthoekgereedschap (M) om een te maken 65 x 25 px bruine vorm met afgeronde bovenhoeken.
Duplicaat de vorm en maak de kopie kleiner, kleiner 57 x 21 px. Vul het met lichtbruine kleur en zorg ervoor dat de onderste randen van beide vormen zijn uitgelijnd.
Pak nu de Ellipse Tool (M), ingedrukt houden Verschuiving, en laten we kleine cirkels van verschillende groottes maken, met gaten in de tosti.
Werk het brood af en vergeet niet om een schaduw en een hoogtepunt aan het turquoise deel van de broodrooster toe te voegen.
En dat is het! Ons laatste item is voltooid!
En hier zijn ze! Alle drie de retro-items van onze keukenset. Ik heb ze op een plat oppervlak geplaatst en een donkerbruine rechthoek aan de onderkant van het deelvenster Lagen toegevoegd om een contrasterende achtergrond te vormen. U kunt zoveel details toevoegen als u wilt, zodat de compositie er uitgebalanceerd en compleet uitziet.
Geweldig werk! Ik hoop dat je het leuk vond om de belangrijkste tools en functies van de Draw Persona of Affinity Designer te ontdekken. Voel je vrij om al die tips en trucs toe te passen om meer platte vectorpictogrammen te maken.
Vergeet niet dat je deze Flat Retro Kitchen Items Set op Envato Elements in verschillende formaten en kleurvariaties kunt krijgen om alle details te zien of om ze te gebruiken in je ontwerpprojecten!
Als je het leuk vindt om platte vectorpictogrammen en -items in Affinity Designer te maken, heb ik nog een aantal tutorials voor je! Bekijk ze eens!
