Share
Apple heeft zoveel mooie producten. Hun productontwerpen bereiken consequent een gewilde status, die hen als een innovatief bedrijf onderscheidt. In deze tutorial leer ik je hoe je een nieuwe glimmende afstandsbediening van een appel maakt.
Maak eerst een nieuw document en vul het met zwart.
Maak een nieuwe vorm zoals de volgende afbeelding met het gereedschap Afgeronde rechthoek met een straal van 5 px of zo. Jij beslist. Noem het "vorm op afstand".
Maak een selectie van deze Remote Shape. Maak een nieuwe laag en sleep met het gereedschap Verloop van links naar rechts. Gebruik de instellingen in de afbeelding hieronder, met linkerkleur (#ffffff) en rechterkleur (# e4e4e4). Het verloop is niet erg sterk, maar het is nodig om een beetje op te vallen.
Nu voegen we enkele eenvoudige tinten toe aan de vorm om deze er realistischer uit te laten zien. Maak een witte vorm zoals op de onderstaande afbeelding. Zorg ervoor dat deze hoger is dan de vorm op afstand. Ga naar Filter> Blur> Gaussian Blur en gebruik een kleine straal.
Gebruik nu dezelfde techniek en maak een donkerdere vorm. Maak het dunner dan de witte. Pas een Gaussiaanse vervaging toe met behulp van de onderstaande instellingen.
Breng nu de witte en de grijze vormen dichterbij. Verplaats ze naar de linkerkant van de externe vorm. Dupliceer ze vervolgens, draai ze en verplaats ze naar de rechterkant.
Nu moeten we het bovenste gedeelte van de afstandsbediening maken. Om dit te doen, moet je een nieuwe vorm maken met behulp van het gereedschap Afgeronde rechthoek. Vul het met zwart. Plaats het vervolgens achter de externe vorm.
We moeten de witte en grijze vormen maskeren voor de afstandsbediening. Ctrl-klik (MAC: Command + Click) op de externe laag om een selectie te maken. Druk vervolgens op Ctrl + Shift + klik (MAC: Command + Shift + klik) om de hoofd van de afstandsbediening aan de selectie toe te voegen. Zorg ervoor dat u een van de schaduwlagen in het lagenpalet hebt geselecteerd. Ga naar Laag -> Laagmasker -> Selectie onthullen. Doe dit voor elke schaduw.
Draai nu de dekking van de grijze en witte vormen naar beneden totdat het er ongeveer zo uitziet.
Je kunt de achtergrond een lichtgrijze kleur geven, omdat we nu het product beter kunnen zien. De vorm van de afstandsbediening is voltooid. Nu moeten we er enkele knoppen aan toevoegen.
Eerst maken we de MENU-knop. Begin met het maken van een cirkel met behulp van de Ellipse Tool en de onderstaande instellingen.
Nu moeten we de knoppen Play, Pause, Fast-Forward, Fast Backwards, Volume Up en Volume Down gebruiken. Begin door een nieuwe cirkel boven de eerste cirkel te maken en zorg ervoor dat deze groter is.
Vervolgens moeten we hier een cirkel van aftrekken. Houd hiervoor Alt en Min (MAC: Option en Minus) ingedrukt. Op dit punt verschijnt er een minteken naast je cursor. Dit geeft aan dat je een stuk van je vorm aftrekt. Klik en trek een cirkel af beginnend in het midden van deze grote cirkel terwijl je de Alt en Minus (MAC: Optie en Minus) vasthoudt en een cirkel versleept (druk op shift om een perfecte cirkel te maken). Bekijk de afbeeldingen hieronder om het resultaat te zien.
Vul deze vorm met (# f6f6f8) en voeg de onderstaande instellingen toe aan de overvloeimogelijkheden.
Maak nu de laatste knop, die zal worden gebruikt als de knop Afspelen / Pauzeren. Je moet het precies maken waar je net een cirkel hebt afgetrokken. Nadat je het hebt gemaakt, vul je het met (# f6f6f8) en gebruik je de onderstaande instellingen.
We moeten de tekst toevoegen die nu op de knoppen staat. Gebruik Arial Black voor het lettertype en deze kleur: (# c4c4c4). Gebruik dezelfde kleur voor de vormen. Maak ze met behulp van het gereedschap Rechthoek en het gereedschap Aangepaste vorm. Doe hetzelfde voor de knoppen Volume, Vooruit / Achteruit.
Nu is het tijd om de knoppen glanzender te maken. We doen dit door simpelweg een selectie te maken van de knop Afspelen / Pauzeren door Ctrl + Klik op de knop. Trek vervolgens van deze selectie af met de Elliptical Marquee Tool. Houd Alt ingedrukt en sleep een cirkel over de selectie. Maak een nieuwe laag. Zet het bovenop de andere lagen. Vul de selectie met wit.
Herhaal vervolgens stap 14, maar deze keer dit glanzende effect voor de volumeknop.
De afstandsbediening is klaar. Nu moeten we een zeer belangrijke stap voltooien. De manier waarop we de producten presenteren is erg belangrijk, dus we moeten een eenvoudige en aantrekkelijke achtergrond maken.
Maak een nieuwe laag en plaats deze achter de afstandsbediening. Stel met het gereedschap Verloop de radiusgradiënt in van zwart in wit. Zorg ervoor dat Reverse is geselecteerd. Klik nu en sleep vanuit het midden naar buiten. Verlaag vervolgens de dekking van deze laag naar 33 procent.
Dupliceer nu de externe map. Voeg deze gekopieerde afstandsbediening samen in één enkele laag. Doe dit door met de rechtermuisknop op de gekopieerde externe map te klikken en vervolgens Groep samenvoegen te selecteren. Draai vervolgens de gekopieerde afstandsbediening ondersteboven. Verplaats de verlooplaag die u zojuist hebt gemaakt. Selecteer vervolgens de externe laag opnieuw. Ga naar Filter> Vervagen> Gaussiaans vervagen. Stel de blur in op 2 procent. Plaats de gekopieerde afstandsbediening vervolgens lager.
Maak een selectie. Maak een nieuwe laag. Maak een glimmende vloer voor de afstandsbediening om na te denken over het gebruik van het gereedschap Verloop. Klik en sleep van boven naar beneden. Verplaats deze laag over de externe kopie.
Maak nu de schaduw die de afstandsbediening op deze vloer zal weerkaatsen. Maak een vorm die lijkt op de mijne. Verplaats het over de hellingen. Ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen. Gebruik 8%. Verlaag vervolgens de dekking naar 7 procent. Goed gedaan! Je hebt net het ontwerp voltooid.
Hieronder is een bonus voor jullie. Het behandelt hoe eenvoudig de kleur van de afstandsbediening in een paar seconden kan worden veranderd.
Ga naar de externe map en zoek naar de laag Remote Shape. Daarboven is de laag Verloop die je onzichtbaar moet maken. Ga nu terug naar de Remote Shape. Kies een kleur voor de voorgrondkleur. Druk vervolgens op Alt + Backspace. Tadaaa! Je hebt een rode afstandsbediening.
Doe hetzelfde voor de laag met afspeelknoppen en de laag met de volumeknop. Verlaag ten slotte de dekking van de glanzende volumeknop en de glanzende afspeelknop. En maak natuurlijk de reflectie voor deze zoals je deed voor de eerste afstandsbediening. Succes!
Accentsconagua