Share
In deze tutorial zullen we laten zien hoe je 3 retro MP3-spelers kunt maken in Photoshop. Elk ontwerp bevat een ander type media, een CD, een record en een tape. Laten we beginnen!
Maak een nieuw bestand. Stel de breedte en hoogte in op 900x900 bij 72 PPI-resolutie. Maak nu een nieuwe groep en noem deze Player Shape of Body, maak binnen die groep een nieuwe laag aan.
Gebruik nu het gereedschap Afgeronde rechthoek (U) en stel de straal in op 50 px, kleur op # 363636 en maak een vorm gelijk aan die in de afbeelding hieronder.
Gebruik het gereedschap Rechthoekig selectiekader (M) om een selectie te maken die enkele pixels van de linkerkant begint en over de rechterkant gaat. Zorg ervoor dat je de hele vorm opneemt, precies zoals in de onderstaande afbeelding.
Ga nu naar de optiebalk onder de lagen en klik op het pictogram Laagmasker toevoegen.
Nu om enkele laagstijlen aan te brengen. Klik met de rechtermuisknop op de vormlaag en ga naar Overvloeimogelijkheden. Gebruik nu de exacte waarden die ik heb gebruikt, of je kunt rond spelen. Het patroon kan zijn
gevonden in de lijst met studielabels of in de PSD.
Sommige effecten aan de laagvorm toevoegen. Maak een nieuwe laag boven deze vectorvorm van een laag, klik er met de rechtermuisknop op en selecteer Maak knipmasker. Hiermee worden alleen delen van de laag in de vorm van de vectorvormlaag weergegeven. Vul nu de laag met wit #fffff met Paint Bucket Tool (G). Ga naar Filter> Ruis> Ruis toevoegen en stel het bedrag in op 400%, distributie op Gaussian en vink het vakje Monochromatic aan. Ga vervolgens naar Filter> Vervagen> Bewegingsonscherpte en stel de hoek in op 0 en Afstand op 32 pixels.
Stap 6 helpt bij het maken van enkele schaduwen op de laag. Maak een nieuwe laag, klik er met de rechtermuisknop op en selecteer Maak knipmasker dan selecteer een kleur, ik gebruikte # 363636, een donkergrijs.
Selecteer Penseelgereedschap (B), stel de grootte in op 180 pixels, Hardheid op 0 en selecteer Zacht rond drukdekvermogenpenseel. Begin met poetsen aan het einde van beide zijden van de vorm en nu
zet de mengmodus voor de laag op Vermenigvuldigen en de dekking op 23%.
Gebruik het gereedschap Afgeronde rechthoek (U) om de kleur in te stellen op # 00000 (dit is zwart) en de straal op 50 pixels en maak een vorm zoals de mijne. Breng nu wat aan
Slagschaduw effect door de waarden te volgen en de witte kleur #fffff te selecteren
Selecteer het gereedschap Rechthoek (U) en maak een rechthoek over het begin van de vorige vorm. Verander de kleur in # f24e47 en pas een patroonoverlay toe met behulp van het Club-patroon dat te vinden is in het patroonarchief opgenomen in de tutorials, volg de instellingen en klik met de rechtermuisknop op de laag en selecteer Creëer knipmasker. Dit maskeert de laag die we hebben bewerkt in de vorm van de laag eronder.
Zet aan het rechteruiteinde van de vorige vorm met Ellipse Tool (U) een kleine cirkel, stel de vulling in op 0% en pas de volgende effecten toe die in het voorbeeld zijn weergegeven.
De kleur die wordt gebruikt met de lijn is # e1ddde.
Laten we nu de knoppen maken. We zullen 3 knoppen moeten doen, maar de andere 2 zijn dezelfde als waar we aan zullen werken. Maak een nieuwe groep en noem deze Knop Afspelen. We zullen nu binnen deze groep werken. Ellipse Tool gebruiken (U) Maak een zwarte cirkel op de helft van de vorm van de speler. Volg de mengopties en verminder de dekking tot 70%.
Penhulpmiddel gebruiken (P) Maak een driehoek boven de cirkel, stel de kleur in op # f24e47 en klik met de rechtermuisknop op de laag om Maak knipmasker te selecteren.
Maak nog een kleine cirkel over de vorige cirkel, centreer het dan met een verloopoverlay zoals in het voorbeeld.
In deze stap voegen we een effect toe dat ik radiaal metaaleffect noem. Het is een heel eenvoudig effect om te maken. Maak een nieuwe laag, vul deze met elke gewenste kleur, ga vervolgens naar Filter> Ruis> Ruis toevoegen en stel het bedrag in op 400%, distributie op Gaussian en vink het vakje Monochromatic aan. De volgende stap is om naar Filter> Vervagen> Radiaal vervagen te gaan en de Hoeveelheid in te stellen op 80, Vervagingmethode om te draaien en Kwaliteit op Goed. Verlaag nu de dekking van de laag tot 12%, centreer de laag in de cirkel zodat je de punt van de vortex in het midden van de cirkel krijgt, klik er met de rechtermuisknop op en selecteer Maak knipmasker. Noem deze laag Radiaal metaaleffect.
Gebruik Pengereedschap (P) om een vorm te maken die lijkt op de mijne in de laatste cirkel. Zet de kleur op zwart # 00000. Ga nu naar Filter> Vervagen> Gaussiaans vervagen en stel de straal in op 2 pixels en de laagdekking van de laag op 12%. Klik met de rechtermuisknop op de laag en selecteer Maak knipmasker.
Dupliceer deze laatste laag, zet de dekking op 100%, draai hem een beetje en ga naar Afbeelding> Aanpassingen> Omkeren. Klik indien nodig met de rechtermuisknop en selecteer Maak knipmasker.
Pen Tool (P) komt weer met de uurhulp. Teken dit keer op dezelfde laag 3 driehoeken. Eén zwart, één wit en nog een zwarte. Selecteer de 3 lagen en voeg ze samen. Ga dan naar Filter> Vervagen> Radiaal vervagen en pas dezelfde waarde toe op de straal als in stap 14. Vergeet niet de bestaande laag om te vormen in een uitknipmasker.
Nu gaan we de speeldriehoek vormen. Gebruik Pengereedschap (P) om een witte driehoekige vorm te maken zoals getoond in de onderstaande afbeelding en pas de laagstijlen toe. Plak nu de laag Radiaal metaaleffect boven de laag Symboolspel en maak er een knipmasker van. OK-knop is gereed.
Naar de volgende en terug-knop gaan. Dupliceer de knopgroep en geef deze de volgende naam. Verklein het tot 50% en zorg ervoor dat u de eerste driehoek verwijdert die we hebben gedaan. Dupliceer het Play-symbool; lijn ze uit zodat de punt van de linker de verticale zijde van de rechter raakt. Centreer ze en we hebben een volgende knop. Dupliceer deze laag, noem deze Terug. Selecteer de twee Play-symbolen, druk op Command + T of CTRL + T, verander de waarde van de breedte naar negatief (-) zoals weergegeven in het voorbeeld, centreer het en we hebben 3 knoppen voor onze speler.
Volumeknop. Dupliceer een van de groepen Next of Back, noem deze de knop Volume. Verwijder de lagen van het afspeelsymbool, maak een vorm met Pen Tool (P) zoals die in de afbeelding, pas dezelfde effecten toe als in stap 17 en de volumeknop moet ook worden gedaan.
Artist Information Box: maak met behulp van Rectangle Tool (U) een rechthoek onder de spelervorm, draai de Fill naar 12% en pas de laagstijlen toe.
Maak een zwarte vierkante rechthoek met behulp van het gereedschap Rechthoek (U), dit is de miniatuurhouder voor de albumhoes. Gebruik nu het gereedschap Horizontaal Type (T), kies een lettertype en een formaat, ik vind Myriad Pro leuk omdat het een standaard en standaard lettertype is. Voeg tekst in die de naam van het nummer vertegenwoordigt en stijlen op de tekst toepast. Herhaal dezelfde stap voor het band- en albumgedeelte, gebruik een kleiner lettertype maar pas dezelfde stijlen toe.
Beoordeling sterren. Gebruik # f24e47 als basiskleur en met Custom Shape Tool (U) van waaruit je de stervorm moet selecteren, maak 5 sterren, de eerste 4 zou # f24e47 moeten zijn en de laatste zuiver zwart # 00000. Pas dezelfde stijl toe op alle 5 en onze speler is klaar voor actie.
CD-vorm. Maak een nieuwe groep, noem deze CD. Gebruik Ellipse Tool (U) om een perfecte cirkel te maken die iets kleiner is dan de grootte van het canvas en stel de kleur in op # bcb4c3. Gebruik Elliptical Marquee Tool (M) om een kleine cirkel in het midden van de grote cirkel te maken, klik met de rechtermuisknop om Inverse te selecteren, na op de knop Laagmasker toevoegen onder aan het lagenpaneel te hebben gedrukt.
Maak een nieuwe laag, selecteer Brush Tool (B), stel size in op 99, hardheid op 0 en selecteer het zachte ronde drukdekvermogenpenseel. Begin met poetsen met de kleuren die worden voorgesteld in de onderstaande afbeelding. Zet als je klaar bent de laagdekking van de laag op 30% en maak van de laag een uitknipmasker.
Pas de volgende stijlen toe op de vormlaag.
Maak opnieuw een nieuwe laag en begin met poetsen zoals in het voorbeeld met de voorgestelde kleuren. Zet de laagdekking van de laag op 60% en maak er een knipmasker van.
Dupliceer de vormlaag en breng deze voor de twee uitknipmaskers, verklein deze naar 98-96%. Pas alleen de laagstijl toe die u kunt vinden in de onderstaande afbeelding.
Nog meer effecten maken. Maak een nieuwe laag boven de vorm van de tweede cirkel. Gebruik een groter penseel en # 9a969d kleur en maak een horizontale lijn zoals in het voorbeeld. Druk op Command / CTRL + T, klik met de rechtermuisknop en selecteer Skew. Versleep de rechterbovenhoek door SHIFT ingedrukt te houden totdat deze de andere in het midden ontmoet. Dupliceer de laag 3 keer en maak een kruisje. Selecteer de 4-laag, voeg ze samen en maak de resulterende laag een knipmasker.
Voeg een nieuwe laag in en gebruik # f4f4f5 en # e2e2e3 terwijl kleuren beginnen te poetsen totdat je iets krijgt dat lijkt op het voorbeeld.
Radiaal vervagingseffect. Maak een nieuwe laag, vul deze met elke kleur, volg Stap 13, lijn het midden van de "vortex" uit met het midden van de CD en verminder de Dekking tot 10%.
Voeg een nieuwe laag toe, gebruik Penseel (B) en begin weg te poetsen met de kleuren en richting in het voorbeeld. Zet de dekking op 15% en mengmodus voor de laag op donkerder kleur.
Maak de stappen van 28 en 29 opnieuw en zorg dat je creatief bent om een glanzende reflectie te geven aan de vorm van de CD.
De standaard CD-vorm is nu gereed.
Gebruik Rechthoekige tool (U) en maak enkele vrije vormen zoals in het voorbeeld. Selecteer ze allemaal en voeg ze samen. Druk op Command / CTRL + T, klik met de rechtermuisknop en selecteer Skew. Sleep de twee lagere punten naar het midden. Ga nu naar Filter> Blur> Motion BLur en stel de hoek in op 0 en de afstand tot 11. Verplaats hem aan de rechterkant van de CD. Dupliceer het en pas de stijl toe op de laag. Vergeet niet om beide lagen knipmaskers te maken.
Maak een nieuwe cirkel binnen de CD-vorm met Ellipse Tool (U), plaats de Fill op 0 en pas de stijl toe. Maak een nieuwe, deze keer kleiner, vlakbij het midden, laat de Fill op 0 vallen en pas de stijl op de laag toe. Voeg nog een laag toe en maak met Ellipse Tool (U) een grijze cirkel, gebruik de Elliptical Marquee Tool (M) om nog een kleine cirkel te maken in het midden van deze, selecteer Inverse en voeg een laagmasker toe. Zet de dekking op 45%.
Voeg een nieuwe laag toe, selecteer Brush Tool (B), kies een kleinere brush en gebruik de twee kleuren om weg te poetsen. Zet de dekking op 25% en transformeer de laag in een uitknipmasker. Maak nu een nieuwe laag, deze zal nog donkerder zijn dan de vorige # 424143, gebruik Elliptical Marquee Tool (M) om een cirkel iets groter te maken dan het eerste gat in de CD, maak er een laagmasker van en pas de laagstijlen ernaar toe.
Voeg een nieuwe cirkel toe met behulp van Ellipse Tool (U) en maak deze een kleine cirkel, dicht bij het midden van de CD. Zet de vulling op 0 en de dekking op 25% en pas de laagstijlen toe. Voeg nu nog een laag toe en gebruik Ellipse Tool (U) om nog een cirkel te maken, exact de grootte van het gat in de CD, laat de vulling vallen op 0 en pas de laatste laagstijl toe. Onze CD is klaar, nu om naar de Vinyl Disk-versie van de speler te gaan.
Maak een nieuwe groep en noem die Vinyl schijf. Maak een zwarte # 00000 cirkel met Ellipse Tool (U) bijna net zo groot als het canvas. Na het gebruik van Elliptical Marquee Tool (M) maak je een geheel in het vinyl met behulp van de laagmaskerfunctie die we hebben gedaan. Pas de laagstijlen uit het voorbeeld toe.
Dupliceer die bestaande laag en verkleinen tot 98%. Maak een nieuwe laag. Vul het met zwart # 00000 voeg er wat ruis aan toe en radiaal vervagen, centreer de vortex in het midden van de schijf.
Voeg een nieuwe laag toe, ga naar Filter> Render> Wolken na ga naar Filter> Vervagen> Radiaal vervagen en stel de hoeveelheid in op 100. Vervaging naar zoomfactor en kwaliteit naar beste. Zet de overvloeimodus voor de laag op Zacht licht. Met Penseel (B) en #fffff (wit) maakt u een horizontale streep over de schijf. Command / Ctrl + T, klik rechts om Perspectief te selecteren dan terwijl je de linkerbovenhoek vasthoudt, sleep het naar beneden tot de diagonalen elkaar in het midden kruisen. Zet de mengmodus van de laag op Zacht licht en we zijn klaar. Dupliceer het zo vaak als je wilt, ik heb slechts 3 exemplaren gebruikt en verander de positie om dat reflectie-effect te geven.
Maak een nieuwe cirkel maar deze keer tot 95% van de grootte van het vinyl. Zet de vulling op 0 en pas de laagstijl toe. Dupliceer het vele malen, door de laaggrootte te laten vallen als je dichter bij het midden komt.
In deze stap zullen we een nieuwe cirkel maken, deze keer met # ff0000, het een beetje groter maken dan het geheel in de schijf, gebruik je het Elliptical Marquee Tool (M) en maak je een klein gaatje in de cirkel met behulp van een laagmasker, voeg de Canvas Texture in (deze kan worden gedownload van de link in Tutorial Assets) transformeer de laag in een Clipping Mask, zet de mengmodus van de laag op Multiply en het is klaar.
Maak een kleine cirkel precies ter grootte van het gat dat we net hebben gemaakt in de rode doek, verminder de vulling naar 0 en pas de laagstijl toe. Maak nu een nieuwe, deze keer groter, bijna net zo groot als de rode cirkel, laat de Fill naar 0 vallen en pas de laagstijl toe.
In deze stap maken we de spelersarm. Maak een nieuwe groep, noem die Speler Arm. Gebruik Ellipse Tool (U) om een zwarte # 000000 cirkel te maken zoals in het voorbeeld. Selecteer gereedschap Pen (P) en selecteer Paden in het bovenste menu. Teken een vorm zoals die in het voorbeeld, klik er met de rechtermuisknop op, selecteer Maak selectie en druk op de knop Laagmasker toevoegen.
Voeg een nieuwe laag toe, gebruik Brush Tool (B) en maak een witte #ffffff-stip bovenaan de cirkel, klik met de rechtermuisknop op de laag en maak er een clippingmasker van, stel de overvloeimodus van de laag in op zacht licht. Maak nu een nieuwe laag, vul deze met elke kleur, ga naar Filter> Ruis> Ruis toevoegen en verhoog de Hoeveelheid naar 400%, Verspreid naar Gaussiaans en vink het vakje Monochromatisch aan, nadat je de overvloeimodus van de laag hebt ingesteld op Kleur Dodge, de Dekking tot 15% en vul tot 50%.
Maak een nieuwe cirkel zoals die in het voorbeeld, vul hem met # 353535, voeg er nog een laag bovenop toe en gebruik penseelgereedschap (B) om een zwarte # 000000 streek aan de rechterkant van de cirkel te maken. Transformeer de laag in een uitknipmasker. Dupliceer de cirkelvorm en verplaats deze een paar pixels omhoog in de rechterbovenrichting en pas de laagstijlen toe.
Voeg een nieuwe laag toe en gebruik Penseel (B) om linksboven een witte #ffffff-stip te maken. Maak van de laag een uitknipmasker en stel de overvloeimodus van de laag in op zacht licht. Dupliceer nu de ruislaag die we in stap 45 hebben gemaakt en plaats die bovenop de witte stip die we net hebben gemaakt, uiteraard ook een knipmasker.
Gebruik Pengereedschap (P) om een vorm te tekenen zoals in het voorbeeld, vul deze met zwart # 000000 en ga naar Filter> Vervagen> Gaussiaans vervagen, stel de straal in op 2, 5 pixels. Nogmaals met behulp van Pen Tool (O) een nieuwe vorm maken met ronde hoeken zoals die in het voorbeeld, vul het met # 464141 en pas de laagstijl toe.
Maak deze keer een witte #ffffff-vorm met Pen Tool, maar een beetje korter dan de vorige, ga naar Filter> Blur> Gaussian Blur en stel de straal in op 2, 5. Maak een kleine rechthoek aan het einde van de arm, pas aan de laagstijl. Gebruik nu Pen Tool (P) een schande zoals die in het voorbeeld en vul het met zwart # 000000. Nu zullen we op twee lagen werken, de eerste heeft slechts een witte #ffffff kleine streep aan de punt en de dekking op 10% en de tweede laag krijgt 2 lijnen en de dekking op 15%. Beide moeten Clipping Masks zijn.
Dupliceer de vorm die we net hebben gedaan met Pen Tool (P) en verplaats deze een paar pixels naar boven. Pas de laagstijl toe. Dupliceer de witte #ffffff-lijn die we in het begin van stap 49 hebben uitgevoerd, plaats deze zoals in het voorbeeld. Houd nu de ALT-toets ingedrukt, selecteer de vectormaskerminiatuur van de onderliggende laag en sleep deze naar deze. Hiermee wordt de vectorvorm gekopieerd en de streek binnenin "opgevangen".
Maak een nieuwe groep, noem maar Schroef. Gebruik binnenin Ellipse Tool (U) een kleine cirkel en pas de laagstijlen toe. Gebruik Rechthoekige tool (U) om een kleine zwarte rechthoek # 000000 te maken. Dupliceer de groep en verplaats deze iets naar beneden, zodat het lijkt alsof twee schroeven de vormen bij elkaar houden.
Dit is de laatste vorm van het audioformaat, de cassette. Gebruik het gereedschap Afgeronde rechthoek (U), stel de straal in op 10 pixels, de vulling op 65% en de kleur op # 4e4e4e en maak een vorm zoals in het voorbeeld. Pas laagstijlen toe. Het patroon is te vinden in het patroonarchief van zelfstudie-items.
In deze stap zullen we wat details aan de cassette toevoegen. Stel met Pen Tool (P) de kleur in op # 8c8c8c en maak een vorm gelijk aan de mijn aan de rechterkant. Zet de dekking op 45% en dupliceer deze laag met een spiegeling naar de andere kant van de cassette. Pen Tool (P) zal dit keer helpen om nog twee details aan de cassette te geven, met # 323232 en # 5b5b5b, aangezien de lichaamskleuren twee vormen tekenen, zoals in het voorbeeld. Vervaag de dekking naar de laatste vorm tot 80%. Maak nu met behulp van Ellipse Tool (U) en Rounded Rectangular Tool (U) 4 witte #ffffff-vormen zoals in het voorbeeld. Het laatste detail dat we in deze stap toevoegen, is een kleine zwarte # 000000-rechthoek gemaakt met Rechthoek-tool (U) en de lagen dekkend op 75% laten vallen.
Gebruik Ellipse Tool (U) en Rectangular Tool (U) en voeg nog wat meer details toe, zoals in het voorbeeld. Nadat u klaar bent met het werk aan de kleine details, gaan we de meetlint toevoegen. Hiervoor moeten we Pen Tool (P) gebruiken en instellen op paden. Maak een pad zoals in het voorbeeld dan stel je penseel in op 1 pixelgrootte en 0 hardheid, vul de kleur in op # 000000 en klik met de rechtermuisknop ergens in het canvas om Stroke Path te selecteren.
De schroeven toevoegen. Maak een nieuwe groep en noem deze Schroef. Maak een kleine zwarte # 000000 cirkel in de inferieure rechterhoek zoals in het voorbeeld en zet de dekking op 45%. Maak hier een nieuwe cirkel van deze keer 80% kleiner en gebruik wit #ffffff terwijl je de dekking op 75% zet. Pas de laagstijlen toe op de vorm van de witte cirkel.
Gebruik een klein zwart # 000000 penseel om enkele slagen op het bovenste en onderste deel van de schroef te maken. Klik met de rechtermuisknop op de laag om er een uitknipmasker van te maken en zet de dekking op 75%. Selecteer nu Horizontal Type Tool (T) en gebruik Arial als een lettertype, de grootte naar 4, 5pt en de letterstijl naar Black maken een + in het midden van de cirkel. Breng nu de laagstijl aan. Nadat alles is gedaan, kopieert u de groepsnaam. Schroef een van de gebieden in het voorbeeld in.
Voeg een nieuwe groep toe en noem deze tape. Maak een bruine # 343732-cirkel en gebruik Pengereedschap (P) ingesteld op Paden om een pad te maken zoals in het voorbeeld. Klik met de rechtermuisknop op het canvas en druk op Selecteer omgekeerd dan op de knop Laagmasker toevoegen. Maak een nieuwe laag over de bandvorm en voeg een nieuwe cirkel toe, deze keer een witte #ffffff, transformeer deze in een knipmasker en laat de dekking op 55% komen. Gebruik Pengereedschap (P) ingesteld op Paden maak nog een selectie zoals in het voorbeeld en gebruik een zwart # 000000 penseel, vul de binnenkant van de selectie tot het grijs volledig gemaskeerd is.
Gebruik Ellipse Tool (U) om een nieuwe cirkel toe te voegen, maar stel deze keer in op #aaaaaa. Maak nog een cirkel met behulp van Elliptical Marquee Tool (M) en voeg nog een laagmasker toe. Zet de dekking op 55%. Maak met behulp van Ellipse Tool (U) nog een kleine cirkel en zet de dekking op 55% dan laagstijlen toepassen.
In deze stap voegen we de punten toe aan de tape-rol. Gebruik Ellipse Tool (U) om een kleine cirkel te maken zoals in het voorbeeld, gebruik # 737373 dan dupliceer het totdat je hetzelfde resultaat krijgt als in het voorbeeld. Gebruik nu gereedschap Pen (P) om lagen vorm te geven en de kleur ingesteld op # 9a5f5f maak twee vormen zoals in het voorbeeld. Onze tape is nu klaar. Dupliceer de groep en u kunt deze roteren zoals u wilt voor een dynamisch effect van de rollen.
Deze laatste stap zal helpen bij het maken van de stickers. Gebruik Pengereedschap (P) om een vorm te maken zoals in het voorbeeld, maak een rechthoekige vorm met Rechthoekig selectiekader (M) en voeg een laagmasker toe nadat u de selectie hebt omgekeerd. Pas de laagstijlen toe. Maak nu twee vormen met behulp van Rectangle Tool (U) één gekleurde witte #ffffff en de andere # f24e47. Maak de lagen Clipping Masks en pas de laagstijl op beide toe.
Accentsconagua